@charset "UTF-8";
/* moved by compressor */
/* default styles for extension "tx_jsfaq" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-js-faq table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-js-faq table th {
		font-weight:bold;
	}

	.tx-js-faq table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}

/* default styles for extension "tx_iweltpack" */
 /* css goes here */

.pager {clear: both;}

.itemsCountsPerPage,
.f3-widget-paginator { display: block;margin: 10px auto; overflow: hidden;text-align: center; float: left;}
.f3-widget-paginator {text-align:center; float: right}
.itemsCountsPerPage li,
.f3-widget-paginator li {display: inline-block; margin: 0!important; list-style: none!important; border: 0!important; padding: 0!important; }
.f3-widget-paginator li a,
.f3-widget-paginator li > span {display: inline-block; margin: 0 5px; border: 1px solid transparent; padding: 2px 5px; }
.f3-widget-paginator li.current > span, .f3-widget-paginator li:hover a { border-color: black; }
.f3-widget-paginator li.next,
.f3-widget-paginator li.previous {}
.f3-widget-paginator a {text-decoration: none!important;}

/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}
/*! Swipebox v1.2.8 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-slider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none}#swipebox-slider .slide{background:url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Icons/loader.gif') no-repeat center center;height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-action,#swipebox-caption{position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-action{bottom:-50px}#swipebox-action.visible-bars{-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px)}#swipebox-action #swipebox-close,#swipebox-action #swipebox-next,#swipebox-action #swipebox-prev{background-image:url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Icons/icons.png');background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;position:absolute;width:50px;height:50px;top:0}#swipebox-action #swipebox-prev{background-position:-32px 13px;right:100px}#swipebox-action #swipebox-next{background-position:-78px 13px;right:40px}#swipebox-action #swipebox-close{background-position:15px 12px;left:40px}#swipebox-action #swipebox-next.disabled,#swipebox-action #swipebox-prev.disabled{opacity:.3}#swipebox-caption{top:-50px;text-align:center}#swipebox-caption.visible-bars{-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px)}#swipebox-slider.rightSpring{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}#swipebox-slider.leftSpring{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@media screen and (max-width:800px){#swipebox-action #swipebox-close{left:0}#swipebox-action #swipebox-prev{right:60px}#swipebox-action #swipebox-next{right:0}}#swipebox-overlay{background:#0d0d0d}#swipebox-action,#swipebox-caption{text-shadow:1px 1px 1px #000;background-color:#0d0d0d;background-color:#0d0d0d;background-image:-webkit-gradient(linear,left top,left bottom,from(#0d0d0d),to(#000));background-image:-webkit-linear-gradient(top,#0d0d0d,#000);background-image:linear-gradient(to bottom,#0d0d0d,#000);opacity:.95}#swipebox-action{border-top:1px solid rgba(255,255,255,.2)}#swipebox-caption{border-bottom:1px solid rgba(255,255,255,.2);color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
.tx-iwelt-djd .typo3-messages p:before,
#login .logout:after,
#search .searchsubmit:before,
#topnav a:before,
.tx-iwelt-djd .sectionHeader span.morelink:before,
.djd-listing p.morelink a:after,
.tx-iwelt-djd a.action:before,
.djd-detail .meta .csc-firstHeader:before,
.djd-searchresult .filter > h3.active:before,
.ui-datepicker-trigger:after,
.f3-widget-paginator li.first > :before,
.f3-widget-paginator li.previous > :before,
.f3-widget-paginator li.next > :after,
.f3-widget-paginator li.last > :after {
    font-family: FontAwesome;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: inherit;
    padding-right: 0.5rem;
    text-decoration: none;
}

#login .logout:after,
.djd-listing p.morelink a:after,
.tx-iwelt-djd .sectionHeader span.morelink:before {
    content: "\f0da";
    cursor: pointer;
    padding: 0.8em 0.5rem;
}

.tx-iwelt-djd .sectionHeader:before{
    content: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Images/favicon.gif');
    cursor: pointer;
    padding: 0.8em 0.5rem;
}

* {
    box-sizing: border-box;
}

html {
    background: #f4f4f4;
    font-size: 62.5%;
}

body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    line-height: 150%;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    /*font-size: 1.5rem;*/
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: 400;
    color: #000000; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #f4f4f4;
}

a:active, a:focus {
    outline: none;
}

a {
    text-decoration: none;
}

/* Darstellung von Links - NICHT die Farbe */
a:link {
    color: #007ac3;
}

/* Linkfarbe */
a:visited {
    color: #007ac3;
}

/* besuchter Link */
a:active {
    color: #003e63;
}

/* aktiver Link */
a:hover {
    color: #003e63;
    text-decoration: underline;
}

/* Mouseover */
p, td, th, div, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol, li, font, dl, dt, dd, legend {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

form, fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

legend {
    margin: 0;
    padding: 0 5px 0 0;
    color: #007ac3;
    font-weight: normal;
}

label {
    color: #007ac3;
}

table, form {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
}

tr {
    vertical-align: top;
}

th, td {
    text-align: left;
    margin: 0;
    padding: 0 10px 5px 0;
}

img {
    max-width: 100%;
    height: auto;
}

.img {
    width: 100% !important;
}

input, select, textarea {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 75%
}

input[type=checkbox] {
    width: auto;
}

#header input, #header select, #header textarea {
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
}

input[type="submit"] {
    background-color: #007ac3 !important;
}

input[type="hidden"] {
    display: none;
}

input[type="checkbox"], input[type="radio"] {
    border: 0;
    background-color: transparent;
}

acronym {
    border-bottom: 1px dotted;
}

hr {
    width: 100%;
    height: 2px;
    border: 0;
    color: #333333;
}

button {
    border: 0;
    background-color: transparent;
}

.hidden, .felogin-hidden {
    visibility: hidden !important;
    display: none !important;
    overflow: hidden;
    height: 0;
    width: 0;
}

/* -------- LISTEN */
ul {
    margin: 0;
    padding: 0 0 5px 0;
}

ul li {
    list-style: none;
    margin: 1px 0;
    padding: 0 0 0 10px;
}

ol {
    margin: 0;
    padding: 0;
}

ol li {
    list-style-type: decimal;
    margin: 2px 0 0 25px;
    padding: 0;
}

dl {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

dt {
    margin-bottom: 2px;
    padding-top: 10px;
    clear: both;
}

dd {
    margin-bottom: 5px;
}

/* --- DEFAULTS: t3 defs / csc ---------------------------------------------------------------------------------------------------------------- */
H1, H2, H3, H4, H5 {
    line-height: 120%;
    margin: 0;
    font-weight: 700;
}

H2 {
    font-size: 1.7rem;
    padding: 25px 0 5px 0;
}

H1, #left H2 {
    font-size: 1.5rem;
    padding: 25px 0 3px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid;
    overflow: hidden;
    text-transform: uppercase;
}

/*H3 {font-size: 1.6rem; padding: 15px 0 5px 0; text-transform: uppercase;}*/
H3, H4 {
    font-size: 1.5rem;
    padding: 20px 0 5px 0;
    color: #007ac3;
}

H5, H6 {
    font-size: 1.5rem;
    padding: 15px 0 5px 0;
}

H6 {
    color: #007ac3;
}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

p.csc-header-date {
    font-size: 1rem;
}

.bodytext, p {
    margin: 0;
    padding: 5px 0;
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
p.csc-linkToTop {
    text-align: right;
    font-size: 1.3rem;
}

.csc-frame-rulerBefore {
    border-top: 1px solid #000000;
    padding-top: 10px;
    margin-top: 15px;
}

.csc-frame-rulerAfter {
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.csc-frame-indent {
    margin-left: 20px;
}

.csc-frame-indent3366 {
    margin-left: 100px;
}

.csc-frame-indent6633 {
    margin-left: 200px;
}

.csc-frame-frame1,
.csc-frame-frame2 {
    background-color: #ffffff;
    padding: 15px 15px 10px 15px;
    margin-bottom: 15px;
}

.csc-frame-frame2 {
    background-color: #007ac3;
    color: #ffffff !important;
    font-weight: 400;
    font-size: 0.933em;
}

.csc-frame-frame1 * {
    color: #000000 !important;
}

.csc-frame-frame2 * {
    color: #ffffff !important;
}

.csc-frame h1:first-child, #left .csc-frame h2:first-child, #left .csc-frame h3:first-child, #left .csc-frame h4:first-child, #left .csc-frame h5:first-child {
    padding-top: 0;
    margin-top: 0;
}

.csc-textpic-text {
    margin: 0;
}

.csc-textpic-text h1, .csc-textpic-text h2, .csc-textpic-text h3, .csc-textpic-text h4, .csc-textpic-text h4 {
    padding-top: 0;
}

/**********/
/* Images */
/**********/
div.csc-textpic {
    clear: both;
}

div.csc-textpic-responsive > div {
    max-width: 100% !important;
}

div.csc-textpic-responsive figure.csc-textpic-image {
    padding-bottom: 5px;
    display: block;
}

div.csc-textpic-responsive figcaption.csc-textpic-caption {
    display: block;
    font-size: 1rem;
    padding: 5px 0 10px 0;
}

.csc-textpic-responsive .col-xs-1, .csc-textpic-responsive .col-sm-1, .csc-textpic-responsive .col-md-1, .csc-textpic-responsive .col-lg-1, .csc-textpic-responsive .col-xs-2, .csc-textpic-responsive .col-sm-2, .csc-textpic-responsive .col-md-2, .csc-textpic-responsive .col-lg-2, .csc-textpic-responsive .col-xs-3, .csc-textpic-responsive .col-sm-3, .csc-textpic-responsive .col-md-3, .csc-textpic-responsive .col-lg-3, .csc-textpic-responsive .col-xs-4, .csc-textpic-responsive .col-sm-4, .csc-textpic-responsive .col-md-4, .csc-textpic-responsive .col-lg-4, .csc-textpic-responsive .col-xs-5, .csc-textpic-responsive .col-sm-5, .csc-textpic-responsive .col-md-5, .csc-textpic-responsive .col-lg-5, .csc-textpic-responsive .col-xs-6, .csc-textpic-responsive .col-sm-6, .csc-textpic-responsive .col-md-6, .csc-textpic-responsive .col-lg-6, .csc-textpic-responsive .col-xs-7, .csc-textpic-responsive .col-sm-7, .csc-textpic-responsive .col-md-7, .csc-textpic-responsive .col-lg-7, .csc-textpic-responsive .col-xs-8, .csc-textpic-responsive .col-sm-8, .csc-textpic-responsive .col-md-8, .csc-textpic-responsive .col-lg-8, .csc-textpic-responsive .col-xs-9, .csc-textpic-responsive .col-sm-9, .csc-textpic-responsive .col-md-9, .csc-textpic-responsive .col-lg-9, .csc-textpic-responsive .col-xs-10, .csc-textpic-responsive .col-sm-10, .csc-textpic-responsive .col-md-10, .csc-textpic-responsive .col-lg-10, .csc-textpic-responsive .col-xs-11, .csc-textpic-responsive .col-sm-11, .csc-textpic-responsive .col-md-11, .csc-textpic-responsive .col-lg-11, .csc-textpic-responsive .col-xs-12, .csc-textpic-responsive .col-sm-12, .csc-textpic-responsive .col-md-12, .csc-textpic-responsive .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}

/* remove left and right paddings from full imagerows*/
.csc-textpic-responsive .csc-textpic-right .csc-textpic-imagerow,
.csc-textpic-responsive .csc-textpic-left .csc-textpic-imagerow,
.csc-textpic-responsive .csc-textpic-center .csc-textpic-imagerow {
    margin-left: -5px;
    margin-right: -5px;
}

.csc-textpic-responsive .csc-textpic-intext-left .csc-textpic-imagerow {
    margin-left: -10px;
}

.csc-textpic-responsive .csc-textpic-intext-right-nowrap .text,
.csc-textpic-responsive .csc-textpic-intext-left.col-xs-1, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-1, .csc-textpic-responsive .csc-textpic-intext-left.col-md-1, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-1, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-2, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-2, .csc-textpic-responsive .csc-textpic-intext-left.col-md-2, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-2, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-3, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-3, .csc-textpic-responsive .csc-textpic-intext-left.col-md-3, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-3, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-4, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-4, .csc-textpic-responsive .csc-textpic-intext-left.col-md-4, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-4, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-5, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-5, .csc-textpic-responsive .csc-textpic-intext-left.col-md-5, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-5, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-6, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-6, .csc-textpic-responsive .csc-textpic-intext-left.col-md-6, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-6, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-7, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-7, .csc-textpic-responsive .csc-textpic-intext-left.col-md-7, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-7, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-8, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-8, .csc-textpic-responsive .csc-textpic-intext-left.col-md-8, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-8, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-9, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-9, .csc-textpic-responsive .csc-textpic-intext-left.col-md-9, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-9, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-10, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-10, .csc-textpic-responsive .csc-textpic-intext-left.col-md-10, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-10, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-11, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-11, .csc-textpic-responsive .csc-textpic-intext-left.col-md-11, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-11, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-12, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-12, .csc-textpic-responsive .csc-textpic-intext-left.col-md-12, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-12,
.csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-1, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-1, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-1, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-1, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-2, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-2, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-2, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-2, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-3, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-3, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-3, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-3, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-4, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-4, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-4, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-4, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-5, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-5, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-5, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-5, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-6, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-6, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-6, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-6, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-7, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-7, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-7, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-7, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-8, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-8, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-8, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-8, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-9, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-9, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-9, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-9, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-10, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-10, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-10, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-10, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-11, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-11, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-11, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-11, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-12, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-12, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-12, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-12 {
    padding-left: 0;
}

