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)} /*! * mega menu layout * optimiced for Contao Official Demo Theme */.mod_navigation.dropdown{overflow:visible}.mod_navigation li.mm_container>a,.mod_navigation li.mm_container>span,.mod_navigation li.mm_container>strong{position:relative}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after,.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background-color:#F4F2F0;z-index:110}.mod_navigation li.mm_container .mm_dropdown{display:none;position:absolute;left:0;right:0;z-index:100}.mod_navigation li.mm_container .mm_dropdown>.inner{padding:1rem 2rem;border:1px solid #E5DFDC;background-color:rgba(244, 242, 240, 0.95);overflow:hidden}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown,.mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive~.mm_dropdown{display:block} .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%; } } .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} /* 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: '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:"AmsiProCondensedUltra", sans-serif; font-size: 70px; line-height: 80px; text-transform: uppercase; color: #222222; padding-bottom: 0px; margin-bottom: 10px !important; font-weight: 400; } .fontDef_Headline_h2, h2 { font-family:"AmsiProCondensedUltra", sans-serif; font-size: 52px; line-height: 55px; margin-bottom: 35px; padding-top: 0px; color: #ffffff; display: block; font-weight: 300; text-align: center; text-transform: uppercase; font-weight: 400; } .fontDef_Bereich, .fontDef_Headline_h3 , h3, h1.h3, .h3 h1, .h3 { font-family:"AmsiProCondensedUltra", sans-serif; font-size: 25px; line-height: 34px; color: #ffffff; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .fontDef_Headline_h4 , h4 { *font-size: 18px; *line-height: 25px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 20px; font-weight: bold; } #footer .fontDef_Headline_h4 , #footer h4 { color: #FFFFFF; } .fontDef_Copy { font-family:"AmsiProNarrow-Semibold", sans-serif; font-size: 19px; line-height: 29px; color: #444444; 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:"AmsiProNarrowBlack", "sans-serif"; font-size: 16px; line-height: 0px; text-transform: uppercase; font-weight: 400; } h5 { font-size: 17px; padding-bottom: 10px; } .fontColor_01 { color: #FEFCF5; color: #7C4495; color: #616161; } .backColor_01, .backColor_body { background: #000000; color: #dddddd; } .backColor_grey { background-color: #E9E9E9; } .fontColor_02 { color: #333333; } .backColor_02 { background: #f5f5f5; color: #333333; } .backColor_02.weiss { background: #ffffff; color: #333333; } .backColor_header { background: #fef9e8; } .backColor_footer { background: #444444 } .backColor_header_small { background: #ECDFB5; *background: #DFEBF2; } .padding_inside.rs-columns { padding-bottom: 50px; } h1 { margin-bottom: 40px; } h3 { margin-bottom: 20px; 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_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%; } .sf-menu { float: none; clear: both; } #megamenu .level_1 li.b2b { display: none; } nav.mod_navigation ul.level_1 { display: inline-block; } nav.mod_navigation ul { padding-left: 0px; } .sf-menu ul { box-shadow: none; } .sf-menu .level_2 li { 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; border-left: 5px solid #FFF !important; border-right: 5px solid #FFF !important; border-bottom: 5px solid #FFF !important; } .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; } .sf-menu a { border-top: none !important; padding: 0.4em 0.5em 0em 0.5em; color: #FFFFFF !important; font-weight: 400; } .sf-menu span.active { border-top: none !important; padding: 0.25em 0.7em; color: #0067A0 !important; } #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-family: 'AmsiProNarrow-Regular'; font-size: 16px; line-height:20px; text-transform: uppercase; color: #FFFFFF; font-weight: 700; } #right nav.mod_navigation, #right nav.mod_customnav { color: #5E92BF; } li.dummy_unsichtbar_im_menu { display:none } nav.mod_navigation li, nav.mod_navigation 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 { font-family: 'AmsiProNarrowBold', sans-serif; display:block; font-size:12px; color:#787878; text-transform: none; font-weight: 700; } nav.mod_navigation li, nav.mod_navigation ul, nav.mod_navigation a { border-left:none; *font-size: 16px; *line-height: 22px; } 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; } #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: 18px; padding-left: 10px; padding-right: 10px; letter-spacing: 2px; } #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: #000000 !important } #megamenu li.mm_container .mm_322 { width: 400px; left: -120px; } #megamenu li.mm_container .mm_385 { width: 550px; left: -200px; } #megamenu li.mm_container .mm_374 { width: 550px; left: -200px; } #megamenu li.mm_container .mm_378 { width: 450px; left: -150px; } /*************************************************************************************** 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; } li ul { padding-bottom: 0px; } #b2b_button { position: absolute; right: 40px; bottom: -10px; color: #FFFFFF; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; } #b2b_button a { color: #000000; background: #FFFFFF; padding: 2px 3px 2px 5px; text-decoration: none; } .b2b .ce_download { text-align: center; max-width: 700px; margin: auto; border-top: 1px solid #999; padding-bottom: 20px; padding-top: 20px; } .b2b .side_by_side .ce_download { border-top: 0px solid #999; } .b2b .side_by_side h3 { border-bottom: 1px solid #999; padding-bottom: 8px; } .b2b .ce_download h5 { text-align: center; text-transform: uppercase; } .b2b .download_block { display: flex; } .b2b .download_block.side_by_side { display: block; } .b2b .download_picture { *margin-right:30px; *border: 1px solid #999; padding: 5px; } .b2b #packshots .download_picture { padding: 15px 5px 5px 5px; background: #FFFFFF; } .b2b .download_link { text-align: center; } .b2b .two_buttons .download_link { margin-top: -10px; } .b2b .two_buttons .download_link .button a { width: 140px; padding: 5px 18px 2px 18px; font-size: 15px; } .b2b .download_link a { text-decoration: none; } .mod_lostPassword .formbody, .mod_login .formbody { max-width: 300px; margin: auto; } .b2b .widget-submit { margin-top: 20px; } .b2b .content { max-width: 900px !important; padding-top: 60px; } .b2b .ce_form input[type="submit"], .b2b .ce_form button[type="submit"], .b2b button { background: #FFFFFF; font-size: 20px; line-height: 20px; padding: 14px 20px; color: #FFFFFF; font-weight: normal; text-decoration: none; margin-top: 20px; border: 1px solid #444444; border-radius: 5px; color: #444444; cursor: pointer; width: auto; height: auto; } .b2b .ce_form input[type="text"], .b2b .ce_form input[type="email"], .b2b .ce_form input[type="tel"], .b2b .ce_form textarea, .b2b select, .b2b input, .b2b textarea { position: relative; margin: auto; margin-top: 5px; line-height: 35px; margin-left: 0px; border: 1px solid #444444; border-radius: 5px; float: none; display: initial; width: calc(100% - 20px - 7%); *padding-left: 10px; text-align: center; } .b2b .ce_form label, .b2b .widget-text label, .b2b .widget-textarea label, .b2b .widget-password label{ color: #444444; font-weight: normal; float: none !important; padding-left: 0px; max-width: 100%; } .mod_login .formbody { text-align: center; } .mod_login .widget-text label, .mod_login .widget-textarea label, .mod_login .widget-password label { max-width: 100%; } .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; } * { //-webkit-transition:all 0.5s ease; //-moz-transition:all 0.5s ease; //transition:all 0.5s ease; position: relative; margin: 0; padding: 0; } 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; font-family: "AmsiProCondensedUltra"; 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; } .button .image_container a { background: none; padding: 0; } .text_right { text-align: right; } .header_overlay { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; background: rgba(0,0,0,0); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; } .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: 40px; padding-top: 20px; text-align: center; } .bild.produkt figure { padding-bottom: 10px; } .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 } .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: 50px; transform: rotate(0deg); width: 130px; height: 130px; z-index: 2 !important; background: url(../../files/assets/bioland.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; right: 50px; 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_bildspalte { text-align: center !important; } .zutatenliste_bildspalte h4 { padding-bottom: 0px; margin-bottom: 0px; margin-top: 20px; text-align: center; } .bild.zutatenliste_bildspalte h4 { margin-top: 10px; } .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; } .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; } #headerbild { margin-top: 170px; } .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: 1px solid #444; margin-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_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-family: "AmsiProCondensedBlack"; 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: #cccccc; } .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: 24%; margin-bottom: 1%; margin-right: 1%; } .ce_gallery.haendler li { width: 14%; height: 190px; margin-bottom: 2%; margin-right: 2%; display: flex; align-items: center; } .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; } @media only screen and (min-width : 1380px) { #headerbild .startseite .responsive-background-image { background-position: center bottom; } } #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 { font-family: "AMSI"; 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: 00px; padding-bottom: 80px; padding-left:60px; padding-right: 60px; } .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; } .backColor_02 strong { color: #444444; } .backColor_02 h2, .backColor_02 h3, .backColor_02 h4, .backColor_02 .ce_text ul li { color: #333333; } .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 { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; position: relative; top: 10px; width: 165px; *left: -22px; height: 110px; z-index: 5000 !important; margin: auto; } #logo a { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; width: 165px; height: 110px; background: url(../../files/assets/logo.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } #logo-small { *width: 150px; } #logo-small #logo { position: relative; top:10px; left: 0px; width: 80px; height: 65px; *background:url(../../files/assets/logo_weissenhorner_sticky_header.png); background-size:100%; background-position: left top; background-repeat: no-repeat; z-index: auto !important } #header .inside, #navigation .inside { position: relative; max-width:1280px; margin:auto; } #content_top { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; background: #000000; z-index: 100; position: fixed; top: 0px; height: 160px; width: 100vw; padding-bottom: 10px; text-align: center; } #content_top .mod_navigation:not(#navi-small .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:-200px; 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: none; background: #000000; border-bottom: 2px solid #ffffff } #header-small-inside { position:relative; *max-width:1280px; *padding-left: 30px; *padding-right: 40px; margin:auto; } #navi-small { position: relative; z-index: 101; top: -20px; width: 100%; display: none; } #navi-small ul { *padding-right: 70px; padding-right: 30px; } /* #navi-small li.joghurt { margin-right: 70px; } */ #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; } #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 .inside { max-width: 1280px; padding-left: 50px; padding-right: 40px; margin: auto; *padding-top: 50px; } */ .seitenleiste #main .inside { max-width: 1280px; padding-left: 28px; padding-right: 40px; margin: auto; } .startseite #main .inside { max-width: 100%; padding-left: 0px; padding-right: 0px; } 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: 20px; *margin-bottom: 10px; *padding-bottom: 30px; *border-bottom: 1px dotted #999; text-align: center; } .accordion { } .ui-accordion-content { font-size: 17px; line-height: 23px; *background: #EEEEEE; padding: 10px; *margin-bottom: 30px; text-align: left; max-width: 700px; margin: auto; border-top: 1px solid; } .ui-accordion-header { background: #333333; width: auto; border-radius: 5px; padding: 10px 20px 5px 20px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline; } .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; } .ui-accordion-content { margin-top:30px; } .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: #000000; *margin-top: 100px; text-align: left; padding-top: 40px; } .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: 2px solid #ffffff; padding-top: 20px; padding-bottom: 20px; } .logo_footer figure { max-width: 300px; margin: auto; } .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 { color: #444444; font-weight: normal; float: none !important; padding-left: 0px; } /* .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 { background: #FFFFFF; font-size: 20px; line-height: 20px; padding: 14px 20px; color: #FFFFFF; font-weight: normal; text-decoration: none; margin-top: 20px; border: 1px solid #444444; border-radius: 5px; color: #444444; cursor: pointer; } .ce_form button:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 10px; top: 3px; } .ce_form p.error { color: #ff0000; } .mobile_menu .hide_desktop, .mobile_menu nav.mod_navigation .level_1 li:first-child { display: block; } .mobile_menu { max-width: 300px !important; } .mobile_menu .inner { margin-top: 81px; border-left: 2px solid #FFFFFF; padding: 20px; padding-top: 30px; text-transform: uppercase; width: 100%; } .mobile_menu nav.mod_navigation li, .mobile_menu nav.mod_navigation ul, .mobile_menu nav.mod_navigation a { text-decoration: none; width: auto; min-width: 300px; } .mobile_menu li { list-style: none; } .mobile_menu nav.mod_navigation .sortiment ul.level_2 { margin-top: 0px; padding-top: 10px; margin-left: 20px; } .mobile_menu nav.mod_navigation .level_1 li { padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #999; } .mobile_menu nav.mod_navigation .level_2 li { padding-bottom: 4px; padding-top: 4px; } .mobile_menu nav.mod_navigation .level_1 li:hover, .mobile_menu nav.mod_navigation .level_2 li:hover, .mobile_menu nav.mod_navigation .level_3 li:hover { background: none; } .mobile_menu nav.mod_navigation .level_1 li.trail, .mobile_menu nav.mod_navigation .level_1 li.active { background: none; } .mobile_menu nav.mod_navigation ul.level_2 li.active { background: #333333; } /* dk_mmenu /* .mm-navbar_sticky { display: none; } .mm-menu { margin-top: 81px; border-left: 2px solid #FFFFFF; padding: 20px; padding-top: 30px; text-transform: uppercase; } .mm-menu nav.mod_navigation .level_1 li:first-child { display: block; padding-bottom: 10px; } .mm-menu nav.mod_navigation .level_2 li:first-child { padding-bottom: 0px; } .mm-menu nav.mod_navigation .level_2 li { padding-bottom: 2px; } .mm-menu li { list-style: none; } .mm-menu nav.mod_navigation .sortiment ul.level_2 { margin-left: 10px; } .mm-menu nav.mod_navigation .level_1 li:hover, .mm-menu nav.mod_navigation .level_2 li:hover, .mm-menu nav.mod_navigation .level_3 li:hover { background: none; } .mm-menu nav.mod_navigation .level_1 li, .mm-menu nav.mod_navigation .level_2 li, .mm-menu nav.mod_navigation .level_3 li { background: none; } .mm-menu nav.mod_navigation .level_1 li.trail, .mm-menu nav.mod_navigation .level_1 li.active { *background: #222222; } .mm-menu li.mmenu_spacer { margin-top: 30px; } .mm-menu li.mmenu_smaller { font-size: 13px !important; line-height: 0px; text-transform: none !important; padding-bottom: 1px !important; } } .mm-menu li.mmenu_smaller a { padding-bottom: 1px !important; } li.mmenu_smaller.mm-listitem:after, li.mmenu_noborder.mm-listitem:after { border-bottom: none !important } */ /* .mm-menu .level_2 li { font-size: 15px; !important line-height: 15px; padding-bottom: 1px; } */ /* @media only screen and (max-width : 1024px) { #wrapper, #headerbild { display: none; } .message { display: block !important; padding: 50px; padding-top: 100px; } } */ @media only screen and (max-width : 1680px) { .header_default { display: block; } .header_1680 { display: none; } } @media only screen and (min-width : 1681px) { .header_default { display: none; } .header_1680 { display: block; } } .s_by_s .mobile_headline { display: none; } .mobile, .content_mobile_570, .content_mobile { display: none; } .mobile-icon { position: fixed; display:none; background: url("../../files/assets/menu.png"); background-size: 35px 35px; width:35px; height:35px; top: 25px; right:20px; z-index:5001; } #header-small .mobile-icon { bottom: 30px; cursor: pointer; } /* .mobile_menu .inner { background:rgba(255,255,255,0.95); padding-top:30px; padding-left:30px; } */ /************************************************************************************************/ @media only screen and (max-width : 1090px) { .mobile-icon, .mobile-icon2 { display: block; } #b2b_button { 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); height: 70px; } #logo a { width: 80px; height: 65px; } #headerbild { margin-top: 80px; } #bioland { position: absolute; top: 20px; width: 50px; height: 50px; right: 20px; } } @media only screen and (max-width : 1070px) { nav.mod_navigation .level_1 li:first-child { display: none; } nav.mod_navigation .level_2 li:first-child { display: block; } } @media only screen and (max-width : 1024px) { .image_container.float_right { margin-left: 0px; padding-bottom: 20px; } .float_right { float: none; clear: both; } .no_mobile_image figure { display: none; } .blue_full, .grey_full { padding-left: 20px; } html { -webkit-text-size-adjust: none; } .einruecken { margin-left: 0px !important; } #wrapper { width:auto; } .desktop { display:block; } #header { display:none; } h1 { font-size:40px; line-height: 50px; } .content_1024, .innen #main .mod_article { padding-left:20px !important; padding-right:20px !important; } table td:first-child { width:auto; } table td:last-child { width:auto; } .blog table td:last-child { display:block; } #footer { height:auto; } #main .ce_text.bild_rechts_h3 figure.image_container.float_above { margin-bottom:20px; } } @media only screen and (max-width : 900px) { .content_1280 { padding: 0; } .content { padding-left: 30px; padding-right: 20px; } .zutaten .produkt p { max-width: 100% !important; } .sortiment .sidebyside .produktfilm { width: 100%; } .sortiment .single .sidebyside .produktfilm { width: 120px; } } /************************************************************************************************/ @media only screen and (max-width : 768px) { .stellenliste .rs-column.-medium-col-2-1 { width: 100%; } .stellenliste .ce_sliderStart { padding-bottom: 50px; } .stellenliste .ce_sliderStart img { width: 100%; } .s_by_s.ansprechpartner .mobile_headline { text-align: left; } .s_by_s.ansprechpartner .sidebyside { display: block; text-align: left; } .s_by_s.ansprechpartner .sidebyside .image { text-align: left; } .s_by_s.ansprechpartner img { width: auto; height: auto; } .content { padding-bottom: 60px; padding-left: 30px; padding-right: 30px; } .padding_top_100 { padding-top: 70px !important; } .s_by_s .mobile_headline { display: block; text-align: center; } .s_by_s.headline_left h2{ text-align: center; } .s_by_s .textblock h2 { display: none; } .s_by_s img { max-width: 600px; width: 100%; height: auto; } .s_by_s.no_inner_h2 .image { padding-bottom: 30px } .s_by_s .padding_right_60, .s_by_s .padding_left_60 { padding-right: 0px; padding-left: 0px; } .sidebyside .produktfilm { margin-top: 20px; } .produkt .textblock.kleiner_becher { padding-top: 0px; } .sidebyside.image_text { flex-direction: column; align-items:center; } .sidebyside.image_text .image { width: 100%; order: 1; text-align: center; } .sidebyside.image_text .textblock { order: 2; } #footer .rs-columns { display: inline-block; width: 100%; } } /************************************************************************************************/ @media only screen and (max-width : 500px) { .mobile_content { display: block; } .desktop_content { display: none; } .mobile_padding_top { padding-top: 25px; } .sortimentpage #headerbild video { height: 150%; margin-top: -20%; } .sortimentpage #headerbild .mobile_content video { height: 40vh !important; margin-top: 0; } .bewerbung h3 { padding-top: 30px; } .bewerbung .ansprechpartner { padding-top: 30px; } .stellenliste .ce_sliderStart { padding-bottom: 30px; } .jobdescription h3 { font-size: 20px; line-height: 24px; letter-spacing: 0.3px; } .bildleiste .rs-column.-large-col-4-1 { width: initial; } .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; } .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; } #footer .-large-last .ce_image, #footer .-large-last .ce_text { padding-left: 0px !important; margin-top: 40px; } .ce_headline.first { margin-top: 20px !important; } .rs-columns.ce_rs_columns_start { margin-bottom:30px; } .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; } } @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 { font-family: "AmsiProNarrowBlack","sans-serif"; 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). */ 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: 27px; line-height: 38px; margin-bottom: 0px; color: #444444; margin-top: -30px; font-weight: 300; padding-top: 0px !important; } 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; } .auswertung table a { display: block; padding: 2px !important; font-size: 12px !important; border-radius: 5px !important; } .save_note_button { color: #FFFFFF; cursor: pointer; background: #000000; } .ce_text.overflow_auto { overflow: auto !important; } .mod_lostPassword .formbody, .mod_login .formbody { max-width: 300px; margin: auto; } .b2b .widget-submit { margin-top: 20px; } .b2b .content { max-width: 900px !important; padding-top: 60px; } .b2b .ce_form select { width: calc(100% - 20px - 7%) !important } .b2b .ce_form input[type="submit"], .b2b .ce_form button[type="submit"], .b2b button { background: #FFFFFF; font-size: 20px; line-height: 20px; padding: 14px 20px; color: #FFFFFF; font-weight: normal; text-decoration: none; margin-top: 20px; border: 1px solid #444444; border-radius: 5px; color: #444444; cursor: pointer; width: auto; height: auto; } .b2b .ce_form input[type="text"], .b2b .ce_form input[type="email"], .b2b .ce_form input[type="tel"], .b2b .ce_form textarea, .b2b select, .b2b input, .b2b textarea { position: relative; margin: auto; margin-top: 5px; line-height: 35px; margin-left: 0px; border: 1px solid #444444; border-radius: 5px; float: none; display: initial; width: calc(100% - 20px - 7%); *padding-left: 10px; text-align: left; } .b2b .ce_form label, .b2b .widget-text label, .b2b .widget-textarea label, .b2b .widget-password label{ color: #444444; font-weight: normal; float: none !important; padding-left: 0px; max-width: 100%; } .b2b .checkbox_container input { width: 15px; height: 15px; margin-top: 8px; margin-right: 0px; } .mod_login .formbody { text-align: center; } .mod_login .widget-text label, .mod_login .widget-textarea label, .mod_login .widget-password label { max-width: 100%; } #content_top { height: auto; } #logo, #logo a { width: 100px; height: 75px; left: initial; } .mod_navigation { display: none !important; } .hide, td.datenschutz, td.formAlias { display: none; } .mod_login { margin-top: 30px; *height: 150px; margin-left: 10px; } .login_permission { cursor: pointer } .h2 { padding: 5px 10px 5px 10px; font-size: 12px; background: #01a0da; color: #FFF; width: auto; } .headline { width: 100%; padding-bottom: 5px; border-bottom: 2px solid #ddddd6; margin-top:10px; margin-bottom: 50px; } .auswertung #wrapper, .auswertung #main { width:auto; float: none; clear: both; } .auswertung #wrapper { padding-top: 100px; } .ce_text { margin-left: 10px; } .content { max-width: initial !important; width: auto; } /*********************************************************** INFOBLOCK */ #infoblock { background: #FFF; padding:20px; } .infoblock { margin-left: 150px; margin-top: -25px; } .inline { float: left; } #infoblock input { width: 100%; border:none; font-size: 12px; background: #efefef; } #infoblock .inline input { width: auto; } h5 { padding-bottom: 10px; margin: 0;; font-size: 12px; font-weight: 400; } /*********************************************************** ANMELDEFORMULAR */ fieldset { border: none; } legend { padding-bottom: 10px; font-weight: bold; } .h5_fieldset legend { padding-bottom: 0px; } .explanation { color: #333333; margin-bottom: 20px; } .ce_form .widget { margin-top:15px; margin-left: 10px; } .Option_Radiobuttons .widget { margin-top: 0px !important; } .trenner { margin-top:50px; margin-bottom: 20px; border-top: 1px dashed #999; } .error { color: #ff0000; } .mod_eventreader { margin-bottom:120px; } .anmeldeformular { padding-top:40px; } .anmeldeformular, .kursliste { max-width:550px; } .ce_form { } .ce_form label { width:100%; margin-bottom:18px; } .widget-select label, .widget-text label, .widget-textarea label, .widget-password label{ margin-bottom:5px; display: block; font-weight: bold; } .widget-text label, .widget-textarea label, .widget-password label{ padding-bottom: 5px; max-width: 500px; line-height: 20px !important; } .widget-textarea { margin-left: 20px !important; } .ce_form span.mandatory { color:#FFF; font-size:18px; } .ce_form .widget-radio label { } .ce_form #lbl_1_0 { margin-right:50px; } .tnb fieldset { margin: 0; padding: 0; margin-top:40px; margin-left: 10px; } .ce_form .widget-radio fieldset { position:relative; *margin-left:130px; *margin-top:-25px; } .ce_form .radio_container { border:none; width: 100%; } .ce_form .radio_container input { display:block; float: left; margin-right:10px; } .ce_form .radio_container label { display:block; margin-bottom: 8px; } .ce_form .side_by_side70 span { width: 70px; float: left !important; } .ce_form .side_by_side70 legend span { width: auto; float: none !important; } .ce_form input[type="number"], .ce_form input[type="text"], .ce_form input[type="email"], .ce_form input[type="tel"], .ce_form textarea { width:35%; min-width: 250px; margin-top:5px; line-height:30px; margin-left: 0px; padding-left: 10px; margin-right:20px; border: 1px solid #000; display: block; } .ce_form textarea { line-height: 17px; } .ce_form textarea.breite50 { width: 50%; } .ce_form textarea.breite75 { width: 75%; } .ce_form textarea.breite100 { width: 96%; } .ce_form select { margin-left: 0px; padding-left: 10px; border: 1px solid #000; margin-top:5px; background:#FFF; box-shadow: 0px 0px 0px #FFF !important; width:35%; } .ce_form .submit_container { position: relative; margin-top:50px; left: 20px; width:100%; text-align: left; } .widget-password { margin-top: 20px; } .ce_form input[type="submit"], .ce_form button[type="submit"], button { position: relative; width:100px; height:30px; background: #01a0da; color: #fff; border-radius: 10px; cursor: pointer; border: 0px; margin-top: 20px; margin-bottom: 40px; } .checkbox_container { border:none; margin-top: 20px; } .checkbox_container input { float:left; margin-right:10px; margin-top:0px; } .checkbox_container label { display:block } .ce_form .newsletter, .ce_form .info { margin-top:40px; } .ce_form .blockabstand_bottom { margin-bottom:40px; } .blockabstand-20 { margin-top:0px !important; } .buttonliste { padding-right:10px; position: relative; height: 40px; float: left; } li.formularliste { margin-bottom: 20px; list-style: none; } .formularliste a, .auswertung #main a { text-decoration: none; background: #000000; color: #fff; border-radius: 10px; padding: 10px; margin-bottom: 10px; font-weight: 700; font-size: 15px; } .auswertung .red a { position: relative; background:#FF0000 !important; } .auswertung .back a { background:#777777 !important; margin-right: 20px; } .auswertung .back { font-size: initial; background: initial; padding: initial; display: initial; } .auswertung .all a { position: relative; margin-left: 0px; margin-top: 0px; } .auswertung .all { position: relative; float: none; clear: all; height: auto; margin-top: 50px; padding-bottom: 50px; } .auswertung .textfield { float: none; clear: both; } .auswertung input[type="text"]{ height: 20px; width: 70px; margin-right: 15px; margin-left: 10px; } .auswertung .info { padding-bottom: 30px; } table { position: relative; top: 20px; float: none; clear: both; background: #eee; border: 1px solid #FFF; width: 100%; } tr, td { border: 1px solid #FFF; padding: 4px 10px; font-size: 15px; line-height: 17px; } .tabheader { background: #000000; color: #fff; font-weight: 700; font-size: 15px; } .small { font-size: 8px; }