header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} .download-element{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{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 50%{ transform: translateY(8%); } 65%{ transform: translateY(-4%); } 80%{ transform: translateY(4%); } 95%{ transform: translateY(-2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 50%{ -webkit-transform: translateY(8%); } 65%{ -webkit-transform: translateY(-4%); } 80%{ -webkit-transform: translateY(4%); } 95%{ -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } } .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50%{ transform: translateY(-8%); } 65%{ transform: translateY(4%); } 80%{ transform: translateY(-4%); } 95%{ transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); } 80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50%{ transform: translateX(-8%); } 65%{ transform: translateX(4%); } 80%{ transform: translateX(-4%); } 95%{ transform: translateX(2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 50%{ -webkit-transform: translateX(-8%); } 65%{ -webkit-transform: translateX(4%); } 80%{ -webkit-transform: translateX(-4%); } 95%{ -webkit-transform: translateX(2%); } 100% { -webkit-transform: translateX(0%); } } .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50%{ transform: translateX(8%); } 65%{ transform: translateX(-4%); } 80%{ transform: translateX(4%); } 95%{ transform: translateX(-2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 50%{ -webkit-transform: translateX(8%); } 65%{ -webkit-transform: translateX(-4%); } 80%{ -webkit-transform: translateX(4%); } 95%{ -webkit-transform: translateX(-2%); } 100% { -webkit-transform: translateX(0%); } } .slideExpandUp { animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30%{ transform: translateY(-8%) scaleX(0.5); } 40%{ transform: translateY(2%) scaleX(0.5); } 50%{ transform: translateY(0%) scaleX(1.1); } 60%{ transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80%{ transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100%{ transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30%{ -webkit-transform: translateY(-8%) scaleX(0.5); } 40%{ -webkit-transform: translateY(2%) scaleX(0.5); } 50%{ -webkit-transform: translateY(0%) scaleX(1.1); } 60%{ -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100%{ -webkit-transform: translateY(0%) scaleX(1); } } .expandUp { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{ transform: translateY(-7%) scaleY(1.12); } 75%{ transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{ -webkit-transform: translateY(-7%) scaleY(1.12); } 75%{ -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0.0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0.0; } 60% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } .expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes expandOpen { 0% { transform: scale(1.8); } 50% { transform: scale(0.95); } 80% { transform: scale(1.05); } 90% { transform: scale(0.98); } 100% { transform: scale(1); } } @-webkit-keyframes expandOpen { 0% { -webkit-transform: scale(1.8); } 50% { -webkit-transform: scale(0.95); } 80% { -webkit-transform: scale(1.05); } 90% { -webkit-transform: scale(0.98); } 100% { -webkit-transform: scale(1); } } .bigEntrance { animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } .hatch { animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } } .bounce { animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes bounce { 0% { transform: translateY(0%) scaleY(0.6); } 60%{ transform: translateY(-100%) scaleY(1.1); } 70%{ transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80%{ transform: translateY(0%) scaleY(1.05) scaleX(1); } 90%{ transform: translateY(0%) scaleY(0.95) scaleX(1); } 100%{ transform: translateY(0%) scaleY(1) scaleX(1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6); } 60%{ -webkit-transform: translateY(-100%) scaleY(1.1); } 70%{ -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); } 90%{ -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); } 100%{ -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } } .pulse { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } .pulse-animation img:hover { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } .tossing { animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } @-webkit-keyframes tossing { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } .pullUp { animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes pullUp { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullUp { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } .pullDown { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @keyframes pullDown { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullDown { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } .stretchLeft { animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchLeft { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } .stretchRight { animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretchRight { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchRight { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } .container { margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; } .row { margin-right:-15px; margin-left:-15px; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { display:table; content: ""; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear:both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { min-height:1px; position:relative; padding-right:15px; padding-left:15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float:left; } .col-xs-12 { width:100%; } .col-xs-11 { width:91.66666666666666%; } .col-xs-10 { width:83.33333333333334%; } .col-xs-9 { width:75%; } .col-xs-8 { width:66.66666666666666%; } .col-xs-7 { width:58.333333333333336%; } .col-xs-6 { width:50%; } .col-xs-5 { width:41.66666666666667%; } .col-xs-4 { width:33.33333333333333%; } .col-xs-3 { width:25%; } .col-xs-2 { width:16.666666666666664%; } .col-xs-1 { width:8.333333333333332%; } .col-xs-pull-12 { right:100%; } .col-xs-pull-11 { right:91.66666666666666%; } .col-xs-pull-10 { right:83.33333333333334%; } .col-xs-pull-9 { right:75%; } .col-xs-pull-8 { right:66.66666666666666%; } .col-xs-pull-7 { right:58.333333333333336%; } .col-xs-pull-6 { right:50%; } .col-xs-pull-5 { right:41.66666666666667%; } .col-xs-pull-4 { right:33.33333333333333%; } .col-xs-pull-3 { right:25%; } .col-xs-pull-2 { right:16.666666666666664%; } .col-xs-pull-1 { right:8.333333333333332%; } .col-xs-pull-0 { right:0; } .col-xs-push-12 { left:100%; } .col-xs-push-11 { left:91.66666666666666%; } .col-xs-push-10 { left:83.33333333333334%; } .col-xs-push-9 { left:75%; } .col-xs-push-8 { left:66.66666666666666%; } .col-xs-push-7 { left:58.333333333333336%; } .col-xs-push-6 { left:50%; } .col-xs-push-5 { left:41.66666666666667%; } .col-xs-push-4 { left:33.33333333333333%; } .col-xs-push-3 { left:25%; } .col-xs-push-2 { left:16.666666666666664%; } .col-xs-push-1 { left:8.333333333333332%; } .col-xs-push-0 { left:0; } .col-xs-offset-12 { margin-left:100%; } .col-xs-offset-11 { margin-left:91.66666666666666%; } .col-xs-offset-10 { margin-left:83.33333333333334%; } .col-xs-offset-9 { margin-left:75%; } .col-xs-offset-8 { margin-left:66.66666666666666%; } .col-xs-offset-7 { margin-left:58.333333333333336%; } .col-xs-offset-6 { margin-left:50%; } .col-xs-offset-5 { margin-left:41.66666666666667%; } .col-xs-offset-4 { margin-left:33.33333333333333%; } .col-xs-offset-3 { margin-left:25%; } .col-xs-offset-2 { margin-left:16.666666666666664%; } .col-xs-offset-1 { margin-left:8.333333333333332%; } .col-xs-offset-0 { margin-left:0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-0 { right: 0; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-0 { left: 0; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-0 { right: 0; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-0 { left: 0; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-0 { right: 0; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-0 { left: 0; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-0 { margin-left: 0; } } .fixed { top:0; position: fixed !important; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header_before { min-height:50px; position:relative; padding-top:15px; padding-bottom:15px; text-align:center; background-color:#fff; z-index:990; } #header { width:100%; min-height:100px; max-width:1920px; position:relative; background-image:url("../../files/dateien/layout/Header-Landingpages.jpg"); background-position:left top; background-repeat:no-repeat; z-index:1100; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.20); } #header_before .container-fluid, #header .container-fluid { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; } .navi { float:left; } .logo { margin-top:25px; } .logo a { padding-left:20px; font:32px 'texgyreadventorregular'; color:#fff; text-transform:uppercase; } @media screen and (max-width: 600px) { .logo a { font-size:24px; line-height:24px; padding-left:0; } .logo { margin-top:36px; } } .menu-toggle { display:none; line-height:100px; } @media screen and (max-width: 1028px) { .menu-toggle { float:right; display:block; } .navi { float:right; } #mainmenu { display:none; } } .invisible { display:none; } #mainmenu ul.level_1 li.schliessen { display:none; } #mainmenu ul.level_1 { overflow:hidden; float:right; margin:0; } #mainmenu ul.level_1 li { float:left; margin:0; padding:0; } #mainmenu li a, #mainmenu strong { display:block; margin:0; padding-right:12px; padding-left:12px; text-decoration:none; color:#fff; font:18px/100px 'texgyreadventorregular', sans-serif; font-weight: 300; } #mainmenu li a:hover, #mainmenu li strong.active, #mainmenu li strong.trail, .menu-toggle a:hover { margin:0; background-color:#fff; color:#333; } #mainmenu ul.level_1 li:hover ul { display:block; } #mainmenu ul.level_1 li:before, #mainmenu ul.level_2 li:before { content:none; } #mainmenu ul.level_1 li a, #mainmenu ul.level_2 li a, #mainmenu ul.level_2 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #mainmenu ul.level_2 { width:200px; height:0; position:absolute; display:none; margin:-3px 0 0; padding:3px 0 0; z-index: 1000; } #mainmenu ul.level_2 li { width:230px; display:block; margin:0; padding:0; border:1px solid #fff; } #mainmenu ul.level_2 li a { text-align:left; background-color:#74986A; font-size:14; line-height:50px; font-weight:normal; color:#fff; text-transform:none; } #mainmenu ul.level_2 li a:hover, #mainmenu ul.level_2 strong.active { text-align:left; background-color:#74986A; line-height:50px; color:#fff; text-transform:none; } nav { text-align:center; } /* >>> MOBILE Navigation codefog <<< */ .mobile_menu .inner { height:auto; overflow:hidden; margin-top:150px; background-color:#fff; } #mobilemenu { right:27px; top:0; position:absolute; margin-left:10px; color:#fff; } .mobile_menu { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .mobile_menu #mainmenu { width:100%; display:block; } .mobile_menu_trigger { margin-top:30px; font-size:18px; line-height:40px; cursor: pointer; } #mobilemenu .fa-bars { margin-right:8px; } .mobile_menu #mainmenu ul { width:100%; } .mobile_menu #mainmenu ul.level_1 li { float:none; margin-bottom:0; text-align:center; border-bottom:1px solid #ccc; } .mobile_menu #mainmenu li a, .mobile_menu #mainmenu strong { padding-right:27px; line-height:60px; color:#666666; } .mobile_menu #mainmenu li.active strong, .mobile_menu #mainmenu li a:hover { background-color:#74986A; border-bottom:0; color:#fff; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .mobile_menu #mainmenu ul.level_2 { width:100%; height:auto; position:relative; } .mobile_menu #mainmenu ul.level_2 li { width:100%; } #wrapper { width:100%; max-width:1920px; overflow:hidden; margin-right:auto; margin-left:auto; } .ladeanimation { width:100%; height:100%; left:0; top:0; position:fixed; background:#fff url("../../files/dateien/icons/loadinfo.net6.gif") center center no-repeat; z-index: 9999; } .js #loader { left:100px; top:0; position:absolute; display:block; } .no-js #loader { display:none; } .nach_oben_link { bottom:80px; right:0; position:fixed; z-index:1200; } html { overflow-y: scroll; } body { margin:0; padding:0; background-color:#f0f0f0; color:#666666; font:16px/20px 'Open Sans', sans-serif; } div { box-sizing: border-box; } h1, h2, h3, h4 { margin-top:0; margin-bottom:15px; margin-left:0; padding-top:0; padding-bottom:0; font-family:'texgyreadventorregular'; text-transform:uppercase; font-weight:300; } h1 { font-size:34px; line-height:38px; } h2 { font-size:34px; line-height:38px; } h3 { font-size:34px; line-height:38px; text-transform:uppercase; } h4 { font-size:19px; line-height:23px; color:#353740; } a { text-decoration:none; color:#666666; } a:hover { text-decoration:none; color:#333; } p { margin-top:0; margin-bottom:15px; } li { margin-bottom:5px; padding-left:25px; line-height:25px; list-style-position: inside; } li:before { float:left; margin-left:-25px; font:19px/25px FontAwesome; content: "\f00c "; } hr { height:0; margin-top:40px; margin-bottom:40px; border-top:1px solid #ccc; border-right:0px solid #ccc; border-left:0px solid #ccc; border-bottom: 1px solid #ffffff; } figure { line-height:0; } :focus { outline:none; } .center { text-align:center; } .float_left { float:left; margin-right:1%; } .float_right { float:right; } .clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .clearfix { height:0; clear:both; } img { height:auto; max-width:100%; } .layout_full { overflow:hidden; } .dlh_googlemap { width:100%; height:500px; } #cboxTitle { display:none; } .container { margin-top:40px; margin-bottom:40px; } #header .container { margin-top:0; margin-bottom:0; } .mod_breadcrumb { overflow:hidden; margin-bottom:20px; } .mod_breadcrumb li { float:left; font-size:12px; } .mod_breadcrumb li:before { content:none; } .mod_breadcrumb li:after { margin-right:5px; margin-left:5px; font-family:FontAwesome; content: "\f105"; } .mod_breadcrumb li.last:after { display:none; } /*Abstände*/ .mt-20{ margin-top: 20px; } #header_after .container-fluid { position:relative; padding-right:0; padding-left:0; } .teaser-header .content { width:60%; margin-right:auto; margin-left:auto; } .container-fluid .row { margin-right:0; margin-left:0; } .rsts-caption { display:none; } #slider { margin:0; } .mod_rocksolid_slider img { margin-top:115px !important; } .slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-1-st, .slider-2-st, .slider-1-ga, .slider-2-ga, .slider-3-ga, .slider-4-ga, .slider-1-ve, .slider-2-ve, .slider-3-ve{ width:100%; height:920px; min-height:540px; display:block; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-1 { background-image:url("../../files/dateien/galleries-friseur/slider-1-neu.jpg");; } .slider-2 { background-image:url("../../files/dateien/galleries-friseur/slider-2-neu.jpg"); } .slider-3 { background-image:url("../../files/dateien/galleries-friseur/slider-3-neu.jpg"); } .slider-4 { background-image:url("../../files/dateien/galleries-friseur/slider-4.jpg"); } .slider-1-st{ background-image:url("../../files/dateien/galleries-startup/slider-1-neu.jpg"); } .slider-2-st{ background-image:url("../../files/dateien/galleries-startup/slider-4-neu.jpg"); } .slider-1-ga{ background-image:url("../../files/dateien/galleries-gastro/slider-1-neu.jpg"); } .slider-2-ga{ background-image:url("../../files/dateien/galleries-gastro/slider-2-neu.jpg"); } .slider-3-ga{ background-image:url("../../files/dateien/galleries-gastro/slider-3-neu.jpg"); } .slider-4-ga{ background-image:url("../../files/dateien/galleries-gastro/slider-4-neu.jpg"); } .slider-1-ve{ background-image:url("../../files/dateien/galleries-verein/slider-1.jpg"); } .slider-2-ve{ background-image:url("../../files/dateien/galleries-verein/slider-2.jpg"); } .slider-3-ve{ background-image:url("../../files/dateien/galleries-verein/slider-3.jpg"); } .teaser-header { width:100%; position:absolute; z-index:100; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .teaser-info, .teaser-formular { padding:5% 5% 2%; } .teaser-info { background-color:rgba(53,49,48,.7); color:#fff; } .teaser-formular { background-color:rgba(230,230,230,.75); font-size: 22px; line-height: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .teaser-formular h4 { font-size: 26px; line-height: 32px; } [class^="icon-"], [class*=" icon-"] { width:auto; height:auto; font-family:FontAwesome; font-weight:normal; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } [class^="icon-"]:before, [class*=" icon-"]:before { display:inline-block; text-decorartion:inherit; speak:none; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-comment:before { content: "\f075"; } .comment_default p.info i.icon-comment, .comment_default p.info i.icon-comments { margin-right:7px; } /* Flip Container //////////////////////////////////////////////////////////////////// */ .flipper { width:280px; height:420px; position:relative; } .layout_caroufredsel_service .news_headline { max-height:45px; position:relative; overflow:hidden; display:block; padding-top:17px; padding-right:20px; padding-left:20px; vertical-align:middle; text-align:center; font-size:20px; line-height:23px; font-weight:normal; color:#353740; } .flipper div.backside, .flipper div.front { width:277px; height:420px; left:0; top:0; position:absolute; overflow:hidden; margin-right:1px; margin-left:1px; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2); box-shadow:0 0 0 1px rgba(0,0,0,.2); -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } /* Flip Front //////////////////////////////////////////////////////////////////// */ .flipper div.front { background-color:#fff; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2); box-shadow:0 0 0 1px rgba(0,0,0,.2); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: perspective(800px) rotateY(0deg); -webkit-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } .flipper:hover div.front { -webkit-transform: perspective(800px) rotateY(-179.9deg); -moz-transform: perspective(800px) rotateY(-179.9deg); transform: perspective(800px) rotateY(-179.9deg); } .layout_caroufredsel_ticker .front .news_headline { height:45px; position:relative; overflow:hidden; display:block; margin-top:18px; margin-bottom:32px; padding-right:18px; padding-left:18px; text-align:center; font-size:16px; color:#353740; } /* Flip Backside //////////////////////////////////////////////////////////////////// */ .flipper div.backside { width:279px; height:420px; left:0; top:0; position:absolute; background-color:#74986A; background-image:url("../../files/theme_files/backgrounds/hg-muster2.jpg"); -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2); box-shadow:0 0 0 1px rgba(0,0,0,.2); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: perspective(800px) rotateY(180deg); -webkit-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } .flipper:hover div.backside { -moz-transform: perspective(800px) rotateY(0); -webkit-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } .layout_caroufredsel_ticker .backside .news_headline { color:#fff; } .layout_caroufredsel_service .backside .news_headline, .layout_caroufredsel_ticker .backside .news_headline { height:45px; margin-bottom:45px; padding:18px; text-align:left; font-size:16px; line-height:23px; font-weight:normal; color:#fff; } .layout_caroufredsel_service .flipper div.backside { width:279px; height:370px; left:0; top:0; position:absolute; background-color:#74986A; background-image:none; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2); box-shadow:0 0 0 1px rgba(0,0,0,.2); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: perspective(800px) rotateY(180deg); -webkit-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } .layout_caroufredsel_service.werbung .flipper div.backside { background-color:#74986A; } .layout_caroufredsel_service.news .flipper div.backside { background-color:#ccc; } .web .flipper div.backside { background-color:#74986A; background-image:none; } .werbung .flipper div.backside { background-color:#74986A; background-image:none; } .layout_caroufredsel_service .backside i { position:relative; display:block; margin-top:20px; margin-left:20px; font-size:20px; color:#fff; } .layout_caroufredsel_ticker .backside .icon-info { position:relative; display:block; margin-top:20px; margin-left:20px; font-size:20px; color:#fff; } .layout_caroufredsel_ticker .backside .icon-comment { position:relative; display:block; margin-top:20px; margin-left:20px; font-size:20px; color:#fff; } /* News List Slider //////////////////////////////////////////////////////////////////// */ .layout_caroufredsel_ticker, .layout_caroufredsel_service { width:273px; max-height:440px; margin-right:16px; padding-top:15px; padding-bottom:20px; width:273px !important; } .mod_caroufredsel_ticker { padding-right:10px; padding-left:10px; overflow:visible !important; } .mod_caroufredsel_ticker .caroufredsel_skin, .mod_caroufredsel_service .caroufredsel_skin { width:100%; } .layout_caroufredsel_ticker figure { width:277px; height:214px; background-color:#74986A; color:#fff; } .werbung .layout_caroufredsel_ticker figure { width:277px; height:214px; background-color:#74986A; color:#fff; } .layout_caroufredsel_ticker figure i { left:103px; position:absolute; top:58px; } .layout_caroufredsel_ticker .teaser { height:195px; position:relative; overflow:hidden; display:block; margin-bottom:26px; padding:0 18px 18px; font-size:16px; color:#fff; } .layout_caroufredsel_ticker .info_date, .layout_caroufredsel_ticker .info_count { padding-right:18px; padding-left:18px; font-size:16px; color:rgba(3D3937,.5); } .layout_caroufredsel_ticker .info_date i, .layout_caroufredsel_ticker .info_count i { margin-right:7px; } .layout_caroufredsel_ticker p.more { width:100%; bottom:0; position:absolute; margin:20px auto 25px; text-align:center; } .layout_caroufredsel_ticker p.more a { padding:8px 18px; background-color:#353740; border-radius:3px; font-size:10px; font-weight:bold; text-decoration:none; color:#fff; text-transform:uppercase; } .layout_caroufredsel_ticker p.more a:hover { background-color:#fff; color:#353740; } .layout_caroufredsel_ticker .news_subheadline.web { margin-left:50px; padding-top:10px; padding-bottom:10px; padding-left:40px; background-image:url("../../files/dateien/icons/icon-web1.png"); background-position:left center; background-repeat:no-repeat; } .layout_caroufredsel_ticker .news_subheadline.werbung { margin-left:50px; padding-top:10px; padding-bottom:10px; padding-left:40px; background-image:url("../../files/dateien/icons/icon-werbung1.png"); background-position:left center; background-repeat:no-repeat; } .mod_caroufredsel_ticker { position:relative; overflow:visible; display:block; } #header .caroufredsel_controls { position:relative; margin-bottom:-0px; text-align:right; line-height:1px; } #referenzen .caroufredsel_controls { width:50px; right:0; top:-20px; position:absolute; margin-right:10px; text-align:right; line-height:1px; } .caroufredsel_controls a { margin-left:7px; font-size:24px; font-weight:normal; text-decoration:none; color:#353740; } #header .caroufredsel_controls a { font-weight:normal; color:#fff; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .caroufredsel_prev.hidden, .caroufredsel_next.hidden { visibility: visible !important; display: inline-block !important; } /* Serviceboxes //////////////////////////////////////////////////////////////////// */ .layout_caroufredsel_service figure { width:225px; height:222px; background-color: #74986A; line-height:0px; color:#fff; } .layout_caroufredsel_service figure div { width:100%; padding-top:77px; text-align:center; } .layout_caroufredsel_service figure i { width:100%; left:0; top:77px; position:absolute; text-align:center; font-size:75px; } .layout_caroufredsel_service .teaser { height:185px; position:relative; overflow:hidden; display:block; margin-bottom:26px; padding:20px 20px 18px 18px; font-size:13px; color:#fff; } .layout_caroufredsel_service p.more { width:100%; bottom:-5px; position:absolute; display:block; margin-top:20px; margin-bottom:25px; text-align:center; left:0; } .layout_caroufredsel_service p.more a { width:54px; height:53px; position:relative; overflow:hidden; display:block; margin:0 auto; border-radius:32px; font-size:.1px; font-weight:bold; text-decoration:none; color:#353740; text-transform:uppercase; background:#353740 url("../../files/theme_files/img/plus.png") center center no-repeat; } /* Servicebox individuell //////////////////////////////////////////////////////////////////// */ .layout_caroufredsel_service.werbung figure { width:225px; height:222px; background-color:#74986A; line-height:0px; color:#fff; } .layout_caroufredsel_service.wissen figure { background-color:#666; } .layout_caroufredsel_service.news figure { background-color:#ccc; } .layout_caroufredsel_service p.more a:hover { color:#353740; background:#fff url("../../files/theme_files/img/plus_hover.png") center center no-repeat; } .layout_full .image_container img { padding:1.5%; background-color:#fff; border:1px solid #ccc; } #standart-layouts .flipper { height:325px; } #standart-layouts .flipper div.backside, #standart-layouts .flipper div.front { height:325px; } #standart-layouts .flipper div.backside { height:325px; } .mod_cms_cookie_bar form .formbody .widget-submit { text-align:center !important; } #cookiebar button { background-color: #74986A; float:right; } #cookiebar { padding-top:17px; text-align:left; z-index:1100; } .fix { margin-bottom:5px; padding:15px; background-color:#eee; width:280px; } .container { margin-top:2%; margin-bottom:1.5%; padding-top:3.5%; padding-bottom:1.5%; } .row { margin-bottom:2%; } #container1 { background-color:#74986A; color:#fff; } #footer_before .container-fluid { margin-bottom:-33px; padding-right:0; padding-left:0; } #footer_before .container-fluid .row { margin-bottom:0; } .highlight { color:#74986A; } .teaser h3 { font:30px/34px Open Sans; color:#fff; text-transform:none; } .teaser a { padding:10px 20px; background-color:#fff; color:#74986A; text-transform:uppercase; } .teaser a:hover { background-color:#333; color:#fff; } .more, .back { clear:both; margin-top:35px; margin-left:15px; } .more a, .back a, .mod_rocksolid_slider a { padding:10px 20px; background-color:#74986A; font-size:16px; line-height:20px; text-decoration:none; color:#fff; text-transform:uppercase; } .more a:hover, .back a:hover { opacity: 0.85; } #pakete { min-height:550px; position:relative; } .preispaket { bottom:0; position:absolute; float:left; margin-bottom:25px; padding-right:8px; padding-left:8px; width: calc((1/4 * 100%) - (0rem / 4)); } .preispaket.last { right:0; } .preispaket:nth-child(2) { left:25%; } .preispaket:nth-child(3) { right:25%; } .preispaket .bg-color { padding:30px 30px 10px; background-color:#fff; border:1px solid #676767; color:#666; } @media (min-width: 500px) and (max-width: 1200px) { .preispaket .bg-color { padding-bottom:80px; } } .preispaket .bg-color:hover { border-color:#74986A; } #inhalt-preise h3, .preispaket h3 { font-size:24px; line-height:28px; color:#74986A; text-transform:none; } .preispaket li:nth-child(5):before, .preispaket li:nth-child(6):before, .preispaket li:nth-child(7):before { font-weight:bold; content: "\+ "; } .preispaket hr { margin-top:25px; margin-bottom:15px; } .paketpreis { text-align:right; font-size:24px; } .mod_subscribe { max-width:700px; margin-right:auto; margin-left:auto; } #leistungen li { padding-top:7px; padding-bottom:10px; border-bottom:1px solid #ccc; } #leistungen li:last-child { border-bottom:0px; } #leistungen li:before { content: "\f006" } #leistungen li:hover:before { color:#74986A; content: "\f005" } .aufforderung a, .auff-button a{ float:right; padding:10px 20px; background-color:#74986A; line-height:20px; color:#fff; text-transform:uppercase; } .auff-button a{ float:left; } .btn a { padding:10px 20px; background-color:#74986A; line-height:20px; color:#fff; text-transform:uppercase; } .aufforderung a:hover, .btn a:hover { background-color:#333; color:#fff; } #leistungen .aufforderung { overflow:hidden; padding-top:15px; padding-bottom:15px; background-color:#fff; border:1px solid rgba(0,0,0,.2); } #leistungen .aufforderung p { margin-bottom:0; line-height:40px; } #leistungen h2 { margin-bottom:45px; } /*Partner Logos*/ .ce_gallery li:before { content: " "; } .partner-logos img { filter: grayscale(1); } .partner-logos img:hover { filter: none; } /***** ACCORDIONS *****/ .ce_accordionStart { padding:15px 15px 15px 15px; border: 1px solid rgba(0,0,0,.2); background-color: #fff; } /*section.ce_accordionStart .ui-accordion-content div { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }*/ .ui-accordion-header { position:relative; font-size:19px; cursor:pointer; color: #74986A; line-height: 20px; text-transform: uppercase; } .ui-accordion-header:hover, .ui-accordion-header.active { border-color:var(--col1); color:var(--col1); } .ce_accordionStart .ui-accordion-content { padding-right:0; padding-left:0; } .ui-accordion-content { padding-right:15px; padding-left:15px; padding-top: 30px; } .ui-accordion-header.ui-state-default:after { right:15px; position:absolute; font:20px/20px 'Font Awesome 5 Free'; font-weight: 900; color:var(--col1); content: "\f067 "; top: 52%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ui-accordion-header.ui-state-active:after { content: "\f068"; } /*Referenzen*/ .ui-accordion-content .ref-box{ margin-bottom: 15px; } .ref-box .ce_image { border: 1px solid #bfbfbf; height: 360px; background-position: center; background-size: cover; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .ref-box .ce_image .ce_text{ opacity: 0; display: flex; width: 100%; height: 100%; text-align: center; padding: 20px; background-color: rgba(116, 152, 106, 0.9); /*background-color: rgba(102, 102, 102, 0.8);*/ justify-content: center; flex-direction: column; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .ref-box .ce_image .ce_text h4{ font-weight: 700; font-size: 24px; color: #fff; } .ref-box .ce_image .ce_text h4:before{ position:absolute; font:20px/20px 'Font Awesome 5 Free'; font-weight: 900; color:var(--col1); content: "\f075"; top: 60px; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ref-box .ce_image .ce_text p{ color: #fff; } .ref-box .ce_image:hover .ce_text{ opacity: 1; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .ref-box .ce_image:hover{ transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } /*Content SLider */ .content-slider { width: 100%; } .slider-control a{ width: 50px; } .slider-control .slider-prev:before, .slider-control .slider-next:before{ content:"»"; font-size: 26px; } .slider-control a.slider-prev{ rotate: 180deg; } .slider-control .slider-menu{ top: 10px; } #footer { padding-bottom:5px; background-image:url("../../files/dateien/layout/footer-Landingpages.jpg"); background-position:left top; background-repeat:no-repeat; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #footer .container { margin-left:360px; padding-top:1.5%; } #footer h4 { text-transform:uppercase; } #footer a { color:#fff; } #footer a:hover { color:#333; } #footer img:hover { opacity:.65; } #footer .ce_text { padding-top:42px; } .widget-explanation.ds p { margin-bottom:0; } .formbody .widget { margin-bottom:0; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input:not([type]):focus, textarea:focus { border:1px solid #74986A; } textarea { margin-bottom:10px; padding:10px 5px; border-radius:0; behavior:url('assets/css3pie/1.0.0/PIE.htc'); -webkit-border-radius: 0px !important; border-radius: 0px !important; } input, button { margin-bottom:10px; border-radius:0; line-height:20px; behavior:url('assets/css3pie/1.0.0/PIE.htc'); -webkit-border-radius: 0px !important; border-radius: 0px !important; padding: 12px ; } button[type="submit"] { margin-top:15px; margin-bottom:15px; padding-right:40px; padding-left:40px; background-color:#74986A; background-image:none; border:0px; border-radius:0; font-size:16px; line-height:20px; color:#fff; text-transform:uppercase; padding-top: 15px !important; padding-bottom: 15px!important; } .mod_cms_accept_tags button[type="submit"] { margin-top:0; margin-left:0; font-size:12px; font-weight:normal; text-transform:none; padding-top:5px !important; padding-bottom: 5px !important; } button[type="submit"]:hover, .button:hover { background-color:#333; color:#fff; } fieldset { margin-bottom:25px; } fieldset strong { margin-right:25px; } legend { margin-bottom:5px; font-weight:normal; } select { min-width:100px; padding:5px; color:#6d6d6d; } .widget-captcha { margin-top:25px; } .anrede { margin-bottom:10px; } .widget>label { font-weight:normal; } .widget-checkbox.check-pakete span{ display: block; } .ce_gallery .row1 { width:100%; } .ce_gallery .row2 { width:49.5%; } .ce_gallery .row3 { width:32.6%; } .ce_gallery .row4 { width:24.20%; } .ce_gallery .row5 { width:19.2%; } .ce_gallery .row6 { width:15.83%; } .ce_gallery .row7 { width:13.2%; } .ce_gallery .row8 { width:11.62%; } .ce_gallery .row9 { width:10.22%; } .ce_gallery .row10 { width:9.1%; } .ce_gallery .row11 { width:8.18%; } .ce_gallery .row12 { width:7.41%; } .ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { margin-right:1%; } .col_last { margin-right: 0 !important; } .ce_gallery .row4 { width:24.5%; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } .ce_gallery li { position:relative; display:inline-block; vertical-align:middle; text-align:center; font-size:0; } .pagination { clear:both; padding-top:5px; border-top:0px solid #ddd; } .pagination ul { float:left; padding:0; } .pagination p { float:right; } .pagination li { float:left; margin:0; padding:0; list-style-type:none; background: none; font-size: 12px !important; letter-spacing: 0px !important; word-spacing: 0px !important!; } .pagination li a, .pagination li strong { display:block; margin-right:1px; padding:3px 7px; text-decoration:none; color:#fff; background: #333; } .pagination li strong.current { background: #74986A; } @media screen and (max-width: 534px) { .ce_gallery .row4 { width:24.2%; } } @media screen and (max-width: 1200px) { .preispaket { position:relative; width: calc((1/2 * 100%) - (0rem / 4)); } .preispaket:nth-child(3), .preispaket:nth-child(2) { left:0; right:0; } .preispaket .bottom { width:85%; bottom:15px; position:absolute; } .teaser-header .content { width:80%; } .navi { float: right; } } @media screen and (max-width: 992px) { .menu-toggle { float:right; display:block; } #mainmenu { display:none; } .navi { float:none; } .logo { width:60%; position:absolute; } #container0 .container { width:85%; } .preispaket .bottom { width:78%; } #zutaten .aufforderung, #zutaten .aufforderung a { float:none; text-align:center; } #footer .container { margin-left:auto; } #footer { background-image:url("../../files/dateien/layout/footer-Landingpages-responsive.jpg"); background-position:left top; background-repeat:repeat; } .content-slider .ref-box{ margin-bottom: 10px; } } @media screen and (min-height:700px) { #header_after .container-fluid { height:85vh; overflow:hidden; height: 85vh !important; } } #header_after .container-fluid { overflow:hidden; height: 800px !important; } @media screen and (max-width: 768px) { #header { background-image:url("../../files/dateien/layout/Header-Landingpages-responsive.jpg"); background-repeat:repeat; } .logo { width:85%; position:absolute; } #container0 { top:5.25%; } .preispaket .bottom { width:68%; } #zutaten li:last-child { border-bottom:1px solid #ccc; } .aufforderung a { display:block; margin-top:10px; } #zutaten .aufforderung p { line-height:20px; } #kontakt .ce_text { text-align:center; } #footer, #footer_after, #footer_after p { text-align: center; } } @media (max-width: 500px) { .container { margin-top:3%; margin-bottom:1.5%; padding-top:12%; padding-bottom:10%; } .preispaket { position:relative; width:100%!important; } .preispaket:nth-child(3), .preispaket:nth-child(2) { left:0; right:0; } .preispaket .bottom { position:relative; } .preispaket .bottom { width:100%!important; } .teaser-header .content { width:100%; } .teaser-formular { font-size:18px; } } @media (max-width: 398px) { .logo { width:70%; margin-top:24px; } h1, h1 a, .newsliste h1 { font-size:28px; } h2, h3 { font-size:26px; line-height:30px; } #referenzen h2 { margin-bottom:25px; } .teaser h3 { font-size:20px; line-height:24px; } .ce_text { width:100%; } .teaser-formular h4 { font-size: 22px; line-height: 28px; } #header_after .container-fluid { height: 900px !important; } }