/* Image alignment: right in text (NOT above or below!) */
.csc-textpic-responsive .csc-textpic-intext-right .images,
.csc-textpic-responsive .csc-textpic-intext-right-nowrap .images {
    float: right;
}

.csc-textpic-responsive .csc-textpic-intext-left-nowrap .text,
.csc-textpic-responsive .csc-textpic-intext-right .col-xs-1, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-1, .csc-textpic-responsive .csc-textpic-intext-right .col-md-1, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-1, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-2, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-2, .csc-textpic-responsive .csc-textpic-intext-right .col-md-2, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-2, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-3, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-3, .csc-textpic-responsive .csc-textpic-intext-right .col-md-3, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-3, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-4, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-4, .csc-textpic-responsive .csc-textpic-intext-right .col-md-4, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-4, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-5, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-5, .csc-textpic-responsive .csc-textpic-intext-right .col-md-5, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-5, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-6, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-6, .csc-textpic-responsive .csc-textpic-intext-right .col-md-6, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-6, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-7, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-7, .csc-textpic-responsive .csc-textpic-intext-right .col-md-7, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-7, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-8, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-8, .csc-textpic-responsive .csc-textpic-intext-right .col-md-8, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-8, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-9, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-9, .csc-textpic-responsive .csc-textpic-intext-right .col-md-9, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-9, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-10, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-10, .csc-textpic-responsive .csc-textpic-intext-right .col-md-10, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-10, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-11, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-11, .csc-textpic-responsive .csc-textpic-intext-right .col-md-11, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-11, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-12, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-12, .csc-textpic-responsive .csc-textpic-intext-right .col-md-12, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-12,
.csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-1, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-1, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-1, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-1, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-2, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-2, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-2, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-2, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-3, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-3, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-3, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-3, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-4, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-4, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-4, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-4, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-5, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-5, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-5, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-5, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-6, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-6, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-6, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-6, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-7, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-7, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-7, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-7, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-8, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-8, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-8, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-8, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-9, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-9, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-9, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-9, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-10, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-10, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-10, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-10, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-11, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-11, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-11, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-11, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-12, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-12, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-12, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-12 {
    padding-right: 0;
}

/*********************/
/* Tables, generally */
/*********************/
table.contenttable {
    margin: 10px 0;
}

table.contenttable th,
table.contenttable td {
    padding: 0 15px 5px 0;
}

/* Tables, specifically */
table.contenttable-0 {
    width: auto;
}

table.contenttable-1 {
    width: 99%;
}

table.contenttable-1 .tr-0 th,
table.contenttable-1 .tr-0 td {
    font-weight: 700;
}

table.contenttable-2 {
    width: 99%;
}

table.contenttable-2 th,
table.contenttable-2 td {
    padding: 3px 3px 3px 0;
}

table.contenttable-2 .tr-0 th, table.contenttable-2 .tr-0 td.th-0,
table.contenttable-2 .tr-0 td, table.contenttable-2 .tr-0 td.td-0 {
    border-bottom: 1px solid #000000;
}

table.contenttable-2 td.td-0 {
    font-weight: 700;
}

table.contenttable-2 .tr-0 th,
table.contenttable-2 .tr-0 td {
    font-weight: 700;
}

/************************/
/* Filelinks, generally */
/************************/
ul.csc-uploads li {
    position: relative;
    margin: 0 0 0.5em 0;
}

ul.csc-uploads-1 li,
ul.csc-uploads-2 li,
ul.csc-uploads-3 li {
    background: none;
    padding-left: 0;
    margin-left: 0;
    display: block;
    clear: both;
}

ul.csc-uploads .csc-uploads-fileName,
ul.csc-uploads .csc-uploads-fileSize {
    display: inline;
}

ul.csc-uploads .csc-uploads-fileSize {
    padding-left: 5px;
    font-size: 1.2rem;
}

ul.csc-uploads-1 li,
ul.csc-uploads-2 li,
ul.csc-uploads-3 li {
    margin-left: 0 !important;
    padding-top: 5px !important;
}

ul.csc-uploads-1 .csc-uploads-description {
    padding-left: 30px;
}

ul.csc-uploads-3 .csc-uploads-fileSize {
    float: right;
}

/*****************/
/* Various Forms */
/*****************/
/*****************/
/* Mailform & Registrierung */
/*****************/
.tx-srfeuserregister-pi1 input, .tx-srfeuserregister-pi1 select, .tx-srfeuserregister-pi1 textarea {
    width: 100%
}

#mailform, #tx-srfeuserregister-pi1-fe_users_form, .tx-powermail {
    width: auto;
}

#mailform .form-group,
.csc-mailform, .csc-mailform fieldset,
.csc-mailform-field, .powermail_fieldwrap {
    padding: 5px 0;
    position: relative;
    clear: both
}

.csc-mailform-field, .tx-felogin-pi1 div {
    overflow: hidden;
}

#mailform label,
.csc-mailform-field label,
.tx-srfeuserregister-pi1 dt,
.powermail_label,
.tx-felogin-pi1 label {
    display: block;
    float: left;
    width: 25%;
}

.powermail_legend, .tx-felogin-pi1 legend {
    display: none;
}

legend.powermail_label {
    float: none;
}

.csc-mailform .csc-mailform-label {
    margin: 20px 0
}

input[type="radio"] + label {
    padding: 0 20px 0 5px;
}

.csc-mailform-check label,
.csc-mailform-radio label, legend.powermail_label {
    display: inline;
    float: none;
}

.csc-mailform-radio fieldset legend {
    position: absolute;
    top: 2px;
    left: 0;
    width: 25%;
    margin: 0;
    padding: 0;
}

#mailform .input,
.csc-mailform-field div,
.csc-mailform-field.csc-mailform-check,
.csc-mailform-field.csc-mailform-radio, .powermail_fieldwrap_radio .powermail_radio_outer,
.tx-felogin-pi1 > p {
    padding-left: 25%;
}

.tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"] {
    width: 75%;
}

.csc-mailform-radio {
    border: 0;
    background-color: transparent;
    width: auto;
}

.csc-mailform-radio label {
    float: none !important;
}

.req label:after {
    content: "*";
    color: #007ac3;
    padding-left: 6px;
}

dl.tx-srfeuserregister-pi1-multiple-checkboxes {
    clear: both;
    overflow: hidden;
}

input[type="radio"] + label, input[type="checkbox"] + label, .csc-mailform-check + label, .powermail_radio_inner label {
    display: inline !important;
}

.csc-mailform-field .csc-mailform-radio input, .csc-mailform-field input[type="radio"], .tx-srfeuserregister-pi1 input[type="radio"], .csc-mailform-field .csc-mailform-check input,
.csc-mailform-field input[type="checkbox"], .tx-srfeuserregister-pi1 input[type="checkbox"], .csc-mailform-field .csc-mailform-radio input, .csc-mailform-field input[type="radio"],
.tx-srfeuserregister-pi1 input[type="radio"], .csc-mailform-field .csc-mailform-check input, .csc-mailform-field input[type="checkbox"], .tx-srfeuserregister-pi1 input[type="checkbox"],
.csc-mailform-field .csc-mailform-radio input, .csc-mailform-field input[type="radio"], .tx-srfeuserregister-pi1 input[type="radio"], .csc-mailform-field .csc-mailform-check input,
.csc-mailform-field input[type="checkbox"], .tx-srfeuserregister-pi1 input[type="checkbox"], input.powermail_radio {
    width: 20px !important;
}

.csc-mailform-check {
    border: 0;
    background-color: transparent;
    width: auto;
}

.powermail_submit, input.csc-mailform-submit, .tx-srfeuserregister-pi1-submit, input[type="submit"], #mailform button {
    margin-left: 25%;
    border: 0;
    padding: 5px 20px;
    color: #ffffff !important;
    font-weight: 700;
    cursor: pointer;
    background: #007ac3;
    width: auto;
    display: inline-block;
}

.powermail_submit:nth-of-type(n+2), input.csc-mailform-submit:nth-of-type(n+2), .tx-srfeuserregister-pi1-submit:nth-of-type(n+2), input[type="submit"]:nth-of-type(n+2) {
    margin-left: 30px;
}

.tx-srfeuserregister-pi1 fieldset,
.tx-iwelt-djd.searchform fieldset {
    border: 1px solid #a6a6a6;
    margin: 0 0 20px 0;
    padding: 5px 10px;
}

.tx-srfeuserregister-pi1 legend,
.tx-iwelt-djd.searchform legend {
    background: #f4f4f4;
    margin: 0;
    padding: 5px;
    font-weight: 700;
}

.tx-srfeuserregister-pi1 dt,
.tx-srfeuserregister-pi1 dd {
    display: block;
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

.tx-srfeuserregister-pi1 dt {
    width: 25%;
    float: left;
}

.tx-srfeuserregister-pi1 dt.full {
    float: none;
    width: auto;
    clear: both;
    padding-left: 25%;
    padding-bottom: 0;
}

.tx-srfeuserregister-pi1 dt.checkboxlabel {
    float: right;
    clear: none;
    width: calc(75% - 25px);
    text-align: left;
}

.tx-srfeuserregister-pi1 dd {
    padding-left: 25%;
}

.tx-srfeuserregister-pi1 dd.checkbox {
    float: left;
    clear: none;
    text-align: right;
    width: 25px;
    padding-left: 0;
}

.tx-srfeuserregister-pi1 dd.checkbox:after {
    clear: none;
}

.tx-srfeuserregister-pi1 dd.list {
    padding-left: 28%;
}

.tx-srfeuserregister-pi1 dd:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.tx-srfeuserregister-pi1 dd:after {
    clear: both;
}

.tx-srfeuserregister-pi1 dd input.tx-srfeuserregister-pi1-submit,
#left .tx-srfeuserregister-pi1 dd input.tx-srfeuserregister-pi1-submit {
    margin: 0 5px 0 0 !important;
}

.tx-srfeuserregister-pi1-error {
    color: #d8000f;
    padding: 0;
}

.tx-srfeuserregister-pi1 dt.checkboxlabel label,
.tx-srfeuserregister-pi1 dd.nlitems label,
.tx-srfeuserregister-pi1 dd.zipitems label{
    color: #000000;
}

/*.subscription dd.checkbox {width: 5%;}*/
/*.subscription dt.checkboxlabel {width: 95%;}*/
.subscription dt, .subscription dd, .subscription dt.full, .subscription dd.full {
    padding-left: 0;
}

.subscription dt.full label,
.tx-srfeuserregister-pi1 dd.nlitems dl,
.tx-srfeuserregister-pi1 dd.zipitems dl {
    display: block;
    margin-left: 25px;
}

.tx-srfeuserregister-pi1 dd.nlitems dt,
.tx-srfeuserregister-pi1 dd.zipitems dt {
    display: block;
    float: left !important;
    width: auto;
    padding: 0 0 5px 0 !important;
}

.tx-srfeuserregister-pi1 dd.nlitems label,
.tx-srfeuserregister-pi1 dd.zipitems label {
    clear: none !important;
    padding: 0 !important;
}

.tx-srfeuserregister-pi1 dd.nlitems dd,
.tx-srfeuserregister-pi1 dd.zipitems dd {
    padding: 0;
    border: 0;
}

.subscription dd.full {
    padding-left: 25px;
}

.subscription dd.full select {
    display: block;
}

.tx-srfeuserregister-pi1 dt.checkboxlabel {
    width: calc(100% - 25px)
}

.preview dt {
    color: #007ac3;
}

.preview dd.checkbox {
    clear: none !important;
}

.preview dt.checkboxlabel {
    float: left !important;
    clear: both !important;
    width: auto !important;
}

.preview dd.list {
    clear: both;
    padding-left: 25%;
}

#mailform .input.checkbox {
    overflow: hidden;
    width: auto;
    padding-left: 0;
}

#mailform .input.checkbox label {
    float: none;
    width: auto;
    display: block;
    padding-left: 25%;
}

#mailform .error {
    display: block;
    color: #d8000f;
}

/*****************/
/* Loginform */
/*****************/
.tx-felogin-pi1 div, .tx-felogin-pi1 fieldset {
    padding-bottom: 5px;
}

/*****************/
/* Search form */
/*****************/
FORM table td {
    padding: 0 2px 2px 0;
}

FORM table td P {
    margin: 0;
}

FORM table td.csc-form-labelcell, FORM table TR td.csc-form-commentcell {
    width: 100px;
}

FORM table td.csc-form-labelcell p.csc-form-label-req {
    font-weight: 700;
}

/*****************/
/* Search Result, result information box: */
table.csc-searchResultInfo {
    margin: 10px 0 0 0;
    table-layout: fixed;
    width: 100%;
}

table.csc-searchResultInfo td {
    padding: 0 2px 2px 0;
}

table.csc-searchResultInfo td.csc-searchResultRange P {
    font-weight: 700;
}

table.csc-searchResultInfo td.csc-searchResultPrevNext {
    text-align: right;
}

table.csc-searchResultInfo P {
    margin: 0;
}

/* Search Result, header + abstract: */
H3.csc-searchResultHeader,
H3.csc-noSearchResultMsg {
    font-size: 1.2rem;
}

p.csc-searchResult {
    padding: 2px 0 10px 20px;
}

/* Search word markup */
.csc-sword {
    color: #ffffff;
    background-color: #007ac3;
    font-weight: 700;
    padding: 0 1px 0 1px;
}

/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
ul.csc-menu {
    margin: 0;
    padding: 0;
}

