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 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)} @charset "UTF-8";/*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp( var(--mm-min-size), var(--mm-size), var(--mm-max-size) )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp( calc(-1 * var(--mm-max-size)), calc(-1 * var(--mm-size)), calc(-1 * var(--mm-min-size)) )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none} 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-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} #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} .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} /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../../files/fonts/font/lato-v16-latin-300.eot'); /* IE9 Compat Modes */ src: local('Lato Light'), local('Lato-Light'), url('../../files/fonts/font/lato-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/font/lato-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/font/lato-v16-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/font/lato-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/font/lato-v16-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../../files/fonts/font/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Lato Regular'), local('Lato-Regular'), url('../../files/fonts/font/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/font/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/font/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/font/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/font/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../../files/fonts/font/lato-v16-latin-700.eot'); /* IE9 Compat Modes */ src: local('Lato Bold'), local('Lato-Bold'), url('../../files/fonts/font/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/font/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/font/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/font/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/font/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* >>> Slider allgemein <<< */ #header_after .container-fluid { padding-right:0; padding-left:0; } #header_after { border-bottom:40px solid #404846; } .visitenkarte #header_after { border-bottom: 0px; } .mod_rocksolid_slider .rsts-caption { display:none; } /* >>> Dunkler Filter über Slider-Bilder <<< */ .mod_rocksolid_slider .rsts-slide { position: relative; } .mod_rocksolid_slider .rsts-slide::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.45); pointer-events: none; } /* >>> Slider mit Hintergrundbild <<< */ .slider-1, .slider-2 { width:100%; height:100vh; display:block; text-align:center; } .slider-1 { background-image:url("../../files/dateien/css_landingpage_verkauf/files/dateien/galleries/slider-1.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-2 { background-image:url("../../files/dateien/css_landingpage_verkauf/files/dateien/galleries/slider-2.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } /* >>> Slider Teaser <<< */ .mod_rocksolid_slider .image-slogan, .mod_rocksolid_slider .content-text { width:100%; bottom:10%; position:absolute; float:none; display:block; margin-right:auto; margin-bottom:0; margin-left:auto; padding:40px 15px; text-align:center; background-color:rgba($grey4,.7); font-size:24px; line-height:26px; color:#fff; font-weight: 400; z-index: 990; } .mod_rocksolid_slide .content-text p { margin-bottom:0; } /***** MAIN *****/ :root { --col1: #404846; --col2: #FFCC00; --col3: #E3B601; --greyE: #EEE; --greyC: #CCC; --grey9: #999; --grey6: #666; --grey3: #333; } /* TinyMCE */ .col1 { color:var(--col1); } .col2 { color:var(--col2); } .col3 { color:var(--col3); } .text-small { font-size:14px; line-height:16px; } .text-big { font-size:18px; line-height:24px; } .clearfix { height:0; clear:both; } .clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } html { overflow-y: scroll; } body { margin:0; padding:0; color:#404846; font:16px/24px 'Lato', sans-serif;background-attachment: fixed; font-weight: 400; } div { box-sizing: border-box; } #wrapper { max-width:1920px; margin-right:auto; margin-left:auto; } h1, h2, h3, h4 { margin-top:0; margin-bottom:15px; margin-left:0; padding-top:0; padding-bottom:0; font-weight:400; } h1 { font-size:28px; line-height:40px; color:#FFCC00; font-weight:800; } h2 { font-size:34px; line-height:42px; font-weight:bold; color:var(--col1); } h3 { font-size:20px; line-height:24px; font-weight:bold; text-transform:uppercase; color:var(--col3); } h4 { font-size:20px; line-height:24px; color:#404846; text-transform:uppercase; } a { text-decoration:none; color:#404846; } a:hover, .btn a:hover { text-decoration:none; color:#FFCC00; } .btn a { float:right; text-transform:uppercase; } .btn figure a { float:none; } .btn a:before { float:left; font-size:16px; line-height:20px; color:#FFCC00; content: "\f067 "; margin-right: 8px; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .btn figure a:before { content:" "; } p { margin-top:0; margin-bottom:15px; } li { margin-left:1em; margin-bottom:6px; } li:before { float:left; margin-left:-1em; font-size:14px; line-height:28px; content: "\f101"; font-family: 'Font Awesome 5 Free'; font-weight: 900; } 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; } img { height:auto; max-width:100%; } :focus { outline:none; } .center { text-align:center; } .float_left { float:left; margin-right:1%; } .float_right { float:right; margin-left:1%; } .right { text-align:right; } .left { text-align:left; } .nach_oben_link { bottom:0; right:0; position:fixed; z-index:2000; } /* Buttons */ .more a, a.more, .back a { display:inline-block; padding:10px 20px; background-color:var(--col2); font-size:16px; line-height:20px; font-weight: bold; text-decoration:none; color:var(--col1); white-space: nowrap; display: inline-block; margin-top: 10px; margin-bottom: 10px; box-shadow:unset; transition: background-color 0.2s ease, color 0.2s ease; text-transform:uppercase; text-shadow: none!important; font-weight: 700; } .more a:hover, .back a:hover, a.more:hover, .bg-1 a.more:hover { background-color:var(--col1); color:var(--col2); font-weight: bold; box-shadow:unset; } .bg-1 a.more { background-color:var(--col2); color:var(--col1); } /* >>> Breadcrumb <<< */ .mod_breadcrumb { overflow:hidden; margin-bottom:20px; } .mod_breadcrumb li { float:left; margin-left:0; font-size:12px; } .mod_breadcrumb li:before { content:none; } .mod_breadcrumb li:after { margin-right:5px; margin-left:5px; content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .mod_breadcrumb li.last:after { display:none; } /* >>> Ladeanimation <<< */ .ladeanimation { width:100%; height:100%; left:0; top:0; position:fixed; background:#fff url("../../files/dateien/icons/loader3.gif") center center no-repeat; z-index: 9999; } .js #loader { left:100px; top:0; position:absolute; display:block; } .no-js #loader { display:none; } /* >>> Cookie Hinweis <<< */ #cookiebar { padding-top:10px; padding-bottom:5px; text-align:center; background-color:rgba(64,72,70,.85); font-size:14px; line-height:16px; color:#fff; } #cookiebar button { margin:5px 10px; padding-right:10px; padding-left:10px; background-color:#FFCC00; border:0; color:#404846; background-image:none; cursor: pointer; } #cookiebar button:hover { background-color:#404846; color:#fff; } #cookiebar a { color:#FFCC00; } #cookiebar a:hover { color:#F6F6F6; } .dlh_googlemap { width:100%; height:435px; } /* Abstände*/ .pt-0 {padding-top:0px!important;} .pt-20 {padding-top:20px;} .pt-40 {padding-top:40px;} .pt-60 {padding-top:60px;} .pt-80 {padding-top:80px;} .pt-100 {padding-top:100px;} .pb-0 {padding-bottom:0px!important;} .pb-20 {padding-bottom:20px;} .pb-40 {padding-bottom:40px;} .pb-60 {padding-bottom:60px;} .pb-80 {padding-bottom:80px;} .pb-100 {padding-bottom:100px;} .mt-0 {margin-top:0px!important;} .mt-20 {margin-top:20px;} .mt-40 {margin-top:40px;} .mt-60 {margin-top:60px;} .mt-80 {margin-top:80px;} .mt-100 {margin-top:100px;} .mb-0 {margin-bottom:0px!important;} .mb-20 {margin-bottom:20px;} .mb-40 {margin-bottom:40px;} .mb-60 {margin-bottom:60px;} .mb-80 {margin-bottom:80px;} .mb-100 {margin-bottom:100px;} /* Ausrichtungen */ .center { text-align:center; } .right { text-align:right; } .left { text-align:left; } .float_left { float:left; margin-right:1%; } .float_right { float:right; margin-left:1%; } .schmaler-content { width:80%; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; } .zentriert { padding-right:25px; padding-left:25px; text-align:center; justify-content: center; display: flex; flex-direction: column; } .ce_rsce_hg-bild .content-image, .ce_rsce_hg-bild-text .content-image { display: flex; flex-wrap: nowrap; height: 100%; } .ce_rsce_hg-bild .content-image picture, .ce_rsce_hg-bild-text .content-image picture { display: flex; width: 100%; } .ce_rsce_hg-bild .content-image img, .ce_rsce_hg-bild-text .content-image img { align-self: auto; object-fit: cover; } /* BG Color */ .mod_article .bg-white, .mod_article .bg-grey, .mod_article .bg-1, .mod_article .bg-2 { margin-bottom:15px; padding: 35px 25px 15px; } .mod_article .bg-white figure, .mod_article .bg-white-2 figure, .mod_article .bg-grey figure, .mod_article .bg-1 figure, .mod_article .bg-2 figure { margin:-15px -15px 25px; } .bg-white { background-color:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .bg-white-2 { background-color:#fff; } .mod_article .bg-white-2 { margin-bottom:15px; padding:15px 0; } .bg-grey { background-color:#F6F6F6; } .bg-1 { background-color:var(--col1); color:#fff; } .bg-2 { background-color:var(--col2); color:#fff; } .bg-1 h1, .bg-1 h2, .bg-1 h3, .bg-1 a, .bg-2 h1, .bg-2 h2, .bg-2 h3, .bg-2 a { color:#fff; } .bg-1 a:hover, .bg-2 a:hover { color:var(--col2); } .mod_article .ce_rsce_hg-bild-text.bg-grey, .mod_article .ce_rsce_hg-bild-text.bg-white, .mod_article .ce_rsce_hg-bild-text.bg-1, .mod_article .ce_rsce_hg-bild-text.bg-2 { margin-bottom:0; } /* mod_article */ .mod_article { padding-top:80px; padding-bottom:80px; } .mod_article.fullwidth { max-width:100%; } .fullwidth .mod_article { padding-top:0; padding-bottom:0; } .mod_article.fullwidth:not(.boxed-content) { padding-top:0; padding-bottom:0; } .mod_article.fullwidth.content { padding-top:40px; padding-bottom:40px; padding-right:4%; padding-left:4%; } .two-boxes-full.mod_article.fullwidth.no-boxed > div { padding:0; } .two-boxes-full.mod_article.fullwidth.no-boxed > div .bg { height:100%; margin-bottom:0; padding:0; } .two-boxes-full.mod_article.fullwidth.no-boxed > div > div > .content-text { padding-top:80px; padding-bottom:65px; } .two-boxes-full.mod_article.fullwidth.no-boxed > div:first-child > div > .content-text { padding-right: 50px; padding-left:110px; } .two-boxes-full.mod_article.fullwidth.no-boxed > div:nth-child(2) > div > .content-text { padding-right: 110px; padding-left:50px; } .two-boxes-full.mod_article.fullwidth.no-boxed .col-lg-6:first-child > div > .content-text { padding-left:15px; max-width: 770px; float: right; } .two-boxes-full.mod_article.fullwidth.no-boxed .col-lg-6:nth-child(2) > div > .content-text { padding-right:15px; max-width: 770px; float: left; } .two-boxes-full.mod_article.fullwidth.no-boxed .ce_rsce_hg-bild, .two-boxes-full.mod_article.fullwidth.no-boxed .ce_rsce_hg-bild-text { min-height: 550px; } .ce_rsce_header-hg-bild-text .content-text, .ce_rsce_hg-bild-text .content-text { background-color: #fff; padding: 25px 25px 15px!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); position: absolute; bottom: 40px; margin-right: 25px; margin-left: 25px; } .w80 .content-text { max-width:80%; } /*.ce_rsce_hg-farbe h2 { font-size: 18px; line-height: 22px; } */ .ce_rsce_hg-farbe figure { margin-bottom: 10px!important; } .fixed { position: fixed !important; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header.fixed { height:128px; margin-top:0; box-shadow: 0 0 10px rgba(0,0,0,.4); } #header.fixed .logo { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header.fixed ul { margin-top:-3px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } /***** BOOTSTRAP *****/ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .mod_article, .mod_article .contentwrap { width:100%; margin-right:auto; margin-left:auto; } @media (min-width: 576px) { .mod_article { max-width: 540px; } } @media (min-width: 768px) { .mod_article { max-width: 720px; } } @media (min-width: 992px) { .mod_article { max-width: 960px; } } @media (min-width: 1200px) { .mod_article { max-width: 1140px; } } .row{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .container-fluid { width:100%; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; } .no-gutters { margin-right:0; margin-left:0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right:0; padding-left:0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { width:100%; min-height:1px; position:relative; padding-right:15px; padding-left:15px; } .col { max-width:100%; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; } .col-auto { width:auto; max-width:none; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-1 { max-width:8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; } .col-2 { max-width:16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; } .col-3 { max-width:25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col-4 { max-width:33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; } .col-5 { max-width:41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; } .col-6 { max-width:50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-7 { max-width:58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; } .col-8 { max-width:66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; } .col-9 { max-width:75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .col-10 { max-width:83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; } .col-11 { max-width:91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; } .col-12 { max-width:100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left:8.333333%; } .offset-2 { margin-left:16.666667%; } .offset-3 { margin-left:25%; } .offset-4 { margin-left:33.333333%; } .offset-5 { margin-left:41.666667%; } .offset-6 { margin-left:50%; } .offset-7 { margin-left:58.333333%; } .offset-8 { margin-left:66.666667%; } .offset-9 { margin-left:75%; } .offset-10 { margin-left:83.333333%; } .offset-11 { margin-left:91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /* >>> Specials <<< */ .schmaler-content { width:80%; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; } .small { font-size:12px; line-height:14px; } .main-text { overflow:hidden; padding-top:80px; } .bg-color { margin-bottom:25px; padding-right:15px; padding-bottom:15px; padding-left:15px; background-color:#FFCC00; color:#fff; } .kasten .bg-color { padding:35px 25px 15px; background-color:#fff; font-size:14px; line-height:20px; color:#404846; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .kasten2 .bg-color { padding:35px 25px 15px; background-color:#F6F6F6; font-size:14px; line-height:20px; color:#404846; } .kasten.team .bg-color { padding-top:10px; } .home #main .kasten .bg-color { margin-top:-40px; padding-top:15px; border-top:40px solid #FFCC00; } .kasten .bg-color figure { margin-top:0; text-align:center; } .themen .kasten .bg-color { max-width:300px; margin-right:auto; margin-bottom:40px; margin-left:auto; } .themen .kasten .bg-color h2 { font-size:18px; line-height:22px; } #themen-teaser .content-text { padding-right: 40px; padding-left: 40px; } .teaser-icon-right { border-right: 2px solid #ddd; padding-right: 30px; } .teaser-icon-left { border-left: 2px solid #ddd; padding-left: 30px; } #themen-teaser figure { margin-bottom: 10px; } #themen-teaser figure img { width: 80px; height: 80px; } #vier-schritte h2{ color:#fff; } #vier-schritte figure{ margin-bottom: 10px; } #vier-schritte figure img { width: 100px; height: 100px; } .auflistung li { margin-left:1.5em; } .auflistung li:before { margin-left:-1.5em; font-size:16px; line-height:20px; color:#FFCC00; content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .sublist { margin-left:1.5em; } .sternchen li { margin-left:1.5em; } .sternchen li:before { margin-left:-1.5em; font-size:16px; line-height:20px; color:#FFCC00; content: "\f005"; font-family: 'Font Awesome 5 Free'; font-weight: 400; } .masonry .fix { width:280px; margin-bottom:5px; padding:15px; background-color:rgba(404846,.8); } #themen h2 { padding-top:15px; } #themen .content-text { padding-right:40px; padding-left:40px; } @media screen and (min-width: 1334px) { #themen figure { float: left; } } @media screen and (max-width: 455px) { #themen figure { float: none!important; } } .count-number { margin-top:45px; font-size:60px; line-height:44px; font-weight:bold; } .kundenstimme .slider-prev, .kundenstimme .slider-next { display:none; } .kundenstimme h3 { font-size:24px; line-height:28px; font-weight:bold; color:#FFCC00; text-transform:none; } .kundenstimme { padding-top:15px; padding-left:120px; } .kundenstimme:before { left:60px; top:0; position:absolute; content:url("../../files/dateien/css_landingpage_verkauf/files/dateien/icons/icon-kundenstimme.png"); } .abc { font-size:20px; line-height:24px; letter-spacing:5px; } .content-gallery img { transition: all ease 1s; } .content-gallery img:hover { opacity: .8; transform: scale(1.1); } /* >>> Buttons <<< */ .more, .back { clear:both; margin-top:35px; } .back { padding-left:15px; } .more a, .back a, .mod_rocksolid_slider a { padding:10px 20px; background-color:#FFCC00; font-size:16px; line-height:20px; font-weight:bold; text-decoration:none; color:#404846; text-transform:uppercase; } .more a:hover, .back a:hover { color:#fff; } /* >>> Accordion <<< */ .ce_accordion { clear:both; margin-right:15px; margin-left:15px; } .ui-accordion-header { position:relative; margin-bottom:15px; padding:15px 45px 15px 15px; border:1px solid #ccc; font-size:19px; cursor:pointer; } .ui-accordion-header:hover, .ui-accordion-header.active { border-color:#FFCC00; color:#FFCC00; } .ui-accordion-content { padding-right:15px; padding-left:15px; } .ce_accordionStart .ui-accordion-content { overflow:hidden; margin-bottom:25px; padding-right:0; padding-left:0; } .ui-accordion-header:after { right:15px; position:absolute; font-size:20px; line-height:20px; color:#FFCC00; content: "\f067 "; top: 52%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .ui-accordion-header.active:after { content: "\f068 "; } /* >>> Pagination <<< */ .pagination li span.current { background-color:#FFCC00; } .pagination li a, .pagination li span { background-color:#FFCC00; } /* >>> 5 Spalten <<< */ .fuenf-spalten { float:left; display:inline-block; padding:15px; width: calc((1/5 * 100%) - (0rem / 5)); } .fuenf-spalten figure, .bg-color figure { margin:-15px -15px 25px; } /* >>> Bild Teaser <<< */ .bildteaser { margin-right:0; margin-bottom:25px; margin-left:0; background-color:#FFCC00; color:#fff; } .bildteaser h2 { color:#fff; } .bildteaser .content-text { padding:40px 20px 20px; } .bildteaser img { width:auto; max-width:none !important; } .bild-links figure { overflow:hidden; margin-left:-15px; } .bild-rechts figure { overflow:hidden; margin-right:-15px; } #icon figure { position: absolute; left: 15px; margin-top: -5px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background-color: #FFCC00; padding: 20px; width: 40px; height: 40px; border-radius: 100%; margin-right: 0 !important; display: flex; justify-content: center; } #icon.content-text { padding-left: 120px; top: 10px; } #icon.e-mail { padding-top: 50px; } .visitenkarte #logo-rks img { margin-top: -115px; } .visitenkarte h1 { margin-bottom: 2px; font-size: 34px; line-height: 50px; } .visitenkarte h2 { margin-top: 5px; margin-bottom: 5px; } .visitenkarten #icon img { margin-top: 2px; } .visitenkarte { font-size:18px; } .visitenkarte #container { padding-bottom: 60px; } @media screen and (max-width: 700px) { .visitenkarte #speichern { position: fixed; width: 100%; bottom: 0; left: 0; margin-top: 0; text-align: center; background-color: #ffdd12; padding-top: 15px; } .visitenkarte #speichern p { display: inline-block; } .visitenkarte #speichern a { float: none; } .visitenkarte #speichern a:hover { color:#404846; font-weight: bold; } .visitenkarte .btn a:before { color:#404846; } } /* Contao 5 Anpassung für Text-Elemente mit bg-color */ .kasten .ce_text.bg-color { padding:35px 25px 15px; background-color:#fff; font-size:14px; line-height:20px; color:#404846; text-align:center; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15); } .kasten .ce_text.bg-color figure { margin:-15px -15px 25px; text-align:center; } .kasten .ce_text.bg-color img { width:auto; max-width:100%; height:auto; } .kasten .ce_text.bg-color h2 { font-size:24px; line-height:28px; text-align:center; } /*#header-start { position:absolute; max-width: 100%; padding: 40px 300px 10px; text-align: center; z-index: 1; bottom: 40px; } #header-start h1 { text-align: center; font-size: 44px; line-height: 48px; font-weight: 700; color: #fff !important; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #header-start h2 { text-transform:uppercase; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #header-start p { color: #fff !important; font-size: 18px; line-height: 24px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } */ /* Slider Kundenstimmen */ .content-slider { margin-left: 15px; } .content-slider h3 { font-size: 24px; line-height: 28px; font-weight: bold; color: #FFCC00; } .slider-control .slider-prev, .slider-control .slider-next { display: none; } .slider-control .slider-menu { position: absolute; left: 50%; transform: translateX(-50%); top: -20px; } .slider-control .slider-menu b.active { color: #FFCC00; } .unternehmen-landingpage .text-big { font-size: 120px; color: var(--col2); font-weight: 700; } .unternehmen-landingpage p { text-transform: uppercase; font-weight: 700; text-align:center; font-size: 20px; line-height: 24px; } .siegel img { position:absolute; left: 15px; } .siegel p { margin-left: 50px; } .siegel-bild img { position:absolute; } .siegel-bild .text-big { position:relative; margin-left: 50px; } .teaser-einleitung { margin-top: -120px; } .teaser-einleitung img { position: absolute; left: 40px; } .teaser-einleitung p { margin-left: 70px; } .einleitung-text { padding-right: 80px; } #headerbild { /*height: clamp(220px, 26vw, 500px);*/ max-height: calc(100vh - 100px); min-height:650px; overflow: hidden; position: relative; border-bottom: 40px solid #404846; } #headerbild .rte p:has(img) { display: flex; align-items: center; gap: 10px; } #headerbild .content-image, #headerbild picture, #headerbild img { display: flex; width: 100%; height: 100%; } #headerbild img { object-fit: cover; width: 30px; height: 30px; display: block; flex-shrink: 0; } #headerbild .ce_rsce_header-hg-bild-text .content-text, .ce_rsce_hg-bild-text .content-text { background-color: transparent; padding: 40px 300px 10px!important; max-width: 100%; box-shadow: none; position: absolute; bottom: 120px; margin-right: 25px; margin-left: 25px; text-align: center; } #headerbild h1 { text-align: left; font-size: 42px; line-height: 48px; font-weight: 700; color: #fff !important; text-shadow: 0 0 8px rgba(0, 0, 0, 0.9); text-transform: uppercase; } #headerbild h2 { font-size: 30px; line-height: 36px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.9); color:#fff; } #headerbild p { color: #fff !important; font-size: 18px; line-height: 24px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.9); } #headerbild::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(0, 0, 0, 0.59) 26%, rgba(255, 255, 255, 0) 94%); /*background: rgba(0, 0, 0, 0.6);*/ z-index: 0; } /*#headerbild .content-text { position: relative; z-index: 1; } */ /*#headerbild .content-text { background-color: transparent; max-width: 100%; box-shadow: none; position: absolute; z-index: 1; bottom: 120px; margin-right: 25px; margin-left: 25px; text-align: center; } */ #headerbild .content-text { background-color: transparent; position: absolute; z-index: 1; top:100px; /*bottom: 120px;*/ left: 10%; /*transform: translateX(-50%);*/ width: 90%; max-width: 600px; min-height: 500px; margin: 0; text-align: left; } /***** Content Slider *****/ .ce_sliderStart { padding-left: 50px; padding-right: 50px; } .slider-control { height: 100%; position: absolute; width: 100%; top: 0; left: 0; z-index: 0; } .content-slider { z-index: 1; } .slider-menu { top: unset!important; bottom: -30px; font-size: 40px!important; } .slider-control .slider-prev, .slider-control .slider-next { color:transparent; } .slider-control .slider-prev:before { font:60px/60px 'Font Awesome 6 Free'; content: "\f104 "; font-weight:900; color:#eee; margin-left: 10px; } .slider-control .slider-next:before { font:60px/60px 'Font Awesome 6 Free'; content: "\f105 "; font-weight:900; color:#eee; float: right; margin-right: 10px; } /* specials_img-overlay.css */ .content-image figure { position:relative; } .content-image figcaption, .image_container figcaption { width:100%; height:100%; top:-100%; position:absolute; background-color:rgba(255,255,255,.8); } .content-image:hover figcaption, .image_container:hover figcaption { top:0; } .img-overlay { height:100%; display: flex; justify-content: center; align-items: center; } .img-overlay a { width:53px; height:53px; margin:3px; padding:0 15px; background-color:#fff; display: flex; align-items: center; } .img-overlay a:hover svg path { fill:var(--col1)!important; } /* >>> News home <<< */ .home .newsliste { margin-bottom:0; padding-bottom:0; border-bottom:0px; } /* >>> News allgemein <<< */ .newsliste { overflow:hidden; margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #CCCCCC; } .newsliste h3, .newsliste h3 a { margin-top:0; margin-bottom:10px; font-size:20px; line-height:24px; font-weight:bold; color:#C10A27; } #container2 .newsliste h2, #container2 .newsliste h2 a { margin-top:0; margin-bottom:10px; font-size:20px; line-height:24px; color:#C10A27; } .newsliste h2 a:hover { color:#C10A27; } .newsliste .info { margin-bottom:2px; } .mod_newsreader { width:100%; } .mod_newsreader figure { margin-bottom:20px; } .mod_newsreader .layout_full { margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #CCCCCC; } .mod_newsreader h1 { text-transform:none; } .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #000; opacity: .2; } .swiper-pagination-bullet-active { opacity: 1; background: var(--col3); } .mod_newslist.swiper-wrapper { padding-bottom:40px; align-items: stretch; } .mod_newslist.swiper-wrapper .swiper-slide { height: auto; display: flex; flex-direction: column; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); padding: 35px 25px 15px; } .mod_newslist.swiper-wrapper .swiper-slide .col-md-12 { display: flex; flex-direction: column; height: 100%; } .ce_swiperStart .swiper-container { overflow: visible !important; } /* Damit der Slider trotzdem nicht aus dem Layout bricht */ .ce_swiperStart { width:100%; overflow: hidden; padding: 40px 20px 15px; } .mod_newslist.swiper-wrapper .swiper-slide { background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); padding: 35px 20px; } .mod_newslist.swiper-wrapper .swiper-slide p.info { display: none; } /* H2 ausblenden */ .mod_newslist.swiper-wrapper .swiper-slide h2 { display: none; } .mod_newslist.swiper-wrapper .swiper-slide { position: relative; } .mod_newslist.swiper-wrapper .swiper-slide::before { content: ''; position: absolute; top: -20px; right: 15px; width: 60px; height: 60px; background-image: url('/files/dateien/landingpage_verkauf/Referenzen.svg'); background-repeat: no-repeat; background-size: contain; z-index: 10; } @media (max-width: 1200px) { } #container-media-buttons { left:0; top:25%; position:fixed; z-index: 200; } a.media-link { width:25px; height:25px; position:relative; display:block; margin-bottom:3px; padding:10px; text-align:center; background-color:#FFCC00; color:#404846; } a.media-link i { margin-left:3px; font-size:18px; font-family: 'Font Awesome 5 Free'; font-weight: 900; } #container-media-buttons a.media-link { width: 25px; height: 25px; padding: 10px; display: block; margin-bottom: 3px; text-align: center; background-color: #FFCC00; color: #404846; box-sizing: content-box; /* wichtig! BS5 setzt border-box */ } a.tooltip { position:relative; text-decoration:none; } a.tooltip:after { bottom:5px; left:56px; position:absolute; padding:5px 15px; background-color:#404846; color:#fff; content: attr(data-tooltip); -webkit-border-radius: 4px; -moz-border-radius : 4px; border-radius : 4px; white-space: nowrap; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition : all 0.4s ease; transition : all 0.4s ease; } a.tooltip:before { width:0; height:0; bottom:12px; left:50px; position:absolute; content: ""; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #404846 transparent transparent; -webkit-transition: all 0.4s ease; -moz-transition : all 0.4s ease; transition : all 0.4s ease; opacity: 0; } a.tooltip:hover:after, a:hover:before { opacity: 1; } i.fa-mobile { margin-left:5px; font-size: 22px!important; font-weight: bold!important; } @media (max-width: 398px) { #container-media-buttons { position:relative; top:0; margin-top: 10px; margin-bottom: 6px; text-align: center; } a.tooltip:after, a.tooltip:before { display:none; } a.media-link { display: inline-block; } #header_after { background-color:#404846; border:none; } } .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); } } #impressionen { margin-bottom:1%; } #impressionen img { transition: all ease 1s; } #impressionen img:hover { opacity: .8; transform: scale(1.1); } .impression-01, .impression-02, .impression-03, .impression-05 { overflow:hidden; float:left; margin-right:1%; line-height:0; } .impression-01 { width:24.25%; } .impression-02, .impression-03, .impression-04 { width:24.25%; margin-bottom:1%; } .impression-05 { width:44%; } .impression-04, .impression-06 { overflow:hidden; float:left; margin-right:0; } .impression-06 { width:29.74%; } @media screen and (max-width: 550px) { #impressionen-mobile { display:block!important; } #impressionen { display:none; } } #impressionen-mobile { display:none; } #cboxClose, #cboxNext, #cboxPrevious { position:fixed; background-image:url("../../files/dateien/css_landingpage_verkauf/files/dateien/icons/controls.png"); } #cboxCurrent, #cboxTitle { font-size:12px; font-weight:bold; color:#666; text-transform:uppercase; } #cboxLoadedContent { border:0px solid #000; background:#fff; box-shadow: 0 0 5px 0px rgba(0,0,0,.3); } #cboxOverlay { background:#000; opacity: 0.9; filter: alpha(opacity = 90); } #cboxContent { position:absolute; } #colorbox, #cboxOverlay, #cboxWrapper { -moz-transform:none; -webkit-transform:none; transform:none; } .container-fluid .row { margin-right:0; margin-left:0; } /* >>> Container <<< */ .home .container { padding-top:120px; padding-bottom:100px; } .container { padding-top:65px; padding-bottom:60px; } .home #main .container { padding-top:0; padding-bottom:80px; } /* >>> Container <<< */ #container2 .container-fluid { padding-top:65px; padding-bottom:35px; } #container1 .container { padding-top:40px; padding-bottom:25px; } #container3 .container-fluid { padding-top:10px; padding-bottom:35px; } #container1, #container2 { background-color:#F6F6F6; border-bottom:20px solid #fff; } #container3 { background-color:#404846; color:#fff; } #container2 .container-fluid, #container3 .container-fluid { padding-right:0; padding-left:0; } /*#footer { background-color:#F6F6F6; } #footer .container { position:relative; padding-top:95px; border-top:10px solid #FFCC00; } #footer a { color:var(--col1); } #footer a:hover { color:#FFCC00; } #footer hr { margin-top:20px; margin-bottom:20px; } #footer_after { background-color:#404846; color:#fff; } #footer_after .container { padding-top:15px; padding-bottom:0; } .footer-logos { right:15px; top:0; position:absolute; width: auto!important; } #footer_before .kasten .bg-color { max-width:300px; margin-right:auto; margin-left:auto; } */ #footer { background-color: #F6F6F6; } #footer .inside { position: relative; padding-top: 0; } #footer .row.mod_article { position: relative; padding-top: 120px; } #footer .row.mod_article::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 10px; background-color: #FFCC00; } #footer a { color: var(--col1); } #footer a:hover { color: #FFCC00; } #footer hr { margin-top: 20px; margin-bottom: 20px; } #footer_after { background-color: #404846; color: #fff; } #footer_after .inside { padding-top: 15px; padding-bottom: 0; } .footer-logos { right: 15px; top: 10px; position: absolute; width: auto !important; } .anrede { margin-bottom:10px; } .schmaler-content .anrede { padding-right:15px; padding-left:15px; } .widget-checkbox { margin-top:10px; margin-bottom:0; } .widget-captcha { margin-top:25px; } .widget-select { margin-top:15px; } .widget-radio span { margin-right: 20px; } legend { margin-bottom:5px; font-weight:bold; display: flex!important; } fieldset { margin-bottom:25px; padding-right: 0 !important; padding-left: 0 !important; } fieldset span { margin-right:25px; } select { min-width:100px; padding:5px 14px; border-color:#ccc; color:#777; -moz-box-shadow: inset 0 1px 1px #eee; -webkit-box-shadow: inset 0 1px 1px #eee; box-shadow: inset 0 1px 1px #eee; } textarea { margin-bottom:0; padding:10px 14px; border-radius:0; behavior:url('assets/css3pie/1.0.0/PIE.htc'); behavior:url('assets/css3pie/1.0.0/PIE.htc'); -webkit-border-radius: 0px !important; border-radius: 0px !important; } input { border-radius:0; line-height:20px; behavior:url('assets/css3pie/1.0.0/PIE.htc'); behavior:url('assets/css3pie/1.0.0/PIE.htc'); -webkit-border-radius: 0px !important; border-radius: 0px !important; padding: 10px !important; } .submit { margin-bottom:10px; border-radius:0; line-height:20px; font-weight: bold; behavior:url('assets/css3pie/1.0.0/PIE.htc'); behavior:url('assets/css3pie/1.0.0/PIE.htc'); -webkit-border-radius: 0px !important; border-radius: 0px !important; padding: 14px !important; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input:not([type]):focus, textarea:focus { border:1px solid #FFCC00; } .submit { margin-top:15px; margin-bottom:15px; padding-right:40px; padding-left:40px; background-color:#FFCC00; background-image:none; border:0px; border-radius:0; font-size:16px; line-height:20px; color:var(--col1); text-transform:uppercase; behavior:url('assets/css3pie/1.0.0/PIE.htc'); padding-top: 15px !important; padding-bottom: 15px!important; } .submit:hover { background-color:var(--col1); color:var(--col2); } .checkbox_container { margin-bottom:0; } .widget-checkbox span { display:block; } .widget-checkbox legend span { display:inline-block; } .widget-checkbox span.invisible { display:none; } hr.widget { margin-bottom:40px; } /* Radio-Buttons nebeneinander */ .widget-radio .radio_container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 20px; align-items: center; margin-top: 15px; } .widget-radio .radio_container span { display: flex; align-items: center; gap: 4px; white-space: nowrap; } .widget-radio .radio_container input[type="radio"] { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 4px 0 0; flex-shrink: 0; } .widget-radio .radio_container legend .invisible { display: none; } .ce_form .formbody { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .ce_form .formbody .widget { padding-right: 15px; padding-left: 15px; flex: 0 0 50%; max-width: 50%; box-sizing: border-box; } .ce_form .formbody .widget input { width: 100%; box-sizing: border-box; } .ce_form .formbody .widget-checkbox, .ce_form .formbody .widget-captcha, .ce_form .formbody .widget-submit, .ce_form .formbody .widget-radio { flex: 0 0 100%; max-width: 100%; } .ce_form .formbody .widget-checkbox input[type="checkbox"] { width: auto; } .schnellanfrage { padding: 35px 25px 15px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); margin-left: 60px; } @media (max-width: 767px) { .ce_form .formbody .widget { flex: 0 0 100%; max-width: 100%; } } /* >>> Galerie allgemein <<< */ .content-gallery > ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; } .content-gallery li:before { content: none; } .content-gallery li { position: relative; overflow: hidden; margin: 0; padding: 0; text-align: center; font-size: 0; line-height: 0; } .content-gallery figure { margin: 0; } .content-gallery img { width: 100%; height: auto; display: block; } .content-gallery figcaption { position: absolute; bottom: -30px; background: rgba(255,255,255,0.8); color: #FFCC00; padding: 8px; width: 100%; box-sizing: border-box; font-size: 14px; line-height: 16px; transition: all 0.5s ease; } .content-gallery li:hover figcaption { bottom: 0; } /* >>> Galerie Spalten <<< */ .content-gallery--cols-2 > ul { grid-template-columns: repeat(2, 1fr); } .content-gallery--cols-3 > ul { grid-template-columns: repeat(3, 1fr); } .content-gallery--cols-4 > ul { grid-template-columns: repeat(4, 1fr); } .content-gallery--cols-5 > ul { grid-template-columns: repeat(5, 1fr); } .content-gallery--cols-6 > ul { grid-template-columns: repeat(6, 1fr); } @media screen and (max-width: 550px) { .content-gallery > ul { grid-template-columns: 1fr; } } .pagination li:before { content:""; } .mod_immoListView .pagination ul li.active a, .mod_immoListView .pagination ul span { background-color:#fc0; color:#fff; } .mod_immoListView .pagination ul li a { color:#404846; } .mod_immoListView, .estate-detail { font:16px Lato; color:#404846; } #estate_filter_list .header { color:#404846; } .btn.btn-reset-filter { background-color:#fc0; font-weight:bold; color:#fff; } #estate_filter_list button { background-color:#666; } .mod_immoListView .estate h2 { height:80px; border-color:#fc0; font-size:16px; color:#404846; font-weight:400; } .mod_immoListView .estate ul li .label, .mod_immoListView .estate ul li .value { font-size:14px; color:#404846; text-transform:uppercase; } .mod_immoListView .estate ul li .label { font-weight:400; } .estate-detail.extended .right .obj-details > div { background-color:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); flex: 0 0 31.33%; margin:0.5%; } .mod_immoListView .estate .inner { background-color:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .estate-detail .field.verwaltung_techn-objektnr_extern { color:#ccc; } .estate-detail h1, .mod_immoListView h1 { font-size:24px; color:#404846; font-weight:400; } .estate-detail h1 { margin-bottom:15px; } .estate-detail h1:after { border-bottom:0; } .estate-detail.extended .right .obj-details h2 { font-size:16px; color:#404846; text-transform:uppercase; } .estate-detail.extended .right .obj-details .field .label, .estate-detail.extended .right .obj-details .field div:last-child { font-size:16px; color:#404846; } .estate-detail.extended .right .obj-details .field .label { text-align:left; font-weight:400; } .estate-detail .description, .estate-detail .contact, .estate-detail .maps, .estate-detail .obj-header { color:#404846; font-weight:300; } .estate-detail h3 { border-bottom:1px solid #ccc; font-size:20px; color:#404846; text-transform:uppercase; font-weight:400; } .estate-detail h4 { font-size:20px; color:#404846; text-transform:none; font-weight:400; } .description li:before { width:25px; margin-left:0; padding-left:0; line-height:20px; } .estate-detail .back.footer { display:inline-block; margin-left:0; padding-left:0; font-size:16px; color:#fff; } .estate-detail .back a { font-size:16px; color:#fff; } .estate-detail.extended .right .obj-details { margin-bottom:30px; margin-left:-3px; } .estate-detail .small-pics { width: 33.333333333%; } .estate-detail .big-img { margin-right:inherit; } .estate-detail .big-img img { width:94%; margin-top:.3%; margin-right:1.5%; margin-left:.5%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); padding:15px; margin-bottom: 30px; } #estate_filter_list .button.active { background-color: #fc0 !important; } .mod_realEstateExpose .expose_mod_address address:before, .real_estate_item_default .inner .address:before { font: 20px 'Font Awesome 5 Free'; font-weight: 600; } .real_estate_item_default { margin-bottom: 20px; } .mod_realEstateExpose .price_block { width: 100% } .gallery-item { margin-bottom: 20px; } .gallery-item figure { height: 184px; overflow: hidden; } .gallery-item:first-child { width: 100%; } .gallery-item:first-child figure { height: auto; } /***** MEDIA-QUERIE 1 XL 1200px *****/ @media screen and (max-width: 1200px) { #headerbild .ce_rsce_header-hg-bild-text .content-text, .ce_rsce_hg-bild-text .content-text { padding: 40px 50px 10px !important; bottom: 100px; } } @media screen and (max-width: 992px) { #mainmenu { display:none; } .fuenf-spalten { width: calc((1/3 * 100%) - (0rem / 5)); } .home #main .kasten .bg-color { margin-top:40px; } /*.mod_article.fullwidth.content { max-width: 720px; } .schmaler-content { width:100%; }*/ .kundenstimme { padding-left:70px; } .visitenkarte #icon figure { display:block; left: 15px; padding: 15px; width: 30px; height: 30px; } .visitenkarte #icon.content-text{ padding-left: 90px; } .visitenkarte #main .container { position: relative; } .visitenkarte #logo-rks img { margin-top: 0; width: 185px; } .visitenkarte #logo-rks { position: absolute; top: -20px; right: 0; } .visitenkarte #main .row { padding-top: 70px; } .ce_accordion { margin-right: 0; margin-left: 0; } .schritte { margin-top:20px; } .ce_rsce_hg-bild-text .content-image { width: 100%; } .ce_rsce_hg-bild-text .content-image img { width: 100%; height: auto; } .two-boxes-full.mod_article.fullwidth.no-boxed > div > div > .content-text { padding-top: 50px; padding-bottom: 15px; } .schnellanfrage { margin-left: 0; margin-top: 60px; } .gruendung { text-align: center; margin-top: 30px; } .teaser-einleitung { margin-top: 20px; } .einleitung-text { padding-right: 0; } } @media screen and (max-width: 768px) { .subnavi { display:none; } #mainmenu .impressum, #mainmenu .datenschutz { display:block; } .mod_rocksolid_slider .image-slogan, .mod_rocksolid_slider .content-text { display:none; } .fuenf-spalten { width: calc((1/2 * 100%) - (0rem / 5)); } .bildteaser figure { margin-right:-15px; } .bildteaser img { width:100%; } .bild-rechts figure { margin-bottom:-0.76px; margin-left:-15px; } /*.mod_article.fullwidth.content { max-width: 540px; } */ #themen figure { float:left; } #themen .content-text { overflow:hidden; margin-bottom:40px; } .kundenstimme { margin-top:40px; } .team .bg-color { max-width:360px; margin-right:auto; margin-left:auto; } .estate-detail .small-pics { width:100%; } #container1 { text-align:center; } .visitenkarte #main .container { max-width: 400px; } .visitenkarte hr { margin-top:20px; } .visitenkarte #main .row { padding-top: 85px; } .teaser-icon-right{ border-right:none; } .teaser-icon-left { border-left: none; } #headerbild .ce_rsce_header-hg-bild-text .content-text, .ce_rsce_hg-bild-text .content-text { padding: 15px 15px 10px !important; bottom: 90px; } #headerbild h1 { font-size: 36px; line-height: 40px; text-align: center; color: #404846!important; text-shadow: none; } #headerbild h2 { font-size: 22px; line-height: 26px; text-align: center; text-shadow: none; color: #E3B601!important; } #headerbild p { color: #404846!important; font-size: 18px; line-height: 24px; text-shadow: none; text-align: center; } #headerbild .content-text { left: 50%; transform: translateX(-50%); position: relative; top: 50px; bottom: 0; } #headerbild::after { background: none; } .startvideo video { width: 100%; height: 100%; object-fit: contain; display: block; position:relative; margin-top:0!important; } #headerbild { min-height:900px; } } @media screen and (max-width: 576px) { .two-boxes-full.mod_article.fullwidth.no-boxed .ce_rsce_hg-bild, .two-boxes-full.mod_article.fullwidth.no-boxed .ce_rsce_hg-bild-text { min-height: 300px; } .two-boxes-full.mod_article.fullwidth.no-boxed > div:nth-child(2) > div > .content-text { padding-left: 25px; } h2 { font-size: 26px; line-height: 30px; font-weight: bold; color: var(--col1); } h3 { font-size: 18px; line-height: 24px; } #themen-teaser .content-text { padding-right: 15px; padding-left: 15px; } .text-big { font-size: 14px; line-height: 18px; } .unternehmen-landingpage .text-big { font-size: 100px; } .unternehmen-landingpage p { font-size: 18px; line-height: 20px; } #headerbild .ce_rsce_header-hg-bild-text .content-text, .ce_rsce_hg-bild-text .content-text { bottom: 50px; padding:0; } #headerbild .ce_rsce_header-hg-bild-text .content-text, .ce_rsce_hg-bild-text .content-text { margin-left: 0; } #headerbild h1 { font-size: 26px; line-height: 32px; } #headerbild h2 { font-size: 18px; line-height: 22px; } #header #stickymenu .mod_article { height:130px; } #headerbild { min-height: 840px; } #headerbild .content-text { max-width: 100%; min-height: 580px; } #headerbild .rte p:has(img) { align-items: flex-start; } } @media (max-width: 398px) { h1, h1 a, .newsliste h1 { font-size:24px; line-height:28px; } .fuenf-spalten { width: 100%; } .content-text{ width:100%; } /* >>> Container <<< */ .container, .main-text { padding-top:30px; padding-bottom:30px; } #mainmenu .impressum, #mainmenu .datenschutz { display:block; } .visitenkarte { font-size:16px; } .visitenkarte #main .row { padding-top: 115px; } body { display:block; font: 16px / 22px 'Lato', sans-serif; } h2 { display:block; margin-bottom: 10px; } .slider-control .slider-menu { left: 0; width: 100%; transform: none; margin-left: 0; text-align: center; } .content-slider h3 { font-size: 22px!important; line-height: 26px!important; } #headerbild .ce_rsce_header-hg-bild-text .content-text, .ce_rsce_hg-bild-text .content-text { bottom: 20px; } #counter.rte { margin-bottom:50px!important; } #headerbild .content-text { bottom: 80px; } #headerbild p { font-size: 16px; line-height: 22px; } } #header { width:100%; height:128px; max-width:1920px; position:relative; background-color:#fff; z-index: 100; } /*#header .container { position:relative; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; border-bottom:10px solid #FFCC00; }*/ /* >>> Logo <<< */ #header .logo { position:absolute; margin-right:0px !important; z-index:1000; width: 180px; } #header .logo img { display:block; } .subnavi { right:15px; position:absolute; padding-top:15px; padding-right:15px; padding-left:15px; font-size:14px; line-height:18px; z-index:1000; top:0; } /* >>> Navigation allgemein <<< */ nav { text-align:center; } .navi { height:128px; position:relative; float: unset; display: flex; align-items: center; justify-content: center; width: 100%; } #mainmenu ul li:before { content: none; } #mainmenu li a, #mainmenu strong { position:relative; display:block; margin:0; padding-right:12px; padding-left:12px; text-decoration:none; color:#404846; text-transform:uppercase; font:15px/40px 'Lato', sans-serif; font-weight: 600; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #mainmenu li.active strong::after, #mainmenu li:hover a::after { width:100%; height:0; bottom:0; right:0; position:absolute; text-align:center; content: url('/files/dateien/layout/pfeil-hover.png'); top:46px; z-index: 1100; } .invisible { display:none; } /* STICKY-MENU */ #header #stickymenu { width:100%; position:relative; z-index: 100; transition: height 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; } #header #stickymenu .mod_article { padding: 0 15px; display: flex; align-items: center; max-width: 1320px; border-bottom:10px solid #FFCC00; margin-left: auto; margin-right: auto; position: relative; display: flex; } #header #stickymenu.sticky { background-color:#fff; position: fixed !important; box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); } #header #stickymenu.sticky .navi { height:90px; } #header .sticky .logo { width:135px; transition: height 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; } /* >>> MAIN Navigation <<< */ #mainmenu ul.level_1 { bottom:0; right:0; position:absolute; margin:0; } #mainmenu ul.level_1 li { float:left; margin-top:0; margin-right:0; margin-left:0; padding:0; } #mainmenu ul.level_1 li.schliessen { display:none; } #mainmenu ul.level_1 li:hover ul { display:block; } /* >>> SUB Navigation <<< */ #mainmenu ul.level_2 { width:auto; height:auto; position:absolute; display:none; margin:-3px 0 0; padding:9px 0 0; background-color:#fff; z-index: 1000; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15); } #mainmenu ul.level_2 li { width:auto; float:none; display:block; margin:0; padding:0; background-color:#fff; } /*#mainmenu ul.level_2 li.first { padding-top:15px; border-top:10px solid #FFCC00; }*/ #mainmenu ul.level_2 li:first-child { padding-top: 15px; border-top: 10px solid #FFCC00; } #mainmenu ul.level_1 li.submenu:hover a::after ul { width:100%; height:0; bottom:0; right:0; position:absolute; text-align:center; content:url("../../files/dateien/css_landingpage_verkauf/files/dateien/layout/pfeil-hover.png"); top:46px; z-index: 1100; } #mainmenu ul.level_2 li a, #mainmenu ul.level_2 strong { text-align:left; background-color:#fff; font-size:14px; line-height:50px; font-weight:normal; text-transform:none; } #mainmenu ul.level_2 li a:hover, #mainmenu ul.level_2 strong.active { color:#FFCC00; text-transform:none; } #mainmenu .level_2 li.active strong::after, #mainmenu .level_2 li a::after, #mainmenu .level_2 li:hover a::after { content:""; } .impressum .navi > a, .datenschutz .navi > a { line-height: 80px; font-weight: normal; } /* >>> MOBILE Navigation codefog <<< */ /*.mobile_menu .inner { height:auto; overflow:hidden; background-color:#fff; } #mobilemenu { bottom:0; right:15px; position:absolute; margin-bottom:6px; margin-left:15px; color:#404846; z-index:1000 } .mobile_menu { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .mobile_menu #mainmenu li.active strong::after, .mobile_menu #mainmenu li:hover a::after { content:""; } .mobile_menu #mainmenu { width:100%; display:block; } .mobile_menu_trigger { font-size:18px; line-height:40px; cursor: pointer; } #mobilemenu .fa-bars { margin-right:8px; } .mobile_menu #mainmenu ul.level_1 { top:128px; border-top:10px solid #FFCC00; } .mobile_menu #mainmenu ul.level_2 li.first { padding-top:0; border-top:01px solid #F6F6F6; } .mobile_menu #mainmenu ul { width:100%; background-color:#fff; } .mobile_menu #mainmenu ul.level_1 li { float:none; margin-bottom:0; border-bottom:1px solid #F6F6F6; } .mobile_menu #mainmenu li a, .mobile_menu #mainmenu strong { line-height:50px; } .mobile_menu #mainmenu li.active strong, .mobile_menu #mainmenu li a:hover { color:#FFCC00; 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; padding-top:0; } .mobile_menu #mainmenu ul.level_2 li { width:100%; } .mobile_menu #mainmenu ul.level_2 a, .mobile_menu #mainmenu ul.level_2 strong { text-align:center; } @media screen and (min-width: 1200px) { #mainmenu li a, #mainmenu strong { padding-right: 12px!important; padding-left: 12px!important; } } #mainmenu .impressum, #mainmenu .datenschutz { display:none; }*/ /***** MOBILE-MENU *****/ @media (min-width: 992px) { .mod_mmenu, .mm-menu, .mobile_menu_trigger { display: none !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } } .mm-menu { visibility: hidden; } .mm-menu.mm-menu--opened { visibility: visible; } .mod_mmenu { background-color:#fff; min-height:100vh; } .mobile_menu_trigger { display: none; float: right; font-size: 24px; line-height: 80px; height:80px; color: #000; margin-right: 10px; } .sticky .mobile_menu_trigger { line-height: 65px; } .mm-menu .logo { margin-right: auto; margin-left: auto; /*top:-5px;*/ width:160px; /*height: 56px;*/ position: relative; } li.submenu .mm-btn_next.mm-listitem__text { position:relative; } .mm-listitem__text { padding-right:15px; padding-left:15px; } .mm-menu li strong.active, .mm-menu li span.active { font-weight:bold; color: #fff; background-color: var(--col1); } .mm-menu li.active a.mm-btn--next { display: block !important; } .mm-menu li:before { content:''; margin-left:0; } .mm-menu a, .mm-menu a:link { font-weight:bold; color:#000; } .mm-listitem a, .mm-listitem a:hover, .mm-menu a:link:hover, .forward.mm-listitem a:hover { color:var(--col3); } .mm-listitem:after { left:0; } .mm-menu_theme-white { --mm-color-background: transparent; } .mm-menu_theme-white { background-color:#fff; } .mm-navbar { background-color:var(--greyE); border-top-width: 1px; border-top-style: solid; } #mm-1 > .mm-navbar { display:none; } .mm-panels>.mm-panel { bottom:auto; background-color:#fff; text-align: center; } .mm-panels li.first { border-top-width: 1px; border-top-style: solid; } .mm-panel:after { height:0; } .mod_mmenu { height:100%; } .mm-btn { width:55px; } .mm-btn_close { height:70px; right:0; position:absolute; z-index: 10; } .mm-btn_close:after, .mm-btn_close:before { border: 2px solid rgba(0, 0, 0, .3); border: 2px solid rgba(0, 0, 0, 0.3); } .mm-btn_close:after, .mm-btn_close:before { content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } a.mm-btn_close:after, a.mm-btn_close:before { border-color:#000; } a.mm-btn_close:after, a.mm-btn_close:before { width:10px; height:10px; border-width: 3px; } a.mm-btn_close:before { right:13px; } a.mm-btn_close:after { right:28px; } .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px; } .mm-btn_close:after { border-left: none; border-top: none; right: 25px; } .mm-btn_close .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } .mm-wrapper_blocking {height: 100vh; } .mm-panels { height: calc(100% - 80px); } .mm-panels>.mm-panel { height: 100%; } .level_2.mm-listview { height: calc(100% - 46px); } .mm-menu_offcanvas { position: fixed; top: 0; right: 0; bottom: 0; left: auto; width: 80vw; max-width: 360px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mm-panels li:last-child { margin-bottom:95px; } .mm-menu .submenu a.mm-btn--next:not(.mm-listitem__text) { position: absolute!important; right: 0; height: 100%; } .mm-panels .forward .mm-btn_next { position:relative; } .forward.mm-listitem a:hover:after { border-color: #fff; } .mm-menu .active.submenu a, .mm-menu .trail.submenu a { position: relative; } .mm-menu a.trail { background-color: #f3f3f3; } @media (max-width: 991px) { #container { width: 100%; min-height: 1px; transform: none; } #header { min-height: 80px; } #mainmenu { min-height: 80px; } } @media (max-width: 992px) { .mobile_menu_trigger { display:block; } #mainmenu { display:none; } #mainmenu li a, #mainmenu li strong { font-size: 16px; } .navi { display:flex; align-items: flex-end; justify-content: flex-end; } }