.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)} /* 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; } /* =========================================== * Fonts * ======================================== */ /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('../../files/theme/fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('../../files/theme/fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ } /* patua-one-regular - latin */ @font-face { font-family: 'Patua One'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/patua-one-v7-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Patua One'), local('PatuaOne-Regular'), url('../../files/theme/fonts/patua-one-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/patua-one-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/patua-one-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/patua-one-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/patua-one-v7-latin-regular.svg#PatuaOne') format('svg'); /* Legacy iOS */ } @font-face { font-family: "RockSolid Icons"; src: url("../../files/theme/fonts/rocksolid-icons.eot"); src: url("../../files/theme/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/theme/fonts/rocksolid-icons.woff") format('woff'), url("../../files/theme/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/theme/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } /* ============================================================================= * Typography * ========================================================================== */ h1 { display:inline-block; font-family: 'Patua One', cursive; font-weight:400; font-size:33px; padding:5px 10px; margin:-5px 0 0 0; color:#222; text-transform:uppercase; } h2 { margin-top:0; margin-bottom:2em; font-size:1.4em; font-weight: 700; color:#222; text-transform:uppercase; } .mod_euf_overlay h1 { margin-bottom: 0.4em; width: 97%; } .mod_euf_overlay h2 { margin-bottom: 0.4em; } .center h2 { text-align:center; } h3 { margin-top:0; margin-bottom:1em; font:1.3em; color:#222; } h3.headline-hr { font-family: 'Patua One', cursive; font-weight: 100; text-transform: uppercase; } h4 { font-size: 1.1em; font-weight: 600; margin-top:0; margin-bottom:1.5em; color:#777; } h5 { font-size:1.1em; line-height:1.7em; margin: 0.6em 0; text-decoration:none; color:#222; } 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; } q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* ============================================================================= * 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 * ========================================================================== */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } .no-resize .media:not(.media--left):not(.media--right)>figure img, .media:not(.media--left):not(.media--right)>figure.no-resize img, .no-resize .image_container:not(.float_right):not(.float_left) img, .image_container:not(.float_right):not(.float_left).no-resize img { width: auto; max-width: 100%; } .ce_youtube-wrapper, .ce_vimeo-wrapper { position: relative; margin: 1.5em 0; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_vimeo-wrapper iframe, .ce_vimeo-wrapper object, .ce_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.25em 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; } .content-player video, .content-player audio, .video_container video, .audio_container audio { display: block; width: 100%; } .content-player video, .video_container video { height: auto; } .content-player>figure, .content-youtube>figure, .content-vimeo>figure, .video_container { margin: 1.25em 0; } .content-player iframe, .content-youtube iframe, .content-vimeo iframe, .video_container iframe { border: 0; } .content-player .aspect, .content-player .responsive, .content-youtube .aspect, .content-youtube .responsive, .content-vimeo .aspect, .content-vimeo .responsive, .video_container .aspect, .video_container .responsive { position: relative; padding-bottom: 56.25%; } .content-player .aspect.aspect--16\:9, .content-player .aspect.ratio-169, .content-player .responsive.aspect--16\:9, .content-player .responsive.ratio-169, .content-youtube .aspect.aspect--16\:9, .content-youtube .aspect.ratio-169, .content-youtube .responsive.aspect--16\:9, .content-youtube .responsive.ratio-169, .content-vimeo .aspect.aspect--16\:9, .content-vimeo .aspect.ratio-169, .content-vimeo .responsive.aspect--16\:9, .content-vimeo .responsive.ratio-169, .video_container .aspect.aspect--16\:9, .video_container .aspect.ratio-169, .video_container .responsive.aspect--16\:9, .video_container .responsive.ratio-169 { padding-bottom: 56.25%; } .content-player .aspect.aspect--16\:10, .content-player .aspect.ratio-1610, .content-player .responsive.aspect--16\:10, .content-player .responsive.ratio-1610, .content-youtube .aspect.aspect--16\:10, .content-youtube .aspect.ratio-1610, .content-youtube .responsive.aspect--16\:10, .content-youtube .responsive.ratio-1610, .content-vimeo .aspect.aspect--16\:10, .content-vimeo .aspect.ratio-1610, .content-vimeo .responsive.aspect--16\:10, .content-vimeo .responsive.ratio-1610, .video_container .aspect.aspect--16\:10, .video_container .aspect.ratio-1610, .video_container .responsive.aspect--16\:10, .video_container .responsive.ratio-1610 { padding-bottom: 62.5%; } .content-player .aspect.aspect--21\:9, .content-player .aspect.ratio-219, .content-player .responsive.aspect--21\:9, .content-player .responsive.ratio-219, .content-youtube .aspect.aspect--21\:9, .content-youtube .aspect.ratio-219, .content-youtube .responsive.aspect--21\:9, .content-youtube .responsive.ratio-219, .content-vimeo .aspect.aspect--21\:9, .content-vimeo .aspect.ratio-219, .content-vimeo .responsive.aspect--21\:9, .content-vimeo .responsive.ratio-219, .video_container .aspect.aspect--21\:9, .video_container .aspect.ratio-219, .video_container .responsive.aspect--21\:9, .video_container .responsive.ratio-219 { padding-bottom: 42.85714%; } .content-player .aspect.aspect--4\:3, .content-player .aspect.ratio-43, .content-player .responsive.aspect--4\:3, .content-player .responsive.ratio-43, .content-youtube .aspect.aspect--4\:3, .content-youtube .aspect.ratio-43, .content-youtube .responsive.aspect--4\:3, .content-youtube .responsive.ratio-43, .content-vimeo .aspect.aspect--4\:3, .content-vimeo .aspect.ratio-43, .content-vimeo .responsive.aspect--4\:3, .content-vimeo .responsive.ratio-43, .video_container .aspect.aspect--4\:3, .video_container .aspect.ratio-43, .video_container .responsive.aspect--4\:3, .video_container .responsive.ratio-43 { padding-bottom: 75%; } .content-player .aspect.aspect--3\:2, .content-player .aspect.ratio-32, .content-player .responsive.aspect--3\:2, .content-player .responsive.ratio-32, .content-youtube .aspect.aspect--3\:2, .content-youtube .aspect.ratio-32, .content-youtube .responsive.aspect--3\:2, .content-youtube .responsive.ratio-32, .content-vimeo .aspect.aspect--3\:2, .content-vimeo .aspect.ratio-32, .content-vimeo .responsive.aspect--3\:2, .content-vimeo .responsive.ratio-32, .video_container .aspect.aspect--3\:2, .video_container .aspect.ratio-32, .video_container .responsive.aspect--3\:2, .video_container .responsive.ratio-32 { padding-bottom: 66.66667%; } .content-player .aspect iframe, .content-player .aspect [data-splash-screen], .content-player .aspect img, .content-player .responsive iframe, .content-player .responsive [data-splash-screen], .content-player .responsive img, .content-youtube .aspect iframe, .content-youtube .aspect [data-splash-screen], .content-youtube .aspect img, .content-youtube .responsive iframe, .content-youtube .responsive [data-splash-screen], .content-youtube .responsive img, .content-vimeo .aspect iframe, .content-vimeo .aspect [data-splash-screen], .content-vimeo .aspect img, .content-vimeo .responsive iframe, .content-vimeo .responsive [data-splash-screen], .content-vimeo .responsive img, .video_container .aspect iframe, .video_container .aspect [data-splash-screen], .video_container .aspect img, .video_container .responsive iframe, .video_container .responsive [data-splash-screen], .video_container .responsive img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .content-player .aspect [data-splash-screen], .content-player .responsive [data-splash-screen], .content-youtube .aspect [data-splash-screen], .content-youtube .responsive [data-splash-screen], .content-vimeo .aspect [data-splash-screen], .content-vimeo .responsive [data-splash-screen], .video_container .aspect [data-splash-screen], .video_container .responsive [data-splash-screen] { margin: 0; color: inherit; } .content-player .aspect [data-splash-screen] p, .content-player .responsive [data-splash-screen] p, .content-youtube .aspect [data-splash-screen] p, .content-youtube .responsive [data-splash-screen] p, .content-vimeo .aspect [data-splash-screen] p, .content-vimeo .responsive [data-splash-screen] p, .video_container .aspect [data-splash-screen] p, .video_container .responsive [data-splash-screen] p { position: relative; } /* ============================================================================= * Figures * ========================================================================== */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } 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 */ } 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; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* =========================================== * General * ======================================== */ :root { --main-padding-x: 2.5rem; --safe-area-left: 0px; --safe-area-right: 0px; --safe-area-top: 0px; --safe-area-bottom: 0px; --page-padding-left: calc(var(--safe-area-left) + var(--main-padding-x)); --page-padding-right: calc(var(--safe-area-right) + var(--main-padding-x)); --page-inner-width: calc(100% - var(--page-padding-left) - var(--page-padding-right)); } @media screen and (max-width: 1188px) { :root { --main-padding-x: 3.7037%; } } @media screen and (max-width: 900px) { :root { --main-padding-x: 2.55556%; } } @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; } body { font-family: 'Lato',sans-serif; font-size: 16px; line-height: 1.42857; color: rgb(51, 51, 51); } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: #777; } .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 6.25%; margin-right: 6.25%; } .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.875%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 29.16667%; } .rs-column.-large-col-3-2 { width: 64.58333%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 20.3125%; } .rs-column.-large-col-4-2 { width: 46.875%; } .rs-column.-large-col-4-3 { width: 73.4375%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 15%; } .rs-column.-large-col-5-2 { width: 36.25%; } .rs-column.-large-col-5-3 { width: 57.5%; } .rs-column.-large-col-5-4 { width: 78.75%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 11.45833%; } .rs-column.-large-col-6-2 { width: 29.16667%; } .rs-column.-large-col-6-3 { width: 46.875%; } .rs-column.-large-col-6-4 { width: 64.58333%; } .rs-column.-large-col-6-5 { width: 82.29167%; } .rs-column.-large-col-6-6 { width: 100%; } .rs-column.-large-col-7-1 { width: 8.92857%; } .rs-column.-large-col-7-2 { width: 24.10714%; } .rs-column.-large-col-7-3 { width: 39.28571%; } .rs-column.-large-col-7-4 { width: 54.46429%; } .rs-column.-large-col-7-5 { width: 69.64286%; } .rs-column.-large-col-7-6 { width: 84.82143%; } .rs-column.-large-col-7-7 { width: 100%; } .fullwidth .rs-column, .mega-dropdown .rs-column { margin-top: 4%; margin-right: 4%; } .fullwidth .rs-column.-large-last { margin-right: -5px; } .fullwidth .rs-column.-large-first-row { margin-top: 0; } .fullwidth .rs-column.-large-col-1-1 { width: 100%; } .fullwidth .rs-column.-large-col-2-1 { width: 48%; } .fullwidth .rs-column.-large-col-2-2 { width: 100%; } .fullwidth .rs-column.-large-col-3-1{ width: 30.66667%; } .fullwidth .rs-column.-large-col-3-2 { width: 65.33333%; } .fullwidth .rs-column.-large-col-3-3 { width: 100.0%; } .fullwidth .rs-column.-large-col-4-1 { width: 22%; } .fullwidth .rs-column.-large-col-4-2 { width: 48%; } .fullwidth .rs-column.-large-col-4-3 { width: 74%; } .fullwidth .rs-column.-large-col-4-4 { width: 100%; } .fullwidth .rs-column.-large-col-5-1 { width: 16.8%; } .fullwidth .rs-column.-large-col-5-2 { width: 37.6%; } .fullwidth .rs-column.-large-col-5-3 { width: 58.4%; } .fullwidth .rs-column.-large-col-5-4 { width: 79.2%; } .fullwidth .rs-column.-large-col-5-5 { width: 100.0%; } .fullwidth .rs-column.-large-col-6-1 { width: 13.33333%; } .fullwidth .rs-column.-large-col-6-2 { width: 30.66667%; } .fullwidth .rs-column.-large-col-6-3 { width: 48.0%; } .fullwidth .rs-column.-large-col-6-4 { width: 65.33333%; } .fullwidth .rs-column.-large-col-6-5 { width: 82.66667%; } .fullwidth .rs-column.-large-col-6-6 { width: 100%; } .fullwidth .rs-column.-large-col-7-1 { width: 10.85714%; } .fullwidth .rs-column.-large-col-7-2 { width: 25.71429%; } .fullwidth .rs-column.-large-col-7-3 { width: 40.57143%; } .fullwidth .rs-column.-large-col-7-4 { width: 55.42857%; } .fullwidth .rs-column.-large-col-7-5 { width: 70.28571%; } .fullwidth .rs-column.-large-col-7-6 { width: 85.14286%; } .fullwidth .rs-column.-large-col-7-7 { width: 100%; } @media screen and (max-width: 900px) { .rs-column, .fullwidth .rs-column { margin-top: 6.25%; margin-right: 6.25%; } .rs-column.-large-first, .fullwidth .rs-column.-large-first { clear: none; } .rs-column.-large-last, .fullwidth .rs-column.-large-last { margin-right: 6.25%; } .rs-column.-large-first-row, .fullwidth .rs-column.-large-first-row { margin-top: 6.25%; } .rs-column.-medium-first, .fullwidth .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .fullwidth .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .fullwidth .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .fullwidth .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .fullwidth .rs-column.-medium-col-2-1 { width: 46.875%; } .rs-column.-medium-col-2-2, .fullwidth .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .fullwidth .rs-column.-medium-col-3-1 { width: 29.16667%; } .rs-column.-medium-col-3-2, .fullwidth .rs-column.-medium-col-3-2 { width: 64.58333%; } .rs-column.-medium-col-3-3, .fullwidth .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .fullwidth .rs-column.-medium-col-4-1 { width: 20.3125%; } .rs-column.-medium-col-4-2, .fullwidth .rs-column.-medium-col-4-2 { width: 46.875%; } .rs-column.-medium-col-4-3, .fullwidth .rs-column.-medium-col-4-3 { width: 73.4375%; } .rs-column.-medium-col-4-4, .fullwidth .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .fullwidth .rs-column.-medium-col-5-1 { width: 15%; } .rs-column.-medium-col-5-2, .fullwidth .rs-column.-medium-col-5-2 { width: 36.25%; } .rs-column.-medium-col-5-3, .fullwidth .rs-column.-medium-col-5-3 { width: 57.5%; } .rs-column.-medium-col-5-4, .fullwidth .rs-column.-medium-col-5-4 { width: 78.75%; } .rs-column.-medium-col-5-5, .fullwidth .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .fullwidth .rs-column.-medium-col-6-1 { width: 11.45833%; } .rs-column.-medium-col-6-2, .fullwidth .rs-column.-medium-col-6-2 { width: 29.16667%; } .rs-column.-medium-col-6-3, .fullwidth .rs-column.-medium-col-6-3 { width: 46.875%; } .rs-column.-medium-col-6-4, .fullwidth .rs-column.-medium-col-6-4 { width: 64.58333%; } .rs-column.-medium-col-6-5, .fullwidth .rs-column.-medium-col-6-5 { width: 82.29167%; } .rs-column.-medium-col-6-6, .fullwidth .rs-column.-medium-col-6-6 { width: 100%; } .rs-column.-medium-col-7-1, .fullwidth .rs-column.-medium-col-7-1 { width: 8.92857%; } .rs-column.-medium-col-7-2, .fullwidth .rs-column.-medium-col-7-2 { width: 24.10714%; } .rs-column.-medium-col-7-3, .fullwidth .rs-column.-medium-col-7-3 { width: 39.28571%; } .rs-column.-medium-col-7-4, .fullwidth .rs-column.-medium-col-7-4 { width: 54.46429%; } .rs-column.-medium-col-7-5, .fullwidth .rs-column.-medium-col-7-5 { width: 69.64286%; } .rs-column.-medium-col-7-6, .fullwidth .rs-column.-medium-col-7-6 { width: 84.82143%; } .rs-column.-medium-col-7-7, .fullwidth .rs-column.-medium-col-7-7 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .fullwidth .rs-column { margin-right: 6.25%; } .rs-column.-medium-first, .fullwidth .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .fullwidth .rs-column.-medium-last { margin-right: 6.25%; } .rs-column.-medium-first-row, .fullwidth .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-small-first, .fullwidth .rs-column.-small-first, .page-footer .rs-column.-small-first { clear: left; } .rs-column.-small-last, .fullwidth .rs-column.-small-last, .page-footer .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .fullwidth .rs-column.-small-first-row, .page-footer .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .fullwidth .rs-column.-small-col-1-1, .page-footer .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .fullwidth .rs-column.-small-col-2-1, .page-footer .rs-column.-small-col-2-1 { width: 46.875%; } .rs-column.-small-col-2-2, .fullwidth .rs-column.-small-col-2-2, .page-footer .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .fullwidth .rs-column.-small-col-3-1, .page-footer .rs-column.-small-col-3-1 { width: 29.16667%; } .rs-column.-small-col-3-2, .fullwidth .rs-column.-small-col-3-2, .page-footer .rs-column.-small-col-3-2 { width: 64.58333%; } .rs-column.-small-col-3-3, .fullwidth .rs-column.-small-col-3-3, .page-footer .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .fullwidth .rs-column.-small-col-4-1, .page-footer .rs-column.-small-col-4-1 { width: 20.3125%; } .rs-column.-small-col-4-2, .fullwidth .rs-column.-small-col-4-2, .page-footer .rs-column.-small-col-4-2 { width: 46.875%; } .rs-column.-small-col-4-3, .fullwidth .rs-column.-small-col-4-3, .page-footer .rs-column.-small-col-4-3 { width: 73.4375%; } .rs-column.-small-col-4-4, .fullwidth .rs-column.-small-col-4-4, .page-footer .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .fullwidth .rs-column.-small-col-5-1, .page-footer .rs-column.-small-col-5-1 { width: 15%; } .rs-column.-small-col-5-2, .fullwidth .rs-column.-small-col-5-2, .page-footer .rs-column.-small-col-5-2 { width: 36.25%; } .rs-column.-small-col-5-3, .fullwidth .rs-column.-small-col-5-3, .page-footer .rs-column.-small-col-5-3 { width: 57.5%; } .rs-column.-small-col-5-4, .fullwidth .rs-column.-small-col-5-4, .page-footer .rs-column.-small-col-5-4 { width: 78.75%; } .rs-column.-small-col-5-5, .fullwidth .rs-column.-small-col-5-5, .page-footer .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .fullwidth .rs-column.-small-col-6-1, .page-footer .rs-column.-small-col-6-1 { width: 11.45833%; } .rs-column.-small-col-6-2, .fullwidth .rs-column.-small-col-6-2, .page-footer .rs-column.-small-col-6-2 { width: 29.16667%; } .rs-column.-small-col-6-3, .fullwidth .rs-column.-small-col-6-3, .page-footer .rs-column.-small-col-6-3 { width: 46.875%; } .rs-column.-small-col-6-4, .fullwidth .rs-column.-small-col-6-4, .page-footer .rs-column.-small-col-6-4 { width: 64.58333%; } .rs-column.-small-col-6-5, .fullwidth .rs-column.-small-col-6-5, .page-footer .rs-column.-small-col-6-5 { width: 82.29167%; } .rs-column.-small-col-6-6, .fullwidth .rs-column.-small-col-6-6, .page-footer .rs-column.-small-col-6-6 { width: 100%; } .rs-column.-small-col-7-1, .fullwidth .rs-column.-small-col-7-1, .page-footer .rs-column.-small-col-7-1 { width: 8.92857%; } .rs-column.-small-col-7-2, .fullwidth .rs-column.-small-col-7-2, .page-footer .rs-column.-small-col-7-2 { width: 24.10714%; } .rs-column.-small-col-7-3, .fullwidth .rs-column.-small-col-7-3, .page-footer .rs-column.-small-col-7-3 { width: 39.28571%; } .rs-column.-small-col-7-4, .fullwidth .rs-column.-small-col-7-4, .page-footer .rs-column.-small-col-7-4 { width: 54.46429%; } .rs-column.-small-col-7-5, .fullwidth .rs-column.-small-col-7-5, .page-footer .rs-column.-small-col-7-5 { width: 69.64286%; } .rs-column.-small-col-7-6, .fullwidth .rs-column.-small-col-7-6, .page-footer .rs-column.-small-col-7-6 { width: 84.82143%; } .rs-column.-small-col-7-7, .fullwidth .rs-column.-small-col-7-7, .page-footer .rs-column.-small-col-7-7 { width: 100%; } } .margin-top-s { margin-top: 50px !important; } @media screen and (max-width: 599px) { .margin-top-s { margin-top: 25px !important; } } .margin-right-s { margin-right: 50px !important; } @media screen and (max-width: 599px) { .margin-right-s { margin-right: 25px !important; } } .margin-bottom-s { margin-bottom: 50px !important; } @media screen and (max-width: 599px) { .margin-bottom-s { margin-bottom: 25px !important; } } .margin-left-s { margin-left: 50px !important; } @media screen and (max-width: 599px) { .margin-left-s { margin-left: 25px !important; } } .padding-top-s { padding-top: 50px !important; } @media screen and (max-width: 599px) { .padding-top-s { padding-top: 25px !important; } } .padding-right-s { padding-right: 50px !important; } @media screen and (max-width: 599px) { .padding-right-s { padding-right: 25px !important; } } .padding-bottom-s { padding-bottom: 50px !important; } @media screen and (max-width: 599px) { .padding-bottom-s { padding-bottom: 25px !important; } } .padding-left-s { padding-left: 50px !important; } @media screen and (max-width: 599px) { .padding-left-s { padding-left: 25px !important; } } .margin-top-m { margin-top: 75px !important; } @media screen and (max-width: 599px) { .margin-top-m { margin-top: 38px !important; } } .margin-right-m { margin-right: 75px !important; } @media screen and (max-width: 599px) { .margin-right-m { margin-right: 38px !important; } } .margin-bottom-m { margin-bottom: 75px !important; } @media screen and (max-width: 599px) { .margin-bottom-m { margin-bottom: 38px !important; } } .margin-left-m { margin-left: 75px !important; } @media screen and (max-width: 599px) { .margin-left-m { margin-left: 38px !important; } } .padding-top-m { padding-top: 75px !important; } @media screen and (max-width: 599px) { .padding-top-m { padding-top: 38px !important; } } .padding-right-m { padding-right: 75px !important; } @media screen and (max-width: 599px) { .padding-right-m { padding-right: 38px !important; } } .padding-bottom-m { padding-bottom: 75px !important; } @media screen and (max-width: 599px) { .padding-bottom-m { padding-bottom: 38px !important; } } .padding-left-m { padding-left: 75px !important; } @media screen and (max-width: 599px) { .padding-left-m { padding-left: 38px !important; } } .margin-top-l { margin-top: 100px !important; } @media screen and (max-width: 599px) { .margin-top-l { margin-top: 50px !important; } } .margin-right-l { margin-right: 100px !important; } @media screen and (max-width: 599px) { .margin-right-l { margin-right: 50px !important; } } .margin-bottom-l { margin-bottom: 100px !important; } @media screen and (max-width: 599px) { .margin-bottom-l { margin-bottom: 50px !important; } } .margin-left-l { margin-left: 100px !important; } @media screen and (max-width: 599px) { .margin-left-l { margin-left: 50px !important; } } .padding-top-l { padding-top: 100px !important; } @media screen and (max-width: 599px) { .padding-top-l { padding-top: 50px !important; } } .padding-right-l { padding-right: 100px !important; } @media screen and (max-width: 599px) { .padding-right-l { padding-right: 50px !important; } } .padding-bottom-l { padding-bottom: 100px !important; } @media screen and (max-width: 599px) { .padding-bottom-l { padding-bottom: 50px !important; } } .padding-left-l { padding-left: 100px !important; } @media screen and (max-width: 599px) { .padding-left-l { padding-left: 50px !important; } } .margin-top-xl { margin-top: 150px !important; } @media screen and (max-width: 599px) { .margin-top-xl { margin-top: 75px !important; } } .margin-right-xl { margin-right: 150px !important; } @media screen and (max-width: 599px) { .margin-right-xl { margin-right: 75px !important; } } .margin-bottom-xl { margin-bottom: 150px !important; } @media screen and (max-width: 599px) { .margin-bottom-xl { margin-bottom: 75px !important; } } .margin-left-xl { margin-left: 150px !important; } @media screen and (max-width: 599px) { .margin-left-xl { margin-left: 75px !important; } } .padding-top-xl { padding-top: 150px !important; } @media screen and (max-width: 599px) { .padding-top-xl { padding-top: 75px !important; } } .padding-right-xl { padding-right: 150px !important; } @media screen and (max-width: 599px) { .padding-right-xl { padding-right: 75px !important; } } .padding-bottom-xl { padding-bottom: 150px !important; } @media screen and (max-width: 599px) { .padding-bottom-xl { padding-bottom: 75px !important; } } .padding-left-xl { padding-left: 150px !important; } @media screen and (max-width: 599px) { .padding-left-xl { padding-left: 75px !important; } } .margin-top-xxl { margin-top: 200px !important; } @media screen and (max-width: 599px) { .margin-top-xxl { margin-top: 100px !important; } } .margin-right-xxl { margin-right: 200px !important; } @media screen and (max-width: 599px) { .margin-right-xxl { margin-right: 100px !important; } } .margin-bottom-xxl { margin-bottom: 200px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxl { margin-bottom: 100px !important; } } .margin-left-xxl { margin-left: 200px !important; } @media screen and (max-width: 599px) { .margin-left-xxl { margin-left: 100px !important; } } .padding-top-xxl { padding-top: 200px !important; } @media screen and (max-width: 599px) { .padding-top-xxl { padding-top: 100px !important; } } .padding-right-xxl { padding-right: 200px !important; } @media screen and (max-width: 599px) { .padding-right-xxl { padding-right: 100px !important; } } .padding-bottom-xxl { padding-bottom: 200px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxl { padding-bottom: 100px !important; } } .padding-left-xxl { padding-left: 200px !important; } @media screen and (max-width: 599px) { .padding-left-xxl { padding-left: 100px !important; } } /* Resetting box model for moo_mediabox, moo_slimbox and j_colorbox */ #mbCenter *, #colorbox, #colorbox *, #lbCenter *, #lbBottomContainer * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: #777; color: white; text-shadow: none !important; } ::-moz-selection { background: #777; color: white; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #dfdfdf; border-radius: 3px; background: white; } table th, table td { border: solid #e8edde; border-width: 1px 0 0 1px; } table th:first-child, table td:first-child { border-left: 0; } table > thead > tr:first-child > th, table > thead > tr:first-child > td, table > tbody:first-child > tr:first-child > th, table > tbody:first-child > tr:first-child > td, table > tfoot:first-child + tbody > tr:first-child > th, table > tfoot:first-child + tbody > tr:first-child > td { /* First row of the table */ border-top: 0; } table th { padding: 0.375em 0.625em; font-weight: bold; text-align: left; } table td { padding: 0.375em 0.625em; } table thead { background: rgba(0, 0, 0, 0.02); } table tfoot td { font-style: italic; } strong, b { font-weight: bold; } a { color: #000; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } .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; } .-no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .centered { display: block; margin-left: auto; margin-right: auto; text-align: center; } .syndication { margin: 0.75em 0 0 1.25em; float: right; } .syndication a { margin-left: 0.125em; } .mime_icon { margin-bottom: -0.25em; } .download-element { padding-top: 0; padding-right: 0; padding-bottom: 0; line-height: 2em; } /* 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; } .main-content .dlh_googlemap, .sidebar .dlh_googlemap { /* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */ max-width: 100%; } .main-content .dlh_googlemap img { max-width: none; } .block {display: block} .confirmation { color: #777; } .information { color: #519ad3; } .warning { color: #df3232; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.11111em 0.33333em 0 0; padding: 0.19444em; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 2.25em; font-weight: normal; /* Fixes line-height difference between gecko and webkit */ line-height: 0.7; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.25em 0.75em 0 0 \9; } hr, .headline-hr:before, .headline-hr:after { clear: both; height: 0; overflow: visible; margin: 2.25em 0; border: 0; border-top: 1px solid #b2b9c4; } hr.-hr-dotted, .headline-hr.-hr-dotted:before, .headline-hr.-hr-dotted:after { border-top-style: dotted; border-top-color: #717c8e; } hr.-hr-shadow, .headline-hr.-hr-shadow:before, .headline-hr.-hr-shadow:after { height: 8px; background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background-size: 100% 16px; background-position: 50% -8px; } .headline-hr { overflow: hidden; } .headline-hr:before, .headline-hr:after { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0.625em 0 -100%; } .headline-hr:after { content: ""; margin: 0 -100% 0 0.625em; } .headline-hr.-centered { text-align: center; } .headline-hr.-centered:before { content: ""; } .headline-hr.-align-right { text-align: right; } .headline-hr.-align-right:before { content: ""; } .headline-hr.-align-right:after { content: none; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.875em; line-height: 1.35786; background-color: #e8edde; border-radius: 3px; } pre { margin: 1.71429em 0; padding: 0.5em 1em; display: block; overflow: auto; border-radius: 3px; font-family: "Lucida Console", monospace; font-size: 0.875em; line-height: 1.715; background-color: #e8edde; } pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Buttons * ======================================== */ button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary, .feature-box-link.-quaternary, .headline-box-link.-quaternary, .highlight-box-link, .feature-box-link, .headline-box-link, .footer-bar input[type=submit], .footer-bar button, 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.64286em 1.42857em; border: 1px solid; border-color: #9fb086 #bccba7 #669028; border-radius: 3px; outline: none; font-size: 0.875em; line-height: 1.42929; color: white; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #bccba7; background: #9fb086; background: -webkit-linear-gradient(#99cb55, #73a233); background: -moz-linear-gradient(#99cb55, #73a233); background: -o-linear-gradient(#99cb55, #73a233); background: linear-gradient(#99cb55, #73a233); } .button.whats { text-transform: none; font-size: 1.2em; font-weight: bold; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .highlight-box-link:hover, .feature-box-link:hover, .headline-box-link:hover, .footer-bar input[type=submit]:hover, .footer-bar button:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .highlight-box-link:focus, .feature-box-link:focus, .headline-box-link:focus, .footer-bar input[type=submit]:focus, .footer-bar button: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: -webkit-linear-gradient(#a1ce66, #89c637); background: -moz-linear-gradient(#a1ce66, #89c637); background: -o-linear-gradient(#a1ce66, #89c637); background: linear-gradient(#a1ce66, #89c637); } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active, .header-dropdown > ul input[type=submit]:active, button.-tertiary:active, .button.-tertiary:active, input[type="submit"].-tertiary:active, .rotating-boxes-item-content .rotating-boxes-item-link:active, .pricing-table-plan a:active, button.-quaternary:active, .button.-quaternary:active, input[type="submit"].-quaternary:active, .highlight-box-link:active, .feature-box-link:active, .headline-box-link:active, .footer-bar input[type=submit]:active, .footer-bar button:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: -webkit-linear-gradient(#44b0e1, #33a8de); background: -moz-linear-gradient(#44b0e1, #33a8de); background: -o-linear-gradient(#44b0e1, #33a8de); background: linear-gradient(#44b0e1, #33a8de); } #colorbox button.-secondary, #colorbox .button.-secondary, #colorbox input[type="submit"].-secondary, #colorbox .header-login .formbody input[type=submit], .header-login .formbody #colorbox input[type=submit], #colorbox .header-dropdown > ul input[type=submit], .header-dropdown > ul #colorbox input[type=submit], #colorbox button.-tertiary, #colorbox .button.-tertiary, #colorbox input[type="submit"].-tertiary, #colorbox .rotating-boxes-item-content .rotating-boxes-item-link, .rotating-boxes-item-content #colorbox .rotating-boxes-item-link, #colorbox .pricing-table-plan a, .pricing-table-plan #colorbox a, #colorbox button.-quaternary, #colorbox .button.-quaternary, #colorbox input[type="submit"].-quaternary, #colorbox .highlight-box-link, #colorbox .feature-box-link, #colorbox .headline-box-link, #colorbox .footer-bar input[type=submit], .footer-bar #colorbox input[type=submit], #colorbox .footer-bar button, .footer-bar #colorbox button, #colorbox button, #colorbox .button, #colorbox input[type="submit"], #colorbox input[type="reset"], #colorbox input[type="button"] { /* Fix colorbox close button */ box-shadow: none; } button.-quaternary:hover, button.-quaternary:focus, .button.-quaternary:hover, .button.-quaternary:focus, input[type="submit"].-quaternary:hover, input[type="submit"].-quaternary:focus { border-color: currentColor; } button.-single, .button.-single, input[type="submit"].-single { margin: 0.75em 0; } button.-small, .button.-small, input[type="submit"].-small { padding: 0.41667em 0.83333em; font-size: 0.75em; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary { border-color: #78619c #6c578c #604d7c; color: white; text-shadow: 0 -1px 0 #6c578c; background: #8570a6; background: -webkit-linear-gradient(#9280b0, #7d67a0); background: -moz-linear-gradient(#9280b0, #7d67a0); background: -o-linear-gradient(#9280b0, #7d67a0); background: linear-gradient(#9280b0, #7d67a0); box-shadow: inset 0 1px #a99ac0; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, .pricing-table-plan.-highlighted a:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, .pricing-table-plan.-highlighted a:focus, .feature-box-link.-secondary:focus, .headline-box-link.-secondary:focus { border-color: #53446c #473a5d #3b304d; background: -webkit-linear-gradient(#9a89b6, #755f98); background: -moz-linear-gradient(#9a89b6, #755f98); background: -o-linear-gradient(#9a89b6, #755f98); background: linear-gradient(#9a89b6, #755f98); } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active, .header-dropdown > ul input[type=submit]:active, .pricing-table-plan.-highlighted a:active, .feature-box-link.-secondary:active, .headline-box-link.-secondary:active { background: -webkit-linear-gradient(#8d79ac, #826da4); background: -moz-linear-gradient(#8d79ac, #826da4); background: -o-linear-gradient(#8d79ac, #826da4); background: linear-gradient(#8d79ac, #826da4); } button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary, .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary { border-color: #c5c9d7 #b6bbcc #a7adc2; color: #292929; text-shadow: 0 -1px 0 #d4d7e1; background: #f2f3f6; background: -webkit-linear-gradient(#ffffff, #e9ebf0); background: -moz-linear-gradient(#ffffff, #e9ebf0); background: -o-linear-gradient(#ffffff, #e9ebf0); background: linear-gradient(#ffffff, #e9ebf0); box-shadow: none; } button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, .feature-box-link.-tertiary:hover, .headline-box-link.-tertiary:hover, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, .feature-box-link.-tertiary:focus, .headline-box-link.-tertiary:focus { border-color: #b6bbcc #a7adc2 #98a0b7; background: -webkit-linear-gradient(#ffffff, #e0e2e9); background: -moz-linear-gradient(#ffffff, #e0e2e9); background: -o-linear-gradient(#ffffff, #e0e2e9); background: linear-gradient(#ffffff, #e0e2e9); } button.-tertiary:active, .button.-tertiary:active, input[type="submit"].-tertiary:active, .rotating-boxes-item-content .rotating-boxes-item-link:active, .pricing-table-plan a:active, .feature-box-link.-tertiary:active, .headline-box-link.-tertiary:active { background: -webkit-linear-gradient(#fbfbfc, #eff0f4); background: -moz-linear-gradient(#fbfbfc, #eff0f4); background: -o-linear-gradient(#fbfbfc, #eff0f4); background: linear-gradient(#fbfbfc, #eff0f4); } button.-quaternary, .button.-quaternary, input[type="submit"].-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary { border: 2px solid #242424; border-color: currentColor; border-radius: 6px; color: inherit; text-shadow: none; background: none; box-shadow: none; } button.-quaternary:after, .button.-quaternary:after, input[type="submit"].-quaternary:after, .feature-box-link.-quaternary:after, .headline-box-link.-quaternary:after { content: ""; position: absolute; top: 100%; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.15; -webkit-transition: top 0.4s ease-in; -moz-transition: top 0.4s ease-in; -o-transition: top 0.4s ease-in; transition: top 0.4s ease-in; } button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .feature-box-link.-quaternary:hover, .headline-box-link.-quaternary:hover, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .feature-box-link.-quaternary:focus, .headline-box-link.-quaternary:focus { background: none; } button.-quaternary:hover:after, .button.-quaternary:hover:after, input[type="submit"].-quaternary:hover:after, .feature-box-link.-quaternary:hover:after, .headline-box-link.-quaternary:hover:after, button.-quaternary:focus:after, .button.-quaternary:focus:after, input[type="submit"].-quaternary:focus:after, .feature-box-link.-quaternary:focus:after, .headline-box-link.-quaternary:focus:after { top: 0; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } button.euf_overlay__close { color: #333; font-size: 1.8em; margin-top: 0; } /* =========================================== * Wrapper Elements * ======================================== */ .header-bar-inner, .header-navigation-inner, .content-wrapper { max-width: 1188px; margin-right: auto; margin-left: auto; } #footer .content-wrapper { max-width: 1188px; margin-right: auto; margin-left: auto; } .centered-wrapper-inner { max-width: 1100px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1188px) { .centered-wrapper-inner { max-width: none; margin-right: 3.7037%; margin-left: 3.7037%; } } @media screen and (max-width: 900px) { .centered-wrapper-inner { margin-right: 5.55556%; margin-left: 5.55556%; } } .page { zoom: 1; position: relative; margin: 0 auto; background: white; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } /* =========================================== * Layout in order of appearance in HTML * ======================================== */ .page-header { position: relative; z-index: 20; } .page-header.is-fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } #topnav { zoom: 1; position: relative; border-bottom: none; background-color: #292929; } .home #topnav { zoom: 1; position: relative; background-color: #292929; } .header-navigation { margin-right: 2.22226%; margin-left: 2.22226%; } .header-navigation:before { content: ""; display: table; } .header-navigation:after { content: ""; display: table; clear: both; } .header-navigation-inner { position: relative; height: 5.25em; min-height: 3.125em; color: #636363; } @media screen and (max-width: 900px) { .header-navigation-inner { height: auto; min-height: 0; } } .logo { position: absolute; top: 24.5%; bottom: 24.5%; left: 1.7037%; margin: 0; font-size: inherit; } @media screen and (max-width: 900px) { .logo { position: static; margin-left: 5.55556%; padding-top: 1.5em; padding-bottom: 0.75em; } } @media screen and (max-width: 599px) { .logo { text-align: center; margin-left: 0; padding-top: 0.75em; } } .logo a { display: block; height: 100%; } @media screen and (max-width: 900px) { .logo a { display: inline; } } .logo img { display: block; width: auto; height: 100%; } @media screen and (max-width: 900px) { .logo img { display: inline; height: auto; max-height: 3.0625em; } } @media screen and (max-width: 599px) { .logo img { max-height: 1.725em; } } .main-navigation-wrapper { position: relative; clear: both; border: 1px solid #dfdfdf; background: white; background: -webkit-linear-gradient(#ffffff, #fafafa); background: -moz-linear-gradient(#ffffff, #fafafa); background: -o-linear-gradient(#ffffff, #fafafa); background: linear-gradient(#ffffff, #fafafa); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .main-navigation { float: right; height: 100%; margin-right: 0; padding-right: 2.75em; } @media screen and (max-width: 900px) { .main-navigation { position: relative; float: none; height: 3.125em; margin-right: 0; padding-right: 1.5em; padding-left: 1.5em; } } @media screen and (max-width: 599px) { .main-navigation { display: none; } } .main-navigation a:before, .main-navigation strong:before, .main-navigation span.active:before, .main-navigation span.trail:before, .main-navigation span.forward:before { content: none; display: none; } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation > ul > li { position: relative; float: left; height: 100%; } .main-navigation > ul > li:before { position: absolute; top: 50%; left: 0.5em; margin-top: -0.33333em; font-size: 0.75em; } .main-navigation > ul > li > a, .main-navigation > ul > li > strong, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { position: relative; float: left; height: 100%; padding: 0 1.429em; font-size: 1em; color: #ffff86; text-transform: uppercase; } .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { color: #ffffff; text-transform: uppercase; } .main-navigation > ul > li > a:before, .main-navigation > ul > li > strong:before, .main-navigation > ul > li > span.active:before, .main-navigation > ul > li > span.trail:before, .main-navigation > ul > li > span.forward:before { content: ""; display: block; height: 50%; margin-bottom: -0.71429em; } .main-navigation > ul > li > a:after, .main-navigation > ul > li > strong:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { content: ""; position: absolute; top: -1px; right: 50%; left: 50%; -webkit-transition: right 0.4s ease-out, left 0.4s ease-out; -moz-transition: right 0.4s ease-out, left 0.4s ease-out; -o-transition: right 0.4s ease-out, left 0.4s ease-out; transition: right 0.4s ease-out, left 0.4s ease-out; } .main-navigation > ul > li.last > a {padding-right: 0} @media screen and (max-width: 900px) { .main-navigation > ul > li > a:after, .main-navigation > ul > li > strong:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { top: auto; bottom: -1px; } } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { color: #fff; text-decoration: none; } @media screen and (max-width: 1024px) { .main-navigation { display:none; } } .mod_mobile_menu .mobile_menu_trigger { position:absolute; top:43px; right:5.66667%; width:44px; height:39px; margin:-20px 0 0 -11px; padding:11px; display:none; line-height:0; } .mod_mobile_menu .mobile_menu_trigger:after { content: ""; display: block; height: 3px; border-radius: 2px; background: #ffff86; box-shadow: 0 7px #ffff86, 0 14px #ffff86; } @media screen and (max-width: 599px) { .mod_mobile_menu .mobile_menu_trigger{ top: 28px; right: 2.66667%; } .otag .mod_mobile_menu .mobile_menu_trigger { top: 14px; } } .mobile_menu { box-shadow: 0; min-width: 140px; max-width: 440px; z-index: 4000; } .mobile_menu .inner { background: #333; } .mobile_menu .main-navigation { display:block; height: auto; padding: 0; width: 100%; } .mobile_menu .main-navigation ul { display: flex; margin: 4em; padding: 20px 0 0; list-style-type: none; flex-flow: column; } .mobile_menu .mainnav ul li { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; list-style: none; margin: 0; padding: 0; position: relative; transition: transform .3s ease-out; } .mobile_menu .main-navigation > ul > li > a, .mobile_menu .main-navigation > ul > li > span.active, .mobile_menu .main-navigation > ul > li > span.trail, .mobile_menu .main-navigation > ul > li > span.forward { color: #ffff86; display: block; float: none; font-size: 1.1em; line-height: 2; letter-spacing: .025em; text-decoration: none; padding: 1rem 0 1rem 1rem; } .mobile_menu .main-navigation > ul > li > a.active, .mobile_menu .main-navigation > ul > li > a.trail, .mobile_menu .main-navigation > ul > li > a.forward, .mobile_menu .main-navigation > ul > li span.active, .mobile_menu .main-navigation > ul > li span.trail, .mobile_menu .main-navigation > ul > li span.forward { background-color: #333; color: #fff; } .mobile_menu .main-navigation > ul > li > a:hover, .mobile_menu .main-navigation > ul > li > a:focus { background-color: #444; color:#ffff86; text-decoration:none; } .mobile_menu .mobile-close { position: absolute; top: -4px; right: -14px; overflow: hidden; padding: 1em; padding-top: calc(2em + var(--safe-area-top)); padding-right: calc(2em + var(--safe-area-right)); color: #ffff86; line-height: 0; text-indent: -99em; } .mobile_menu .mobile-close:hover, .mobile_menu .mobile-close:focus { text-decoration: none; } .mobile_menu .mobile-close:after { font: 1.8em/1 "RockSolid Icons"; content: "\e14a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-indent: 0; } .mobile_menu .search_box {padding: 0 15px} .mobile_menu .social_box { padding: 15px; } .main-navigation-mobile { /* Hide mobile navigation by default */ display:none; padding:0; color:#fff; background:#333; } @media screen and (max-width: 599px) { .main-navigation-mobile { display:block; } } .modernizr-js .main-navigation-mobile { display:none; } .tagline { zoom: 1; border-bottom: 1px solid #e5e8ee; background: white; } .tagline:before { content: ""; display: table; } .tagline:after { content: ""; display: table; clear: both; } .tagline .page-title { float: left; font-size: 20px; font-weight: normal; margin-top: 1.15789em; } @media screen and (max-width: 599px) { .tagline .page-title { float: none; text-align: center; } } .tagline .mod_breadcrumb { float: right; margin: 0; padding: 2.15385em 0 1.84615em; } @media screen and (max-width: 599px) { .tagline .mod_breadcrumb { float: none; margin: 1.69231em 0; padding: 0; text-align: center; } } .tagline .image_container { display: block; clear: both; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; } .tagline img { display: block; } .tagline-no-border .tagline { border: 0; } .tagline-inner { position: relative; /* clearfix */ overflow: hidden; color: #98a0ab; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } .fullwidth .content-wrapper { max-width: none; } .centered-wrapper { zoom: 1; position: relative; clear: both; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper:before { content: ""; display: table; } .centered-wrapper:after { content: ""; display: table; clear: both; } .centered-wrapper.-border-top { border-top: 1px solid #b2b9c4; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #b2b9c4; } .centered-wrapper.-color-inverted { color: white; } .centered-wrapper.-highlight-color { background-color: #8570a6; } .centered-wrapper.-background-color-1 { background-color: #31371c; } .centered-wrapper.-background-color-2 { background-color: whitesmoke; } .centered-wrapper.-small { min-height: 300px; } @media screen and (max-width: 599px) { .centered-wrapper.-small { min-height: 200px; } } .centered-wrapper.-medium { min-height: 600px; } @media screen and (max-width: 599px) { .centered-wrapper.-medium { min-height: 400px; } } .centered-wrapper.-large { min-height: 900px; } @media screen and (max-width: 599px) { .centered-wrapper.-large { min-height: 600px; } } .centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax { overflow: hidden; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper-background video { /* Change this to `object-fit: cover;` once all browsers support it, */ /* see http://stackoverflow.com/a/20851590 */ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .-background-mousemove > .centered-wrapper-background, .-background-mousemove-inverted > .centered-wrapper-background { right: -12%; } .centered-wrapper-inner { position: relative; } .centered-wrapper-inner.-fullwidth { max-width: none; margin: 0; } /* =========================================== * Content * ======================================== */ .main-content { float: right; width: 59.25926%; margin: 1.5em 7.40741% 3.75em 0; } @media screen and (max-width: 900px) { .main-content { float: none; width: auto; margin-right: 5.55556%; margin-left: 5.55556%; } } .no-sidebar .main-content { float: none; width: auto; margin-left: 3.57143%; margin-right: 3.57143%; } @media screen and (max-width: 900px) { .no-sidebar .main-content { margin-right: 5.55556%; margin-left: 5.55556%; } } .fullwidth .main-content { margin: 0; } .main-content .ce_text a { text-decoration: underline; } .main-content .ce_text a:hover,.main-content .ce_text a:focus, .main-content .ce_text a:active { text-decoration: none; } .main-content .ce_text a.button { text-decoration: none; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 0.75em; margin-bottom: 1.5em; } .main-content p > span[style] { padding: 0 0.1875em; } @media screen and (max-width: 900px) { .main-content ul.icon-links { margin-bottom: 0; } } .main-content ul, .main-content ol { padding-left: 1.25em; } .main-content ul li[data-icon], .main-content ul li[class^="icon-"], .main-content ul li[class*=" icon-"], .main-content ol li[data-icon], .main-content ol li[class^="icon-"], .main-content ol li[class*=" icon-"] { list-style: none; } .main-content ul li[data-icon]:before, .main-content ul li[class^="icon-"]:before, .main-content ul li[class*=" icon-"]:before, .main-content ol li[data-icon]:before, .main-content ol li[class^="icon-"]:before, .main-content ol li[class*=" icon-"]:before { left: -1.25em; width: 0; color: #777; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { padding-left: 1.25em; list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } /* Icon attribute */ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { font: 100%/1 "RockSolid Icons"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.25em; } *[data-icon]:before { content: attr(data-icon); } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 2.6em "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.25em; } .main-content img { max-width: 100%; height: auto; } .main-content .gm-style img { max-width: none; } .main-content .rsts-main { margin: 24px 0; } .main-content .main-slider { margin: 0 0 2em 0; } #slider .ce_text > .inside > *, .mod_article[id*="titel"] .ce_text > .inside > *, .mod_article[id*="titel"] .ce_headline { text-shadow: 0 0 50px #222; } .icon-hr { display: block; } .icon-hr:before { position: relative; display: block; bottom: -0.5em; width: 1.875em; margin: 0; background: white; } .icon-hr.-centered:before { width: 2.25em; margin: 0 auto; text-align: center; } .icon-hr.-align-right:before { margin: 0 0 0 auto; text-align: right; } .icon-hr hr { margin: 0; } .icon-links li { padding-bottom: 0.4375em; list-style: none; } .icon-links a { text-decoration: none; } .icon-links a:hover { text-decoration: underline; } .icon-links-label { color: #5d7140; } .error-main h3 { border: 8px solid #777; border-radius: 50%; color: #777; font-size: 7.8em; font-weight: 400; margin: 4% auto; padding: 60px 0; width: 24%; } .error-main p { font-size: 2.2em; margin-top: 10px; } .error-btn { margin-top: 4%; } .error-btn a { color: #777; font-size: 25px; font-weight: 700; } .feature-box { zoom: 1; position: relative; overflow: hidden; } .feature-box:before { content: ""; display: table; } .feature-box:after { content: ""; display: table; clear: both; } .feature-box.-image-centered { text-align: center; } .feature-box.-vertical-centered { display: table; table-layout: fixed; /* Fixes IE bug */ width: 100%; } @media screen and (max-width: 599px) { .feature-box.-vertical-centered { display: block; } } .feature-box.-small { min-height: 300px; } .feature-box.-small.-vertical-centered { height: 300px; } @media screen and (max-width: 599px) { .feature-box.-small { min-height: 200px; } .feature-box.-small.-vertical-centered { height: auto; } } .feature-box.-medium { min-height: 600px; } .feature-box.-medium.-vertical-centered { height: 600px; } @media screen and (max-width: 599px) { .feature-box.-medium { min-height: 400px; } .feature-box.-medium.-vertical-centered { height: auto; } } .feature-box.-large { min-height: 900px; } .feature-box.-large.-vertical-centered { height: 900px; } @media screen and (max-width: 599px) { .feature-box.-large { min-height: 600px; } .feature-box.-large.-vertical-centered { height: auto; } } .feature-box.-headline-dropshadow h1, .feature-box.-headline-dropshadow h2, .feature-box.-headline-dropshadow h3 { text-shadow: 0 0 3px rgba(0, 0, 0, 0.45); } .feature-box-text { margin: 6.25em 48% 0.25em 0; color: #596050; } @media screen and (max-width: 900px) { .feature-box-text { margin-right: 37.5%; } } @media screen and (max-width: 599px) { .feature-box-text { margin: 2.25em 0; } } .-image-left > .feature-box-text { margin-right: 0; margin-left: 48%; } @media screen and (max-width: 900px) { .-image-left > .feature-box-text { margin-left: 37.5%; } } @media screen and (max-width: 599px) { .-image-left > .feature-box-text { margin-left: 0; } } .-image-centered > .feature-box-text { margin-right: 16%; margin-left: 16%; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-text { margin-right: 0; margin-left: 0; } } .-image-centered > .feature-box-text + .feature-box-image { margin-top: -2.25em; } @media screen and (max-width: 599px) { .-image-centered > .feature-box-text + .feature-box-image { margin-top: 0; } } .-vertical-centered > .feature-box-text { display: table-cell; vertical-align: middle; width: 56.0%; margin: 0; padding: 4.5em 4% 4.5em 0; } @media screen and (max-width: 900px) { .-vertical-centered > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-text { display: block; width: auto; padding-right: 0; } } .-vertical-centered.-image-left > .feature-box-text { padding-right: 0; padding-left: 4%; } @media screen and (max-width: 599px) { .-vertical-centered.-image-left > .feature-box-text { padding-left: 0; } } .-vertical-centered.-image-centered > .feature-box-text { width: 100%; padding-right: 20%; padding-left: 20%; } @media screen and (max-width: 900px) { .-vertical-centered.-image-centered > .feature-box-text { padding-right: 0; padding-left: 0; } } .-no-image > .feature-box-text { width: 100%; } .-color-inverted .feature-box-text { color: white; } .no-margin .feature-box-text { margin: 0; padding: 0; } .no-margin-top .feature-box-text { margin-top: 0; padding-top: 0; } .no-margin-bottom .feature-box-text { margin-bottom: 0; padding-bottom: 0; } .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { margin: 0; color: #242424; font-size: 2em; font-weight: bold; } .feature-box-text h2 {text-transform: none} @media screen and (max-width: 599px) { .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { font-size: 1.57143em; } } .feature-box-text h1 + a, .feature-box-text h2 + a, .feature-box-text h3 + a { margin-top: 1.71429em; } .-color-inverted .feature-box-text h1, .-color-inverted .feature-box-text h2, .-color-inverted .feature-box-text h3 { color: white; } .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.3125em; } .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 2.375em; } @media screen and (max-width: 599px) { .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 1.875em; } } .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2.875em; } @media screen and (max-width: 599px) { .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2em; } } .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 3.625em; } @media screen and (max-width: 599px) { .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 2.25em; } } .feature-box-text p { font-size: 1.125em; } .feature-box-image { display: block; float: right; width: 44%; margin: 3em 0 3em 4%; } @media screen and (max-width: 900px) { .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .feature-box-image { width: 100%; } } .-image-left > .feature-box-image { float: left; margin-right: 4%; margin-left: 0; } @media screen and (max-width: 599px) { .-image-left > .feature-box-image { float: none; margin-right: 0; } } .-image-centered > .feature-box-image { float: none; width: 64%; margin-right: auto; margin-left: auto; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-image { width: 100%; } } .-image-centered > .feature-box-image + .feature-box-text { margin-top: 3em; } .-image-top > .feature-box-image { margin-top: 0; } .-image-bottom > .feature-box-image { position: absolute; bottom: 0; right: 0; margin: 0; } @media screen and (max-width: 599px) { .-image-bottom > .feature-box-image { position: static; margin-bottom: 3em; } } .-image-bottom.-image-left > .feature-box-image { right: auto; left: 0; } .-vertical-centered > .feature-box-image { display: table-cell; vertical-align: middle; float: none; margin: 0; padding: 3em 0; } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-image { display: block; padding-top: 1.5em; padding-bottom: 1.5em; } } .-image-rounded > .feature-box-image img { border-radius: 99em; } .in-view > .feature-box-text, .in-view > .feature-box-image { -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out; -moz-transition: opacity 0.6s linear, -moz-transform 0.6s ease-out; -o-transition: opacity 0.6s linear, -o-transform 0.6s ease-out; transition: opacity 0.6s linear, transform 0.6s ease-out; } .not-in-view > .feature-box-text.-fade, .not-in-view > .feature-box-image.-fade { opacity: 0; } .in-view > .feature-box-text.-fade, .in-view > .feature-box-image.-fade { opacity: 1; } .not-in-view > .feature-box-text.-move, .not-in-view > .feature-box-image.-move { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .not-in-view > .feature-box-text.-move-right, .not-in-view > .feature-box-image.-move-right { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .not-in-view > .feature-box-text.-move-top, .not-in-view > .feature-box-image.-move-top { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .not-in-view > .feature-box-text.-move-bottom, .not-in-view > .feature-box-image.-move-bottom { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .in-view > .feature-box-text.-move, .in-view > .feature-box-image.-move { -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 img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .headline-box { margin: 2.25em 0; text-align: center; } .headline-box.-align-left { text-align: left; } .headline-box.-align-right { text-align: right; } .headline-box:before { display: block; width: 1.95455em; height: 1.95455em; margin: 0 auto 0.27273em auto; border-radius: 100%; font-size: 2.75em; font-weight: normal; line-height: 2.00023; text-align: center; background: white; background: rgba(255, 255, 255, 0.6); } .headline-box h2 { font-family: 'Patua One', cursive; margin-bottom: 1em; font-weight: 100; } .-color-inverted .headline-box h2 { color: inherit; } @media screen and (max-width: 599px) { .headline-box h2 { font-size: 1.3125em; } } .headline-box h2.-small { font-size: 1.5em; } .headline-box h2.-medium { font-size: 2em; } @media screen and (max-width: 599px) { .headline-box h2.-medium { font-size: 1.5em; } } .headline-box h2.-large { font-size: 2.25em; } @media screen and (max-width: 599px) { .headline-box h2.-large { font-size: 1.75em; } } .headline-box h2.-super-size { font-size: 2.625em; } @media screen and (max-width: 599px) { .headline-box h2.-super-size { font-size: 2em; } } .headline-box h3 { font-size: 1.125em; font-weight: normal; line-height: 1.5; color: #292929; } .-color-inverted.-highlight-color .headline-box h3 { color: #3b304d; } .-color-inverted .headline-box h3 { color: #b2b9c4; } .headline-box h3.-small { font-size: 1.125em; } .headline-box h3.-medium { font-size: 1.5em; } @media screen and (max-width: 599px) { .headline-box h3.-medium { font-size: 1.3125em; } } .headline-box h3.-large { font-size: 1.75em; } @media screen and (max-width: 599px) { .headline-box h3.-large { font-size: 1.5em; } } .headline-box h3.-super-size { font-size: 2.25em; } @media screen and (max-width: 599px) { .headline-box h3.-super-size { font-size: 1.625em; } } .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: inline; } @media screen and (max-width: 599px) { .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: block; } } .euf_overlay__content { max-width: 700px; width: 100%; padding: 2em; margin: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.75); top: 50%; left: 50%; } @media screen and (max-width: 599px) { .euf_overlay { z-index: 100; } .euf_overlay__content { max-width: 360px; width: 360px; padding: 1em; margin: 20px; font-size: 0.9em; top: 50%; left: 45%; } .euf_overlay__close { position: absolute; top: 0; right: -164px; padding: 0.5rem 0.75rem; } } div.insta { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .insta h2, .insta h3, .insta p, .insta a.headline-box-link.-quaternary { color: white; } /* =========================================== * Forms * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .form-row { position: relative; clear: both; } form .form-row b.error, form p.error { display: block; margin: 0; color: #df3763; } input, textarea { padding: 0.85714em 1.35714em; line-height: normal; border: 1px solid gainsboro; border-bottom-color: #cfcfcf; font-size: 0.93333em; color: inherit; background: white; } .valid input, .valid textarea { border-color: #b5da44; } .invalid input, input.error, .invalid textarea, textarea.error { border-color: #df3763; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #ab9898; } input:-moz-placeholder, textarea:-moz-placeholder { color: #ab9898; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ab9898; } input::placeholder, textarea::placeholder { color: #ab9898; } input:hover, textarea:hover { border-color: #cfcfcf #cfcfcf #c5c5c5; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } input:focus, textarea:focus { border-color: #cc2027; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] { outline: none; } input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; } input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid gainsboro \9; background: none; box-shadow: none; } button, input[type="submit"] { margin-top: 1.2em; } textarea { height: 223px; resize: vertical; line-height: 1.5; outline: none; } fieldset { margin: 1.2em 0; border: 1px solid gainsboro; } fieldset legend { padding: 0 0.33333em; } fieldset + br { /* Kill
that Contao injects */ display: none; } .main-content form .form-row { margin-top: 1.2em; margin-bottom: 1.2em; } .formbody .widget-text, .formbody .widget-textarea { margin-top: 1em; } .main-content label { display: block; margin-bottom: 0.35714em; font-size: 0.93333em; color: inherit; } .-color-inverted .main-content label { color: gainsboro; } .main-content label .mandatory { margin-left: 0.14286em; color: #cc2027; } .main-content input[type="checkbox"] + label { display: inline; } .main-content fieldset p { margin: 0; } .main-content fieldset label { display: inline; margin: 0; } .main-content fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 75%; } @media screen and (max-width: 599px) { .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 100%; } } .main-content button, .main-content input[type="submit"] { width: auto; } @media screen and (max-width: 599px) { .main-content button, .main-content input[type="submit"] { width: 100%; } } .fullwidth-form input, .fullwidth-form textarea, .fullwidth-form select, .fullwidth-form fieldset { width: 100%; } .explanation p, .captcha_text p { margin: 0; } .explanation { font-size: 0.93333em; margin: -0.85714em 0 1.71429em; color: #ab9898; } .-color-inverted .explanation { color: gainsboro; } .captcha_text { display: block; } label .captcha_text { display: inline; } /* =========================================== * Content elements * ======================================== */ .media>figure, .content-image>figure, .content-gallery figure, .image_container { position: relative; display: inline-block; } .media>figure.float_above, .content-image>figure.float_above, .content-gallery figure.float_above, .image_container.float_above { margin-top: 1.5em; } .media>figure.float_below, .content-image>figure.float_below, .content-gallery figure.float_below, .image_container.float_below { margin-bottom: 1.5em; } .media>figure img, .content-image>figure img, .content-gallery figure img, .image_container img { display: block; width: 100%; height: auto; } .media>figure a, .content-image>figure a, .content-gallery figure a, .image_container a { position: relative; display: block; overflow: hidden; /* Fixes IE bug */ text-decoration: none; } .media>figure a:hover:before, .media>figure a:focus:before, .content-image>figure a:hover:before, .content-image>figure a:focus:before, .content-gallery figure a:hover:before, .content-gallery figure a:focus:before, .image_container a:hover:before, .image_container a:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); } .media>figure a:hover:after, .media>figure a:focus:after, .content-image>figure a:hover:after, .content-image>figure a:focus:after, .content-gallery figure a:hover:after, .content-gallery figure a:focus:after, .image_container a:hover:after, .image_container a:focus:after { font: 1.5em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .media>figure a:hover img, .media>figure a:focus img, .content-image>figure a:hover img, .content-image>figure a:focus img, .content-gallery figure a:hover img, .content-gallery figure a:focus img, .image_container a:hover img, .image_container a:focus img { filter: blur(2px); transform: scale(1.05); } .media>figure figcaption, .media>figure .caption, .content-image>figure figcaption, .content-image>figure .caption, .content-gallery figure figcaption, .content-gallery figure .caption, .image_container figcaption, .image_container .caption { /* overwrite elements style attribute */ width: 100% !important; padding: 0.42857em 0 0; font-size: 0.875em; color: #717c8e; } .no-border.content-gallery figure, .no-border.media>figure, .no-border .media>figure, .no-border.content-image>figure, .no-border .content-image>figure, .no-border.image_container, .no-border .image_container { padding: 0; border: 0; box-shadow: none; background: none; } .media--below { display: flex; flex-direction: column; align-items: start; } .media--below>figure { order: 1; } #header-slider .image_container a:hover:before, #header-slider .image_container a:focus:before { background: rgba(255, 255, 255, 0); width: 0%; height: 0%; } #header-slider .image_container a:hover:after, #header-slider .image_container a:focus:after { content: ""; } #header-slider .image_container a:hover img, #header-slider .image_container a:focus img { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .media--right>figure, .media--left>figure, .image_container.float_right, .image_container.float_left { float: right; width: 37.5% !important; margin: 1.5em 0 1.125em 6.25%; } @media screen and (max-width: 599px) { .media--right>figure, .media--left>figure, .image_container.float_right, .image_container.float_left { margin-left: 0; float: none !important; width: auto !important; width: auto !important; } } .asr-fullwidth .media--right>figure, .asr-fullwidth .media--left>figure, .asr-fullwidth .image_container.float_right, .asr-fullwidth .image_container.float_left { margin: 0.5em 0 1em 4%; width: 24% !important; } @media screen and (max-width: 1024px) { .asr-fullwidth .media--right>figure, .asr-fullwidth .media--left>figure, .asr-fullwidth .image_container.float_right, .asr-fullwidth .image_container.float_left { margin-left: 6.25%; width: 37.5% !important; } } @media screen and (max-width: 599px) { .asr-fullwidth .media--right>figure, .asr-fullwidth .media--left>figure, .asr-fullwidth .image_container.float_right, .asr-fullwidth .image_container.float_left { margin-left: 0; width: auto !important; } } .no-resize .media--right>figure, .asr-fullwidth .no-resize .media--right>figure, .media--right>figure.no-resize, .asr-fullwidth .media--right>figure.no-resize, .no-resize .media--left>figure, .asr-fullwidth .no-resize .media--left>figure, .media--left>figure.no-resize, .asr-fullwidth .media--left>figure.no-resize, .no-resize .image_container.float_right, .asr-fullwidth .no-resize .image_container.float_right, .image_container.float_right.no-resize, .asr-fullwidth .image_container.float_right.no-resize, .no-resize .image_container.float_left, .asr-fullwidth .no-resize .image_container.float_left, .image_container.float_left.no-resize, .asr-fullwidth .image_container.float_left.no-resize { width: auto !important; } .media--left>figure, .image_container.float_left { float: left; margin: 0.5em 6.25% 1em 0; } @media screen and (max-width: 599px) { .media--left>figure, .image_container.float_left { margin-right: 0; } } .asr-fullwidth .media--left>figure, .asr-fullwidth .image_container.float_left { margin: 0.5em 3.84615% 1em 0; } @media screen and (max-width: 1024px) { .asr-fullwidth .media--left>figure, .asr-fullwidth .image_container.float_left { margin-right: 6.25%; } } @media screen and (max-width: 599px) { .asr-fullwidth .media--left>figure, .asr-fullwidth .image_container.float_left { margin-right: 0; } } .no-resize .media:not(.media--left):not(.media--right)>figure img, .media:not(.media--left):not(.media--right)>figure.no-resize img, .no-resize .image_container:not(.float_right):not(.float_left) img, .image_container:not(.float_right):not(.float_left).no-resize img { width: auto; max-width: 100%; } #header-slider .image_container a.videobutton { width: 110px; height: 110px; position: relative; display: block; margin-top: 0; margin-right: auto; margin-left: auto; background-image: url('../../files/theme/img/play_video_220_2.png'); background-position: center center; background-repeat: no-repeat; background-size: 110px 110px; cursor: pointer; opacity: 0.8; z-index: 3; } #header-slider .image_container a.videobutton::after { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background-image: none; background-position: center center; background-repeat: no-repeat; content: ""; background-size: 110px 110px; opacity: 0; } #header-slider .image_container a.videobutton:hover::after, #header-slider .image_container a.videobutton:hover { opacity: 1; } .ce_youtube-wrapper { position: relative; margin: 1.5em 0; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-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.25em 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; } .content-player video, .content-player audio, .video_container video, .audio_container audio { display: block; width: 100%; } .content-player video, .video_container video { height: auto; } .content-player>figure, .content-youtube>figure, .content-vimeo>figure, .video_container { margin: 1.25em 0; } .content-player iframe, .content-youtube iframe, .content-vimeo iframe, .video_container iframe { border: 0; } .content-player .aspect, .content-player .responsive, .content-youtube .aspect, .content-youtube .responsive, .content-vimeo .aspect, .content-vimeo .responsive, .video_container .aspect, .video_container .responsive { position: relative; padding-bottom: 56.25%; } .content-player .aspect.aspect--16\:9, .content-player .aspect.ratio-169, .content-player .responsive.aspect--16\:9, .content-player .responsive.ratio-169, .content-youtube .aspect.aspect--16\:9, .content-youtube .aspect.ratio-169, .content-youtube .responsive.aspect--16\:9, .content-youtube .responsive.ratio-169, .content-vimeo .aspect.aspect--16\:9, .content-vimeo .aspect.ratio-169, .content-vimeo .responsive.aspect--16\:9, .content-vimeo .responsive.ratio-169, .video_container .aspect.aspect--16\:9, .video_container .aspect.ratio-169, .video_container .responsive.aspect--16\:9, .video_container .responsive.ratio-169 { padding-bottom: 56.25%; } .content-player .aspect.aspect--16\:10, .content-player .aspect.ratio-1610, .content-player .responsive.aspect--16\:10, .content-player .responsive.ratio-1610, .content-youtube .aspect.aspect--16\:10, .content-youtube .aspect.ratio-1610, .content-youtube .responsive.aspect--16\:10, .content-youtube .responsive.ratio-1610, .content-vimeo .aspect.aspect--16\:10, .content-vimeo .aspect.ratio-1610, .content-vimeo .responsive.aspect--16\:10, .content-vimeo .responsive.ratio-1610, .video_container .aspect.aspect--16\:10, .video_container .aspect.ratio-1610, .video_container .responsive.aspect--16\:10, .video_container .responsive.ratio-1610 { padding-bottom: 62.5%; } .content-player .aspect.aspect--21\:9, .content-player .aspect.ratio-219, .content-player .responsive.aspect--21\:9, .content-player .responsive.ratio-219, .content-youtube .aspect.aspect--21\:9, .content-youtube .aspect.ratio-219, .content-youtube .responsive.aspect--21\:9, .content-youtube .responsive.ratio-219, .content-vimeo .aspect.aspect--21\:9, .content-vimeo .aspect.ratio-219, .content-vimeo .responsive.aspect--21\:9, .content-vimeo .responsive.ratio-219, .video_container .aspect.aspect--21\:9, .video_container .aspect.ratio-219, .video_container .responsive.aspect--21\:9, .video_container .responsive.ratio-219 { padding-bottom: 42.85714%; } .content-player .aspect.aspect--4\:3, .content-player .aspect.ratio-43, .content-player .responsive.aspect--4\:3, .content-player .responsive.ratio-43, .content-youtube .aspect.aspect--4\:3, .content-youtube .aspect.ratio-43, .content-youtube .responsive.aspect--4\:3, .content-youtube .responsive.ratio-43, .content-vimeo .aspect.aspect--4\:3, .content-vimeo .aspect.ratio-43, .content-vimeo .responsive.aspect--4\:3, .content-vimeo .responsive.ratio-43, .video_container .aspect.aspect--4\:3, .video_container .aspect.ratio-43, .video_container .responsive.aspect--4\:3, .video_container .responsive.ratio-43 { padding-bottom: 75%; } .content-player .aspect.aspect--3\:2, .content-player .aspect.ratio-32, .content-player .responsive.aspect--3\:2, .content-player .responsive.ratio-32, .content-youtube .aspect.aspect--3\:2, .content-youtube .aspect.ratio-32, .content-youtube .responsive.aspect--3\:2, .content-youtube .responsive.ratio-32, .content-vimeo .aspect.aspect--3\:2, .content-vimeo .aspect.ratio-32, .content-vimeo .responsive.aspect--3\:2, .content-vimeo .responsive.ratio-32, .video_container .aspect.aspect--3\:2, .video_container .aspect.ratio-32, .video_container .responsive.aspect--3\:2, .video_container .responsive.ratio-32 { padding-bottom: 66.66667%; } .content-player .aspect iframe, .content-player .aspect [data-splash-screen], .content-player .aspect img, .content-player .responsive iframe, .content-player .responsive [data-splash-screen], .content-player .responsive img, .content-youtube .aspect iframe, .content-youtube .aspect [data-splash-screen], .content-youtube .aspect img, .content-youtube .responsive iframe, .content-youtube .responsive [data-splash-screen], .content-youtube .responsive img, .content-vimeo .aspect iframe, .content-vimeo .aspect [data-splash-screen], .content-vimeo .aspect img, .content-vimeo .responsive iframe, .content-vimeo .responsive [data-splash-screen], .content-vimeo .responsive img, .video_container .aspect iframe, .video_container .aspect [data-splash-screen], .video_container .aspect img, .video_container .responsive iframe, .video_container .responsive [data-splash-screen], .video_container .responsive img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .content-player .aspect [data-splash-screen], .content-player .responsive [data-splash-screen], .content-youtube .aspect [data-splash-screen], .content-youtube .responsive [data-splash-screen], .content-vimeo .aspect [data-splash-screen], .content-vimeo .responsive [data-splash-screen], .video_container .aspect [data-splash-screen], .video_container .responsive [data-splash-screen] { margin: 0; color: inherit; } .content-player .aspect [data-splash-screen] p, .content-player .responsive [data-splash-screen] p, .content-youtube .aspect [data-splash-screen] p, .content-youtube .responsive [data-splash-screen] p, .content-vimeo .aspect [data-splash-screen] p, .content-vimeo .responsive [data-splash-screen] p, .video_container .aspect [data-splash-screen] p, .video_container .responsive [data-splash-screen] p { position: relative; } .content-gallery.content-gallery--cols-1>ul>li, .content-gallery>ul.cols_1>li, .ce_gallery.content-gallery--cols-1>ul>li, .ce_gallery>ul.cols_1>li { width: 100%; } .content-gallery.content-gallery--cols-2>ul>li, .content-gallery>ul.cols_2>li, .ce_gallery.content-gallery--cols-2>ul>li, .ce_gallery>ul.cols_2>li { width: 49.25%; } .content-gallery.content-gallery--cols-3>ul>li, .content-gallery>ul.cols_3>li, .ce_gallery.content-gallery--cols-3>ul>li, .ce_gallery>ul.cols_3>li { width: 32.33333%; } .content-gallery.content-gallery--cols-4>ul>li, .content-gallery>ul.cols_4>li, .ce_gallery.content-gallery--cols-4>ul>li, .ce_gallery>ul.cols_4>li { width: 23.875%; } .content-gallery.content-gallery--cols-5>ul>li, .content-gallery>ul.cols_5>li, .ce_gallery.content-gallery--cols-5>ul>li, .ce_gallery>ul.cols_5>li { width: 18.8%; } .content-gallery.content-gallery--cols-6>ul>li, .content-gallery>ul.cols_6>li, .ce_gallery.content-gallery--cols-6>ul>li, .ce_gallery>ul.cols_6>li { width: 15.41667%; } .content-gallery.content-gallery--cols-7>ul>li, .content-gallery>ul.cols_7>li, .ce_gallery.content-gallery--cols-7>ul>li, .ce_gallery>ul.cols_7>li { width: 13.57143%; } .content-gallery.content-gallery--cols-8>ul>li, .content-gallery>ul.cols_8>li, .ce_gallery.content-gallery--cols-8>ul>li, .ce_gallery>ul.cols_8>li { width: 11.1825%; } .content-gallery.content-gallery--cols-9>ul>li, .content-gallery>ul.cols_9>li, .ce_gallery.content-gallery--cols-9>ul>li, .ce_gallery>ul.cols_9>li { width: 9.77778%; } .content-gallery.content-gallery--cols-10>ul>li, .content-gallery>ul.cols_10>li, .ce_gallery.content-gallery--cols-10>ul>li, .ce_gallery>ul.cols_10>li { width: 8.65%; } .content-gallery.content-gallery--cols-11>ul>li, .content-gallery>ul.cols_11>li, .ce_gallery.content-gallery--cols-11>ul>li, .ce_gallery>ul.cols_11>li { width: 7.72727%; } .content-gallery.content-gallery--cols-12>ul>li, .content-gallery>ul.cols_12>li, .ce_gallery.content-gallery--cols-12>ul>li, .ce_gallery>ul.cols_12>li { width: 6.95833%; } @media screen and (max-width: 599px) { .content-gallery.content-gallery>ul>li, .content-gallery.ce_gallery>ul>li, .ce_gallery.content-gallery>ul>li, .ce_gallery.ce_gallery>ul>li { /* doubled class for specificity */ width: auto; } } .content-gallery.no-resize>ul>li, .ce_gallery.no-resize>ul>li { width: auto; } .main-content .content-gallery, .main-content .ce_gallery { margin: 1.5em 0; } .content-gallery>ul, .ce_gallery>ul { zoom: 1; display: flex; flex-wrap: wrap; margin: 0 -1.545% !important; padding: 0 0 1.545% 0 !important; list-style: none !important; } .content-gallery>ul:before, .ce_gallery>ul:before { content: ""; display: table; } .content-gallery>ul:after, .ce_gallery>ul:after { content: ""; display: table; clear: both; } .content-gallery>ul>li, .ce_gallery>ul>li { float: left; width: 23.125%; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 599px) { .content-gallery>ul>li, .ce_gallery>ul>li { margin-right: 1.5%; margin-bottom: 1.5%; } } .content-gallery>ul>li>figure, .content-gallery>ul>li>.image_container, .ce_gallery>ul>li>figure, .ce_gallery>ul>li>.image_container { display: block; width: 100%; } .content-gallery img, .ce_gallery img { display: block; width: 100%; height: auto; } .content-gallery>ul>li:first-child, .startseite .content-gallery>ul>li:nth-last-of-type(4), .haenel-imp .content-gallery>ul>li:nth-child(4n + 1), .reparaturen .content-gallery>ul>li:nth-child(5n + 1) { clear: left; margin-left: 0; } @media screen and (max-width: 599px) { #heads .ce_gallery>ul.cols_3>li, #heads .ce_gallery.content-gallery--cols-3>ul>li.col_1 .image_container { display: none; } } #studiofotos .ce_gallery img { border-radius: 50%; } .enclosure, .ce_downloads { margin: 1.6875em 0; padding: 1.25em 1.875em; border: 1px solid #dfdfdf; border-radius: 3px; } .enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6 { margin: -1.75em -2.58333em 1.66667em; padding: 0.66667em 1.66667em; border-radius: 3px 3px 0 0; font-size: 0.75em; font-weight: bold; letter-spacing: 0.08333em; color: white; text-transform: uppercase; background: #777; } .enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before, .ce_downloads h1:before, .ce_downloads h2:before, .ce_downloads h3:before, .ce_downloads h4:before, .ce_downloads h5:before, .ce_downloads h6:before, .enclosure ul, .enclosure p, .ce_downloads ul, .ce_downloads p { margin: 0; padding: 0; list-style: none; } .clear,form h1,form h2,form h3,form h4,form h5,form h6 { clear:both; } .headline-hr.-centered,.teaser-boxes-item.-align-center,.-align-center.team-boxes-item,.feature-box.-image-centered,.pagination>p, .ce_image.center { text-align:center; } .headline-hr.-centered:before,.headline-hr.-align-right:before { content:""; } .headline-hr.-align-right,.icon-boxes-item.-align-right,.teaser-boxes-item.-align-right,.-align-right.team-boxes-item,.headline-box.-align-right { text-align:right; } .page:before,.header-bar:before,.header-navigation:before,.tagline:before,.content-wrapper:before,.centered-wrapper:before,.content-gallery>ul:before,.icon-boxes:before,.rotating-boxes:before,.teaser-boxes:before,.team-boxes:before,.pricing-table:before,.feature-box:before,.counter-boxes:before,.projects:before,.info-map-boxes:before,.news-list-boxed:before,.news-boxes:before { content:""; display:table; } .page:after,.header-bar:after,.header-navigation:after,.tagline:after,.content-wrapper:after,.centered-wrapper:after,.content-gallery>ul:after,.icon-boxes:after,.rotating-boxes:after,.teaser-boxes:after,.team-boxes:after,.pricing-table:after,.feature-box:after,.counter-boxes:after,.projects:after,.info-map-boxes:after,.news-list-boxed:after,.news-boxes:after { content:""; display:table; clear:both; } .ce_text.thin h2 {font-weight: 100} .ce_text.liste li {margin: 20px} .main-content .ce_text.liste ul li[class^="icon-"]::before { left: -2.25em;} .mod_rocksolid_slider .image_container {width: 100%; display: block} #cboxOverlay { background-color: rgb(197, 200, 202); } #cboxTitle, #cboxCurrent { display: none ! important; } #cboxLoadedContent { border: 0px none; } #colorbox { box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); } #cboxContent { margin-top: 0px; background-color: rgb(255, 255, 255); } #cboxPrevious, #cboxNext { width: 50%; height: 100%; left: 0px; top: 0px; margin-top: 0px; background-image: none; } #cboxNext { left: auto; right: 0px; } #cboxPrevious::after, #cboxNext::after { top: 50%; position: absolute; display: block; font: 60px/60px FontAwesome; color: rgb(255, 255, 255); text-indent: 0px; content: ""; left: 20px; opacity: 0; } #cboxNext::after { left: auto; right: 20px; content: ""; } #cboxPrevious:hover::after, #cboxNext:hover::after { opacity: 1; } #cboxClose, #cboxClose:hover { width: 70px; height: 70px; right: 0px; top: 0px; position: fixed; background-image: url(../../files/theme/img/cbox_close_white.png); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; } /* --Google-Map ------------------------------------------------- */ .google-map { position: relative; padding-bottom: 56.25%; } .google-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .info-map { position: relative; clear: both; } .info-map-gmap { height: 29.375em; } @media screen and (max-width: 599px) { .info-map-gmap { height: 20em; /* Add area for touch scrolling */ margin-right: 5.55556%; margin-left: 5.55556%; } } .info-map-gmap:hover ~ .info-map-boxes { opacity: 0.2; } .info-map-gmap.-no-hover:hover ~ .info-map-boxes { opacity: 1; } /* =========================================== * Modules (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .back a:before, .previous a:before, .next a:after { font: 0.75em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.16667em; margin-right: 0.5em; vertical-align: middle; } .next a:after { content: "\e019"; margin-right: 0; margin-left: 0.5em; } .pagination > p { text-align: center; } .pagination ul { list-style-type: none !important; text-align: center; } .pagination li { display: inline-block; } .pagination li a, .pagination li span { padding: 4px 12px; background-color: white; } .pagination li .current { border-bottom: 1px solid #e8edde; 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)); } /* =========================================== * Footer * ======================================== */ #footer { background:#dddcca; background-size:100% 20px; font-weight: 400; } #footer .content-wrapper { padding: 20px 10px; } #footer .left { display: table; float: left; width: 40%; } #footer .right { float: right; text-align: right; } @media screen and (max-width: 599px) { #footer {font-size: 0.8em} #footer .left { width: 100%; } #footer .right { float: left; margin-top: 1em; } } #footer p { line-height:1.9em; } #footer .copyright { color:#333; text-transform: uppercase; } #footer .mod_customnav a { color:#333; } #footer .mod_navigation span.active { color:#333; } #footer .mod_navigation a:hover { text-decoration:underline; } #footer .mod_customnav li,#footer .mod_navigation li { float:left; margin-right:2em; text-transform:uppercase; } #footer .ce_text a { text-decoration:none; color:#333; } #footer menu, ol, ul { margin: 0 } #footer .mod_customnav li span, #footer .mod_navigation li span{ color: #333; } /* =========================================== * Slider * ======================================== */ .main-slider { height: 90vh; position: relative; } .main-slider .rsts-slides { text-align: center; } .main-slider .rsts-slides .image_container { background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0; border: medium none; border-radius: inherit; box-shadow: none; display: inline-block; padding: 0; position: relative; } .main-slider .rsts-slides .caption::before, .main-slider .rsts-slides .caption > * { display: inline-block; vertical-align: middle; } .main-slider .rsts-slides .caption { bottom: 0; color: #fff; font-size: 1.5vw; font-weight: 300; margin-top: 0; left: 0; line-height: 1.333; margin: auto; max-width: 1200px; padding: 0; position: absolute; right: 0; text-transform: uppercase; top:17em; } .rsts-skin-sc.rsts-main { position: relative; } @media screen and (max-width: 1280px) { .main-slider img { max-width: 100%; } } @media screen and (max-width: 768px) { .main-slider img { max-width: 100%; } } @media screen and (max-width: 599px) { .main-slider { height: auto; } .main-slider img { max-width: 100%; } .main-slider .rsts-slides .caption { top: 10em; color: #fff; font-size: 1em; } .rsts-skin-sc .rsts-caption { top: 5em; color: #fff; font-size: 1.5em; } } .rsts-skin-sc.rsts-main { position: relative; } .rsts-skin-sc .rsts-caption { color: #f2f2f2; font-size: 4vw; line-height: 1.333; margin: auto; max-width: 1200px; position: absolute; top: 1em; left: auto; padding: 0; right: 1em; text-transform: uppercase; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-sc .rsts-prev, .rsts-skin-sc .rsts-next, .rsts-skin-sc .rsts-video-play, .rsts-skin-sc .rsts-video-stop { position: absolute; top: 50%; left: 1em; margin-top: -1.375em; border-radius: 3px; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #777; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-sc .rsts-prev:hover, .rsts-skin-sc .rsts-prev:focus, .rsts-skin-sc .rsts-next:hover, .rsts-skin-sc .rsts-next:focus, .rsts-skin-sc .rsts-video-play:hover, .rsts-skin-sc .rsts-video-play:focus, .rsts-skin-sc .rsts-video-stop:hover, .rsts-skin-sc .rsts-video-stop:focus { text-decoration: none; } .sidebar .rsts-skin-sc .rsts-prev, .sidebar .rsts-skin-sc .rsts-next, .sidebar .rsts-skin-sc .rsts-video-play, .sidebar .rsts-skin-sc .rsts-video-stop { bottom: 0.375em; } .rsts-skin-sc .rsts-prev:after, .rsts-skin-sc .rsts-next:after, .rsts-skin-sc .rsts-video-play:after, .rsts-skin-sc .rsts-video-stop:after { font: 0.975em/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: 1.07143em; color: #fff254; } .rsts-skin-sc:hover .rsts-prev, .rsts-skin-sc:hover .rsts-next, .rsts-skin-sc:hover .rsts-nav, .rsts-skin-sc:hover .rsts-caption { opacity: 0.8; } .rsts-skin-sc:hover .rsts-prev:hover, .rsts-skin-sc:hover .rsts-next:hover, .rsts-skin-sc:hover .rsts-nav:hover, .rsts-skin-sc:hover .rsts-caption:hover { opacity: 1; } .rsts-skin-sc .rsts-next { left: auto; right: 1em; } .rsts-skin-sc .rsts-next:after { content: "\e019"; } .rsts-skin-sc .rsts-nav { position: absolute; left: 0; bottom: 12%; width: 100%; opacity: 0; } @media screen and (max-width: 599px) { .rsts-skin-sc .rsts-nav { bottom: 30px; } } .rsts-skin-sc .rsts-nav ul { /* Setting height to zero to fix click area */ height: 0; margin: 0; padding: 0; text-align: center; } .rsts-skin-sc .rsts-nav li { display: inline; } .rsts-skin-sc .rsts-nav a { display: inline-block; outline: none; margin: 3px; padding: 5px; } .rsts-nav-bullets {opacity: 1} .rsts-skin-sc .rsts-nav-bullets a { overflow: hidden; width: 18px; height: 18px; padding: 6px; line-height: 0; text-indent: -99em; } .rsts-skin-sc .rsts-nav-bullets a:after { content: ""; display: block; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 100%; background-color: transparent; } .rsts-skin-sc .rsts-nav-bullets a:hover:after, .rsts-skin-sc .rsts-nav-bullets a.active:after { background-color: #fff; } .rsts-skin-sc .rsts-nav-numbers a, .rsts-skin-sc .rsts-nav-tabs a { margin: 5px; border: 2px solid #227f26; border-radius: 3px; font-size: 0.8125em; line-height: 0.61538em; color: #666666; background-color: white; } .rsts-skin-sc .rsts-nav-numbers a:hover, .rsts-skin-sc .rsts-nav-numbers a.active, .rsts-skin-sc .rsts-nav-tabs a:hover, .rsts-skin-sc .rsts-nav-tabs a.active { color: white; background-color: #227f26; text-decoration: none; } .rsts-skin-sc .rsts-nav-prev, .rsts-skin-sc .rsts-nav-next { display: none !important; } .rsts-skin-sc .rsts-video-play, .rsts-skin-sc .rsts-video-stop { opacity: 1; } .rsts-skin-sc .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 5.25em; height: 5.25em; margin: -2.625em 0 0 -2.625em; border: 3px solid #227f26; border-radius: 100%; background-color: rgba(139, 168, 86, 0.6); -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .rsts-skin-sc .rsts-video-play:after { content: "\25b6"; padding: 0; margin-left: 0.21429em; font-size: 1.75em; line-height: 2.78571em; text-align: center; } .rsts-skin-sc .rsts-video-play:hover { background-color: #227f26; } .rsts-skin-sc .rsts-video-stop { top: 20px; right: 20px; left: auto; margin-top: 0; border-radius: 3px; } .rsts-skin-sc .rsts-video-stop:after { content: "\d7"; color: white; padding: 0.78571em; } .rsts-skin-sc .rsts-video-youtube > .rsts-video-stop { top: 30px; right: 10px; background-color: #1b1b1b; } .rsts-skin-sc .rsts-video-youtube > .rsts-video-stop:hover { background-color: #cc181e; } .rsts-skin-sc .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; background-color: #111a19; } .rsts-skin-sc .rsts-video-vimeo > .rsts-video-stop:hover { background-color: #00adef; } .rsts-skin-sc .rsts-video-ipad > .rsts-video-iframe { padding-top: 38px; background-color: black; } .rsts-skin-sc .rsts-video-ipad > .rsts-video-stop { top: 1px; right: 10px; left: auto; } .rsts-skin-sc.rsts-video-playing .rsts-nav, .rsts-skin-sc.rsts-video-playing .rsts-prev, .rsts-skin-sc.rsts-video-playing .rsts-next { display: none; } .rsts-skin-sc.rsts-touch .rsts-nav { opacity: 1; } .rsts-skin-sc .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rsts-skin-sc .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-sc .rsts-progress.rsts-progress-active { opacity: 0.3; } .rsts-skin-testimonials-centered.rsts-main, .rsts-skin-partner.rsts-main, .rsts-skin-mega-dropdown.rsts-main { position: relative; margin: 2.25em 0; } .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view, .rsts-skin-mega-dropdown .rsts-view { padding: 0 3.75em; } .toTop a::before { Font: 1em/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 0.4em; text-align: center; } .toTop a { background-color: rgba(0, 0, 0, 0.4); border-radius: 2px; bottom: 60px; color: #ffed00; display: block; font-size: 14px; height: 40px; line-height: 56px; outline: none; position: fixed; right: 15px; text-align: center; text-decoration: none; width: 40px; } .toTop a:hover { background-color: #000; } @media screen and (max-width: 768px) { .toTop a { bottom: 150px; } } @media screen and (max-width: 375px) { .toTop a { bottom: 40px; } } #slider-box .ce_text p { margin-bottom: 0px; } #slider-box > .inside, #slider-box .ce_caroufredsel, #slider-box .caroufredsel_skin, #slider-box .caroufredsel_wrapper, #slider-box .caroufredsel, #slider-box .ce_text { height: 480px; } #slider-box .ce_text { width: 100%; display: table; background-position: left top; background-size: cover; background-attachment: fixed; } #slider-box .ce_text > .inside { width: 100%; height: 100%; display: table-cell; padding-right: 130px; padding-left: 130px; vertical-align: middle; text-align: center; background-color: rgba(1, 117, 183, 0.4); color: rgb(255, 255, 255); } #slider-box .ce_text strong { font-weight: normal; color: rgb(255, 255, 255); text-transform: uppercase; } #slider-box .ce_text p + p { margin-top: 0.5em; line-height: 1.2em; } #arrow-down, #slider-box .caroufredsel_next, #slider-box .caroufredsel_prev, .slick-slider .slick-prev, .slick-slider .slick-next, .content-gallery li::after, #cboxNext::after, #cboxPrevious::after { transition: all 0.3s ease-out 0s; } #arrow-down,#slider-box .caroufredsel_next,#slider-box .caroufredsel_prev,.ce_accordionSingle .toggler,.ce_accordionSingle .toggler:before,.slick-slider .slick-prev,.slick-slider .slick-next,.content-gallery li:after,#cboxNext:after,#cboxPrevious:after { -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } #arrow-down { background-image: url(../../files/theme/img/arrow-down.png); background-position: center center; background-repeat: no-repeat; bottom: 5px; display: inline-block; height: 80px; left: 50%; margin-left: -40px; position: absolute; width: 80px; } #kontakt p { color: #333; font: 1.5em/1.3em; margin-bottom: 3em; } @media screen and (max-width: 1400px){ #kontakt p { font-size:1.2em; } #footer .mod_customnav li,#footer .mod_navigation li { margin-right:1em; } #footer .mod_customnav li.last { margin-right:0; } .dlh_googlemap { height:400px!important; } #slider-box:after { background-size:auto auto; } } @media screen and (max-width: 1100px){ .dlh_googlemap { height:300px!important; } } @media screen and (max-width: 800px) { #slider-box .ce_text p:first-child { font-size: 1em; } .main-content h1, h1.ce_headline { font-size: 1.4em; } .ce_text.icon-box { width: 46%; } } @media screen and (max-width: 600px) { #slider-box .ce_text > .inside { padding-right: 20px; padding-left: 20px; } .mod_article[id*="titel"] h1 { font-size: 1.2em; } #banner h1 { font-size: 1.0em; } h5, .main-content h5 { font-size: 1.2em; } #slider-box .caroufredsel_next, #slider-box .caroufredsel_prev { display: none ! important; } #referenzen .ce_image, #blog .layout_latest, [id*="blog-"] .layout_latest, #referenzen .ce_image.last, #blog .layout_latest.last, [id*="blog-"] .layout_latest.last { width: 100%; display: block; margin-right: 0px; margin-left: 0px; } #referenzen .referenzen-wrapper, #blog .mod_newslist { margin-right: 0px; margin-left: 0px; } #kundenstimmen .ce_sliderStart .slider-menu { display: none; } .mod_article > .inside { padding: 9% 7%; } .ce_accordionSingle .toggler::before { left: 1em; top: 1.2em; font-size: 1.2em; } a.button { margin: 0.5em 0.5em; } }