/* MENUES: Menue-Eigenschaften generell (Darstellung als Liste bzw. einzeilig) ------------------------------------------------ ">*/
/* damit man nicht bei jedem Menue diese default-Werte neu setzen muss! */
.menu ul {
    margin: 0;
    padding: 0;
}

.menu li {
    background-image: none;
}

.menu a {
    text-decoration: none;
}

.menu a:link, .menu a:visited {
    text-decoration: none;
    color: inherit;
}

/* Horizontale Menues */
.hmenu ul {
    white-space: nowrap;
}

.hmenu li {
    display: inline;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid;
}

.hmenu li.firstitem {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

.hmenu li.lastitem {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

/* Vertikale Menues */
.vmenu li {
    padding: 0 0 5px 0;
    margin: 0;
}

/* MENUES: Einzelne Menues ------------------------------------------------ ">*/
#subnav {
    color: #000000;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
    line-height: normal;
}

#subnav * {
    display: inline;
    line-height: normal;
    margin: 0;
    padding: 0;
}

#subnav li {
    border: 0 !important;
    padding-right: 20px;
    margin-right: 20px;
}

#subnav li.lastitem {
    padding-right: 0;
    margin-right: 0;
}

#subnav h1, #subnav h3 {
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 30px;
    letter-spacing: 0.2rem;
    font-size: 1.6rem;
    border: 0;
}

#subnav a:link, #subnav a:visited {
    color: #000000;
}

#subnav a:active, #subnav a:hover {
    color: #003e63;
}

#subnav a.active, #subnav a.active:link, #subnav a.active:visited {
    font-weight: 700;
}

/* --------------------------------------- */
#topnav {
    white-space: nowrap;
    float: left;
    padding-right: 40px;
}

#topnav li {
    border: 0 !important;
}

#topnav a:link, #topnav a:visited {
    color: #000000;
}

#topnav a:active, #topnav a:hover,
#topnav a.active, #topnav a.active:link, #topnav a.active:visited {
    color: #007ac3;
}

#topnav .c183 a:before {
    content: "\f007";
}

#topnav .c195 a:before {
    content: "\f07c";
}

#topnav .c182 a:before {
    content: "\f084";
}

#topnav .c102 a:before {
    content: "\f044";
}

/* --------------------------------------- */
#rootline {
    padding: 5px 0;
    font-size: 1.2rem;
    font-style: italic;
}

#rootline li {
    margin: 0;
    padding: 0;
    border: 0;
}

/* LAYOUT: Grundraster der Seite: #seite, #inhaltsblock, #header, #inhalt, #container ------------------------------------------------ ">*/
#seite {
    width: auto;
    position: relative;
}

#inhalt {
    min-height: 300px;
    background: #f4f4f4;
}

#header {
    margin: 0 auto;
    background: url(/typo3conf/ext/iwelt_pack/Resources/Public/Images/bg.gif) repeat-x left -10px #ffffff;
}

.inner {
    margin: 0 auto;
    max-width: 1170px;
    overflow: hidden;
}

/* LAYOUT: Einzelne Bereiche ------------------------------------------------ ">*/
#header .inner {
    padding: 80px 0 3.5rem 0;
    position: relative;
}

#header #account {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: normal;
    width: auto;
    overflow: hidden;
}

#login {
    float: right;
}

#login * {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: normal;
}

#login fieldset, #login div div, #login h3, #login label, #login form, #login input {
    float: none;
    width: auto;
    display: inline-block;
    margin: 0;
}

#login input {
    width: 100px;
    padding: 2px 5px;
    margin-right: 5px;
}

#login input[type="submit"] {
    width: auto;
    padding: 2px 5px;
    margin-left: 0;
}

#login .logout:after {
    content: "\f08b";
}

#login label {
    display: none;
}

#header #topnav, #header #login p, #header #login button {
    padding-top: 3px;
}

#logo {
    margin: 0 auto;
    width: calc((380 / 1170) * 100%);
}

#logo a {
    width: 100%;
    height: 100%;
    display: block;
}

#search {
    position: absolute;
    top: 10px;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    width: calc((380 / 1170) * 100%);
    font-weight: 400;
}

#search a.morelink {
    float: left;
    font-size: 1.1rem;
    color: #000000 !important;
    padding: 3px 10px 0 0;
}

#search form {
    background: #f4f4f4;
    white-space: nowrap;
    width: 70%;
    float: right;
}

#search input, #search button {
    display: inline-block;
    width: 3rem;
    padding-left: 5px;
    padding-right: 0;
    color: #007ac3;
}

#search input {
    width: calc(100% - (3rem + 5px));
    padding: 0;
}

#search input::-webkit-input-placeholder,
#search input::-moz-placeholder,
#search input:-moz-placeholder,
#search input:-ms-input-placeholder {
    color: #007ac3 !important;
}

#search .searchsubmit {
    overflow: hidden;
}

#search .searchsubmit:before {
    content: "\f002";
    padding: 0
}

#search button span {
    display: none;
}

#autocomplete {
    position: absolute;
    z-index: 999;
    width: calc(70% - 3rem - 5px);
    right: calc(3rem + 5px);
    top: 25px;
    background: #fafafa;
    text-align: left;
    padding: 0;
    font-size: 1.2rem;
    -webkit-box-shadow: 3px 3px 14px -2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 14px -2px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 14px -2px rgba(0, 0, 0, 0.25);
}

#autocomplete li {
    margin: 0;
    padding: 0 5px;
}

#autocomplete li:hover {
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff;
    text-decoration: none;
}

#header .inner {
    overflow: visible;
}

#inhalt .inner {
    padding: 40px 0;
    position: relative;
}

.home #inhalt .inner {
}

.home #column1 {
    display: none;
}

.home #colFusszeile .columnList3{
    width: 100%;
}

.home #colFusszeile .columnList3 .item{
    margin: 0 30px 30px 0;
    float: left;
    width: calc((100% / 3) - 20px);
    overflow: hidden;
    min-height: 300px;
}

.home #colFusszeile .columnList3 .item:last-of-type{
    margin-right: 0;
}

#content {
    padding-top: 20px;
}

.home #content {
    padding-top: 0;
}

#footer .inner {
    position: relative;
}

#footer .vmenu {
    border-top: 1px solid #000000;
    overflow: hidden;
    margin: 0 30px 0 0;
    padding: 10px 0 0 0;
    float: left;
    width: calc((100% / 3) - 20px);
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 700;
}

#footer .vmenu:nth-child(3n+1) {
    clear: left;
}

#footer .vmenu:nth-child(3n) {
    margin-right: 0;
}

#footer .vmenu:nth-child(3n):after {
    clear: both;
    content: "";
    display: table;
}

#footer .vmenu a:link, #footer .vmenu a:visited {
    color: #000000;
}

#footer .vmenu a:active, #footer .vmenu a:hover,
#footer .vmenu .active a:link, #footer .vmenu .active a:visited {
    color: #007ac3;
}

#djd {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc((125 / 1170) * 100%);
    height: 95px;
    margin-bottom: 10px;
    background: url(/typo3conf/ext/iwelt_pack/Resources/Public/Images/djd.png) no-repeat right bottom transparent;
    background-size: 100% auto;
}

#djd a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

/* --- TEMPLATE: SUBTEMPLATE ---------------------------------------------------------------------------------------------------------------- */
#left, .left {
    float: left;
    clear: left;
    width: calc(((100% / 3) * 2) - 10px);
}

#right, .right {
    float: right;
    clear: right;
    width: calc((100% / 3) - 20px);
}

.rightbig {
    float: right;
    clear: right;
    width: calc(((100% / 3) * 2) - 10px);
}

.leftsmall {
    float: left;
    clear: left;
    width: calc((100% / 3) - 20px);
}

#colNormal > div:last-child {
    margin-bottom: 20px;
}

#colLeft {
    float: left;
    padding-left: 0;
}

#colRight {
    float: right;
    padding-right: 0;
}

#colFusszeile {
    clear: both;
}

#left, #right {
    padding: 0;
}

#content ul li {
    list-style: disc;
    padding: 0 0 2px 0;
    margin-left: 18px;
    overflow: visible;
}

#content .tx-iwelt-djd ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* --- TEMPLATE: Popup-Template - ---------------------------------------------------------------------------------------------------------------- */
body.popup {
    margin: 20px;
    background-image: none;
}

.popup #right {
    display: none !important;
}

.popup #content {
    margin: 0;
    padding: 0;
    background-image: none;
    width: auto;
}

.popup .left, .popup #left,
.popup .right, .popup #right {
    float: none !important;
    width: auto !important;
}

.popup #colNormal {
    padding-right: 0;
}

/* --- Anpassung Cookie-Hinweis - ---------------------------------------------------------------------------------------------------------------- */
.cookie-container {
    display: none;
    font-size: 18px;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 0 10px;
    color: #FFFFFF;
}

.cookie-container a {
    color: #FFFFFF;
    text-decoration: underline;
}

.cookie-container .cookie {
    padding: 20px 0 40px 0;
    position: relative;
    max-width: 1224px;
    margin-right: auto;
    margin-left: auto;
}

.cookie-container .cookie button {
    border: none;
    font-size: 16px;
    vertical-align: middle;
    padding: 10px 25px;
    height: auto;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background: #007ac3;
    color: #FFFFFF;
    margin: 15px 0 0 0;
}

/* --- MISC: Globale Klassen - ---------------------------------------------------------------------------------------------------------------- */
.item, .listing tr {
    cursor: pointer
}

