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}.media{display:flow-root}.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}.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%} .download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { float: left; margin-bottom: 1em; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a, .sf-menu span.active { border-left: 1px solid #fff; border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 1px solid rgba(255,255,255,.5); padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { color: #13a; } .sf-menu li { background: #BDD2FF; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu li.active span.active { display: block; } .sf-menu ul li { background: #AABDE6; } .sf-menu ul ul li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover { background: #CFDEFF; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } @font-face { font-family: 'PlasticWaistRegular'; font-style: normal; font-weight: 400; src: local('PlasticWaistRegular'), local('PlasticWaistRegular'), url('../../files/fonts/PlasticWaistRegular/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/PlasticWaistRegular/font.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'AmsiProNarrowLight'; font-style: normal; font-weight: 400; src: local('AmsiProNarrowLight'), local('AmsiProNarrowLight'), url('../../files/fonts/AmsiProNarrowLight/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProNarrowLight/font.woff') format('woff'): /* Modern Browsers */ } @font-face { font-family: "AmsiProNarrow-SemiBold"; src: url('../../files/fonts/AmsiProNarrowSemiBold/font.woff2') format('woff2'), url('../../files/fonts/AmsiProNarrowSemiBold/font.woff') format('woff'); } @font-face { font-family: 'AmsiProNarrowBlack'; font-style: normal; font-weight: 400; src: local('AmsiProNarrowBlack'), local('AmsiProNarrowBlack'), url('../../files/fonts/AmsiProNarrowBlack/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProNarrowBlack/font.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'AmsiProCondensedUltra'; font-style: normal; font-weight: 400; src: url('../../files/fonts/AmsiProCondensedUltra/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProCondensedUltra/font.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'AmsiProNarrow-Regular'; font-style: normal; font-weight: 400; src: local('AmsiProNarrowRegular'), local('AmsiProNarrowRegular'), url('../../files/fonts/AmsiProNarrowRegular/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProNarrowRegular/font.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'AmsiProCondensedBlack'; font-style: normal; font-weight: 400; src: url('../../files/fonts/AmsiProCondensedBlack/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProCondensedBlack/font.woff') format('woff'); /* Modern Browsers */ } .fontDef_Headline_h1, h1 { font-family:"PlasticWaistRegular", sans-serif; font-size: 70px; line-height: 80px; text-transform: uppercase; padding-bottom: 0px; margin-bottom: 10px !important; font-weight: 400; color:#003A31 } .fontDef_Headline_h2, h2 { font-family:"PlasticWaistRegular", sans-serif; font-size: 52px; line-height: 55px; margin-bottom: 35px; padding-top: 0px; color: #003A31; display: block; font-weight: 300; text-align: center; text-transform: uppercase; font-weight: 400; } .weiss h2, h2.weiss { color: #FFFFFF; } .fontDef_Bereich, .fontDef_Headline_h3 , h3, h1.h3, .h3 h1, .h3 { font-family:"PlasticWaistRegular", sans-serif; font-size: 25px; line-height: 34px; color: #ffffff; font-weight: 400; text-transform: uppercase; letter-spacing: 0px; margin-bottom: 0px !important; } .fontDef_Headline_h4 , h4 { font-family:"PlasticWaistRegular", sans-serif; font-size: 21px; line-height: 31px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 20px; font-weight: 400; } #footer .fontDef_Headline_h4 , #footer h4 { color: #FFFFFF; } .fontDef_Copy { font-family:"AmsiProNarrow-Semibold", sans-serif; font-size: 19px; line-height: 29px; color: #ffffff; font-weight: 400; letter-spacing: 0.5px; } .fontDef_Copy_Small { font-family:"AmsiProNarrowLight"; font-size: 18px; line-height: 27px; color: inherit; } .fontDef_Button { font-family:"PlasticWaistRegular", "sans-serif"; font-size: 16px; line-height: 0px; text-transform: uppercase; font-weight: 400; } h5 { font-size: 17px; padding-bottom: 10px; } .fontColor_01 { color: #ffffff; } .backColor_01, .backColor_body { background: #629B9D;; color: #ffffff; } .backColor_01 #content_top, .backColor_01 #footer, .ce_gallery li.col_0 { background: #BCD0CD; } .backColor_01 h1, .backColor_01 h2, .backColor_01 h3, .backColor_01 h4 { color: #003A31; } .backColor_01 li.sortimentpage { background: #809ea1 !important; } .backColor_01 .mod_navigation li:hover, .backColor_01 .mod_navigation li.active, .backColor_01 .mod_navigation li.trail, .mod_navigation li.backColor_01:hover, .mod_navigation li.backColor_01.active, .mod_navigation li.backColor_01.trail, { background: #003A31 !important } .backColor_01 .mobile_menu .inner { background: #809ea1 !important } .backColor_01.button a { background: #003A31; } .backColor_02, .backColor_02 .backColor_body { background: #7d9fb5; color: #ffffff; } .backColor_02 #content_top, .backColor_02 #footer, .ce_gallery li.col_1 { background: #99B7CB; } .backColor_02 h1, .backColor_02 h2, .backColor_02 h3, .backColor_02 h4 { color: #00314E; } .backColor_02 li.sortimentpage { background: #7d9fb5 !important; } .backColor_02 .mod_navigation li:hover, .backColor_02 .mod_navigation li.active, .backColor_02 .mod_navigation li.trail, .mod_navigation li.backColor_02:hover, .mod_navigation li.backColor_02.active, .mod_navigation li.backColor_02.trail, { background: #00314E !important } .backColor_02 .mobile_menu .inner { background: #7d9fb5 !important } .backColor_02.button a { background: #00314E; } .backColor_03, .backColor_03 .backColor_body, .backColor_03 #content_top { background: #a9a08c; color: #ffffff; } .backColor_03 #content_top, .backColor_03 #footer, .ce_gallery li.col_2 { background: #BDB7A1; } .backColor_03 h1, .backColor_03 h2, .backColor_03 h3, .backColor_03 h4 { color: #392203; } .backColor_03 li.sortimentpage { background: #a9a08c !important; } .backColor_03 .mod_navigation li:hover, .backColor_03 .mod_navigation li.active, .backColor_03 .mod_navigation li.trail, .mod_navigation li.backColor_03:hover, .mod_navigation li.backColor_03.active, .mod_navigation li.backColor_03.trail, { background: #392203 !important } .backColor_03 .mobile_menu .inner { background: #a9a08c !important } .backColor_03.button a { background: #392203; } .backColor_grey { background-color: #E9E9E9; } .fontColor_02 { color: #ffffff; } .backColor_02 { *background: #7d9fb5; color: #ffffff; } .backColor_02.weiss { background: #ffffff; color: #ffffff; } .backColor_header { background: #fef9e8; } .backColor_footer { background: #a9a08c } .backColor_header_small { background: #ECDFB5; *background: #DFEBF2; } /* ['#809ea1', '#7d9fb5','#a9a08c']) */ /* Grüne Schmuck: hell -> dunkel: #BCD0CD, #8BB3AD , #003A31 Blau: #99B7CB, #, #76A1BC, #00314E Braun: #BDB7A1, #B0A187, #9A815B , #392203 */ .padding_inside.rs-columns { padding-bottom: 50px; } h1 { margin-bottom: 40px; } h3 { *margin-top: 40px; } h3:first-child { margin-top: 0; } p { margin-bottom: 20px; } .padding_top_0 { padding-top: 0 !important; } .padding_top_20 { padding-top: 20px !important; } .padding_bottom_20 { padding-bottom: 20px !important; } .padding_top_40 { padding-top: 40px !important; } .padding_bottom_40 { padding-bottom: 40px !important; } .padding_top_60 { padding-top: 60px !important; } .padding_bottom_60 { padding-bottom: 60px !important; } .padding_top_80 { padding-top: 80px !important; } .padding_bottom_80 { padding-bottom: 80px !important; } .padding_top_100 { padding-top: 100px !important; } .padding_top_120 { padding-top: 120px !important; } .padding_top_140 { padding-top: 140px !important; } .padding_top_160 { padding-top: 80px !important; } .padding_bottom_100 { padding-bottom: 100px !important; } .padding_beetween_headline_content { padding-top: 30px; } #footer p { margin-bottom: 10px; } .margin_top_10 { margin-top: 10px; } .margin_top_20 { position: relative; margin-top: 20px; } .margin_top_30 { position: relative; margin-top: 30px; } .margin_top_50 { margin-top: 50px; } .margin_bottom_20_img figure { margin-bottom: 20px; } .margin_picture_right_float figure { position: relative; margin-left: 50px; margin-bottom: 50px; } .margin_picture_left_float figure { position: relative; margin-right: 50px; margin-bottom: 50px; } .padding_bottom_subline { padding-bottom: 30px; } .rs-column { margin-right: 7%; } #content_top .mod_navigation, .mobile_menu { font-family: "PlasticWaistRegular", sans-serif; font-weight: 400; } #content_top .mod_navigation li a, #content_top .mod_navigation li span, .mobile_menu li a, .mobile_menu li span{ background: none !important; font-weight: 400; } nav.mod_navigation ul.level_1 { display: inline-block; } nav.mod_navigation ul { padding-left: 0px; } .mm-panels { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; } #navigation nav .hide, #mmenu .hide, .sf-menu .hide { display:none; } #navigation nav { position: absolute; z-index:101; top:30px; right:20px; } nav.mod_navigation, nav.mod_customnav { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; overflow:visible; font-size: 16px; line-height:20px; text-transform: uppercase; color: #FFFFFF; font-weight: 700; } li.dummy_unsichtbar_im_menu { display:none } nav.mod_navigation li, nav.mod_navigation a, .mobile_menu li, .mobile_menu a{ color: inherit; } nav.mod_navigation .level_2 a.oneline, nav.mod_navigation .level_2 a { *padding-top:18px; color: #1F7C9C; } nav.mod_navigation .level_2 .oneline .subline { display:none; } nav.mod_navigation .level_1 .subline { display:none; } nav.mod_navigation .level_2 .subline, nav.mod_navigation .level_3 .subline { display:block; font-size:20px; *color:#787878; text-transform: none; *font-weight: 700; } nav.mod_navigation li, nav.mod_navigation ul, nav.mod_navigation a { border-left:none; } nav.mod_navigation .level_1 li { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; background:none; height:auto; border-radius: 3px; margin-right: 5px; *background: #FFFFFF; background: none; *border: 1px solid #FFFFFF; } nav.mod_navigation .level_2 li { background:#000000; border-radius: 0px; } nav.mod_navigation .level_2 li.first { border-radius: 3px 3px 0px 0px; } nav.mod_navigation .level_2 li.last { border-radius: 0px 0px 3px 3px; } nav.mod_navigation .level_1 li.trail, nav.mod_navigation .level_1 li.active { background: #444444 ; } nav.mod_navigation .level_1 li.trail a, nav.mod_navigation .level_1 li.active a { color: #FFFFFF !important } nav.mod_navigation .level_1 .level_2 li a { color: #FFFFFF !important } nav.mod_navigation .level_2 a.sf-with-ul:after { content:url(../../files/assets/Menuepfeil-Gross.png); position:absolute; right:20px; top:13px; } nav.mod_navigation .level_1 li a:hover { color: #AAAAAA; } nav.mod_navigation .level_2 li a:hover { color: #AAAAAA; } nav.mod_navigation ul.level_2 li { border: none !important; padding: 7px; } nav.mod_navigation ul.level_2 li:last-child { padding-bottom: 15px; } nav.mod_navigation ul.level_2 { margin-top:0px; padding-top: 10px; *margin-left:-120%; font-size: 15px; } nav.mod_navigation .sortiment ul.level_2 { margin-top:0px; padding-top: 10px; margin-left:-40%; font-size: 15px; } nav.mod_navigation .level_3 li.first { border-top:none; } nav.mod_navigation .level_1 li:hover, nav.mod_navigation .level_2 li:hover, nav.mod_navigation .level_3 li:hover { background: #444444; color: #FFFFFF; } nav.mod_navigation .level_1 li:hover a, nav.mod_navigation .level_2 li:hover a, nav.mod_navigation .level_3 li:hover a { color: #FFFFFF !important; } nav.mod_navigation .level_2 li:hover.last, nav.mod_navigation .level_2 li.last, nav.mod_navigation .level_2 li.trail.last, nav.mod_navigation .level_2 li.active.last, nav.mod_navigation .level_3 li:hover.last, nav.mod_navigation .level_3 li.last, nav.mod_navigation .level_3 li.active.last { color: #1F7C9C; } nav.mod_navigation .level_2 li:hover.last, nav.mod_navigation .level_2 li.last, nav.mod_navigation .level_2 li.trail.last, nav.mod_navigation .level_2 li.active.last, nav.mod_navigation .level_3 li:hover.last, nav.mod_navigation .level_3 li.last, nav.mod_navigation .level_3 li.active.last { *border-bottom:0px !important; } nav.mod_navigation .level_1 .level_2 li.trail a, nav.mod_navigation .level_1 .level_2 li.active a, nav.mod_navigation .level_1 .level_3 li.trail a, nav.mod_navigation .level_1 .level_3 li.active a { color: #ffffff !important; } nav.mod_navigation .level_1 .level_2 li:hover.trail a, nav.mod_navigation .level_1 .level_2 li:hover.active a, nav.mod_navigation .level_1 .level_3 li:hover.trail a, nav.mod_navigation .level_1 .level_3 li:hover.active a { color: #FFFFFF !important; } nav.mod_navigation .level_3 li{ padding-left:25px; padding-right:15px; } nav.mod_navigation .level_3 li:after { content:""; } nav.mod_navigation .level_3 li:before { content:url(../../files/assets/MenuePfeil-Klein.png); position:absolute; left:15px; top:18px; } nav.mod_navigation li strong { font-weight: 500; } #megamenu .rs-column.-large-col-3-1 { width: 30%; } #megamenu .rs-column { margin-top: 0% } #megamenu .rs-column { margin-right: 3%; } #megamenu .rs-column.-large-last { margin-right: -5px; } #megamenu .level_1 li { display: inline-block; font-size: 24px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin-left: 10px; margin-right: 10px; } #megamenu .level_1 a { text-decoration: none; letter-spacing: inherit; } #content_top #megamenu:not(#navi-small .mod_navigation) { top: 20px; } #megamenu .mm_dropdown { letter-spacing: 0px !important; } #megamenu .dd_wrapper { padding-left: 20px; padding-right: 20px; } #megamenu .mm_dropdown figure { padding-bottom: 0px; } #megamenu .mm_dropdown .ce_text { font-size: 17px; line-height: 23px; text-transform: none !important; } #megamenu li.mm_container .mm_dropdown>.inner { background: rgba(255,255,255,0.85); background: #FFFFFF; border: none; margin-top: 30px; padding: 30px 0px 00px 0px; border-radius: 5px; -webkit-box-shadow: 3px 4px 10px 3px rgba(0,0,0,0.15); box-shadow: 3px 4px 10px 3px rgba(0,0,0,0.15); border-top: 25px solid #000000; } #megamenu li.mm_container .mm_dropdown>.inner a { color: #333333 !important; text-transform: uppercase; font-size: 14px; *background: #333333; } #megamenu .abschluss { font-size: 19px; padding-top: 18px; background: #000000; color: #FFFFFF !important; *font-family: "AmsiProCondensedUltra", sans-serif; } #megamenu li.mm_container .mm_dropdown>.inner .abschluss a { color: #ffffff !important; *background: #FFFFFF; *padding: 2px; *border-radius: 4px 2px; } #megamenu li.mm_container .mm_dropdown>.inner .abschluss a:before { content:"→"; padding-right: 2px; padding-left: 2px; } #megamenu .level_1 li:hover, #megamenu .level_1 li.active, #megamenu .level_1 li.trail, { background: #787878; } /*************************************************************************************** NAVIGATION SUBMENU RECHTE SPALTE */ #right .mod_navigation ul, #right .mod_customnav ul { padding:0; margin:0; margin-top:0px; } #right .mod_navigation li, #right .mod_customnav li { list-style:none; height:auto; padding-bottom: 7px; } #right .mod_customnav .level_1 li:hover, #right .mod_customnav .level_1 li.active { border-bottom:none !important } #right .mod_navigation .level_1 li:hover, #right .mod_navigation .level_1 li.active, #right .mod_navigation .level_1 li.trail, #right .mod_customnav .trail { border-bottom:none !important; color:#30405c; font-weight: 500; } #right .mod_navigation li, #right .mod_customnav li { padding: 10px 20px 8px 20px; list-style: none; background: #D00908; margin-bottom: 5px; display: table; } #right .mod_navigation li.active, #right .mod_customnav li.active { padding: 10px 20px 8px 20px; list-style: none; background: #C1E8FB; margin-bottom: 5px; display: inline-block; color: #0067A0; } #right .mod_navigation a, #right .mod_customnav a { font-family: 'AmsiProNarrowBold', sans-serif; font-size:16px !important; color:#ffffff; text-decoration: none; font-weight: 700; } #right .mod_navigation li.active strong { color:#0067A0; } /* * { -webkit-transition: background-color 700ms linear; -ms-transition: background-color 700ms linear; transition: background-color 700ms linear; } */ sup, sub { line-height:0px; } .cc-btn.success { background: #90c255; color: #FFFFFF; } .cc-btn.success:hover { background: #FFFFFF; color: #90c255; } .message_feed { font-family: "PlasticWaistRegular", sans-serif; text-align: center; font-size: 20px; } .submenu_icons { max-width: 1000px; padding-bottom: 30px; padding-top: 0px; margin: auto; font-family: "PlasticWaistRegular", sans-serif; color: #FFFFFF; text-align: center; } .submenu_icons.smaller { max-width: 600px; } .submenu_icons .second_row { max-width: 580px; } /* .submenu_icons.aufstrich_quer { max-width: 600px; } */ .submenu_icons p a { display: flex; justify-content: center; line-height: 25px; width: auto; } .submenu_icons .rs-column.-large-col-6-1 { margin-right: 2%; width: 14.5%; } .submenu_icons .rs-column.-large-col-5-1 { margin-right: 2%; width: 18%; } .submenu_icons.hochkant { max-width: auto; width: 80px; height: auto; position: fixed; right: 20px; top: 25%; } .submenu_icons.hochkant .ce_image { height: 90px; } .submenu_icons a { text-decoration: none !important; color: #FFFFFF !important; } .submenu_icons .ce_text { display: flex; flex-direction: column; } .submenu_icons .ce_text.schlagcreme { margin-top: -6px; } #background { position: fixed; top: 0px; left: 0px; width: 100vw; height: 120vh; } #background .inside .background { width: 100vw; height: 120vh; top: 0px; position: relative; } /*************** bananasplit */ .cv_bananasplit h1, .cv_bananasplit h2 { color: #827000 !important; } body.cv_bananasplit, .cv_bananasplit nav.mod_navigation .level_1 li.trail, .cv_bananasplit .submenu_icons .cv_bananasplit p { background: #a28b00 !important; border-radius: 3px; } .cv_bananasplit #logo a { background: url(../../files/_uploads/logos/cocovegan/logo_gh_bananasplit.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .cv_bananasplit #background .inside .background { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_bananasplit_dunkel.webp) !important; background-size: cover !important; } .cv_bananasplit #content_top, .cv_bananasplit #header-small, .cv_bananasplit #footer { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_bananasplit_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** blaubeere */ .cv_blaubeere h1, .cv_blaubeere h2 { color: #3e2e43 !important; } body.cv_blaubeere, .cv_blaubeere nav.mod_navigation .level_1 li.trail, .cv_blaubeere .submenu_icons .cv_blaubeere p { background: #3e2e43 !important; border-radius: 3px; } .cv_blaubeere #logo a { background: url(../../files/_uploads/logos/cocovegan/logo_gh_blaubeere.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .cv_blaubeere #background .inside .background { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_blaubeere_dunkel.webp) !important; background-size: cover !important; } .cv_blaubeere #content_top, .cv_blaubeere #header-small, .cv_blaubeere #footer { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_blaubeere_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** himbeere */ .cv_himbeere h1, .cv_himbeere h2 { color: #91443c !important; } body.cv_himbeere, .cv_himbeere nav.mod_navigation .level_1 li.trail, .cv_himbeere .submenu_icons .cv_himbeere p { background: #be584e !important; border-radius: 3px; } .cv_himbeere #logo a { background: url(../../files/_uploads/logos/cocovegan/logo_gh_himbeere.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .cv_himbeere #background .inside .background { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_himbeere_dunkel.webp) !important; background-size: cover !important; } .cv_himbeere #content_top, .cv_himbeere #header-small, .cv_himbeere #footer { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_himbeere_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** limette */ .cv_limette h1, .cv_limette h2 { color: #3c4a1a !important; } body.cv_limette, .cv_limette nav.mod_navigation .level_1 li.trail, .cv_limette .submenu_icons .cv_limette p { background: #677f2e !important; border-radius: 3px; } .cv_limette #logo a { background: url(../../files/_uploads/logos/cocovegan/logo_gh_limette.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .cv_limette #background .inside .background { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_limette_dunkel.webp) !important; background-size: cover !important; } .cv_limette #content_top, .cv_limette #header-small, .cv_limette #footer { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_limette_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** pur */ .cv_pur h1, .cv_pur h2 { color: #486c8a !important; } body.cv_pur, .cv_pur nav.mod_navigation .level_1 li.trail, .cv_pur .submenu_icons .cv_pur p { background: #486c8a !important; border-radius: 3px; } .cv_pur #logo a { background: url(../../files/_uploads/logos/cocovegan/logo_gh_pur.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .cv_pur #background .inside .background { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_pur_dunkel.webp) !important; background-size: cover !important; } .cv_pur #content_top, .cv_pur #header-small, .cv_pur #footer { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_pur_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** stracciatella */ .cv_stracciatella h1, .cv_stracciatella h2 { color: #75694c !important; *color: #f5e3b6 !important; } body.cv_stracciatella, .cv_stracciatella nav.mod_navigation .level_1 li.trail, .cv_stracciatella .submenu_icons .cv_stracciatella p { background: #b4a176 !important; border-radius: 3px; } .cv_stracciatella #logo a { background: url(../../files/_uploads/logos/cocovegan/logo_gh_stracciatella.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .cv_stracciatella #background .inside .background { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_stracciatella_dunkel.webp) !important; background-size: cover !important; } .cv_stracciatella #content_top, .cv_stracciatella #header-small, .cv_stracciatella #footer { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_stracciatella_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** mangopassion */ .cv_mangopassion h1, .cv_mangopassion h2 { color: #a75900 !important; } body.cv_mangopassion, .cv_mangopassion nav.mod_navigation .level_1 li.trail, .cv_mangopassion .submenu_icons .cv_mangopassion p { background: #cd6d00 !important; border-radius: 3px; } .cv_mangopassion #logo a { background: url(../../files/_uploads/logos/cocovegan/logo_gh_mangopassion.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .cv_mangopassion #background .inside .background { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_mangopassion_dunkel.webp) !important; background-size: cover !important; } .cv_mangopassion #content_top, .cv_mangopassion #header-small, .cv_mangopassion #footer { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_mangopassion_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** sauerkirsche */ .cv_sauerkirsche h1, .cv_sauerkirsche h2 { color: #602323 !important; *color: #ed9b9b !important; } body.cv_sauerkirsche, .cv_sauerkirsche nav.mod_navigation .level_1 li.trail, .cv_sauerkirsche .submenu_icons .cv_sauerkirsche p { background: #772020 !important; border-radius: 3px; } .cv_sauerkirsche #logo a { background: url(../../files/_uploads/logos/cocovegan/logo_gh_sauerkirsche.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .cv_sauerkirsche #background .inside .background { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_sauerkirsche_dunkel.webp) !important; background-size: cover !important; } .cv_sauerkirsche #content_top, .cv_sauerkirsche #header-small, .cv_sauerkirsche #footer { background: url(../../files/_uploads/backgrounds/cocovegan/hg_cv_sauerkirsche_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** kimchi_classic */ .kimchi_classic h1, .kimchi_classic h2 { color: #340913 !important; } body.kimchi_classic, .kimchi_classic nav.mod_navigation .level_1 li.trail, .kimchi_classic .submenu_icons .kimchi_classic p { background: #340913 !important; border-radius: 3px; } .kimchi_classic #logo a { background: url(../../files/_uploads/logos/logo_gh_kimchi_classic.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .kimchi_classic #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_kimchi_classic_dunkel.webp) !important; background-size: cover !important; } .kimchi_classic #content_top, .kimchi_classic #header-small, .kimchi_classic #footer { background: url(../../files/_uploads/backgrounds/hg_kimchi_classic_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** kimchi_spicy */ .kimchi_spicy h1, .kimchi_spicy h2 { color: #483E00 !important; } body.kimchi_spicy, .kimchi_spicy nav.mod_navigation .level_1 li.trail, .kimchi_spicy .submenu_icons .kimchi_spicy p { background: #483E00 !important; border-radius: 3px; } .kimchi_spicy #logo a { background: url(../../files/_uploads/logos/logo_gh_kimchi_spicy.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .kimchi_spicy #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_kimchi_spicy_dunkel.webp) !important; background-size: cover !important; } .kimchi_spicy #content_top, .kimchi_spicy #header-small, .kimchi_spicy #footer { background: url(../../files/_uploads/backgrounds/hg_kimchi_spicy_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** kraeuter */ .kraeuter h1, .kraeuter h2 { color: #003A0E !important; } body.kraeuter, .kraeuter nav.mod_navigation .level_1 li.trail, .kraeuter .submenu_icons .kraeuter p { background: #003A0E !important; border-radius: 3px; } .kraeuter #logo a { background: url(../../files/_uploads/logos/logo_gh_kraeuter.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .kraeuter #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_kraeuter_dunkel.webp) !important; background-size: cover !important; c } .kraeuter #content_top, .kraeuter #header-small, .kraeuter #footer { background: url(../../files/_uploads/backgrounds/hg_kraeuter_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** paprika */ .paprika h1, .paprika h2 { color: #38000A !important; } body.paprika, .paprika nav.mod_navigation .level_1 li.trail, .paprika .submenu_icons .paprika p { background: #38000A !important; border-radius: 3px; } .paprika #logo a { background: url(../../files/_uploads/logos/logo_gh_paprika.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .paprika #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_paprika_dunkel.webp) !important; background-size: cover !important; } .paprika #content_top, .paprika #header-small, .paprika #footer { background: url(../../files/_uploads/backgrounds/hg_paprika_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** pur */ .pur h1, .pur h2 { color: #38273D !important; } body.pur, .pur nav.mod_navigation .level_1 li.trail, .pur .submenu_icons .pur p { background: #38273D !important; border-radius: 3px; } .pur #logo a { background: url(../../files/_uploads/logos/logo_gh_pur.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .pur #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_pur_dunkel.webp) !important; background-size: cover !important; } .pur #content_top, .pur #header-small, .pur #footer { background: url(../../files/_uploads/backgrounds/hg_pur_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** mousse */ .mousse h1, .mousse h2 { color: #3A2200 !important; } body.mousse, .mousse nav.mod_navigation .level_1 li.trail, .mousse .submenu_icons .mousse p { background: #3A2200 !important; border-radius: 3px; } .mousse #logo a { background: url(../../files/_uploads/logos/logo_gh_mousse.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .mousse #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_mousse_dunkel.webp) !important; background-size: cover !important; } .mousse #content_top, .mousse #header-small, .mousse #footer { background: url(../../files/_uploads/backgrounds/hg_mousse_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** pudding_vanille */ .pudding_vanille h1, .pudding_vanille h2 { *color: #D4C200 !important; color: #c2b100 !important; } body.pudding_vanille, .pudding_vanille nav.mod_navigation .level_1 li.trail, .pudding_vanille .submenu_icons .pudding_vanille p { background: #D4C200 !important; border-radius: 3px; } .pudding_vanille #logo a { background: url(../../files/_uploads/logos/logo_gh_pudding_vanille.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .pudding_vanille #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_pudding_vanille_dunkel.webp) !important; background-size: cover !important; } .pudding_vanille #content_top, .pudding_vanille #header-small, .pudding_vanille #footer { background: url(../../files/_uploads/backgrounds/hg_pudding_vanille_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** pudding_schoko */ .pudding_schoko h1, .pudding_schoko h2 { color: #3B2B00 !important; } body.pudding_schoko, .pudding_schoko nav.mod_navigation .level_1 li.trail, .pudding_schoko .submenu_icons .pudding_schoko p { background: #3B2B00 !important; border-radius: 3px; } .pudding_schoko #logo a { background: url(../../files/_uploads/logos/logo_gh_pudding_schoko.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .pudding_schoko #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_pudding_schoko_dunkel.webp) !important; background-size: cover !important; } .pudding_schoko #content_top, .pudding_schoko #header-small, .pudding_schoko #footer { background: url(../../files/_uploads/backgrounds/hg_pudding_schoko_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** griessbrei */ .griessbrei h1, .griessbrei h2 { color: #002C23 !important; } body.griessbrei, .griessbrei nav.mod_navigation .level_1 li.trail, .griessbrei .submenu_icons .griessbrei p { background: #002C23 !important; border-radius: 3px; } .griessbrei #logo a { background: url(../../files/_uploads/logos/logo_gh_griessbrei.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .griessbrei #background .inside .background, #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_griessbrei_dunkel.webp) !important; background-size: cover !important; } .griessbrei #content_top, .griessbrei #header-small, .griessbrei #footer, #content_top, #header-small, #footer{ background: url(../../files/_uploads/backgrounds/hg_griessbrei_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** milchreis */ .milchreis h1, .milchreis h2 { color: #002037 !important; } body.milchreis, .milchreis nav.mod_navigation .level_1 li.trail, .milchreis .submenu_icons .milchreis p { background: #002037 !important; border-radius: 3px; } .milchreis #logo a { background: url(../../files/_uploads/logos/logo_gh_milchreis.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .milchreis #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_milchreis_dunkel.webp) !important; background-size: cover !important; } .milchreis #content_top, .milchreis #header-small, .milchreis #footer { background: url(../../files/_uploads/backgrounds/hg_milchreis_hell.webp) !important; background-size: cover !important; background-position: center center !important; } /*************** schlagcreme */ .schlagcreme h1, .schlagcreme h2 { color: #aaaaaa !important; } body.schlagcreme, .schlagcreme nav.mod_navigation .level_1 li.trail, .schlagcreme .submenu_icons .schlagcreme p { background: #aaaaaa !important; border-radius: 3px; } .schlagcreme #logo a { background: url(../../files/_uploads/logos/logo_gh_schlagcreme.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .schlagcreme #background .inside .background { background: url(../../files/_uploads/backgrounds/hg_schlagcreme_dunkel.webp) !important; background-size: cover !important; c } .schlagcreme #content_top, .schlagcreme #header-small, .schlagcreme #footer { background: url(../../files/_uploads/backgrounds/hg_schlagcreme_hell.webp) !important; background-size: cover !important; background-position: center center !important; } body { padding:0px !important; border-radius: 0px !important; } * { position: relative; margin: 0; padding: 0; } .ce_image.dotted { width: auto; } .ce_image.dotted picture, .ce_text.dotted img { border-radius: 5px; padding: 10px; border: 10px dotted #ffffff; width: auto; overflow: hidden; } .ce_image.dotted picture img { max-width: 200% !important; width: auto !important; } .ce_image.dotted picture { display: flex; justify-content: center; align-items: center; } .ce_image.center figure { justify-content: center; padding-bottom: 60px; } .usp-liste li { position: relative; list-style: none; margin-left: 10px; } .usp-liste li p { margin-bottom: 0px; } .usp-liste li:before { position: absolute; margin-left: -30px; font-size: 20px; padding-top: 1px; } .usp-liste li:nth-child(1):before, .usp_1 li:nth-child(1):before{ content: "#1"; } .usp-liste li:nth-child(2):before, .usp_2 li:nth-child(1):before { content: "#2"; } .usp-liste li:nth-child(3):before, .usp_3 li:nth-child(1):before { content: "#3"; } .usp-liste li:nth-child(4):before, .usp_4 li:nth-child(1):before { content: "#4"; } .usp-liste li:nth-child(5):before { content: "#5"; } .usp-liste li:nth-child(6):before { content: "#6"; } .usp-liste li:nth-child(7):before { content: "#7"; } .usp-liste li:nth-child(8):before { content: "#8"; } .usp-liste { display: flex; justify-content: initial; } .usp-liste ul { padding-bottom: 0px; padding-top: 0px; } .mobile_content { display: none; } .width_300 { width: 300px; } .bg_top_65 .responsive-background-image { background-position: center 65% !important; } .message { display: none; padding: 50px; padding-top: 100px; } .mod_login, .login { padding: 50px; padding-top: 100px; } body .ce_timeline_single { margin-top: -200px; } body .ce_timeline_single.first { margin-top: 0px !important; } body.ivp_active .ce_timeline_single.wivp .year { font-size: 35px; background: #FFFFFF; color: #000000; } body.ivp_active .ce_timeline_single.wivp .text { margin-top: 20px; max-width: 500px; } body.ivp_active .ce_timeline_single.wivp .text img { border-radius: 200px; } .sortiment .produkt.right_side, .sortiment .produkt.left_side{ float: none; } .sortiment .sidebyside .produktfilm { width: 500px; } .sortiment .produkt.single .sidebyside .produktfilm { max-width: 100%; } .sortiment .produkt.single .sidebyside .produktfilm figure { max-width: 215px; } .sortiment .produkt.single.left_side .sidebyside .produktfilm figure { float: right; } .sortiment .produkt { *padding-bottom: 50px; } .sortiment .produkt figure { padding-bottom: 20px; padding-top: 20px; } .sortimentpage h2 { font-size: 42px; line-height: 45px; margin-bottom: 15px; padding-top: 30px; } .button .image_container a { background: none; padding: 0; } .text_right { text-align: right; } .rs-column { margin-top: 3%; } .produkt { position: relative; overflow: visible; } .produkt { float: none; clear: both; } .produkt.left_side { float: left; } .produkt.right_side { float: right; } .zutatenliste_bildspalte.produkt { margin-top: 0px !important } .produkt figure { padding-bottom: 20px; padding-top: 0px; text-align: center; } /* .produkt p { max-width: 400px; } */ .produkt.pfeil_oben h3:before { content: "➚"; font-size: 35px; position: absolute; top: -40px; left: 50px; } .produkt.pfeil_unten p:before { content: "➚"; position: absolute; bottom: -40px; transform: rotate(90deg); font-size: 35px; left: 100px; z-index: 10; overflow: visible; } .produkt.pfeil_rechts { overflow: visible; } .produkt.pfeil_rechts .produktfilm { position: relative; text-align: center; } .produkt.pfeil_rechts p:before { content: "➚"; position: absolute; top: 0px; transform: rotate(190deg); font-size: 35px; left: -60px; z-index: 10; overflow: visible; } .produkt h3 { text-transform: uppercase; padding-bottom: 0px; margin-bottom: 0px; } .produkt .becher { display: none; opacity: 0 ; } .produkt .textblock { -webkit-transition:all 1s ease 0.51s; -moz-transition:all 1s ease 0.5s; transition:all 1s ease 0.5s; padding-top: 30px; margin-top: 0px; } .produkt .textblock.kleine_becher { padding-top: 0px; } .produkt.film.pfeil_oben .textblock { padding-top: 30px; } .produkt.film video { max-width: 360px; text-align: center; } .produkt .produktfilm { -webkit-transition:all 1s ease 0.51s; -moz-transition:all 1s ease 0.5s; transition:all 1s ease 0.5s; text-align: center; margin-top: 0px; } .sidebyside { display: flex; justify-content: center; align-items: center } .sidebyside .produktfilm { max-width: 360px; margin-top: 0px; } .sidebyside .textbox { padding-top: 50px; } .sidebyside .textblock { max-width: 500px !important } .sidebyside p { max-width: 500px !important } .sidebyside.small .image { width: 160px; margin-top: 0px; } .sidebyside.small p { max-width: 800px !important } .sidebyside.small .textblock { padding-bottom: 50px; } .padding_right_60 { padding-right: 60px; } .padding_left_60 { padding-left: 60px; } .headline_left h2 { text-align: left; } .social_feed_element { width: 33%; } #taglinks { text-align: center; } #taglinks li { display: inline; padding-left: 20px; font-size: 25px; } #bioland { position: absolute; top: 30px; transform: rotate(0deg); width: 70px; height: 70px; z-index: 2 !important; background: url(../../files/assets/Logo_Bioland.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; right: 50px; } #vegan { position: absolute; top: 105px; transform: rotate(0deg); width: 75px; height: 90px; z-index: 2 !important; background: url(../../files/assets/Logo_Vegan.png); background-size: 100%; background-position: center; background-repeat: no-repeat; display: block; margin: auto; right: 50px; } #instagram { position: absolute; top: 132px; width: 80px; height: 80px; z-index: 2 !important; display: block; margin: auto; right: 50px; display: none; } .mobile_menu #instagram { top: 0px; right: initial; width: 100px; height: 100px; left: -20px; display: none; } .insta_blue,.insta_brown, .insta_green { display: none; } .sortimentpage.backColor_01 .insta_green { display: block; } .sortimentpage.backColor_01 .insta_dunkel { display: none; } .backColor_02 .insta_blue { display: block; } .backColor_02 .insta_green, .backColor_02 .insta_dunkel { display: none; } .backColor_03 .insta_brown { display: block; } .backColor_03 .insta_green, .backColor_03 .insta_dunkel { display: none; } .bioland #bioland { display: block; } .historie_block { display: flex; position: relative; margin: auto; max-width: 900px; margin-top: 20px; border-bottom: 1px solid #999; padding-bottom: 30px; padding-top: 20px; } .historie_block img { border-radius: 200px; } .historie_block .textblock { width: 70%; } .historie_block:nth-child(even){ text-align: left; } .historie_block:nth-child(even) .image_container { float: left; margin-right: 50px; order: 1; } .historie_block:nth-child(even) .textblock { order: 2 } .historie_block:nth-child(odd){ text-align: right; } .historie_block:nth-child(odd) .image_container { float: right; margin-left: 50px; } .share { float: right; } .back { font-size: 18px; background: #000000; padding: 5px 10px 0px 10px; display: inline-block; } .back a { text-decoration: none; font-size: 18px; color: #FFFFFF; } /* .zutatenliste ul { padding-top: 20px; font-size: 17px; line-height: 21px; } .zutatenliste .content { display: flex; align-items: center; flex-direction: column; padding-bottom: 40px; } .zutatenliste .rs-columns { max-width: 760px; } .zutatenliste .-large-first { width: 51%; } .zutatenliste .-large-last { width: 42%; } */ .zutatenliste_bildspalte { text-align: center !important; } .zutatenliste_bildspalte h4 { padding-bottom: 0px; margin-bottom: 0px; margin-top: 20px; text-align: center; } .bildleiste .rs-column { margin-right: 2%; } .bildleiste .rs-column.-large-last { margin-right: -5px } .bildleiste .rs-column.-large-col-4-1 { width: 23.5%; } .startseite .umbruch { display:none; } .slider-control a { top: 0px !important; text-decoration: none; } .ansprechpartner.rechte_spalte .float_left { float: none; clear: both; } .ansprechpartner .sidebyside { justify-content: flex-start !important; } .s_by_s.ansprechpartner .mobile_headline { text-align: left; display: block !important; } .bewerbung .s_by_s.ansprechpartner .sidebyside { display: block; text-align: left; } .bewerbung .s_by_s.ansprechpartner .sidebyside .image { text-align: left; } .bewerbung .s_by_s.ansprechpartner .padding_left_60 { padding-left: 0px; } .s_by_s.ansprechpartner img { width: auto; height: auto; } .zutaten { font-size: 16px; line-height: 22px; } .rs-columns.zutaten .rs-column { max-width: 350px; } .rs-columns.zutaten { display: flex; justify-content: center; } .zutaten ul { margin-left: 0px; padding-left: 15px; } .max_height_600 { max-height: 600px; } .product { position: relative; overflow: visible; } .product video { position: relative; top: 0px; width: 100%; height: 100%; } .overlay_image { position: relative; top: 0px; width: 100%; } .overlay_text { opacity: 0; *background: #000000; *color: #FFFFFF; position: absolute; max-width: 360px; border-radius: 5px; padding: 17px 20px 0px 20px; bottom: 0px; overflow: visible; font-size: 15px; line-height: 22px; } .overlay_text h4 { *color: #FFFFFF !important; } .inline { padding-top: 40px; display: flex; justify-content: center; } .button.inline a { margin-right: 10px; } .video_container video { border-radius: 5px; } .no_footer_margin_top #footer { margin-top: 0px; } .videosuper { position: absolute; color: #FFFFFF; width: 100%; text-align: center; bottom: 50px; } .videoheader #headerbild .ce_image, .videoheader #headerbild .ce_image, .videoheader #headerbild figure { *height: calc(100vh - 380px); *height: calc(100vh - 50px); *margin-top: -10vh; } .videoheader.full #headerbild .ce_image, .videoheader.full #headerbild .ce_image, .videoheader.full #headerbild figure { *height: calc(100vh - 50px); *height: calc(100vh - 280px); *margin-top: -10vh; } #headerbild video { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .cover video { position: relative; object-fit: cover; margin-top: -20%; } .trenner { border-bottom: 3px dotted #444; margin-bottom: 30px; padding-bottom: 30px; } .jobdescription h3 { background: #000000; color: #ffffff !important; text-align: center; top: -15px; position: relative; padding: 10px 10px 5px 10px; border-radius: 5px; margin-bottom: 0px; } .max_width_500 { max-width: 500px; margin: auto; position: relative; } .max_width_650 { max-width: 650px; margin: auto; position: relative; } .max_width_720 { max-width: 720px; margin: auto; position: relative; } .max_width_800 { max-width: 800px; margin: auto; position: relative; } .max_width_900 { max-width: 900px; margin: auto; } .max_width_950 { max-width: 950px; margin: auto; } .mod_navigation .hide_desktop { display: none; } .headline { text-align: center; margin-top: 50px; margin-bottom: 50px; color: #FFFFFF; font-size: 83px; font-weight: 400; } .headline h1 { color: #FFFFFF; padding-left: 30px; padding-right: 30px; } .headline p { padding-top: 30px; font-size: 53px; } .ce_text ul { *display: table; } .responsive-background-image { background-size: cover; background-position: center center; background-repeat: no-repeat; display: inline-block; width: 100%; height: 60vh; min-height: 400px; } .responsive-background-image img { display: none; } .header_BackPosTop_30 .responsive-background-image { background-position: center; } .ce_text ul li { color: #ffffff; } .annoucement { border-radius: 5px; padding: 5px 15px; background: #edf9fc; font-weight: bold; color: #FF0000 } .ce_text a, .layout_latest a { color: #000000; text-decoration: underline; *font-weight: bold; } .ce_text a .button { color: #ffffff; text-decoration: none; } /* .ce_text a:before, .layout_latest a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 3px; top: 1px; } */ .ce_text figure a:before, .layout_latest figure a:before, .layout_latest h2 a:before { content:" " !important; padding-right: 0 !important; top:0 !important } .ce_image figure { padding-bottom: 0px; margin-bottom: 0px; display: flex; } .ce_text.blockliste { padding-bottom: 50px; } #footer a { font-weight: normal !important; } .ce_gallery li { width: 28%; margin-bottom: 1%; margin-right: 1%; padding: 2%; } .ce_gallery.partner li { width: 11%; height: 150px; margin-bottom: 1%; margin-right: 1%; display: flex; align-items: center; } .ce_gallery.partner li figure { display: flex; align-items: center; } .ce_gallery.partner img { border-radius: 0px; } .padding_top_0 h2 { padding-top: 0px !important; } figcaption { font-weight: bold; color: #7CB87F; } figcaption .funktion1, figcaption .funktion2 { font-weight: normal; color: initial; line-height: 18px; font-size: 14px; } .portrait { border-radius: 175px; border: 1px solid #444444; width: 120px; height: 120px; } .ansprechpartner.rechte_spalte .portrait { width: 180px; height: 180px; } #headerbild .responsive-background-image img { display: none; } #headerbild .startseite .responsive-background-image { height: 60vh; *min-height: 600px; } #headerbild .ce_image, #headerbild figure { height: 60vh; *min-height: 500px; } #headerbild .ce_image.startseite, #headerbild .startseite figure { height: 60vh; *min-height: 600px; } .translate { position: relative; top: 10px; padding:5px 10px 10px ; float: right; font-size: 11px; line-height: 13px; padding-right: 10px; background: #eeeeee; } .translate a { text-decoration: none; } .translate img { padding-left: 2px; padding-right: 2px; } #header_top a img, #footer a img, #footer img { position: relative; top: 3px; border-radius: 0px !important; } .statement { padding-top: 20px; padding-bottom: 20px; color: #5E92BF; font-weight: 200; text-transform: none; font-size: 25px; line-height: 35px; } .content { max-width: 1280px; margin: auto; *padding-top: 120px; padding-bottom: 80px; padding-left:60px; padding-right: 60px; } .home .content { *padding-top: 0px; } .content_900 { max-width: 900px; margin: auto; padding-top: 00px; padding-bottom: 120px; padding-left:60px; padding-right: 60px; } .content_1024 { max-width: 1024px; margin: auto; padding-top: 00px; padding-bottom: 120px; padding-left:60px; padding-right: 60px; } .no_bottom_padding { padding-bottom: 0px !important; } .teaser_02 { display: flex; justify-content: center; align-items: center; //background:url(../../files/images/_ausgesucht/landschaft_soft_02.jpg); background-size: 100%; background-position: center; min-height: 700px; } .content_mobile, .mobile_content { display: none; } .content_desktop, .desktop_content { display: block; } a { text-decoration: underline; color: #444444; } figcaption { font-size: 15px; } .image_container.float_left { margin-right: 50px; } .image_container.float_right { margin-left: 50px; } strong { font-weight: 700; color: #FFFFFF; } .backColor_01 a { color: #FFFFFF; } .ce_button { position: relative; transition-timing-function: ease-in-out; transition-duration: 0.3s; z-index: 10; margin-top: 50px; } .ce_button a, .ce_button button { position: relative; display: inline-block; border: 3px solid #5E92BF; border-radius: 5px; padding: 10px 30px 20px 30px; transition-timing-function: ease-in-out; transition-duration: 0.3s; background: rgba(255,255,255,0); } .ce_button:not(.no-hover) a:hover { color: #FFFFFF; } .ce_button a:after { display: inline-block; position: relative; content:url(../../files/assets/button-pfeil-re.svg); width: 15px; height: 15px; margin-left: 20px; top: 3px; transition-timing-function: ease-in-out; transition-duration: 0.3s; } .ce_button:not(.no-hover) a:hover:after { content:url(../../files/assets/button-pfeil-re-white.svg); top: 3px; } .ce_button:not(.no-hover) a:before { content: ''; color: #000000; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: rgba(94,146,191,1); transition-timing-function: ease-in-out; transition-duration: 0.3s; z-index: -1; } .ce_button:not(.no-hover) a:hover:before { width: 100%; } /********************************************************************** HEADER / HEADERNAVI **********************************************************************/ #header { height:30px; display: none; } #logo { position: relative; top: 15px; width: 210px; height: 130px; z-index: 5000 !important; margin: auto; } #logo a { width: 210px; height: 130px; background: url(../../files/_uploads/logos/logo_gh_transparent.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } #footer #logo { position: relative; padding-top: 30px; padding-bottom: 10px; } #footer #logo a { width: 170px; } .logo_01 #logo a { *background: url(../../files/assets/LOGOS_GH_GREEN.png); background: url(../../files/assets/logo_01_outline.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .logo_02 #logo a { *background: url(../../files/assets/LOGOS_GH_BLUE.png); background: url(../../files/assets/logo_01_outline.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } .logo_03 #logo a { *background: url(../../files/assets/LOGOS_GH_BROWN.png); background: url(../../files/assets/logo_01_outline.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } #logo-small { width: 150px; z-index: 900; } #logo-small #logo { position: relative; top:10px; left: 0px; width: 80px; height: 65px; background-size:100%; background-position: left top; background-repeat: no-repeat; z-index: auto !important } #logo-small #logo a { width: 100px; } #header .inside, #navigation .inside { position: relative; max-width:1280px; margin:auto; } #content_top { background: #BCD0CD; z-index: 100; position: relative; top: 0px; height: 200px; width: 100%; padding-bottom: 10px; text-align: center; } #content_top .mod_navigation { top: 10px; position: relative; margin: auto; display: block; *background: #000000; height: 35px; padding-top: 10px; } #header_top { position:relative; padding-top:0px; z-index: 943; text-align: right; width: 100%; display: none; } #header_top ul, #footer ul { padding:0; margin: 0; } #header_top li, #footer li { display: inline; padding-left: 8px; } #footer li:first-child { padding-left: 0px; margin-left: 0px; } #header_top, #header_top a { color:#FFFFFF; font-size:12px; text-decoration: none; } #header-small { position: fixed; padding-left:0px; top:-80px; left:0; width:100%; z-index:5999; height:80px; *-webkit-box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); *-moz-box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); *box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); *background-size: auto 150px; *background-position: bottom; display: block; *border-bottom: 2px solid #ffffff } #megamenu li.mm_container .mm_dropdown>.inner { width: 800px; } #header-small #megamenu .level_1 li { display: inline-block; font-size: 20px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin-left: 10px; margin-right: 10px; } #header-small #bioland { top: 20px; right: 80px; width: 50px; height: 50px; } #header-small #vegan { top: 0px; right: 10px; width: 50px; } #header-small #instagram { top: 13px; right: 10px; width: 70px; z-index: 102 !important; } #header-small-inside { position:relative; max-width:1280px; padding-left: 30px; padding-right: 40px; margin:auto; } #navi-small { position: absolute; z-index: 101; top: 15px; width: 100%; } #navi-small ul { padding-right: 30px; } #navi-small li.sortiment { margin-right: 150px; } #navigation { position: relative; top: -20px; z-index:100; overflow: visible; padding-left:0px; padding-left: 20px; padding-right: 20px; height: 50px; } #navigation .inside { height:100px; width:100%; max-width:1280px; } nav.mod_navigation .level_2 a.sf-with-ul::after { content:"" !important; } #content_top, #header-small{ box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.2) !important ; } #wrapper .custom { height: 100px; } /************************************************************** MAIN */ /************************************************************** TEXTBLÖCKE KLASSEN */ .fullbox { position: relative; width:100%; text-align: left; padding-top:65px; padding-bottom:30px; padding-bottom: 60px; } .fullbox a { *color: #363636; } .fullbox img { border: 3px solid #ffffff; } .content_1024 { display: block; padding:0px 40px 0px 25px; max-width:1024px; margin:auto; border-right: 0px solid #c7d0da; } /* .content_1280 { padding:0px 25px 0px 0px; max-width:1280px; margin:auto; border-right: 0px solid #c7d0da; } */ .startseite .content_1024 { border-right: none !important; } .image_container a:after { content:"" !important; padding-left:0px !important; padding-top:0px !important; } .listing, .ce_list { position:relative; font-size: 14px; line-height: 20px; color:#787878; border:1px solid #787878; border-radius: 10px; padding:10px; } .listing li, .ce_list li { *border-bottom: 1px solid #f2f2f2; padding: 8px 0 8px 25px; list-style: none; background-image: url(../../files/assets/bullet.png); background-repeat:no-repeat; background-position:left 10px; } .listing li:last-child, .ce_list li:last-child { border-bottom: none !important; } .listing ul, .ce_list ul { margin-left:0; padding-left:5px; } /***************************************************** Coentent Bereich Innen 'Main' */ #main { padding-top: 0px; margin-top: 75px; } .wall #main { margin-top: -10px; min-height: 100vh; } video { width: 100% !important } img { border-radius: 5px; } .no-bullits li, .no-bullits ul, .menupunkte li, .menupunkte ul { list-style-type: none; padding-left: 0px; } .ce_text li a { text-decoration: none; } /* .ce_text li a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 10px; top: 5px; } .fullbox .ce_text li a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 20px; top: 8px; } */ #footer a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 5px; top:5px; } .link_after a:after { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-left: 10px; top: 6px; } .content_1024.sitemap { display: block; } .sitemap li { list-style: none !important } .sitemap li a, .ce_downloads li a { text-decoration: none; font-size: 16px; } .sitemap li a:before, .ce_downloads li a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 10px; top: 5px; } .sitemap ul, .sitemap li { padding:initial; margin: initial; } .sitemap .level_2 li { margin-left: 30px; } .artikeltrenner { position: relative; padding-bottom: 60px; } .center { text-align: center; } .content_top { height:255px; border-bottom: 3px solid #dbebcf; } .content_top .ce_image { position:absolute; top:0px; width:100%; height:255px; } .content_top .inside { padding-left:50px; } .content_top img { *width:0%; text-align: center; min-height:255px; margin-top:0; } .content_top a { text-decoration: none; color:#fff; font-size:13px; line-height: 27px; } .content_top li { list-style: none; display: inline; padding-right:10px; } .content_top .ce_headline { max-width:1024px; margin:auto; display: none; } .mod_breadcrumb { font-family: 'DIN', sans-serif; position:relative; max-width:1024px; margin:auto; font-size:13px; color:#fff; font-style: italic; padding-left:20px; padding-top:30px; display: none; } .center .ce_text {text-align:center;} .ce_text.center { text-align: center; } .blockabstand20 { margin-top:20px !important; } .blockabstand40 { margin-top:40px !important; } .blockabstand60 { margin-top:60px !important; } .blockabstand80 { margin-top:80px !important; } /************************************************ AKKORDION **********/ :focus {outline:0 !important;} .ce_accordionSingle { padding-top: 0px; right: 40px; text-align: center; overflow: initial; margin-top: -40px; position: relative; } .accordion { } .ui-accordion-content { padding: 10px; margin-bottom: 40px; text-align: left; max-width: 700px; border-top: 10px dotted; margin-top: 65px; } .ui-accordion-header { background: #003A31; width: auto; border-radius: 5px; padding: 10px 20px 5px 20px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline; position: relative; font-size: 35px; left: 650px; top: -20px; height: 40px; } .aufstriche .ui-accordion-header, .desserts .ui-accordion-header { left: initial; top: 0px; } /* .ui-accordion-header:before { position: relative; content: url("../../files/assets/WeisserPfeil_Kleiner.png") !important; padding-right: 10px; top: 1px; } .ui-accordion-header-active:before { position: relative; content: url("../../files/assets/WeisserPfeil_Kleiner.png") !important; padding-right: 10px; top: 1px; } */ .toggler { cursor:pointer; } .accordion_link_italic_blau_400 .ui-accordion-header { font-style: italic; font-weight: 400; color:#004a9a; } /************************************************************** RECHTE SEITE */ #right { font-family: 'DIN', sans-serif; font-size:13px; line-height: 27px; margin-top:110px; border-left: 1px solid #c7d0da; padding-left:25px; color:#787878; margin-bottom:80px; *width: 280px !important } /************************************************************** FOOTER */ #footer { width:100%; color:#fff; font-size:15px; line-height: 22px; height: auto; text-align: center; background: #BCD0CD; *margin-top: 100px; text-align: left; padding-top: 40px; box-shadow: -2px -6px 10px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: -2px -6px 10px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: -2px -6px 10px rgba(0, 0, 0, 0.2) ; } #footer .trenner { border-bottom: 5px dotted #ffffff; margin-bottom: 0px; padding-bottom: 0px; } .aufstriche #footer { background: #9F95BD; } .desserts #footer { background: #A5A5A5; } .footer_kontakt_box p, .footer_kontakt_box h4, .footer_sonstiges_box p, .footer_sonstiges_box h4 { padding-left: 50px; } .logo_footer { position: relative; border-top: 5px dotted #ffffff; padding-top: 30px; padding-bottom: 10px; } .logo_footer figure { display: flex; justify-content: center; width: 100%; } .logo_footer.logo_01, .logo_footer.logo_02 { display: none; } .backColor_01 .logo_footer.logo_01 { display: block; } .backColor_02 .logo_footer.logo_02 { display: block; } .backColor_01 .logo_footer.logo_03, .backColor_02 .logo_footer.logo_03 { display: none; } .startseite #footer { margin-top: 0px; } #footer .inside { *max-width: 1280px; *padding-left: 50px; *padding-right: 50px; margin: auto; padding-bottom: 30px; } #footer a:before { content: "" !important; padding: 0; } #footer .-large-last .ce_image,#footer .-large-last .ce_text { padding-left:33px; } #footer .rs-columns { width: 700px; display: flex; margin: auto; padding-bottom: 40px; } #footer a { color:#FFFFFF; text-decoration: none; } /************************************************************** FORMULARE */ .ce_form { font-size: 16px; } .fineuploader-wrapper .fineuploader-item.file .content, .fineuploader-wrapper .fineuploader-item.image .content { padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 20px; } .fineuploader-wrapper .qq-upload-list li.qq-upload-success, .fineuploader-item .image { display: none; } .fineuploader-wrapper .qq-upload-file-selector.qq-upload-file, .fineuploader-wrapper .qq-upload-size-selector.qq-upload-size { display: none; } .fineuploader-wrapper .values-list li:first-child { border-top: 1px solid #999; padding-top: 10px; margin-top: 5px; } .fineuploader-wrapper .values-list li:last-child { margin-bottom: 20px; } .fineuploader-wrapper .qq-upload-button { width: 200px; text-align: center; } input:focus, textarea:focus { outline: none; } .formular_zeile { display: flex; } .formular_zeile.less_space { margin-top: -30px; } .formular_zeile .widget { width: 50%; } .ce_form label { font-family:"PlasticWaistRegular", sans-serif; color: #392203; font-weight: 400; float: none !important; padding-left: 0px; text-align: center; font-size: 18px; } /* .kontakt .ce_form label { color: #FFFFFF; } */ .widget-explanation { float: none; clear: both; } /* .ce_form .widget-fineuploader { float: left; margin-right: 20px; } */ .ce_form .widget-fineuploader label { color: #FFFFFF; background: #444444; padding: 10px 20px; margin-bottom: 10px; display: inline-block; width: 200px; text-align: center; } .ce_form span.mandatory { color:#444444; } .ce_form input[type="text"], .ce_form input[type="email"], .ce_form input[type="tel"], .ce_form textarea { margin-top:5px; line-height:35px; margin-left: 0px; border: 1px solid #444444; border-radius: 5px; float: none; display: block; width: calc(100% - 20px - 7%); padding-left: 10px; } .ce_form select, .ce_form option { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 5px; line-height: 35px; margin-left: 0px; border: 1px solid #444444; border-radius: 5px; float: none; display: block; width: calc(100% - 10px - 7%); padding-left: 10px; } .ce_form .widget-radio fieldset { position:relative; margin-left:130px; margin-top:-25px; } .ce_form .widget { margin-top:15px; } .checkbox_datenschutz { margin-top: 50px; } .checkbox_datenschutz label { display: inline !important; margin-left: 10px !important; } .checkbox_datenschutz a { color: #000000 !important; } /* .kontakt .checkbox_datenschutz a { color: #FFFFFF !important; } */ fieldset.checkbox_datenschutz { border: 0px solid; margin-bottom: 20px; } .ce_form button { font-family: 'PlasticWaistRegular'; background: #392203; font-size: 20px; line-height: 20px; padding: 14px 20px; font-weight: normal; text-decoration: none; margin-top: 20px; border: 1px solid #392203; border-radius: 5px; color: #ffffff; cursor: pointer; } .ce_form button:before { position: relative; *content: url("../../files/assets/Pfeil_Rechts.png") !important; content: url("../../files/assets/WeisserPfeil_Kleiner.png") !important; padding-right: 10px; top: 0px; } .ce_form p.error { color: #ff0000; } .padding_top_60_mobile { padding-top: 60px; } .mobile-icon { position: fixed; display:none; background: url("../../files/assets/mmenu.png"); background-size: 35px 35px; width:35px; height:35px; top: 25px; right:20px; z-index:5001; cursor: pointer; } .mobile_menu strong { font-weight: 400; } .mobile_menu ul { padding-left: 0px !important } .mobile_menu.active.position_right { box-shadow: none; } .mobile_menu li { padding: 3px 6px; } .mobile_menu li.backColor_01 { margin-top: 25px; background: #8BB3AD !important; display: inline-block; } .mobile_menu li.backColor_02 { background: #76A1BC !important; display: inline-block; } .mobile_menu li.backColor_03 { background: #9A815B !important; display: inline-block; margin-bottom: 25px; } .mobile_menu .hide_desktop, .mobile_menu nav.mod_navigation .level_1 li:first-child { display: block; } .mobile_menu { max-width: 300px !important; } .mobile_menu li, .mobile_menu a { font-size: 19px !important; } .mobile_menu .inner { margin-top: 81px; border-left: 4px dotted #FFFFFF; padding: 20px; padding-top: 30px; padding-left: 50px; text-transform: uppercase; width: 100%; } .mobile_menu li { list-style-type: none; margin-bottom: 10px; } .mobile_menu a { text-decoration: none; } /************************************************************************************************/ @media only screen and (max-width : 1220px) { #headerbild { margin-top: 75px; } #main { margin-top: 120px; } .home #main { *margin-top: 120px; margin-top: 70px; } #header-small { display: none !important; } .mobile-icon, .mobile-icon2 { display: block; } #content_top #bioland, #content_top #vegan, #content_top #instagram { display: none; } .custom .mod_navigation, #navi-small { display:none !important } #content_top { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255,0); height: 70px; position: fixed; } #logo { top: 5px; width: 210px; height: 10px; z-index: 5000 !important; margin: auto; } #logo a { width: 115px; height: 70px; } #footer #logo { width: 70% !important; height: 120px !important; left: 0px; } #footer #logo a { width: 130px; height: 120px; } .padding_top_160 { padding-top: 0px !important; } } /************************************************************************************************/ @media only screen and (max-width : 1060px) { .ce_image.dotted picture img { width: 100% !important; height: auto !important; } .image_container.float_right, .image_container.float_left { float: none; clear: both; margin-left: 0; margin-right: 0; padding-bottom: 40px; } } @media only screen and (max-width : 900px) { .submenu_icons .rs-columns { max-width: 500px; } .submenu_icons .rs-column.-large-col-6-1 { margin-right: initial; width: initial; } .submenu_icons .rs-column.-large-col-5-1 { margin-right: initial; width: initial; } .submenu_icons .ce_text.schlagcreme { margin-top: 0px; } } @media only screen and (max-width : 768px) { /* .submenu_icons p a { line-height: 12px !important; } */ /* .rs-column.-medium-col-3-1 { width: 100%; } */ .ce_accordionSingle { padding-top: 0px; right: initial; text-align: center; overflow: initial; position: relative; margin-top: -30px; } .ui-accordion-header { background: #003A31; width: auto; border-radius: 5px; padding: 0px 10px 5px 10px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline; position: relative; font-size: 25px; left: 40px; top: 10px; height: 20px; } .usp-liste { padding-top: 30px; } .padding_bottom_60 { padding-bottom: 30px !important } .padding_bottom_80 { padding-bottom: 0px !important } .padding_top_160 { padding-top: 40px !important } .mobile_padding_top { padding-top: 25px; } .padding_bottom_40 { padding-bottom: 40px !important } .padding_top_40 { padding-top: 40px !important } .rs-column.-medium-first-row, .rs-column.-large-first-row { margin-top: 0; } .inline { padding-top: 20px; display: block; } .headline h1 { *padding-top: 20px; } .headline p { padding-top: 20px; font-size: 33px; } .produkt .produktfilm { margin: auto; } .produkt.right_side, .produkt.left_side { float: none !important; clear: both; } .sidebyside { *display: block; flex-direction: column; align-items:center; } .sidebyside.small .image { margin-bottom: 30px; } .sidebyside .produktfilm, .produktfilm, .sidebyside .image, { width: 80% !important; order: 1; } .sidebyside .textblock { order: 2; } .padding_left_60, .padding_right_60 { padding-left: 30px; padding-right: 10px; } .padding_top_60, .padding_top_80, .padding_top_100 { padding-top: 0px !important; } .content { padding-top: 10px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; } .content_1280 { padding-right: 0px; padding-left: 0px; } .headline { margin-bottom: 15px; } #header-small-inside { padding-left: 20px; } #wrapper .custom { height: 110px; } .desktop { display: none; } .mobile { display: block; } #container { margin-top: -50px; } #header-small { height: 90px; } #content_top { padding-right: 20px;; } #logo-small { width: 200px; padding-left: 0px; } #logo-small #logo { width: 200px !important; height: 70px !important; } .content_mobile { display:block !important } .content_desktop, .desktop_content { display:none !important } #main .inside { margin-top: 10px !important; } h2.ce_headline { margin-top: 20px !important; } h1 { margin-bottom: 20px; font-size: 40px; line-height: 43px; } .startseite h1 { margin-top: 25px; } .fontDef_Subline { font-size: 20px; line-height: 29px; margin-bottom: 0px; } .fontDef_Headline_h2, h2 { padding-top: 30px; font-size: 33px; line-height: 40px; margin-bottom: 20px; } .fontDef_Bereich, .fontDef_Headline_h3, h3, h1.h3, .h3 h1, .h3 { font-size: 26px; line-height: 35px; letter-spacing: 0; } .fontDef_Copy { font-size: 16px; line-height: 26px; } #logo { width: 90% !important; height: 100px !important; left: -10px; } #footer #logo { width: 70% !important; height: 120px !important; left: 0px; } #footer #logo a { width: 130px; height: 120px; } .startseite #logo { left: -10px; } .blue_full, .grey_full { padding-top: 20px !important; } #article-871 { margin-top: 00px !important; margin-bottom: 0px; } table { margin-bottom: 20px; } .ce_headline.first { margin-top: 20px !important; } .rs-columns.ce_rs_columns_start { margin-bottom:30px; } .submenu_icons .rs-columns.ce_rs_columns_start.first_row { margin-bottom: 0px !important; } .content_top { border-bottom: 10px solid #fedc00; height: 108px !important; } .content_top img { height: 100px !important; min-height: 100px !important; } #headerbild .responsive-background-image img { display: none; border-radius: 0px; height: 40vh !important; width: auto; } #headerbild .startseite .responsive-background-image, #headerbild .responsive-background-image { *background-image: none !important; height: 40vh !important; min-height: auto; } #headerbild .ce_image.startseite, #headerbild .startseite figure, #headerbild .ce_image, #headerbild figure { height: 40vh !important; min-height: auto; } .historie_block .image_container { display: none; } .historie_block .textblock { width: auto; } .ce_gallery.partner { text-align: center; } .ce_gallery.partner li { width: auto; height: initial; text-align: center; margin: auto; position: relative; } .ce_gallery.partner li figure { padding: 10px; display: block; } #footer { height:auto; } } @media only screen and (max-width : 767px) { .mobile_content { display: block; } .desktop_content { display: none; } .sortiment .produkt { padding-bottom: 0px; } .submenu_icons .first_row { padding-top: 30px; } .textbloecke .rs-column { width: 100%; float: none; clear: both; } .textbloecke .rs-columns.ce_rs_columns_start { margin-bottom: 0px; } } @media only screen and (max-width : 700px) { #footer .rs-columns { max-width: 100%; } } @media only screen and (max-width : 599px) { .rs-columns .padding_top_40 { padding-top: 0px !important; } } @media only screen and (max-width : 560px) { .submenu_icons .rs-column.-large-col-3-1, .submenu_icons .rs-column.-large-col-5-1, .submenu_icons .rs-column.-large-col-6-1 { width: 28.20513%; margin-right: 5%; } } @media only screen and (max-width : 480px) { h2.ce_headline { margin-top: 60px !important } .sortiment .sidebyside .produktfilm { width: auto; } .content { padding-left: 20px; padding-right: 20px; } .ce_text.dotted img { padding: 5px; border: 5px dotted #ffffff; width: 92%; } #footer .rs-columns { display: inline-block; width: 100%; } #footer .-large-last .ce_image, #footer .-large-last .ce_text { padding: 0; padding-top: 30px; } .ce_accordionSingle { padding-top: 0px; right: initial; text-align: center; overflow: initial; position: relative; margin-top: -30px; } .ui-accordion-header { background: #003A31; width: auto; border-radius: 5px; padding: 0px 10px 5px 10px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline; position: relative; font-size: 25px; left: 40px; top: 10px; height: 20px; } .usp-liste { padding-top: 30px; } } @media only screen and (max-width : 375px) { .formular_zeile { display: block; } .ce_form select, .ce_form option, .ce_form input[type="text"], .ce_form input[type="email"], .ce_form input[type="tel"], .ce_form textarea { width: calc(100% - 20px); } .formular_zeile .widget { width: calc(100% - 20px); } } /* WIREFRAME DUMMY*/ .container_fe_page_innen { max-width: 1025px; margin: auto; padding-right: 325px; } .container_fe_page_innen .content_1280 { max-width: 1000px; } .mod_article { *padding-top: 100px; *padding-bottom: 100px; } #headerbild .mod_article { padding: 0; } #container .mod_article:first-child { padding-top: 10px; } .padding_bottom_0 { padding-bottom: 0px !important; } td { width: auto; } .button a, .button.flex li a { background: #333333; width: auto; border-radius: 5px; padding: 7px 20px 5px 20px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline-block; margin-top: 10px; letter-spacing: 0.75px; } .button a:before, a.button:before { position: relative; content: url("../../files/assets/WeisserPfeil_Kleiner.png") !important; padding-right: 10px; top: 1px; } a.button:before { top: 0px; } .button a[href^="tel:"]:before { content:"" !important; padding-right: 0px; top: 0px; } .button a[href^="tel:"], .button.flex li a[href^="tel:"] { background: none; width: auto; border-radius: 0px; padding: 0; color: inherit; text-decoration: none; font-weight: inherit; font-size: inherit; } .button.flex ul { margin: 0; padding: 0; } .button.flex li { display: inline-block; margin:5px; } .button.flex li a:before { top: 3px; } ul, ol { padding-top: 0px; padding-left: 30px; padding-bottom: 30px; } .ce_downloads li { padding-bottom: 15px; } /***************************/ /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ .stronger { font-family: "AmsiProNarrowBlack","sans-serif"; } a.button { font-family: "AmsiProNarrowBlack","sans-serif"; background: #333333; width: auto; border-radius: 5px; padding: 8px 20px 5px 20px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline-block; margin-top: 10px; letter-spacing: 0.75px; } .fontDef_Subline { font-size: ; color: #FFFFFF; font-size: 52px; line-height: 55px; display: flex; justify-content: center; } div.bildtitel { position: absolute; bottom: 15%; background: #000000; color: #FFFFFF; padding: 15px 20px 8px 20px; text-align: right; *width: calc(100% - 20px); width: auto; font-weight: 600; line-height: 20px; left: 0px; } .bildtitel_klein { font-size: 15px; font-weight: 400; } div.historie_jahreszahl { position: relative; width: 100%; font-size: 35px; font-family: "AmsiProCondensedUltra"; margin-bottom: 20px; } @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .blogbox { position: relative; margin-bottom: 10px; } .blogteaserimage { position: relative } .blogbox .textwrapper { padding-top: 15px; padding-bottom: 25px; padding-left: 0px; padding-right: 0px; background: #ffffff; } .blogbox .newstext_wrapper { padding-left: 25px; padding-right: 50px; } .blogbox h2 { font-weight: 400; font-size: 30px; line-height: 35px; text-align: left; } .blogbox h3 { font-size: 20px; line-height: 30px; color: #444444; background: #FFFFFF; padding: 5px 10px 0px 25px; display: inline-block; } .blogbox .more { font-size: 18px; background: #000000; padding: 5px 10px 0px 10px; display: inline-block; } .blogbox .more a { text-decoration: none; font-size: 18px; color: #FFFFFF; } @media only screen and (max-width:1919px) { .blogbox h2 { font-weight: 400; font-size: 2.075vw!important; line-height: 2.15vw!important } } @media only screen and (max-width:1024px) { .blogbox h2 { font-weight: 400; font-size: 32px!important; line-height: 42px!important } } @media only screen and (max-width:1023px) { .blogbox h2 { font-weight: 400; font-size: 23px!important; line-height: 28px!important } } .mod_newslist { position: relative; padding-bottom: 50px } .mod_newslist .blogbox, .mod_newslist .newsbox { width: 29.8666%; float: left; margin-right: 2.6% } .mod_newslist .newsbox:first-child { margin-left: 2.6% } .mod_newsreader h1 { font-size: 50px; line-height: 60px; padding-bottom: 70px; text-align: center; } .mod_newsreader h2 { font-size: 30px; line-height: 38px; text-align: left; }