.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)} .click_toggler{cursor:pointer}.toggle_status_initial{opacity:0;transition:all .5s ease-in-out;height:0;min-height:0}.toggle_status_initial.mod_article{padding-top:0;padding-bottom:0}.toggle_status_toggled{opacity:1;min-height:auto;transition:all .5s ease-in-out;height:var(--element_height)} .social_feed_element{overflow:visible;padding:0;width:100%}.social_feed_element.extended .inner a{display:inline;padding:0;color:#1b95e0}.social_feed_element.extended .inner a:hover,.social_feed_element.extended a.more:hover{text-decoration:underline}.social_feed_element.extended .inner>figure{padding:0}.social_feed_element.extended a.more{padding:0;font-size:14px;color:#1b95e0;font-weight:700;display:block}.social_feed_element.extended .inner{padding:0 20px 20px}.social_feed_element.extended p:first-child{margin-top:0}.social_feed_element.extended p:last-child{margin-bottom:0}.social_feed_element .inner{background:#f2f2f2;padding:0;margin:30px 10px 10px;position:relative;word-break:break-word;border-top:5px solid #c1c1c1}.social_feed_element .inner a{padding:0 20px;display:block}.social_feed_element .inner>figure{padding:0 20px}.social_feed_element .ce_text{padding:15px 0;color:#333;margin:0}.social_feed_element .icon{position:static;text-indent:0}.social_feed_element .icon img{position:absolute;top:-20px;border-radius:100%;max-width:50px}.social_feed_element .icon .image-wrapper:not(.loaded){height:0!important}.social_feed_element .info{margin:0;padding:10px 0 0;text-align:right;font-size:14px;color:#989898;display:flex;align-items:center;justify-content:flex-end}.social_feed_element .info img{width:15px;margin-left:10px}.social_feed_element .title{margin:10px 0;font-size:16px;font-weight:700;color:#333}.social_feed_element a{color:#333;text-decoration:none}.social_feed_element .ce_text{font-size:14px}.social_feed_element .fa{font-size:18px;padding-left:5px}.social_feed_element .image_container>a{padding:0}.social_feed_container{width:calc(100% + 30px);margin-left:-15px;font-family:sans-serif}.social_feed_container:not(.masonry){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.social_feed_container:not(.masonry).columns2 .social_feed_element{-ms-flex:0 0 50%;flex:0 0 50%}.social_feed_container:not(.masonry).columns3 .social_feed_element{-ms-flex:0 0 33%;flex:0 0 33%}.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 25%;flex:0 0 25%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:left}.social_feed_container.masonry.columns2 .social_feed_element{width:50%}.social_feed_container.masonry.columns3 .social_feed_element{width:33.33%}.social_feed_container.masonry.columns4 .social_feed_element{width:25%}@media (max-width:767px){.social_feed_container{width:100%;margin-left:0}.social_feed_container:not(.masonry).columns2 .social_feed_element,.social_feed_container:not(.masonry).columns3 .social_feed_element,.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 100%;flex:0 0 100%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:none;width:100%}} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= * HTML5 display definitions * ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= * Typography * ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } @charset "UTF-8"; /* * Main Stylesheet * * @copyright Copyright (c) 2012 rocksolidthemes.com * @license https://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== * # Index: The structure of this stylesheet * * - Imports (Sass only) * - Fonts * - Basic settings (Sass only) * - Colors (Sass only) * - General styles * - Button styles * - Wrapper Elements * - Elements in order of appearance in HTML * - Content styles * - Sidebar styles * - Form styles * - Content elements * - Footer styles * - Module styles (Search, FAQ, News, Events, Comments) * - Media queries * - Grid (design + production helper) * ======================================== */ /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/klu/fonts/rocksolid-icons.eot"); src: url("../../files/klu/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/klu/fonts/rocksolid-icons.woff") format('woff'), url("../../files/klu/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/klu/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } /* =========================================== * General styles * ======================================== */ :root { --safe-area-left: 0px; --safe-area-right: 0px; --safe-area-top: 0px; --safe-area-bottom: 0px; } @supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) { :root { /* Non-standard iOS 11.1 syntax */ --safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5); --safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5); --safe-area-top: constant(safe-area-inset-top, 0px); --safe-area-bottom: constant(safe-area-inset-bottom, 0px); } } @supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) { :root { /* W3C standard and iOS 11.2 syntax */ --safe-area-left: calc(max(0px, env(safe-area-inset-left, 0px) - 14px)); --safe-area-right: calc(max(0px, env(safe-area-inset-right, 0px) - 14px)); --safe-area-top: env(safe-area-inset-top, 0px); --safe-area-bottom: env(safe-area-inset-bottom, 0px); } } html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: 15px/1.6 "Open Sans", sans-serif; color: #1e2022; -webkit-tap-highlight-color: #1fa5d1; } @media screen and (max-width: 599px) { html { font-size: 13px; } } body { background: white none 50% 0 no-repeat scroll; background-size: auto; } body.background-variation-1 { background: url("../../files/klu/img/pattern.png"); } body.background-variation-1 .page { background: white; } body.background-variation-1 .page-footer { background: url("../../files/klu/img/pattern.png"); } body.background-variation-1 .page-footer-inner { background: #44464b; } * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .rs-columns { clear: both; display: inline-block; vertical-align: top; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } .luxe-fullwidth .rs-column { margin-top: 4.34783%; margin-right: 4.34783%; } .luxe-fullwidth .rs-column.-large-last { margin-right: -5px; } .luxe-fullwidth .rs-column.-large-first-row { margin-top: 0; } .luxe-fullwidth .rs-column.-large-col-1-1 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-2-1 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-2-2 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-3-1 { width: 30.43478%; } .luxe-fullwidth .rs-column.-large-col-3-2 { width: 65.21739%; } .luxe-fullwidth .rs-column.-large-col-3-3 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-4-1 { width: 21.73913%; } .luxe-fullwidth .rs-column.-large-col-4-2 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-4-3 { width: 73.91304%; } .luxe-fullwidth .rs-column.-large-col-4-4 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-5-1 { width: 16.52174%; } .luxe-fullwidth .rs-column.-large-col-5-2 { width: 37.3913%; } .luxe-fullwidth .rs-column.-large-col-5-3 { width: 58.26087%; } .luxe-fullwidth .rs-column.-large-col-5-4 { width: 79.13043%; } .luxe-fullwidth .rs-column.-large-col-5-5 { width: 100.0%; } .luxe-fullwidth .rs-column.-large-col-6-1 { width: 13.04348%; } .luxe-fullwidth .rs-column.-large-col-6-2 { width: 30.43478%; } .luxe-fullwidth .rs-column.-large-col-6-3 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-6-4 { width: 65.21739%; } .luxe-fullwidth .rs-column.-large-col-6-5 { width: 82.6087%; } .luxe-fullwidth .rs-column.-large-col-6-6 { width: 100.0%; } @media screen and (max-width: 900px) { .rs-column, .luxe-fullwidth .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first, .luxe-fullwidth .rs-column.-large-first { clear: none; } .rs-column.-large-last, .luxe-fullwidth .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row, .luxe-fullwidth .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first, .luxe-fullwidth .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .luxe-fullwidth .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .luxe-fullwidth .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .luxe-fullwidth .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .luxe-fullwidth .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2, .luxe-fullwidth .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .luxe-fullwidth .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2, .luxe-fullwidth .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3, .luxe-fullwidth .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .luxe-fullwidth .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2, .luxe-fullwidth .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3, .luxe-fullwidth .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4, .luxe-fullwidth .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .luxe-fullwidth .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2, .luxe-fullwidth .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3, .luxe-fullwidth .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4, .luxe-fullwidth .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5, .luxe-fullwidth .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .luxe-fullwidth .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2, .luxe-fullwidth .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3, .luxe-fullwidth .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4, .luxe-fullwidth .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5, .luxe-fullwidth .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6, .luxe-fullwidth .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .luxe-fullwidth .rs-column { margin-right: 7.69231%; } .rs-column.-medium-first, .luxe-fullwidth .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .luxe-fullwidth .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row, .luxe-fullwidth .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first, .luxe-fullwidth .rs-column.-small-first { clear: left; } .rs-column.-small-last, .luxe-fullwidth .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .luxe-fullwidth .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .luxe-fullwidth .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .luxe-fullwidth .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2, .luxe-fullwidth .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .luxe-fullwidth .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2, .luxe-fullwidth .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3, .luxe-fullwidth .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .luxe-fullwidth .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2, .luxe-fullwidth .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3, .luxe-fullwidth .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4, .luxe-fullwidth .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .luxe-fullwidth .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2, .luxe-fullwidth .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3, .luxe-fullwidth .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4, .luxe-fullwidth .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5, .luxe-fullwidth .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .luxe-fullwidth .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2, .luxe-fullwidth .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3, .luxe-fullwidth .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4, .luxe-fullwidth .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5, .luxe-fullwidth .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6, .luxe-fullwidth .rs-column.-small-col-6-6 { width: 100%; } } /* Resetting box model for moo_mediabox and j_colorbox */ #mbCenter, #colorbox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: #1fa5d1; color: white; text-shadow: none !important; } ::-moz-selection { background: #1fa5d1; color: white; text-shadow: none !important; } button, input, select, textarea { outline: none; font-family: inherit; } table { width: 100%; border-collapse: collapse; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } table th, table td { border: 1px solid #e5e5e5; } table th { padding: 0.66667em 1em; font-weight: bold; text-align: left; } table td { padding: 0.76923em 1.15385em; font-size: 0.86667em; color: #5a5d63; } table thead tr { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); } table tfoot tr { background-color: #f7f7f7; } a { color: #1fa5d1; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 0.86667em/1 "RockSolid Icons"; content: "\e151"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } /* Icon attribute */ *[data-icon]:before { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.26667em; } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } .syndication { margin: 0.8em 0 0 1.33333em; float: right; } .syndication a { margin-left: 0.13333em; border: 0 !important; } .syndication img { border: 0 !important; } .mime_icon { margin-bottom: -0.25em; } .download-element { padding-top: 0; padding-right: 0; padding-bottom: 0; } .content-toplink, .toplink { margin: 1.6em 0; } .content-toplink a, .toplink a { display: block; width: 100%; } .content-toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } .content-accordion { border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } .content-accordion .accordion { position: relative; overflow: hidden; padding: 1px 3.84615% 0.8em; -webkit-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); } .content-accordion .accordion:before { content: ""; position: absolute; top: -50px; left: 5%; z-index: -1; width: 90%; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .content-accordion .toggler { position: relative; margin: -1px; padding: 0.66667em 11.53846% 0.66667em 3.84615%; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; color: #5a5d63; background: white; cursor: pointer; } .content-accordion .toggler:after { font: 1.33333em/1 "RockSolid Icons"; content: "\e00b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0.6em; right: 3.84615%; width: 1em; height: 1em; padding-left: 0.05em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: white; background: #75bb3c; } .content-accordion .toggler.ui-accordion-header-active:after, .content-accordion .toggler:hover:after { content: "\e009"; padding: 0.05em 0 0; } .content-accordion + .content-accordion { margin-top: -3px; } hr { clear: both; height: 1px; overflow: visible; margin: 1.6em 0; border: 0; background: #c2c6cc; } .confirmation { color: #75bb3c; } .information { color: #1fa5d1; } .warning { color: #e52f2f; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { position: relative; display: block; padding: 0.66667em 0 0.66667em 3.33333em; color: #5d9530; } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before { font: 1.73333em/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; left: 0.30769em; top: 1.06667em; margin-top: -0.5em; } p.information, div.information, span.information { border-color: #1fa5d1; color: #1884a7; } p.information:before, div.information:before, span.information:before { content: "\e0a6"; left: 0.46154em; } p.warning, div.warning, span.warning { border-color: #e52f2f; color: #b72525; } p.warning:before, div.warning:before, span.warning:before { content: "\e144"; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.12em 0.12em -0.2em 0; font-size: 3.33333em; line-height: 0.7; color: #75bb3c; } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.4em 0.4em -0.66667em 0 \0/; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.35714; background-color: #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } pre { margin: 1.71429em 0; padding: 0 0.42857em; display: block; overflow: auto; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.71429; background: #e5e5e5; } pre .hljs, pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Button styles * ======================================== */ .button-secondary, .page-footer-inner form button, .page-footer-inner form input[type="submit"], button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0.8em 1.33333em; border: 1px solid; border-color: #82c54b #588d2d #518129; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: bold; color: white; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #588d2d; background: #75bb3c; background: -webkit-linear-gradient(#82c54b, #7dc343 50%, #69a836); background: -moz-linear-gradient(#82c54b, #7dc343 50%, #69a836); background: -o-linear-gradient(#82c54b, #7dc343 50%, #69a836); background: linear-gradient(#82c54b, #7dc343 50%, #69a836); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); } .button-secondary:hover, .page-footer-inner form button:hover, .page-footer-inner form input[type="submit"]:hover, .button-secondary:focus, .page-footer-inner form button:focus, .page-footer-inner form input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { text-decoration: none; background-color: #5d9530; background-image: -webkit-linear-gradient(#8ac957, #7ac240 50%, #64a033); background-image: -moz-linear-gradient(#8ac957, #7ac240 50%, #64a033); background-image: -o-linear-gradient(#8ac957, #7ac240 50%, #64a033); background-image: linear-gradient(#8ac957, #7ac240 50%, #64a033); } .button-secondary:active, .page-footer-inner form button:active, .page-footer-inner form input[type="submit"]:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); } .button-secondary { padding: 0.4em 0.8em; border-color: #eaeaea #d8d8d8 #d1d1d1; font-weight: normal; color: #5a5d63; text-shadow: none; background: #f7f7f7; background: -webkit-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: -moz-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: -o-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: linear-gradient(#ffffff, #ffffff 50%, #eaeaea); } .button-secondary:hover, .button-secondary:focus { border-color: #e0e0e0 #cecece #c9c9c9; background: #c5c5c5; background: -webkit-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: -moz-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: -o-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); } .button-secondary:active { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } /* =========================================== * Wrapper Elements * ======================================== */ .page-wrapper { position: relative; } .page, .page-footer-inner { max-width: 1100px; margin: 0 auto; } @media screen and (max-width: 1100px) { .page, .page-footer-inner { padding-right: var(--safe-area-right); padding-left: var(--safe-area-left); } } /* Main wrapper */ .page { zoom: 1; position: relative; padding-top: var(--safe-area-top); padding-bottom: 2.66667em; background-color: white; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } /* =========================================== * Elements in order of appearance in HTML * ======================================== */ .page-header { zoom: 1; position: relative; z-index: 50; margin: 0 4%; padding: 0 0 35px; border-bottom: 1px solid #e5e5e5; } .page-header:before { content: ""; display: table; } .page-header:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .page-header { margin-right: 6.66667%; margin-left: 6.66667%; } } .logo { float: left; margin: 36px 0 0 0; } @media screen and (max-width: 599px) { .logo { margin: 20px 0; width: 100%; } } .logo a { display: block; } .logo img { display: block; width: auto; height: 59px; } @media screen and (max-width: 599px) { .logo img { margin: 0 auto; } } .main-navigation { margin: 56px 0 0; text-align: right; } @media screen and (max-width: 900px) { .main-navigation { clear: both; margin: 0 0 0 -2.8em; padding-top: 1.33333em; text-align: left; } } @media screen and (max-width: 599px) { .main-navigation { display: none; } } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation li { position: relative; display: inline-block; margin-right: -1.06667em; margin-left: 1.73333em; } .main-navigation > ul > li > a { position: relative; display: block; z-index: 3; padding: 0.57143em 1.14286em; font-family: "Droid Serif", Georgia, serif; font-style: italic; font-size: 0.93333em; color: #1e2022; text-decoration: none; } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { color: #75bb3c; } .main-navigation > ul > li.active > a, .main-navigation > ul > li.trail > a { color: #75bb3c; } .main-navigation > ul > li.submenu:before { content: ""; position: absolute; left: 1.06667em; right: 1.06667em; bottom: 0; display: none; z-index: 2; height: 3px; background: #75bb3c; } .main-navigation > ul > li > ul { position: absolute; left: 0; top: 100%; z-index: 1; overflow: hidden; min-width: 100%; max-height: 0; margin-top: -2px; padding: 0; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: left; white-space: nowrap; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-navigation > ul > li > ul li { display: inline; margin: 0; } .main-navigation > ul > li > ul a { position: relative; display: block; padding: 0.38462em 1em 0.38462em 0; border-top: 1px solid #e5e5e5; font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .main-navigation > ul > li > ul a:hover, .main-navigation > ul > li > ul a:focus { color: #75bb3c; } .main-navigation > ul > li > ul > li:first-child > a { border-top: 0; } .main-navigation > ul > li > ul li.active > a, .main-navigation > ul > li > ul li.trail > a { color: #75bb3c; } .main-navigation > ul > li > ul ul a { padding-left: 0.76923em; border-top: 0; } .main-navigation > ul > li > ul ul ul a { margin-left: 1.33333em; } .main-navigation > ul > li:hover { z-index: 5; } .main-navigation > ul > li:hover > ul { max-height: 9999px; padding: 1em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .main-navigation > ul > li.submenu:hover:before { /* change generated content to avoid IE8 ghost pseudo elements */ content: " "; display: block; } .main-navigation > ul > li:last-child > ul, .main-navigation > ul > li.last > ul { left: auto; right: 0; } @media screen and (max-width: 900px) { .main-navigation > ul > li:last-child > ul, .main-navigation > ul > li.last > ul { left: 0; right: auto; } } .main-navigation-mobile-open { position: absolute; top: 50px; top: calc(50px + var(--safe-area-top)); left: 6.66667%; left: calc(6.66667% + var(--safe-area-left)); width: 44px; height: 39px; margin: -20px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #1e2022; -webkit-box-shadow: 0 7px #1e2022, 0 14px #1e2022; -moz-box-shadow: 0 7px #1e2022, 0 14px #1e2022; box-shadow: 0 7px #1e2022, 0 14px #1e2022; } @media screen and (max-width: 599px) { .main-navigation-mobile-open { display: block; } } .main-navigation-mobile-close { position: absolute; top: 0; right: -17.64706%; display: none; width: 17.64706%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile { /* Hide mobile navigation by default */ display: none; padding: 0; padding-top: var(--safe-area-top); padding-bottom: var(--safe-area-bottom); padding-left: var(--safe-area-left); color: white; background: #1e2022; } @media screen and (max-width: 599px) { .main-navigation-mobile { display: block; } } .modernizr-js .main-navigation-mobile { display: none; } .main-navigation-mobile.is-enabled { position: absolute; top: 0; left: -85%; z-index: 201; width: 85%; min-height: 100%; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } @media screen and (max-width: 599px) { .main-navigation-mobile.is-enabled { display: block; } } .modernizr-csstransforms3d .main-navigation-mobile.is-enabled { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; } .main-navigation-mobile.is-active { left: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .modernizr-csstransforms3d .main-navigation-mobile.is-active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-navigation-mobile ul { display: block; margin: 0; padding: 0; } .main-navigation-mobile ul ul { background: #1e2022; -webkit-box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); -moz-box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-navigation-mobile .is-collapsed > ul { display: none; } .main-navigation-mobile li { position: relative; display: block; } .main-navigation-mobile a, .main-navigation-mobile strong, .main-navigation-mobile span.active, .main-navigation-mobile span.trail { display: block; padding: 0.69231em 1em 0.61538em; border-bottom: 1px solid black; color: inherit; background-color: #1e2022; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -webkit-transition: background-color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out; -o-transition: background-color 0.6s ease-out; transition: background-color 0.6s ease-out; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile strong:hover, .main-navigation-mobile strong:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus { outline: none; text-decoration: none; background-color: #121314; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .main-navigation-mobile a.active, .main-navigation-mobile a.trail, .main-navigation-mobile strong.active, .main-navigation-mobile strong.trail, .main-navigation-mobile span.active, .main-navigation-mobile span.trail { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile strong.active, .main-navigation-mobile span.active { background-color: #313438; -webkit-box-shadow: inset 0 0 5px #1e2022; -moz-box-shadow: inset 0 0 5px #1e2022; box-shadow: inset 0 0 5px #1e2022; } .main-navigation-mobile li li a, .main-navigation-mobile li li strong, .main-navigation-mobile li li span.active, .main-navigation-mobile li li span.trail { padding-left: 2em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li strong, .main-navigation-mobile li li li span.active, .main-navigation-mobile li li li span.trail { padding-left: 3em; } .main-navigation-mobile li li li li a, .main-navigation-mobile li li li li strong, .main-navigation-mobile li li li li span.active, .main-navigation-mobile li li li li span.trail { padding-left: 4em; } .main-navigation-mobile li li li li li a, .main-navigation-mobile li li li li li strong, .main-navigation-mobile li li li li li span.active, .main-navigation-mobile li li li li li span.trail { padding-left: 5em; } .main-navigation-mobile .main-navigation-mobile-expand { position: absolute; top: 0; right: 0; overflow: hidden; margin: 0; padding: 0.61538em 1em; border: solid transparent; border-width: 0.23077em 0; -webkit-box-shadow: inset 1px 0 #333333; -moz-box-shadow: inset 1px 0 #333333; box-shadow: inset 1px 0 #333333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-navigation-mobile .main-navigation-mobile-expand:after { font: 1.23077em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after { content: "\e00c"; } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } .tag-line { margin: 0 4%; padding: 2em 0; border-bottom: 1px solid #e5e5e5; } @media screen and (max-width: 900px) { .tag-line { margin-right: 6.66667%; margin-left: 6.66667%; } } .tag-line h1, .tag-line h2, .tag-line h3 { margin: 0; font-family: "Droid Serif", Georgia, serif; font-weight: normal; font-style: italic; color: #5a5d63; } .tag-line h1, .tag-line h2 { font-size: 1.6em; } .tag-line h3 { font-size: 1.06667em; } .tag-line figure { display: block; margin: 0; padding: 0; border: 0; background: none; } .tag-line figure img, .tag-line img { display: block; width: 100%; height: auto; margin: 2em 0; } @media screen and (max-width: 900px) { .tag-line figure img, .tag-line img { width: 115.38462%; width: calc(115.38462% + var(--safe-area-right) + var(--safe-area-left)); margin-right: -7.69231%; margin-right: calc(-7.69231% - var(--safe-area-right)); margin-left: -7.69231%; margin-left: calc(-7.69231% - var(--safe-area-left)); } } .tag-line > img:first-child, .tag-line > .mod_article > img:first-child, .tag-line > figure:first-child img, .tag-line > .mod_article > figure:first-child img, .tag-line > .content-image:first-child img, .tag-line > .mod_article > .content-image:first-child img { margin-top: -2em; } .tag-line > img:last-child, .tag-line > .mod_article > img:last-child, .tag-line > figure:last-child img, .tag-line > .mod_article > figure:last-child img, .tag-line > .content-image:last-child img, .tag-line > .mod_article > .content-image:last-child img { margin-bottom: -2em; } .tag-line .rsts-main { margin: 2em 0; } .tag-line .rsts-slide img { margin: 0; } /* =========================================== * Content styles * ======================================== */ .main-content { float: right; width: 52%; margin: 4% 12% 0 0; } .luxe-fullwidth .main-content { float: none; width: auto; margin-left: 4%; margin-right: 4%; } .luxe-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 8%; } @media screen and (max-width: 900px) { .main-content, .luxe-fullwidth .main-content, .luxe-sidebar-right .main-content { float: none; width: auto; margin-right: 6.66667%; margin-left: 6.66667%; } } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 1.2em; margin-bottom: 1.2em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 0.75em; margin-bottom: 0.3em; font-family: "Droid Serif", Georgia, serif; font-style: italic; font-weight: normal; line-height: 1.4; color: #1e2022; } .main-content h1 { margin-top: 1em; margin-bottom: 0.66667em; font-size: 2.4em; line-height: 1.25; color: #75bb3c; } @media screen and (max-width: 599px) { .main-content h1 { font-size: 1.71429em; } } .main-content h2 { font-size: 1.86667em; } .main-content h3 { font-size: 1.6em; } .main-content h4 { font-size: 1.4em; } .main-content h5 { font-size: 1.2em; } .main-content h6 { font-size: 1em; } .main-content h2 + p, .main-content h2 + ul, .main-content h2 + ol, .main-content h2 + blockquote, .main-content h3 + p, .main-content h3 + ul, .main-content h3 + ol, .main-content h3 + blockquote, .main-content h4 + p, .main-content h4 + ul, .main-content h4 + ol, .main-content h4 + blockquote, .main-content h5 + p, .main-content h5 + ul, .main-content h5 + ol, .main-content h5 + blockquote, .main-content h6 + p, .main-content h6 + ul, .main-content h6 + ol, .main-content h6 + blockquote { margin-top: 0; } .main-content ul, .main-content ol { padding-left: 7.69231%; } .main-content ul li[data-icon], .main-content ol li[data-icon] { list-style: none; } .main-content ul li[data-icon]:before, .main-content ol li[data-icon]:before { left: -1.4em; width: 0; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { list-style: upper-alpha; } .main-content ol ol ol { list-style: lower-roman; } .main-content ol ol ol ol { list-style: lower-alpha; } .main-content blockquote { position: relative; margin: 1.66667em 0; font-family: "Droid Serif", Georgia, serif; font-size: 1.6em; font-style: italic; } @media screen and (max-width: 599px) { .main-content blockquote { font-size: 1.28571em; } } .main-content blockquote p { margin-top: 0.5em; margin-bottom: 0.5em; } .main-content blockquote:before { content: "\201e"; display: block; width: 0.58333em; height: 0.83333em; padding: 0 0 0 0.25em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 2em; line-height: 0.2; color: white; background: #75bb3c; } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { display: block; margin-top: 0.33333em; font-family: "Open Sans", sans-serif; font-size: 0.75em; font-style: normal; color: #5a5d63; } .main-content blockquote small:before, .main-content blockquote i:before, .main-content blockquote em:before { content: "– "; } .main-content img { max-width: 100%; height: auto; } .content-accordion h1 { font-size: 1.86667em; } .content-accordion h2 { font-size: 1.6em; } .content-accordion h3 { font-size: 1.4em; } /* =========================================== * Sidebar styles * ======================================== */ .sidebar { position: relative; float: left; width: 28.0%; margin: 4% 0 0; padding: 0 0 0 4%; } @media screen and (max-width: 900px) { .sidebar { clear: both; float: none; width: auto; padding: 0; } } @media screen and (max-width: 599px) { .sidebar { margin: 0 6.66667%; } } .luxe-sidebar-right .sidebar { float: right; padding-right: 4%; padding-left: 0; } @media screen and (max-width: 900px) { .luxe-sidebar-right .sidebar { float: none; padding-right: 0; } } .sidebar .mod_article > .block, .sidebar .mod_form, .sidebar .mod_subscribe { margin: 1.33333em 0; } @media screen and (max-width: 900px) { .sidebar .mod_article > .block, .sidebar .mod_form, .sidebar .mod_subscribe { float: left; width: 40%; margin: 6.66667% 0 0 6.66667%; } } @media screen and (max-width: 599px) { .sidebar .mod_article > .block, .sidebar .mod_form, .sidebar .mod_subscribe { float: none; width: auto; margin-left: 0; } } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 { margin: 1em 0 0.5em; } .sidebar h1, .sidebar h2, .sidebar h3 { font-size: 1.33333em; color: #75bb3c; } .sidebar h4 { font-size: 1.13333em; } .sidebar h5 { font-size: 1em; } .sidebar p, .sidebar ul, .sidebar ol, .sidebar table, .sidebar blockquote, .sidebar fieldset, .sidebar form { margin: 1em 0; } .sidebar ul, .sidebar ol { padding: 0; list-style-type: none; } @media screen and (max-width: 900px) { .sidebar .sub-navigation { float: left; width: 40%; margin: 6.66667% 0 0 6.66667%; } } @media screen and (max-width: 599px) { .sidebar .sub-navigation { display: none; } } .sub-navigation h3 { display: inline; margin: 0; font-size: 0.8em; } .sub-navigation h3 a { display: block; margin: 2.91667em 0 1.25em; font-weight: bold; letter-spacing: 1px; color: #75bb3c; text-decoration: none; text-transform: uppercase; } .sub-navigation h3 a:hover, .sub-navigation h3 a:focus { text-decoration: underline; } .sub-navigation ul { margin: 0; padding: 0; } .sub-navigation ul li { display: inline; } .sub-navigation ul a { display: block; padding: 0.61538em 0; font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .sub-navigation ul a:hover, .sub-navigation ul a:focus { color: #75bb3c; } .sub-navigation ul ul a { padding-top: 0; padding-left: 6.25%; } .sub-navigation ul ul ul a { padding-left: 12.5%; } .sub-navigation ul li.active > a, .sub-navigation ul li.trail > a { color: #75bb3c; } .mod_subscribe { padding: 1.33333em; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } .mod_subscribe form { margin: 0; } .mod_subscribe form input { padding-right: 3.66667em; } .mod_subscribe .formbody { position: relative; } .mod_subscribe .formbody .widget { margin: 0; } .mod_subscribe h1, .mod_subscribe h2, .mod_subscribe h3 { margin-top: 0; font-size: 0.8em; text-transform: uppercase; } .mod_subscribe button[type="submit"] { position: absolute; right: 0.26667em; bottom: 0.33333em; width: auto; overflow: hidden; padding: 0.4em 0.66667em; line-height: 0; text-indent: -99em; } .mod_subscribe button[type="submit"]:after { font: 1.6em/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } /* =========================================== * Form styles * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .widget { clear: both; position: relative; margin: 1.33333em 0; } form p b.error, form p.error { display: block; margin: 0; color: #e52f2f; } form input, form textarea { padding: 0.8em 1em; line-height: normal; border: 1px solid #c2c6cc; outline: none; color: inherit; background: #f9f9f9; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -webkit-transition: border 0.2s; -moz-transition: border 0.2s; -o-transition: border 0.2s; transition: border 0.2s; } form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #5a5d63; } form input:-moz-placeholder, form textarea:-moz-placeholder { color: #5a5d63; } form input:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #5a5d63; } form input::placeholder, form textarea::placeholder { color: #5a5d63; } form input:hover, form textarea:hover { border-color: #9b9ea3; } form input:focus, form textarea:focus { border-color: #75bb3c; } form textarea { height: 200px; resize: vertical; line-height: 1.5; } form fieldset { margin: 1.33333em 0; border: 1px solid #c2c6cc; } form fieldset legend { padding: 0 0.33333em; } form fieldset + br { /* Kill
that Contao injects */ display: none; } form input[type="checkbox"], form input[type="radio"], form input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; } form input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } form input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } form .valid input, form .valid textarea { border-color: #75bb3c; } form .invalid input, form .invalid textarea, form input.error, form textarea.error { border-color: #e52f2f; } form input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #c2c6cc \0/; font-size: 0.8em; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form button, form input[type="submit"] { margin-top: 1.33333em; } .main-content form p b.error, .main-content form p.error { float: right; width: 69.23077%; margin-bottom: 0.66667em; } @media screen and (max-width: 599px) { .main-content form p b.error, .main-content form p.error { float: none; width: auto; margin-left: 0; } } .main-content form .widget p.error + input, .main-content form .widget p.error + textarea, .main-content form .widget p.error + select { margin-left: 30.76923%; } @media screen and (max-width: 599px) { .main-content form .widget p.error + input, .main-content form .widget p.error + textarea, .main-content form .widget p.error + select { margin-left: 0; } } .main-content form .explanation, .main-content form .captcha_text { width: 69.23077%; margin-left: 30.76923%; } @media screen and (max-width: 599px) { .main-content form .explanation, .main-content form .captcha_text { width: auto; margin-left: 0; } } .main-content form fieldset p b.error, .main-content form fieldset p.error { width: auto; margin-left: 0; } .main-content form label { display: inline-block; width: 30.76923%; } @media screen and (max-width: 599px) { .main-content form label { display: block; width: auto; } } .main-content form label + input, .main-content form label + textarea, .main-content form label + select { /* Kill space between label and element */ margin-left: -0.26667em; } @media screen and (max-width: 599px) { .main-content form label + input, .main-content form label + textarea, .main-content form label + select { margin-left: 0; } } .main-content form input[type="checkbox"] + label { display: inline; width: auto; margin-right: 0; } .main-content form textarea, .main-content form fieldset, .main-content form button, .main-content form input[type="submit"] { margin-left: 30.76923%; } @media screen and (max-width: 599px) { .main-content form textarea, .main-content form fieldset, .main-content form button, .main-content form input[type="submit"] { margin-left: 0; } } .main-content form fieldset p { margin: 0; } .main-content form fieldset label { display: inline; width: auto; margin: 0; } .main-content form fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content form input, .main-content form textarea, .main-content form select, .main-content form fieldset, .main-content form button { width: 69.23077%; /* For rounding failures */ margin-right: -0.66667em; } @media screen and (max-width: 599px) { .main-content form input, .main-content form textarea, .main-content form select, .main-content form fieldset, .main-content form button { width: 100%; } } .main-content form input[type="checkbox"], .main-content form input[type="radio"], .main-content form input[type="image"] { margin-right: 0; } form span.mandatory { margin-left: 0.13333em; color: #e52f2f; } form .explanation, form .captcha_text { font-size: 0.8em; margin: -1em 0 2em; color: #5a5d63; } form .explanation p, form .captcha_text p { margin: 0 !important; } form .captcha_text { float: left; margin-top: 0.8em; font-size: inherit; color: #1e2022; } form .styled_select { font-size: 1.06667em; } form label + .styled_select { /* Kill space between label and element */ margin-left: -0.26667em; } form .widget-submit { margin-top: 0.8em; } .sidebar form input, .sidebar form textarea, .sidebar form button { width: 100%; margin: 0; } .sidebar form label { display: block; margin-bottom: 0.33333em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; height: auto; } /* =========================================== * Content elements * ======================================== */ .content-404 { position: relative; } .content-404 h1 { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.6em; color: #5a5d63; text-align: center; } @media screen and (max-width: 599px) { .main-content .content-404 h1 { font-size: 1.28571em; } } .content-404 h1 i { display: block; margin-bottom: 0.16em; font-weight: bold; font-style: normal; font-size: 5.20833em; line-height: 1; } .content-404 h1 b { display: inline-block; width: 2.5em; height: 2.5em; overflow: hidden; margin: 0 0.08333em -0.55em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-family: "Droid Serif", Georgia, serif; font-weight: normal; font-style: italic; font-size: 0.48em; color: #c5c6c8; text-indent: -999px; background: #ebebeb; } .content-404 h1 b:after { content: "Oh!"; position: relative; top: -0.2em; display: block; text-indent: 0; } .content-404 form { position: relative; margin: 0 auto; } .content-404 form input { width: 69.23077%; margin-left: 15.38462%; padding-right: 3.33333em; } @media screen and (max-width: 599px) { .main-content .content-404 form input { width: 100%; margin-left: 0; } } .content-404 form button { position: absolute; top: -0.2em; right: 15.38462%; width: 3.53333em; height: 3.53333em; overflow: hidden; margin: 0 0.33333em 0 0; padding: 0; white-space: nowrap; background: none; border: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media screen and (max-width: 599px) { .main-content .content-404 form button { width: 3.53333em; right: 0; } } .content-404 form button:before { font: 100%/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin: 0.6087em 0.65217em; font-size: 1.53333em; color: #1fa5d1; } .image-wrapper, figure a { position: relative; display: block; width: 100%; height: 100%; } .image-wrapper:before, figure a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1e2022; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .image-wrapper:after, figure a:after { content: ""; position: absolute; top: 50%; left: 50%; display: none; width: 31px; height: 31px; margin: -15px; background: -webkit-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, -webkit-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat; background: -moz-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, -moz-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat; background: -o-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, -o-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat; background: linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat; background-size: 100% 1px, 1px 100%; } .image-wrapper:hover:before, figure a:hover:before, .image-wrapper:focus:before, figure a:focus:before { opacity: 0.6; } .image-wrapper:hover:after, figure a:hover:after, .image-wrapper:focus:after, figure a:focus:after { display: block; } figure { position: relative; display: inline-block; max-width: 100%; } figure.float_below, figure.float_above { width: 100%; margin: 0.8em 0 0; } figure img { display: block; width: 100%; height: auto; } figure figcaption, figure .caption { position: relative; float: left; width: auto !important; max-width: 91.66667%; margin-top: -1.69231em; padding: 0.46154em 1em; font-size: 0.86667em; color: white; background: #75bb3c; background: rgba(117, 187, 60, 0.9); } figure.float_right, figure.float_left { float: right; margin: 1.53846% 0 3.84615% 7.69231%; width: 46.15385% !important; } @media screen and (max-width: 599px) { figure.float_right, figure.float_left { float: none !important; margin-left: 0; width: auto !important; } } .luxe-fullwidth figure.float_right, .luxe-fullwidth figure.float_left { margin: 0 0 2.17391% 4.34783%; width: 39.13043% !important; } @media screen and (max-width: 900px) { .luxe-fullwidth figure.float_right, .luxe-fullwidth figure.float_left { width: 46.15385%; } } @media screen and (max-width: 599px) { .luxe-fullwidth figure.float_right, .luxe-fullwidth figure.float_left { width: auto !important; margin-left: 0; } } .no-resize figure.float_right, .luxe-fullwidth .no-resize figure.float_right, figure.float_right.no-resize, .luxe-fullwidth figure.float_right.no-resize, .no-resize figure.float_left, .luxe-fullwidth .no-resize figure.float_left, figure.float_left.no-resize, .luxe-fullwidth figure.float_left.no-resize { width: auto !important; } figure.float_left { float: left; margin: 1.53846% 7.69231% 3.84615% 0; } @media screen and (max-width: 599px) { figure.float_left { float: none !important; margin-right: 0; } } .luxe-fullwidth figure.float_left { margin: 0 4.34783% 2.17391% 0; } @media screen and (max-width: 599px) { .luxe-fullwidth figure.float_left { margin-right: 0; } } .no-resize figure:not(.float_right):not(.float_left) img, figure:not(.float_right):not(.float_left).no-resize img { width: auto; max-width: 100%; } .content-youtube-wrapper, .content-vimeo-wrapper { position: relative; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .content-youtube-wrapper iframe, .content-youtube-wrapper object, .content-youtube-wrapper embed, .content-vimeo-wrapper iframe, .content-vimeo-wrapper object, .content-vimeo-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs__video:not(.mejs__container-fullscreen), .mejs__audio:not(.mejs__container-fullscreen) { margin: 1.33333em 0; } .mejs__video:not(.mejs__container-fullscreen) video, .mejs__audio:not(.mejs__container-fullscreen) video { object-fit: cover; } .mejs__video button, .mejs__audio button { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none !important; } .mejs__video button:hover, .mejs__video button:focus, .mejs__audio button:hover, .mejs__audio button:focus { background-color: transparent; background-image: url("../../assets/mediaelement/images/mejs-controls.svg"); } .video_container video, .audio_container audio { display: block; width: 100%; } .video_container video { height: auto; } .video_container iframe { border: 0; } .video_container .responsive { position: relative; padding-bottom: 56.25%; } .video_container .responsive.ratio-169 { padding-bottom: 56.25%; } .video_container .responsive.ratio-1610 { padding-bottom: 62.5%; } .video_container .responsive.ratio-219 { padding-bottom: 42.85714%; } .video_container .responsive.ratio-43 { padding-bottom: 75%; } .video_container .responsive.ratio-32 { padding-bottom: 66.66667%; } .video_container .responsive iframe, .video_container .responsive img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .content-gallery > ul.cols_1 > li { width: 100%; } .content-gallery > ul.cols_2 > li { width: 49.25%; } .content-gallery > ul.cols_3 > li { width: 32.33333%; } .content-gallery > ul.cols_4 > li { width: 23.875%; } .content-gallery > ul.cols_5 > li { width: 18.8%; } .content-gallery > ul.cols_6 > li { width: 15.41667%; } .content-gallery > ul.cols_7 > li { width: 13%; } .content-gallery > ul.cols_8 > li { width: 11.1875%; } .content-gallery > ul.cols_9 > li { width: 9.77778%; } .content-gallery > ul.cols_10 > li { width: 8.65%; } .content-gallery > ul.cols_11 > li { width: 7.72727%; } .content-gallery > ul.cols_12 > li { width: 6.95833%; } @media screen and (max-width: 599px) { .content-gallery { /* doubled class for specificity */ } .content-gallery.content-gallery > ul > li { width: auto; } } .content-gallery.no-resize > ul > li { width: auto; } .content-gallery > ul { zoom: 1; margin: 0 !important; padding: 0 !important; list-style: none !important; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; } .content-content-gallery > ul:before { content: ""; display: table; } .content-gallery > ul:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .content-gallery > ul { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 599px) { .content-gallery > ul > li { margin-right: 0; margin-left: 0; } .content-gallery > ul { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } } .content-gallery > ul > li.col_first { clear: left; margin-left: 0; } .content-gallery > ul > li.col_last { /* for rounding failures */ margin-right: -1%; } .content-gallery > ul > li > figure { width: 100%; } .content-gallery img { width: 100%; height: auto; } .main-content .content-imageslider img { max-width: none; } .enclosure, .content-downloads { position: relative; margin: 2.66667em 0; padding: 1.33333em 7.69231%; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } .luxe-fullwidth .enclosure, .luxe-fullwidth .content-downloads { padding: 1.33333em 4.34783%; } .enclosure p, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .content-downloads p, .content-downloads h3, .content-downloads h4, .content-downloads h5, .content-downloads h6 { margin: 0.4em 0 !important; } .enclosure h1, .enclosure h2, .enclosure h3, .main-content .enclosure h1, .main-content .enclosure h2, .main-content .enclosure h3, .content-downloads h1, .content-downloads h2, .content-downloads h3, .main-content .content-downloads h1, .main-content .content-downloads h2, .main-content .content-downloads h3 { margin: 0 0 0.83333em; padding: 0 0 0.83333em; border-bottom: 1px solid #e5e5e5; font-family: "Open Sans", sans-serif; font-size: 0.8em; font-weight: bold; font-style: normal; letter-spacing: 0.08333em; color: #5a5d63; text-transform: uppercase; } .enclosure ul, .main-content .enclosure ul, .content-downloads ul, .main-content .content-downloads ul { margin: 0; padding: 0; list-style: none; } .main-content .content-imageslider img { max-width: none; } .home-slider, .main-image { margin: 2.66667em 0; } @media screen and (max-width: 900px) { .home-slider { width: 115.38462%; width: calc(115.38462% + var(--safe-area-right) + var(--safe-area-left)); margin-right: -7.69231%; margin-right: calc(-7.69231% - var(--safe-area-right)); margin-left: -7.69231%; margin-left: calc(-7.69231% - var(--safe-area-left)); } } @media screen and (max-width: 900px) { .home-slider img { margin-bottom: 1em; } } .main-image img { display: block; width: 100%; max-width: none !important; height: auto; } .section-headline, .featured-list > header, .teaser-boxes > header, .team-boxes > header { display: inline-block; width: 100%; margin-bottom: 2em; border-bottom: 1px solid #e5e5e5; } .section-headline h1, .featured-list > header h1, .teaser-boxes > header h1, .team-boxes > header h1, .section-headline h2, .featured-list > header h2, .teaser-boxes > header h2, .team-boxes > header h2, .section-headline h3, .featured-list > header h3, .teaser-boxes > header h3, .team-boxes > header h3 { margin: 0; float: left; margin: 0 0.83333em -0.16667em 0; padding: 0.25em 0 0.66667em; border-bottom: 3px solid #75bb3c; font-family: "Open Sans", sans-serif; font-size: 0.8em; font-weight: bold; font-style: normal; color: #5a5d63; letter-spacing: 0.08333em; text-transform: uppercase; } .section-headline a, .featured-list > header a, .teaser-boxes > header a, .team-boxes > header a { float: right; font-size: 0.86667em; } .section-headline a:after, .featured-list > header a:after, .teaser-boxes > header a:after, .team-boxes > header a:after { font: 0.53846em/1 "RockSolid Icons"; content: "\e019"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.14286em; margin-left: 1.42857em; } @media screen and (max-width: 599px) { .featured-list { float: none; width: auto; } } .featured-list.-left, .featured-list.-right { width: 46.15385%; margin-bottom: 2.66667em; } .luxe-fullwidth .featured-list.-left, .luxe-fullwidth .featured-list.-right { width: 47.82609%; } .featured-list.-left { float: left; } .featured-list.-right { float: right; } .featured-list > header { margin: 0.66667em 0 0.4em; } .featured-list ul { padding-left: 2.15385em; list-style: none; font-size: 0.86667em; line-height: 1.61538; } .featured-list li { position: relative; margin: 0.30769em 0; } .featured-list li:before { font: 100%/1 "RockSolid Icons"; content: "\e019"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.375em; left: -3.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 2em; height: 2em; padding-top: 0.5em; font-size: 0.61538em; color: white; text-align: center; background: #75bb3c; } .icon-boxes { position: relative; overflow: hidden; clear: both; padding: 1.6em 0.66667em; margin: 1.06667em -0.66667em; letter-spacing: -0.3em; } @media screen and (max-width: 599px) { .icon-boxes { margin-right: 0; margin-left: 0; } .icon-boxes:after { right: 0; left: 0; } .icon-boxes .box { width: 100%; } } .icon-boxes.-highlight { padding-top: 2.66667em; border-top: 1px solid #e5e5e5; } .icon-boxes.-highlight:before { content: ""; position: absolute; top: -50px; left: 0; z-index: -1; width: 100%; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .icon-boxes-item { position: relative; display: inline-block; font-size: 0.86667em; letter-spacing: normal; color: #5a5d63; text-decoration: none; vertical-align: top; } .icon-boxes-item:nth-child(3n+1):before { -webkit-transition-delay: 0.3s, 0.3s; -moz-transition-delay: 0.3s, 0.3s; -o-transition-delay: 0.3s, 0.3s; transition-delay: 0.3s, 0.3s; } .icon-boxes-item:nth-child(3n+2):before { -webkit-transition-delay: 0.6s, 0.6s; -moz-transition-delay: 0.6s, 0.6s; -o-transition-delay: 0.6s, 0.6s; transition-delay: 0.6s, 0.6s; } .icon-boxes-item:nth-child(3n+3):before { -webkit-transition-delay: 0.9s, 0.9s; -moz-transition-delay: 0.9s, 0.9s; -o-transition-delay: 0.9s, 0.9s; transition-delay: 0.9s, 0.9s; } .icon-boxes-item:nth-child(3n+4):before { -webkit-transition-delay: 1.2s, 1.2s; -moz-transition-delay: 1.2s, 1.2s; -o-transition-delay: 1.2s, 1.2s; transition-delay: 1.2s, 1.2s; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1.66667em; height: 1.66667em; padding-top: 0.33333em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 1.84615em; color: white; text-align: center; background: #75bb3c; -webkit-transition-property: opacity, -webkit-transform, color, background; -moz-transition-property: opacity, -moz-transform, color, background; -o-transition-property: opacity, -o-transform, color, background; transition-property: opacity, transform, color, background; -webkit-transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; -moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; -o-transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; } .not-in-view > .icon-boxes-item:before, .does-repeat.not-in-view > .icon-boxes-item:before, .does-repeat .not-in-view > .icon-boxes-item:before { opacity: 0; -webkit-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); -o-transform: translate(0, -30px); transform: translate(0, -30px); } .does-repeat.in-view > .icon-boxes-item:before, .does-repeat .in-view > .icon-boxes-item:before, .has-shown > .icon-boxes-item:before { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .icon-boxes-item:hover:before, .icon-boxes-item:focus:before { color: #75bb3c; background: transparent; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .icon-boxes-item h3 { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.61538em; color: #5a5d63; } .icon-boxes-item p { line-height: 1.84615; } .teaser-boxes, .team-boxes { margin: 2.66667em 0; zoom: 1; } .teaser-boxes:before, .team-boxes:before { content: ""; display: table; } .teaser-boxes:after, .team-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes-item, .team-boxes-item { font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .teaser-boxes-item:hover, .team-boxes-item:hover { text-decoration: none; } .teaser-boxes-item h3, .team-boxes-item h3 { margin: 0 0 0.125em; font: normal bold 1em/1.6 "Open Sans", sans-serif; color: #5a5d63; } .teaser-boxes-item h4, .team-boxes-item h4 { margin: 0.72727em 0; padding-bottom: 0.54545em; border-bottom: 1px solid #e5e5e5; font-size: 0.84615em; } .teaser-boxes-item p, .team-boxes-item p { margin: 0.15385em 0; } .teaser-boxes-item > a, .team-boxes-item > a { display: block; } .teaser-boxes-item .image-wrapper, .team-boxes-item .image-wrapper, .teaser-boxes-item .no-image, .team-boxes-item .no-image { margin-bottom: 1.125em; } .teaser-boxes-item img, .team-boxes-item img { display: block; width: 100%; height: auto; margin-bottom: 1.125em; } @media screen and (max-width: 599px) { .teaser-boxes-item img, .team-boxes-item img { max-width: 100%; } } .teaser-boxes-item .image-wrapper img, .team-boxes-item .image-wrapper img { margin: 0; } .teaser-boxes-item .no-image, .team-boxes-item .no-image { display: block; width: 100%; padding-top: 56.25%; background: #e5e5e5; } .team-boxes-item > ul { margin: 0.61538em 0; padding: 0; border-top: 1px solid #e5e5e5; list-style-type: none; } .team-boxes-item > ul li { display: inline; } .team-boxes-item > ul a { display: inline-block; overflow: hidden; padding: 0.61538em 0.30769em 0 1px; outline: none; line-height: 0; letter-spacing: -1em; text-indent: -99em; text-decoration: none; } .team-boxes-item > ul a:before { content: none; } .team-boxes-item > ul a:after { font: 1.38462em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; letter-spacing: 0; color: #c2c6cc !important; } .team-boxes-item > ul a:hover:after, .team-boxes-item > ul a:focus:after { color: inherit !important; } .feature-box { display: inline-block; width: 100%; margin: 0.8em 0; } .feature-box h2 { margin-bottom: 0; font-size: 1.6em; line-height: 1.5; color: #5a5d63; } .feature-box h2 + p { margin-top: 1.2em; } .feature-box.-left .feature-box-text { float: right; } @media screen and (max-width: 599px) { .feature-box.-left .feature-box-text { float: none; } } .feature-box.-left .feature-box-image { float: left; } @media screen and (max-width: 599px) { .feature-box.-left .feature-box-image { float: none; } } .feature-box.-fade.not-in-view { opacity: 0; } .feature-box.-fade.in-view { -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; opacity: 1; } .feature-box.-move.not-in-view .feature-box-text { -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } .feature-box.-move.not-in-view .feature-box-image { -webkit-transform: translate(20%, 0); -moz-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -o-transform: translate(20%, 0); transform: translate(20%, 0); } .feature-box.-move.-left.not-in-view .feature-box-text { -webkit-transform: translate(20%, 0); -moz-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -o-transform: translate(20%, 0); transform: translate(20%, 0); } .feature-box.-move.-left.not-in-view .feature-box-image { -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } .feature-box.-move.in-view.in-view .feature-box-text, .feature-box.-move.in-view.in-view .feature-box-image { /* Doubled class to get needed specificity */ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .feature-box-text, .feature-box-image { width: 46.15385%; } @media screen and (max-width: 599px) { .feature-box-text, .feature-box-image { float: none; width: auto; } } .luxe-fullwidth .feature-box-text, .luxe-fullwidth .feature-box-image { width: 47.82609%; } @media screen and (max-width: 599px) { .luxe-fullwidth .feature-box-text, .luxe-fullwidth .feature-box-image { float: none; width: auto; } } .feature-box-image { float: right; margin-bottom: 2.4em; } @media screen and (max-width: 599px) { .feature-box-image { float: none; } } .highlight-box { position: relative; margin: 4.8em 0 3.2em; padding: 0 0 8em; } .highlight-box:before, .highlight-box:after { content: ""; position: absolute; bottom: 4em; width: 39.13043%; border-bottom: 1px solid #e5e5e5; } @media screen and (max-width: 599px) { .highlight-box:before, .highlight-box:after { width: 23.07692%; } } .highlight-box:before { left: 0; } .highlight-box:after { right: 0; } .highlight-box h1, .highlight-box h2, .highlight-box h3 { margin-top: 1em; margin-bottom: 0.66667em; text-align: center; font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.6em; color: #5a5d63; } .highlight-box a { position: absolute; bottom: 0; left: 50%; display: block; width: 6.66667em; height: 6.66667em; margin: 0 -3.33333em; font-style: italic; font-size: 1.2em; color: white; text-align: center; text-shadow: 0 1px 0 #5d9430; } .highlight-box a:hover { text-decoration: none; } .highlight-box a:hover .highlight-box-link-label { -webkit-transform: perspective(750px) rotateX(180deg); -moz-transform: perspective(750px) rotateX(180deg); -ms-transform: perspective(750px) rotateX(180deg); -o-transform: perspective(750px) rotateX(180deg); transform: perspective(750px) rotateX(180deg); } .highlight-box a:hover .highlight-box-link-icon { -webkit-transform: perspective(750px) rotateX(360deg); -moz-transform: perspective(750px) rotateX(360deg); -ms-transform: perspective(750px) rotateX(360deg); -o-transform: perspective(750px) rotateX(360deg); transform: perspective(750px) rotateX(360deg); } .highlight-box .highlight-box-link-label, .highlight-box .highlight-box-link-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.66667em 0.83333em 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #75bb3c; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(750px); -moz-transform: perspective(750px); -ms-transform: perspective(750px); -o-transform: perspective(750px); transform: perspective(750px); } .highlight-box .highlight-box-link-icon { -webkit-transform: perspective(750px) rotateX(180deg); -moz-transform: perspective(750px) rotateX(180deg); -ms-transform: perspective(750px) rotateX(180deg); -o-transform: perspective(750px) rotateX(180deg); transform: perspective(750px) rotateX(180deg); } .highlight-box .highlight-box-link-icon:before { top: 0.10417em; margin-right: 0; font-size: 2.66667em; } .highlight-headline h1, .highlight-headline h2, .highlight-headline h3 { color: #5a5d63; text-align: center; line-height: 1.5; } .highlight-headline h1 { margin-bottom: 1.28571em; font-size: 1.86667em; } .highlight-headline h2 { margin-bottom: 1.5em; font-size: 1.6em; } .highlight-headline h3 { margin-bottom: 1.71429em; font-size: 1.4em; } .testimonial, .main-content .testimonial { font-size: 1.2em; } .testimonial:before, .main-content .testimonial:before { content: none; } .testimonial > p, .main-content .testimonial > p { position: relative; padding: 1.11111em; border: 1px solid #c2c6cc; } .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: ""; position: absolute; right: 29px; bottom: -32px; width: 0; height: 0; border-color: #b4b9c0 transparent transparent transparent; border-style: solid; border-width: 32px 32px 0 0; } @media screen and (max-width: 599px) { .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: none; } } .testimonial > p:after, .main-content .testimonial > p:after { right: 30px; bottom: -30px; border-color: white transparent transparent transparent; border-width: 30px 30px 0 0; } .testimonial-author, .testimonial .testimonial-author { font-size: 0.86667em; } @media screen and (max-width: 599px) { .testimonial-author, .testimonial .testimonial-author { font-size: 1.06667em; } } .testimonial-author img, .testimonial .testimonial-author img { float: left; margin-left: 1.53846em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } @media screen and (max-width: 599px) { .testimonial-author img, .testimonial .testimonial-author img { margin-left: 0; } } .testimonial-author > small, .testimonial .testimonial-author > small { margin: 0.46154em 0 2em 1.53846em; } .testimonial-author > img + small, .testimonial-author > picture + small, .testimonial .testimonial-author > img + small, .testimonial .testimonial-author > picture + small { margin: 1.07692em 0 0 0.76923em; } .testimonial-author small, .testimonial .testimonial-author small { float: left; } .testimonial-author small:before, .testimonial .testimonial-author small:before { content: none; } .testimonial-author small a:after, .testimonial .testimonial-author small a:after { content: none; } .contact-box-map { position: relative; /* Fixes bug in iOS with too small maps */ min-height: 280px; padding-bottom: 56.25%; } .contact-box-map > a, .contact-box-map > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .contact-box-map > a { display: flex; justify-content: center; align-items: center; text-align: center; background: #e5e3df; } .contact-box > ul { padding: 0; list-style-type: none; } .contact-box-address, .contact-box-hours, .contact-box-phone, .contact-box-fax, .contact-box-email { position: relative; padding-left: 1.53846em; } .contact-box-address:before, .contact-box-hours:before, .contact-box-phone:before, .contact-box-fax:before, .contact-box-email:before { font: 0.92308em/1 "RockSolid Icons"; content: "\e0d3"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.33333em; left: 0; color: #c2c6cc; } .contact-box-hours:before { content: "\e049"; } .contact-box-phone:before { content: "\e0e6"; } .contact-box-fax:before { content: "\e078"; } .contact-box-email:before { content: "\e0cd"; } /* =========================================== * Footer styles * ======================================== */ .page-footer { background-color: #44464b; padding-bottom: var(--safe-area-bottom); } .page-footer-inner { zoom: 1; padding-top: 3%; font-size: 0.86667em; color: #c2c6cc; /* collapse white-space between inline-block elements */ letter-spacing: -0.3em; } .page-footer-inner:before { content: ""; display: table; } .page-footer-inner:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .page-footer-inner { margin-top: 0; } } .page-footer-inner h1, .page-footer-inner h2, .page-footer-inner h3 { margin: 0 0 1.66667em; padding: 0 0 0.41667em; border-bottom: 1px solid #5a5d63; font-size: 0.92308em; color: white; text-transform: uppercase; } .page-footer-inner ul { padding: 0; list-style: none; } .page-footer-inner a { color: white; text-decoration: none; } .page-footer-inner a:hover, .page-footer-inner a:focus { text-decoration: underline; } .page-footer-inner form label { position: absolute; left: 1.30769em; top: 1.15385em; color: #83868b; } .page-footer-inner form .error + label { top: 2.76923em; } .page-footer-inner form input, .page-footer-inner form textarea { width: 81.81818%; padding: 1.15385em 1.15385em 1em; border-color: #3d3f43 transparent #5c5f66; background: #44464b; background: -webkit-linear-gradient(#3d3f43, #5c5f66) 0 0/1px 100% no-repeat, -webkit-linear-gradient(#3d3f43, #5c5f66) 100% 0/1px 100% no-repeat, -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #44464b; background: -moz-linear-gradient(#3d3f43, #5c5f66) 0 0/1px 100% no-repeat, -moz-linear-gradient(#3d3f43, #5c5f66) 100% 0/1px 100% no-repeat, -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #44464b; background: -o-linear-gradient(#3d3f43, #5c5f66) 0 0/1px 100% no-repeat, -o-linear-gradient(#3d3f43, #5c5f66) 100% 0/1px 100% no-repeat, -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #44464b; background: linear-gradient(#3d3f43, #5c5f66) 0 0/1px 100% no-repeat, linear-gradient(#3d3f43, #5c5f66) 100% 0/1px 100% no-repeat, linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #44464b; -webkit-background-origin: border, border; -moz-background-origin: border, border; background-origin: border-box, border-box; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 900px) { .page-footer-inner form input, .page-footer-inner form textarea { width: 100%; } } .page-footer-inner form input:focus, .page-footer-inner form textarea:focus { border-color: #5c8043; } .page-footer-inner form button, .page-footer-inner form input[type="submit"] { font-size: 1.15385em; padding-right: 2.66667em; padding-left: 2.66667em; } .footer-column { display: inline-block; width: 20%; margin: 0 0 4% 4%; letter-spacing: 0; vertical-align: top; } .footer-column.-large { width: 44%; } @media screen and (max-width: 900px) { .footer-column, .footer-column-1, .footer-column.-large { width: 40%; margin-left: 6.66667%; } } @media screen and (max-width: 599px) { .footer-column, .footer-column-1, .footer-column.-large { display: block; width: auto; margin-top: 10%; margin-right: 6.66667%; } } .footer-map { display: block; margin: 0 -3px; border: 3px solid #5a5d63; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .footer-map:hover, .footer-map:focus { border-color: #1e2022; } .footer-map:after { content: none !important; } .footer-map img { display: block; width: 100%; height: auto; } .footer-address, .footer-hours, .footer-phone, .footer-fax, .footer-email { position: relative; padding-left: 1.53846em; } .footer-address:before, .footer-hours:before, .footer-phone:before, .footer-fax:before, .footer-email:before { font: 0.92308em/1 "RockSolid Icons"; content: "\e0d3"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.33333em; left: 0; color: #c2c6cc; } .footer-hours:before { content: "\e049"; } .footer-phone:before { content: "\e0e6"; } .footer-fax:before { content: "\e078"; } .footer-email:before { content: "\e0cd"; } .footer-link-list { margin: -0.76923em 0 1em; } .footer-link-list a { display: block; padding: 0.76923em 0; border-top: 1px dotted #c2c6cc; } .footer-link-list a:before { font: 0.46154em/1 "RockSolid Icons"; content: "\e019"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.33333em; margin-right: 0.83333em; } .footer-link-list > li:first-child > a { border-top: 0; } .page-footer .mod_newslist article { border-bottom: 0; } .page-footer .mod_newslist .news-boxes-item { font-size: 1em; } .page-footer .mod_newslist .news-boxes-item .news-boxes-item-info { margin-top: 1.92308em; color: #c2c6cc; } .page-footer .mod_newslist .news-boxes-item h4 { margin: 0 0 0.46154em; line-height: 1.38462; } .page-footer .mod_newslist .news-boxes-item h4 > a { color: white; } .footer-navigation { zoom: 1; clear: both; margin: 0 4%; padding: 2.30769em 0 1.53846em; border-top: 1px solid #5a5d63; letter-spacing: 0; } .footer-navigation:before { content: ""; display: table; } .footer-navigation:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .footer-navigation { margin: 0 6.66667%; } } .footer-navigation .social-links { float: right; margin: 0; padding: 0; font-size: 1.23077em; } @media screen and (max-width: 599px) { .footer-navigation .social-links { float: none; margin-left: -0.5em; } } .footer-navigation .social-links li { display: inline; } .footer-navigation .social-links a { display: inline-block; width: 1.0625em; overflow: hidden; margin-left: 0.5em; white-space: nowrap; } .footer-navigation .social-links a:hover, .footer-navigation .social-links a:focus { color: inherit; } .footer-info-links { display: inline; } .footer-info-links ul, .footer-info-links li { display: inline; margin: 0; padding: 0; } .footer-info-links li:after { content: " · "; margin: 0 2px; } .footer-info { display: inline; } @media screen and (max-width: 599px) { .footer-info { text-align: left; clear: both; } } .footer-info p { display: inline; margin: 0; } .footer-info .rocksolid-copyright { color: #c2c6cc; } .footer-info .rocksolid-copyright:before { content: "·"; display: inline-block; margin: 0 0.38462em 0 0.15385em; } /* =========================================== * Slider styles * ======================================== */ .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.8em 0; } .rsts-skin-testimonials .rsts-header { border-bottom: 1px solid #e5e5e5; } .rsts-skin-testimonials .rsts-header h1, .rsts-skin-testimonials .rsts-header h2, .rsts-skin-testimonials .rsts-header h3, .rsts-skin-testimonials .rsts-header h4, .rsts-skin-testimonials .rsts-header h5, .rsts-skin-testimonials .rsts-header h6 { margin: 0; padding: 0.14286em 0 0.64286em; font-size: 0.93333em; font-weight: 600; color: #5a5d63; letter-spacing: 0.07143em; text-transform: uppercase; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -0.33333em; left: 0; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-next:hover { text-decoration: none; } .sidebar .rsts-skin-testimonials .rsts-prev, .sidebar .rsts-skin-testimonials .rsts-next { bottom: 0.4em; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.66667em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 1em; color: #c2c6cc; } .rsts-skin-testimonials .rsts-next { left: 2.06667em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; right: -5px; top: 2px; line-height: 0; } .rsts-skin-testimonials .rsts-nav ul { margin: 0; padding: 0; } .rsts-skin-testimonials .rsts-nav li { display: inline; } .rsts-skin-testimonials .rsts-nav a { float: left; width: 17px; height: 17px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 7px; height: 7px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #c2c6cc; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; width: 10px; height: 10px; margin: -1px; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none !important; } /* =========================================== * Module styles (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .fixed-note { position: fixed; display: table; top: auto; right: 0; bottom: 0; left: 0; width: 100%; min-height: 4em; padding: 0.8em 1.33333em 0.8em 5.33333em; padding-right: calc(1.33333em + var(--safe-area-right)); padding-bottom: calc(0.8em + var(--safe-area-bottom)); padding-left: calc(5.33333em + var(--safe-area-left)); border-top: 1px solid #c2c6cc; z-index: 99; background-color: white; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note { position: relative; padding-top: calc(0.8em + var(--safe-area-top)); padding-bottom: 0.8em; } } @media screen and (max-width: 599px) { .fixed-note { display: block; padding-left: 1.33333em; padding-left: calc(1.33333em + var(--safe-area-left)); } } .fixed-note:before { position: absolute; top: 50%; margin-top: -0.5em; left: 0.83333em; left: calc(0.83333em + var(--safe-area-left)); font-size: 2.4em; color: #75bb3c; } @media screen and (max-width: 900px) { .fixed-note:before { top: 0.66667em; margin-top: 0; } } @media screen and (max-width: 599px) { .fixed-note:before { position: static; } } .fixed-note h1, .fixed-note h2, .fixed-note h3 { font-size: 1em; margin: 0.4em 0; } .fixed-note p { font-size: 0.93333em; margin: 0.42857em 0; } @media screen and (max-width: 599px) { .fixed-note p { font-size: 1.06667em; } } .fixed-note-column { display: table-cell; vertical-align: middle; padding: 0 0.66667em; } .fixed-note-column:last-child { text-align: right; } @media screen and (max-width: 900px) { .fixed-note-column:last-child { text-align: left; } } @media screen and (max-width: 900px) { .fixed-note-column { display: block; margin: 0.8em 0; padding: 0; } } .fixed-note-link, .fixed-note-button { white-space: nowrap; } .fixed-note-button { margin: 0; } .fixed-note-closed { position: fixed; right: 2em; right: calc(2em + var(--safe-area-right)); bottom: 0; bottom: var(--safe-area-bottom); z-index: 99; padding: 0.53333em 0.8em; color: white; text-decoration: none; background: #75bb3c; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 1100px) { .fixed-note-closed { right: 0; right: var(--safe-area-right); } } @media screen and (max-width: 900px) { .fixed-note-closed { position: absolute; top: 0.8em; top: calc(0.8em + var(--safe-area-top)); right: 6.66667%; right: calc(6.66667% + var(--safe-area-right)); bottom: auto; padding: 0.26667em 0.8em; } } @media screen and (max-width: 599px) { .fixed-note-closed { right: 0.8em; right: calc(0.8em + var(--safe-area-right)); } } .fixed-note-closed:hover, .fixed-note-closed:focus { background-color: #5d9430; } .fixed-note-closed:before { font: 100%/1 "RockSolid Icons"; content: "\e0a6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; } .fixed-note-closed > span { display: none; } .back a:before, .previous a:before, .next a:after { font: 100%/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } .next a:after { content: "\e019"; margin-right: 0; margin-left: 0.33333em; } .pagination > p { text-align: center; } .pagination ul { padding: 0 !important; list-style-type: none !important; text-align: center; } .pagination ul li { display: inline-block; } .pagination ul li a, .pagination ul li strong, .pagination ul li span { padding: 0.33333em 0.66667em; } .pagination ul li .current, .pagination ul li .active { font-weight: bold; } /* Search */ .main-content .mod_search { margin: 1.33333em 0; } .main-content .mod_search .widget { display: inline; } .main-content .mod_search form input[type="search"] { width: 74%; margin: 0; } .main-content .mod_search form button[type="submit"], .main-content .mod_search form input[type="submit"] { width: 25%; margin-top: -1px; margin-right: -2%; margin-left: 0; } .main-content .mod_search h3 span.relevance { display: block; margin: 0.25em 0; font-size: 0.66667em; color: #5a5d63; } .main-content .mod_search .header { padding-bottom: 0.33333em; border-bottom: 1px solid #c2c6cc; color: #5a5d63; } .main-content .mod_search .highlight { padding: 0 0.26667em; font-weight: bold; background: #d2edf5; } .main-content .mod_search .url { padding-bottom: 1.33333em; border-bottom: 1px dotted #c2c6cc; color: #5a5d63; } .main-content .mod_search .url:before { font: 100%/1 "RockSolid Icons"; content: "\e0b5"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } .main-content .mod_search .url .filesize { font-size: 0.8em; } .main-content .mod_search .context { display: block; clear: both; } /* FAQ */ .mod_faqpage section { position: relative; margin: 2.66667em 0; padding-left: 7.69231%; } .mod_faqpage section h3 { color: #5a5d63; } .mod_faqpage section h3:before { font: 0.83333em/1 "RockSolid Icons"; content: "\3f"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 1.54167em; height: 1.5em; padding: 0.25em 0 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: white; text-align: center; background: #75bb3c; } .mod_faqpage .info, .mod_faqreader .info { font-size: 12px; color: #5a5d63; } .mod_faqlist ul { padding: 0 !important; list-style-type: none !important; } .mod_faqlist ul li:before { font: 0.93333em/1 "RockSolid Icons"; content: "\3f"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1.42857em; height: 1.42857em; margin: 0 0.57143em 0 0; padding: 0.21429em 0 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; color: white; background: #1fa5d1; } /* News */ .mod_newslist article, .mod_newsarchive article { margin-bottom: 2.4em; padding-bottom: 0.8em; border-bottom: 1px solid #e5e5e5; } .mod_newslist article img, .mod_newsarchive article img { width: 100%; height: auto; margin: 0.8em 0; } .mod_newslist article h2, .main-content .mod_newslist article h2, .mod_newsarchive article h2, .main-content .mod_newsarchive article h2 { margin: 0.53571em 0 0.35714em; font-size: 1.6em; line-height: 1.5; } .mod_newslist article h2 a, .mod_newsarchive article h2 a { color: #1e2022; } .mod_newslist article header, .mod_newsarchive article header { float: left; width: 23.07692%; padding-top: 0.16667em; font-size: 0.8em; line-height: 2; } @media screen and (max-width: 599px) { .mod_newslist article header, .mod_newsarchive article header { float: none; width: auto; font-size: 0.85714em; line-height: 1.6666; } } .mod_newslist article header p, .mod_newsarchive article header p { margin: 0 !important; } .mod_newslist article header i, .mod_newsarchive article header i { font-family: "Droid Serif", Georgia, serif; color: #5a5d63; } .mod_newslist article header a, .mod_newsarchive article header a { color: inherit; } .mod_newslist article .teaser, .mod_newsarchive article .teaser { margin-left: 30.76923%; } @media screen and (max-width: 599px) { .mod_newslist article .teaser, .mod_newsarchive article .teaser { margin-left: 0; } } .mod_newslist article .teaser > p:first-child, .mod_newsarchive article .teaser > p:first-child { margin-top: 0; } .news-boxes-item, .mod_newslist .news-boxes-item { font-size: 0.86667em; } .news-boxes-item:before, .mod_newslist .news-boxes-item:before { content: none; } .news-boxes-item > h3, .mod_newslist .news-boxes-item > h3 { font: bold 1em "Open Sans", sans-serif; margin: 0 0 0.46154em; } .news-boxes-item > h3 > a, .mod_newslist .news-boxes-item > h3 > a { color: #5a5d63; } .news-boxes-item .news-boxes-item-info, .mod_newslist .news-boxes-item .news-boxes-item-info { margin: 0.54545em 0; font: italic 0.84615em "Droid Serif", Georgia, serif; color: #5a5d63; } .news-boxes-item .news-boxes-item-info > .comment-count, .mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count { color: inherit; text-decoration: none; } .news-boxes-item .news-boxes-item-info > .comment-count:before, .mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count:before { content: "· "; } .news-boxes-item .news-boxes-item-info > .comment-count:first-child:before, .mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count:first-child:before { content: none; } /* Events */ .mod_calendar th { border-bottom: 1px solid #c2c6cc; } .mod_calendar th.previous, .mod_calendar th.next { font-size: 0.93333em; padding: 0; } .mod_calendar th.previous a, .mod_calendar th.next a { padding: 0.66667em 1em; display: block; text-decoration: none; } .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before { display: none; } .mod_calendar th.current { text-align: center; } .mod_calendar th.current:before { font: 100%/1 "RockSolid Icons"; content: "\e036"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } .mod_calendar th.next { text-align: right; } .mod_calendar th.label { font-size: 0.8em; text-align: center; } .mod_calendar td { width: 14.28571%; background: #f7f7f7; vertical-align: top; } .mod_calendar td.empty { background: none; } .mod_calendar td.today { font-weight: bold; color: #1e2022; background: #ebebeb; } .mod_calendar .event { font-size: 0.8em; } .mod_calendar .minicalendar td, .mod_calendar .minicalendar th { padding: 0; text-align: center; } .mod_calendar .minicalendar td.previous a, .mod_calendar .minicalendar td.next a, .mod_calendar .minicalendar th.previous a, .mod_calendar .minicalendar th.next a { padding-left: 0; padding-right: 0; } .mod_eventreader .info, .mod_eventlist .header { font-weight: bold; } .mod_eventreader .info time:before, .mod_eventlist .header:before { font: 100%/1 "RockSolid Icons"; content: "\e036"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } /* Comments */ .content-comments { margin-top: 2.66667em; } .content-comments .comment_default { position: relative; padding: 1.6em 0; margin-bottom: 1.33333em; border-top: 1px solid #e5e5e5; } .content-comments .comment_default:before { content: ""; position: absolute; top: -2px; left: 0; width: 30.76923%; height: 3px; background: #75bb3c; } .content-comments .comment_default > .info { float: left; width: 30.76923%; font-size: 0.8em; line-height: 2; } @media screen and (max-width: 599px) { .content-comments .comment_default > .info { float: none; width: auto; font-size: 0.85714em; line-height: 1.6666; } } .content-comments .comment_default > .info p { margin: 0 !important; } .content-comments .comment_default > .info i { font-family: "Droid Serif", Georgia, serif; font-style: italic; color: #5a5d63; } .content-omments .comment_default > .info a { color: inherit; } .content-comments .comment_default > .info a:after { content: none; } .content-comments .comment_default > .comment { margin-left: 38.46154%; font-size: 0.86667em; line-height: 1.84615; } @media screen and (max-width: 599px) { .content-comments .comment_default > .comment { margin-left: 0; font-size: 0.92857em; } } .content-comments .comment_default > .comment p { margin: 0.53846em 0 !important; } .content-comments .comment_default > .reply { position: relative; margin: 1.6em -3.84615% 1.6em 34.61538%; padding: 0.33333em 3.84615%; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } @media screen and (max-width: 599px) { .content-comments .comment_default > .reply { margin-left: -3.84615%; } } .content-comments .comment_default > .reply:before { font: 2.13333em/1 "RockSolid Icons"; content: "\e032"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: -2px; right: 5.55556%; margin-right: -0.1875em; color: #75bb3c; } .content-comments .comment_default > .reply > .info { padding-bottom: 0.66667em; border-bottom: 1px solid #e5e5e5; font-weight: bold; font-size: 0.8em; letter-spacing: 0.08333em; color: #5a5d63; text-transform: uppercase; } .content-comments .comment_default > .reply > .info b { padding: 0 0.41667em; -webkit-border-radius: 0.16667em; -moz-border-radius: 0.16667em; border-radius: 0.16667em; color: white; background: #75bb3c; } .content-comments .comment_default > .reply > .comment { font-size: 0.86667em; line-height: 1.84615; } .content-comments .comment_default > .reply > .comment p { margin: 0.53846em 0 !important; } .content-comments .form { margin-top: 2.66667em; } .content-comments form input { float: right; width: 61.53846%; margin-right: 0; } .content-comments form button[type="submit"], .content-comments form input[type="submit"] { float: none; width: auto; margin: 0; } @media screen and (max-width: 599px) { .content-comments form button, .content-comments form input { width: 100%; } } .content-comments form textarea { width: 100%; margin-left: 0; } .content-comments form label { display: inline-block; padding-top: 1.06667em; font-size: 0.86667em; } @media screen and (max-width: 599px) { .content-comments form label { padding-top: 0.26667em; font-size: 1em; } } .content-comments form label[for="ctrl_email"] { padding: 0; } @media screen and (max-width: 599px) { .content-comments form label[for="ctrl_email"] { padding-top: 0.26667em; } } .content-comments form fieldset { width: auto; margin: 0; padding: 0; border: 0; } .content-comments form fieldset label { float: none; margin-left: 0.33333em; } .content-comments form fieldset input[type="checkbox"], .main-content .content-comments form fieldset input[type="checkbox"] { float: none; width: auto; margin: 0; } .content-comments form .widget { clear: both; padding-top: 1.33333em; } .content-comments form .captcha_text { float: none; display: inline; margin: 0; width: auto; } /* Sitemap */ .main-content .mod_sitemap ul { padding-left: 0; list-style-type: none; } .main-content .mod_sitemap ul li li { padding: 0.21429em 0 0.21429em 1.85714em; font-size: 0.93333em; } .main-content .mod_sitemap ul li li.submenu ul { margin: 0; } .main-content .mod_sitemap > ul > li:before { font: 100%/1 "RockSolid Icons"; content: "\e083"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.66667em; color: #1fa5d1; } /* Newsletter */ .main-content .mod_newsletterlist ul { padding-left: 0; list-style-type: none; } .main-content .mod_newsletterlist ul li { padding: 0.33333em 0; border-top: 1px solid #c2c6cc; } .main-content .mod_newsletterlist ul li:first-child, .main-content .mod_newsletterlist ul li.first { border-top: 0; } /* Breadcrumbs */ .mod_breadcrumb { clear: both; font-size: 0.86667em; } .mod_breadcrumb ul, .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .mod_breadcrumb li:before { content: " \A0 / \A0 "; } .mod_breadcrumb li:first-child:before { display: none;; } .mod_breadcrumb a { color: inherit; text-decoration: underline; } .mod_breadcrumb a:hover { text-decoration: none; } /* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */ .dlh_googlemap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sidebar .dlh_googlemap { /* Setting the maps width to 100% is best practice in the sidebar, since it becomes fluid that way */ width: 100% !important; } .main-content .dlh_googlemap img { max-width: none; } .cc-close { width: 35px; height: 35px; padding: 0; } @font-face { font-family: 'airport'; font-style: normal; font-weight: 400; src: local('Merriweather Sans Regular'), url('../../files/klu/fonts/MerriweatherSans-Regular.woff') format('woff'); font-display: swap; } @font-face { font-family: 'airport'; font-style: italic; font-weight: 400; src: local('Merriweather Sans Italic'), url('../../files/klu/fonts/MerriweatherSans-Italic.woff') format('woff'); font-display: swap; } @font-face { font-family: 'airport'; font-style: normal; font-weight: 300; src: local('Merriweather Sans Light'), url('../../files/klu/fonts/MerriweatherSans-Light.woff') format('woff'); font-display: swap; } @font-face { font-family: 'airport'; font-style: italic; font-weight: 300; src: local('Merriweather Sans Light Italic'), url('../../files/klu/fonts/MerriweatherSans-LightItalic.woff') format('woff'); font-display: swap; } @font-face { font-family: 'airport'; font-style: normal; font-weight: 600; src: local('Merriweather Sans Bold'), url('../../files/klu/fonts/MerriweatherSans-Bold.woff') format('woff'); font-display: swap; } @font-face { font-family: 'airport'; font-style: italic; font-weight: 600; src: local('Merriweather Sans Bold Italic'), url('../../files/klu/fonts/MerriweatherSans-BoldItalic.woff') format('woff'); font-display: swap; } @font-face { font-family: 'airport'; font-style: normal; font-weight: 800; src: local('Merriweather Sans ExtraBold'), url('../../files/klu/fonts/MerriweatherSans-ExtraBold.woff') format('woff'); font-display: swap; } @font-face { font-family: 'airport'; font-style: italic; font-weight: 800; src: local('Merriweather Sans ExtraBold Italic'), url('../../files/klu/fonts/MerriweatherSans-ExtraBoldItalic.woff') format('woff'); font-display: swap; } @media screen { :root { --color-dklblau: #041938; --color-mtlblau: #226399; --color-mtlblau2: #27689E; --color-hlblau: #3fa9f5; --color-dklgrau: #202020; --color-hlblau1: #2F99E5; --color-hlblau2: #107AC6; --color-hlblau3: #5abfff; --color-hlblau4: #B4DFFF; --color-red: #B30C00; --color-yellow: #ffe500; } .sr-only, .invisible { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only:focus, .invisible:focus { position: fixed; top: 0.5rem; left: 0.5rem; width: auto; height: auto; padding: 1rem; margin: 0; overflow: visible; clip: auto; white-space: normal; text-align: center; z-index: 2000; color: white; background-color: var(--color-mtlblau); } .mobile { display: none; } body { overflow-x: hidden; } html { font-family: "airport", sans-serif !important; font-size: 1rem; overflow-x: hidden; } a, a:visited { color: inherit; } .main-content .home-news-link { clear:both; display:block; margin-top:1rem; padding-top:.6rem; border-top:1px solid #fff; } .main-content .home-news-link p { display: inline; } .page { padding-bottom:5rem; max-width: 100%; } .page-header { width:100%; position:fixed; margin: 0; padding-bottom: 0; border: none; background: #041938; } .homefull .main-content, .contentfull .main-content { max-width: 100%; padding-left: 0; padding-right: 0; } .homefull .main-content p { margin-top: 0; margin-bottom: 0; } .content-wrapper { margin-top:6rem; } .home .content-wrapper { background-color: #226399; } .home .mod_rocksolid_slider, .wrapper-karte, .wrapper-urlaubsideen { max-width: 1100px; padding-left: 4%; padding-right: 4%; margin: 0 auto !important; } .sprachenwechsler ul li.lang-de { border-right: 1px solid var(--color-hlblau); } .main-content { max-width: 1100px; padding-left: 4%; padding-right: 4%; margin: 0 auto !important; padding-top: 2rem; } .logo { position: absolute; top: -2.3rem; left: 3rem; z-index: +100; } .logo img { padding:0; background-color:#fff; height: 8rem; box-shadow: 4px 2px 12px #313131; } .mobile-navigation-erweitert { display: none; } .main-navigation { padding-left:18rem; margin: 0 auto; height: 7rem; background: #041938; } .main-navigation ul.level_1 { display: grid; grid-template-columns: repeat(5, auto); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; width: fit-content; } .main-navigation .navi-1 { grid-area: 1 / 1 / 3 / 2; } .main-navigation .navi-2 { grid-area: 1 / 2 / 3 / 3; } .main-navigation .navi-3 { grid-area: 1 / 3 / 3 / 4; } .main-navigation .navi-4 { grid-area: 1 / 4 / 2 / 5; } .main-navigation .navi-4, .main-navigation .navi-5, .main-navigation .navi-6, .main-navigation .navi-7 { height: 2.5rem; padding-top: 1.2rem; } .main-navigation .navi-5 { grid-area: 2 / 4 / 3 / 5; } .main-navigation .navi-6 { grid-area: 1 / 5 / 2 / 6; } .main-navigation .navi-7 { grid-area: 2 / 5 / 3 / 6; } .main-navigation > ul > li { vertical-align:middle; margin-left: 0.9rem; } .main-navigation > ul > li > a { font-family: "airport"; font-style: normal; font-weight: 300; text-transform: uppercase; font-size: 0.9rem; color: #fff; padding-left: 1rem; } .main-navigation ul { margin: 0 auto; text-align: center; padding-top: 2.15rem; height: 6rem; } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus, .main-navigation > ul > li > a.active { display:inline-block; color: #fff; font-weight: 500; text-transform: uppercase; } .main-navigation > ul > li:hover, .main-navigation > ul > li:focus { border-bottom: 8px solid var(--color-hlblau1); position: relative; z-index: 5; // height: 4.85rem; } .main-navigation > ul > li.active { border-bottom: 8px solid var(--color-hlblau1); padding-bottom: 1.1rem; height: 4.85rem; } .main-navigation > ul > li.submenu.trail.-mega { border-bottom: 8px solid var(--color-hlblau1); padding-bottom: 0.65rem; height: 4.85rem; } .main-navigation ul li.submenu:focus-within > ul { z-index: +1; max-height: 9999px; opacity: 1; transition: opacity 0.2s; pointer-events: auto; } .main-navigation > ul > li.active.submenu.-mega { padding-bottom: 1.1rem; } .main-navigation > ul > li.active:hover { border-bottom: 8px solid var(--color-hlblau1); } .main-navigation > ul > li > a.active:not(.navi-small) { display:inline-block; font-size: 0.9rem; padding-right: 1rem; padding-left: 1rem; padding-top: 0.65rem; padding-bottom: 0.5rem; font-weight: 600; } .main-navigation li a { border-right: 1px solid var(--color-hlblau1); margin-top: 1.25rem; } .main-navigation li.navi-small { top:-0.7rem; margin-right:0; margin-left:0; text-align:left; font-size:.7rem; color:#fff; margin-left: 2rem; } .main-navigation li a.navi-small, .main-navigation > ul > li.navi-small > strong.active.submenu, .main-navigation > ul > li.navi-small > strong.active.navi-small { font-size:.8rem; display: inline-block; margin: 0; padding: 0; } strong.forward.trail.submenu.navi-small.small-1 { font-size:.7rem; text-transform: uppercase; border-bottom: 2px solid var(--color-hlblau1); line-height: 1.3; font-weight: 500; } .main-navigation > ul > li:hover.navi-small, .main-navigation > ul > li:focus.navi-small, .main-navigation > ul > li.active.navi-small, .main-navigation strong.active.navi-small, .main-navigation li a.navi-small { border: none; height: 1.25rem; } .main-navigation li.navi-4, .main-navigation li.navi-6 { clear:both; padding-top: 1.5rem; padding-bottom: 0.5rem; } .main-navigation .navi-small:hover span { border-bottom:2px solid #3fa9f5; } .main-navigation > ul > li.navi-small > strong.active.submenu, .main-navigation > ul > li.navi-small > strong.active.navi-small, .main-navigation a.navi-small.trail span, .main-navigation a.navi-small.active span { border-bottom:2px solid #3fa9f5; line-height: 1.3; } .main-navigation a.navi-small:before, .main-navigation > ul > li.navi-small.active strong:before, strong.forward.trail.submenu.navi-small.small-1:before { content: "> "; border-bottom: 6px solid #041938; border-color: #041938; } .main-content a.navi-small.sibling, .main-content li.navi-small.sibling, .main-content li.active.navi-small { height: auto; } #main-navigation > ul > li > .mega-dropdown { position:fixed; top: 7rem; left: 0; display: none; z-index: -2; width: 100%; margin: 0; padding: 0 0 0 0; text-align: left; white-space: nowrap; background: #ffffff; } #main-navigation > ul > li:hover > .mega-dropdown, #main-navigation > ul > li:focus-within > .mega-dropdown { display: block; } div.mega-dropdown-inner { padding-top:1rem; padding-bottom:2rem; white-space:normal; background: rgba(255,255,255,0.95); position: absolute; width: 100%; padding-left: calc(((100vw - 1200px) / 2) + 1rem); padding-right: calc(((100vw - 1200px) / 2) - 1 rem); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); } .mega-dropdown a { color: #041938; } .mega-dropdown h3 { margin-bottom:1rem; text-transform: uppercase; font-weight: 400; } .mega-dropdown p { font-size:.9rem; color:#041938; } .mega-dropdown ul { padding-top:0; } .mega-dropdown ul li a:before { content: "> "; } .mega-dropdown #menu-destinationen ul li a:before { content: ""; } .mega-dropdown #menu-destinationen ul li { margin-bottom:.6rem; } .mega-dropdown ul li a { font-weight: 300; font-size: 0.9rem; } .mega-dropdown ul li a:hover, .mega-dropdown ul li a:focus, .mega-dropdown ul li a.active { font-weight: 600; text-decoration: none; } .main-navigation > ul > li.trail > a { color: #ffffff; font-weight: 700; } .main-navigation li li { display:block; margin-left:0; text-align:left; } .main-navigation li li a, .main-navigation h3 a { border: none; } .main-navigation .navi-small ul.level_2 li a { margin-top:0; padding-top:0; } .main-navigation .navi-small ul.level_2 { display:none; } #menu-destinationen img { display:block; } #menu-destinationen li { float:left; display:inline-block; margin-right:1rem; } .main-navigation > ul > li.submenu:before { background: none; } nav.subsubmenu { margin-top:1rem; padding-top:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed; font-size:.86667rem; text-transform:uppercase; line-height: 1.6rem; } nav.subsubmenu ul { margin:0; padding:0; } .subsubmenu li { display:inline-block; margin-right:1rem; font-weight: 400; } .main-content .subsubmenu ul li:before { margin-left:0; content: "> "; font-size: inherit; } .subsubmenu strong.active, .subsubmenu a.trail { border-bottom:2px solid; color:#3fa9f5; color: var(--color-mtlblau); } .sprachenwechsler-mobile { display: none; } .sprachenwechsler { position: absolute; top: -1rem; right: 1rem; } .sprachenwechsler ul:before { background-image: url(/files/klu/img/layout/language-icon.svg); background-size: 1rem 1rem; background-repeat: no-repeat; display: inline-block; width: 1rem; height: 1rem; content:""; position: absolute; top: 0.3rem; left: 1.5rem; } .sprachenwechsler ul { display: inline-block; position: relative; top: 0.5rem; } .sprachenwechsler ul li { float: left; } .sprachenwechsler ul li.last:after { content: ""; } .sprachenwechsler ul li a { color: #fff; padding: 0.4rem 0.4rem; font-weight: 300; font-size: 0.85rem; } .sprachenwechsler ul li strong { color: #e5d759; padding: 0 0.4rem; font-size: 0.85rem; } ul.sm-header { list-style: none; position: absolute; right: 8rem; top: -0.5rem; } ul.sm-header li { display: inline-block; } ul.sm-header li a:before { background-size: 0.8rem 0.8rem; top: 0.3rem; right: -0.2rem; margin-right: 0.3rem; margin-left: 0.6rem; } ul.sm-header li a { color: #fff; font-size: 0.8rem; font-weight: 300; padding: 0.5rem 0; } .headerbild-before, .headerbild, .headerbild-klein-before, .headerbild-klein { max-width:1200px; } .headerbild-before { position: absolute; z-index: 5; top: 8rem; margin: 0; padding: 0; left: 0; } .headerbild-before img { filter: drop-shadow(2px 4px 8px rgba(48,48,48,0.7)); -webkit-filter: drop-shadow(2px 4px 8px rgba(48,48,48,0.7)); -ms-filter: drop-shadow(2px 4px 8px rgba(48,48,48,0.7)); } .headerbild img { position: relative; left: 6rem; border-bottom-left-radius: 12.5rem; box-shadow: 2px 4px 8px rgba(48,48,48,0.4); margin-top: 2rem !important; } .headerbild::after { position: absolute; background: rgb(34,99,153); background: linear-gradient(0deg, rgba(34,99,153,1) 5%, rgba(34,99,153,0.8533788515406162) 25%, rgba(34,99,153,0.5032387955182073) 75%, rgba(34,99,153,0) 100%); margin-top: -22rem; height: 20rem; width: 100%; left: 0; content: ""; } .headerbild-klein-before { position: absolute; z-index: 5; margin-left: 2rem; top: 8rem; } .headerbild-klein img { border-bottom-left-radius: 9rem; margin-top: 2rem !important; position: relative; left: 4rem; } .tag-line { margin: 0; margin-top: -4rem; margin-bottom: -2rem; border: none; margin-left: calc((100vw - 1200px)/4); } .tag-line figure img, .tag-line img { margin-top: -2rem; width: auto; } figure.float_right img { width: auto; height: auto; float: right; } .content-image img { display: block; width: 100%; height: auto; } .tag-line .content-text { margin-right: calc((100vw - 1200px) / 2); } .tag-line h1, .main-content h1, h1, .tag-line h2, .main-content h2, h2, .tag-line h3, .main-content h3, h3, .tag-line h4, .main-content h4, h4, .tag-line h5, .main-content h5, h5, .tag-line h6, .main-content h6, h6 { font-family: "airport"; } .main-content .content-downloads h1, .main-content .content-downloads h2, .main-content .content-downloads h3 { margin-bottom:2rem; font-family:airport; border-color: var(--color-hlblau1); } .tag-line h1 { color: #fff; font-style: normal; font-weight: 600; font-size: 2rem; text-transform: uppercase; position: relative; bottom: 20rem; left: -5rem; } .tag-line h1 strong { color: var(--color-hlblau3); font-size: 14rem; line-height: 10rem; position: relative; right: -1rem; } #breadcrumbs { text-transform: uppercase; max-width: 1100px; margin: 2rem auto !important; } .contentfull #breadcrumbs { padding-left: 4%; padding-right: 4%; } .contentfull .content-text { padding-right:4%; padding-left:4%; } .contentfull .centered-wrapper .content-text { padding-right:0; padding-left:0; } .bottom { margin-top:0; margin-bottom:0; } .bottom figure { display:block; } #breadcrumbs ul li:before { margin-left:0; content: "> "; color: #041938; font-size: 1rem; opacity: 0.8; } #breadcrumbs ul li.first:before { content: ""; } #breadcrumbs ul li.active { font-weight: 400; opacity: 1; } #breadcrumbs ul li a:before { content: ""; } #breadcrumbs a { padding-right:.2rem; padding-left:.2rem; text-decoration: none; color: #041938; opacity: 0.7; font-weight: 400; } #breadcrumbs a:hover, #breadcrumbs a:focus { color:#fff; opacity: 1; } .main-content h1, h1 { color: var(--color-hlblau1); font-style: normal; font-weight: 300; font-size: 3rem; } .main-content h2, h2 { margin-top:3rem; margin-bottom:2rem; color: #041938; font-weight: 400; font-style: normal; font-size: 1.65rem; } .main-content h2 strong, h2 strong { color: var(--color-hlblau1); } .main-content h3, h3 { color: #000; font-style: normal; font-weight: 300; font-size: 1.25rem; } .main-content h3 strong { color: var(--color-hlblau2); } .main-content h4, h4 { color: #041938; font-style: normal; font-weight: 500; font-size: 1.25rem; } .main-content h5, h5 { color: #041938; font-style: italic; font-weight: 400; font-size: 1.15rem; } .main-content .karte h3, .main-content .karte2 h3 { margin-top:5rem; margin-bottom:1.5rem; color: var(--color-hlblau1); font-style: italic; font-size: 1.15rem; } .main-content h6, h6 { color: #226399; font-style: normal; font-weight: 400; font-size: 1rem; } p { font-weight: 300; } p.vorspann { font-weight: 600; color: #041938; font-size: 1.35rem; } .confirmation { color: #80b742 !important; } .information { color: #e5d759 !important; } .warning { color: #b61c22 !important; } p.drop-cap::first-letter, span.drop-cap { color: var(--color-hlblau1); font-weight: 600; } .main-content a, .main-content a:link, .main-content a:visited { margin-right:.2rem; margin-left:.2rem; padding-right:.2rem; padding-left:.2rem; color: var(--color-hlblau2); font-weight: 600; } .main-content a[href^="mailto:"], .main-content a[href^="tel:"] { color:#226399; font-weight:500; } .main-content .content-text a:before { content: "> "; } .main-content .content-text a[href^="mailto:"]:before, .main-content .content-text a[href^="tel:"]:before, .main-content .content-text a[href^="fax:"]:before { content: ""; } .main-content a:hover, .main-content a:focus { color: #fff; background: var(--color-hlblau2); text-decoration: none; } .main-content .zentriert { margin-right:auto; margin-left:auto; text-align:center; } .main-content ul { list-style-type:none; font-weight: 300; } .main-content ul li #text { border-bottom: 0.075rem solid rgba(63,169,245,0.5) !important; } .main-content ul li:before { content: "■ "; color: var(--color-hlblau1); font-size: 1.2rem; line-height: 1rem; display: inline-block; width: 1em; margin-left: -1em; } .main-content .content-gallery ul li:before { content: ""; } .main-content blockquote::before { background: #226399; } .main-content blockquote { font-family: "airport"; } button { background: var(--color-hlblau2); border: none; border-radius: 0; text-shadow: none; box-shadow: 2px 4px 8px #afafaf; } button:hover, button:focus { background: var(--color-yellow); color: var(--color-dklblau); } .flugplan button:not(.close) { box-shadow: none; padding: 0; border-color: none; background: none; } .flugplan a:focus, .flugplan button:focus { outline: 4px solid white; outline-offset: 4px; } .flugplan button p { font-style: normal; font-weight: 300; font-size: 1.25rem; } table { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } table th, table td { padding:1rem 2rem; border-top:0rem solid; border-right:0rem solid; border-bottom:.05rem solid; border-left:0rem solid; } .centered-wrapper.karte-de { background-image: url(/files/klu/img/karte/karte_DE.svg); background-position: 100% 50%; background-size: 50% 150%; background-repeat: no-repeat; } .centered-wrapper.karte-en { background-image: url(/files/klu/img/karte/karte_EN.svg); background-position: 100% 50%; background-size: 50% 150%; background-repeat: no-repeat; } /* Flugplan */ .flugplan { max-width: 1100px; padding-left: 4%; padding-right: 4%; margin: -12rem auto 0 auto; } .flugplan h1 { margin-top:0; margin-bottom:0; color: var(--color-hlblau3); } .flugplan h2 { font-style: normal; font-weight: 300; font-size: 1.25rem; color: white; margin-top: -0.5rem; margin-left: 2rem; margin-bottom: 1rem; } .spalte-schmal p, .spalte-schmal h1 { display:inline; border-bottom: 0.3rem solid; width: 80%; margin-top: 1rem; margin-bottom: 0; font-style: normal; font-weight: 300; font-size: 3rem; color: var(--color-hlblau1); } .flugplan p { margin-bottom:2rem; color:#fff; margin-bottom: 1rem !important; } .flugplan_error { margin-top:8rem; margin-left:2rem; font-size:1.2rem; color:#fff; } .flugplan_error a:link, .flugplan_error a:visited { color:#fff; } .flugplan_error a:hover, .flugplan_error a:focus { color: var(--color-hlblau); background: #fff; text-decoration: none; } .flugplan .toggle_control { width:8rem; float:left; display:inline-block; } .flugplan #localtime { margin-top:1rem; padding-top:1rem; text-align:center; font-size:1rem; font-weight:600; color: var(--color-hlblau4); } .flugplan #localtime div { margin-top:0; padding-top:0; font-size:1.5rem; color: var(--color-hlblau4); } .flugplan #abfluege_button, .flugplan #ankuenfte_button { width:100%; height:8rem; margin-bottom:1rem; border-radius:1rem 0 0 1rem; cursor: pointer; background: var(--color-hlblau1); opacity: 1; /* Standard compliant browsers */ -moz-opacity: 1; /* Firefox and Mozilla browsers */ -webkit-opacity: 1; } .flugplan #ankuenfte_button.inactive, .flugplan #abfluege_button.inactive { background-color: var(--color-dklblau); opacity: 0.5; /* Standard compliant browsers */ -moz-opacity: 0.5; /* Firefox and Mozilla browsers */ -webkit-opacity: 0.5; } .flugplan .toggle_control p { margin-top:-2.5rem; text-align:center; color:#fff; } .flugplan #abfluege { display:inline-block; } .flugplan #ankuenfte { display:none; } .flugplan .abfluege, .flugplan .ankuenfte { border-radius:0 1rem 1rem; background: rgb(63,169,245); background: linear-gradient(90deg, var(--color-hlblau1) 0%, rgba(63,169,245,0) 75%); padding: 1rem; margin-bottom: 3rem; padding-top: 1rem; width: 85%; min-height: 22rem; } .flugplan .toggle-hidden { display: none !important; } .flugplan .toggle-visible { display: inline-block !important; } .flugplan .flugdaten_extra { background-color:rgba(4,25,56,.8); z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: none; } .flugplan .flugdaten_extra .blocker { display:block; background-color:rgba(4,25,56,.8); position: fixed; top: 0; left: 0; bottom: 0; right: 0; content: ""; z-index: 90; } #abfluege_button p:after { content: url(/files/klu/img/icons/icon-abfluege.png); position: absolute; transform: scale(0.15); left: -11rem; top: -1rem; } #ankuenfte_button p:after { content: url(/files/klu/img/icons/icon-ankuenfte.png); position: absolute; transform: scale(0.25); left: -4.25rem; top: -1.5rem; } .abfluege h4 { color: #fff; font-weight: 300; position: relative; top: 5rem; margin-left: 1rem; } .wochentag { border-radius:1rem; background: rgb(4,25,56); background: linear-gradient(90deg, rgba(4,25,56,1) 0%, rgba(34,99,153,1) 70%); margin-left: 2rem; margin-bottom: 0.5rem; padding: 0.5rem; width: 80%; } .wochentag h3 { color: #fff; text-transform: uppercase; padding-left: 1rem; padding-bottom: 0.5rem; font-weight: 700; } .wochentag0 ~ .wochentag0 .tag, .wochentag1 ~ .wochentag1 .tag, .wochentag2 ~ .wochentag2 .tag, .wochentag3 ~ .wochentag3 .tag, .wochentag4 ~ .wochentag4 .tag, .wochentag5 ~ .wochentag5 .tag, .wochentag6 ~ .wochentag6 .tag { display:none; } .wochentag0 ~ .wochentag0, .wochentag1 ~ .wochentag1, .wochentag2 ~ .wochentag2, .wochentag3 ~ .wochentag3, .wochentag4 ~ .wochentag4, .wochentag5 ~ .wochentag5, .wochentag6 ~ .wochentag6 { margin-top:-1.5rem; padding-top:1rem; border-top-left-radius:0; border-top-right-radius:0; } .flugplan .flugdaten { margin-left: 5rem; margin-right: 5rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 100%; color: #fff; } .flugplan .flugdaten_extra_data { border-radius:1rem; color:#000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; background-color: #fff; width: 80vw; height: 80vh; padding: 2rem; font-weight: 300; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; } .flugplan .flugdaten_extra_data p { color:#000; } .flugplan .flugdaten_extra .carrierlogo { width:240px; max-width:30vw; max-height:2rem; float:right; margin-top:0; margin-bottom:.5rem; margin-left:1rem; } .flugplan .flugdaten_extra h2 { margin-top:0; color: black; } .flugplan .flugdaten_extra h3 { margin-top:1rem; margin-bottom:.6rem; padding-top:1rem; border-top:1px solid var(--color-hlblau1); color:#041938; font-weight: 700; text-transform: none; padding-left: 0; } .flugplan .flugdaten_extra .rs-columns { margin-top:.5rem; margin-bottom:.5rem; } .flugplan .flugdaten_extra table th, .flugplan .flugdaten_extra table td { padding:.6rem; } .flugplan .flugdaten_extra table th { font-weight: 600; } .flugplan .flugdaten_extra .error { display:none; } form p b.error, form p.error { font-weight: bold; background-color: var(--color-red); color: white; padding: 0.2rem; } .flugplan .flugdaten_extra_items { text-align:center; } .flugplan .flugdaten_extra_items div { display:inline-block; margin:.5rem .5rem 1rem; padding:1rem; text-align:center; border-radius: 1rem; box-shadow: 2px 4px 8px rgba(28,28,28,0.2); } .flugplan .flugdaten_extra_items div strong { display:block; font-size:1.4rem; font-weight: 700; color: var(--color-hlblau1); } .flugplan .flugdaten_extra .info { margin-left:.5rem; text-align:center; font-size:.7rem; } .flugplan .flugdaten_extra_data .status { color:#f00; } .flugplan .flugdaten_extra .plane { width:3rem; float:right; margin-top:.5rem; transform: rotate(90deg); opacity: 0.6; } .flugplan .uhrzeit, .flugplan .city3lc, .flugplan .infos { margin: 0 1% 1% 1%; background: var(--color-hlblau2); border-radius: 1rem; box-shadow: 2px 4px 8px rgba(28,28,28,0.8); } .flugplan .status-alert .uhrzeit, .flugplan .status-alert .city3lc, .flugplan .status-alert .infos { background-color: var(--color-mtlblau); } .flugplan .flugdaten:hover .uhrzeit, .flugplan .flugdaten:hover .city3lc, .flugplan .flugdaten:hover .infos, .flugplan .flugdaten:focus .uhrzeit, .flugplan .flugdaten:focus .city3lc, .flugplan .flugdaten:focus .infos { -webkit-box-shadow:0 0 0 0; box-shadow:0 0 0 0; background-color: var(--color-dklblau); } .flugdaten_close { height: 3rem; background-color: var(--color-hlblau2); width: 100%; text-align: center; position: sticky; position: -webkit-sticky; bottom: 0; left: 0; } .flugdaten_close button { width: 100%; } .flugplan .uhrzeit, .flugplan .city3lc { width: 18%; text-align: center; padding: 1.6rem 0; font-size: 1.4rem; font-weight: 300; } .flugplan .infos { width: 58%; padding-right: 1rem; padding-left: 1rem; } .flugplan .infos p { font-size:1.5rem; width: 24%; float: left; text-align: center; padding: 2.2rem 0; } .flugplan .infos .table { display: grid; grid-template-columns: auto auto 3rem; grid-template-rows: auto auto auto; grid-column-gap: 0px; grid-row-gap: 0px; width: 100% !important; box-shadow: none; margin-top: 0.4em; margin-bottom: 0.4em; } .flugplan .infos .table div { font-size:1rem; padding: 0.25rem 0; } .flugplan .infos .city, .flugplan .infos .fnr, .flugplan .infos .act { border-bottom: 0.05rem solid #fff; } .flugplan .infos .fnr { text-align:right; color:#fff; font-weight: 500; grid-area: 1 / 2 / 2 / 3; } .flugplan .infos .status { font-weight: 800; grid-area: 2 / 2 / 3 / 4; text-align: right; color: var(--color-yellow); } .flugplan .infos .city { text-align:left; color:#fff; font-weight: 400; grid-area: 1 / 1 / 2 / 2; } .flugplan .infos .act { width:2.6rem; text-align:right; font-size:.7rem; color: #3fa9f5; grid-area: 1 / 3 / 2 / 4; } .flugplan .infos .car { text-align:left; color:#fff; font-weight: 500; grid-area: 2 / 1 / 3 / 2; } .flugplan .infos .etd { text-align:right; color:#fff; font-weight: 500; grid-area: 3 / 1 / 4 / 4; } flugplan .infos .table div { font-size:1rem; padding: 0.25rem 0; } .flugplan .fnr, .flugplan .status { text-align:right; color:#fff; font-weight: 500; } .flugplan .city { text-align:left; color:#fff; font-weight: 400; } .flugplan td.act { width:2.6rem; text-align:right; font-size:.7rem; color:#3fa9f5; } .flugplan .act img { width:1.714rem; height:1.5rem; max-width:3rem; filter: invert(100%) contrast(100%); } .flugplan .car, .flugplan .etd { text-align:left; color:#fff; font-weight: 500; } .flugplan .status { font-style:italic; color:#fd0; font-weight: 700; } .flugplan button:hover div, .flugplan button:focus div { background-color: var(--color-dklblau); } .karte { background-image:url("../../files/klu/css-new/files/klu/img/karte/karte_DE.svg"); background-position:right center; background-repeat:no-repeat; background-color: #041938; padding: 3rem 0; color: #fff; } .karte2 { position:relative; background-color: #041938; padding: 3rem 0; color: #fff; } .karte2 .centered-wrapper-inner { position:relative; max-width: 1100px; margin-right: auto; margin-left: auto; } .karte2 .rs-columns { margin-top:0; } .karte h2, .karte h2 strong, .karte2 h2, .karte2 h2 strong { color: #fff; } .karte h6, .karte2 h6 { color: #3fa9f5; margin-top: 0; } .karte ul li::before, .karte2 ul li::before { content: "> "; } .karte ul li, .karte2 ul li { margin-top:.5rem; border-bottom: 0.075rem solid #3fa9f5; padding-bottom: 0.5rem; } .karte .content-text a:before, .karte2 .content-text a:before { content: ""; } .slider { background: #3fa9f5; padding: 4rem 0 5rem; position: relative; } .slider .mod_rocksolid_slider { background: #fff; border-radius: 1rem; } .icon-boxes-item::before { background: none; color: #3fa9f5; } .icon-boxes-item:hover::before, .icon-boxes-item:focus::before { background: #041938; color: #fff; } .slider .icon-boxes-item { box-shadow: 2px 4px 8px rgba(48,48,48,0.7); padding: 1rem; text-align: center; margin-right: 2.34783%; width: 23% !important; background: #fff; position: relative; z-index: 10; min-height: 12.75rem; } .slider .icon-boxes-item h3 { font-size: 1.15rem; position: relative; z-index: -1; } .slider .icon-boxes-item p { color: #000; font-size: 0.7rem; position: relative; z-index: -1; } .slider:before { content: ""; background: rgb(63,169,245); background: linear-gradient(270deg, rgba(63,169,245,0) 5%, rgba(63,169,245,0.25252107679009106) 25%, rgba(63,169,245,1) 75%, rgba(63,169,245,1) 100%); position: absolute; display: block; z-index: 5; width: 20%; height: 85%; } .slider:after { content: ""; background: rgb(63,169,245); background: linear-gradient(90deg, rgba(63,169,245,0) 5%, rgba(63,169,245,0.25252107679009106) 25%, rgba(63,169,245,1) 75%, rgba(63,169,245,1) 100%); position: absolute; display: block; z-index: 5; width: 20%; height: 85%; top: 0; right: 0; } .slider .rsts-crop, .slider .rsts-thumbs-crop { position: static; } .slider .rsts-prev, .slider .rsts-next { display: block; z-index: 10; position: relative; text-align: center; margin: 0 auto; } .slider .rsts-prev { left: -1.5rem; } .slider .rsts-next { top: -2.825rem; left: 1rem; } .rs-columns { margin-top:2rem; margin-bottom:2rem; } .main-content .rs-columns h4 ~ h4 { margin-top:2rem; padding-top:2rem; border-top:.05rem solid #3fa9f5; } .urlaubsideen { background: #fff; margin-top: -1.25rem; padding: 3rem 0; } .urlaubsideen a:before { content: ""; } .urlaubsideen h3 { text-align: center; color: #000; font-size: 1.2rem; position: relative; top: 0rem; margin-bottom: 0rem; z-index: 5; } .urlaubsideen .teaser-boxes-item:hover h3 { color:#fff; font-weight: 500; } .urlaubsideen .boxen-2 { text-align: center; margin: 0 auto; width: 70%; } .centered-wrapper-inner { width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-left: 4%; padding-right: 4%; } .urlaubsideen .image-wrapper:before { background: rgb(0,0,0); background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 55%); z-index: 1; opacity: 0.45; } .urlaubsideen .image-wrapper img { position: relative; z-index: 0; } .urlaubsideen .image-wrapper:hover img { opacity: 0.4; } .urlaubsideen a:focus h3, .urlaubsideen a:hover h3 { color: white; } { } .flugplan-tabelle .table-header-right { text-align: right; margin-top: -2.65rem; display: block; } .flugplan-tabelle .table-header-right strong { font-size: 1.5rem; } .flugplan-tabelle a:before { content:none!important; } div.flugplan-tabelle { overflow-x: auto; } .spalte-schmal p { display:inline; display:inline; border-bottom: 0.3rem solid; width: 80%; margin-top: 1rem; margin-bottom: 0; font-style: normal; font-weight: 300; font-size: 3rem; color: var(--color-hlblau1); } .spalte-schmal h2 strong { color: #226399; text-transform: uppercase; } .flugplan-tabelle span.table-header-right { margin-bottom:.7rem; } .austrian h1, .austrian h2 strong { color:#ea5543; } #sommerflugplan h1, #sommerflugplan span strong { color: var(--color-hlblau1); } .flugplan-tabelle table { box-shadow: none; margin-top: -0.25rem; margin-bottom: 4rem; white-space: nowrap; } .flugplan-tabelle table th, .flugplan-tabelle table td { border: none; border-bottom: 0.05rem solid rgba(194,198,204,0.5); text-align: center; } .flugplan-tabelle table td { padding: 0.5rem 0; min-width: 2rem; } .flugplan-tabelle table tr.last td { border-bottom: dotted rgba(194,198,204,0.5); } .flugplan-tabelle table th { text-transform: uppercase; font-size: 0.75rem; font-weight: 300; border-top: solid 0.35rem rgba(194,198,204,0.5); padding: 0.65rem 0; } .flugplan-tabelle .dep { width: 10%; } .flugplan-tabelle .arr { width: 10%; } .flugplan-tabelle .wee { width: 45%; } .flugplan-tabelle .fln { width: 10%; } .flugplan-tabelle .inf { width: 25%; } .flugplan-tabelle table td { color: #000; font-weight: 300; } .flugplan-tabelle table td:nth-child(2n+3) { background: rgba(194,198,204,0.5); } .flugplan-tabelle table td:nth-child(11n) { font-style:italic; background: #fff; } .flugplan-tabelle .table-header-right a { padding: 0; } .flugplan-tabelle img { max-height: 2.5rem; max-width: 7rem; margin: 0; padding: 0; vertical-align: middle; margin-bottom: 0.55rem; } ::selection { background: var(--color-hlblau2); } .page-footer { background-repeat:no-repeat; background: #041938; background-image: url(/files/klu/img/layout/grafik-1-2-klein.png); background-size: cover; background-position: top left; padding-bottom: 2.5rem; } footer a:before { content: "> "; line-height: 1.6rem; } footer .kontakt a:before { content: " " !important; line-height: 1.5rem; } footer .kontakt a, footer .adresse-links a { color: #c2c6cc; } footer .footer-links-2 a { color: #fff; font-weight: 300; font-size: 0.8rem; } footer .footer-adresse p { color: #fff; } footer .footer-adresse a, footer .footer-kontakt a { color: #c2c6cc; font-weight: 300; font-size: 0.8rem; } footer .footer-kontakt p { color: #fff; } .mod_banner { padding-top:4rem; padding-bottom:4rem; text-align:center; } .mod_banner figcaption { display:none; } .mod_banner a:hover { background: none; } .mod_banner .banner_image:after { position:relative; display:block; font-size:.4rem; content: "Werbung"; } .centered-wrapper { margin: 0 auto; position: relative; clear: both; background-size: cover; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; } .centered-wrapper-inner.-fullwidth { width: 100%; max-width: none; margin: 0; } .centered-wrapper-inner h2 { padding-top:3rem; } .centered-wrapper-inner .rs-column h2 { padding-top:0; } .feature-box-text { padding:4%; } .box-hell { padding:2rem; background-color:rgba(63,169,245,.15); border-bottom:.1rem solid #3fa9f5; } .main-content .content-downloads ul li:before { display:none; } .download-element { padding-top:1rem; padding-bottom:1rem; padding-left:3rem; border-bottom:.1rem solid rgba(63,169,245,.2); background-size: 2.2rem 2.2rem; } .download-element a { padding-left: 1.5rem !important; } .enclosure, .content-downloads, .luxe-fullwidth .enclosure, .luxe-fullwidth .content-downloads { margin-top:4rem; margin-bottom:4rem; padding:0; box-shadow: none; border: none; } .content-downloads:before { } .presseaussendung li { margin-top:0; margin-bottom:0; padding-top:3rem; padding-bottom:3rem; border-bottom:1px solid #3fa9f5; } .presseaussendung li.first { border-top:1px dotted #3fa9f5; } .presseaussendung time { font-size:1.3rem; color:#000; text-transform:uppercase; font-weight: 600; } .mod_sitemap ul li { margin-top:0; margin-bottom:0; padding-top:.5rem; padding-bottom:.5rem; } .mod_sitemap ul.level_2 li { margin-left:3rem; border-left:1px solid #d0d0d0; } .mod_sitemap ul ul li:before { margin-left:0; font-size:.7rem; color:#d0d0d0; content: "–"; font-weight: 300; } .main-content .mod_sitemap ul li li { padding-left:0; } .main-content .feature-box-full .feature-box-image { width:50%; overflow:hidden; margin-top:0; margin-bottom:0; height: auto; background-position: 50% 50%; background-size: cover; } .main-content .feature-box-full { margin-top:0; margin-bottom:0; display: flex; } .main-content .feature-box-full.-right { flex-direction: row-reverse; } .main-content .feature-box-full .feature-box-image img { max-width: none; height: 100%; max-height: inherit; position: relative; left: -25%; } .content-player video { width: 100%; } #designation { letter-spacing:0; font-size: .6rem; text-decoration: none; position: absolute; right: -2.2rem; bottom: 5rem; transform: rotate(-90deg); } #designation a { opacity: 0.3; } #designation a:hover { text-decoration:none; opacity: 0.7; } a.fb:before { background-image: url(/files/klu/img/layout/fb-logo.png); background-size: 1rem 1rem; background-repeat: no-repeat; display: inline-block; content: ""; position: relative; top: 0.15rem; width: 1rem; height: 1rem; } a.search:before { background-image: url(/files/klu/img/layout/search-icon.png); background-size: 1rem 1rem; background-repeat: no-repeat; display: inline-block; content: ""; position: relative; top: 0.15rem; width: 1rem; height: 1rem; } a.ig:before { background-image: url(/files/klu/img/layout/ig-logo.png); background-size: 1rem 1rem; background-repeat: no-repeat; display: inline-block; content: ""; position: relative; top: 0.15rem; width: 1rem; height: 1rem; } a.tt:before { background-image: url(/files/klu/img/layout/tt-logo.png); background-size: 1rem 1rem; background-repeat: no-repeat; display: inline-block; content: ""; position: relative; top: 0.15rem; width: 1rem; height: 1rem; } .videohalb iframe { width:450px; height:300px; } .mod_rocksolid_slider ul li::before { display: none; } .aviationcity-slider { margin-top: 1.5rem; } .aviationboxes { display: flex; flex-wrap: wrap; } .aviationboxes .teaser-boxes-item { padding:.6rem; background-color:rgba(63,169,245,.1); } .teaser-boxes ul { margin: 0; } .teaser-boxes li { margin: 0; padding: 0; list-style-type: none; display: inline; } .main-content .teaser-boxes ul li:before { content: ""; display: none; } .aviationboxes div > h3 { font-weight:bold; } .main-content .widget-submit button { margin-left: -0.2rem; margin-top: 0; margin-bottom: 3rem; } .contao-cookiebar input:checked + label::after, .contao-cookiebar .highlight .cc-btn.success { background: #3fa9f5; } .contao-cookiebar .highlight .cc-btn.success:hover { background: #226399; border-color: #226399; } .contao-cookiebar .highlight .cc-btn.success { border-color: #3fa9f5; } .contao-cookiebar input:checked + label::before { background: #c2e3fc; border-color: #3fa9f5; } .page-footer-inner { line-height: 1.7rem; letter-spacing: 0; } footer div.content-text { width: 25%; float: left; padding: 0 2.5%; } .spaltenbereich { display: flex; flex-direction: row; align-items: center; width: 100% !important; margin-left: 0 !important; flex-wrap: wrap; padding-left: 2.25rem; } form.handling-request .leistungen { margin: -0.75rem 0 -1rem; padding-top: 2rem; padding-bottom: 1rem; width: 100%; border: none; } form.handling-request .leistungen legend { font-size: 1.5rem; line-height: 1; } form.handling-request .leistungen span { padding-left: 2rem; } form.handling-request .leistungen_zusatz { margin: 0 0 0 1.3rem; width: 100%; border: none; padding: 0; } form.handling-request .leistungen_box { margin: 1rem 0 !important; padding-top: 1.5rem; padding-bottom: 2rem; width: 100%; } .zusatzfeld { margin: 1.5rem auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 80% !important; background: #d0e3f7; } .zusatzfeld_info { background: #fff; width: 100% !important; margin: 0 !important; } .zusatzfeld .explanation { width: 100% !important; margin: 0 !important; padding-left: 0.5rem; } .zusatzfeld legend { font-weight: 600; } .main-content form .explanation, .main-content form .captcha_text { width: 100%; margin-left: 0; } .zusatzfeld p { color: #000; } .checkbox-inner { margin-left: 0.85rem !important; border: none; padding: 0; } form.handling-request .prm { display: flex; flex-direction: row; text-align: center; } form .widget-text { width: 50%; } form.handling-request.kontaktform textarea { height:8rem; } #hangarform form .widget-text, #hangarlogin form .widget-text, #userdetails form .widget-text { width:100%; } #hangarlogin label[for=username]:after { content: " (Kennzeichen)"; } #ctrl_country_124 { padding:.5rem; } form .spaltenbereich .widget-select { width: 46.5%; margin-right: 2rem; } form.handling-request input { width: 93%; margin: auto 0; } form.handling-request select { width: 100%; height: 3rem; margin: 0 !important; padding: 0.8em 1em; border: 1px solid #c2c6cc; border-radius: 0; outline: none; background: #f9f9f9; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); transition: border 0.2s; } form.handling-request textarea { width: 100%; height: 4.5rem; } form.handling-request .datenschutz { width: 100%; margin: 0 0 2rem; border: none; } .main-content form fieldset { width: 100%; margin-left: 0; } .main-content form .explanation, .main-content form .captcha_text { width: 100%; border: none; margin: 0.5rem 0; padding: 0; text-align: left; } form.handling-request button { margin: 0; width: auto; } form.handling-request span.mandatory, span.mandatory { color: var(--color-hlblau2); } .main-content form.handling-request a { margin-left: -0.25rem !important; } form input:hover, form input:focus, form textarea:hover, form textarea:focus { border-color: #3fa9f5; } .euf_overlay { background: rgba(0,0,0,0.8); z-index: 1000; } .euf_overlay .centered-wrapper { position: initial; } .euf_overlay .centered-wrapper-inner { position: relative; } .euf_overlay__close { background-color:#041938; } .euf_overlay__content { width:800px; padding:0; background-color:#f0f0f0; border:.1rem solid #000; color:#fff; max-width: calc(100% - 4rem); max-height: calc(100% - 4rem); overflow-y: auto; } button.euf_overlay__close { z-index: +1; } .hero { background:-moz-linear-gradient(left,#226399 30%,#3fa9f5 70%); background:-webkit-linear-gradient(left,#226399 30%,#3fa9f5 70%); background:-o-linear-gradient(left,#226399 30%,#3fa9f5 70%); background:-ms-linear-gradient(left,#226399 30%,#3fa9f5 70%); background:linear-gradient(to right,#226399 30%,#3fa9f5 70%); -pie-background:linear-gradient(left,#226399 30%,#3fa9f5 70%); } .hero p, .hero h2 { color:#fff; } .hero .centered-wrapper { padding:2rem; } .hero .centered-wrapper-inner { position: relative; } .hero .centered-wrapper-background { opacity: 1; } .hero.herodimm .centered-wrapper-background { opacity: 0.6; } .hero .centered-wrapper-inner .rs-column { padding:1rem; background-color:rgba(4,25,56,.8); } .hero.heroimage { margin-top:10rem; margin-bottom:4rem; } .hero.heroimage .centered-wrapper-inner .rs-column { padding: 0; background-color: rgba(4,25,56,0); } .hero.heroimage .centered-wrapper-inner .rs-column .content-text { background-color: rgba(4,25,56,0.7); padding: 1rem; } .hero.heroimage figure { margin-top:-10rem; margin-bottom:-2.5rem; } .main-content .hero a, .main-content .hero a:link, .main-content .hero a:visited { margin:2rem 1rem 1rem; padding:.5rem 1rem; text-align:center; border:1px solid #fff; line-height:3rem; color:#fff; background-color: var(--color-hlblau2); } .main-content .hero a:hover, .main-content .hero a:focus { -webkit-box-shadow:0 3px 10px rgba(0,0,0,.7); box-shadow:0 3px 10px rgba(0,0,0,.7); border-color:#3fa9f5; background-color: var(--color-dklblau); } .main-content .hero a:focus { outline: 2px solid white; outline-offset: 2px; } .main-content .hero .content-text a:before { content: ""; } .hero.mirrored .centered-wrapper-background { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .centered-wrapper.-small { min-height:10rem; } .centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax { overflow: hidden; } .mod_newslist li .teaser > p:first-child, .mod_newsarchive li .teaser > p:first-child { margin-top:2rem; } .news { background-color:rgba(255,255,255,1); } .news .centered-wrapper { background-color:rgba(63,169,245,.5); } .mod_banner.bg-white { background-color:#fff; } .reservation_time_button input[type=radio]:checked+label, .reservation_time_event_button input[type=radio]:checked+label { background-color:#3fa9f5; border-color:#fff200; } .main-content a:link.c4gGuiButton { padding-right:1rem; padding-left:1rem; color:#fff; } .main-content a.c4gGuiButton { color: white; } .main-content .button-links { margin-bottom:4rem; } .c4g__form-select { display:none; } .c4g_brick_dialog .c4g__form-radio-group .c4g__form-check { display:inline-block; padding-left:.5rem; } div.fw { width: 100%; } form.handling-request input.fw { width: 96.5%; } .layout_full_job h3 { margin-bottom:2rem; line-height:2rem; } .layout_full_job span, .mod_job_list .content-text { font-weight: 300; } .mod_job_list .location { margin-top:1rem; margin-bottom:.5rem; padding-bottom:.5rem; border-bottom:1px solid #3fa9f5; } form p b.error:before, form p.error:before { font: 16px/1 "RockSolid Icons"; content: "\e14a"; display: inline-block; position: relative; margin-right: 5px; } .main-content form p b.error, .main-content form p.error { float: unset; } .main-content .button-links a, .main-content .button-links a:link, .main-content .button-links a:visited { display:inline-block; margin-right:1rem; margin-left:1rem; padding:.5rem; background-color:rgba(34,99,153,1); background-position:center center; -webkit-box-shadow:.1rem .1rem .1rem .1rem rgba(4,25,56,.4); box-shadow:.1rem .1rem .1rem .1rem rgba(4,25,56,.4); border-radius:.5rem; color:#fff; } .main-content .button-links a:active, .main-content .button-links a:hover { background-color:rgba(4,25,56,1); -webkit-box-shadow:0 0; box-shadow:0 0; color:#fff; } .main-content .news-home h2, .main-content .news-home p, .main-content .news-home a { color:#041938; } div.news-home { padding-top:0; padding-bottom:0; } div.news-home li { list-style-type: none; padding: 0; margin: 0; } .news-home ul { margin: 0; padding: 0; } div.news-home li:before, .main-content .mod_newslist li:before { content: ""; padding: 0; margin: 0; } .news-home a { display:block; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; border:0 solid; } .news-home li { float:left; display:inline-block; margin-top:0; margin-right:4%; margin-bottom:3%; padding:.5rem .5rem 1rem; border:0; } .news-home li { width:100%; margin-right:0; margin-left:0; border-bottom:1px solid #fff; } .news-home li a:hover, #socialfeed li a:hover, .news-home li a:focus, #socialfeed li a:focus { background-color:#fff; color: var(--color-dklblau); } .news-home time { font-weight: 400; } .main-content .news-home h3 { margin-top:0; margin-bottom:.3rem; font-size:1em; font-weight: 600; hyphens: auto; -webkit-hyphens: auto; hyphens: auto; color: var(--color-dklblau); } .main-content .news-home li.first h3 { font-size:1.2em; } .main-content .news-home li .teaser { width:100%; display:block; margin-right:0; margin-left:0; padding-bottom:1rem; font-size:.8rem; } .main-content .news-home li .teaser p { margin-top:.5rem; -webkit-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; -webkit-hyphenate-limit-lines: 2; hyphenate-limit-lines: 2; } .main-content .news-home li .teaserimage { width:43%; display:inline-block; margin-right:0; margin-left:0; vertical-align:top; } .main-content .news-home a:focus { color: var(--color-mtlblau); background-color: white; } .main-content .home-news-link a, .main-content .home-news-link a:link, .main-content .home-news-link a:visited { margin-right:.5rem; color: var(--color-dklblau); } .main-content .home-news-link a:hover { color:#fff; } .main-content .home-news-link ul { margin: 0; padding: 0; display: inline; } .main-content .home-news-link li { margin: 0; padding: 0; list-style-type: none; display: inline; } .main-content .home-news-link li:before { display: none; } #socialfeed li .teaser, #socialfeed li .teaser strong, #socialfeed li .teaser b, #socialfeed li .teaser ._5mfr { font-weight: 300 !important; font-family: "airport", sans-serif !important; -webkit-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; -webkit-hyphenate-limit-lines: 2; hyphenate-limit-lines: 2; } #socialfeed .feedicon { height:.8rem; max-height:.8rem; float:left; margin:0 .3rem .2rem 0; padding:0; } #socialfeed span.facebook:after { margin:.2rem 0 0; color:#3fa9f5; font: 1rem/1 "RockSolid Icons"; content: "\e075"; display: inline-block; position: relative; } #socialfeed span.instagram:after { margin:.2rem 0 0; color:#3fa9f5; font: 1rem/1 "RockSolid Icons"; content: "\e152"; display: inline-block; position: relative; } #socialfeed .teaserimage { float:right; margin-left: 1rem; margin-bottom: 1rem; } .oebbwidget { width:100%; height:400px; border:0; } /* Jobs */ .mod_job_list .block { margin-bottom: 5rem; display: flex; } .mod_job_list .title { min-width: 28%; margin-right: 3rem; } .mod_job_list .teaser { } .mod_job_list p { margin-bottom: 0.5rem; } .mod_job_list .location div { display: inline-block; padding-right: 0.5rem; margin-right: 0.5rem; } .mod_job_list .location div:not(:last-of-type) { border-right: 1px solid black; } @media screen and (max-width: 1100px) { .mobile { display: block; } .desktop { display: none; } .hero.heroimage { margin-top:5rem; margin-bottom:5rem; } .hero.heroimage .image_container { margin-top:0; margin-bottom:-2.5rem; } .karte, karte2 { background-position:center bottom; padding-bottom: 70vw; } .karte2 .centered-wrapper.karte-de, .karte2 .centered-wrapper.karte-en { background-position: 50% 100% !important; background-size: 100% auto; } .karte2 .centered-wrapper-inner { padding-bottom:100vw; } .page-footer { background-image: none; } .page-footer-inner { display: flex; flex-wrap: wrap; } footer div.content-text.block { width:50%; transform: scale(0.95); display: flex; } #designation { right:-1.5rem; } .wochentag { width:100%; } .flugplan .flugdaten { margin-right:0; margin-left:0; } .flugplan #abfluege_button, .flugplan #ankuenfte_button { width:8rem; height:6rem; display:inline-block; margin-bottom: 0; border-radius: 1rem 1rem 0 0; } #abfluege_button p:after { left:-11rem; top:-2.2rem; } #ankuenfte_button p:after { top:-2.3rem; } .flugplan #abfluege, .flugplan #ankuenfte { min-height:8rem; display: block; background: linear-gradient(120deg, var(--color-hlblau1) 20%, rgba(63,169,245,0) 65%); } .flugplan_error { margin-top:2rem; margin-bottom:2rem; } .flugplan #localtime { float:right; padding-top:0; } .flugplan .toggle_control { width:85%; float: none; display: block; } .flugplan .toggle_control h3 { font-size:1.2rem; } .flugplan .toggle_control p { margin-top:-2rem; } #abfluege_button p:after { transform: scale(0.1); } #ankuenfte_button p:after { transform: scale(0.17); } .mod_article.flugplan.block { position: relative; margin-top: 0; margin-bottom: 0; } body { width: 100vw; overflow-x: hidden; } .main-navigation { clear: none; left: 0; margin-left: -5rem; height: 6rem; } .main-navigation ul, .main-navigation ul li, .main-navigation ul.level_1 { display: none; } .main-navigation-mobile, .main-navigation-mobile a, .main-navigation-mobile strong, .main-navigation-mobile span.active, .main-navigation-mobile span.trail { background: #041938; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile strong:hover, .main-navigation-mobile strong:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus, .main-navigation-mobile a.active, .main-navigation-mobile strong.active, .main-navigation-mobile span.active, .main-navigation-mobile button:focus, .main-navigation-mobile button:hover { background: var(--color-mtlblau); } .main-navigation-mobile li:focus-within { border: 2px white solid; } .main-navigation-mobile.is-enabled { display: block; } .main-navigation-mobile.is-enabled:focus-within { left: 0; } .main-navigation-mobile-open { position:fixed; display: block; top: 3rem; right: 1.5rem; left: unset; transform: scale(1.4); } .main-navigation-mobile-open::after { content: ""; display: block; height: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; -webkit-box-shadow: 0 7px #fff, 0 14px #fff; -moz-box-shadow: 0 7px #fff, 0 14px #fff; box-shadow: 0 7px #fff, 0 14px #fff; } .main-navigation-mobile a.link-fb:before { background-image: url(../../files/files/klu/img/layout/fb-logo.png); background-size: 1rem 1rem; background-repeat: no-repeat; display: inline-block; content: ""; position: relative; top: 0.15rem; width: 1rem; height: 1rem; padding-right: 0.4rem; } .main-navigation-mobile a.link-tt:before { background-image: url(../../files/files/klu/img/layout/tt-logo.png); background-size: 1rem 1rem; background-repeat: no-repeat; display: inline-block; content: ""; position: relative; top: 0.15rem; width: 1rem; height: 1rem; padding-right: 0.4rem; } .main-navigation-mobile a.link-ig:before { background-image: url(../../files/files/klu/img/layout/ig-logo.png); background-size: 1rem 1rem; background-repeat: no-repeat; display: inline-block; content: ""; position: relative; top: 0.15rem; width: 1rem; height: 1rem; padding-right: 0.4rem; } .main-navigation-mobile h2 a { color:#fff; } .main-navigation-mobile .extratext { padding-top:1rem; padding-left:1rem; } .main-navigation-mobile .extratext a, .main-navigation-mobile .extratext strong, .main-navigation-mobile .extratext a:hover, .main-navigation-mobile .extratext strong:hover { padding:0; border:0px solid; background: none; transition: none; border-bottom: 0 solid; border-top: 0 solid; box-shadow: none; } strong.forward.trail.submenu.navi-small.small-1 { font-size: 1rem; text-transform: none; border-bottom: none; font-weight: 700; } strong.forward.trail.submenu.navi-small.small-1:before { content: ""; border: none; } a.navi-small.sibling, li.navi-small.sibling, li.active.navi-small { padding: auto; margin: auto; height: auto; } a.navi-small.sibling { padding: 0.69231em 1em 0.61538em; } .logo img { height: 7rem; } .sprachenwechsler { top: -0.5rem; right: 6rem; padding-right: 1.25rem; } .sprachenwechsler ul:before { background-size: 1.4rem 1.4rem; width: 1.4rem; height: 1.4rem; top: 0rem; left: 1rem; } .sprachenwechsler ul { margin-right: -1rem; } .sprachenwechsler ul li a, .sprachenwechsler ul li strong, .sprachenwechsler ul li:after { font-size:1rem; } .sprachenwechsler ul li a, .sprachenwechsler ul li strong { margin-right:.25rem; margin-left:.25rem; } ul.sm-header { right: 7rem; top: 2.5rem; } ul.sm-header li a:before { background-size: 0.9rem 0.9rem; top: 0.15rem; } ul.sm-header li a { font-size: 1rem; } .headerbild-before { left: -5rem; } .headerbild img { left: 10rem; } .headerbild::after { margin-top: -8rem; height: 12rem; width: 150vw; } .tag-line h1 { font-size: 1.5rem; bottom: 10rem; width: 55%; float: right; clear: both; line-height: 1.75rem; padding-bottom: 0.5rem; margin-right: 6rem; padding-right: 8rem; } .tag-line h1 strong { font-size: 8rem; line-height: 6rem; padding-right: 0.5rem; } .main-content h1, h1 { font-size:2.4rem; } .tag-line .image_container img, .tag-line img { margin-bottom: -4rem; } .home .flugplan { clear: both; } .mod_banner .banner_image:after { display:block; margin-top:.5rem; transform: rotate(0deg); } .slider .icon-boxes-item { width: 49% !important; } .slider:before { width: 15%; height: 88%; } .slider:after { width: 15%; height: 95%; } .slider .rsts-prev { left: -1.2rem; } .slider .rsts-next { left: 1.35rem; } .oebbwidget { width:100%; height:600px; border:0; } /* Jobs */ .mod_job_list .block { display: block; } } @media screen and (max-width: 599px) { .logo { margin: unset; width: unset; top: 0; left: 1rem; } .slider .icon-boxes-item p { font-size:.9rem; } footer div.content-text { font-size:1rem; line-height:1.8rem; width: 100%; float: none; margin: 0 auto; } .main-navigation-mobile.is-enabled.is-active ul.level_1:after { top: -1.5rem; left: -1rem; width: 110%; } .main-navigation-mobile.is-enabled.is-active ul.level_1 > li.last:after { left: -1rem; width: 110%; } .sprachenwechsler-mobile { display: block; position: absolute; right: 6rem; top: 2.2rem; transform: scale(1.4); } .headerbild-klein-before { position: absolute; left: -22rem; top: 4rem; } body { overflow-x: hidden; } .main-navigation { display: block; } .logo img { height: 5rem; max-width: 36vw; } .sprachenwechsler { display: none; } .sprachenwechsler-mobile:before { background-image: url(../../files/files/klu/img/layout/language-icon.svg); background-size: 1.1rem 1.1rem; display: inline-block; width: 1.1rem; height: 1.1rem; content:""; top: 0.2rem; left: 0.3rem; position: relative; } .sprachenwechsler-mobile select { background: none; border: none; color: #fff; } .sprachenwechsler-mobile select { color: #e5d759; } ul.sm-header { display: none; } .headerbild, .headerbild-before, .headerbild-klein, .headerbild-klein-before { transform: scale(0.5); } .headerbild-before { position: absolute; left: -26rem; top: -0.9rem; } .headerbild-klein { margin-bottom: -10rem; } .headerbild img { top: -18.85rem; } .headerbild-klein img { top: -9rem; left: 10.75rem; } .headerbild:after { margin-top: -33.35rem; height: 10rem; width: 100%; left: 20rem; transform: scale(1.5); } .tag-line { margin-left: calc((100vw - 1200px) / 2.5); } .tag-line .content-text { margin-right: calc((100vw - 1200px) / 2.5); } .tag-line h1 { margin-top: -18.5rem; margin-right: 11rem; width: 40%; font-size: 1.1rem; line-height: 1.25rem; } .tag-line h1 strong { font-size: 5rem; line-height: 10rem; right: -0.75rem; } .mod_article.flugplan.block { margin-top: -12rem; margin-bottom: -2rem; } .flugplan .toggle_control { width:95%; } .flugplan .toggle_control p { font-size:1rem; } .flugplan #localtime { display: none; } .flugplan #abfluege_button, .flugplan #ankuenfte_button { width:7rem; } .flugplan #abfluege_button p:after { left:-12rem; } .flugplan #ankuenfte_button p:after { left:-5rem; } .flugplan .abfluege, .flugplan .ankuenfte { width: 100%; } .flugplan .flugdaten { display: grid; grid-template-columns: 1fr 3fr; width: 100%; } .wochentag { width: 100%; margin-left: 0; } .flugdaten { margin-left: 0; margin-right: 0; padding-top: 0.75rem; } .flugplan .uhrzeit, .flugplan .city3lc { margin:0 .2rem .2rem 0; border-radius:.5rem; font-size:1rem; padding: 0.4rem 0; font-weight: 500; width: inherit; } .flugplan .uhrzeit { grid-row: 1; grid-column: 1 / 2; } .flugplan .city3lc { grid-row: 2; grid-column: 1 / 2; } .flugplan .infos { border-radius:.5rem; grid-row: 1 / 3; grid-column: 2 / 3; width: inherit; } .flugplan h2 { margin-left: 0; } .uhrzeit p { font-size: 0.9rem; } .infos { width: 74%; } .infos p { margin-right: 0.25rem; margin-left: 0.25rem; } .flugplan .infos .table { grid-template-columns: auto auto auto; } .infos .act { display: none; } .flugplan .infos .car { grid-area: 2 / 1 / 3 / 4; } .flugplan .infos .status { grid-area: 3 / 1 / 4 / 4; } .slider .icon-boxes-item { width: 100% !important; } .flugplan-tabelle h2 { font-size: 1rem; } .flugplan-tabelle h3 { font-size: 1rem; margin-bottom: 1.3rem; } .flugplan-tabelle .table-header-right { margin-top:-0.5rem; } .flugplan td.act { display:none; } .flugplan .flugdaten_extra h2 { font-size:1.3rem; } .flugplan .flugdaten_extra .carrierlogo { float:none; display:block; margin-bottom:1rem; margin-left:0; } { } .main-content .feature-box-full { display: block; } .main-content .feature-box-full .feature-box-image { width: 100%; height: 100vw; background-position: 50% 50%; } .main-content .mod_search form input[type="search"] { width: 90%; } .main-content .mod_search form button[type="submit"], .main-content .mod_search form input[type="submit"] { width: 90%; margin-top: 1rem; } } @media screen and (min-width: 1900px) { .headerbild-before { left: 17.5%; } .headerbild img { left: 20rem; } .headerbild-klein-before { left: 20%; } .headerbild-klein img { left: 15rem; } } #skip { position: absolute; } #skiplinks { margin: 0; padding: 0; list-style: none; } #main { scroll-margin-top: 20rem; } a:focus { outline: 2px solid var(--color-mtlblau); outline-offset: 2px; } footer a { padding: 0.2rem; text-decoration: none; } footer a:hover, footer a:focus, .page-footer-inner a:hover, .page-footer-inner a:focus { background-color: white; color: var(--color-dklblau); text-decoration: none; } header a:focus, footer a:focus, footer button:focus, .page-footer-inner a:focus { outline: 2px solid white; outline-offset: 2px; } .page-footer-inner a { padding: 0.4rem 0.2rem; } #ccopenbutton { box-shadow: none; background-color: #216399; text-color: white; } #ccopenbutton:hover, #ccopenbutton:focus { background-color: var(--color-yellow); color: black; } .contao-cookiebar p { color: var(--color-dklgrau); } .contao-cookiebar .cc-info { margin-top: 1rem; } .contao-cookiebar a { padding: 0.2rem; color: var(--color-mtlblau); } .contao-cookiebar a:focus-visible, .contao-cookiebar input:focus, .contao-cookiebar button:focus, .contao-cookiebar .cc-group .cc-detail-btn:focus { outline: 2px solid var(--color-mtlblau); outline-offset: 2px; } .contao-cookiebar a:focus-visible, .contao-cookiebar a:hover { background-color: var(--color-mtlblau); color: white; text-decoration: none; } .contao-cookiebar .cc-group .cc-detail-btn { color: var(--color-dklgrau); } .contao-cookiebar .cc-group .cc-detail-btn:focus, .contao-cookiebar .cc-group .cc-detail-btn:hover { background-color: var(--color-mtlblau); color: white; } .contao-cookiebar .highlight .cc-btn.success { background: #f5f5f5; border: 1px solid #cfcfcf; color: #444; } .contao-cookiebar .highlight .cc-btn:hover, .contao-cookiebar .highlight .cc-btn:focus { background: var(--color-mtlblau); color: white; } .contao-cookiebar input[type="checkbox"]:focus { opacity: 1; width: 1rem; height: 1rem; z-index: +1; margin-left: 1.8rem; margin-top: 0.9rem; scale: 1.6; } .contao-cookiebar .cc-cookies input[type="checkbox"]:focus { margin-left: 1rem; margin-top: 0.5rem; } .main-content a:hover, .main-content a:focus, .main-content .home-news-link a:focus, .main-content .home-news-link a:hover { color: white; background: var(--color-mtlblau); text-decoration: none; } .main-content a[href^="mailto:"], .main-content a[href^="tel:"] { color: var(--color-hlblau2); } .main-content a[href^="mailto:"]:hover, .main-content a[href^="tel:"]:hover, .main-content a[href^="mailto:"]:focus, .main-content a[href^="tel:"]:focus { color: white; } .main-content .box-hell a, .main-content .box-hell a:link, .main-content .box-hell a:visited { color: var(--color-mtlblau); } .main-content .box-hell a:hover, .main-content .box-hell a:focus { color: white; } form input:focus, form textarea:focus, form button:focus, form select:focus { outline: 2px solid var(--color-mtlblau); outline-offset: 2px; } input.radio, input.checkbox { vertical-align: middle; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); accent-color: var(--color-dklblau); } .main-content form input[type="checkbox"], .main-content form input[type="radio"], .main-content form input[type="image"] { margin-right: 0.5rem; } .main-content form .widget p.error + input, .main-content form .widget p.error + textarea, .main-content form .widget p.error + select { margin-left: 0; } .mega-dropdown-inner a:focus { outline: 2px solid var(--color-mtlblau); } .wrapper-karte a, .wrapper-karte a:link, .wrapper-karte a:visited { color: var(--color-hlblau3); } .wrapper-karte a:hover, .wrapper-karte a:focus { color: white; }