.item:active, .item:hover,
.listing tr:active, .listing tr:hover {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.spacer-gif, img.spacer-gif {
    clear: both;
    display: block;
}

.menuskip, .menu ul li.menuskip {
    display: none !important;
}

.pagebrowser {
    font-size: 1.1rem;
    text-align: center;
    margin: 10px 0;
    padding: 0 20px 0 0;
}

/*  clearer - prevent floated images from overlapping the div-containers they are wrapped in  */
.divider, .clearer {
    width: 1px;
    height: 1px;
    clear: both;
    font-size: 1px;
    line-height: 0;
}

.divider {
    height: 5px;
}

/*  backlink immer UNTERHALB des contents, inkl. aller floats  */
.backlink {
    font-weight: normal;
    padding: 20px 0 0 0;
    clear: both;
}

.smalltext {
    font-size: 1.2rem;
}

.tinytext, sub, sup {
    font-size: 1.1rem;
}

.leftcontent {
    padding-right: 5px
}

.rightcontent {
    padding-left: 5px
}

.vmiddle, tr.vmiddle, tr.vmiddle th, tr.vmiddle td {
    vertical-align: middle;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

/* --- MISC: TABELLEN: DEFAULTS ---------------------------------------------------------------------------------------------------------------- */
.fulltable th {
    text-align: left;
    font-weight: normal;
    background-color: #007ac3;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 2px 5px 2px 3px;
    border-spacing: 0;
}

.fulltable td {
    padding: 2px 15px 2px 3px;
}

.recordlist_fulltable {
    border: 1px solid #007ac3;
    margin: 10px 0;
}

.recordlist_fulltable th {
    text-align: left;
    font-weight: normal;
    background-color: #007ac3;
    color: #ffffff;
    padding: 2px 5px 2px 3px;
    border-spacing: 0;
}

.recordlist_fulltable td {
    border: 1px solid #007ac3;
    padding: 3px;
    border-spacing: 0;
}

/* keine Border fuer zellen mit dieser klasse */
.recordlist_fulltable td.noborder {
    border: 0;
}

/*-----------------------------------  djd -----------------------------------*/
/* general stuff*/
.tx-iwelt-djd, .djd-listing {
    overflow: hidden;
}

.tx-iwelt-djd .item, .item-pressmap {
    overflow: hidden;
}

.tx-iwelt-djd .images {
    padding-left: 0;
    font-size: 1.3rem;
    line-height: normal;
    overflow: hidden;
}

.tx-iwelt-djd .text {
    padding-right: 0;
    overflow: hidden;
}

.tx-iwelt-djd h2.sectionHeader {
    font-size: 1.5rem;
    padding: 0 0 3px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid;
    overflow: hidden;
    text-transform: uppercase;
}

.tx-iwelt-djd h2.sectionHeader, .tx-iwelt-djd h2.sectionHeader a, .tx-iwelt-djd .sectionHeader span.morelink:before {
    color: #000000;
}

.home .tx-iwelt-djd h2.sectionHeader, .tx-iwelt-djd h2.sectionHeader a {
    color: #007ac3;
    font-size: 18px;
}

.home .tx-iwelt-djd h2.sectionHeader span.morelink{
    font-size: 15px;
    color: black;
}


.tx-iwelt-djd h2.sectionHeader span.morelink {
    float: right;
    text-transform: none;
    font-weight: 400;
    font-size: 0.933em;
}

.tx-iwelt-djd .typo3-messages {
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px solid;
    font-weight: 400;
}

.tx-iwelt-djd .alert-success p:before {
    content: "\f046";
}

.tx-iwelt-djd.latest h2.sectionHeader {
    margin-bottom: 5px !important;
}

.tx-iwelt-djd .actionlinks {
    padding: 30px 0;
    font-weight: 400;
}

.djd-listing .actionlinks {
    float: right;
    padding: 0;
}

.tx-iwelt-djd .actionlinks.first {
    padding: 0;
}

.tx-iwelt-djd .actionlinks.first a.action:first-of-type {
    margin-top: 0;
}

.tx-iwelt-djd a.action {
    background: #007ac3;
    color: #ffffff !important;
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
}

.tx-iwelt-djd a.action:active, .tx-iwelt-djd a.action:hover {
    background: #003e63;
}

.djd-listing a.action {
    padding: 1px 5px;
    margin: 0;
}

.tx-iwelt-djd a.action:before {
    content: "\f019";
}

.tx-iwelt-djd a.action.add:before {
    content: "\f07c";
}

.tx-iwelt-djd a.action.rm {
    background: #616161;
}

.tx-iwelt-djd a.action.rm:before {
    content: "\f1f8";
}

.tx-iwelt-djd .morelink a:link, .tx-iwelt-djd .morelink a:visited {
    color: #000000;
}

/* listings */
.djd-listing {
    font-size: 1.4rem;
}

.djd-listing h3 {
    padding: 5px 0 0 0;
    color: #000000;
    text-transform: uppercase;
}

.djd-listing h3, .djd-listing h4 {
    padding: 5px 0 0 0;
    font-weight: 400;
}

.djd-listing h3 a:link, .djd-listing h3 a:visited {
    color: inherit;
}

.djd-listing h4 {
    font-size: 1em;
}

.djd-listing .date:after {
    content: " / ";
}

.djd-listing .length, .djd-listing p.morelink {
    padding: 0;
    font-size: 0.95em;
}

.djd-listing .length {
    float: left;
    font-weight: 700;
    white-space: nowrap;
}

.djd-listing p.morelink {
    float: right;
    font-weight: 400;
}

.djd-listing .textcount {
    clear: both;
    width: 50%;
    float: left;
    padding: 3px;
}

/* paginator*/
.pager {
    line-height: normal;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 400;
}

.f3-widget-paginator {
    color: #a6a6a6;
}

.f3-widget-paginator .current, .f3-widget-paginator a:link, .f3-widget-paginator a:visited {
    color: #000000;
}

.f3-widget-paginator {
    text-transform: lowercase;
    text-align: right;
}

.f3-widget-paginator li.first > :before {
    content: "\f100";
}

.f3-widget-paginator li.previous > :before {
    content: "\f104";
}

.f3-widget-paginator li.next > :after {
    content: "\f105";
    padding-left: 0.5rem;
}

.f3-widget-paginator li.last > :after {
    content: "\f101";
    padding-left: 0.5rem;
}

.f3-widget-paginator li.ql span span,
.f3-widget-paginator li.ql a span {
    display: none;
}

.pager.bottom {
    overflow: hidden;
}

/* listing: default view*/
.tx-iwelt-djd.default .pager.bottom .itemsCountsPerPage {
    float: left;
}

.tx-iwelt-djd.default .pager.top .itemsCountsPerPage {
    margin-left: auto;
    text-align: right;
    float: none;
    display: none;
}

.tx-iwelt-djd.default .pager.top.f3-widget-paginator {
    width: auto;
    float: none;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 40px;
    right: 5px;
}

.tx-iwelt-djd.default.tagtexts .pager.top.f3-widget-paginator {
    width: auto;
    float: none;
    position: relative;
    top: 0;
    right: auto;
    padding-bottom: 10px;
}

/*https://redmine.iwelt.de/issues/8819*/
/*.tx-iwelt-djd.default .pager.top.f3-widget-paginator li.first,*/
/*.tx-iwelt-djd.default .pager.top.f3-widget-paginator li.previous,*/
/*.tx-iwelt-djd.default .pager.top.f3-widget-paginator li.next,*/
/*.tx-iwelt-djd.default .pager.top.f3-widget-paginator li.last {display: none;}*/

.tx-iwelt-djd.djd-searchresult .pager.top .itemsCountsPerPage {
    display: block;
}

.tx-iwelt-djd.default .item, .item-pressmap {
    border-top: 1px solid #a6a6a6;
    margin: 0 30px 30px 0;
    padding: 10px 0 0 0;
    float: left;
    width: calc((100% / 2) - 15px);
}

.tx-iwelt-djd.default .item:nth-of-type(2n+1) {
    clear: left;
}

.tx-iwelt-djd.default .item:nth-of-type(2n) {
    margin-right: 0;
}

.tx-iwelt-djd.default .item:nth-of-type(2n):after {
    clear: both;
    content: "";
    display: table;
}

.tx-iwelt-djd.default .text {
    padding: 0;
}

.tx-iwelt-djd.latest .item {
    border-top: 0;
    padding-top: 0;
}

.djd-searchresult .item,
.pressemappe .item, .item-pressmap {
    width: auto !important;
    margin-right: 0 !important;
    float: none !important;
}

.tx-iwelt-djd.short .date,
.tx-iwelt-djd.latest .date {
    font-size: 1.3rem;
    font-weight: 300;
}

.tx-iwelt-djd.short .date:after,
.tx-iwelt-djd.latest .date:after {
    content: ")";
}

.tx-iwelt-djd.short .date:before,
.tx-iwelt-djd.latest .date:before {
    content: " (";
}

/* listing: top text view*/
/*.tx-iwelt-djd.top_text {border-top: 1px solid #000000; padding-top: 15px;}*/
.tx-iwelt-djd.top_text {
    border-top: 0;
    padding-top: 0;
}

.tx-iwelt-djd.top_text .item {
    background: #ffffff;
    margin: 0 0 15px 0;
    padding: 15px;
}

.tx-iwelt-djd.top_text .text {
    padding-top: 20px;
}

/* listing: homepage view top text*/
.tx-iwelt-djd.start_side .hometop {
    overflow: hidden;
}

.tx-iwelt-djd.start_side .hometop .item {
    float: left;
    width: calc(50% - 15px);
}

.tx-iwelt-djd.start_side .hometop .item.first {
    min-height: 400px;
    position: relative;
    margin-top: 15px;
}

.tx-iwelt-djd .hasimage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.tx-iwelt-djd .hasimage .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.85);
}

.tx-iwelt-djd.start_side .hometop .item.all {
    float: right;
    padding: 15px 0;
    clear: right;
    border-bottom: 1px solid #000000;
}

.tx-iwelt-djd.start_side .hometop .item.last {
    border-bottom: 0;
    padding-bottom: 0;
}

/* listing: homepage view  - NOT top text */
.home #colFusszeile > div {
    overflow: hidden;
    margin: 0 30px 30px 0;
    float: left;
    /*width: calc((100% / 3) - 20px);*/
    width: 100%;
    min-height: 300px;
}

.home #colFusszeile > div:nth-of-type(3n+1) {
    clear: left;
}

.home #colFusszeile > div:nth-of-type(3n) {
    margin-right: 0;
}

.home #colFusszeile > div:nth-of-type(3n):after {
    clear: both;
    content: "";
    display: table;
}

.home #colFusszeile > .csc-frame-frame1 h2.sectionHeader {
    border-bottom: 0;
    margin-bottom: 0;
}

.home #colFusszeile > div > h1:first-child,
.home #colFusszeile > div > h2:first-child,
.home #colFusszeile > div > h3:first-child,
.home #colFusszeile > div > h4:first-child,
.home #colFusszeile > div > h5:first-child,
.home #colFusszeile > div > h6:first-child {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 15px;
}

.home #colFusszeile .tx-iwelt-djd.start_side .images,
.home #colFusszeile .tx-iwelt-djd.start_side .text {
    float: none !important;
    width: auto !important;
    padding: 15px 0 0 0
}

.djd-detail .meta {
    font-size: 0.933em;
    line-height: 130%;
}

.djd-detail h1.csc-firstHeader {
    border: 0;
}

.djd-detail h2.csc-firstHeader {
    font-size: 1.5rem;
    color: #007ac3;
}

.djd-detail .firstImage {
    margin-bottom: 15px;
}

.djd-detail .firstImage .text,
.djd-detail .meta > ul,
.djd-detail .meta > p {
    padding: 10px;
    background: rgba(255, 255, 255, 0.85);
}

.djd-detail .firstImage .text p {
    padding-top: 0;
    padding-bottom: 0;
    color: #666666;
    font-style: italic;
}

.djd-detail .moreimages {
    clear: both;
    overflow: hidden;
    font-size: 0.8em;
}

.djd-detail .moreimages .item {
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.85);
    cursor: auto;
}

.djd-detail .moreimages .text {
    padding: 5px 5px 5px 0;
}

/*.djd-detail .moreimages .size {float: right;}*/
.djd-detail .csc-frame-rulerBefore .csc-firstHeader {
    padding: 0 0 5px 0 !important;
    margin: 0 !important;
    font-size: 1.5rem !important;
}

.djd-detail .meta .csc-firstHeader:before {
    content: "\f05a";
}

.tx-iwelt-djd ul.djd-metainfo li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.djd-detail .right :first-child {
    margin-top: 0;
    border-top: 0;
}

.djd-detail .right .csc-frame-rulerBefore:first-child {
    padding-top: 0;
}

.djd-detail.online-version{
    clear: right;
}

.tx-iwelt-djd #datefilterform {
    border: 1px solid #ffffff;
    background: #ffffff;
    padding: 15px;
    margin-bottom: 5px;
    /*text-align: center;*/
}

.tx-iwelt-djd #datefilterform label, .tx-iwelt-djd #datefilterform select {
    display: inline;
    float: none;
    width: auto;
    color: #000000;
    font-weight: 400;
}

.tx-iwelt-djd #datefilterform select {
    background: #f4f4f4;
}

.tx-iwelt-djd #datefilterform.disabled label,
.tx-iwelt-djd #datefilterform.disabled select {
    display: none;
}

.tx-iwelt-djd #datefilterform.disabled .wait .fa {
    margin-right: 5px;
}

.tx-iwelt-djd table.listing {
    width: 100%;
    margin-bottom: 20px;
}

.tx-iwelt-djd table.listing tr {
    border-bottom: 2px solid #f4f4f4;
    background: rgba(255, 255, 255, 0.85);
    overflow: hidden;
}

.tx-iwelt-djd table.listing td {
    padding: 3px 10px;
}

.tx-iwelt-djd table.listing td:first-child {
    width: 200px;
}

.tx-iwelt-djd table.listing td:last-child {
    text-align: right;
    font-size: 0.933em;
    white-space: nowrap;
}

/*.home .csc-frame .tx-iwelt-djd.start_side { margin-left: -5px; margin-top: -5px; width: calc(100% + 10px); height: calc(100% + 10px);}*/
.tx-iwelt-djd.searchform ul li {
    display: block;
    margin: 0 !important;
    list-style: none !important;
    overflow: hidden !important;
}

.tx-iwelt-djd.searchform .csc-mailform-check input {
    width: auto;
    float: left;
    margin: 0.4rem 1rem 0 0;
}

.tx-iwelt-djd.searchform .info input {
    width: auto;
}

.tx-iwelt-djd.searchform .date li:last-of-type label {
    text-align: center;
}

.tx-iwelt-djd.searchform .date input {
    width: calc(75% - 3.5rem);
}

.tx-iwelt-djd.searchform .ui-datepicker-trigger {
    width: 3rem;
    overflow: hidden;
}

.tx-iwelt-djd.searchform .ui-datepicker-trigger:after {
    content: "\f073";
    display: inline-block;
    padding: 0;
    width: 3rem;
}

.djd-searchresult .filter {
    margin: 20px 0;
}

.djd-searchresult .filter li {
    padding: 0;
    margin: 0;
}

.djd-searchresult .filter li > a,
.djd-searchresult .filter li .active {
    display: block;
    padding: 5px;
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.85);
    overflow: hidden;
}

.djd-searchresult .filter span.count {
    float: right;
    font-size: 0.933em;
    color: #000000;
}

.djd-searchresult .filter li > a:hover,
.djd-searchresult .filter li.active {
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff;
    text-decoration: none;
}

/* make embedded videos responsive */
.elastic-video-wrapper {
    overflow: hidden;
}

.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
}

.elastic-video iframe, .elastic-video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* object, embed, video, .video-js-box     { width: 100%!important;height: auto!important;} */
/*--------------------------------- MISC: Formulare: DEFAULTS --------------------------------- */
.buttons input {
    margin-right: 5px;
}

/*--------------------------------- MISC: Formulare: Tabellen --------------------------------- */
.searchform_table td {
    padding: 3px 5px 3px 0;
}

/*--------------------------------- Printversion --------------------------------- */
body.print {
    background-color: #ffffff;
    color: #000000;
    margin: 20px;
}

/* --- EXT: RTE ---------------------------------------------------------------------------------------------------------------- */
/* Klassen auf listen, die im RTE zur Verfuegung stehen sollen. DEFINIERT sind sie schon weiter oben - einfach auflisten mit dem jeweiligen Tag davor!  */
p.smalltext, p.tinytext, p.backlink {
}

h1.header, h2.header, h3.header, h4.header, h5.header, h6.header,
h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader {
}

span.smalltext, span.tinytext, span.header, span.subheader {
}

#searchTrigger {
    display: none;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider li {
    background-image: none;
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.slides li {
    position: relative;
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0;
    position: relative;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.flexslider figure.csc-textpic-image {
    padding-bottom: 0;
}

.carousel li {
    margin-right: 5px
}

/**
 * Direction Nav
 */
.flex-direction-nav {
    *height: 0;
    display: none !important;
}

.standard.wide .flex-direction-nav, .bigpic.small .flex-direction-nav, .bigpic.wide .flex-direction-nav {
    *height: 0;
    display: block
}

.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: -36px
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1
}

.flexslider div.csc-textpic-responsive figure.csc-textpic-image {
    padding-bottom: 0
}

.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

/**
 * Control nav
 */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 25px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
    background: #007ac3;
}

