body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* normalize */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
mark { background: #F7DD45; 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-style: none; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; font-family: monospace, monospace; font-size: 1em; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input { 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; border-radius: 0;}
select { border-radius: 0;}
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; box-sizing: content-box; border-radius: 0; -webkit-appearance: none !important; cursor:pointer;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"], button[type="submit"] {-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; resize: vertical;}
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
details { display: block; }
summary { display: list-item; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }
.sr-only { border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;  width: 1px;}
.sr-only.focusable:active,.sr-only.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static; white-space: inherit;width: auto;}

/* allgemein */
* { margin:0; padding:0; border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%;  }
body { font-family: Arial, Helvetica, sans-serif; font-size: 1.15rem; line-height: 1.5; font-weight: 300; color:#3c3c3b; background:#fff; -webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	font-smoothing: antialiased;}
.wrap { min-height:100%;}
.fade_in { opacity: 0; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out;}
.teaser.fade_in { -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out;}
.show { transform: translate(0px,0px) scale(1.0) rotate(0deg)!important; -o-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;   -ms-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important; -moz-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;  -webkit-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;  opacity: 1!important; }
a {text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:#006eb9;}
a:hover {color:#000;}
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.transit, input.submit, a img, a h2 {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
b, strong, .bold { font-weight: 700; }
.hidden { display: none; }
.center {max-width:1560px; margin:0 auto; position:relative; padding:0 40px;}
.center2 {max-width:1180px; margin:0 auto; position:relative; padding:0 40px;}
.center3 {max-width:1380px; margin:0 auto; position:relative; padding:0 40px;}
.dark_blue {color:#006eb9;}
.beige {color:#fefcf8;}
.italic {font-style:italic;}
.bliss { font-family: "Bliss Bold", "Gill Sans", Calibri, "Helvetica Neue", Arial, sans-serif; }

/* header mit animation */
header {position:fixed;z-index:100; top:0; width:100%; height:180px; background:#fff; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.down header { margin-top:-90px; height:90px; }
.up header {margin-top:0px; box-shadow: 0px 0px 8px 2px rgba(0,0,0,.1); height:90px;}
.nav_active header, .up.nav_active header, .down.nav_active header { margin-top:0px; }
.logo {position:relative; float:left; z-index:100; top:15px; }
.up .logo, .down .logo {top:10px;}
.up .logo img, .down .logo img {height:70px; width:auto;}
.logout {position:absolute; right:40px; top:30px;}
.logout .login_info, .up .logout, .down .logout, .logout h2 {display:none;}

/* hamburger */
.hamburger { position:absolute;  z-index:100; right:40px; top:44px; cursor: pointer; transition-property: opacity, filter;  transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; overflow: visible; display:none;}
.up .hamburger, .down .hamburger {top:22px;}
.hamburger.is-active {}
.hamburger-box { width: 40px; height: 30px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 20px;  margin-top: 0px; }
.hamburger-inner, .hamburger-inner::before { width: 40px; height: 4px; background-color: #006eb9; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.up .hamburger-inner, .up .hamburger-inner::before, .nav_active .hamburger-inner, .nav_active .hamburger-inner::before {background-color: #006eb9;}
.hamburger-inner::before { content: "";  display: block; top: -15px; }	
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* navigation */
.navigation { position:relative; float:right; z-index:90; top:122px; }
.up .navigation, .down .navigation {top:32px;}
.menu {color:#006eb9; font-family: "Bliss Bold", "BlissPro-Bold", "Gill Sans", Calibri, "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:1.5rem; line-height:50px;}
.menu li {margin-left:40px; display:inline-block;}
.menu li:first-child {margin-left:0px;}
.menu a {position:relative; color:#006eb9; padding-bottom:8px; display:inline-block;}
.menu a:after { content: ""; z-index:-1; position: absolute; width:0%; height:6px; bottom: 0px; left: 0; background: #006eb9; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.menu a:hover:after, .menu .trail a:after { visibility: visible; width: 100%; }
.menu li.active .active {position:relative; padding-bottom:19px;}
.menu li.active .active:after { content: ""; z-index:-1; position: absolute; width:100%; height:6px; bottom: 0px; left: 0; background: #006eb9; }

/* main */
h1, h2, h3, h4 { color:#006eb9; font-family: "Bliss Bold", "Gill Sans", Calibri, "Helvetica Neue", Arial, sans-serif; font-weight:600;  line-height: 1.2;}
h1 { font-size: 5rem; }
h2 { font-size: 2.5rem;  }
h3 { font-size: 1.75rem; color:#000; margin-bottom:10px;}
h4 { font-size: 1.25rem; }

main {position:relative; z-index:2; padding-top: 180px; }
main ul li { list-style-type: square !important; margin-left:20px;}
.login main {padding-top: 0; }
section, .top_images {position:relative; }
.top_images img {width:100%; height:auto;}
.top_images .title {position:absolute; bottom:100px; }
.home .top_images .title {bottom:140px; }
.top_images .title h1 {position:relative; opacity:0; visibility:hidden;  -webkit-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; left:-100%;}
.top_images .title h2 {opacity:0; visibility:hidden;}
.top_images.start .title h1 { left:0; opacity: 1!important; visibility:visible;}
.top_images.start .title h2 { opacity: 1!important; visibility:visible;  -webkit-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; transition-delay: 1.5s;}
.top_images h1 span {display:inline-block; background:#fff; padding:0 40px; margin-top:10px !important;}
.top_images h2  {color:#fff; margin:30px 0 0 30px;}
h1.headline {background:#fff; padding:10px 40px; }
.bildbeschreibung p {text-align:right; padding:5px 20px 0; font-size:1rem; }
.content .bildbeschreibung p { padding:5px 0 0;  }
a .bildbeschreibung {color:#000; }
a .bildbeschreibung p {text-align:left;}

p { position:relative;  }
p.no_style { position:relative; text-align: left; }
* {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.ce_text img {max-width:100%; height:auto;}

/* footer */
.scroll_top {position:fixed; z-index:90; bottom:50px; right:30px; padding-top:10px; opacity:0; }
.scroll_top:hover {bottom:60px; padding-top:0;}
.scroll_top.active {opacity:1; }
footer { background:#82d2f0; color:#006fb9; font-size: 1rem; line-height: 1.5;  padding:50px 0; border-top:20px solid #006fb9;}
footer a {color:#006fb9;}
footer a:hover {color:#000;}
footer li.active .active {color:#000;}
.footer_top, .footer_bottom {position:relative; width:calc(100% + 40px); margin-left:-20px;}
.footer_bottom {margin-top:50px;}
.foot_1, .foot_2, .foot_3 {width:33.3333%; float:left; padding:20px; position:relative; }
.legal_menu {float:left; text-transform:uppercase; line-height:1.75;}
.legal_menu li {display:inline; margin-right:20px;}
.footer_menu {text-transform:uppercase; line-height:1.75;}
address {font-style:normal;}
.copy {color:#006fb9; display:inline-block;}

/* formulare */
label {display:block; font-size:.9rem;}
.login_left input.text, .login_right input.text {width:80%;}
input.text, select {border:1px solid #006fb9; padding-left:5px; height:40px; line-height:40px; margin-bottom:20px; width:50%;}
button.submit {position:relative; font-family: "Bliss Bold", "Gill Sans", Calibri, "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:1.15rem; text-transform:uppercase; letter-spacing:1px; color:#fff; border-radius:5px;  display:inline-block; margin-top:30px; background-color:#009ee3; background-image:url(../../files/system/images/submit.png);  background-repeat: no-repeat;  background-position: right center;}
button.submit {padding:0 60px 0 20px; height:auto; line-height:40px;}
button.submit:hover {background-color:#006fb9; }
.mod_login .widget-text label, .mod_login .widget-password label {display:none;}
.checkbox_container input {height:40px; width:40px; float:left; margin-right:10px;}
.checkbox_container label {line-height:40px; font-size:1rem;}

.logout button.submit {position:relative; font-family: "Bliss Bold", "Gill Sans", Calibri, "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:1rem; text-transform:uppercase; letter-spacing:1px; color:#fff; border-radius:5px;  display:inline-block; margin-top:20px; background-color:#009ee3; background-image:none;  padding:0px 20px 0px 20px; height:36px; line-height:36px;}
.logout button.submit:hover {background-color:#006fb9; }
.kontakt input.text {width:500px;}
.kontakt textarea {width:500px; border:1px solid #006fb9; padding-left:5px;}
header .login {display:none;}

.kontakter {position:fixed; z-index:99; right:0; top:210px; background-color:#009ee3; color:#fff; padding:5px 20px; border-radius:5px 0 0 5px;}
.kontakter:hover {background-color:#006fb9; color:#fff;}

/* legal */
.legal_text {padding:100px 0; font-size:1rem;}
.legal_text h3 {margin:20px 0 10px;}
.legal_text h2 {margin:0 0 20px;}

/* responsive */
@media (max-width: 1400px) { 
	

}
@media (max-width: 1200px) { 


}
@media (max-width: 1100px) { 

}
/* nav break */
@media (max-width: 1100px) { 
	.hamburger {display:block;}
	main {padding-top: 120px; }
	header {height:120px;}
	.logo {top:10px; }
	.logo img {height:100px; width:auto;}
	.logout {right:130px; top:28px; }
	.navigation {position:fixed; float:none; z-index:90; top:0; margin-top:0; left:100%; width:100%; height:100vh; background:#fff;  -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
	.up .navigation, .down .navigation {top:0;}
	.navigation.active { left:0;}
	.menu {padding-left:40px; font-size:1.5rem; }
	.menu li {display:block; margin:15px 0;}
	.menu a {padding-bottom:0; }
	.menu a:after { height:2px;  }
	.menu a:hover:after { visibility: visible; width: 100%; }
	.menu li.active .active {position:relative; padding-bottom:10px;}
	.menu li.active .active:after {  height:2px;  }
	.XXXoverflowbox { padding-top:140px; }
	.overflowbox {position: relative; height: 100%; max-height: 100%; overflow:auto; padding:140px 0 30px;}
	h1 { font-size: 4rem; }
	h2 { font-size: 2.5rem;  }
	.top_images h2  {color:#fff; margin: 20px 0 0 30px;}
}
@media (max-width: 1024px) { 
	.foot_1, .foot_2, .foot_3 {width:50%; }
	.footer_top .foot_2 {display:none;}
}
@media (max-width: 960px) { 
	.top_images .title {bottom:50px;}
	h1 { font-size: 3.5rem; }
	h2 { font-size: 2rem;  }
	.home .top_images .title {bottom:50px;}
	.intro {padding:80px 0 !important;}
}
@media (max-width: 800px) { 
	h1 { font-size: 3rem; }
	h2 { font-size: 1.5rem;  }
	h3 { font-size: 1.25rem;  }
	.foot_1, .foot_2, .foot_3 {width:100%; }
	.legal_menu {float:none;}
	.copy {margin-top:20px;}
}
@media (max-width: 600px) {	
	.intro {padding:50px 0 !important;}
	h1 { font-size: 1.25rem; line-height:1.5;}
	.top_images .title {bottom:50px;}
	.top_images h1 span {background:#fff; padding:5px 15px;}
	h2 { font-size: 1.25rem;  }
	.top_images h2 {margin:10px 0 20px 15px;}
	header { height:90px; }
	.down header { margin-top:-90px; height:90px; }
	.up header {height:90px;}
	.logo img {height:70px; width:auto;}
	.logout {right:100px; top:8px; }
	.hamburger { right:20px; top:25px; }
	.menu {padding-left:20px; font-size:1.25rem; }
	.menu li { margin:10px 0;}
	.overflowbox { padding-top:100px; }	
	.center, .center2, .center3 {padding:0 20px;}
	main {padding-top: 90px; }
	.scroll_top {position:fixed; z-index:90; bottom:20px; right:10px; padding-top:10px; opacity:0;}
	.scroll_top:hover {bottom:30px; padding-top:0;}
	.login_left input.text, .login_right input.text {width:100%;}
	h1.headline {padding:5px 20px;}
	.kontakter {top:100px;}
	.kontakt input.text, .kontakt textarea {width:100%;}
	input.text, select {width:100%;}
}
@media (max-width: 400px) {	

}
@media (max-height: 400px) and (orientation:landscape){ 

}
@media (max-height: 620px) and (orientation:landscape){ 

}
@media (max-height: 540px) and (orientation:landscape){ 

}
@media (max-width: 350px) { 

}

@media (min-height: 570px) AND (max-width: 960px) { 

}

/* print */
@media print {
	body {font-size:0.9em;}
	header, footer {display:none;}
	.print_button {display:none !important;}
	.print {visibility:visible;}
    *, *:before, *:after, *:first-letter, *:first-line { background: #fff !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a,a:visited { text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")";}
	a[href^="#"]:after, a[href^="javascript:"]:after {  content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group;}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important; }
    p,h2,h3 {orphans: 3;widows: 3;}
    h2, h3 {page-break-after: avoid;}
}
/* animsition */ .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#fff}.animsition-loading,.animsition-loading:after{width:50px;height:50px;position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}
/* home */
.intro {background:#fff; padding:60px 0 100px; font-size:1.5rem;}
.home .intro {padding:100px 0; }
.teaser_box {background:#e0f4fb; padding:100px 0;}
.teaser {background:#fff; color:#000; display:inline-block;}
.teaser_image img {width:100%; height:auto;}
.teaser_text {padding:30px;}
.teaser_text h3 { font-size: 1.5rem; color:#000; margin-bottom:20px;}
.morelink {position:relative; font-family: "Bliss Bold", "Gill Sans", Calibri, "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:1.15rem; line-height:40px; text-transform:uppercase; letter-spacing:1px; background:#009ee3; color:#fff; border-radius:5px;  display:inline-block; padding:0 25px 0 20px; margin-top:20px;}
.morelink:after {content:url(../../files/system/images/more.png); position:relative; top:7px; left:8px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.teaser:hover .morelink {background:#006eb9;}
.no-touchevents .teaser:hover {box-shadow: 5px 5px 20px #bcd4df;}
.no-touchevents .teaser:hover .morelink:after {left:18px;}
a.morelink:hover {background:#006eb9; color:#fff;}
a.morelink:hover:after {left:18px;}
.teaser_1 {float:left; width: calc(60% - 80px); margin-left:40px;}
.teaser_2 {float:right; width: calc(40% - 80px); margin-right:40px; margin-top:50px;}
.teaser_3 {float:left; width: calc(50% - 120px); margin-left:120px; margin-top:80px;}
.teaser_4 {float:left; width: calc(40% - 80px); margin-left:80px; margin-top:80px;}
/* Liste */
.teaser_liste .teaser {width:47%; margin-bottom:6%;}
.teaser_liste .teaser:nth-child(odd) {float:left;}
.teaser_liste .teaser:nth-child(even) {float:right;}
.teaser_liste .teaser:nth-child(2) {margin-top:80px;}
.teaser_liste .teaser:hover {box-shadow: 5px 5px 20px #bcd4df;}


.newsbox {padding:100px 0; background:#fff; position:relative;}
.newsbox h2 {text-transform:uppercase; font-size:2rem; letter-spacing:1px;}
.news_inner_box {width:calc(100% + 40px); margin-left:-20px;}
.news {width:33.3333%; float:left; padding:20px; position:relative; }
.news_inner { display:block; background:#f0f0f1; box-shadow: 5px 5px 8px #ccc;}
.aktuelles .news_inner { background:#fff; box-shadow: 5px 5px 20px #bcd4df; }
.news_back {position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%;}
.news .date {font-weight:400; font-size: 1rem; margin-bottom:10px; color:#000;}
.news_image {position:relative;}
.news_image img.sizer {width:100%; height:auto;}
.news_image .thumb {position:absolute; top:0; left:0; width:100%; height:100%;}
.news_image .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.news_text {position:relative;  min-height:30vh; padding:20px 20px 50px 20px; color:#000;}
.news:hover .news_inner { box-shadow:none; }

/* login */
.login_left {position:relative; float:left; width:50%; padding:0 50px 50px 0;}
.login_right {position:relative;  float:right; width:50%; padding:0 0 50px 50px;}
.login h2 {text-transform:uppercase; font-size:1.5rem; letter-spacing:1px; margin-bottom:20px; background:#006eb9; color:#fff; display:inline-block; padding:5px 10px;}
.login_box {padding-top:50px;position:relative;}
.login_logo {text-align:center; padding:50px 0;}
.login_logo img {width:450px; height:auto;}
.passwort_vergessen {display:inline-block; color:#006eb9; margin-top:20px;}
.passwort_vergessen:hover {color:#000;}
p.error {color:red;}

/* beitrag */
picture, figure {position:relative; display:block;}
.bildinfo_box {position:absolute; z-index:11; right:0; bottom:0; background:rgba(0,0,0,.6); color:#fff; text-align:right; font-size:1rem; padding:5px 15px;}
.show_bildinfo, .show_bildinfo:hover {color:#fff;}
.show_bildinfo:after {position:relative; content: " +"; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; }
.bildinfo_box.active .show_bildinfo:after {content: " -";}
.bildinfo_box:hover {background:#000;}
.bildinfo {display:none;padding:5px 0;}
.content {padding-bottom:100px;}
.content .bild-top {margin-bottom:50px;}
.content .bild-top img {width:100%; height:auto;}
.content .ce_headline { font-size: 3.75rem; max-width:960px;  }
.content h1 {margin-left:-70px; hyphens:none;  max-width:960px; font-size:3.75rem; margin-bottom:50px; line-height:1.2;}
.content h2 {margin-left:-70px; color:#000; hyphens:none; margin-bottom:20px;}
.intro h2 {color:#000; hyphens:none; margin-bottom:20px;}
.content .ce_text { max-width:960px; margin:50px auto 0; }
.content .ce_text.zitat { max-width:1100px; margin:50px auto 0; font-size: 2.5rem; color:#006eb9; font-family: "Bliss Bold", "Gill Sans", Calibri, "Helvetica Neue", Arial, sans-serif; font-weight:600;  line-height: 1.2; }
.content .bild-gross {max-width:1100px; margin:50px auto 0;}
.content .bild-gross img {width:100%; height:auto;}
.XXXcontent .ce_image .bildbeschreibung {position:relative; margin:10px 0 0 50%; font-size:1rem; text-align:right;}
.XXXcontent .ce_image .bildbeschreibung p {display:inline-block; text-align:left;}
.content .bild-normal {max-width:960px; margin:50px auto 0;}
.content .bild-normal img {width:100%; height:auto;}
.backlink {position:relative; font-family: "Bliss Bold", "Gill Sans", Calibri, "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:1.15rem; text-transform:uppercase; letter-spacing:1px; background:#009ee3; color:#fff; border-radius:5px;  display:inline-block; padding:8px 20px 8px 50px; margin-left:-70px; margin-top:50px; }
.backlink:before {content:url(../../files/system/images/back.png); position:absolute; top:8px; left:15px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.backlink:hover {background:#006eb9; color:#fff;}
.backlink:hover:before {left:7px;}
p.back {display:none;}

.ce_youtube {position:relative; max-width:960px; margin:50px auto 0;}
.ce_youtube .video_container {position: relative;  padding-bottom: 56.25%;   padding-top: 0;  height: 0;  overflow: hidden;}
.ce_youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%; }

.a_z {padding-bottom:100px;}
.a_z h2 {left:-80px; position:relative; margin-bottom:40px;}
.a_z h3 {margin-top:20px; }

/* bestellen */
.ce_form h2 {margin-bottom:20px;}	

/* responsive */
@media (max-width: 1400px) {
	.news_text {min-height:35vh;}
}
@media (max-width: 1320px) { 
	.content h1, .backlink {margin-left:-70px;}
	.a_z h2 {left:-40px; }
}
@media (max-width: 1300px) { 
	.teaser_liste .teaser {width: calc(50% - 20px); margin-bottom:40px;}
	.login_left { padding:0 50px 50px 40px;}
	.login_right {padding:0 40px 50px 50px;}
}
@media (max-width: 1200px) {
	.news_text {min-height:40vh;}
	.content h1, .backlink, .content h2 {margin-left:-40px;}
	.a_z h2 {left:0; }
}
@media (max-width: 1140px) { 
	.content h1, .backlink, .content h2 {margin-left:0;}
}
@media (max-width: 1024px) { 
	.content h1 {font-size:3rem; }
}
@media (max-width: 960px) {
	.teaser_1 {float:left; width: calc(60% - 40px); margin-left:20px;}
	.teaser_2 {float:right; width: calc(40% - 40px); margin-right:20px; margin-top:50px;}
	.teaser_3 {float:left; width: calc(50% - 40px); margin-left:60px; margin-top:80px;}
	.teaser_4 {float:left; width: calc(40% - 20px); margin-left:40px; margin-top:80px;}
	.news {width:50%; }
	.news:nth-child(3) {display:none;}
	.content .ce_text.zitat {font-size:2rem;}
}
@media (max-width: 800px) { 
	.content h1 {font-size:2.5rem; }
	.content .ce_image .bildbeschreibung {width:75%; margin:10px 0 0 25%; }
	.content .ce_text.zitat {font-size:1.5rem;}
	.teaser_1 {float:left; width: calc(80% - 40px); margin-left:20px;}
	.teaser_2 {float:right; width: calc(80% - 40px); margin-right:20px; margin-top:50px;}
	.teaser_3 {float:left; width: calc(80% - 40px); margin-left:60px; margin-top:80px;}
	.teaser_4 {float:right; width: calc(80% - 40px); margin-left:40px; margin-top:80px;}	
	.login_logo img {width:50%; height:auto;}
	.bildinfo_box {font-size:.9rem; padding:3px 10px;}
	.login_left {position:relative; float:none; width:100%; padding:0;}
	.login_right {position:relative;  float:none; width:100%; padding:0; margin:80px 0;}
}
@media (max-width: 600px) { 
	.intro {font-size:1.25rem;}
	.intro {padding:40px 0 80px;}
	.newsbox {padding:80px 0;}
	.intro_image {float:left; width:40%; margin-right:5%;}
	.intro_text {float:none; width:100%; padding-top:0;}
	.news {width:100%; }
	.news:nth-child(3) {display:block;}
	.news_text {min-height:auto; padding:20px;}
	.teaser_text {padding:20px;}
	.teaser_1 {float:left; width:100%; margin-left:0;}
	.teaser_2 {float:left; width:100%; margin-right:0; margin-top:30px;}
	.teaser_3 {float:left; width:100%; margin-left:0; margin-top:30px;}
	.teaser_4 {float:left; width:100%; margin-left:0; margin-top:30px;}	
	.teaser_liste .teaser {width:100%; margin-bottom:20px;}
	.teaser_liste .teaser:nth-child(odd) {float:none;}
	.teaser_liste .teaser:nth-child(even) {float:none;}
	.login h2 {font-size:1.25rem;}
	.content h1 {font-size:2rem; margin-bottom:30px; }
	.content h2 {font-size:1.5rem; margin-bottom:20px;}
	.content .ce_image .bildbeschreibung {width:100%; margin:10px 0 0 0; text-align:left;}
	h1.headline {padding:5px 20px;}
}
@media (max-width: 400px) { 
	
}