.flex-control-paging li a.flex-active {
    background: #007ac3;
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.go-top:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.go-top, .go-top:hover {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    text-decoration: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 1.3em 1.5rem;
    display: none;
}

/***/
/** Main Settings*/
/**/
div.tx-powermail h3 {
    display: none
}

.powermail_message {
    padding-left: 20px;
    min-height: 65px;
    background: #ccc;
    background-position: 98% 10px;
    background-repeat: no-repeat;
}

.powermail_message_ok {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png")
}

.powermail_message_error {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png")
}

.powermail_message li {
    padding: 10px 50px 10px 0;
    font-weight: 700;
    color: #007ac3;
}

.clear {
    clear: both
}

/** Confirmation*/
.powermail_confirmation {
    clear: left;
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    background: #ccc;
}

input.powermail_confirmation_form {
    float: left;
    margin-top: 20px;
    padding: 5px 20px;
    color: white;
    font-weight: 700;
    cursor: pointer;
    background: #007ac3;
}

input.powermail_confirmation_submit {
    float: right;
    margin-top: 20px;
    padding: 5px 20px;
    color: white;
    font-weight: 700;
    cursor: pointer;
    background: #007ac3
}

/** JS Form Validation*/
/*Z-INDEX */
.formError {
    z-index: 990
}

.formError .formErrorContent {
    z-index: 991
}

.formError .formErrorArrow {
    z-index: 996
}

.formErrorInsideDialog.formError {
    z-index: 5000
}

.formErrorInsideDialog.formError .formErrorContent {
    z-index: 5001
}

.formErrorInsideDialog.formError .formErrorArrow {
    z-index: 5006
}

.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}

.formError .formErrorContent {
    width: 100%;
    position: relative;
    color: #fff;
    width: 150px;
    font-size: inherit;
    border: 0;
    padding: 4px 10px 4px 10px;
    background: #007ac3;
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
}

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    font-size: 0px;
    height: 1px;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
    background: #007ac3;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}

#swipebox-overlay {
    background: none transparent;
}

#swipebox-slider .slide {
    background-color: rgba(0, 0, 0, 0.90)
}

/* #################################################################################################*/
/* ################   dropdownmenu start   #########################################################*/
/* #################################################################################################*/
/* ----------------  dropdownmenu for desktop -------------------------------------------------------*/
@media screen and (min-width: 481px) {
    #dropdownTrigger, #closeDropdownTrigger {
        display: none;
    }

    #dropdown {
        color: #000000;
        font-size: 1.5rem;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        max-width: 1170px;
        height: 3rem;
        clear: both;
        position: relative;
        z-index: 999;
        text-align: center;
    }

    #dropdown ul {
        padding: 0;
        margin: 0;
        border: 0;
    }

    #dropdown li {
        background-image: none;
        border: 0;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    #dropdown .sub li {
        text-align: left
    }

    /*#dropdown .level-1 li { margin: 0 0.1em }*/
    #dropdown .level-1 > li {
        z-index: 10;
    }

    #dropdown .level-2 > li {
        overflow: hidden;
        margin: 0 0 0 20px;
        padding: 20px 0;
        float: left;
        width: calc((100% / 5) - 24px);
    }

    #dropdown .level-2 > li:nth-child(5n+1) {
        clear: left;
    }

    #dropdown .level-2 > li:nth-child(5n) {
        margin-right: 20px;
    }

    #dropdown .level-2 > li:nth-child(5n):after {
        clear: both;
        content: "";
        display: table;
    }

    #dropdown .level-3 li {
        display: block;
    }

    #dropdown .level-1 > li > ul {
        background-color: #007ac3;
        position: absolute;
        top: 3rem;
        left: 0;
        width: 100%;
        padding: 0;
        display: none;
    }

    .js #dropdown .level-1 li:hover > ul {
        display: block;
    }

    #dropdown a {
        color: #000000;
        display: block;
        position: relative;
        font-weight: 700;
        text-transform: uppercase;
    }

    #dropdown .sub a {
        padding: 0 0 0.3em 0;
    }

    #dropdown .level-3 a {
        font-weight: 300;
        text-transform: none;
    }

    .touch #dropdown .level-3 a {
        font-weight: 400;
    }

    #dropdown a:link {
        text-decoration: none
    }

    #dropdown a.active,
    #dropdown a.active:link,
    #dropdown a.active:visited {
        color: #007ac3;
    }

    #dropdown .level-1 a:link,
    #dropdown .level-1 a:visited,
    #dropdown .level-1 a:active {
        color: #000000;
    }

    #dropdown .level-1 .has-subnav ul a:link,
    #dropdown .level-1 .has-subnav ul a:visited {
        color: #ffffff;
    }

    #dropdown .level-1 .has-subnav ul a:hover {
        color: #000;
    }

    #dropdown .level-1 > li > a {
        display: inline-block;
        padding: 5px 0;
        margin: 0 20px;
        border-bottom: 5px solid #ffffff;
        height: 3rem;
        overflow: hidden;
    }

    #dropdown .level-1 > li > a:first-child.active,
    #dropdown .level-1 > li > a:first-child:hover,
    #dropdown .level-1 > li.active > a,
    #dropdown .level-1 > li > a:hover {
        color: #000000;
        border-bottom-color: #007ac3;
    }

    #dropdown.active,
    #dropdown .level-1 .active {
        max-height: 55em
    }
}

/* ######################################################*/
/* ################     Media Queries    ################*/
/* ######################################################*/
/* Menue wenn groesser als mobile aber maximal tablet */
@media all and (min-width: 481px) and (max-width: 768px) {
    #dropdown, #dropdown * {
        font-size: 1.3rem !important;
    }
}

/* min-width */
@media all and (min-width: 481px) {
    #header.sticky {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 100;
        border-top: 0;
        height: auto;
        background: #ffffff;
        -moz-box-shadow: 3px 3px 4px #b7b7b7;
        -webkit-box-shadow: 3px 3px 4px #b7b7b7;
        box-shadow: 3px 3px 4px #b7b7b7;
    }

    #header.sticky .inner {
        padding: 0;
    }

    #header.sticky #account, #header.sticky #logo img {
        display: none;
    }

    #header.sticky #logo {
        float: left;
        width: calc((129 / 1170) * 100%);
        margin: 0;
        height: 80px;
        padding-bottom: 10px;
        position: relative;
        z-index: 1000;
    }

    #header.sticky #logo a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(/typo3conf/ext/iwelt_pack/Resources/Public/Images/logo_small.png) no-repeat left bottom;
        background-size: 100% auto;
    }

    #header.sticky #dropdown {
        margin-top: -3rem;
    }

    #header.sticky #search {
        float: right;
        min-width: 330px;
    }

    #inhalt.sticky {
        margin-top: 80px;
    }
}

@media all and (min-width: 769px) {
    #right .tx-felogin-pi1 label, #right .tx-felogin-pi1 input[type="text"], #right .tx-felogin-pi1 input[type="password"] {
        float: none;
        width: 100%;
    }

    #right .tx-felogin-pi1 > p, #right .tx-felogin-pi1 input[type="submit"] {
        margin-left: 0;
    }
}

/* max-width */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1120px) {
    .touch input:focus, .touch select:focus, .touch textarea:focus {
        font-size: 16px;
    }
}

@media all and (max-width: 1200px) {
    .inner {
        margin-left: 2%;
        margin-right: 2%;
    }

    #logo {
        width: 40%;
    }

    #header .inner {
        padding: 70px 0 2.5rem 0;
    }

    .right .online-print-button {
        padding-bottom: 10px;
    }

    .online-print-button .online-button {
        display: block;
        float: none;
        padding: 5px 0;
        margin-bottom: 5px;
        text-align: left;
        padding-left: 10px;
    }

    .online-print-button .print-button {
        display: block;
        float: none;
        padding: 5px 0;
        text-align: left;
        padding-left: 40px;
    }

    .online-print-button a.print-button {
        margin-right: 0;
    }
}

/* tut nichts */
@media all and (max-width: 1170px) {
}

@media all and (max-width: 992px) {
    #logo {
        margin-left: 0;
    }

    #header:not(.sticky) #search {
        top: 70px;
        text-align: right;
    }

    #header:not(.sticky) #search form, #header:not(.sticky) #search a.morelink {
        float: none;
        width: auto;
        text-align: left;
    }

    #header:not(.sticky) #search #autocomplete {
        width: calc(100% - 3rem - 5px)
    }

    .hmenu ul {
        white-space: nowrap;
    }

    .csc-textpic-responsive .csc-textpic-intext-right-nowrap .csc-textpic-imagerow {
        margin-left: -10px;
    }

    .csc-textpic-responsive .csc-textpic-intext-left-nowrap .csc-textpic-imagerow {
        margin-right: -10px;
    }
}

/*iPad portrait*/
@media all and (max-width: 768px) {
    .pager.top {
        display: none;
    }

    #left, .left, #right, .right, .leftsmall, .rightbig {
        float: none !important;
        width: auto !important;
        clear: both !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    #dropdown .level-2 > li {
        width: calc((100% / 4) - 25px);
    }

    #dropdown .level-2 > li:nth-child(5n+1) {
        clear: none;
    }

    #dropdown .level-2 > li:nth-child(5n) {
        margin-right: 0;
    }

    #dropdown .level-2 > li:nth-child(5n):after {
        clear: none;
        content: "";
        display: none;
    }

    #dropdown .level-2 > li:nth-child(4n+1) {
        clear: left;
    }

    #dropdown .level-2 > li:nth-child(4n) {
        margin-right: 20px;
    }

    #dropdown .level-2 > li:nth-child(4n):after {
        clear: both;
        content: "";
        display: table;
    }

    #subnav li {
        margin-right: 15px;
        padding-right: 15px;
    }

    #right .tx-felogin-pi1 {
        border-top: 1px solid #a6a6a6;
        margin-top: 10px;
    }

    #footer .vmenu {
        clear: none;
        width: calc((100% / 2) - 20px);
    }

    #footer .vmenu:nth-child(2n) {
        margin-right: 0;
    }

    #footer .vmenu:nth-child(2n):after {
        clear: both;
        content: "";
        display: table;
    }

    #footer #specialnav {
        padding-bottom: 60px;
        margin-top: 30px;
    }

    #footer #djd {
        height: 60px;
    }

    .tx-iwelt-djd.start_side .hometop .item {
        float: left;
        width: calc((100% / 3) - 25px);
    }

    .tx-iwelt-djd.start_side .hometop .item.first {
        width: calc(((100% / 3) * 2) - 5px);
        min-height: 300px;
        position: relative;
        margin-top: 15px;
    }

    .djd-listing .col-xs-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        width: 100% !important;
    }

    .tx-iwelt-djd.default .item {
        width: auto !important;
        margin: 20px 0 !important;
        float: none !important;
        clear: both !important;
    }

    .tx-iwelt-djd.default .djd-listing .f3-widget-paginator:first-of-type {
        display: none;
    }

    .djd-detail .left {
        padding-bottom: 15px;
    }

    .djd-searchresult .leftsmall {
        padding-top: 20px;
    }

    .djd-searchresult .leftsmall h2 {
        font-size: 1.5rem;
        text-transform: none;
        color: #007ac3;
    }

    .djd-searchresult .leftsmall:last-of-type {
        padding-bottom: 20px;
    }

    .djd-searchresult .filter {
        margin: 0 0 10px 0;
        padding: 4px 10px 2px 10px;
        background: #007ac3;
    }

    .djd-searchresult .filter h3 {
        color: #ffffff;
    }

    .djd-searchresult .filter > h3.active:before {
        content: "\f0d7";
        float: right;
    }

    .djd-searchresult .filter ul {
        display: none;
    }

    .djd-searchresult .filter li > a,
    .djd-searchresult .filter li .active {
        background: #ffffff;
    }
}

/*iPhone 6 Landscape*/
@media all and (max-width: 767px) {
    #dropdown .level-2 > li {
        width: calc((100% / 3) - 27px);
    }

    #dropdown .level-2 > li:nth-child(4n+1) {
        clear: none;
    }

    #dropdown .level-2 > li:nth-child(4n) {
        margin-right: 0;
    }

    #dropdown .level-2 > li:nth-child(4n):after {
        clear: none;
        content: "";
        display: none;
    }

    #dropdown .level-2 > li:nth-child(3n+1) {
        clear: left;
    }

    #dropdown .level-2 > li:nth-child(3n) {
        margin-right: 20px;
    }

    #dropdown .level-2 > li:nth-child(3n):after {
        clear: both;
        content: "";
        display: table;
    }

    .tx-iwelt-djd.searchform .ui-datepicker-trigger {
        width: auto;
    }

    .tx-iwelt-djd.searchform .ui-datepicker-trigger:after {
        padding: 4px 5px 6px 5px;
        width: auto;
    }

    .tx-iwelt-djd.searchform .date li label {
        float: left;
        text-align: left !important;
        width: 25%;
        padding: 3px 0 15px 0;
    }

    .tx-iwelt-djd.searchform .date input {
        width: calc(75% - 60px);
        float: left;
    }
}

@media only screen and (max-width: 599px) {
    .col-xs-12, #left, #right, .left, .right, .leftsmall, .rightbig {
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        width: 100% !important;
    }

    .images {
        padding-bottom: 10px;
    }

    #header #login p, #header #login .username, #header .loginform, #subnav ul {
        display: none;
    }

    #logo {
        min-width: 220px;
    }

    #header #account {
        left: auto;
        right: 0;
    }

    #header #topnav {
        padding-right: 0;
    }

    #header #login form {
        padding-left: 30px;
    }

    #header #login form.loginform {
        padding-left: 0;
    }

    /* listing: homepage view  - NOT top text */
    .tx-iwelt-djd.start_side .djd-listing .item.all,
    .home #colFusszeile .columnList3 .item,
    .tx-iwelt-djd.start_side .hometop .item.all {
        width: calc((100% / 2) - 15px);
    }

    .home #colFusszeile > div{
        width: 100%;
    }

    .home #colFusszeile > div:nth-of-type(3n+1) {
        clear: none;
    }

    .home #colFusszeile > div:nth-of-type(3n) {
        margin-right: 30px;
    }

    .home #colFusszeile > div:nth-of-type(3n):after {
        clear: none;
        content: "";
        display: none;
    }

    .home #colFusszeile > div:nth-of-type(2n+1) {
        clear: left;
    }

    .home #colFusszeile > div:nth-of-type(2n) {
        margin-right: 0;
    }

    .home #colFusszeile > div:nth-of-type(2n):after {
        clear: both;
        content: "";
        display: table;
    }

    .tx-iwelt-djd.start_side .hometop .item.first {
        width: 100%;
        clear: both;
        height: 300px;
        min-height: 250px !important;
    }

    .tx-iwelt-djd.start_side.columnList3 .item.first {
        width: 100%!important;
        clear: both;
        height: 300px;
        min-height: 250px !important;
    }

    .tx-iwelt-djd.start_side.columnList3 .item.first .images img{
        position: relative;
        display: block;
        width: 100%!important;
        clear: both;
        min-height: 150px!important;
    }

    .tx-iwelt-djd.start_side.columnList3 .item.first .text{
        position: relative;
        width: 100%!important;
        margin-top: -160px;
        padding: 10px!important;
        background: rgba(255, 255, 255, 0.85);
    }

    .home .tx-iwelt-djd.start_side.columnList3 .hometop .item.first .text{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%!important;
        padding: 10px!important;
        background: rgba(255, 255, 255, 0.85);
    }

    .tx-iwelt-djd.start_side .hometop .item.first:after {
        clear: both;
        content: "";
        display: table;
    }

    .tx-iwelt-djd.start_side .hometop > .item.all {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .home #colFusszeile .tx-iwelt-djd h2.sectionHeader span.morelink span {
        display: none;
    }

    .home #colFusszeile .tx-iwelt-djd h2.sectionHeader span.morelink:before {
        padding-right: 0;
    }

    /*
	 * Select all but the first .item.all child of .tx-iwelt-djd.start_side .hometop
	 */
    .tx-iwelt-djd.start_side .hometop > .item.all ~ .item.all {
        float: left;
        clear: none;
    }

    /* responsive table rendering - force table to not be like tables anymore */
    table.contenttable, .contenttable thead, .contenttable tbody, .contenttable th, .contenttable td, .contenttable tr,
    table.listing, .listing thead, .listing tbody, .listing th, .listing td, .listing tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .contenttable thead tr,
    .contenttable tbody tr.tableheading,
    .listing thead tr,
    .listing tbody tr.tableheading {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .contenttable tr {
        border-bottom: 1px solid #a6a6a6;
    }

    .contenttable th, .contenttable td,
    .listing th, .listing td {
        clear: both;
        overflow: hidden;
        margin: 0;
        position: relative;
        border: 0 !important;
    }

    .listing td:nth-child(2) {
        float: left !important;
        clear: none !important;
        padding-left: 30px !important;
    }

    .listing td:nth-child(3) {
        clear: none !important;
    }

    .contenttable th, .contenttable td {
        padding: 2px 0 2px 35% !important;
        background: transparent !important;
    }

    .contenttable td:before {
        content: attr(data-label);
        float: left;
        clear: left;
        width: 53%;
        margin-left: -54%;
        padding: 2px;
        background-color: #ffffff;
        border-right: 5px solid #f4f4f4;
        color: #000000;
        text-align: left !important;
    }

    .contenttable tr td:first-child,
    .listing tr td:first-child {
        padding-top: 5px !important;
    }

    .contenttable tr td:last-child,
    .listing tr td:last-child {
        padding-bottom: 5px !important;
    }

    /* responsive table rendering */
    #mailform, #tx-srfeuserregister-pi1-fe_users_form, .tx-powermail {
        width: auto;
    }

    div.tx-powermail, div.powermail_fieldwrap_file_inner, .powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {
        width: 100%;
    }

    .powermail_fieldset, fieldset.csc-mailform {
        padding: 0;
        border: 0;
        width: auto;
    }

    .csc-mailform-radio fieldset {
        position: static;
        padding-top: 0;
    }

    .powermail_label, .csc-mailform-field label,
    .tx-felogin-pi1 label {
        float: none;
        width: auto;
        font-size: 1.4rem;
        padding: 10px 0 5px 0;
    }

    .csc-mailform-field .csc-mailform-label,
    .tx-srfeuserregister-pi1 dt,
    .tx-srfeuserregister-pi1 dd,
    .tx-srfeuserregister-pi1 dt.full {
        padding: 0;
        border: 0;
    }

    .csc-mailform-field label, .powermail_label
    .tx-srfeuserregister-pi1 dt {
        display: block;
        width: auto;
        padding: 10px 0 5px 0;
    }

    .tx-srfeuserregister-pi1 dt.full, .tx-srfeuserregister-pi1 dd.nlitems,
    .tx-srfeuserregister-pi1 dt.full, .tx-srfeuserregister-pi1 dd.zipitems {
        padding-left: 10%;
    }

    .csc-mailform-field input,
    .powermail_field.powermail_input,
    .tx-srfeuserregister-pi1 input,
    .csc-mailform-field select,
    .tx-srfeuserregister-pi1 select,
    .csc-mailform-field textarea,
    .powermail_field,
    .tx-felogin-pi1 input[type="text"],
    .tx-felogin-pi1 input[type="password"] {
        border: 1px solid #cccccc;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0;
        height: 30px
    }

    .csc-mailform-field textarea,
    .csc-mailform-field select,
    .tx-srfeuserregister-pi1 select {
        height: auto;
    }

    .csc-mailform-field input[type="text"] {
        height: 30px
    }

    .csc-mailform-field textarea {
        overflow: auto;
        width: 100%;
    }

    .powermail_label.powermail_radio_legend {
        width: 100%
    }

    .powermail_legend,
    .tx-felogin-pi1 > p {
        float: none;
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 1.1rem;
    }

    .powermail_submit, input.csc-mailform-submit, input.tx-srfeuserregister-pi1-submit, .tx-felogin-pi1 input[type="submit"] {
        float: none;
        margin: 0;
        width: 100%;
    }

    .csc-mailform-field .csc-mailform-radio input,
    .csc-mailform-field input[type="radio"],
    .tx-srfeuserregister-pi1 input[type="radio"],
    .csc-mailform-field .csc-mailform-check input,
    .csc-mailform-field input[type="checkbox"],
    .tx-srfeuserregister-pi1 input[type="checkbox"] {
        width: 20px !important;
        height: auto;
    }

    .powermail_submit, input.csc-mailform-submit, .tx-srfeuserregister-pi1-submit {
        margin-right: 0;
    }

    .powermail_radio_inner {
        margin: 4% 0
    }

    input[type="radio"] + label,
    input[type="checkbox"] + label,
    .csc-mailform-check + label {
        display: inline !important;
        padding: 0 20px 0 5px;
        width: 95%;
        height: 20%;
    }

    .tx-srfeuserregister-pi1 dd.checkbox {
        width: auto;
        padding: 10px 0 5px 0;
    }

    .tx-srfeuserregister-pi1 dt.checkboxlabel {
        width: 85%;
    }

    .csc-mailform-submit,
    .tx-srfeuserregister-pi1-submit {
        margin-left: 0;
    }

    .tx-srfeuserregister-pi1 dt {
        float: none;
        width: auto;
        padding: 10px 0 5px 0;
    }

    .tx-srfeuserregister-pi1 dd label {
        padding: 10px 0 5px 0;
        display: block;
        clear: both;
    }

    .hide {
        display: block !important;
    }

    .ui-tabs .ui-tabs-nav li:last-child a {
        margin: 0;
    }

    .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li a {
        float: none;
        border: 0;
        margin: 0 0 0 0;
        top: 0;
        color: #524d4b;
        font-size: inherit;
        background: transparent
    }

    .contenttable {
        font-size: 1em;
    }

    .home .csc-frame-indent div.csc-frame{
        width: 100%!important;
    }

    .home .csc-frame-indent div.csc-frame img{
        width: 100%!important;
    }
}

@media all and (max-width: 480px) {
    #header .inner {
        overflow: hidden;
    }

    .col-xxs-12, §
    #footer .vmenu,
    .home #colFusszeile > div,
    .tx-iwelt-djd.start_side .hometop .item.all {
        width: auto !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both;
    }

    .col-xxs-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* remove double negative margins, set correct margins for full imagerows*/
    .csc-textpic-responsive .csc-textpic-imagerow {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .csc-textpic-responsive .csc-textpic-intext-left .csc-textpic-imagerow {
        margin-left: -10px !important;
    }

    #rootline {
        display: none;
    }

    #header {
        background-position: left -15px;
        margin-top: -5px;
        height: auto;
    }

    #header .inner {
        padding: 50px 0 1rem 0
    }

    #footer #specialnav {
        margin: 0;
        padding-bottom: 10px;
    }

    #footer #djd {
        position: static;
        width: 100%;
        background-position: center top;
        background-size: auto 100%;
    }

    #logo {
        float: left;
        width: 30%;
        min-width: 120px;
        margin: 0;
        height: 45px;
    }

    #logo a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(/typo3conf/ext/iwelt_pack/Resources/Public/Images/logo_small.png) no-repeat left center;
        background-size: 100% auto;
    }

    #logo img {
        display: none;
    }

    .flex-control-nav {
        bottom: -25px;
        z-index: 777;
    }

    .djd-detail h2.csc-firstHeader {
        padding-top: 10px !important;
    }

    .djd-detail .firstImage p {
        display: none;
    }

    #search {
        position: static;
        padding: 2rem 0 0 0;
        width: 100%;
        clear: both;
        float: none;
        color: #000;
        display: none;
        font-size: 1.2rem;
        line-height: 30px;
    }

    #search .autocomplete {
        position: relative;
        top: 0;
        left: 0;
        width: calc(100% - 5px) !important;
        font-size: 1.7rem;
    }

    #search .searchsubmit {
        font-size: 2.5rem !important;
        float: none;
        padding: 1px 10px;
        margin: 0;
        width: 50px
    }

    #search .searchsubmit:before {
        font-size: 2.8rem !important;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    #search input[name="searchString"] {
        font-size: 16px;
        float: none;
        margin: 0;
        padding: 3px 0 3px 1%;
        border-radius: 0;
        border: 0;
        vertical-align: top;
        width: calc(100% - 50px);
    }

    /*#search input {width: calc(100% - (4rem + 5px)); padding: 0;}*/
    #searchTrigger {
        width: 50px;
        height: 45px;
        margin: 0;
        display: block;
        float: right;
        cursor: pointer;
        padding: 1rem;
    }

    #searchTrigger.highlight {
    }

    #searchTrigger:before {
        content: "\f002";
        font-family: FontAwesome;
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #373737;
        padding-right: 6px;
        cursor: pointer;
    }

    #searchTrigger.highlight:before {
        color: #007ac3;
    }

    .fa.fa-search {
        font-size: 25px;
        cursor: pointer;
    }

    .fa.fa-bars {
        color: #373737;
    }

    .active .fa.fa-bars {
        color: #007ac3;
    }

    #mailformsword:focus {
        border: 0;
    }

    .tx-iwelt-djd.start_side.columnList3 .item.first .text{
        position: static;
        width: 100%!important;
        padding: 10px!important;
        background: rgba(255, 255, 255, 0.85);
        margin-top:0!important;
    }

    .home #colFusszeile .columnList3 .item{
        min-height: 370px!important;
        height: auto;
    }

    .home .tx-iwelt-djd.start_side .item.first .images img,
    .home .tx-iwelt-djd.start_side .item.all .images img{
        width: 100%;
    }

    .home .tx-iwelt-djd.start_side .djd-listing .item.all, .home #colFusszeile .columnList3 .item{
        width: 100%;
    }
    /* ----------------  dropdownmenu for mobile -------------------------------------------------------*/
    #dropdownTrigger {
        display: block;
        float: right;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        z-index: 999;
        font-size: 28px;
        padding: 1rem;
        margin-right: -1rem;
        height: 45px;
    }

    #dropdownTrigger.active {
        color: #007ac3
    }

    #closeDropdownTrigger {
        font-size: 38px;
        display: none;
    }

    #dropdown {
        color: #3B3B3B;
        font-size: 1.3rem;
        vertical-align: middle;
        width: 98%;
        clear: both;
        position: absolute;
        top: 95px;
        left: 1%;
        z-index: 888;
    }

    #dropdown a {
        text-align: left;
        font-weight: 700;
        text-transform: uppercase;
    }

    #dropdown a:link {
        text-decoration: none
    }

    #dropdown ul {
        margin: 0;
        padding: 0;
    }

    /*#dropdown ul.level-2 ul.level-3 li {background-color: rgba(0, 0, 0, 0.75);}*/
    #dropdown li {
        background-image: none;
        border: 0;
        margin: 0;
        padding: 0;
        display: block;
        overflow: hidden;
        width: auto !important;
        float: none !important;
        margin-right: 0 !important;
    }

    #dropdown li.has-subnav > a:before {
        content: '+';
        float: right;
        font-size: 1.5rem;
        margin: 0;
    }

    #dropdown li.has-subnav > a.active:before {
        content: '-' !important;
    }

    #dropdown li a {
        display: block;
        padding: 5px 10px;
        border-bottom: 1px solid #007ac3;
        position: relative;
    }

    #dropdown > ul > li > a {
        line-height: 43px;
    }

    /*#dropdown ul.level-1 > li > a {line-height: 43px;}*/
    #dropdown a {
        background-color: #007ac3;
    }

    #dropdown a:link,
    #dropdown a:visited,
    #dropdown a:active {
        color: #ffffff;
    }

    #dropdown a:hover {
        background-color: #222222;
    }

    #dropdown li.active > a,
    #dropdown a.active {
        background-color: #222222;
        border-bottom-color: #222222;
    }

    #dropdown,
    #dropdown > ul ul {
        clear: both;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .js #dropdown,
    .js #dropdown > ul ul {
        overflow: hidden;
        max-height: 0;
    }

    #dropdown.active,
    .js #dropdown > ul ul.active {
        max-height: 155em
    }

    #dropdown ul.level-2 a {
        padding: 0.6rem 0.6rem 0.6rem 30px;
        border: 0;
        font-weight: 400;
    }

    #dropdown ul.level-2 > li.active > a,
    #dropdown ul.level-2 > li > a.active,
    #dropdown ul.level-2 > li > a:hover {
        background-color: #ffffff;
        border-bottom-color: #ffffff;
        color: #007ac3 !important;
    }

    #dropdown ul.level-2 li.active > a,
    #dropdown ul.level-2 a.active,
    #dropdown ul.level-2 a:active,
    #dropdown ul.level-2 a:hover {
        font-weight: normal;
        color: #003e63 !important;
    }

    #dropdown ul.level-3 a {
        padding-left: 60px;
        background-color: #ffffff;
        color: #007ac3;
        text-transform: none;
    }

    #dropdown ul.level-3 li.active > a,
    #dropdown ul.level-3 a.active,
    #dropdown ul.level-3 a:active,
    #dropdown ul.level-3 a:hover {
        font-weight: 700;
        color: #007ac3;
    }

    #dropdown li.c24 > a:after {
        display: none;
    }

    /* ----------------  /dropdownmenu for mobile -------------------------------------------------------*/
}

.typo3-adminPanel input,
.typo3-adminPanel select {
    width: auto;
    margin: 0;
    float: none;
    border: 1px solid #cccccc;
    color: #000000 !important;
}

.typo3-adminPanel input {
    width: auto;
    margin: 0;
    float: none;
}

.tx-jsfaq {
    width: 100% !important;
    margin: 0 !important;
}

.tx-jsfaq .tx-jsfaq-list .toggale {
    display: none !important;
}

.tx-jsfaq .tx-jsfaq-header {
    background: none !important;
    border: none !important;
    font-size: 1.5rem;
    padding: 20px 0 5px 0 !important;
    color: #007ac3;
    border-bottom: 1px solid #000000 !important;
    text-transform: uppercase;
    width: 100% !important;
}

.tx-jsfaq .tx-jsfaq-header.tx-jsfaq-toggle-plus::before,
.tx-jsfaq .tx-jsfaq-header.tx-jsfaq-toggle-plus::after,
.tx-jsfaq .tx-jsfaq-header.tx-jsfaq-toggle-minus::before,
.tx-jsfaq .tx-jsfaq-header.tx-jsfaq-toggle-minus::after {
    width: 2px !important;
    top: 25px !important;
}

.tx-jsfaq .tx-jsfaq-details {
    clear: both;
    background: none !important;
    border-bottom: 1px solid #ddd !important;
    border-left: none !important;
    border-right: none !important;
    padding: 15px 30px !important;
    width: 100% !important;
}

.tx-jsfaq .tx-jsfaq-decription {
    padding-bottom: 0 !important;
}

/* ----------------  Styling für Online-Texte  -------------------------------------------------------*/

.djd-detail.online-version.tx-iwelt-djd a.action {
    background: #0099FF;
}

.djd-detail.online-version H3 {
    color: #0099FF;
}

.djd-detail.online-version .firstImage a {
    position: relative;
    display: block;
}

.djd-detail.online-version .firstImage a::before {
    content: "";
    display: block;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    width: 110px;
    height: 110px;
    background-image: url("/fileadmin/user_upload/onlinetexte.png");
    background-size: cover;
}

.online-print-button {
   padding-bottom: 40px;
}

.print-button {
    background-color: #007ac3;
    padding: 5px 61px;
    text-align: center;
    color: white !important;
    float: right;
}

a.print-button {
    margin-right: 7px;
    background-color: rgba(0, 122, 195, 0.5);
    float: right;
}

.online-button {
    background-color: #0099FF;
    padding: 5px 35px;
    text-align: center;
    color: white !important;
    float: right;
}

.online-button::before {
    content: "\f108";
    font-family: FontAwesome;
    padding-right: 1.5rem;
}

a.online-button {
    background-color: rgba(0, 153, 255, 0.5);
    margin-left: 4px;
}

/*Themen first-image*/
body:not(.home) .top_text .djd-listing .first.online-version .images {
    position: relative;
    display: block;
}

body:not(.home) .top_text .djd-listing .first.online-version .images::before {
    content: "";
    display: block;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    width: 110px;
    height: 110px;
    background-image: url("/fileadmin/user_upload/onlinetexte.png");
    background-size: cover;
}

/* Themen kleines Image */
body:not(.home) .djd-listing .online-version .images {
    position: relative;
    display: block;
}

body:not(.home) .djd-listing .online-version .images::before {
    content: "";
    display: block;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    width: 54px;
    height: 54px;
    background-image: url("/fileadmin/user_upload/themen-onlinetexte.png");
    background-size: cover;
}

body:not(.home) .short .djd-listing .online-version .images {
    position: relative;
    display: block;
}

body:not(.home) .short .djd-listing .online-version .images::before {
    content: "";
    display: block;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    width: 34px;
    height: 34px;
    background-image: url("/fileadmin/user_upload/themen-onlinetexte.png");
    background-size: cover;
}

body:not(.home) .latest .djd-listing .online-version .images {
    position: relative;
    display: block;
}

body:not(.home) .latest .djd-listing .online-version .images::before {
    content: "";
    display: block;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    width: 34px;
    height: 34px;
    background-image: url("/fileadmin/user_upload/themen-onlinetexte.png");
    background-size: cover;
}

/* Home */
.home .djd-listing.hometop .first.online-version {
    position: relative;
    display: block;
}

.home .djd-listing.hometop .first.online-version::before {
    content: "";
    display: block;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    width: 110px;
    height: 110px;
    background-image: url("/fileadmin/user_upload/onlinetexte.png");
    background-size: cover;
}

.home .djd-listing.hometop .all.online-version .images {
    position: relative;
    display: block;
}

.home .djd-listing.hometop .all.online-version .images::before {
    content: "";
    display: block;
    z-index: 50;
    top: 0;
    left: 0;
    position: absolute;
    width: 54px;
    height: 54px;
    background-image: url("/fileadmin/user_upload/themen-onlinetexte.png");
    background-size: cover;
}

.home .djd-listing .odd.online-version .images {
    position: relative;
    display: block;
}

.home .djd-listing .odd.online-version .images::before {
    content: "";
    display: block;
    z-index: 50;
    top: 15px;
    left: 0;
    position: absolute;
    width: 54px;
    height: 54px;
    background-image: url("/fileadmin/user_upload/themen-onlinetexte.png");
    background-size: cover;
}

/* ----------------  Extra Home 3er Grid -------------------------------------------------------*/

.home .csc-frame-indent div.csc-frame{
    width: calc((100% / 3) - 20px );
    float: left;
    margin: 0 30px 30px 0;
}

.home .csc-frame-indent div.csc-frame:last-of-type{
    margin: 0;
}


/* ----------- RWD online Texte ---------------*/

/*@media screen and (max-width: 1058px){
	.home .djd-listing.hometop .first.online-version::before{
		bottom: 90px;
	}
}*/

@media all and (max-width: 990px) {
    .online-print-button {
        top: 86px;
        right: 0;
    }
}

@media all and (max-width: 767px) {
    .online-print-button {
        top: 10px;
    }
}

@media screen and (max-width: 513px) {
    .home .djd-listing.hometop .first.online-version::before {
        top: 0;
        background-image: url("/fileadmin/user_upload/themen-onlinetexte.png");
        left: unset;
        width: 53px;
        height: 53px;
    }
}

@media screen and (max-width: 480px) {
    body:not(.home) .top_text .djd-listing .first.online-version .images::before,
    .djd-detail.online-version .firstImage a::before {
        width: 50px;
        height: 50px;
        background-image: url("/fileadmin/user_upload/themen-onlinetexte.png");
        background-size: cover;
    }
}

@media all and (max-width: 362px) {
    .online-print-button {
        top: 104px;
        z-index: 500;
    }

    .online-button {
        display: block;
        padding: 5px 15px;
    }

    .print-button {
        display: block;
        padding: 5px 10px;
        margin-top: 5px;
    }

    a.online-button {
        margin-left: 0;
    }

    a.print-button {
        margin-left: 0;
    }
}


/*------------------- Intro -------------------------*/

.home .csc-frame-indent-left{
    border-top: 1px solid #007AC3;
    border-bottom: 1px solid #007AC3;
    padding: 20px 0;
    margin-bottom: 50px;
}

.home .csc-frame-indent-left .csc-textpic-responsive{
    overflow: hidden;
}

.home .csc-frame-indent-left .csc-textpic-responsive .images{
    width: 33.3%;
    text-align: right;
}

.home .csc-frame-indent-left .csc-textpic-responsive .text{
    width: 66.6%;
    padding: 0 5%;

}

.home .csc-frame-indent-left p{
    float: right;
    font-weight: 400;
    padding: 0;
    font-size: 0.95em;
}


.home .csc-frame-indent-left:last-of-type p{
    float: left;
}

.home .csc-frame-indent-left p a::after{
    content: "\f0da";
    cursor: pointer;
    padding: 0.8em 0.5rem;
    font-family: FontAwesome;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: inherit;
    text-decoration: none;

}

/*------------------- Extras Homeseite -------------------------*/

.home .csc-frame-indent{
    background: #EAEAEA;
    padding: 30px;
}

.home .csc-frame-indent #c687{
    width: 100%!important;
    margin-bottom: 10px;
}

.home .csc-frame-indent #c687 h2{
    font-size: 1.5rem;
    padding: 25px 0 3px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid;
    overflow: hidden;
    text-transform: uppercase;
    color: #007ac3;
}

.home .csc-frame-indent h3{
    padding-bottom: 0px;
    padding-top: 200px;
    text-transform: uppercase;
    font-weight: 400;
    color: black;
}

#swipebox-action, #swipebox-caption {
    position: static;
    transition: none!important;
    bottom: 0!important;
}

#swipebox-cation.visibile-bars, #swipebox-action.visible-bars{
    transition: none!important;
    transform: none!important;
}

#swipebox-caption{
    transform: none!important;
}

#swipebox-action{
    height: 0px;
}

#swipebox-action #swipebox-next{
    left: 100px;
}
#swipebox-action #swipebox-prev{
    left: 40px;
}
#swipebox-action #swipebox-close{
    right: 40px;
    left: unset;

}

/*------------------- User-Info -------------------------*/
.accountinfo-container{
    display: block;
    position: absolute;
    z-index: 9999;
    background-color: rgba(14, 123, 187, 0.9);
    width: 90%;
    padding:  10px 100px 30px 100px;
    text-align: center;
    color: white;
    top: 150px;
    margin-left: 5%;
}

.accountinfo-container *{
    color:white!important;
}
.accountinfo-container a:link{
    color: white!important;
    text-decoration: underline;
}

.accountinfo-container .button{
    background-color: white;
    color: #007AC3!important;
}

.close-button {
    position: absolute;
    top: 0;
    right: 20px;
}
/*! jQuery UI - v1.10.0 - 2013-01-28
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CHelvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=dddddd&bgTextureHeader=02_glass.png&bgImgOpacityHeader=35&borderColorHeader=bbbbbb&fcHeader=444444&iconColorHeader=999999&bgColorContent=c9c9c9&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=50&borderColorContent=aaaaaa&fcContent=333333&iconColorContent=999999&bgColorDefault=eeeeee&bgTextureDefault=02_glass.png&bgImgOpacityDefault=60&borderColorDefault=cccccc&fcDefault=3383bb&iconColorDefault=70b2e1&bgColorHover=f8f8f8&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=bbbbbb&fcHover=599fcf&iconColorHover=3383bb&bgColorActive=999999&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=75&borderColorActive=999999&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=eeeeee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=ffffff&fcHighlight=444444&iconColorHighlight=3383bb&bgColorError=c0402a&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=c0402a&fcError=ffffff&iconColorError=fbc856&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden { display: none }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table }

.ui-helper-clearfix:after { clear: both }

.ui-helper-clearfix { min-height: 0 }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) }

.ui-front { z-index: 100 }

.ui-state-disabled { cursor: default !important }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% }

.ui-resizable { position: relative }

.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none }

.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 }

.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 }

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% }

.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% }

.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px }

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px }

.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px }

.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px }

.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black }

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0 }

.ui-accordion .ui-accordion-icons { padding-left: 2.2em }

.ui-accordion .ui-accordion-noicons { padding-left: .7em }

.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px }

.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto }

.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default }

.ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none }

.ui-button-icon-only { width: 2.2em }

button.ui-button-icon-only { width: 2.4em }

.ui-button-icons-only { width: 3.4em }

button.ui-button-icons-only { width: 3.7em }

.ui-button .ui-button-text { display: block; line-height: normal }

.ui-button-text-only .ui-button-text { padding: .4em 1em }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em }

.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em }

input.ui-button { padding: .4em 1em }

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px }

.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em }

.ui-buttonset { margin-right: 7px }

.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0 }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px }

.ui-datepicker .ui-datepicker-prev { left: 2px }

.ui-datepicker .ui-datepicker-next { right: 2px }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px }

.ui-datepicker .ui-datepicker-next-hover { right: 1px }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 }

.ui-datepicker select.ui-datepicker-month-year { width: 100% }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0 }

.ui-datepicker td { border: 0; padding: 1px }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left }

.ui-datepicker.ui-datepicker-multi { width: auto }

.ui-datepicker-multi .ui-datepicker-group { float: left }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50% }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25% }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 }

.ui-datepicker-rtl { direction: rtl }

.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto }

.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto }

.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto }

.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto }

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px }

.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0 }

.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative }

.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis }

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px }

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto }

.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right }

.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer }

.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px }

.ui-draggable .ui-dialog-titlebar { cursor: move }

.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none }

.ui-menu .ui-menu { margin-top: -3px; position: absolute }

.ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100% }

.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 }

.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal }

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5 }

.ui-menu .ui-state-disabled a { cursor: default }

.ui-menu-icons { position: relative }

.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em }

.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em }

.ui-menu .ui-menu-icon { position: static; float: right }

.ui-progressbar { height: 2em; text-align: left; overflow: hidden }

.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% }

.ui-progressbar .ui-progressbar-overlay { background: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/animated-overlay.gif'); height: 100%; filter: alpha(opacity=25); opacity: 0.25 }

.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none }

.ui-slider { position: relative; text-align: left }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 }

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit }

.ui-slider-horizontal { height: .8em }

.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100% }

.ui-slider-horizontal .ui-slider-range-min { left: 0 }

.ui-slider-horizontal .ui-slider-range-max { right: 0 }

.ui-slider-vertical { width: .8em; height: 100px }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em }

.ui-slider-vertical .ui-slider-range { left: 0; width: 100% }

.ui-slider-vertical .ui-slider-range-min { bottom: 0 }

.ui-slider-vertical .ui-slider-range-max { top: 0 }

.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle }

.ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px }

.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 }

.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none }

.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0 }

.ui-spinner-up { top: 0 }

.ui-spinner-down { bottom: 0 }

.ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px }

.ui-tabs { position: relative; padding: .2em }

.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap }

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text }

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer }

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none }

.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa }

body .ui-tooltip { border-width: 2px }

.ui-widget { font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 1.1em }

.ui-widget .ui-widget { font-size: 1em }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 1em }

.ui-widget-content { border: 1px solid #aaa; background: #c9c9c9 url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_inset-soft_50_c9c9c9_1x100.png') 50% bottom repeat-x; color: #333 }

.ui-widget-content a { color: #333 }

.ui-widget-header { border: 1px solid #bbb; background: #ddd url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_glass_35_dddddd_1x400.png') 50% 50% repeat-x; color: #444; font-weight: bold }

.ui-widget-header a { color: #444 }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ccc; background: #eee url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_glass_60_eeeeee_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #3383bb }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #3383bb; text-decoration: none }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #bbb; background: #f8f8f8 url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_glass_100_f8f8f8_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #599fcf }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #599fcf; text-decoration: none }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #999; background: #999 url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_inset-hard_75_999999_1x100.png') 50% 50% repeat-x; font-weight: bold; color: #fff }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fff; background: #eee url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_flat_55_eeeeee_40x100.png') 50% 50% repeat-x; color: #444 }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #444 }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #c0402a; background: #c0402a url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_flat_55_c0402a_40x100.png') 50% 50% repeat-x; color: #fff }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #fff }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #fff }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none }

.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) }

.ui-icon { width: 16px; height: 16px; background-position: 16px 16px }

.ui-icon, .ui-widget-content .ui-icon { background-image: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-icons_999999_256x240.png') }

.ui-widget-header .ui-icon { background-image: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-icons_999999_256x240.png') }

.ui-state-default .ui-icon { background-image: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-icons_70b2e1_256x240.png') }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-icons_3383bb_256x240.png') }

.ui-state-active .ui-icon { background-image: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-icons_454545_256x240.png') }

.ui-state-highlight .ui-icon { background-image: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-icons_3383bb_256x240.png') }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-icons_fbc856_256x240.png') }

.ui-icon-carat-1-n { background-position: 0 0 }

.ui-icon-carat-1-ne { background-position: -16px 0 }

.ui-icon-carat-1-e { background-position: -32px 0 }

.ui-icon-carat-1-se { background-position: -48px 0 }

.ui-icon-carat-1-s { background-position: -64px 0 }

.ui-icon-carat-1-sw { background-position: -80px 0 }

.ui-icon-carat-1-w { background-position: -96px 0 }

.ui-icon-carat-1-nw { background-position: -112px 0 }

.ui-icon-carat-2-n-s { background-position: -128px 0 }

.ui-icon-carat-2-e-w { background-position: -144px 0 }

.ui-icon-triangle-1-n { background-position: 0 -16px }

.ui-icon-triangle-1-ne { background-position: -16px -16px }

.ui-icon-triangle-1-e { background-position: -32px -16px }

.ui-icon-triangle-1-se { background-position: -48px -16px }

.ui-icon-triangle-1-s { background-position: -64px -16px }

.ui-icon-triangle-1-sw { background-position: -80px -16px }

.ui-icon-triangle-1-w { background-position: -96px -16px }

.ui-icon-triangle-1-nw { background-position: -112px -16px }

.ui-icon-triangle-2-n-s { background-position: -128px -16px }

.ui-icon-triangle-2-e-w { background-position: -144px -16px }

.ui-icon-arrow-1-n { background-position: 0 -32px }

.ui-icon-arrow-1-ne { background-position: -16px -32px }

.ui-icon-arrow-1-e { background-position: -32px -32px }

.ui-icon-arrow-1-se { background-position: -48px -32px }

.ui-icon-arrow-1-s { background-position: -64px -32px }

.ui-icon-arrow-1-sw { background-position: -80px -32px }

.ui-icon-arrow-1-w { background-position: -96px -32px }

.ui-icon-arrow-1-nw { background-position: -112px -32px }

.ui-icon-arrow-2-n-s { background-position: -128px -32px }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px }

.ui-icon-arrow-2-e-w { background-position: -160px -32px }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px }

.ui-icon-arrowstop-1-n { background-position: -192px -32px }

.ui-icon-arrowstop-1-e { background-position: -208px -32px }

.ui-icon-arrowstop-1-s { background-position: -224px -32px }

.ui-icon-arrowstop-1-w { background-position: -240px -32px }

.ui-icon-arrowthick-1-n { background-position: 0 -48px }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px }

.ui-icon-arrowthick-1-e { background-position: -32px -48px }

.ui-icon-arrowthick-1-se { background-position: -48px -48px }

.ui-icon-arrowthick-1-s { background-position: -64px -48px }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px }

.ui-icon-arrowthick-1-w { background-position: -96px -48px }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px }

.ui-icon-arrow-4 { background-position: 0 -80px }

.ui-icon-arrow-4-diag { background-position: -16px -80px }

.ui-icon-extlink { background-position: -32px -80px }

.ui-icon-newwin { background-position: -48px -80px }

.ui-icon-refresh { background-position: -64px -80px }

.ui-icon-shuffle { background-position: -80px -80px }

.ui-icon-transfer-e-w { background-position: -96px -80px }

.ui-icon-transferthick-e-w { background-position: -112px -80px }

.ui-icon-folder-collapsed { background-position: 0 -96px }

.ui-icon-folder-open { background-position: -16px -96px }

.ui-icon-document { background-position: -32px -96px }

.ui-icon-document-b { background-position: -48px -96px }

.ui-icon-note { background-position: -64px -96px }

.ui-icon-mail-closed { background-position: -80px -96px }

.ui-icon-mail-open { background-position: -96px -96px }

.ui-icon-suitcase { background-position: -112px -96px }

.ui-icon-comment { background-position: -128px -96px }

.ui-icon-person { background-position: -144px -96px }

.ui-icon-print { background-position: -160px -96px }

.ui-icon-trash { background-position: -176px -96px }

.ui-icon-locked { background-position: -192px -96px }

.ui-icon-unlocked { background-position: -208px -96px }

.ui-icon-bookmark { background-position: -224px -96px }

.ui-icon-tag { background-position: -240px -96px }

.ui-icon-home { background-position: 0 -112px }

.ui-icon-flag { background-position: -16px -112px }

.ui-icon-calendar { background-position: -32px -112px }

.ui-icon-cart { background-position: -48px -112px }

.ui-icon-pencil { background-position: -64px -112px }

.ui-icon-clock { background-position: -80px -112px }

.ui-icon-disk { background-position: -96px -112px }

.ui-icon-calculator { background-position: -112px -112px }

.ui-icon-zoomin { background-position: -128px -112px }

.ui-icon-zoomout { background-position: -144px -112px }

.ui-icon-search { background-position: -160px -112px }

.ui-icon-wrench { background-position: -176px -112px }

.ui-icon-gear { background-position: -192px -112px }

.ui-icon-heart { background-position: -208px -112px }

.ui-icon-star { background-position: -224px -112px }

.ui-icon-link { background-position: -240px -112px }

.ui-icon-cancel { background-position: 0 -128px }

.ui-icon-plus { background-position: -16px -128px }

.ui-icon-plusthick { background-position: -32px -128px }

.ui-icon-minus { background-position: -48px -128px }

.ui-icon-minusthick { background-position: -64px -128px }

.ui-icon-close { background-position: -80px -128px }

.ui-icon-closethick { background-position: -96px -128px }

.ui-icon-key { background-position: -112px -128px }

.ui-icon-lightbulb { background-position: -128px -128px }

.ui-icon-scissors { background-position: -144px -128px }

.ui-icon-clipboard { background-position: -160px -128px }

.ui-icon-copy { background-position: -176px -128px }

.ui-icon-contact { background-position: -192px -128px }

.ui-icon-image { background-position: -208px -128px }

.ui-icon-video { background-position: -224px -128px }

.ui-icon-script { background-position: -240px -128px }

.ui-icon-alert { background-position: 0 -144px }

.ui-icon-info { background-position: -16px -144px }

.ui-icon-notice { background-position: -32px -144px }

.ui-icon-help { background-position: -48px -144px }

.ui-icon-check { background-position: -64px -144px }

.ui-icon-bullet { background-position: -80px -144px }

.ui-icon-radio-on { background-position: -96px -144px }

.ui-icon-radio-off { background-position: -112px -144px }

.ui-icon-pin-w { background-position: -128px -144px }

.ui-icon-pin-s { background-position: -144px -144px }

.ui-icon-play { background-position: 0 -160px }

.ui-icon-pause { background-position: -16px -160px }

.ui-icon-seek-next { background-position: -32px -160px }

.ui-icon-seek-prev { background-position: -48px -160px }

.ui-icon-seek-end { background-position: -64px -160px }

.ui-icon-seek-start { background-position: -80px -160px }

.ui-icon-seek-first { background-position: -80px -160px }

.ui-icon-stop { background-position: -96px -160px }

.ui-icon-eject { background-position: -112px -160px }

.ui-icon-volume-off { background-position: -128px -160px }

.ui-icon-volume-on { background-position: -144px -160px }

.ui-icon-power { background-position: 0 -176px }

.ui-icon-signal-diag { background-position: -16px -176px }

.ui-icon-signal { background-position: -32px -176px }

.ui-icon-battery-0 { background-position: -48px -176px }

.ui-icon-battery-1 { background-position: -64px -176px }

.ui-icon-battery-2 { background-position: -80px -176px }

.ui-icon-battery-3 { background-position: -96px -176px }

.ui-icon-circle-plus { background-position: 0 -192px }

.ui-icon-circle-minus { background-position: -16px -192px }

.ui-icon-circle-close { background-position: -32px -192px }

.ui-icon-circle-triangle-e { background-position: -48px -192px }

.ui-icon-circle-triangle-s { background-position: -64px -192px }

.ui-icon-circle-triangle-w { background-position: -80px -192px }

.ui-icon-circle-triangle-n { background-position: -96px -192px }

.ui-icon-circle-arrow-e { background-position: -112px -192px }

.ui-icon-circle-arrow-s { background-position: -128px -192px }

.ui-icon-circle-arrow-w { background-position: -144px -192px }

.ui-icon-circle-arrow-n { background-position: -160px -192px }

.ui-icon-circle-zoomin { background-position: -176px -192px }

.ui-icon-circle-zoomout { background-position: -192px -192px }

.ui-icon-circle-check { background-position: -208px -192px }

.ui-icon-circlesmall-plus { background-position: 0 -208px }

.ui-icon-circlesmall-minus { background-position: -16px -208px }

.ui-icon-circlesmall-close { background-position: -32px -208px }

.ui-icon-squaresmall-plus { background-position: -48px -208px }

.ui-icon-squaresmall-minus { background-position: -64px -208px }

.ui-icon-squaresmall-close { background-position: -80px -208px }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px }

.ui-icon-grip-solid-vertical { background-position: -32px -224px }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px }

.ui-icon-grip-diagonal-se { background-position: -80px -224px }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 6px }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 6px }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 6px }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 6px }

.ui-widget-overlay { background: #eee url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_flat_0_eeeeee_40x100.png') 50% 50% repeat-x; opacity: .8; filter: Alpha(Opacity=80) }

.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaa url('../../../typo3conf/ext/iwelt_pack/Resources/Public/Css/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .6; filter: Alpha(Opacity=60); border-radius: 0 }
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}