.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)} /* ====================================================================================== Styleseet für Pionierbataillon 905. Individuelle Änderungen vornehmen! Datei: custom.css Datum: 25.04.2026 Autor: Marco Dittmer, Agentur Zentral GmbH Aufbau: 1. Allgemeine Styles 1.1. Typografie 1.1.1. Webfonts 1.1.2. Textstrukturierung und Überschriften 1.1.3. Icon-Größen 1.2. Farben 1.2.1. Text 1.2.2. Hintergrund 1.2.3. Rahmen 1.2.4. Umrisse 1.2.5. Schatten 1.3. Ausrichtung 1.4. Buttons 1.5. Formularfelder 1.6. Radien 1.7. Rahmen 1.8. Umrisse 1.9. Transparenz 1.10. Overlays 1.11. Zoom 1.12. Übergang 2. Layout 2.1. Kopfzeile 2.2. Teaserzeile 2.3. Hauptzeile 2.3.1. Linke Spalte 2.3.2. Hauptspalte 2.3.3. Rechte Spalte 2.4. Unterzeile 2.5. Fußzeile 3. Core-Elemente 3.1. Text-Elemente 3.1.1. Überschrift 3.1.2. Text 3.1.3. Aufzählung 3.1.4. Tabelle 3.1.5. Code 3.1.6. Markdown 3.2. Akkordeon 3.3. Content-Slider 3.4. Link-Elemente 3.4.1. Hyperlink 3.4.2. Top-Link 3.5. Media-Elemente 3.5.1. Bild 3.5.2. Galerie 3.5.3. Video/Audio 3.5.4. YouTube 3.5.5. Vimeo 3.5.6. Colorbox 3.6. Datei-Elemente 3.6.1. Download 3.6.2. Downloads 3.7. Include-Elemente 3.7.1. Formulare 3.7.2. Kommentare 3.8. Elementgenerator 3.8.1. Teaserbild 3.8.2. Teaserbox 3.8.3. Text/Bild-Kachel 3.8.4. Hinweisbox 3.8.5. Teambox 3.8.6. Zitatbox 3.8.7. Preistabelle 3.8.8. Iconbox 3.8.9. Zeitstrahl 3.8.10. Landkarte 3.8.11. iframe-Element 3.8.12. Anker-Element 3.8.13. Umschaltumschlag 3.8.14. Tabs 3.8.15. Animierte Zahlen 3.8.16. Filterumschlag 4. Frontend-Module 4.1. Navigation 4.1.1. Umschaltnavigation 4.1.2. Kopfnavigation 4.1.3. Hauptnavigation 4.1.4. Lokale Navigation 4.1.5. Nachrichtenarchiv-Navigation 4.1.6. Fußnavigation 4.1.7. Navigationspfad 4.1.8. Seitennummerierung 4.1.9. HTML-Sitemap 4.1.10. Sprachenwechsler 4.2. Benutzer 4.3. Anwendungen 4.3.1. Suchmaschine 4.4. Verschiedenes 4.4.1. Cookiebar 4.5. Events 4.6. FAQ 4.7. Nachrichten 4.7.1 Nachrichtenarchiv und -liste 4.7.2 Nachrichtenleser 4.8. Newsletter 5. Wartungsmodus 6. Dark Mode 6.1. Switch-Button 6.2. Farben 6.2.1. Text 6.2.2. Hintergrund 6.2.3. Rahmen 6.2.4. Schatten 7. Eigene Klassen ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.1. Typografie 1.1.1. Webfonts ====================================================================================== */ /* noto-serif-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Noto Serif'; font-style: normal; font-weight: 700; src: url('../../bundles/themeultimatepionierbataillon905/fonts/webfonts/noto-serif-v33-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../../bundles/themeultimatepionierbataillon905/fonts/webfonts/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('../../bundles/themeultimatepionierbataillon905/fonts/webfonts/montserrat-v31-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../../bundles/themeultimatepionierbataillon905/fonts/webfonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* montserrat-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('../../bundles/themeultimatepionierbataillon905/fonts/webfonts/montserrat-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ====================================================================================== 1. Allgemeine Styles 1.1. Typografie 1.1.2. Textstrukturierung und Überschriften ====================================================================================== */ body, button, input:not([type="radio"]):not([type="checkbox"]), textarea, select, #right h3 { font-family: 'Montserrat'; font-weight: 300; } h1, h2, h3, h4, h5, h6, .content-headline.standard { font-family: 'Noto Serif'; line-height: 1.25; } #main { line-height: 1.75; } #main .normal { line-height: 1; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { h1, .content-teaserbild .content-headline.standard { font-size: 24px; font-size: 1.5rem; } h2 { font-size: 20px; font-size: 1.250rem; } h3 { font-size: 18px; font-size: 1.125rem; } h4, h5 { font-size: 16px; font-size: 1rem; } /* Media Query Ende */ } /* ====================================================================================== 1. Allgemeine Styles 1.1. Typografie 1.1.3. Icon-Größen ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.2. Farben ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.2. Farben 1.2.1. Text ====================================================================================== */ button.button-corporate, .button-corporate p.button a, .button-corporate button.submit, .button-corporate p.button a:hover, .content-toplink.button a, #nav-main ul > li > a, #nav-main ul > li > strong, #toggle-nav, #right h3, .content-download::before, .content-downloads::before, .content-image.corporate figure figcaption, .content-gallery figure figcaption, .content-text figure figcaption, .content-text.legende i.piausb, .content-text.legende i.verein, .mod_calendar .calendar .event.piausb div, .mod_calendar .calendar .event.verein div, .mod_calendar .calendar .event span, .mod_newslist .featured, .mod_newslist .layout_latest figure figcaption, .pagination ul li a:hover { color: #fff; } body, input:not([type="radio"]):not([type="checkbox"]), textarea, select, .mod_newslist .layout_latest h2 a, .content-teambox.kontakt .email::before, .content-teambox.kontakt .phone::before, .pagination a, .contao-cookiebar .cc-head p, .contao-cookiebar .cc-info a, #toggle-nav::after { color: #000; } .mod_newslist .layout_latest .content-text:hover p::after { color: #2929cc; } .mod_newslist .layout_latest h3 a { color: #343a40; } /* ====================================================================================== 1. Allgemeine Styles 1.2. Farben 1.2.2. Hintergrund ====================================================================================== */ button.button-corporate:hover, .button-corporate p.button:hover, .button-corporate button.submit:hover, #nav-main, #nav-main ul.level_2, #right h3, .content-download::before, .content-downloads::before, .content-image.corporate figure figcaption, .content-gallery figure figcaption, .content-text figure figcaption, .mod_calendar .calendar .event div, .mod_calendar .calendar .event span, .mod_newslist .layout_latest figure figcaption, .pagination ul li strong { background: #000; } button.button-corporate, .button-corporate p.button, .button-corporate button.submit, .pagination ul li a:hover { background: #2929cc; } .mod_newslist .featured { background: #dc3545; } /* Vorhabenübersicht */ .content-text.legende i.allgmilausb, .mod_calendar .calendar .event.allgmilausb div { background: #66ff33; } .content-text.legende i.piausb, .mod_calendar .calendar .event.piausb div { background: #000; } .content-text.legende i.bbsausb, .mod_calendar .calendar .event.bbsausb div { background: #00b050; } .content-text.legende i.gebausb, .mod_calendar .calendar .event.gebausb div { background: #92d050; } .content-text.legende i.kfwb, .mod_calendar .calendar .event.kfwb div { background: #538dd5; } .content-text.legende i.lasi, .mod_calendar .calendar .event.lasi div { background: #4bdadd; } .content-text.legende i.sanausb, .mod_calendar .calendar .event.sanausb div { background: #ff0000; } .content-text.legende i.sondervorhaben, .mod_calendar .calendar .event.sondervorhaben div { background: #ff3399; } .content-text.legende i.urlaub, .mod_calendar .calendar .event.urlaub div { background: #ffff00; } .content-text.legende i.verein, .mod_calendar .calendar .event.verein div { background: #2929cc; } /* Media Query Anfang */ @media screen and (min-width: 780px) { #nav-main ul.level_1 li:hover > a, #nav-main ul.level_1 li:hover > strong, #nav-main ul.level_1 li.active > a, #nav-main ul.level_1 li.active > strong { background: #2929cc; } /* Media Query Ende */ } ^ /* Media Query Anfang */ @media screen and (max-width: 779px) { #nav-main-bar .content-spaltenumschlag { background: #000; } /* Media Query Ende */ } /* ====================================================================================== 1. Allgemeine Styles 1.2. Farben 1.2.3. Rahmen ====================================================================================== */ input:not([type="radio"]):not([type="checkbox"]):not(.submit), .content-text.legende i, .mod_calendar .calendar .event div, .mod_newslist .layout_latest p.info::before, .mod_newsreader .layout_full p.info::before, .pagination ul li a, .pagination ul li strong { border-color: #000; } .content-text.legende i.kp-2, .mod_calendar .calendar .event.kp-2 div { border-color: #ff0000; } .content-text.legende i.kp-3, .mod_calendar .calendar .event.kp-3 div { border-color: #ffff00; } .content-text.legende i.kp-4, .mod_calendar .calendar .event.kp-4 div { border-color: #0000ff; } .content-text.legende i.schnupperrdl, .mod_calendar .calendar .event.schnupperrdl div { border-color: #ff9870; } /* ====================================================================================== 1. Allgemeine Styles 1.2. Farben 1.2.4. Umrisse ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.2. Farben 1.2.5. Schatten ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.3. Ausrichtung ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.4. Buttons ====================================================================================== */ button, p.button { font-weight: 700; } .contao-cookiebar .cc-footer button { border-style: none; border-width: 0; } /* ====================================================================================== 1. Allgemeine Styles 1.5. Formularfelder ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.6. Radien ====================================================================================== */ .contao-cookiebar .cc-inner, .contao-cookiebar .cc-footer button, .contao-cookiebar .cc-group, .contao-cookiebar .cc-groups .cc-group, .contao-cookiebar .cc-cookies, .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .content-text.legende i, .mod_calendar .calendar .event div, .mod_calendar .calendar .event span { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* ====================================================================================== 1. Allgemeine Styles 1.7. Rahmen ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.8. Umrisse ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.9. Transparenz ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.10. Overlays ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.11. Zoom ====================================================================================== */ /* ====================================================================================== 1. Allgemeine Styles 1.12. Übergang ====================================================================================== */ /* ====================================================================================== 2. Layout ====================================================================================== */ #wrapper { padding-bottom: 60px; padding-top: 124px; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { #wrapper { padding-bottom: 105px; padding-top: 94px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 779px) { #wrapper { padding-bottom: 120px; padding-top: 78px; } /* Media Query Ende */ } /* ====================================================================================== 2. Layout 2.1. Kopfzeile ====================================================================================== */ #header { height: 124px; } #header .logo { margin: -35px 0 -94px 14px; width: 125px; z-index: 99; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { #header { height: 94px; } #header .logo { width: 97px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 779px) { #header { height: 78px; } #header .logo { margin: -31px 0 -39px 0; } /* Media Query Ende */ } /* ====================================================================================== 2. Layout 2.2. Teaserzeile ====================================================================================== */ /* ====================================================================================== 2. Layout 2.3. Hauptzeile ====================================================================================== */ /* ====================================================================================== 2. Layout 2.3. Hauptzeile 2.3.1. Linke Spalte ====================================================================================== */ /* ====================================================================================== 2. Layout 2.3. Hauptzeile 2.3.2. Hauptspalte ====================================================================================== */ /* ====================================================================================== 2. Layout 2.3. Hauptzeile 2.3.3. Rechte Spalte ====================================================================================== */ #right { font-size: 12px; font-size: 0.75rem; } #right h3 { font-size: 14px; font-size: 0.875rem; font-weight: 700; margin-bottom: 14px; padding: 12px 12px 10px; } /* ====================================================================================== 2. Layout 2.4. Unterzeile ====================================================================================== */ /* ====================================================================================== 2. Layout 2.5. Fußzeile ====================================================================================== */ #footer { height: 60px; } #footer .content-toplink { left: 50%; margin-left: -17px; position: absolute; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { #footer { height: 104px; text-align: center; } #footer .content-toplink { bottom: 0; } #footer .copyright { float: none; margin: auto; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 519px) { #footer { height: 120px; } /* Media Query Ende */ } /* ====================================================================================== 3. Core-Elemente 3.1. Text-Elemente 3.1.1. Überschrift ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.1. Text-Elemente 3.1.2. Text ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.1. Text-Elemente 3.1.3. Aufzählung ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.1. Text-Elemente 3.1.4. Tabelle ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.1. Text-Elemente 3.1.5. Code ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.1. Text-Elemente 3.1.6. Markdown ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.2. Akkordeon ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.3. Content-Slider ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.4. Link-Elemente 3.4.1. Hyperlink ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.4. Link-Elemente 3.4.2. Top-Link ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.5. Media-Elemente 3.5.1. Bild ====================================================================================== */ .content-image figcaption, .content-gallery figcaption, .content-text figure figcaption { margin-top: 0; padding: 0; position: unset; } .content-image.corporate { margin: 7px 0; } .content-image.corporate figure figcaption, .content-gallery figure figcaption, .content-text figure figcaption { bottom: 0; display: none; font-size: 12px; font-size: 0.75rem; left: 0; line-height: 1.25; padding: 7px; position: absolute; text-decoration: none; top: 0; width: 65%; } .content-image.corporate figure figcaption span, .content-gallery figure figcaption span, .content-text figure figcaption span { bottom: 3px; display: block; padding-right: 7px; position: absolute; } .content-image.corporate figure:hover figcaption, .content-gallery figure:hover figcaption, .content-text figure:hover figcaption { display: block; } .content-image.corporate figure::after, .content-gallery figure::after, .content-text figure::after { bottom: 0; content: ""; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 0 0 50px 50px; position: absolute; right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* Media Query Anfang */ @media screen and (max-width: 1039px) { .content-image.corporate figure::after, .content-gallery figure::after, .content-text figure::after { border-width: 0 0 30px 30px; } /* Media Query Ende */ } /* ====================================================================================== 3. Core-Elemente 3.5. Media-Elemente 3.5.2. Galerie ====================================================================================== */ /* Media Query Anfang */ @media screen and (max-width: 1039px) { .content-gallery--cols-3 ul { grid-template-columns: repeat(2, 1fr); } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 519px) { .content-gallery--cols-3 ul { grid-template-columns: repeat(1, 1fr); } /* Media Query Ende */ } /* ====================================================================================== 3. Core-Elemente 3.5. Media-Elemente 3.5.3. Video/Audio ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.5. Media-Elemente 3.5.4. YouTube ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.5. Media-Elemente 3.5.5. Vimeo ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.5. Media-Elemente 3.5.6. Colorbox ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.6. Datei-Elemente 3.6.1. Download ====================================================================================== */ .content-download::before, .content-downloads::before { border-style: none; border-width: 0; } .mod_newsreader .content-download, .mod_newsreader .content-downloads { margin-top: 21px; } /* ====================================================================================== 3. Core-Elemente 3.6. Datei-Elemente 3.6.2. Downloads ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.7. Include-Elemente 3.7.1. Formulare ====================================================================================== */ .ce_form .checkbox_container label, .ce_form .radio_container label { margin: -28px 0 0 21px; } .ce_form select { height: 32px; padding: 6px 8px; width: 100%; } /* ====================================================================================== 3. Core-Elemente 3.7. Include-Elemente 3.7.2. Kommentare ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.1. Teaserbild ====================================================================================== */ .content-teaserbild::after { bottom: 0; content: ""; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 0 0 50px 50px; position: absolute; right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .content-teaserbild .height-md { height: 321px; } /* Media Query Anfang */ @media screen and (max-width: 1299px) { .content-teaserbild .left.box-width-50 { padding: 0 25% 0 0; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 1039px) { .content-teaserbild::after { border-width: 0 0 30px 30px; } .content-teaserbild .height-md { height: 300px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 779px) { .content-teaserbild .height-md { height: 275px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 519px) { .content-teaserbild .left.box-width-50 { padding: 0 15% 0 0; } /* Media Query Ende */ } /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.2. Teaserbox ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.3. Text/Bild-Kachel ====================================================================================== */ .content-text-bild-kachel .fullheight { height: calc(100vh - 124px); } /* Media Query Anfang */ @media screen and (max-width: 1039px) { .content-text-bild-kachel .fullheight { height: calc(100vh - 94px); } /* Media Query Ende */ } /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.4. Hinweisbox ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.5. Teambox ====================================================================================== */ .content-teambox { padding: 7px 0; } .content-teambox p.function { margin-top: -14px; } .content-teambox.kontakt .email, .content-teambox.kontakt .phone { display: block; padding-left: 21px; position: relative; } .content-teambox.kontakt .email::before, .content-teambox.kontakt .phone::before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; font-size: 16px; font-size: 1rem; font-weight: 700; left: 0; position: absolute; top: -1px; } .content-teambox.kontakt .phone::before { content: "\f095"; } .content-teambox.kontakt .email:hover::before, .content-teambox.kontakt .phone:hover::before { text-decoration: none; } /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.6. Zitatbox ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.7. Preistabelle ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.8. Iconbox ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.9. Zeitstrahl ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.10. Landkarte ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.11. iframe-Element ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.12. Anker-Element ====================================================================================== */ .content-anker-element, .anker { scroll-margin-top: 140px; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { .content-anker-element, .anker { scroll-margin-top: 80px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 779px) { .content-anker-element, .anker { scroll-margin-top: 87px; } /* Media Query Ende */ } /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.13. Umschaltumschlag ====================================================================================== */ .content-umschaltumschlag { max-height: 185px; } /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.14. Tabs ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.15. Animierte Zahlen ====================================================================================== */ /* ====================================================================================== 3. Core-Elemente 3.8. Elementgenerator 3.8.16. Filterumschlag ====================================================================================== */ /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.1. Umschaltnavigation ====================================================================================== */ #toggle-nav { right: 0; top: -10px; } ul.nav-toggle:not(.level_1 ) { display: block; } /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.2. Kopfnavigation ====================================================================================== */ #nav-top { margin-left: 149px; } #nav-top a:hover, #nav-top strong.active { text-decoration: underline; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { #nav-top { margin-left: 124px; } #nav-top a, #nav-top strong { padding: 7px 5px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 779px) { #nav-top { margin-left: 100px; margin-top: 7px; } #nav-top ul.level_1 > li.nav-vorhabenuebersicht, #nav-top ul.level_1 > li.nav-downloads, #nav-top ul.level_1 > li.nav-bilder-cloud { display: none; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 519px) { #nav-top ul.level_1 > li.nav-sitemap { display: none; } /* Media Query Ende */ } /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.3. Hauptnavigation ====================================================================================== */ /* Media Query Anfang */ @media screen and (min-width: 780px) { #nav-main { margin-top: 14px; padding-left: 149px; width: 100%; } #nav-main ul.level_1 > li.submenu > a::after, #nav-main ul.level_1 > li.submenu > strong::after, #nav-main ul.level_1 > li:hover > ul { display: none; } #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong { padding: 17px; } #nav-main ul.level_1 > li.nav-kontakt { display: none; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (min-width: 780px) and (max-width: 1299px) { #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong { padding: 17px 15px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (min-width: 780px) and (max-width: 1039px) { #nav-main { padding-left: 124px; } #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong { font-size: 14px; font-size: 0.875rem; padding: 11px 7px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 779px) { #nav-main { height: calc(100% - 74px); top: 74px; } #nav-main ul.level_1 { margin-top: 48px; } #nav-main ul.level_2 { margin-left: 21px; } #nav-main ul.level_2 > li > a, #nav-main ul.level_2 > li > strong { padding: 7px 10px 7px 21px; } #nav-main ul.level_2 > li > a::before, #nav-main ul.level_2 > li > strong::before { content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 700; margin: 0 7px 0 -21px; } /* Media Query Ende */ } /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.4. Lokale Navigation ====================================================================================== */ .nav-sub a, .nav-sub strong { font-size: 14px; font-size: 0.875rem; padding: 7px 10px 7px 21px; } .nav-sub ul.level_1 { margin: 0 7px; } .nav-sub ul.level_1 > li > a::before, .nav-sub ul.level_1 > li > strong::before { content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 700; margin: 0 7px 0 -21px; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { .nav-sub a, .nav-sub strong { font-size: 12px; font-size: 0.75rem; padding: 5px 10px 5px 21px; } /* Media Query Ende */ } /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.5. Nachrichtenarchiv-Navigation ====================================================================================== */ /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.6. Fußnavigation ====================================================================================== */ #nav-footer { margin-right: -7px; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { #nav-footer { float: none; margin: 0 auto 21px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 519px) { #nav-footer ul.level_1 > li.nav-newsletter { display: none; } /* Media Query Ende */ } /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.7. Navigationspfad ====================================================================================== */ #nav-breadcrumb { display: none; } /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.8. Seitennummerierung ====================================================================================== */ /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.9. HTML-Sitemap ====================================================================================== */ /* ====================================================================================== 4. Frontend-Module 4.1. Navigation 4.1.10. Sprachenwechsler ====================================================================================== */ /* ====================================================================================== 4. Frontend-Module 4.2. Benutzer ====================================================================================== */ /* ====================================================================================== 4. Frontend-Module 4.3. Anwendungen 4.3.1. Suchmaschine ====================================================================================== */ .mod_search .widget-text input.text { width: calc(100% - 100px); } .mod_search .radio_container label { margin: -28px 0 0 21px; } /* ====================================================================================== 4. Frontend-Module 4.4. Verschiedenes 4.4.1. Cookiebar ====================================================================================== */ .contao-cookiebar .cc-head strong { font-size: 24px; font-size: 1.5rem; } .contao-cookiebar .cc-btn { padding: 3px 7px 0; } /* ====================================================================================== 4. Frontend-Module 4.5. Events ====================================================================================== */ .mod_calendar .calendar .event { float: left; position: relative; text-align: center; } .mod_calendar .calendar .event div { border-style: solid; border-width: 3px; float: left; height: 27px; margin: 4px 0 0 4px; width: 28px; } .mod_calendar .calendar .event.kp-1 div { border-style: dashed; } .mod_calendar .calendar .event a { display: contents; } .mod_calendar .calendar .event span { bottom: 33px; display: none; font-size: 12px; font-size: 0.75rem; left: -50px; padding: 3px 7px; position: absolute; width: 140px; z-index: 99; } .mod_calendar .calendar .days:nth-child(1) .event span { left: 0; } .mod_calendar .calendar .days:nth-child(7) .event span { left: -100px; } .mod_calendar .calendar .event div:hover i::before, .mod_calendar .calendar .event div:hover span { display: block; } .mod_calendar .calendar .event i::before{ border-color: #000 transparent; border-style: solid; border-width: 6px 6px 0 6px; bottom: 28px; content: ""; display: none; left: 10px; position: absolute; } .mod_calendar .calendar .event i::after { content: "\f073"; display: block; font-family: "Font Awesome 6 Free"; font-size: 12px; font-size: 0.75rem; font-style: normal; font-weight: 700; } .mod_calendar .calendar .event.urlaub i::after { content: "\f5ca"; } .mod_calendar .calendar .event.neusak i::after { content: "\e19b"; } .mod_calendar .calendar .event.wachausb i::after { content: "\f505"; } .mod_calendar .calendar .event.ada i::after { content: "\f19d"; } .mod_calendar .calendar .event.glawinter i::after { content: "\f2dc"; font-weight: 300; } .mod_calendar .calendar .event.kfwb i::after { content: "\f0d1"; } .mod_calendar .calendar .event.sprengen i::after { content: "\e4e9"; } .mod_calendar .calendar .event.brueckenbau i::after { content: "\e4ce"; } .mod_calendar .calendar .event.arbtgg i::after { content: "\f0c0"; } .mod_calendar .calendar .event.bauvorhaben i::after { content: "\f6e3"; } .mod_calendar .calendar .event.btluebergabe i::after { content: "\f024"; } .mod_calendar .calendar .event.taktik i::after { content: "\e534"; } .mod_calendar .calendar .event.grundlagen i::after { content: "\e54e"; } .mod_calendar .calendar .event.gebausbsommer i::after { content: "\e52f"; } .mod_calendar .calendar .event.funkausb i::after { content: "\f8ef"; } .mod_calendar .calendar .event.sanausb i::after { content: "\f0fa"; } .mod_calendar .calendar .event.lasi i::after { content: "\f4de"; } .mod_calendar .calendar .event.mks i::after { content: "\f1bb"; } .mod_calendar .calendar .event.sira i::after { content: "\e4e5"; } .mod_calendar .calendar .event.sboot i::after { content: "\f13d"; } .mod_calendar .calendar .event.milhist i::after { content: "\f66f"; } .mod_calendar .calendar .event.famtg i::after { content: "\e533"; } .mod_calendar .calendar .event.versammlung i::after { content: "\f15c"; } .mod_calendar .calendar .event.wasser i::after { content: "\f773"; } /* Media Query Anfang */ @media screen and (max-width: 1299px) { .mod_calendar .day, .mod_calendar .days { font-size: 14px; font-size: 0.875rem; } /* Media Query Ende */ } /* ====================================================================================== 4. Frontend-Module 4.6. FAQ ====================================================================================== */ /* ====================================================================================== 4. Frontend-Module 4.7. Nachrichten 4.7.1 Nachrichtenarchiv und -liste ====================================================================================== */ .mod_newslist .layout_latest { width: calc(33.33333333% - 28px); } .mod_newslist .featured { font-weight: 700; height: 21px; line-height: 1.25; position: absolute; right: -21px; text-align: center; text-transform: uppercase; top: 14px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 91px; z-index: 1; } .mod_newslist .layout_latest h2 { font-size: 24px; font-size: 1.5rem; font-weight: 700; } .mod_newslist .layout_latest h3 { font-size: 12px; font-size: 0.75rem; font-weight: 400; margin: 0 0 -7px; } .mod_newslist .layout_latest h2 > a:hover { text-decoration: underline; } .mod_newslist .layout_latest h3 > a:hover { text-decoration: none; } .mod_newslist .layout_latest figure { height: 222px; position: relative; } .mod_newslist .layout_latest a figure figcaption { bottom: 0; display: none; font-size: 12px; font-size: 0.75rem; left: 0; line-height: 1.25; padding: 7px; position: absolute; text-decoration: none; top: 0; width: 65%; } .mod_newslist .layout_latest figure figcaption span { bottom: 3px; display: block; padding-right: 7px; position: absolute; } .mod_newslist .layout_latest a figure:hover figcaption { display: block; } .mod_newslist .layout_latest figure::after { bottom: 0; content: ""; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 0 0 50px 50px; position: absolute; right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .mod_newslist .layout_latest .content-text .more { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .mod_newslist .layout_latest .content-text p::after { content: '\f101'; font-family: "Font Awesome 6 Free"; font-size: 12px; font-size: 0.75rem; font-weight: 700; margin-left: 7px; } .mod_newslist .layout_latest p.info { padding: 14px 0; } .mod_newslist .layout_latest p.info::before { border-top-style: solid; border-top-width: 1px; content: ''; display: block; width: 200px; } /* Media Query Anfang */ @media screen and (max-width: 1299px) { .mod_newslist.aktuelles .layout_latest { width: calc(50% - 28px); } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 1039px) { .mod_newslist .layout_latest { width: calc(50% - 28px); } .mod_newslist.aktuelles .layout_latest { width: calc(100% - 28px); } .mod_newslist .layout_latest figure::after { border-width: 0 0 30px 30px; } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 779px) { .mod_newslist .layout_latest { width: calc(50% - 28px); } .mod_newslist.aktuelles .layout_latest { width: calc(50% - 28px); } /* Media Query Ende */ } /* Media Query Anfang */ @media screen and (max-width: 519px) { .mod_newslist .layout_latest, .mod_newslist.aktuelles .layout_latest { width: calc(100% - 28px); } /* Media Query Ende */ } /* ====================================================================================== 4. Frontend-Module 4.7. Nachrichten 4.7.2 Nachrichtenleser ====================================================================================== */ .mod_newsreader .layout_full p.info { padding: 28px 0; } .mod_newsreader .layout_full p.info::before { border-top-style: solid; border-top-width: 1px; content: ''; display: block; width: 200px; } .mod_newsreader .layout_full .offset { margin: 25px 0; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { .mod_newsreader .layout_full .offset { margin: 15px 0; } /* Media Query Ende */ } /* ====================================================================================== 4. Frontend-Module 4.8. Newsletter ====================================================================================== */ #right .mod_subscribe { margin: 15px; } #right .mod_subscribe h3 { margin-bottom: 14px; } body.nav-newsletter #right .mod_subscribe { display: none; } .mod_unsubscribe .widget-text input.text { width: calc(100% - 115px); } /* Media Query Anfang */ @media screen and (max-width: 779px) { #right .mod_subscribe { margin: 0 10px 10px; } /* Media Query Ende */ } /* ====================================================================================== 5. Wartungsmodus ====================================================================================== */ .wartungsmodus .logo { width: 125px; } /* Media Query Anfang */ @media screen and (max-width: 1039px) { .wartungsmodus .logo { width: 97px; } /* Media Query Ende */ } /* ====================================================================================== 6. Dark Mode 6.1. Switch-Button ====================================================================================== */ .switch-dark-mode { display: none; } /* ====================================================================================== 6. Dark Mode 6.2. Farben 6.2.2. Text ====================================================================================== */ /* ====================================================================================== 6. Dark Mode 6.2. Farben 6.2.2. Hintergrund ====================================================================================== */ /* ====================================================================================== 6. Dark Mode 6.2. Farben 6.2.3. Rahmen ====================================================================================== */ /* ====================================================================================== 6. Dark Mode 6.2. Farben 6.2.4. Schatten ====================================================================================== */ /* ====================================================================================== 7. Eigene Klassen ====================================================================================== */ .signature { width: 185px; } .content-text.legende i { border-style: solid; border-width: 3px; height: 30px; line-height: 1.6rem; margin: 0 7px 7px 0; text-align: center; width: 30px; } .content-text.legende i.kp-1 { border-style: dashed; } .nav-vorhabenuebersicht #right .mod_subscribe { display: none; } @font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:block;src:url('../../bundles/themeultimatepionierbataillon905/fonts/fa-solid-900-original.woff2') format('woff2')}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:block;src:url('../../bundles/themeultimatepionierbataillon905/fonts/fa-brands-400-original.woff2') format('woff2')} /* Pionierbataillon 905: preserved live presentation, adapted to native TU 4.4 elements. */ .grid-info { background: #e9ecef !important; border: 1px solid #fff; } .row, .flexbox { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } *[class*="grid-"] { float: left; min-height: 1px; } #main, #left, #right { float: left; position: relative; } @media screen and (min-width: 1300px) { .width-lg, .xlg-width-lg { margin: 0 auto; width: 100%; } .boxed .width-lg, .boxed .xlg-width-lg { width: 1240px; } .width-md, .xlg-width-md { margin: 0 auto; width: 80%; } .boxed .width-md, .boxed .xlg-width-md { width: 992px; } .width-sm, .xlg-width-sm { margin: 0 auto; width: 60%; } .boxed .width-sm, .boxed .xlg-width-sm { width: 744px; } .fullwidth, .xlg-fullwidth { width: 100%; } .header-left #header, .header-right #header { height: 100%; position: fixed; width: 270px; } .header-right #header { left: auto; right: 0; } .column-both #container, .column-left #container, .column-right #container, .header-left #teaser, .header-left #container, .header-left #unterzeile, .header-left #footer { margin: 0 auto; padding-left: 270px; width: 100%; } .header-right #teaser, .header-right #container, .header-right #unterzeile, .header-right #footer { margin: 0 auto; padding-right: 270px; width: 100%; } .column-both.boxed #container, .column-left.boxed #container, .column-right.boxed #container { width: 1270px; } .column-right.boxed #container { padding-left: 0; } .column-both #main, .column-left #main, .column-right #main { width: calc(100% - 270px); } .column-both.boxed #main { width: 730px; } .column-left.boxed #main, .column-right.boxed #main { width: 1000px; } .column-both #left, .column-both #right, .column-left #left, .column-right #right { width: 270px; } .column-left #main, .column-left #left { float: right; } .column-both.boxed #main .width-lg, .column-both.boxed #main .fullwidth, .column-both.boxed #main .xlg-width-lg, .column-both.boxed #main .xlg-fullwidth, .column-left.boxed #main .width-lg, .column-right.boxed #main .width-lg, .column-left.boxed #main .fullwidth, .column-right.boxed #main .fullwidth, .column-left.boxed #main .xlg-width-lg, .column-right.boxed #main .xlg-width-lg, .column-left.boxed #main .xlg-fullwidth, .column-right.boxed #main .xlg-fullwidth { padding: 0 15px; width: 100%; } .column-both #main .width-md, .column-left #main .width-md, .column-right #main .width-md, .column-both #main .xlg-width-md, .column-left #main .xlg-width-md, .column-right #main .xlg-width-md { width: 80%; } .column-both #main .width-sm, .column-left #main .width-sm, .column-right #main .width-sm, .column-both #main .xlg-width-sm, .column-left #main .xlg-width-sm, .column-right #main .xlg-width-sm { width: 60%; } .column-both #left .width-lg, .column-left #left .width-lg, .column-right #left .width-lg, .column-both #right .width-lg, .column-left #right .width-lg, .column-right #right .width-lg, .column-both #left .xlg-width-lg, .column-left #left .xlg-width-lg, .column-right #left .xlg-width-lg, .column-both #right .xlg-width-lg, .column-left #right .xlg-width-lg, .column-right #right .xlg-width-lg, .column-both #left .width-md, .column-left #left .width-md, .column-right #left .width-md, .column-both #right .width-md, .column-left #right .width-md, .column-right #right .width-md, .column-both #left .xlg-width-md, .column-left #left .xlg-width-md, .column-right #left .xlg-width-md, .column-both #right .xlg-width-md, .column-left #right .xlg-width-md, .column-right #right .xlg-width-md, .column-both #left .width-sm, .column-left #left .width-sm, .column-right #left .width-sm, .column-both #right .width-sm, .column-left #right .width-sm, .column-right #right .width-sm, .column-both #left .xlg-width-sm, .column-left #left .xlg-width-sm, .column-right #left .xlg-width-sm, .column-both #right .xlg-width-sm, .column-left #right .xlg-width-sm, .column-right #right .xlg-width-sm, .column-both #left .fullwidth, .column-left #left .fullwidth, .column-right #left .fullwidth, .column-both #right .fullwidth, .column-left #right .fullwidth, .column-right #right .fullwidth, .column-both #left .xlg-fullwidth, .column-left #left .xlg-fullwidth, .column-right #left .xlg-fullwidth, .column-both #right .xlg-fullwidth, .column-left #right .xlg-fullwidth, .column-right #right .xlg-fullwidth { padding: 0 15px; width: 100%; } .boxed .row { margin-left: -15px; margin-right: -15px; } .boxed .fullwidth .row, .boxed .xlg-fullwidth .row { margin-left: 0; margin-right: 0; } .row-xlg-bottom-offset-xlg { padding-bottom: 55px; } .row-xlg-bottom-offset-lg { padding-bottom: 45px; } .row-xlg-bottom-offset-md { padding-bottom: 35px; } .row-xlg-bottom-offset-sm { padding-bottom: 25px; } .row-xlg-bottom-offset-xsm { padding-bottom: 15px; } .row-xlg-top-offset-xlg { padding-top: 55px; } .row-xlg-top-offset-lg { padding-top: 45px; } .row-xlg-top-offset-md { padding-top: 35px; } .row-xlg-top-offset-sm { padding-top: 25px; } .row-xlg-top-offset-xsm { padding-top: 15px; } .col-xlg-no-offset { padding: 0 !important; } .col-xlg-bottom-no-offset { padding-bottom: 0 !important; } .col-xlg-left-no-offset { padding-left: 0 !important; } .col-xlg-right-no-offset { padding-right: 0 !important; } .col-xlg-top-no-offset { padding-top: 0 !important; } *[class*="grid-"] { padding: 15px; } .col-xl-0 { display: none; } .col-xl-1 { width: 8.33333333%; } .col-xl-2 { width: 16.66666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.33333333%; } .col-xl-5 { width: 41.66666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.33333333%; } .col-xl-8 { width: 66.66666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.33333333%; } .col-xl-11 { width: 91.66666667%; } .col-xl-12 { width: 100%; } } @media screen and (max-width: 1299px) and (min-width: 1040px) { .width-lg, .lg-width-lg { margin: 0 auto; width: 100%; } .boxed .width-lg, .boxed .lg-width-lg { width: 980px; } .width-md, .lg-width-md { margin: 0 auto; width: 80%; } .boxed .width-md, .boxed .lg-width-md { width: 784px; } .width-sm, .lg-width-sm { margin: 0 auto; width: 60%; } .boxed .width-sm, .boxed .lg-width-sm { width: 588px; } .fullwidth, .lg-fullwidth { width: 100%; } .header-left #header, .header-right #header { height: 100%; position: fixed; width: 235px; } .header-right #header { left: auto; right: 0; } .column-both #container, .column-left #container, .column-right #container, .header-left #teaser, .header-left #container, .header-left #unterzeile, .header-left #footer { margin: 0 auto; padding-left: 235px; width: 100%; } .header-right #teaser, .header-right #container, .header-right #unterzeile, .header-right #footer { margin: 0 auto; padding-right: 235px; width: 100%; } .column-both.boxed #container, .column-left.boxed #container, .column-right.boxed #container { width: 1010px; } .column-right.boxed #container { padding-left: 0; } .column-both #main, .column-left #main, .column-right #main { width: calc(100% - 235px); } .column-both.boxed #main { width: 540px; } .column-left.boxed #main, .column-right.boxed #main { width: 775px; } .column-both #left, .column-both #right, .column-left #left, .column-right #right { width: 235px; } .column-left #main, .column-left #left { float: right; } .column-both.boxed #main .width-lg, .column-both.boxed #main .fullwidth, .column-both.boxed #main .lg-width-lg, .column-both.boxed #main .lg-fullwidth, .column-left.boxed #main .width-lg, .column-right.boxed #main .width-lg, .column-left.boxed #main .fullwidth, .column-right.boxed #main .fullwidth, .column-left.boxed #main .lg-width-lg, .column-right.boxed #main .lg-width-lg, .column-left.boxed #main .lg-fullwidth, .column-right.boxed #main .lg-fullwidth { padding: 0 15px; width: 100%; } .column-both #main .width-md, .column-left #main .width-md, .column-right #main .width-md, .column-both #main .lg-width-md, .column-left #main .lg-width-md, .column-right #main .lg-width-md { width: 80%; } .column-both #main .width-sm, .column-left #main .width-sm, .column-right #main .width-sm, .column-both #main .lg-width-sm, .column-left #main .lg-width-sm, .column-right #main .lg-width-sm { width: 60%; } .column-both #left .width-lg, .column-left #left .width-lg, .column-right #left .width-lg, .column-both #right .width-lg, .column-left #right .width-lg, .column-right #right .width-lg, .column-both #left .lg-width-lg, .column-left #left .lg-width-lg, .column-right #left .lg-width-lg, .column-both #right .lg-width-lg, .column-left #right .lg-width-lg, .column-right #right .lg-width-lg, .column-both #left .width-md, .column-left #left .width-md, .column-right #left .width-md, .column-both #right .width-md, .column-left #right .width-md, .column-right #right .width-md, .column-both #left .lg-width-md, .column-left #left .lg-width-md, .column-right #left .lg-width-md, .column-both #right .lg-width-md, .column-left #right .lg-width-md, .column-right #right .lg-width-md, .column-both #left .width-sm, .column-left #left .width-sm, .column-right #left .width-sm, .column-both #right .width-sm, .column-left #right .width-sm, .column-right #right .width-sm, .column-both #left .lg-width-sm, .column-left #left .lg-width-sm, .column-right #left .lg-width-sm, .column-both #right .lg-width-sm, .column-left #right .lg-width-sm, .column-right #right .lg-width-sm, .column-both #left .fullwidth, .column-left #left .fullwidth, .column-right #left .fullwidth, .column-both #right .fullwidth, .column-left #right .fullwidth, .column-right #right .fullwidth, .column-both #left .lg-fullwidth, .column-left #left .lg-fullwidth, .column-right #left .lg-fullwidth, .column-both #right .lg-fullwidth, .column-left #right .lg-fullwidth, .column-right #right .lg-fullwidth { padding: 0 15px; width: 100%; } .boxed .row { margin-left: -15px; margin-right: -15px; } .boxed .fullwidth .row, .boxed .lg-fullwidth .row { margin-left: 0; margin-right: 0; } .row-lg-bottom-offset-xlg { padding-bottom: 55px; } .row-lg-bottom-offset-lg { padding-bottom: 45px; } .row-lg-bottom-offset-md { padding-bottom: 35px; } .row-lg-bottom-offset-sm { padding-bottom: 25px; } .row-lg-bottom-offset-xsm { padding-bottom: 15px; } .row-lg-top-offset-xlg { padding-top: 55px; } .row-lg-top-offset-lg { padding-top: 45px; } .row-lg-top-offset-md { padding-top: 35px; } .row-lg-top-offset-sm { padding-top: 25px; } .row-lg-top-offset-xsm { padding-top: 15px; } .col-lg-no-offset { padding: 0 !important; } .col-lg-bottom-no-offset { padding-bottom: 0 !important; } .col-lg-left-no-offset { padding-left: 0 !important; } .col-lg-right-no-offset { padding-right: 0 !important; } .col-lg-top-no-offset { padding-top: 0 !important; } *[class*="grid-"] { padding: 15px; } .col-lg-0 { display: none; } .col-lg-1 { width: 8.33333333%; } .col-lg-2 { width: 16.66666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333%; } .col-lg-5 { width: 41.66666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333333%; } .col-lg-8 { width: 66.66666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333%; } .col-lg-11 { width: 91.66666667%; } .col-lg-12 { width: 100%; } } @media screen and (max-width: 1039px) and (min-width: 780px) { .width-lg, .md-width-lg { margin: 0 auto; width: 100%; } .boxed .width-lg, .boxed .md-width-lg { width: 720px; } .width-md, .md-width-md { margin: 0 auto; width: 80%; } .boxed .width-md, .boxed .md-width-md { width: 576px; } .width-sm, .md-width-sm { margin: 0 auto; width: 60%; } .boxed .width-sm, .boxed .md-width-sm { width: 432px; } .fullwidth, .md-fullwidth { width: 100%; } .header-left #header, .header-right #header { height: 100%; position: fixed; width: 185px; } .header-right #header { left: auto; right: 0; } .column-both #container, .column-left #container, .column-right #container, .header-left #teaser, .header-left #container, .header-left #unterzeile, .header-left #footer { margin: 0 auto; padding-left: 185px; width: 100%; } .header-right #teaser, .header-right #container, .header-right #unterzeile, .header-right #footer { margin: 0 auto; padding-right: 185px; width: 100%; } .column-both.boxed #container, .column-left.boxed #container, .column-right.boxed #container { width: 740px; } .column-right.boxed #container { padding-left: 0; } .column-both #main, .column-left #main, .column-right #main { width: calc(100% - 185px); } .column-both.boxed #main { width: 370px; } .column-left.boxed #main, .column-right.boxed #main { width: 555px; } .column-both #left, .column-both #right, .column-left #left, .column-right #right { width: 185px; } .column-left #main, .column-left #left { float: right; } .column-both.boxed #main .width-lg, .column-both.boxed #main .fullwidth, .column-both.boxed #main .md-width-lg, .column-both.boxed #main .md-fullwidth, .column-left.boxed #main .width-lg, .column-right.boxed #main .width-lg, .column-left.boxed #main .fullwidth, .column-right.boxed #main .fullwidth, .column-left.boxed #main .md-width-lg, .column-right.boxed #main .md-width-lg, .column-left.boxed #main .md-fullwidth, .column-right.boxed #main .md-fullwidth { padding: 0 10px; width: 100%; } .column-both #main .width-md, .column-left #main .width-md, .column-right #main .width-md, .column-both #main .md-width-md, .column-left #main .md-width-md, .column-right #main .md-width-md { width: 80%; } .column-both #main .width-sm, .column-left #main .width-sm, .column-right #main .width-sm, .column-both #main .md-width-sm, .column-left #main .md-width-sm, .column-right #main .md-width-sm { width: 60%; } .column-both #left .width-lg, .column-left #left .width-lg, .column-right #left .width-lg, .column-both #right .width-lg, .column-left #right .width-lg, .column-right #right .width-lg, .column-both #left .md-width-lg, .column-left #left .md-width-lg, .column-right #left .md-width-lg, .column-both #right .md-width-lg, .column-left #right .md-width-lg, .column-right #right .md-width-lg, .column-both #left .width-md, .column-left #left .width-md, .column-right #left .width-md, .column-both #right .width-md, .column-left #right .width-md, .column-right #right .width-md, .column-both #left .md-width-md, .column-left #left .md-width-md, .column-right #left .md-width-md, .column-both #right .md-width-md, .column-left #right .md-width-md, .column-right #right .md-width-md, .column-both #left .width-sm, .column-left #left .width-sm, .column-right #left .width-sm, .column-both #right .width-sm, .column-left #right .width-sm, .column-right #right .width-sm, .column-both #left .md-width-sm, .column-left #left .md-width-sm, .column-right #left .md-width-sm, .column-both #right .md-width-sm, .column-left #right .md-width-sm, .column-right #right .md-width-sm, .column-both #left .fullwidth, .column-left #left .fullwidth, .column-right #left .fullwidth, .column-both #right .fullwidth, .column-left #right .fullwidth, .column-right #right .fullwidth, .column-both #left .md-fullwidth, .column-left #left .md-fullwidth, .column-right #left .md-fullwidth, .column-both #right .md-fullwidth, .column-left #right .md-fullwidth, .column-right #right .md-fullwidth { padding: 0 10px; width: 100%; } .boxed .row { margin-left: -10px; margin-right: -10px; } .boxed .fullwidth .row, .boxed .md-fullwidth .row { margin-left: 0; margin-right: 0; } .row-md-bottom-offset-xlg { padding-bottom: 55px; } .row-md-bottom-offset-lg { padding-bottom: 45px; } .row-md-bottom-offset-md { padding-bottom: 35px; } .row-md-bottom-offset-sm { padding-bottom: 25px; } .row-md-bottom-offset-xsm { padding-bottom: 15px; } .row-md-top-offset-xlg { padding-top: 55px; } .row-md-top-offset-lg { padding-top: 45px; } .row-md-top-offset-md { padding-top: 35px; } .row-md-top-offset-sm { padding-top: 25px; } .row-md-top-offset-xsm { padding-top: 15px; } .col-md-no-offset { padding: 0 !important; } .col-md-bottom-no-offset { padding-bottom: 0 !important; } .col-md-left-no-offset { padding-left: 0 !important; } .col-md-right-no-offset { padding-right: 0 !important; } .col-md-top-no-offset { padding-top: 0 !important; } *[class*="grid-"] { padding: 10px; } .col-md-0 { display: none; } .col-md-1 { width: 8.33333333%; } .col-md-2 { width: 16.66666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333333%; } .col-md-5 { width: 41.66666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333333%; } .col-md-8 { width: 66.66666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333333%; } .col-md-11 { width: 91.66666667%; } .col-md-12 { width: 100%; } } @media screen and (max-width: 779px) and (min-width: 520px) { .width-lg, .sm-width-lg, .fullwidth, .sm-fullwidth { width: 100%; } .width-md, .sm-width-md { margin: 0 auto; width: 80%; } .width-sm, .sm-width-sm { margin: 0 auto; width: 60%; } #main, #left, #right { float: none; margin-left: 0; margin-right: 0; } .row-sm-bottom-offset-xlg { padding-bottom: 55px; } .row-sm-bottom-offset-lg { padding-bottom: 45px; } .row-sm-bottom-offset-md { padding-bottom: 35px; } .row-sm-bottom-offset-sm { padding-bottom: 25px; } .row-sm-bottom-offset-xsm { padding-bottom: 15px; } .row-sm-top-offset-xlg { padding-top: 55px; } .row-sm-top-offset-lg { padding-top: 45px; } .row-sm-top-offset-md { padding-top: 35px; } .row-sm-top-offset-sm { padding-top: 25px; } .row-sm-top-offset-xsm { padding-top: 15px; } .col-sm-no-offset { padding: 0 !important; } .col-sm-bottom-no-offset { padding-bottom: 0 !important; } .col-sm-left-no-offset { padding-left: 0 !important; } .col-sm-right-no-offset { padding-right: 0 !important; } .col-sm-top-no-offset { padding-top: 0 !important; } *[class*="grid-"] { padding: 10px; } .col-sm-0 { display: none; } .col-sm-1 { width: 8.33333333%; } .col-sm-2 { width: 16.66666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333%; } .col-sm-5 { width: 41.66666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333333%; } .col-sm-8 { width: 66.66666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333%; } .col-sm-11 { width: 91.66666667%; } .col-sm-12 { width: 100%; } } @media screen and (max-width: 519px) { .width-lg, .xsm-width-lg, .fullwidth, .xsm-fullwidth { width: 100%; } .width-md, .xsm-width-md { margin: 0 auto; width: 80%; } .width-sm, .xsm-width-sm { margin: 0 auto; width: 60%; } #main, #left, #right { float: none; margin-left: 0; margin-right: 0; } .row-xsm-bottom-offset-xlg { padding-bottom: 55px; } .row-xsm-bottom-offset-lg { padding-bottom: 45px; } .row-xsm-bottom-offset-md { padding-bottom: 35px; } .row-xsm-bottom-offset-sm { padding-bottom: 25px; } .row-xsm-bottom-offset-xsm { padding-bottom: 15px; } .row-xsm-top-offset-xlg { padding-top: 55px; } .row-xsm-top-offset-lg { padding-top: 45px; } .row-xsm-top-offset-md { padding-top: 35px; } .row-xsm-top-offset-sm { padding-top: 25px; } .row-xsm-top-offset-xsm { padding-top: 15px; } .col-xsm-no-offset { padding: 0 !important; } .col-xsm-bottom-no-offset { padding-bottom: 0 !important; } .col-xsm-left-no-offset { padding-left: 0 !important; } .col-xsm-right-no-offset { padding-right: 0 !important; } .col-xsm-top-no-offset { padding-top: 0 !important; } *[class*="grid-"] { padding: 10px; } .col-0 { display: none; } .col-1 { width: 8.33333333%; } .col-2 { width: 16.66666667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333333%; } .col-5 { width: 41.66666667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333333%; } .col-8 { width: 66.66666667%; } .col-9 { width: 75%; } .col-10 { width: 83.33333333%; } .col-11 { width: 91.66666667%; } .col-12 { width: 100%; } } * { box-sizing: border-box; } a, abbr, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, spanstrike, strong, sub, summary, sup, table, textarea, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } #container::after, article::after, aside::after, blockquote::after, details::after, figcaption::after, figure::after, footer::after, header::after, hgroup::after, menu::after, nav::after, q::after, section::after, .custom::after { clear: both; content: ""; display: table; } *[class*="ce_"], *[class*="content-"], *[class*="mod_"] { position: relative; z-index: 0; } html { min-height: 100%; overflow-y: scroll; position: relative; scroll-behavior: smooth; } html.active { overflow-y: hidden; } article, aside, figcaption, figure, footer, header, main, nav, section, .custom { display: block; } fieldset, img, iframe { border: 0; } img { border: 0; display: block; height: auto; width: 100%; vertical-align: bottom; } .invisible, .anker, .content-anchor-element { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 0; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 0; } :is(.bg-cover,.cover) { background-size: cover !important; } [class*="content-"], [class*="ce_"] { overflow: hidden; } #clear, .clear { clear: both; } .fixed-on-header.fixed, .fixed-on-top.fixed { position: fixed; } body, button, input:not([type="radio"]):not([type="checkbox"]), textarea, select { font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1rem; font-style: normal; line-height: 1.25; word-wrap: break-word; } h1, h2, h3, h4, h5, h6, p, ul, ol { padding: 7px 0; } h1, h2, h3, h4, h5, h6, strong, .content-headline.standard { font-weight: 700; } h1, .content-headline.standard.headline-h1 { font-size: 32px; font-size: 2rem; } h2, .content-headline.standard.headline-h2 { font-size: 24px; font-size: 1.5rem; } h3, .content-headline.standard.headline-h3 { font-size: 22px; font-size: 1.375rem; } h4, .content-headline.standard.headline-h4 { font-size: 20px; font-size: 1.250rem; } h5, .content-headline.standard.headline-h5 { font-size: 18px; font-size: 1.125rem; } h6, .content-headline.standard.headline-h6 { font-size: 16px; font-size: 1rem; } small, .small, .mod_search .relevance { font-size: 65%; } button, p.button, input, select, textarea { font-family: inherit; font-size: 99%; font-weight: inherit; line-height: 1; } .uppercase { text-transform: uppercase; } .icon i, .icon svg, .icon span { border-color: transparent; border-style: solid; border-width: inherit; line-height: 1.25; overflow: visible; padding: 14px; } .icon span { display: inline-block; } .icon-xlg i, .icon-xlg svg, .icon-xlg span { font-size: 60px; font-size: 3.75rem; height: 94px; width: 94px; } .icon-lg i, .icon-lg svg, .icon-lg span { font-size: 50px; font-size: 3.125rem; height: 84px; width: 84px; } .icon-md i, .icon-md svg, .icon-md span { font-size: 40px; font-size: 2.5rem; height: 74px; width: 74px; } .icon-sm i, .icon-sm svg, .icon-sm span { font-size: 30px; font-size: 1.875rem; height: 64px; width: 64px; } .icon-xsm i, .icon-xsm svg, .icon-xsm span { font-size: 20px; font-size: 1.25rem; height: 54px; width: 54px; } .colorbox { bottom: 0; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .color-white, button.button-dark, .button-dark p.button a, .button-dark button.submit, .content-toplink.button-dark a, .button-dark p.button a:hover, .content-toplink.button-dark a:hover, button.button-success, .button-success p.button a, .button-success button.submit, .content-toplink.button-success a, .button-success p.button a:hover, .content-toplink.button-success a:hover, button.button-info, .button-info p.button a, .button-info button.submit, .content-toplink.button-info a, .button-info p.button a:hover, .content-toplink.button-info a:hover, button.button-danger, .button-danger p.button a, .button-danger button.submit, .content-toplink.button-danger a, .button-danger p.button a:hover, .content-toplink.button-danger a:hover, button.button-primary, .button-primary p.button a, .button-primary button.submit, .content-toplink.button-primary a, .button-primary p.button a:hover, .content-toplink.button-primary a:hover, button.button-secondary, .button-secondary p.button a, .button-secondary button.submit, .content-toplink.button-secondary a, .button-secondary p.button a:hover, .content-toplink.button-secondary a:hover, .icon-white i, i.icon-white, .content-text abbr[title]:hover::before, .content-text kbd, kbd a, kbd a:hover, #colorbox #cboxClose::after, #colorbox #cboxPrevious::after, #colorbox #cboxNext::after, #colorbox #cboxCurrent, #colorbox #cboxTitle, .content-notice-box.notice-box-black, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-white a, .content-quote-box.icon-white blockquote::before, nav[data-pagination] ol li a.active, .pagination ul li strong, .mod_calendar .calendar-body > div > div.today .label { color: #fff; } :is(.text-invert,.invert), :is(.text-invert,.invert) h1, :is(.text-invert,.invert) h1 a, :is(.text-invert,.invert) h2, :is(.text-invert,.invert) h2 a, :is(.text-invert,.invert) h3, :is(.text-invert,.invert) h3 a, :is(.text-invert,.invert) h4, :is(.text-invert,.invert) h4 a, :is(.text-invert,.invert) h5, :is(.text-invert,.invert) h5 a, :is(.text-invert,.invert) h6, :is(.text-invert,.invert) h6 a, :is(.text-invert,.invert) i:not(.icon-white, .icon-light, .icon-dark, .icon-black, .icon-success, .icon-info, .icon-warning, .icon-danger, .icon-primary, .icon-secondary), :is(.text-invert,.invert) li a, :is(.text-invert,.invert) p, :is(.text-invert,.invert) p:not(.button) a, :is(.text-invert,.invert) strong, .content-teaser-box.button-link :is(.text-invert,.invert) a, .content-teaser-box.button-link :is(.text-invert,.invert) a:hover, .content-teaser-box.button-bracket-link :is(.text-invert,.invert) a, .content-teaser-box.button-bracket-link :is(.text-invert,.invert) a:hover, .content-teaser-box .box-outside .text-invert-outside, .content-teaser-box .box-outside .text-invert-outside h1, .text-invert-outside h1 a, .content-teaser-box .box-outside .text-invert-outside h2, .text-invert-outside h2 a, .content-teaser-box .box-outside .text-invert-outside h3, .text-invert-outside h3 a, .content-teaser-box .box-outside .text-invert-outside h4, .text-invert-outside h4 a, .content-teaser-box .box-outside .text-invert-outside h5, .text-invert-outside h5 a, .content-teaser-box .box-outside .text-invert-outside h6, .text-invert-outside h6 a, .content-teaser-box .box-outside .text-invert-outside i, .text-invert-outside i a, .content-teaser-box .box-outside .text-invert-outside li a, .content-teaser-box .box-outside .text-invert-outside p, .text-invert-outside p:not(.button) a, .content-teaser-box .box-outside .text-invert-outside strong, .content-teaser-box.button-link .box-outside .text-invert-outside a, .content-teaser-box.button-link .box-outside .text-invert-outside a:hover, .content-teaser-box.button-bracket-link .box-outside .text-invert-outside a, .content-teaser-box.button-bracket-link .box-outside .text-invert-outside a:hover, .content-text-image-tile :is(.text-invert,.invert) a.button-link, .content-text-image-tile :is(.text-invert,.invert) a.button-link:hover, .content-text-image-tile :is(.text-invert,.invert) a.button-bracket-link, .content-text-image-tile :is(.text-invert,.invert) a.button-bracket-link:hover { color: #fff !important; } @media screen and (min-width: 780px) { .text-invert-inside, .text-invert-inside h1, .text-invert-inside h1 a, .text-invert-inside h2, .text-invert-inside h2 a, .text-invert-inside h3, .text-invert-inside h3 a, .text-invert-inside h4, .text-invert-inside h4 a, .text-invert-inside h5, .text-invert-inside h5 a, .text-invert-inside h6, .text-invert-inside h6 a, .text-invert-inside i, .text-invert-inside i a, .text-invert-inside li a, .text-invert-inside p, .text-invert-inside p:not(.button) a, .text-invert-inside strong, .content-teaser-box.button-link .text-invert-inside a, .content-teaser-box.button-link .text-invert-inside a:hover, .content-teaser-box.button-bracket-link .text-invert-inside a, .content-teaser-box.button-bracket-link .text-invert-inside a:hover { color: #fff !important; } } @media screen and (max-width: 780px) { .text-invert-outside, .text-invert-outside h1, .text-invert-outside h1 a, .text-invert-outside h2, .text-invert-outside h2 a, .text-invert-outside h3, .text-invert-outside h3 a, .text-invert-outside h4, .text-invert-outside h4 a, .text-invert-outside h5, .text-invert-outside h5 a, .text-invert-outside h6, .text-invert-outside h6 a, .text-invert-outside i, .text-invert-outside i a, .text-invert-outside li a, .text-invert-outside p, .text-invert-outside p:not(.button) a, .text-invert-outside strong, .content-teaser-box.button-link .text-invert-outside a, .content-teaser-box.button-link .text-invert-outside a:hover, .content-teaser-box.button-bracket-link .text-invert-outside a, .content-teaser-box.button-bracket-link .text-invert-outside a:hover { color: #fff !important; } } .color-light, .icon-light i, i.icon-light, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-light a, .content-quote-box blockquote::before { color: #e9ecef; } .color-dark, body, input:not([type="radio"]):not([type="checkbox"]), textarea, select, button.button-light, .button-light p.button a, .button-light button.submit, .content-toplink.button-light a, .button-light p.button a:hover, .content-toplink.button-light a:hover, button.button-default, .button-default p.button a, .button-default button.submit, .content-toplink.button-default a, .button-default p.button a:hover, .content-toplink.button-default a:hover, button.button-warning, .button-warning p.button a, .button-warning button.submit, .content-toplink.button-warning a, .button-warning p.button a:hover, .content-toplink.button-warning a:hover, #nav-top a, #nav-top strong, #nav-main a, #nav-main strong, #nav-main ul.level_1 > li.submenu > a::after, #nav-main ul.level_1 > li.submenu > strong::after, .nav-sub a, .nav-sub strong, .content-notice-box.notice-box-white, .icon-dark i, i.icon-dark, .content-team-box .content-headline a, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-dark a, .content-teaser-box .content-headline a, .content-teaser-box .highlight, .content-quote-box.icon-dark blockquote::before, .mod_search h3 a, .mod_newsarchive h2 a, .mod_newslist h2 a { color: #343a40; } .color-black, .icon-black i, i.icon-black, #toggle-nav::after, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-black a, .content-quote-box.icon-black blockquote::before { color: #000; } .color-success, .icon-success i, i.icon-success, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-success a, .content-quote-box.icon-success blockquote::before { color: #28a745; } .color-info, .icon-info i, i.icon-info, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-info a, .content-quote-box.icon-info blockquote::before { color: #17a2b8; } .color-warning, .icon-warning i, i.icon-warning, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-warning a, .content-quote-box.icon-warning blockquote::before { color: #ffc107; } .color-danger, .icon-danger i, i.icon-danger, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-danger a, .content-quote-box.icon-danger blockquote::before, span.mandatory { color: #dc3545; } .color-primary, a, button.button-link, .button-link p.button a, .button-link button.submit, .content-toplink.button-link a, button.button-bracket-link, .button-bracket-link p.button a, .button-bracket-link button.submit, .content-toplink.button-bracket-link a, .icon-primary i, i.icon-primary, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-primary a, .content-quote-box.icon-primary blockquote::before { color: #007bff; } .color-secondary, #nav-breadcrumb ul li, #nav-breadcrumb ul li + li::before, blockquote footer, .icon-secondary i, i.icon-secondary, .content-download .size, .content-downloads .size, .content-price-table .price-info, .content-price-table .services-list .item.deactivate, :is(.content-teaser-image,.content-teaserbild) .scrolldown.color-secondary a, .content-quote-box.icon-secondary blockquote::before, .mod_search .relevance { color: #6c757d; } .notice-box-light { color: #818182; } .notice-box-dark { color: #e4e4e4; } .notice-box-success, .ce_comments .tl_confirm, .mod_changePassword p.tl_confirm, .mod_lostPassword p.confirm, .mod_personalData p.tl_confirm, .mod_registration p.confirm, .mod_subscribe p.confirm { color: #155724; } .notice-box-info, .mod_search .info { color: #0c5460; } .notice-box-warning { color: #856404; } .notice-box-danger, .mod_changePassword p.error, .mod_login .error, .mod_lostPassword p.error, .mod_registration p.error, .mod_subscribe p.error, .mod_unsubscribe p.error { color: #721c24; } .notice-box-primary, a:hover, button.button-link:hover, .button-link p.button a:hover, .button-link button.submit:hover, .content-toplink.button-link a:hover, button.button-bracket-link:hover, .button-bracket-link p.button a:hover, .button-bracket-link button.submit:hover, .content-toplink.button-bracket-link a:hover { color: #004085; } .notice-box-secondary, .notice-box-secondary-light, .mod_search .header { color: #383d41; } mark { background: #ffff00; } .bg-white, button.button-default, .button-default p.button, .button-default button.submit, .content-toplink.button-default, .content-notice-box.notice-box-white, .bg-icon-white i, .bg-icon-white svg, #nav-main ul.level_2, #nav-main ul.level_4, .nav-sub ul.level_1, .nav-sub ul.level_3, .content-download::before, .content-downloads::before, .content-text hr.bg-white, .content-text-image-tile .box-img.arrow::before, .content-text-image-tile.bg-white .box-img.arrow::before, .content-timeline.timeline-white::before, .content-timeline.timeline-white .box-text::before, .content-timeline .box-date::before, .content-timeline.bg-icon-white .box-date::before, .content-quote-box.quote-box-3 blockquote::before, .content-quote-box.quote-box-3.bg-icon-white blockquote::before, .layout_latest, .switch-dark-mode .slider::before { background: #fff; } .bg-light, button.button-light, .button-light p.button, .button-light button.submit, .content-toplink.button-light, #nav-main ul.level_3, .nav-sub ul.level_2, #nav-breadcrumb ul, .filter_reset, .content-code code.hljs, .content-filter-wrapper .filter-controls li, .content-gallery figcaption, .content-notice-box.notice-box-light, .content-notice-box.notice-box-secondary-light, .bg-icon-light i, .bg-icon-light svg, .content-accordion .handorgel__header button, .content-image figcaption, .content-tabs.tabs-1 > label, .content-text hr, .content-text hr.bg-light, .content-text pre, .content-text-image-tile.bg-light .box-img.arrow::before, .content-timeline.bg-icon-light .box-date::before, .content-timeline.timeline-light::before, .content-timeline.timeline-light .box-text::before, .content-quote-box.quote-box-3.bg-icon-light blockquote::before, .mod_calendar .calendar-head .label, .mod_calendar .calendar-body > div > div .label, nav[data-pagination] ol li a:hover, .pagination ul li a:hover, tfoot td, th { background: #e9ecef; } .bg-dark, button.button-dark, .button-dark p.button, .button-dark button.submit, .content-toplink.button-dark, .content-notice-box.notice-box-dark, .bg-icon-dark i, .bg-icon-dark svg, .content-text abbr[title]:hover::before, .content-text hr.bg-dark, .content-text kbd, .content-text-image-tile.bg-dark .box-img.arrow::before, .content-timeline.bg-icon-dark .box-date::before, .content-timeline::before, .content-timeline .box-text::before, .content-timeline.timeline-dark::before, .content-timeline.timeline-dark .box-text::before, .content-quote-box.quote-box-3.bg-icon-dark blockquote::before, .mod_calendar .calendar-body > div > div.today .label, .switch-dark-mode .slider { background: #343a40; } .bg-black, .content-notice-box.notice-box-black, .bg-icon-black i, .bg-icon-black svg, #colorbox #cboxClose::after, #colorbox #cboxPrevious::after, #colorbox #cboxNext::after, #colorbox #cboxTitle, .content-text hr.bg-black, .content-text-image-tile.bg-black .box-img.arrow::before, .content-timeline.bg-icon-black .box-date::before, .content-timeline.timeline-black::before, .content-timeline.timeline-black .box-text::before, .content-quote-box.quote-box-3.bg-icon-black blockquote::before { background: #000; } .bg-success, button.button-success, .button-success p.button, .button-success button.submit, .content-toplink.button-success, .bg-icon-success i, .bg-icon-success svg, .content-text hr.bg-success, .content-text-image-tile.bg-success .box-img.arrow::before, .content-timeline.bg-icon-success .box-date::before, .content-timeline.timeline-success::before, .content-timeline.timeline-success .box-text::before, .content-quote-box.quote-box-3.bg-icon-success blockquote::before { background: #28a745; } .bg-info, button.button-info, .button-info p.button, .button-info button.submit, .content-toplink.button-info, .bg-icon-info i, .bg-icon-info svg, .content-text hr.bg-info, .content-text-image-tile.bg-info .box-img.arrow::before, .content-timeline.bg-icon-info .box-date::before, .content-timeline.timeline-info::before, .content-timeline.timeline-info .box-text::before, .content-quote-box.quote-box-3.bg-icon-info blockquote::before { background: #17a2b8; } .bg-warning, button.button-warning, .button-warning p.button, .button-warning button.submit, .content-toplink.button-warning, .bg-icon-warning i, .bg-icon-warning svg, .content-text hr.bg-warning, .content-text-image-tile.bg-warning .box-img.arrow::before, .content-timeline.bg-icon-warning .box-date::before, .content-timeline.timeline-warning::before, .content-timeline.timeline-warning .box-text::before, .content-quote-box.quote-box-3.bg-icon-warning blockquote::before { background: #ffc107; } .bg-danger, button.button-danger, .button-danger p.button, .button-danger button.submit, .content-toplink.button-danger, .bg-icon-danger i, .bg-icon-danger svg, .content-text hr.bg-danger, .content-text-image-tile.bg-danger .box-img.arrow::before, .content-timeline.bg-icon-danger .box-date::before, .content-timeline.timeline-danger::before, .content-timeline.timeline-danger .box-text::before, .content-quote-box.quote-box-3.bg-icon-danger blockquote::before { background: #dc3545; } .bg-primary, button.button-primary, .button-primary p.button, .button-primary button.submit, .content-toplink.button-primary, .bg-icon-primary i, .bg-icon-primary svg, .content-text hr.bg-primary, .content-text-image-tile.bg-primary .box-img.arrow::before, .content-timeline.bg-icon-primary .box-date::before, .content-timeline.timeline-primary::before, .content-timeline.timeline-primary .box-text::before, .content-quote-box.quote-box-3.bg-icon-primary blockquote::before, nav[data-pagination] ol li a.active, .pagination ul li strong, .switch-dark-mode input:checked + .slider, [data-theme="dark"] .switch-dark-mode input + .slider { background: #007bff; } .bg-secondary, button.button-secondary, .button-secondary p.button, .button-secondary button.submit, .content-toplink.button-secondary, .bg-icon-secondary i, .bg-icon-secondary svg, .content-text hr.bg-secondary, .content-text-image-tile.bg-secondary .box-img.arrow::before, .content-timeline.bg-icon-secondary .box-date::before, .content-timeline.timeline-secondary::before, .content-timeline.timeline-secondary .box-text::before, .content-quote-box.quote-box-3.bg-icon-secondary blockquote::before { background: #6c757d; } .content-notice-box.notice-box-success, .ce_comments .tl_confirm, .mod_changePassword p.tl_confirm, .mod_lostPassword p.confirm, .mod_personalData p.tl_confirm, .mod_registration p.confirm, .mod_subscribe p.confirm { background: #d4edda; } .content-notice-box.notice-box-info, .mod_search .info { background: #d1ecf1; } .content-notice-box.notice-box-warning { background: #fff3cd; } .content-notice-box.notice-box-danger, .mod_changePassword p.error, .mod_login .error, .mod_lostPassword p.error, .mod_registration p.error, .mod_subscribe p.error, .mod_unsubscribe p.error { background: #f8d7da; } .content-notice-box.notice-box-primary { background: #cce5ff; } .content-notice-box.notice-box-secondary, .mod_search .header { background: #e2e3e5; } button.button-default:hover, .button-default p.button:hover, .button-default button.submit:hover, .content-accordion .handorgel__header button:hover, .content-filter-wrapper .filter-controls li:hover, .content-filter-wrapper .filter-controls li.is-active, .content-toplink.button-default:hover, .content-tabs.tabs-1 > label:hover { background: #e6e6e6; } button.button-light:hover, .button-light p.button:hover, .button-light button.submit:hover, .content-toplink.button-light:hover { background: #e2e6ea; } button.button-dark:hover, .button-dark p.button:hover, .button-dark button.submit:hover, .content-toplink.button-dark:hover { background: #23272b; } button.button-success:hover, .button-success p.button:hover, .button-success button.submit:hover, .content-toplink.button-success:hover { background: #218838; } button.button-info:hover, .button-info p.button:hover, .button-info button.submit:hover, .content-toplink.button-info:hover { background: #138496; } button.button-warning:hover, .button-warning p.button:hover, .button-warning button.submit:hover, .content-toplink.button-warning:hover { background: #e0a800; } button.button-danger:hover, .button-danger p.button:hover, .button-danger button.submit:hover, .content-toplink.button-danger:hover { background: #c82333; } button.button-primary:hover, .button-primary p.button:hover, .button-primary button.submit:hover, .content-toplink.button-primary:hover { background: #0069d9; } button.button-secondary:hover, .button-secondary p.button:hover, .button-secondary button.submit:hover, .content-toplink.button-secondary:hover { background: #5a6268; } @media screen and (max-width: 779px) { #nav-main, #nav-main ul.level_3 { background: #fff; } #nav-main ul.level_2, #nav-main ul.level_4 { background: #e9ecef; } } .border-default, button.button-default, .button-default p.button, .button-default button.submit, .content-toplink.button-default, th, td, input, textarea, select, .content-accordion .handorgel__header button, .content-code code, .content-filter-wrapper .filter-controls li, .content-gallery a img, .content-gallery figcaption, .content-notice-box .border-default i, .content-notice-box .border-default svg, .content-icon-box .border-default i, .content-icon-box .border-default svg, .content-tabs.tabs-1 > label, .content-team-box.border-default, .content-team-box .border-default img, .content-text pre, .content-quote-box .border-default img, .mod_calendar .calendar-head .label, .mod_calendar .calendar-body > div > div, nav[data-pagination] ol li a, .pagination ul li a { border-color: #ccc; } .border-white, .content-notice-box .border-white i, .content-notice-box .border-white svg, .content-icon-box .border-white i, .content-icon-box .border-white svg, .content-team-box.border-white, .content-team-box .border-white img, .content-timeline.icon-white .box-date::after, .content-quote-box .border-white img, .content-quote-box.border-white blockquote { border-color: #fff; } .border-light, button.button-light, .button-light p.button, .button-light button.submit, .content-toplink.button-light, .ce_comments .reply, .content-notice-box.notice-box-light, .content-notice-box .border-light i, .content-notice-box .border-light svg, .content-icon-box .border-light i, .content-icon-box .border-light svg, .content-team-box.border-light, .content-team-box .border-light img, .content-timeline.icon-light .box-date::after, .content-quote-box .border-light img, .content-quote-box.border-light blockquote, .content-download, .content-downloads, .content-download::before, .content-downloads::before, blockquote { border-color: #e9ecef; } .border-dark, button.button-dark, .button-dark p.button, .button-dark button.submit, .content-toplink.button-dark, .content-notice-box.notice-box-white, .content-notice-box.notice-box-dark, .content-notice-box .border-dark i, .content-notice-box .border-dark svg, .content-icon-box .border-dark i, .content-icon-box .border-dark svg, .content-team-box.border-dark, .content-team-box .border-dark img, .content-timeline.icon-dark .box-date::after, .content-timeline .box-date::after, .content-quote-box .border-dark img, .content-quote-box.border-dark blockquote { border-color: #343a40; } .border-black, .content-notice-box.notice-box-black, .content-notice-box .border-black i, .content-notice-box .border-black svg, .content-icon-box .border-black i, .content-icon-box .border-black svg, .content-team-box.border-black, .content-team-box .border-black img, .content-timeline.icon-black .box-date::after, .content-quote-box .border-black img, .content-quote-box.border-black blockquote { border-color: #000; } .border-success, button.button-success, .button-success p.button, .button-success button.submit, .content-toplink.button-success, .content-notice-box .border-success i, .content-notice-box .border-success svg, .content-icon-box .border-success i, .content-icon-box .border-success svg, .content-team-box.border-success, .content-team-box .border-success img, .content-timeline.icon-success .box-date::after, .content-quote-box .border-success img, .content-quote-box.border-success blockquote { border-color: #28a745; } .border-info, button.button-info, .button-info p.button, .button-info button.submit, .content-toplink.button-info, .content-notice-box .border-info i, .content-notice-box .border-info svg, .content-icon-box .border-info i, .content-icon-box .border-info svg, .content-team-box.border-info, .content-team-box .border-info img, .content-timeline.icon-info .box-date::after, .content-quote-box .border-info img, .content-quote-box.border-info blockquote { border-color: #17a2b8; } .border-warning, button.button-warning, .button-warning p.button, .button-warning button.submit, .content-toplink.button-warning, .content-notice-box .border-warning i, .content-notice-box .border-warning svg, .content-icon-box .border-warning i, .content-icon-box .border-warning svg, .content-team-box.border-warning, .content-team-box .border-warning img, .content-timeline.icon-warning .box-date::after, .content-quote-box .border-warning img, .content-quote-box.border-warning blockquote { border-color: #ffc107; } .border-danger, button.button-danger, .button-danger p.button, .button-danger button.submit, .content-toplink.button-danger, .content-notice-box .border-danger i, .content-notice-box .border-danger svg, .content-icon-box .border-danger i, .content-icon-box .border-danger svg, .content-team-box.border-danger, .content-team-box .border-danger img, .content-timeline.icon-danger .box-date::after, .content-quote-box .border-danger img, .content-quote-box.border-danger blockquote { border-color: #dc3545; } .border-primary, button.button-primary, .button-primary p.button, .button-primary button.submit, .content-toplink.button-primary, div .border-primary i, div .border-primary svg, .content-team-box.border-primary, .content-team-box .border-primary img, .content-timeline.icon-primary .box-date::after, .content-quote-box .border-primary img, .content-quote-box.border-primary blockquote, nav[data-pagination] ol li a.active, .pagination ul li strong { border-color: #007bff; } .border-secondary, button.button-secondary, .button-secondary p.button, .button-secondary button.submit, .content-toplink.button-secondary, .content-notice-box .border-secondary i, .content-notice-box .border-secondary svg, .content-icon-box .border-secondary i, .content-icon-box .border-secondary svg, .content-team-box.border-secondary, .content-team-box .border-secondary img, .content-timeline.icon-secondary .box-date::after, .content-quote-box .border-secondary img, .content-quote-box.border-secondary blockquote { border-color: #6c757d; } .content-notice-box.notice-box-success, .ce_comments .tl_confirm, .mod_changePassword p.tl_confirm, .mod_lostPassword p.confirm, .mod_personalData p.tl_confirm, .mod_registration p.confirm, .mod_subscribe p.confirm { border-color: #c3e6cb; } .content-notice-box.notice-box-info, .mod_search .info { border-color: #bee5eb; } .content-notice-box.notice-box-warning { border-color: #ffeeba; } .content-notice-box.notice-box-danger, .mod_changePassword p.error, .mod_login .error, .mod_lostPassword p.error, .mod_registration p.error, .mod_subscribe p.error, .mod_unsubscribe p.error { border-color: #f5c6cb; } .content-notice-box.notice-box-primary, input:focus, textarea:focus { border-color: #b8daff; } .content-notice-box.notice-box-secondary, .content-notice-box.notice-box-secondary-light, .mod_search .header { border-color: #d6d8db; } button.button-default:hover, .button-default p.button:hover, .button-default button.submit:hover, .content-toplink.button-default:hover { border-color: #adadad; } button.button-light:hover, .button-light p.button:hover, .button-light button.submit:hover, .content-toplink.button-light:hover { border-color: #dae0e5; } button.button-dark:hover, .button-dark p.button:hover, .button-dark button.submit:hover, .content-toplink.button-dark:hover { border-color: #1d2124; } button.button-success:hover, .button-success p.button:hover, .button-success button.submit:hover, .content-toplink.button-success:hover { border-color: #1e7e34; } button.button-info:hover, .button-info p.button:hover, .button-info button.submit:hover, .content-toplink.button-info:hover { border-color: #117a8b; } button.button-warning:hover, .button-warning p.button:hover, .button-warning button.submit:hover, .content-toplink.button-warning:hover { border-color: #d39e00; } button.button-danger:hover, .button-danger p.button:hover, .button-danger button.submit:hover, .content-toplink.button-danger:hover { border-color: #bd2130; } button.button-primary:hover, .button-primary p.button:hover, .button-primary button.submit:hover, .content-toplink.button-primary:hover { border-color: #0062cc; } button.button-secondary:hover, .button-secondary p.button:hover, .button-secondary button.submit:hover, .content-toplink.button-secondary:hover { border-color: #545b62; } .outline-default i, .outline-default svg, .outline-default span { outline-color: #ccc; } .outline-white i, .outline-white svg, .outline-white span { outline-color: #fff; } .outline-light i, .outline-light svg, .outline-light span { outline-color: #e9ecef; } .outline-dark i, .outline-dark svg, .outline-dark span { outline-color: #343a40; } .outline-black i, .outline-black svg, .outline-black span { outline-color: #000; } .outline-success i, .outline-success svg, .outline-success span { outline-color: #28a745; } .outline-info i, .outline-info svg, .outline-info span { outline-color: #17a2b8; } .outline-warning i, .outline-warning svg, .outline-warning span { outline-color: #ffc107; } .outline-danger i, .outline-danger svg, .outline-danger span { outline-color: #dc3545; } .outline-primary i, .outline-primary svg, .outline-primary span { outline-color: #007bff; } .outline-secondary i, .outline-secondary svg, .outline-secondary span { outline-color: #6c757d; } .contao-cookiebar .cc-inner { box-shadow: none; } input:hover, textarea:hover, input:focus, textarea:focus { box-shadow: 0 0 2px #cce5ff; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .justify { text-align: justify; } .vwrapper { display: table; height: 100%; width: 100%; } .vtop { display: table-cell; vertical-align: top; } .vcenter { display: table-cell; vertical-align: middle; } .vbottom { display: table-cell; vertical-align: bottom; } .media--left:not(.media), .media--left figure { float: left; } .media--right:not(.media), .media--right figure { float: right; } button, p.button { background: transparent; border-color: transparent; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; height: 32px; margin: 7px 0; text-align: center; text-decoration: none; white-space: nowrap; } button, .button a { display: block; padding: 0 12px; } button:hover, .button:hover, p.button:hover a { text-decoration: none !important; } button.button-link, .button-link p.button, .button-link p.button a, .button-link button.submit, .content-toplink.button-link a, button.button-bracket-link, .button-bracket-link p.button, .button-bracket-link p.button a, .button-bracket-link button.submit, .content-toplink.button-bracket-link a { padding: 0; } button.button-link:hover, .button-link p.button a:hover, .button-link button.submit:hover, .content-toplink.button-link a:hover, button.button-bracket-link:hover, .button-bracket-link p.button a:hover, .button-bracket-link button.submit:hover, .content-toplink.button-bracket-link a:hover { text-decoration: underline !important; } button.button-bracket-link::before, button.button-bracket-link::after, .button-bracket-link p.button a::before, .button-bracket-link p.button a::after, .button-bracket-link button.submit::before, .button-bracket-link button.submit::after, .content-toplink.button-bracket-link a::before, .content-toplink.button-bracket-link a::after, a.bracket-link::before, a.bracket-link::after { content: "["; font-size: 125%; } button.button-bracket-link::after, .button-bracket-link p.button a::after, .button-bracket-link button.submit::after, .content-toplink.button-bracket-link a::after, a.bracket-link::after { content: "]"; } button.button-link, button.button-bracket-link, .button-link p.button, .button-bracket-link p.button { height: auto; } input:not([type="radio"]):not([type="checkbox"]):not(.submit), input[class*="grid-"], textarea, select { border-style: solid; border-width: 1px; padding: 6px 12px; width: 100%; } input.text { height: 32px; } .radio_container span { display: block; margin: 7px 0; } .content-notice-box .icon.rounded-circle i, .content-notice-box .icon.rounded-circle svg, .content-icon-box .icon.rounded-circle i, .content-icon-box .icon.rounded-circle svg, .content-icon-box .icon.rounded-circle span, .content-team-box .rounded-circle img, .content-quote-box .rounded-circle img, .quote-box-3 blockquote::before, .content-timeline .box-date::before, .content-timeline .box-date::after, .switch-dark-mode .slider::before { border-radius: 100%; } .switch-dark-mode .slider { border-radius: 35px; } .content-count-up.border-style-solid, .content-notice-box .border-style-solid i, .content-notice-box .border-style-solid svg, .content-icon-box.border-style-solid, .content-icon-box .border-style-solid i, .content-icon-box .border-style-solid svg, .content-map .iframe[class*="border-"].border-style-solid, .content-team-box.border-style-solid, .content-team-box .border-style-solid img, .content-teaser-box[class*="border-"]:not(.border-sm).border-style-solid, .content-quote-box .border-style-solid img { border-style: solid; } .content-count-up.border-style-dotted, .content-notice-box .border-style-dotted i, .content-notice-box .border-style-dotted svg, .content-icon-box.border-style-dotted, .content-icon-box .border-style-dotted i, .content-icon-box .border-style-dotted svg, .content-map .iframe[class*="border-"].border-style-dotted, .content-team-box.border-style-dotted, .content-team-box .border-style-dotted img, .content-teaser-box[class*="border-"]:not(.border-sm).border-style-dotted, .content-quote-box .border-style-dotted img { border-style: dotted; } .content-count-up.border-style-dashed, .content-notice-box .border-style-dashed i, .content-notice-box .border-style-dashed svg, .content-icon-box.border-style-dashed, .content-icon-box .border-style-dashed i, .content-icon-box .border-style-dashed svg, .content-map .iframe[class*="border-"].border-style-dashed, .content-team-box.border-style-dashed, .content-team-box .border-style-dashed img, .content-teaser-box[class*="border-"]:not(.border-sm).border-style-dashed, .content-quote-box .border-style-dashed img { border-style: dashed; } .content-count-up.border-style-double, .content-notice-box .border-style-double i, .content-notice-box .border-style-double svg, .content-icon-box.border-style-double, .content-icon-box .border-style-double i, .content-icon-box .border-style-double svg, .content-map .iframe[class*="border-"].border-style-double, .content-team-box.border-style-double, .content-team-box .border-style-double img, .content-teaser-box[class*="border-"]:not(.border-sm).border-style-double, .content-quote-box .border-style-double img { border-style: double; } .content-count-up.border-width-1, .content-notice-box .border-width-1 i, .content-notice-box .border-width-1 svg, .content-icon-box.border-width-1, .content-icon-box .border-width-1 i, .content-icon-box .border-width-1 svg, .content-map .iframe[class*="border-"].border-width-1, .content-team-box.border-width-1, .content-team-box .border-width-1 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-1, .content-quote-box .border-width-1 img { border-width: 1px; } .content-count-up.border-width-2, .content-notice-box .border-width-2 i, .content-notice-box .border-width-2 svg, .content-icon-box.border-width-2, .content-icon-box .border-width-2 i, .content-icon-box .border-width-2 svg, .content-map .iframe[class*="border-"].border-width-2, .content-team-box.border-width-2, .content-team-box .border-width-2 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-2, .content-quote-box .border-width-2 img { border-width: 2px; } .content-count-up.border-width-3, .content-notice-box .border-width-3 i, .content-notice-box .border-width-3 svg, .content-icon-box.border-width-3, .content-icon-box .border-width-3 i, .content-icon-box .border-width-3 svg, .content-map .iframe[class*="border-"].border-width-3, .content-team-box.border-width-3, .content-team-box .border-width-3 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-3, .content-quote-box .border-width-3 img { border-width: 3px; } .content-count-up.border-width-5, .content-notice-box .border-width-5 i, .content-notice-box .border-width-5 svg, .content-icon-box.border-width-5, .content-icon-box .border-width-5 i, .content-icon-box .border-width-5 svg, .content-map .iframe[class*="border-"].border-width-5, .content-team-box.border-width-5, .content-team-box .border-width-5 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-5, .content-quote-box .border-width-5 img { border-width: 5px; } .content-count-up.border-width-7, .content-notice-box .border-width-7 i, .content-notice-box .border-width-7 svg, .content-icon-box.border-width-7, .content-icon-box .border-width-7 i, .content-icon-box .border-width-7 svg, .content-map .iframe[class*="border-"].border-width-7, .content-team-box.border-width-7, .content-team-box .border-width-7 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-7, .content-quote-box .border-width-7 img { border-width: 7px; } .content-count-up.border-width-9, .content-notice-box .border-width-9 i, .content-notice-box .border-width-9 svg, .content-icon-box.border-width-9, .content-icon-box .border-width-9 i, .content-icon-box .border-width-9 svg, .content-map .iframe[class*="border-"].border-width-9, .content-team-box.border-width-9, .content-team-box .border-width-9 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-9, .content-quote-box .border-width-9 img { border-width: 9px; } .content-count-up.border-width-14, .content-notice-box .border-width-14 i, .content-notice-box .border-width-14 svg, .content-icon-box.border-width-14, .content-icon-box .border-width-14 i, .content-icon-box .border-width-14 svg, .content-map .iframe[class*="border-"].border-width-14, .content-team-box.border-width-14, .content-team-box .border-width-14 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-14, .content-quote-box .border-width-14 img { border-width: 14px; } .content-count-up.border-width-21, .content-notice-box .border-width-21 i, .content-notice-box .border-width-21 svg, .content-icon-box.border-width-21, .content-icon-box .border-width-21 i, .content-icon-box .border-width-21 svg, .content-map .iframe[class*="border-"].border-width-21, .content-team-box.border-width-21, .content-team-box .border-width-21 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-21, .content-quote-box .border-width-21 img { border-width: 21px; } .content-count-up.border-width-28, .content-notice-box .border-width-28 i, .content-notice-box .border-width-28 svg, .content-icon-box.border-width-28, .content-icon-box .border-width-28 i, .content-icon-box .border-width-28 svg, .content-map .iframe[class*="border-"].border-width-28, .content-team-box.border-width-28, .content-team-box .border-width-28 img, .content-teaser-box[class*="border-"]:not(.border-sm).border-width-28, .content-quote-box .border-width-28 img { border-width: 28px; } @media screen and (max-width: 779px) { .content-teaser-box[class*="border-"].border-sm.border-style-solid { border-style: solid; } .content-teaser-box[class*="border-"].border-sm.border-style-dotted { border-style: dotted; } .content-teaser-box[class*="border-"].border-sm.border-style-dashed { border-style: dashed; } .content-teaser-box[class*="border-"].border-sm.border-style-double { border-style: double; } .content-teaser-box[class*="border-"].border-sm.border-width-1 { border-width: 1px; } .content-teaser-box[class*="border-"].border-sm.border-width-2 { border-width: 2px; } .content-teaser-box[class*="border-"].border-sm.border-width-3 { border-width: 3px; } .content-teaser-box[class*="border-"].border-sm.border-width-5 { border-width: 5px; } .content-teaser-box[class*="border-"].border-sm.border-width-7 { border-width: 7px; } .content-teaser-box[class*="border-"].border-sm.border-width-9 { border-width: 9px; } .content-teaser-box[class*="border-"].border-sm.border-width-14 { border-width: 14px; } .content-teaser-box[class*="border-"].border-sm.border-width-21 { border-width: 21px; } .content-teaser-box[class*="border-"].border-sm.border-width-28 { border-width: 28px; } } .content-notice-box .outline-style-solid i, .content-notice-box .outline-style-solid svg, .content-icon-box .outline-style-solid i, .content-icon-box .outline-style-solid svg, .content-icon-box .outline-style-solid span { outline-style: solid; } .content-notice-box .outline-style-dotted i, .content-notice-box .outline-style-dotted svg, .content-icon-box .outline-style-dotted i, .content-icon-box .outline-style-dotted svg, .content-icon-box .outline-style-dotted span { outline-style: dotted; } .content-notice-box .outline-style-dashed i, .content-notice-box .outline-style-dashed svg, .content-icon-box .outline-style-dashed i, .content-icon-box .outline-style-dashed svg, .content-icon-box .outline-style-dashed span { outline-style: dashed; } .content-notice-box .outline-style-double i, .content-notice-box .outline-style-double svg, .content-icon-box .outline-style-double i, .content-icon-box .outline-style-double svg, .content-icon-box .outline-style-double span { outline-style: double; } .content-notice-box .outline-width-1 i, .content-notice-box .outline-width-1 svg, .content-icon-box .outline-width-1 i, .content-icon-box .outline-width-1 svg, .content-icon-box .outline-width-1 span { outline-width: 1px; } .content-notice-box .outline-width-2 i, .content-notice-box .outline-width-2 svg, .content-icon-box .outline-width-2 i, .content-icon-box .outline-width-2 svg, .content-icon-box .outline-width-2 span { outline-width: 2px; } .content-notice-box .outline-width-3 i, .content-notice-box .outline-width-3 svg, .content-icon-box .outline-width-3 i, .content-icon-box .outline-width-3 svg, .content-icon-box .outline-width-3 span { outline-width: 3px; } .content-notice-box .outline-width-5 i, .content-notice-box .outline-width-5 svg, .content-icon-box .outline-width-5 i, .content-icon-box .outline-width-5 svg, .content-icon-box .outline-width-5 span { outline-width: 5px; } .content-notice-box .outline-width-7 i, .content-notice-box .outline-width-7 svg, .content-icon-box .outline-width-7 i, .content-icon-box .outline-width-7 svg, .content-icon-box .outline-width-7 span { outline-width: 7px; } .content-notice-box .outline-width-9 i, .content-notice-box .outline-width-9 svg, .content-icon-box .outline-width-9 i, .content-icon-box .outline-width-9 svg, .content-icon-box .outline-width-9 span { outline-width: 9px; } .content-notice-box .outline-width-14 i, .content-notice-box .outline-width-14 svg, .content-icon-box .outline-width-14 i, .content-icon-box .outline-width-14 svg, .content-icon-box .outline-width-14 span { outline-width: 14px; } .content-notice-box .outline-width-21 i, .content-notice-box .outline-width-21 svg, .content-icon-box .outline-width-21 i, .content-icon-box .outline-width-21 svg, .content-icon-box .outline-width-21 span { outline-width: 21px; } .content-notice-box .outline-width-28 i, .content-notice-box .outline-width-28 svg, .content-icon-box .outline-width-28 i, .content-icon-box .outline-width-28 svg, .content-icon-box .outline-width-28 span { outline-width: 28px; } .opacity-5 { opacity: 0.05; filter: alpha(opacity=5); } .opacity-10 { opacity: 0.1; filter: alpha(opacity=10); } .opacity-15 { opacity: 0.15; filter: alpha(opacity=15); } .opacity-25 { opacity: 0.25; filter: alpha(opacity=25); } .opacity-35 { opacity: 0.35; filter: alpha(opacity=35); } .opacity-50 { opacity: 0.5; filter: alpha(opacity=50); } .opacity-65 { opacity: 0.65; filter: alpha(opacity=65); } .opacity-75 { opacity: 0.75; filter: alpha(opacity=75); } .opacity-85 { opacity: 0.85; filter: alpha(opacity=85); } .opacity-95 { opacity: 0.95; filter: alpha(opacity=90); } .opacity-after-5::after { opacity: 0.05; filter: alpha(opacity=5); } .opacity-after-10::after { opacity: 0.1; filter: alpha(opacity=10); } .opacity-after-15::after { opacity: 0.15; filter: alpha(opacity=15); } .opacity-after-25::after { opacity: 0.25; filter: alpha(opacity=25); } .opacity-after-35::after { opacity: 0.35; filter: alpha(opacity=35); } .opacity-after-50::after { opacity: 0.5; filter: alpha(opacity=50); } .opacity-after-65::after { opacity: 0.65; filter: alpha(opacity=65); } .opacity-after-75::after { opacity: 0.75; filter: alpha(opacity=75); } .opacity-after-85::after { opacity: 0.85; filter: alpha(opacity=85); } .opacity-after-95::after { opacity: 0.95; filter: alpha(opacity=95); } .overlay::after { background-repeat: repeat; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .overlay-01::after { background: url(../../bundles/bundles/themeultimate/img/overlays/01.webp); } .overlay-02::after { background: url(../../bundles/bundles/themeultimate/img/overlays/02.webp); } .overlay-03::after { background: url(../../bundles/bundles/themeultimate/img/overlays/03.webp); } .overlay-04::after { background: url(../../bundles/bundles/themeultimate/img/overlays/04.webp); } .overlay-05::after { background: url(../../bundles/bundles/themeultimate/img/overlays/05.webp); } .overlay-06::after { background: url(../../bundles/bundles/themeultimate/img/overlays/06.webp); } .overlay-07::after { background: url(../../bundles/bundles/themeultimate/img/overlays/07.webp); } .overlay-08::after { background: url(../../bundles/bundles/themeultimate/img/overlays/08.webp); } .overlay-09::after { background: url(../../bundles/bundles/themeultimate/img/overlays/09.webp); } .overlay-white::after { background: url(../../bundles/bundles/themeultimate/img/overlays/white.webp); } .overlay-grey::after { background: url(../../bundles/bundles/themeultimate/img/overlays/grey.webp); } .overlay-black::after { background: url(../../bundles/bundles/themeultimate/img/overlays/black.webp); } .overlay-red::after { background: url(../../bundles/bundles/themeultimate/img/overlays/red.webp); } .overlay-darkred::after { background: url(../../bundles/bundles/themeultimate/img/overlays/darkred.webp); } .overlay-green::after { background: url(../../bundles/bundles/themeultimate/img/overlays/green.webp); } .overlay-darkgreen::after { background: url(../../bundles/bundles/themeultimate/img/overlays/darkgreen.webp); } .overlay-blue::after { background: url(../../bundles/bundles/themeultimate/img/overlays/blue.webp); } .overlay-darkblue::after { background: url(../../bundles/bundles/themeultimate/img/overlays/darkblue.webp); } .overlay-cyan::after { background: url(../../bundles/bundles/themeultimate/img/overlays/cyan.webp); } .overlay-darkcyan::after { background: url(../../bundles/bundles/themeultimate/img/overlays/darkcyan.webp); } .overlay-magenta::after { background: url(../../bundles/bundles/themeultimate/img/overlays/magenta.webp); } .overlay-darkmagenta::after { background: url(../../bundles/bundles/themeultimate/img/overlays/darkmagenta.webp); } .overlay-yellow::after { background: url(../../bundles/bundles/themeultimate/img/overlays/yellow.webp); } .overlay-darkyellow::after { background: url(../../bundles/bundles/themeultimate/img/overlays/darkyellow.webp); } .overlay-bluegreen::after { background: url(../../bundles/bundles/themeultimate/img/overlays/bluegreen.webp); } .overlay-skyblue::after { background: url(../../bundles/bundles/themeultimate/img/overlays/skyblue.webp); } .overlay-purple::after { background: url(../../bundles/bundles/themeultimate/img/overlays/purple.webp); } .overlay-rose::after { background: url(../../bundles/bundles/themeultimate/img/overlays/rose.webp); } .overlay-orange::after { background: url(../../bundles/bundles/themeultimate/img/overlays/orange.webp); } .overlay-yellowgreen::after { background: url(../../bundles/bundles/themeultimate/img/overlays/yellowgreen.webp); } .overlay-noise::after { background: url(../../bundles/bundles/themeultimate/img/overlays/noise.webp); } .zoom-05:hover img { transform: scale(1.05); } .zoom-10:hover img { transform: scale(1.1); } .zoom-15:hover img { transform: scale(1.15); } .zoom-20:hover img { transform: scale(1.2); } .zoom-25:hover img { transform: scale(1.25); } .zoom-30:hover img { transform: scale(1.3); } .zoom-35:hover img { transform: scale(1.35); } .zoom-40:hover img { transform: scale(1.4); } .zoom-45:hover img { transform: scale(1.45); } .zoom-50:hover img { transform: scale(1.5); } *[class*="zoom-neg"]:hover img { transform: scale(1); } .zoom-neg95 img { transform: scale(1.05); } .zoom-neg90 img { transform: scale(1.1); } .zoom-neg85 img { transform: scale(1.15); } .zoom-neg80 img { transform: scale(1.2); } .zoom-neg75 img { transform: scale(1.25); } .zoom-neg70 img { transform: scale(1.3); } .zoom-neg65 img { transform: scale(1.35); } .zoom-neg60 img { transform: scale(1.4); } .zoom-neg55 img { transform: scale(1.45); } .zoom-neg50 img { transform: scale(1.5); } .transition-linear-15 img { transition: all 0.15s linear; } .transition-linear-25 img { transition: all 0.25s linear; } .transition-linear-50 img, .switch-dark-mode .slider, .switch-dark-mode .slider::before { transition: all 0.5s linear; } .transition-ease-in-15 img { transition: all 0.15s ease-in; } .transition-ease-in-25 img { transition: all 0.25s ease-in; } .transition-ease-in-50 img { transition: all 0.5s ease-in; } .transition-ease-out-15 img { transition: all 0.15s ease-out; } .transition-ease-out-25 img { transition: all 0.25s ease-out; } .transition-ease-out-50 img { transition: all 0.5s ease-out; } .transition-ease-in-out-15 img { transition: all 0.15s ease-in-out; } .transition-ease-in-out-25 img { transition: all 0.25s ease-in-out; } .transition-ease-in-out-50 img { transition: all 0.5s ease-in-out; } #wrapper { padding-bottom: 78px; padding-top: 112px; } @media screen and (min-width: 780px) { .header-left #wrapper, .header-right #wrapper { padding-top: 0; } } @media screen and (max-width: 1039px) { #wrapper { padding-bottom: 72px; padding-top: 82px; } } @media screen and (max-width: 779px) { #wrapper { padding-bottom: 105px; padding-top: 89px; } } @media screen and (max-width: 519px) { #wrapper { padding-bottom: 120px; } } #header { height: 112px; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 99; } #header .logo { width: 325px; } #nav-main-bar, #nav-main-bar .content-column-wrapper { overflow: visible; } @media screen and (min-width: 780px) { .header-left #header .logo, .header-right #header .logo { width: 230px; } } @media screen and (max-width: 1039px) { #header { height: 82px; } #header .logo { width: 200px; } } @media screen and (max-width: 779px) { #header { height: 89px; } #header .logo { margin: 14px 0; } } #container, #teaser, .inside { position: relative; } #left { margin-left: -100%; } @media screen and (max-width: 779px) { #left { margin-left: 0; } } #main { width: 100%; } #main .inside { min-height: 1px; } #right { margin-right: -100%; } @media screen and (max-width: 779px) { #right { margin-right: 0; } } #footer { bottom: 0; clear: both; height: 78px; left: 0; overflow: hidden; position: absolute; right: 0; } #footer .copyright { font-size: 14px; font-size: 0.875rem; } #footer .content-toplink { clear: both; display: block; margin: 0 auto; padding: 0; width: 34px; } #footer .content-toplink a { display: block; height: 32px; padding: 6px 9px; text-decoration: none; width: 100%; } #footer .content-toplink a::before { font-size: 18px; font-size: 1.125rem; line-height: 1; margin: 0; position: relative; } #footer .content-toplink span { display: none; } @media screen and (max-width: 1039px) { #footer { height: 72px; } } @media screen and (max-width: 779px) { #footer { height: 105px; } #footer .copyright { float: none; margin: auto; text-align: center; } } @media screen and (max-width: 519px) { #footer { height: 120px; } #footer .copyright .footer-rechte { display: block; } } .content-text { word-break: break-word; } .content-text abbr { cursor: help; position: relative; } .content-text code, .content-table code { font-family: "Lucida Console", Monaco, monospace; font-size: 14px; font-size: 0.875rem; } .content-text del { text-decoration: line-through; } .content-text em { font-style: italic; } .content-text hr { border: none; height: 2px; } .content-text kbd { box-decoration-break: clone; font-family: "Lucida Console", Monaco, monospace; font-size: 14px; font-size: 0.875rem; padding: 4px 4px 2px; } .content-text mark { box-decoration-break: clone; padding: 0 5px; } .content-text pre { border-style: solid; border-width: 1px; display: block; font-family: "Lucida Console", Monaco, monospace; font-size: 14px; font-size: 0.875rem; overflow: auto; margin: 7px 0; padding: 14px; white-space: pre; word-break: break-all; word-wrap: break-word; } .content-text sub, .content-text sup { font-size: 12px; font-size: 0.75rem; position: relative; top: -3px; vertical-align: text-top; } .content-text sub { top: 3px; vertical-align: text-bottom; } @media screen and (max-width: 779px) { .content-text abbr[title]:hover::before { content: attr(title); left: -7px; padding: 3px 5px; position: absolute; text-decoration: none; top: -26px; white-space: nowrap; } .content-text abbr[title]:hover::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #343a40; clear: both; content: ""; left: 0; position: absolute; top: -2px; } } ul { list-style-type: none; } .content-list ol, .content-table ol, .content-text ol { counter-reset: item; list-style: none; } .content-list ol > li, .content-table ol > li, .content-text ol > li { counter-increment: item; padding-left: 41px; } .content-list ol > li::before, .content-table ol > li::before, .content-text ol > li::before { content: counters(item, ".") "."; margin-left: -20.5px; margin-right: 7px; } .content-list ol ol > li, .content-table ol ol > li, .content-text ol ol > li { padding-left: 53px; } .content-list ol ol > li::before, .content-table ol ol > li::before, .content-text ol ol > li::before { margin-left: -33.5px; } .content-list ol ol ol > li, .content-table ol ol ol > li, .content-text ol ol ol > li { padding-left: 66px; } .content-list ol ol ol > li::before, .content-table ol ol ol > li::before, .content-text ol ol ol > li::before { margin-left: -47px; } .content-list ol ol ol ol > li, .content-table ol ol ol ol > li, .content-text ol ol ol ol > li { padding-left: 80px; } .content-list ol ol ol ol > li::before, .content-table ol ol ol ol > li::before, .content-text ol ol ol ol > li::before { margin-left: -60px; } .content-list ul, .content-table ul, .content-text ul, .mod_newsletterlist ul { list-style-type: disc; padding-left: 35px; } .content-list ul ul, .content-table ul ul, .content-text ul ul { list-style-type: circle; } .content-list ul ul ul, .content-table ul ul ul, .content-text ul ul ul { list-style-type: square; } table { border-collapse: collapse; border-spacing: 0; display: block; font-size: inherit; overflow: auto; width: 100%; } caption { padding: 7px 0; } caption, th, td { text-align: left; text-align: start; vertical-align: middle; } th, td { border-style: solid; border-width: 1px; padding: 7px; } th[role=columnheader] { padding-right: 14px; } th { font-weight: 700; } @media screen and (max-width: 779px) { th[role=columnheader] { padding-right: 21px; } } .content-code code { border-style: solid; border-width: 1px; font-family: "Lucida Console", Monaco, monospace; font-size: 14px; font-size: 0.875rem; padding: 14px; } .content-accordion { border: none; } .content-accordion :is(h1, h2, h3, h4, h5, h6) { font-size: 16px; font-size: 1rem; margin-bottom: 2px; padding: 0; } .content-accordion .handorgel__header__button::before { content: "\f0da"; display: inline-block; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 16px; font-size: 1rem; font-weight: 700; margin-right: 5px; width: 15px; text-align: center; } .content-accordion .handorgel__header--open .handorgel__header__button::before { content: "\f0d7"; } .content-accordion .handorgel__header button { border-style: solid; border-width: 1px; cursor: pointer; height: auto; outline: none; padding: 15px 12px; } .content-accordion .handorgel__content { background: none; border: none; padding: 7px 11px; } .content-accordion .handorgel__content__inner { padding: 0; } .content-swiper.no-nav-slider button, .content-swiper.no-nav-slider .swiper-pagination { display: none; } .content-swiper { --swiper-navigation-size: 32px; --swiper-navigation-size: 2rem; --swiper-theme-color: #fff; } a { text-decoration: none; } a:hover { text-decoration: underline; } p:not(.button) a[target="_blank"]::after, .button-link p.button a[target="_blank"]::after, .content-hyperlink a[target="_blank"]::after { content: "\f35d"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 12px; font-size: 0.75rem; font-weight: 700; margin-left: 3px; } .content-hyperlink { padding: 7px 0; } .content-toplink { padding: 7px 0 7px 12px; } .content-toplink a::before { content: "\f102"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 12px; font-size: 0.75rem; font-weight: 700; margin: 4px 0 0 -12px; position: absolute; } .content-toplink span { margin-left: 3px; } figure { position: relative; } .content-image a + figcaption, .content-gallery a + figcaption, .content-text figure a + figcaption { margin-top: -7px; } .content-image figcaption, .content-gallery figcaption, .content-text figure figcaption { margin-top: -4px; padding: 7px; position: relative; } .content-text.media--left figure, .content-text.media--right figure { margin: 11px 21px 11px 0; width: 33.33333333%; } .content-text.media--right figure { margin: 11px 0 11px 21px; } @media screen and (max-width: 1039px) { .content-text.media--left figure, .content-text.media--right figure { width: 50%; } } @media screen and (max-width: 519px) { .content-text.media--left figure, .content-text.media--right figure { margin: 7px 0 14px 0; width: 100%; } } .content-gallery ul { list-style: none; display: grid; grid-gap: 14px; padding: 0; } .content-gallery--cols-2 ul { grid-template-columns: repeat(2, 1fr); } .content-gallery--cols-3 ul { grid-template-columns: repeat(3, 1fr); } .content-gallery--cols-4 ul { grid-template-columns: repeat(4, 1fr); } .content-gallery--cols-5 ul { grid-template-columns: repeat(5, 1fr); } .content-gallery--cols-6 ul { grid-template-columns: repeat(6, 1fr); } .content-gallery--cols-7 ul { grid-template-columns: repeat(7, 1fr); } .content-gallery--cols-8 ul { grid-template-columns: repeat(8, 1fr); } .content-gallery--cols-9 ul { grid-template-columns: repeat(9, 1fr); } .content-gallery--cols-10 ul { grid-template-columns: repeat(10, 1fr); } .content-gallery--cols-11 ul { grid-template-columns: repeat(11, 1fr); } .content-gallery--cols-12 ul { grid-template-columns: repeat(12, 1fr); } @media screen and (max-width: 1039px) { .content-gallery--cols-5 ul, .content-gallery--cols-6 ul { grid-template-columns: repeat(4, 1fr); } .content-gallery--cols-7 ul, .content-gallery--cols-8 ul, .content-gallery--cols-9 ul { grid-template-columns: repeat(5, 1fr); } .content-gallery--cols-10 ul, .content-gallery--cols-11 ul, .content-gallery--cols-12 ul { grid-template-columns: repeat(6, 1fr); } } @media screen and (max-width: 779px) { .content-gallery--cols-7 ul, .content-gallery--cols-8 ul, .content-gallery--cols-9 ul, .content-gallery--cols-10 ul, .content-gallery--cols-11 ul, .content-gallery--cols-12 ul { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 519px) { .content-gallery--cols-3 ul, .content-gallery--cols-4 ul { grid-template-columns: repeat(2, 1fr); } .content-gallery--cols-5 ul, .content-gallery--cols-6 ul, .content-gallery--cols-7 ul, .content-gallery--cols-8 ul, .content-gallery--cols-9 ul, .content-gallery--cols-10 ul, .content-gallery--cols-11 ul, .content-gallery--cols-12 ul { grid-template-columns: repeat(3, 1fr); } } .content-player audio { width: 100%; } .content-player video { height: 100%; width: 100%; } .content-youtube figure { height: auto; padding-bottom: 56.25%; position: relative; width: 100%; } .content-youtube iframe { bottom: 0; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; width: 100% !important; } .content-vimeo figure { height: auto; padding-bottom: 56.25%; position: relative; width: 100%; } .content-vimeo iframe { bottom: 0; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; width: 100% !important; } #colorbox #cboxClose, #colorbox #cboxPrevious, #colorbox #cboxNext { background: transparent; } #colorbox #cboxClose::after { content: "\f00d"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 32px; font-size: 2rem; font-weight: 700; height: 40px; left: 0; line-height: 1.25; position: absolute; text-indent: 0; top: 0; width: 40px; } #colorbox #cboxPrevious::after, #colorbox #cboxNext::after { content: "\f104"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 32px; font-size: 2rem; font-weight: 700; height: 65px; left: -2px; line-height: 2; position: absolute; text-indent: 0; top: 0; width: 30px; } #colorbox #cboxNext::after { content: "\f105"; left: 2px; } #colorbox #cboxTitle { bottom: 0; left: 0; padding: 7px 5px; right: 0; top: auto; width: 100%; } .content-download, .content-downloads { border-style: solid; border-width: 1px; overflow: visible; padding: 14px 7px 7px; } .content-download { padding-top: 21px; } .content-download::before, .content-downloads::before { border-style: solid; border-width: 1px; content: "Download"; font-weight: 700; margin-top: -25px; padding: 0 7px; position: absolute; } .content-download::before { margin-top: -32px; } .content-download.download-element a, .content-downloads .download-element a { padding: 0 0 0 22px; } .content-download .size, .content-downloads .size { font-size: 10px; font-size: 0.625rem; } .content-downloads::before { content: "Downloads"; } .ce_form .widget { padding: 7px 2px; } .ce_form .widget-text label, .ce_form .widget-textarea label, .ce_form .widget-select label, .ce_form .widget-password label, .ce_form .widget-upload label, .ce_form .widget-range label, .ce_form .widget-captcha label, .ce_form .widget-radio legend, .ce_form .widget-checkbox legend, fieldset legend { font-weight: 700; } .ce_form .checkbox_container label, .ce_form .radio_container label { display: block; margin: -21px 0 0 21px; } .ce_form .widget[class*="grid-"] label, .ce_form .widget[class*="grid-"] legend { padding: 0; width: 100%; } .ce_comments { margin-top: 21px; width: 100%; } .ce_comments .widget { padding: 7px 2px; } .ce_comments .widget-text label, .ce_comments .widget-textarea label { font-weight: 700; } .ce_comments .widget-text.mandatory { float: left; width: 50%; } @media screen and (max-width: 779px) { .ce_comments .widget-text.mandatory { float: none; width: 100%; } } .ce_comments .comment_default:not(:last-of-type) { margin-bottom: 28px; } .ce_comments p.info { font-weight: 700; } .ce_comments p.date { font-size: 12px; font-size: 0.75rem; margin-top: -14px; } .ce_comments .reply { border-left-style: solid; border-left-width: 3px; margin: 7px 0 7px 14px; padding-left: 21px; } .ce_comments .tl_confirm { border-style: solid; border-width: 1px; padding: 7px 11px; } :is(.content-teaser-image,.content-teaserbild) { padding: 35px 0; width: 100%; } :is(.content-teaser-image,.content-teaserbild) > div { position: relative; } :is(.content-teaser-image,.content-teaserbild) .height-lg { height: 430px; } :is(.content-teaser-image,.content-teaserbild) .height-md { height: 280px; } :is(.content-teaser-image,.content-teaserbild) .height-sm { height: 130px; } :is(.content-teaser-image,.content-teaserbild) .fullheight { height: calc(100vh - 182px); } :is(.content-teaser-image,.content-teaserbild) .box-width-85 { padding: 0 7.5%; } :is(.content-teaser-image,.content-teaserbild) .box-width-50 { padding: 0 25%; } :is(.content-teaser-image,.content-teaserbild) .box-width-35 { padding: 0 32.5%; } :is(.content-teaser-image,.content-teaserbild) .left.box-width-85 { padding: 0 15% 0 0; } :is(.content-teaser-image,.content-teaserbild) .left.box-width-50 { padding: 0 50% 0 0; } :is(.content-teaser-image,.content-teaserbild) .left.box-width-35 { padding: 0 65% 0 0; } :is(.content-teaser-image,.content-teaserbild) .right.box-width-85 { padding: 0 0 0 15%; } :is(.content-teaser-image,.content-teaserbild) .right.box-width-50 { padding: 0 0 0 50%; } :is(.content-teaser-image,.content-teaserbild) .right.box-width-35 { padding: 0 0 0 65%; } :is(.content-teaser-image,.content-teaserbild) .inside { display: inline-block; padding: 0 14px; } :is(.content-teaser-image,.content-teaserbild) .wrapperpadding { padding-bottom: 35px; } :is(.content-teaser-image,.content-teaserbild) .contentpadding { padding: 7px 14px; } :is(.content-teaser-image,.content-teaserbild) .inside:last-of-type { margin-top: 7px; } .boxed :is(.content-teaser-image,.content-teaserbild) .left .inside, :is(.content-teaser-image,.content-teaserbild) .left .nobox .content-headline { margin-left: -15px; } .boxed :is(.content-teaser-image,.content-teaserbild) .right .inside, :is(.content-teaser-image,.content-teaserbild) .right .nobox .content-headline { margin-right: -15px; } :is(.content-teaser-image,.content-teaserbild) .fullwidth .left .inside, .boxed :is(.content-teaser-image,.content-teaserbild) .left .inside.no-indent { margin-left: 0; } :is(.content-teaser-image,.content-teaserbild) .fullwidth .right .inside, .boxed :is(.content-teaser-image,.content-teaserbild) .right .inside.no-indent { margin-right: 0; } :is(.content-teaser-image,.content-teaserbild) .left .inside.no-indent { margin-left: 15px; } :is(.content-teaser-image,.content-teaserbild) .right .inside.no-indent { margin-right: 15px; } :is(.content-teaser-image,.content-teaserbild) .content-headline, :is(.content-teaser-image,.content-teaserbild) .content-text { display: block; position: relative; z-index: 1; } :is(.content-teaser-image,.content-teaserbild) .fullwidth .content-headline, :is(.content-teaser-image,.content-teaserbild) .fullwidth .content-text { margin: auto 0; } :is(.content-teaser-image,.content-teaserbild) .scrolldown { bottom: -25px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } :is(.content-teaser-image,.content-teaserbild) .scrolldown a { font-size: 32px; font-size: 2rem; } :is(.content-teaser-image,.content-teaserbild) .scrolldown a:hover { text-decoration: none; } :is(.content-teaser-image,.content-teaserbild) .scrolldown a::after { content: "\f103"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 700; position: relative; } :is(.content-teaser-image,.content-teaserbild) .nobox { width: 100%; } :is(.content-teaser-image,.content-teaserbild) .nobox .content-headline { box-decoration-break: clone; display: inline; line-height: 2; padding: 7px 14px; } @media screen and (max-width: 1039px) { :is(.content-teaser-image,.content-teaserbild) { padding: 25px 0; } :is(.content-teaser-image,.content-teaserbild) .height-lg { height: 350px; } :is(.content-teaser-image,.content-teaserbild) .height-md { height: 200px; } :is(.content-teaser-image,.content-teaserbild) .height-sm { height: 100px; } :is(.content-teaser-image,.content-teaserbild) .fullheight { height: calc(100vh - 132px); } } @media screen and (max-width: 779px) { :is(.content-teaser-image,.content-teaserbild) .height-lg { height: 250px; } :is(.content-teaser-image,.content-teaserbild) .height-md { height: 150px; } :is(.content-teaser-image,.content-teaserbild) .height-sm { height: auto; } :is(.content-teaser-image,.content-teaserbild) .fullheight { height: calc(100vh - 140px); } :is(.content-teaser-image,.content-teaserbild) .box-width-85, :is(.content-teaser-image,.content-teaserbild) .box-width-50, :is(.content-teaser-image,.content-teaserbild) .box-width-35, :is(.content-teaser-image,.content-teaserbild) .left.box-width-85, :is(.content-teaser-image,.content-teaserbild) .left.box-width-50, :is(.content-teaser-image,.content-teaserbild) .left.box-width-35, :is(.content-teaser-image,.content-teaserbild) .right.box-width-85, :is(.content-teaser-image,.content-teaserbild) .right.box-width-50, :is(.content-teaser-image,.content-teaserbild) .right.box-width-35 { padding-left: 0; padding-right: 0; } :is(.content-teaser-image,.content-teaserbild) .inside { padding: 0 10px; } .boxed :is(.content-teaser-image,.content-teaserbild) .left .inside, :is(.content-teaser-image,.content-teaserbild) .fullwidth .left .inside { margin-left: 0; } .boxed :is(.content-teaser-image,.content-teaserbild) .right .inside, :is(.content-teaser-image,.content-teaserbild) .fullwidth .right .inside { margin-right: 0; } } @media screen and (max-width: 519px) { :is(.content-teaser-image,.content-teaserbild) .content-headline, :is(.content-teaser-image,.content-teaserbild) .content-text { margin: auto 0; } } .content-teaser-box { width: 100%; } .content-teaser-box .height-lg { height: 430px; } .content-teaser-box .height-md { height: 280px; } .content-teaser-box .height-sm { height: 130px; } .content-teaser-box .fullheight { height: calc(100vh - 112px); } .content-teaser-box.overlay::after { z-index: 0; } .content-teaser-box .inside { height: 100%; padding: 15px; position: absolute; top: 0; width: 100%; z-index: 1; } .content-teaser-box .inside.relative { height: auto; position: relative; } .content-teaser-box .inside.no-padding { padding: 0; } .content-teaser-box .item { padding: 7px 11px; position: relative; } .content-teaser-box .box-outside .colorbox { opacity: 1 !important; } .content-teaser-box .content-headline, .content-teaser-box .content-text, .content-teaser-box .button { position: relative; z-index: 1; } .content-teaser-box figure { height: 100%; } .content-teaser-box img { height: 100%; object-fit: cover; } .content-teaser-box .content-image a img { border-style: none; border-width: 0; padding: 0; } .content-teaser-box .highlight { font-weight: 700; line-height: 1.25; padding: 3px; position: absolute; right: -28px; text-align: center; top: 10px; transform: rotate(45deg); width: 100px; z-index: 1; } @media screen and (min-width: 1040px) { .content-teaser-box .inside.no-padding-lg { padding: 0; } .content-teaser-box .box-width-lg-85 { margin: 0 7.5%; } .content-teaser-box .box-width-lg-50 { margin: 0 25%; } .content-teaser-box .box-width-lg-35 { margin: 0 32.5%; } .content-teaser-box .left .box-width-lg-85 { margin: 0 15% 0 0; } .content-teaser-box .left .box-width-lg-50 { margin: 0 50% 0 0; } .content-teaser-box .left .box-width-lg-35 { margin: 0 65% 0 0; } .content-teaser-box .right .box-width-lg-85 { margin: 0 0 0 15%; } .content-teaser-box .right .box-width-lg-50 { margin: 0 0 0 50%; } .content-teaser-box .right .box-width-lg-35 { margin: 0 0 0 65%; } } @media screen and (max-width: 1039px) and (min-width: 780px) { .content-teaser-box .inside.no-padding-md { padding: 0; } .content-teaser-box .box-width-md-85 { margin: 0 7.5%; } .content-teaser-box .box-width-md-50 { margin: 0 25%; } .content-teaser-box .box-width-md-35 { margin: 0 32.5%; } .content-teaser-box .left .box-width-md-85 { margin: 0 15% 0 0; } .content-teaser-box .left .box-width-md-50 { margin: 0 50% 0 0; } .content-teaser-box .left .box-width-md-35 { margin: 0 65% 0 0; } .content-teaser-box .right .box-width-md-85 { margin: 0 0 0 15%; } .content-teaser-box .right .box-width-md-50 { margin: 0 0 0 50%; } .content-teaser-box .right .box-width-md-35 { margin: 0 0 0 65%; } } @media screen and (max-width: 1039px) { .content-teaser-box .height-lg { height: 350px; } .content-teaser-box .height-md { height: 200px; } .content-teaser-box .height-sm { height: 100px; } .content-teaser-box .fullheight { height: calc(100vh - 62px); } } @media screen and (min-width: 780px) { .content-teaser-box .bg-outside .colorbox { background: transparent !important; } } @media screen and (max-width: 779px) { .content-teaser-box .height-lg { height: 250px; } .content-teaser-box .height-md { height: 150px; } .content-teaser-box .height-sm { height: auto; } .content-teaser-box .fullheight { height: calc(100vh - 140px); } .content-teaser-box .inside { height: auto; padding: 0; position: relative; } .content-teaser-box .item { margin: 0 !important; } .content-teaser-box .colorbox { opacity: 1 !important; } } .content-text-image-tile { width: 100%; } .content-text-image-tile .box-img.overlay::after { z-index: 0; } .content-text-image-tile .box-img { bottom: 0; height: 100%; position: absolute; right: 0; top: 0; width: 50%; } .content-text-image-tile .box-img.arrow::before { content: ""; height: 20px; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; transform: rotate(-45deg); width: 20px; z-index: 1; } .content-text-image-tile.text-right .box-img { left: 0; right: auto; } .content-text-image-tile.text-right .box-img.arrow::before { right: -10px; } .content-text-image-tile .height-lg { height: 80vh; } .content-text-image-tile .height-md { height: 60vh; } .content-text-image-tile .height-sm { height: 40vh; } .content-text-image-tile .fullheight { height: calc(100vh - 112px); } .content-text-image-tile .box-text .inside:not(.no-padding) { padding: 35px 0; } .content-text-image-tile.text-left .box-text > .inside > .inserttags, .content-text-image-tile.text-left .box-text > .inside > .content-headline, .content-text-image-tile.text-left .box-text > .inside > .content-text, .content-text-image-tile.text-left .box-text > .inside > .button { margin-right: calc(50% + 25px); } .content-text-image-tile.text-right .box-text > .inside > .inserttags, .content-text-image-tile.text-right .box-text > .inside > .content-headline, .content-text-image-tile.text-right .box-text > .inside > .content-text, .content-text-image-tile.text-right .box-text > .inside > .button { margin-left: calc(50% + 25px); } .content-text-image-tile.text-left .box-text.fullwidth .content-headline, .content-text-image-tile.text-left .box-text.fullwidth .content-text, .content-text-image-tile.text-left .box-text.fullwidth .button, .content-text-image-tile.text-left .box-text.width-lg .content-headline, .content-text-image-tile.text-left .box-text.width-lg .content-text, .content-text-image-tile.text-left .box-text.width-lg .button { margin-left: 14px; } .boxed .content-text-image-tile.text-left .box-text.width-lg .content-headline, .boxed .content-text-image-tile.text-left .box-text.width-lg .content-text, .boxed .content-text-image-tile.text-left .box-text.width-lg .button { margin-left: 0; } .content-text-image-tile.text-right .box-text.fullwidth .content-headline, .content-text-image-tile.text-right .box-text.fullwidth .content-text, .content-text-image-tile.text-right .box-text.fullwidth .button, .content-text-image-tile.text-right .box-text.width-lg .content-headline, .content-text-image-tile.text-right .box-text.width-lg .content-text, .content-text-image-tile.text-right .box-text.width-lg .button { margin-right: 14px; } .boxed .content-text-image-tile.text-right .box-text.width-lg .content-headline, .boxed .content-text-image-tile.text-right .box-text.width-lg .content-text, .boxed .content-text-image-tile.text-right .box-text.width-lg .button { margin-right: 0; } @media screen and (max-width: 1039px) { .content-text-image-tile .box-text .inside:not(.no-padding) { padding: 25px 0; } } @media screen and (max-width: 779px) { .content-text-image-tile .box-img { height: 50vh; position: relative; width: 100%; } .content-text-image-tile .box-img.arrow::before, .content-text-image-tile .box-img.arrow::before { bottom: -10px; left: 50%; right: auto; top: auto; } .content-text-image-tile .height-lg, .content-text-image-tile .height-md, .content-text-image-tile .height-sm, .content-text-image-tile .fullheight { height: auto; } .content-text-image-tile .box-text { display: block; padding: 0 10px; } .content-text-image-tile .box-text.no-padding { padding: 0; } .content-text-image-tile .box-text .inside { display: block; padding: 15px 0; } .content-text-image-tile .box-text .inside.no-padding { padding: 0; } .content-text-image-tile.text-left .box-text > .inside > .inserttags, .content-text-image-tile.text-left .box-text > .inside > .content-headline, .content-text-image-tile.text-left .box-text > .inside > .content-text, .content-text-image-tile.text-left .box-text > .inside > .button, .content-text-image-tile.text-right .box-text > .inside > .inserttags, .content-text-image-tile.text-right .box-text > .inside > .content-headline, .content-text-image-tile.text-right .box-text > .inside > .content-text, .content-text-image-tile.text-right .box-text > .inside > .button , .content-text-image-tile.text-left .box-text.fullwidth .content-headline, .content-text-image-tile.text-left .box-text.fullwidth .content-text, .content-text-image-tile.text-left .box-text.fullwidth .button, .content-text-image-tile.text-left .box-text.width-lg .content-headline, .content-text-image-tile.text-left .box-text.width-lg .content-text, .content-text-image-tile.text-left .box-text.width-lg .button .content-text-image-tile.text-right .box-text.fullwidth .content-headline, .content-text-image-tile.text-right .box-text.fullwidth .content-text, .content-text-image-tile.text-right .box-text.fullwidth .button, .content-text-image-tile.text-right .box-text.width-lg .content-headline, .content-text-image-tile.text-right .box-text.width-lg .content-text, .content-text-image-tile.text-right .box-text.width-lg .button { margin-left: 0; margin-right: 0; } } .content-notice-box { border-style: solid; border-width: 1px; margin: 7px 0; width: 100%; } .content-notice-box.no-border { border-style: none; border-width: 0; } .content-notice-box.no-margin { margin: 0; } .content-notice-box .inside { padding: 7px 11px; width: 100%; } .content-notice-box .icon { border-color: transparent; outline-color: transparent; text-align: center; } .content-notice-box .icon.left.icon-xlg, .content-notice-box .icon.right.icon-xlg { width: 120px; } .content-notice-box .icon.left.icon-lg, .content-notice-box .icon.right.icon-lg { width: 110px; } .content-notice-box .icon.left.icon-md, .content-notice-box .icon.right.icon-md { width: 100px; } .content-notice-box .icon.left.icon-sm, .content-notice-box .icon.right.icon-sm { width: 90px; } .content-notice-box .icon.left.icon-xsm, .content-notice-box .icon.right.icon-xsm { width: 80px; } .content-notice-box .icon.left i, .content-notice-box .icon.left svg { margin: 0 7px 0 0; } .content-notice-box .icon.right i, .content-notice-box .icon.right svg { margin: 0 0 0 7px; } .content-notice-box .item.before, .content-notice-box .item.after { display: table-row; } .content-team-box { border-color: transparent; padding: 7px 11px; width: 100%; } .content-team-box img { margin: 7px 0; width: 180px; } .content-team-box .img-center img { margin: 7px auto; } .content-team-box .img-left img { float: left; } .content-team-box .img-right img { float: right; } .content-team-box p.content-headline { font-size: 20px; font-size: 1.250rem; font-weight: 700; } .content-team-box p.function { font-size: 12px; font-size: 0.75rem; margin-top: -21px; } .content-team-box .email.icon::before, .content-team-box .phone.icon::before, .content-team-box .mobile.icon::before { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 16px; font-size: 1rem; font-weight: 700; margin-right: 7px; } .content-team-box .email.icon::before { content: "\f0e0"; } .content-team-box .phone.icon::before { content: "\f095"; } .content-team-box .mobile.icon::before { content: "\f3cd"; } .content-team-box ul.socials-list { list-style-type: none; padding: 0; } .content-team-box ul.socials-list li { display: inline-block; margin: 0 3px; } @media screen and (max-width: 1039px) { .content-team-box img { width: 165px; } } @media screen and (max-width: 779px) { .content-team-box img { width: 150px; } } .content-quote-box { width: 100%; } .content-quote-box .inside > div:not(.content-text) { width: 0; } .content-quote-box .img-left .content-image { padding: 0 21px 0 0; } .content-quote-box .img-right .content-image { padding: 0 0 0 21px; } .content-quote-box .offset-sm blockquote { margin: 7px 0; } .content-quote-box .offset-md blockquote { margin: 21px 0; } .content-quote-box .offset-lg blockquote { margin: 28px 0; } blockquote { border-left-style: solid; border-left-width: 3px; margin: 14px 0; padding-left: 21px; position: relative; quotes: none; } blockquote::before, blockquote::after { content: ""; content: none; } blockquote footer { font-size: 75%; padding: 7px 0; } blockquote footer::before { content: "\2014 \00A0"; } .quote-box-2 blockquote { border-left: none; } .quote-box-2 blockquote::before { content: "\f10d"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 48px; font-size: 3rem; font-weight: 700; left: 1px; position: absolute; top: 14px; z-index: -1; } .quote-box-3 blockquote { border-bottom-style: solid; border-bottom-width: 3px; border-left: none; border-top-style: solid; border-top-width: 3px; padding: 14px 21px 7px; } .quote-box-3 blockquote::before { content: "\f10d"; display: block; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 32px; font-size: 2rem; font-weight: 700; height: 42px; line-height: 48px; margin: -36px auto -7px; text-align: center; width: 42px; } @media screen and (min-width: 1300px) { .content-quote-box .box-xlg-width-lg { margin: 0 10%; width: 80%; } .content-quote-box .box-xlg-width-md { margin: 0 17.5%; width: 65%; } .content-quote-box .box-xlg-width-sm { margin: 0 25%; width: 50%; } .content-quote-box .box-left.box-xlg-width-lg { margin: 0 20% 0 0; width: 80%; } .content-quote-box .box-left.box-xlg-width-md { margin: 0 35% 0 0; width: 65%; } .content-quote-box .box-left.box-xlg-width-sm { margin: 0 50% 0 0; width: 50%; } .content-quote-box .box-right.box-xlg-width-lg { margin: 0 0 0 20%; width: 80%; } .content-quote-box .box-right.box-xlg-width-md { margin: 0 0 0 35%; width: 65%; } .content-quote-box .box-right.box-xlg-width-sm { margin: 0 0 0 50%; width: 50%; } .content-quote-box .content-image img { width: 150px; } } @media screen and (max-width: 1299px) and (min-width: 1040px) { .content-quote-box .box-lg-width-lg { margin: 0 10%; width: 80%; } .content-quote-box .box-lg-width-md { margin: 0 17.5%; width: 65%; } .content-quote-box .box-lg-width-sm { margin: 0 25%; width: 50%; } .content-quote-box .box-left.box-lg-width-lg { margin: 0 20% 0 0; width: 80%; } .content-quote-box .box-left.box-lg-width-md { margin: 0 35% 0 0; width: 65%; } .content-quote-box .box-left.box-lg-width-sm { margin: 0 50% 0 0; width: 50%; } .content-quote-box .box-right.box-lg-width-lg { margin: 0 0 0 20%; width: 80%; } .content-quote-box .box-right.box-lg-width-md { margin: 0 0 0 35%; width: 65%; } .content-quote-box .box-right.box-lg-width-sm { margin: 0 0 0 50%; width: 50%; } .content-quote-box .content-image img { width: 150px; } } @media screen and (max-width: 1039px) and (min-width: 780px) { .content-quote-box .box-md-width-lg { margin: 0 5%; width: 90%; } .content-quote-box .box-md-width-md { margin: 0 10%; width: 80%; } .content-quote-box .box-md-width-sm { margin: 0 15%; width: 70%; } .content-quote-box .box-left.box-md-width-lg { margin: 0 10% 0 0; width: 90%; } .content-quote-box .box-left.box-md-width-md { margin: 0 20% 0 0; width: 80%; } .content-quote-box .box-left.box-md-width-sm { margin: 0 30% 0 0; width: 70%; } .content-quote-box .box-right.box-md-width-lg { margin: 0 0 0 10%; width: 90%; } .content-quote-box .box-right.box-md-width-md { margin: 0 0 0 20%; width: 80%; } .content-quote-box .box-right.box-md-width-sm { margin: 0 0 0 30%; width: 70%; } .content-quote-box .img-left .content-image { padding: 0 14px 0 0; } .content-quote-box .img-right .content-image { padding: 0 0 0 14px; } .content-quote-box .content-image img { width: 130px; } blockquote { padding-left: 14px; } } @media screen and (max-width: 779px) and (min-width: 520px) { .content-quote-box .box-sm-width-lg { margin: 0 5%; width: 90%; } .content-quote-box .box-sm-width-md { margin: 0 10%; width: 80%; } .content-quote-box .box-sm-width-sm { margin: 0 15%; width: 70%; } .content-quote-box .box-left.box-sm-width-lg { margin: 0 10% 0 0; width: 90%; } .content-quote-box .box-left.box-sm-width-md { margin: 0 20% 0 0; width: 80%; } .content-quote-box .box-left.box-sm-width-sm { margin: 0 30% 0 0; width: 70%; } .content-quote-box .box-right.box-sm-width-lg { margin: 0 0 0 10%; width: 90%; } .content-quote-box .box-right.box-sm-width-md { margin: 0 0 0 20%; width: 80%; } .content-quote-box .box-right.box-sm-width-sm { margin: 0 0 0 30%; width: 70%; } .content-quote-box .img-left .content-image { padding: 0 14px 0 0; } .content-quote-box .img-right .content-image { padding: 0 0 0 14px; } .content-quote-box .content-image img { width: 130px; } blockquote { padding-left: 14px; } } @media screen and (max-width: 519px) { .content-quote-box .box-md-width-lg, .content-quote-box .box-md-width-md, .content-quote-box .box-md-width-sm, .content-quote-box .box-left.box-md-width-lg, .content-quote-box .box-left.box-md-width-md, .content-quote-box .box-left.box-md-width-sm, .content-quote-box .box-right.box-md-width-lg, .content-quote-box .box-right.box-md-width-md, .content-quote-box .box-right.box-md-width-sm { margin: 0; } .content-quote-box .img-left .content-image { padding: 0 7px 0 0; } .content-quote-box .img-right .content-image { padding: 0 0 0 7px; } .content-quote-box .content-image img { width: 100px; } .content-quote-box .img-left figure { margin-left: -15px; } .content-quote-box .img-right figure { margin-right: -15px; } blockquote { padding-left: 7px; } } .content-price-table { width: 100%; } .content-price-table .content-headline i { margin-right: 7px; } .content-price-table .price-box .currency, .content-price-table .price-box .price, .content-price-table .price-box .unit { display: inline-block; font-weight: 700; } .content-price-table .price-box .currency.price-xlg { position: relative; top: -21px; } .content-price-table .price-box .currency.price-lg { top: -15px; } .content-price-table .price-box .currency.price-md { top: -10px; } .content-price-table .price-box .currency.price-sm { top: -5px; } .content-price-table .price-box .currency.price-xsm { top: 0; } .content-price-table .price-box .price.price-xlg { font-size: 48px; font-size: 3rem; } .content-price-table .price-box .price.price-lg { font-size: 40px; font-size: 2.5rem; } .content-price-table .price-box .price.price-md { font-size: 32px; font-size: 2rem; } .content-price-table .price-box .price.price-sm { font-size: 24px; font-size: 1.5rem; } .content-price-table .price-box .price.price-xsm { font-size: 16px; font-size: 1rem; } .content-price-table .price-box .unit { font-weight: inherit; } .content-price-table .content-text { font-size: 12px; font-size: 0.75rem; } .content-price-table ul.services-list { padding-left: 35px; } .content-price-table ul.services-list li.item { line-height: 2; } .content-price-table ul.services-list li.item i { margin: 7px 0 0 -22px; position: absolute; } .content-price-table ul.services-list li.item.highlight { font-weight: 700; } .content-price-table ul.services-list li.item.crossout { text-decoration: line-through; } .content-icon-box, .content-icon-box .inside { width: 100%; } .content-icon-box[class*="border-"], .content-icon-box[class*="bg-"], .content-icon-box.padding { padding: 7px 11px; } .content-icon-box .icon { margin: 7px 0; text-align: center; } .content-icon-box .icon a { display: block; } .content-icon-box .icon.left i, .content-icon-box .icon.left svg { margin: 0 7px 0 0; } .content-icon-box .icon.right i, .content-icon-box .icon.right svg { margin: 0 0 0 7px; } .content-icon-box .icon.left.outline-width-1 i, .content-icon-box .icon.left.outline-width-1 svg, .content-icon-box .icon.left.outline-width-1 span { margin: 1px 7px 1px 1px; } .content-icon-box .icon.left.outline-width-2 i, .content-icon-box .icon.left.outline-width-2 svg, .content-icon-box .icon.left.outline-width-2 span { margin: 2px 9px 2px 2px; } .content-icon-box .icon.left.outline-width-3 i, .content-icon-box .icon.left.outline-width-3 svg, .content-icon-box .icon.left.outline-width-3 span { margin: 3px 10px 3px 3px; } .content-icon-box .icon.left.outline-width-5 i, .content-icon-box .icon.left.outline-width-5 svg, .content-icon-box .icon.left.outline-width-5 span { margin: 5px 12px 5px 5px; } .content-icon-box .icon.left.outline-width-7 i, .content-icon-box .icon.left.outline-width-7 svg, .content-icon-box .icon.left.outline-width-7 span { margin: 7px 14px 7px 7px; } .content-icon-box .icon.left.outline-width-9 i, .content-icon-box .icon.left.outline-width-9 svg, .content-icon-box .icon.left.outline-width-9 span { margin: 9px 16px 9px 9px; } .content-icon-box .icon.left.outline-width-14 i, .content-icon-box .icon.left.outline-width-14 svg, .content-icon-box .icon.left.outline-width-14 span { margin: 14px 21px 14px 14px; } .content-icon-box .icon.left.outline-width-21 i, .content-icon-box .icon.left.outline-width-21 svg, .content-icon-box .icon.left.outline-width-21 span { margin: 21px 28px 21px 21px; } .content-icon-box .icon.left.outline-width-28 i, .content-icon-box .icon.left.outline-width-28 svg, .content-icon-box .icon.left.outline-width-28 span { margin: 28px 35px 28px 28px; } .content-icon-box .icon.right.outline-width-1 i, .content-icon-box .icon.right.outline-width-1 svg, .content-icon-box .icon.right.outline-width-1 span { margin: 1px 1px 1px 8px; } .content-icon-box .icon.right.outline-width-2 i, .content-icon-box .icon.right.outline-width-2 svg, .content-icon-box .icon.right.outline-width-2 span { margin: 2px 2px 2px 9px; } .content-icon-box .icon.right.outline-width-3 i, .content-icon-box .icon.right.outline-width-3 svg, .content-icon-box .icon.right.outline-width-3 span { margin: 3px 3px 3px 10px; } .content-icon-box .icon.right.outline-width-5 i, .content-icon-box .icon.right.outline-width-5 svg, .content-icon-box .icon.right.outline-width-5 span { margin: 5px 5px 5px 12px; } .content-icon-box .icon.right.outline-width-7 i, .content-icon-box .icon.right.outline-width-7 svg, .content-icon-box .icon.right.outline-width-7 span { margin: 7px 7px 7px 14px; } .content-icon-box .icon.right.outline-width-9 i, .content-icon-box .icon.right.outline-width-9 svg, .content-icon-box .icon.right.outline-width-9 span { margin: 9px 9px 9px 16px; } .content-icon-box .icon.right.outline-width-14 i, .content-icon-box .icon.right.outline-width-14 svg, .content-icon-box .icon.right.outline-width-14 span { margin: 14px 14px 14px 21px; } .content-icon-box .icon.right.outline-width-21 i, .content-icon-box .icon.right.outline-width-21 svg, .content-icon-box .icon.right.outline-width-21 span { margin: 21px 21px 21px 28px; } .content-icon-box .icon.right.outline-width-28 i, .content-icon-box .icon.right.outline-width-28 svg, .content-icon-box .icon.right.outline-width-28 span { margin: 28px 28px 28px 35px; } .content-icon-box .item.before, .content-icon-box .item.after { display: table-row; } .content-timeline { width: 100%; } .content-timeline::before { content: ""; height: 100%; left: 50%; margin-left: -3px; position: absolute; width: 5px; } .content-timeline .box-date::before { content: ""; height: 39px; position: absolute; right: -19px; width: 39px; z-index: 1; } .content-timeline .box-date { font-size: 20px; font-size: 1.25rem; text-align: right; } .content-timeline .box-date::after { border-style: solid; border-width: 5px; content: ""; height: 21px; position: absolute; right: -15px; width: 21px; top: 32px; z-index: 2; } .content-timeline .box-date, .content-timeline .box-text { float: left; padding: 28px 70px; position: relative; width: 50%; } .content-timeline .box-text::before { content: ""; height: 5px; left: 0; position: absolute; top: 45px; width: 42px; } .content-timeline .box-text { float: right; } .content-timeline .box-text .img-after { margin-top: 7px; } .content-timeline .box-text .inside[class*="bg-"] { padding: 7px 11px; } .content-timeline .box-text .inside[class*="bg-"] .img-before { margin: -7px -11px 0; } .content-timeline .box-text .inside[class*="bg-"] .img-after { margin: 7px -11px -7px; } .content-timeline.text-left .box-date:before { left: -20px; right: auto; } .content-timeline.text-left .box-date { float: right; text-align: left; } .content-timeline.text-left .box-date:after { left: -16px; right: auto; } .content-timeline.text-left .box-text:before { left: auto; right: 0; } .content-timeline.text-left .box-text { float: left; } .column-both .content-timeline::before { left: 65px; } .column-both .content-timeline .box-date { padding: 16px 0; text-align: left; width: 65px; } .column-both .content-timeline .box-date::after { top: 20px; } .column-both .content-timeline .box-text::before { width: 20px; top: 33px; } .column-both .content-timeline .box-text { padding: 12px 0 12px 30px; width: calc(100% - 82px); } .column-both .content-timeline.text-left .box-date::before { left: auto; right: -19px; } .column-both .content-timeline.text-left .box-date { float: left; } .column-both .content-timeline.text-left .box-date::after { left: auto; right: -15px; } .column-both .content-timeline.text-left .box-text::before { left: 0; right: auto; } .column-both .content-timeline.text-left .box-text { float: right; text-align: left; } @media screen and (max-width: 1039px) { .content-timeline .box-date, .content-timeline .box-text { padding: 14px 48px; } .content-timeline .box-date::after { top: 18px; } .content-timeline .box-text::before { width: 36px; top: 31px; } .column-left .content-timeline::before, .column-right .content-timeline::before { left: 65px; } .column-left .content-timeline .box-date, .column-right .content-timeline .box-date { padding: 16px 0; text-align: left; width: 65px; } .column-left .content-timeline .box-date::after, .column-right .content-timeline .box-date::after { top: 20px; } .column-left .content-timeline .box-text::before, .column-right .content-timeline .box-text::before { width: 20px; top: 33px; } .column-left .content-timeline .box-text, .column-right .content-timeline .box-text { padding: 12px 0 12px 30px; width: calc(100% - 82px); } .column-left .content-timeline.text-left .box-date::before, .column-right .content-timeline.text-left .box-date::before { left: auto; right: -19px; } .column-left .content-timeline.text-left .box-date, .column-right .content-timeline.text-left .box-date { float: left; } .column-left .content-timeline.text-left .box-date::after, .column-right .content-timeline.text-left .box-date::after { left: auto; right: -15px; } .column-left .content-timeline.text-left .box-text::before, .column-right .content-timeline.text-left .box-text::before { left: 0; right: auto; } .column-left .content-timeline.text-left .box-text, .column-right .content-timeline.text-left .box-text { float: right; text-align: left; } } @media screen and (max-width: 779px) { .content-timeline::before { left: 65px; } .content-timeline .box-date { padding: 16px 0; text-align: left !important; width: 65px; } .content-timeline .box-date::after { top: 20px; } .content-timeline .box-text::before { width: 20px; top: 33px; } .content-timeline .box-text { padding: 12px 0 12px 30px; width: calc(100% - 82px); } .content-timeline.text-left .box-date::before { left: auto; right: -19px; } .content-timeline.text-left .box-date { float: left; } .content-timeline.text-left .box-date::after { left: auto; right: -15px; } .content-timeline.text-left .box-text::before { left: 0; right: auto; } .content-timeline.text-left .box-text { float: right; } .content-timeline.text-left .box-text .right { text-align: left; } } .content-map { width: 100%; } .content-map iframe { border: none !important; display: block; width: 100%; } @media screen and (min-width: 1300px) { .content-map.xlg-map-height-vh iframe { height: calc(100vh - 112px); } .content-map.xlg-map-height-lg iframe { height: 430px; } .content-map.xlg-map-height-md iframe { height: 280px; } .content-map.xlg-map-height-sm iframe { height: 130px; } .content-map.xlg-map-width-lg { width: 75%; } .content-map.xlg-map-width-md { width: 50%; } .content-map.xlg-map-width-sm { width: 25%; } } @media screen and (max-width: 1299px) and (min-width: 1040px) { .content-map.lg-map-height-lg iframe { height: calc(100vh - 112px); } .content-map.lg-map-height-lg iframe { height: 430px; } .content-map.lg-map-height-md iframe { height: 280px; } .content-map.lg-map-height-sm iframe { height: 130px; } .content-map.lg-map-width-lg { width: 75%; } .content-map.lg-map-width-md { width: 50%; } .content-map.lg-map-width-sm { width: 25%; } } @media screen and (max-width: 1039px) and (min-width: 780px) { .content-map.md-map-height-lg iframe { height: calc(100vh - 112px); } .content-map.md-map-height-lg iframe { height: 430px; } .content-map.md-map-height-md iframe { height: 280px; } .content-map.md-map-height-sm iframe { height: 130px; } .content-map.md-map-width-lg { width: 75%; } .content-map.md-map-width-md { width: 50%; } .content-map.md-map-width-sm { width: 25%; } } @media screen and (max-width: 779px) and (min-width: 520px) { .content-map.sm-map-height-lg iframe { height: calc(100vh - 112px); } .content-map.sm-map-height-lg iframe { height: 430px; } .content-map.sm-map-height-md iframe { height: 280px; } .content-map.sm-map-height-sm iframe { height: 130px; } .content-map.sm-map-width-lg { width: 75%; } .content-map.sm-map-width-md { width: 50%; } .content-map.sm-map-width-sm { width: 25%; } } @media screen and (max-width: 519px) { .content-map.xsm-map-height-lg iframe { height: calc(100vh - 112px); } .content-map.xsm-map-height-lg iframe { height: 430px; } .content-map.xsm-map-height-md iframe { height: 280px; } .content-map.xsm-map-height-sm iframe { height: 130px; } .content-map.xsm-map-width-lg { width: 75%; } .content-map.xsm-map-width-md { width: 50%; } .content-map.xsm-map-width-sm { width: 25%; } } .content-iframe figure { height: auto; padding-bottom: 56.25% !important; position: relative; } .content-iframe figure iframe { bottom: 0; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; width: 100% !important; } .content-anchor-element, .anker { scroll-margin-top: 110px; } @media screen and (max-width: 1039px) { .content-anchor-element, .anker { scroll-margin-top: 80px; } } @media screen and (max-width: 779px) { .content-anchor-element, .anker { scroll-margin-top: 87px; } } .content-toggle-wrapper { width: 100%; } .content-toggle-wrapper.show { max-height: 100% !important; } #toggler-button .button > a.less, #toggler-button .button.active > a.more { display: none; } #toggler-button .button.active > a.less { display: inline; } .content-tabs > input[type="radio"] { display: none; } .content-tabs > input:checked + label::before { content: "\f0d7"; display: inline-block; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 16px; font-size: 1rem; font-weight: 700; margin-right: 7px; width: 15px; } .content-tabs > label { cursor: pointer; display: inline-block; font-weight: 700; padding: 12px; margin: 3px 0; } .content-tabs.tabs-1 > label { border-style: solid; border-width: 1px; } .content-tabs.tabs-2 > input:checked + label::before { display: block; margin: 0 auto -42px; } .content-tabs .tab-panel { display: none; } .content-tabs > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6), .content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7), .content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8), .content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel:nth-child(9), .content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel:nth-child(10), .content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel:nth-child(11), .content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel:nth-child(12), .content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel:nth-child(13), .content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel:nth-child(14), .content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel:nth-child(15), .content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel:nth-child(16), .content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel:nth-child(17), .content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel:nth-child(18), .content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel:nth-child(19), .content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel:nth-child(20) { display: block; } .content-tabs > input:first-child:checked ~ .tab-panels > .tab-panel.flexbox:first-child, .content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(2), .content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(3), .content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(4), .content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(5), .content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(6), .content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(7), .content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(8), .content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(9), .content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(10), .content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(11), .content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(12), .content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(13), .content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(14), .content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(15), .content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(16), .content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(17), .content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(18), .content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(19), .content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel.flexbox:nth-child(20) { display: flex; } .content-count-up { padding: 7px 14px; width: 100%; } .content-count-up span.counter { font-size: 24px; font-size: 1.5rem; font-weight: 700; } .content-count-up span.add { display: block; } .content-filter-wrapper .filter-controls li { border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; font-weight: 700; padding: 12px; margin: 3px 6px 3px 0; } .content-filter-wrapper .filter-container { display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 1039px) { .content-filter-wrapper .filter-container { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 519px) { .content-filter-wrapper .filter-container { grid-template-columns: repeat(1, 1fr); } } #toggle-nav { background: transparent; border-style: none; border-width: 0; display: none; font-size: 24px; font-size: 1.5rem; height: 47px; padding: 0; position: absolute; right: 2px; text-align: center; width: 47px; } #toggle-nav::after { content: "\f0c9"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 700; } #toggle-nav.active::after { content: "\f00d"; } ul.nav-toggle:not(.level_1) { display: none; } ul.nav-toggle li { position: relative; } ul.nav-toggle li.active > ul, ul.nav-toggle li.trail > ul { display: block; } #nav-main .toggle, .nav-sub .toggle { background: transparent; border: none; margin: 0; padding: 5.5px 10px; position: absolute; right: 0; top: 0; } #nav-main .toggle::after, .nav-sub .toggle::after { content: "\f067"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 14px; font-size: 0.875rem; font-weight: 700; } #nav-main .toggle.active::after, #nav-main .toggle.trail::after, .nav-sub .toggle.active::after, .nav-sub .toggle.trail::after { content: "\f068"; } @media screen and (min-width: 780px) { #nav-main ul.level_1 > li > .toggle { display: none; } } @media screen and (max-width: 779px) { #toggle-nav { display: block; } #nav-main ul li .toggle { height: 48px; right: 0; width: 50px; } #nav-main ul li .toggle::after { font-size: 18px; font-size: 1.125rem; } } #nav-top ul { padding: 0; } #nav-top ul li { display: inline-block; } #nav-top a, #nav-top strong { display: block; font-size: 12px; font-size: 0.75rem; font-weight: normal; text-decoration: none; padding: 7px; } @media screen and (min-width: 780px) { .header-left #nav-top, .header-right #nav-top { bottom: 10px; position: fixed; } .header-left #nav-top ul li, .header-right #nav-top ul li { display: block; } } @media screen and (max-width: 779px) { #nav-top { margin-right: 3px; } } #nav-main { position: unset; } #nav-main ul { padding: 0; } #nav-main a, #nav-main strong { display: block; font-weight: normal; text-decoration: none; } @media screen and (min-width: 780px) { .header-left #nav-main, .header-right #nav-main { width: 100%; } #nav-main ul.level_1 > li { display: inline-block; position: unset; } .header-left #nav-main ul.level_1 > li, .header-right #nav-main ul.level_1 > li { display: block; } #nav-main ul.level_1 > li.submenu > a::after, #nav-main ul.level_1 > li.submenu > strong::after { content: "\f0d7"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 14px; font-size: 0.875rem; font-weight: 700; margin-left: 7px; } .header-left #nav-main ul.level_1 > li.submenu > a::after, .header-left #nav-main ul.level_1 > li.submenu > strong::after { content: "\f0da"; } .header-right #nav-main ul.level_1 > li.submenu > a::before, .header-right #nav-main ul.level_1 > li.submenu > strong::before { content: "\f0d9"; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 14px; font-size: 0.875rem; font-weight: 700; margin-right: 7px; } .header-right #nav-main ul.level_1 > li.submenu > a::after, .header-right #nav-main ul.level_1 > li.submenu > strong::after { content: ""; } body:not(.header-left):not(.header-right) #nav-main ul.level_1 > li:last-child > ul, body:not(.header-left):not(.header-right) #nav-main ul.level_1 > li.nav-last > ul { left: auto; right: 15px; } #nav-main ul.level_1 > li:hover > ul { display: block; max-height: 80vh; overflow-x: hidden; overflow-y: scroll; } #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong { font-weight: 700; padding: 17px 10px; } #nav-main ul.level_2 { display: none; overflow: hidden; position: absolute; z-index: 99; } .header-left #nav-main ul.level_2 { left: calc(100% - 15px); top: 0; } .header-right #nav-main ul.level_2 { right: calc(100% - 15px); top: 0; } #nav-main ul.level_2 li a, #nav-main ul.level_2 li strong { border-bottom: 0; padding: 7px 10px; } #nav-main ul.level_2 li a.submenu, #nav-main ul.level_2 li strong.submenu { padding: 7px 30px 7px 10px; } } @media screen and (max-width: 1039px) and (min-width: 780px) { #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong { padding: 7px; } #nav-main ul.level_1 > li:last-child > ul { right: 10px; } } @media screen and (max-width: 779px) { #nav-main { bottom: 0; display: none; height: calc(100% - 89px); left: 0; overflow-x: hidden; overflow-y: scroll; position: fixed; top: 89px; width: 100%; } #nav-main.active { display: block; } #nav-main ul.level_1 li { position: relative; } #nav-main ul.level_1 li a, #nav-main ul.level_1 li strong { padding: 14px 10px; } #nav-main ul.level_1 li.active > ul, #nav-main ul.level_1 li.trail > ul { display: block; } } .no-nav-sub .nav-sub { display: none; } .nav-sub { margin: 15px; } .nav-sub ul { padding: 0; } .nav-sub a, .nav-sub strong { border-bottom: 0; display: block; font-weight: normal; padding: 7px 10px; text-decoration: none; } .nav-sub a.submenu, .nav-sub strong.submenu { padding: 7px 30px 7px 10px; } .nav-sub ul.level_1 { overflow: hidden; } @media screen and (max-width: 1039px) { .nav-sub { margin: 10px; } } @media screen and (max-width: 779px) { .nav-sub_headline, .nav-sub { display: none; } } .mod_newsmenu ul { padding: 0; } .mod_newsmenu a, .mod_newsmenu strong { border-bottom: 0; display: block; font-weight: normal; padding: 7px 10px; text-decoration: none; } .mod_newsmenu ul.level_2 > li > a, .mod_newsmenu ul.level_2 > li > strong { padding-left: 21px; } @media screen and (max-width: 779px) { .mod_newsmenu { display: none; } } #nav-footer ul { padding: 0; } #nav-footer ul li { display: inline-block; text-align: left; } #nav-footer a, #nav-footer strong { display: block; font-size: 14px; font-size: 0.875rem; font-weight: normal; text-decoration: none; padding: 7px; } @media screen and (max-width: 779px) { #nav-footer { float: none; margin: auto; text-align: center; } } .no-nav-breadcrumb #nav-breadcrumb { display: none; } .column-left #nav-breadcrumb, .boxed #nav-breadcrumb { margin: 25px auto 0; } .boxed #nav-breadcrumb { max-width: 1270px; } #nav-breadcrumb ul { list-style: none; overflow: hidden; padding: 7px 15px; } #nav-breadcrumb ul li { float: left; } #nav-breadcrumb ul li + li::before { content: "/"; padding: 0 5px; } #nav-breadcrumb ul li a { text-decoration: none; } @media screen and (max-width: 1299px) { .boxed #nav-breadcrumb { max-width: 1010px; } } @media screen and (max-width: 1039px) { .boxed #nav-breadcrumb { max-width: 740px; } #nav-breadcrumb ul { padding: 7px 10px; } } @media screen and (max-width: 779px) { .column-left #nav-breadcrumb, .boxed #nav-breadcrumb { margin-top: 0; max-width: 100%; } } .pagination p { display: none; } nav[data-pagination] ::marker { content: ''; } nav[data-pagination] ol li, .pagination ul li { float: left; margin: 3px 0; } nav[data-pagination] ol li a, .pagination ul li a, .pagination ul li strong { border-style: solid; border-width: 1px; display: block; padding: 5px 10px; text-decoration: none; } nav[data-pagination] ol li:not(:first-child) a, .pagination ul li:not(:first-child) a, .pagination ul li:not(:first-child) strong { border-left-width: 0; } .pagination ul li strong { font-weight: normal; } .mod_sitemap ul { line-height: 2; margin: 0 0 0 20px; padding: 0; } .mod_sitemap ul li i::before { content: ""; } .mod_sitemap ul li::before { content: "\f07b"; display: inline-block; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 32px; font-size: 2rem; font-weight: 700; margin: -18px 0 0 -38px; position: absolute; } .mod_sitemap ul li:hover::before { font-weight: 400; } .mod_sitemap ul li { margin-left: 20px; padding: 7px 0; } .mod_sitemap ul li.submenu::before { content: "\f07c"; } .mod_changePassword .widget, .mod_closeAccount .widget, .mod_login .widget, .mod_lostPassword .widget, .mod_personalData .widget, .mod_registration .widget { padding: 7px 2px; } .mod_changePassword .widget-text label, .mod_closeAccount .widget-text label, .mod_login .widget-text label, .mod_lostPassword .widget-text label, .mod_personalData .widget-text label, .mod_registration .widget-text label, .mod_changePassword .widget-password label, .mod_login .widget-password label, .mod_lostPassword .widget-password label, .mod_registration .widget-password label, .mod_lostPassword .widget-captcha label, .mod_login .widget-checkbox legend, .mod_registration .widget-checkbox legend { font-weight: 700; } .mod_login .checkbox_container label { display: block; margin: -21px 0 0 21px; } .mod_changePassword p.tl_confirm, .mod_changePassword p.error, .mod_login .error, .mod_lostPassword p.confirm, .mod_lostPassword p.error, .mod_personalData p.tl_confirm, .mod_registration p.confirm, .mod_registration p.error, .mod_subscribe p.confirm, .mod_subscribe p.error, .mod_unsubscribe p.error { border-style: solid; border-width: 1px; margin: 7px 0; padding: 7px 11px; } p.button.lost_passwort { margin-left: 14px; } .mod_search .widget-text { float: left; margin-left: -2px; overflow: hidden; padding: 7px 2px; width: calc(100% - 85px); } .mod_search .widget-submit { float: right; } .mod_search .radio_container label { display: block; margin: -21px 0 0 21px; } .mod_search .header, .mod_search .info { border-style: solid; border-width: 1px; clear: both; margin: 7px 0; padding: 7px 11px; } .mod_search > div:not(:last-child) { margin-bottom: 28px; } .mod_search h3 > a { display: block; } .mod_search h3 > a:hover { text-decoration: none; } .mod_search .relevance { font-weight: 400; } .contao-cookiebar .cc-btn { line-height: 1; } .contao-cookiebar .cc-groups .cc-group > label { margin: 5px 10px; } .contao-cookiebar .cc-close { right: 18px; } @media screen and (min-width: 520px) { .contao-cookiebar .cc-inner { max-width: 500px; } } .mod_calendar .calendar-pagination { display: table; height: 61px; padding: 7px; position: relative; text-align: center; width: 100%; } .mod_calendar .calendar-pagination .current { display: table-cell; font-size: 24px; font-size: 1.5rem; font-weight: 700; vertical-align: middle; } .mod_calendar .calendar-pagination .previous, .mod_calendar .calendar-pagination .next { left: 0; position: absolute; } .mod_calendar .calendar-pagination .next { left: auto; right: 0; } .mod_calendar .calendar-head { font-weight: 700; overflow: hidden; position: relative; text-align: center; } .mod_calendar .calendar-head .label, .mod_calendar .calendar-body > div > div { border-style: solid; border-width: 1px; float: left; padding: 7px; width: 14.28%; } .mod_calendar .calendar-head .label:not(:first-child), .mod_calendar .calendar-body > div > div:not(:first-child) { border-left-style: none; } .mod_calendar .calendar-body > div { display: flex; flex-wrap: wrap; float: left; width: 100%; } .mod_calendar .calendar-body > div > div { border-top-style: none; min-height: 100px; } .mod_calendar .calendar-body > div > div .label, .mod_calendar .calendar-body > div > div .event { font-size: 14px; font-size: 0.875rem; } .mod_calendar .calendar-body > div > div .label { padding-left: 3px; } @media screen and (max-width: 1039px) { .column_both .mod_calendar .calendar-head .label span, .column_left .mod_calendar .calendar-head .label span, .column_right .mod_calendar .calendar-head .label span { display: none; } } @media screen and (max-width: 779px) { .mod_calendar .calendar-pagination .current, .mod_calendar .calendar-pagination .previous, .mod_calendar .calendar-pagination .next { display: block; position: relative; } .mod_calendar .calendar-head .label span { display: none; } } .mod_newsarchive .news_article, .mod_newslist .news_article { margin: -14px; overflow: hidden; width: calc(100% + 28px); } .mod_newsarchive .news_article, .mod_newslist .news_article { display: flex; flex-wrap: wrap; } .mod_newsarchive .layout_latest, .mod_newslist .layout_latest { float: left; margin: 14px; overflow: hidden; position: relative; width: calc(100% - 28px); } .mod_newsarchive .layout_latest h2 > a:hover, .mod_newslist .layout_latest h2 > a:hover { text-decoration: none; } .mod_newsarchive .layout_latest h3, .mod_newslist .layout_latest h3 { margin-top: -14px; font-size: 18px; font-size: 1.125rem; font-weight: 400; } .mod_newsarchive .layout_latest figure img, .mod_newslist .layout_latest figure img { height: 100%; object-fit: cover; object-position: 50%; } .mod_newsarchive .layout_latest p.info, .mod_newslist .layout_latest p.info { font-size: 12px; font-size: 0.75rem; margin-top: -14px; } .mod_newsarchive .layout_latest time, .mod_newslist .layout_latest time { display: block; } .mod_newsarchive:not([class*="button-"]) .layout_latest p.button, .mod_newslist:not([class*="button-"]) .layout_latest p.button { padding: 0; } .mod_newsarchive .layout_latest .more, .mod_newslist .layout_latest .more { margin: 0 -14px; padding: 7px 11px; } .mod_newsreader .layout_full p.info { font-size: 12px; font-size: 0.75rem; margin-top: -14px; } .mod_newsreader .layout_full time { display: block; } .mod_subscribe.activate form { display: none; } .mod_unsubscribe .widget-text input.text { float: left; width: calc(100% - 101px); } .mod_unsubscribe .widget-submit button { float: right; margin: 0; } .wartungsmodus .logo { margin: 0 auto; width: 325px; } @media screen and (max-width: 1039px) { .wartungsmodus .logo { width: 200px; } } .switch-dark-mode { float: left; margin: 4px 0 -4px; } .switch-dark-mode p { float: right; font-size: 12px; font-size: 0.75rem; padding: 4px 7px; } .switch-dark-mode .switch { display: inline-block; height: 22px; position: relative; width: 42px; } .switch-dark-mode input { display: none; } .switch-dark-mode .slider { bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; } .switch-dark-mode .slider::before { bottom: 4px; content: ""; height: 14px; left: 4px; position: absolute; width: 14px; } .switch-dark-mode input:checked + .slider::before, [data-theme="dark"] .switch-dark-mode input + .slider::before { transform: translateX(21px); } @media screen and (min-width: 780px) { .header-left .switch-dark-mode, .header-right .switch-dark-mode { margin: 4px 0 0; } } [data-theme="dark"] #toggle-nav::after, [data-theme="dark"] #nav-main .toggle, [data-theme="dark"] .nav-sub .toggle, [data-theme="dark"] #nav-breadcrumb ul li a { color: #fff !important; } [data-theme="dark"] body, [data-theme="dark"] .color-dark, [data-theme="dark"] input:not([type="radio"]):not([type="checkbox"]), [data-theme="dark"] textarea, [data-theme="dark"] select, [data-theme="dark"] #nav-top a, [data-theme="dark"] #nav-top strong, [data-theme="dark"] #nav-main a, [data-theme="dark"] #nav-main strong { color: #bebebe !important; } [data-theme="dark"] body, [data-theme="dark"] .bg-white, [data-theme="dark"] #nav-main ul.level_2, [data-theme="dark"] #nav-main ul.level_4, [data-theme="dark"] .nav-sub ul.level_1, [data-theme="dark"] .nav-sub ul.level_3, [data-theme="dark"] .content-download::before, [data-theme="dark"] .content-downloads::before { background-color: #222 !important; } [data-theme="dark"] .bg-light, [data-theme="dark"] #nav-main ul.level_3, [data-theme="dark"] .nav-sub ul.level_2, [data-theme="dark"] #nav-breadcrumb ul, [data-theme="dark"] .filter_reset, [data-theme="dark"] .content-gallery figcaption, [data-theme="dark"] .content-image figcaption, [data-theme="dark"] .content-text hr, [data-theme="dark"] .content-text pre, [data-theme="dark"] .content-text-image-tile.bg-light .box-img.arrow::before, [data-theme="dark"] .content-timeline.bg-icon-light .box-date::before, [data-theme="dark"] .content-timeline.timeline-light::before, [data-theme="dark"] .content-timeline.timeline-light .box-text::before, [data-theme="dark"] .content-quote-box.quote-box-3.bg-icon-light blockquote::before, [data-theme="dark"] .mod_calendar .calendar-head .label, [data-theme="dark"] .mod_calendar .calendar-body > div > div .label, [data-theme="dark"] nav[data-pagination] ol li a:hover, [data-theme="dark"] .pagination ul li a:hover, [data-theme="dark"] tfoot td, [data-theme="dark"] th { background-color: #181818 !important; } [data-theme="dark"] .content-code code.hljs { background-color: #282c34 !important; } .agentur-zentral-impressum { line-height: 1; } .agentur-zentral-impressum a[target="_blank"]::after { content: "" !important; } body, button, input:not([type="radio"]):not([type="checkbox"]), textarea, select, #right h3 { font-family: 'Montserrat'; font-weight: 300; } h1, h2, h3, h4, h5, h6, .content-headline.standard { font-family: 'Noto Serif'; line-height: 1.25; } #main { line-height: 1.75; } #main .normal { line-height: 1; } @media screen and (max-width: 1039px) { h1, :is(.content-teaser-image,.content-teaserbild) .content-headline.standard { font-size: 24px; font-size: 1.5rem; } h2 { font-size: 20px; font-size: 1.250rem; } h3 { font-size: 18px; font-size: 1.125rem; } h4, h5 { font-size: 16px; font-size: 1rem; } } button.button-corporate, .button-corporate p.button a, .button-corporate button.submit, .button-corporate p.button a:hover, .content-toplink.button a, #nav-main ul > li > a, #nav-main ul > li > strong, #toggle-nav, #right h3, .content-download::before, .content-downloads::before, .content-image.corporate figure figcaption, .content-gallery figure figcaption, .content-text figure figcaption, .content-text.legende i.piausb, .content-text.legende i.verein, .mod_calendar .calendar .event.piausb div, .mod_calendar .calendar .event.verein div, .mod_calendar .calendar .event span, .mod_newslist .featured, .mod_newslist .layout_latest figure figcaption, .pagination ul li a:hover { color: #fff; } body, input:not([type="radio"]):not([type="checkbox"]), textarea, select, .mod_newslist .layout_latest h2 a, .content-team-box.kontakt .email::before, .content-team-box.kontakt .phone::before, .pagination a, .contao-cookiebar .cc-head p, .contao-cookiebar .cc-info a, #toggle-nav::after { color: #000; } .mod_newslist .layout_latest .content-text:hover p::after { color: #2929cc; } .mod_newslist .layout_latest h3 a { color: #343a40; } button.button-corporate:hover, .button-corporate p.button:hover, .button-corporate button.submit:hover, #nav-main, #nav-main ul.level_2, #right h3, .content-download::before, .content-downloads::before, .content-image.corporate figure figcaption, .content-gallery figure figcaption, .content-text figure figcaption, .mod_calendar .calendar .event div, .mod_calendar .calendar .event span, .mod_newslist .layout_latest figure figcaption, .pagination ul li strong { background: #000; } button.button-corporate, .button-corporate p.button, .button-corporate button.submit, .pagination ul li a:hover { background: #2929cc; } .mod_newslist .featured { background: #dc3545; } .content-text.legende i.allgmilausb, .mod_calendar .calendar .event.allgmilausb div { background: #66ff33; } .content-text.legende i.piausb, .mod_calendar .calendar .event.piausb div { background: #000; } .content-text.legende i.bbsausb, .mod_calendar .calendar .event.bbsausb div { background: #00b050; } .content-text.legende i.gebausb, .mod_calendar .calendar .event.gebausb div { background: #92d050; } .content-text.legende i.kfwb, .mod_calendar .calendar .event.kfwb div { background: #538dd5; } .content-text.legende i.lasi, .mod_calendar .calendar .event.lasi div { background: #4bdadd; } .content-text.legende i.sanausb, .mod_calendar .calendar .event.sanausb div { background: #ff0000; } .content-text.legende i.sondervorhaben, .mod_calendar .calendar .event.sondervorhaben div { background: #ff3399; } .content-text.legende i.urlaub, .mod_calendar .calendar .event.urlaub div { background: #ffff00; } .content-text.legende i.verein, .mod_calendar .calendar .event.verein div { background: #2929cc; } @media screen and (min-width: 780px) { #nav-main ul.level_1 li:hover > a, #nav-main ul.level_1 li:hover > strong, #nav-main ul.level_1 li.active > a, #nav-main ul.level_1 li.active > strong { background: #2929cc; } } ^ @media screen and (max-width: 779px) { #nav-main-bar .content-spaltenumschlag { background: #000; } } input:not([type="radio"]):not([type="checkbox"]):not(.submit), .content-text.legende i, .mod_calendar .calendar .event div, .mod_newslist .layout_latest p.info::before, .mod_newsreader .layout_full p.info::before, .pagination ul li a, .pagination ul li strong { border-color: #000; } .content-text.legende i.kp-2, .mod_calendar .calendar .event.kp-2 div { border-color: #ff0000; } .content-text.legende i.kp-3, .mod_calendar .calendar .event.kp-3 div { border-color: #ffff00; } .content-text.legende i.kp-4, .mod_calendar .calendar .event.kp-4 div { border-color: #0000ff; } .content-text.legende i.schnupperrdl, .mod_calendar .calendar .event.schnupperrdl div { border-color: #ff9870; } button, p.button { font-weight: 700; } .contao-cookiebar .cc-footer button { border-style: none; border-width: 0; } .contao-cookiebar .cc-inner, .contao-cookiebar .cc-footer button, .contao-cookiebar .cc-group, .contao-cookiebar .cc-groups .cc-group, .contao-cookiebar .cc-cookies, .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .content-text.legende i, .mod_calendar .calendar .event div, .mod_calendar .calendar .event span { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #wrapper { padding-bottom: 60px; padding-top: 124px; } @media screen and (max-width: 1039px) { #wrapper { padding-bottom: 105px; padding-top: 94px; } } @media screen and (max-width: 779px) { #wrapper { padding-bottom: 120px; padding-top: 78px; } } #header { height: 124px; } #header .logo { margin: -35px 0 -94px 14px; width: 125px; z-index: 99; } @media screen and (max-width: 1039px) { #header { height: 94px; } #header .logo { width: 97px; } } @media screen and (max-width: 779px) { #header { height: 78px; } #header .logo { margin: -31px 0 -39px 0; } } #right { font-size: 12px; font-size: 0.75rem; } #right h3 { font-size: 14px; font-size: 0.875rem; font-weight: 700; margin-bottom: 14px; padding: 12px 12px 10px; } #footer { height: 60px; } #footer .content-toplink { left: 50%; margin-left: -17px; position: absolute; } @media screen and (max-width: 1039px) { #footer { height: 104px; text-align: center; } #footer .content-toplink { bottom: 0; } #footer .copyright { float: none; margin: auto; } } @media screen and (max-width: 519px) { #footer { height: 120px; } } .content-image figcaption, .content-gallery figcaption, .content-text figure figcaption { margin-top: 0; padding: 0; position: unset; } .content-image.corporate { margin: 7px 0; } .content-image.corporate figure figcaption, .content-gallery figure figcaption, .content-text figure figcaption { bottom: 0; display: none; font-size: 12px; font-size: 0.75rem; left: 0; line-height: 1.25; padding: 7px; position: absolute; text-decoration: none; top: 0; width: 65%; } .content-image.corporate figure figcaption span, .content-gallery figure figcaption span, .content-text figure figcaption span { bottom: 3px; display: block; padding-right: 7px; position: absolute; } .content-image.corporate figure:hover figcaption, .content-gallery figure:hover figcaption, .content-text figure:hover figcaption { display: block; } .content-image.corporate figure::after, .content-gallery figure::after, .content-text figure::after { bottom: 0; content: ""; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 0 0 50px 50px; position: absolute; right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); } @media screen and (max-width: 1039px) { .content-image.corporate figure::after, .content-gallery figure::after, .content-text figure::after { border-width: 0 0 30px 30px; } } @media screen and (max-width: 1039px) { .content-gallery--cols-3 ul { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 519px) { .content-gallery--cols-3 ul { grid-template-columns: repeat(1, 1fr); } } .content-download::before, .content-downloads::before { border-style: none; border-width: 0; } .mod_newsreader .content-download, .mod_newsreader .content-downloads { margin-top: 21px; } .ce_form .checkbox_container label, .ce_form .radio_container label { margin: -28px 0 0 21px; } .ce_form select { height: 32px; padding: 6px 8px; width: 100%; } :is(.content-teaser-image,.content-teaserbild)::after { bottom: 0; content: ""; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 0 0 50px 50px; position: absolute; right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); } :is(.content-teaser-image,.content-teaserbild) .height-md { height: 321px; } @media screen and (max-width: 1299px) { :is(.content-teaser-image,.content-teaserbild) .left.box-width-50 { padding: 0 25% 0 0; } } @media screen and (max-width: 1039px) { :is(.content-teaser-image,.content-teaserbild)::after { border-width: 0 0 30px 30px; } :is(.content-teaser-image,.content-teaserbild) .height-md { height: 300px; } } @media screen and (max-width: 779px) { :is(.content-teaser-image,.content-teaserbild) .height-md { height: 275px; } } @media screen and (max-width: 519px) { :is(.content-teaser-image,.content-teaserbild) .left.box-width-50 { padding: 0 15% 0 0; } } .content-text-image-tile .fullheight { height: calc(100vh - 124px); } @media screen and (max-width: 1039px) { .content-text-image-tile .fullheight { height: calc(100vh - 94px); } } .content-team-box { padding: 7px 0; } .content-team-box p.function { margin-top: -14px; } .content-team-box.kontakt .email, .content-team-box.kontakt .phone { display: block; padding-left: 21px; position: relative; } .content-team-box.kontakt .email::before, .content-team-box.kontakt .phone::before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; font-size: 16px; font-size: 1rem; font-weight: 700; left: 0; position: absolute; top: -1px; } .content-team-box.kontakt .phone::before { content: "\f095"; } .content-team-box.kontakt .email:hover::before, .content-team-box.kontakt .phone:hover::before { text-decoration: none; } .content-anchor-element, .anker { scroll-margin-top: 140px; } @media screen and (max-width: 1039px) { .content-anchor-element, .anker { scroll-margin-top: 80px; } } @media screen and (max-width: 779px) { .content-anchor-element, .anker { scroll-margin-top: 87px; } } .content-toggle-wrapper { max-height: 185px; } #toggle-nav { right: 0; top: -10px; } ul.nav-toggle:not(.level_1 ) { display: block; } #nav-top { margin-left: 149px; } #nav-top a:hover, #nav-top strong.active { text-decoration: underline; } @media screen and (max-width: 1039px) { #nav-top { margin-left: 124px; } #nav-top a, #nav-top strong { padding: 7px 5px; } } @media screen and (max-width: 779px) { #nav-top { margin-left: 100px; margin-top: 7px; } #nav-top ul.level_1 > li.nav-vorhabenuebersicht, #nav-top ul.level_1 > li.nav-downloads, #nav-top ul.level_1 > li.nav-bilder-cloud { display: none; } } @media screen and (max-width: 519px) { #nav-top ul.level_1 > li.nav-sitemap { display: none; } } @media screen and (min-width: 780px) { #nav-main { margin-top: 14px; padding-left: 149px; width: 100%; } #nav-main ul.level_1 > li.submenu > a::after, #nav-main ul.level_1 > li.submenu > strong::after, #nav-main ul.level_1 > li:hover > ul { display: none; } #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong { padding: 17px; } #nav-main ul.level_1 > li.nav-kontakt { display: none; } } @media screen and (min-width: 780px) and (max-width: 1299px) { #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong { padding: 17px 15px; } } @media screen and (min-width: 780px) and (max-width: 1039px) { #nav-main { padding-left: 124px; } #nav-main ul.level_1 > li > a, #nav-main ul.level_1 > li > strong { font-size: 14px; font-size: 0.875rem; padding: 11px 7px; } } @media screen and (max-width: 779px) { #nav-main { height: calc(100% - 74px); top: 74px; } #nav-main ul.level_1 { margin-top: 48px; } #nav-main ul.level_2 { margin-left: 21px; } #nav-main ul.level_2 > li > a, #nav-main ul.level_2 > li > strong { padding: 7px 10px 7px 21px; } #nav-main ul.level_2 > li > a::before, #nav-main ul.level_2 > li > strong::before { content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 700; margin: 0 7px 0 -21px; } } .nav-sub a, .nav-sub strong { font-size: 14px; font-size: 0.875rem; padding: 7px 10px 7px 21px; } .nav-sub ul.level_1 { margin: 0 7px; } .nav-sub ul.level_1 > li > a::before, .nav-sub ul.level_1 > li > strong::before { content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 700; margin: 0 7px 0 -21px; } @media screen and (max-width: 1039px) { .nav-sub a, .nav-sub strong { font-size: 12px; font-size: 0.75rem; padding: 5px 10px 5px 21px; } } #nav-footer { margin-right: -7px; } @media screen and (max-width: 1039px) { #nav-footer { float: none; margin: 0 auto 21px; } } @media screen and (max-width: 519px) { #nav-footer ul.level_1 > li.nav-newsletter { display: none; } } #nav-breadcrumb { display: none; } .mod_search .widget-text input.text { width: calc(100% - 100px); } .mod_search .radio_container label { margin: -28px 0 0 21px; } .contao-cookiebar .cc-head strong { font-size: 24px; font-size: 1.5rem; } .contao-cookiebar .cc-btn { padding: 3px 7px 0; } .mod_calendar .calendar .event { float: left; position: relative; text-align: center; } .mod_calendar .calendar .event div { border-style: solid; border-width: 3px; float: left; height: 27px; margin: 4px 0 0 4px; width: 28px; } .mod_calendar .calendar .event.kp-1 div { border-style: dashed; } .mod_calendar .calendar .event a { display: contents; } .mod_calendar .calendar .event span { bottom: 33px; display: none; font-size: 12px; font-size: 0.75rem; left: -50px; padding: 3px 7px; position: absolute; width: 140px; z-index: 99; } .mod_calendar .calendar .days:nth-child(1) .event span { left: 0; } .mod_calendar .calendar .days:nth-child(7) .event span { left: -100px; } .mod_calendar .calendar .event div:hover i::before, .mod_calendar .calendar .event div:hover span { display: block; } .mod_calendar .calendar .event i::before{ border-color: #000 transparent; border-style: solid; border-width: 6px 6px 0 6px; bottom: 28px; content: ""; display: none; left: 10px; position: absolute; } .mod_calendar .calendar .event i::after { content: "\f073"; display: block; font-family: "Font Awesome 6 Free"; font-size: 12px; font-size: 0.75rem; font-style: normal; font-weight: 700; } .mod_calendar .calendar .event.urlaub i::after { content: "\f5ca"; } .mod_calendar .calendar .event.neusak i::after { content: "\e19b"; } .mod_calendar .calendar .event.wachausb i::after { content: "\f505"; } .mod_calendar .calendar .event.ada i::after { content: "\f19d"; } .mod_calendar .calendar .event.glawinter i::after { content: "\f2dc"; font-weight: 300; } .mod_calendar .calendar .event.kfwb i::after { content: "\f0d1"; } .mod_calendar .calendar .event.sprengen i::after { content: "\e4e9"; } .mod_calendar .calendar .event.brueckenbau i::after { content: "\e4ce"; } .mod_calendar .calendar .event.arbtgg i::after { content: "\f0c0"; } .mod_calendar .calendar .event.bauvorhaben i::after { content: "\f6e3"; } .mod_calendar .calendar .event.btluebergabe i::after { content: "\f024"; } .mod_calendar .calendar .event.taktik i::after { content: "\e534"; } .mod_calendar .calendar .event.grundlagen i::after { content: "\e54e"; } .mod_calendar .calendar .event.gebausbsommer i::after { content: "\e52f"; } .mod_calendar .calendar .event.funkausb i::after { content: "\f8ef"; } .mod_calendar .calendar .event.sanausb i::after { content: "\f0fa"; } .mod_calendar .calendar .event.lasi i::after { content: "\f4de"; } .mod_calendar .calendar .event.mks i::after { content: "\f1bb"; } .mod_calendar .calendar .event.sira i::after { content: "\e4e5"; } .mod_calendar .calendar .event.sboot i::after { content: "\f13d"; } .mod_calendar .calendar .event.milhist i::after { content: "\f66f"; } .mod_calendar .calendar .event.famtg i::after { content: "\e533"; } .mod_calendar .calendar .event.versammlung i::after { content: "\f15c"; } .mod_calendar .calendar .event.wasser i::after { content: "\f773"; } @media screen and (max-width: 1299px) { .mod_calendar .day, .mod_calendar .days { font-size: 14px; font-size: 0.875rem; } } .mod_newslist .layout_latest { width: calc(33.33333333% - 28px); } .mod_newslist .featured { font-weight: 700; height: 21px; line-height: 1.25; position: absolute; right: -21px; text-align: center; text-transform: uppercase; top: 14px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 91px; z-index: 1; } .mod_newslist .layout_latest h2 { font-size: 24px; font-size: 1.5rem; font-weight: 700; } .mod_newslist .layout_latest h3 { font-size: 12px; font-size: 0.75rem; font-weight: 400; margin: 0 0 -7px; } .mod_newslist .layout_latest h2 > a:hover { text-decoration: underline; } .mod_newslist .layout_latest h3 > a:hover { text-decoration: none; } .mod_newslist .layout_latest figure { height: 222px; position: relative; } .mod_newslist .layout_latest a figure figcaption { bottom: 0; display: none; font-size: 12px; font-size: 0.75rem; left: 0; line-height: 1.25; padding: 7px; position: absolute; text-decoration: none; top: 0; width: 65%; } .mod_newslist .layout_latest figure figcaption span { bottom: 3px; display: block; padding-right: 7px; position: absolute; } .mod_newslist .layout_latest a figure:hover figcaption { display: block; } .mod_newslist .layout_latest figure::after { bottom: 0; content: ""; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 0 0 50px 50px; position: absolute; right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .mod_newslist .layout_latest .content-text .more { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .mod_newslist .layout_latest .content-text p::after { content: '\f101'; font-family: "Font Awesome 6 Free"; font-size: 12px; font-size: 0.75rem; font-weight: 700; margin-left: 7px; } .mod_newslist .layout_latest p.info { padding: 14px 0; } .mod_newslist .layout_latest p.info::before { border-top-style: solid; border-top-width: 1px; content: ''; display: block; width: 200px; } @media screen and (max-width: 1299px) { .mod_newslist.aktuelles .layout_latest { width: calc(50% - 28px); } } @media screen and (max-width: 1039px) { .mod_newslist .layout_latest { width: calc(50% - 28px); } .mod_newslist.aktuelles .layout_latest { width: calc(100% - 28px); } .mod_newslist .layout_latest figure::after { border-width: 0 0 30px 30px; } } @media screen and (max-width: 779px) { .mod_newslist .layout_latest { width: calc(50% - 28px); } .mod_newslist.aktuelles .layout_latest { width: calc(50% - 28px); } } @media screen and (max-width: 519px) { .mod_newslist .layout_latest, .mod_newslist.aktuelles .layout_latest { width: calc(100% - 28px); } } .mod_newsreader .layout_full p.info { padding: 28px 0; } .mod_newsreader .layout_full p.info::before { border-top-style: solid; border-top-width: 1px; content: ''; display: block; width: 200px; } .mod_newsreader .layout_full .offset { margin: 25px 0; } @media screen and (max-width: 1039px) { .mod_newsreader .layout_full .offset { margin: 15px 0; } } #right .mod_subscribe { margin: 15px; } #right .mod_subscribe h3 { margin-bottom: 14px; } body.nav-newsletter #right .mod_subscribe { display: none; } .mod_unsubscribe .widget-text input.text { width: calc(100% - 115px); } @media screen and (max-width: 779px) { #right .mod_subscribe { margin: 0 10px 10px; } } .wartungsmodus .logo { width: 125px; } @media screen and (max-width: 1039px) { .wartungsmodus .logo { width: 97px; } } .switch-dark-mode { display: none; } .signature { width: 185px; } .content-text.legende i { border-style: solid; border-width: 3px; height: 30px; line-height: 1.6rem; margin: 0 7px 7px 0; text-align: center; width: 30px; } .content-text.legende i.kp-1 { border-style: dashed; } .nav-vorhabenuebersicht #right .mod_subscribe { display: none; } /* Native markup bridge for the preserved Pionierbataillon 905 layout. */ body { line-height: 1.25; } .row { display: flex; } .row::after, #container::after { content: ''; display: table; clear: both; } .row > .content-column-wrapper { display: block; } .vwrapper.d-flex { display: table !important; } .content-quote-box .vwrapper.d-flex > .content-text { display: block; } .news_article.news-grid { display: flex; flex-wrap: wrap; gap: 0; margin: -14px; align-items: stretch; } .news_article.news-grid > .layout_latest { flex: initial; } .content-page-wrapper > .inside { padding: 0; max-width: none; } .column-right #main .content-page-wrapper > .inside { padding: 0 15px; } #header .logo figure, #header .logo a, #header .logo img { display: block; width: 100%; max-width: none; } #header .logo img { height: auto; max-height: none; max-block-size: none; block-size: auto; } #header .logo { padding: 0; } #wrapper, #container { display: block; } #main, #left, #right { padding: 0; } #header, #footer { color: #000; background: transparent; } #header .content-column-wrapper, #footer .content-column-wrapper { display: block; float: left; } #nav-header ul, #nav-main > ul, #nav-footer ul { display: block; } #nav-main > ul > li { display: inline-block; } #nav-main-bar #nav-main ul > li > :is(a,strong) { color: #fff; border-radius: 0; background: transparent; } #nav-main-bar #nav-main ul > li > strong, #nav-main-bar #nav-main ul > li > :is(a,strong):hover { background: #2929cc; } #nav-main { margin-left: 0; } #nav-top-bar { display:block; } #nav-main-bar #nav-main li.active>strong { background:#2929cc; color:#fff; } #footer .copyright { margin-right: 0; } .mod_newslist .news-grid .layout_latest, .mod_newsarchive .news-grid .layout_latest { display: block; } .mod_newslist .layout_latest .info, .mod_newsarchive .layout_latest .info { color: #000; } :is(.content-teaser-image,.content-teaserbild) .vwrapper.height-md { height: 321px; block-size: 321px; } :is(.content-teaser-image,.content-teaserbild) .vwrapper > .vbottom { display: table-cell; vertical-align: bottom; } :is(.content-teaser-image,.content-teaserbild) .inside, :is(.content-teaser-image,.content-teaserbild) .content-headline { border-radius: 0; } .content-quote-box { color: #000; } .content-quote-box > .inside { padding: 0; margin: 0; gap: normal; } .content-quote-box .inside > .vtop { width: 0; inline-size: 0; min-width: 0; flex: none; border-radius: 0 !important; } .content-quote-box .content-image { max-width: none; max-inline-size: none; } .content-quote-box .content-image img { max-width: none; max-inline-size: none; } .content-quote-box blockquote { font-size: 1rem; line-height: inherit; margin: 14px 0; padding: 0 0 0 21px; } @media (max-width:1039px) { :is(.content-teaser-image,.content-teaserbild) .vwrapper.height-md { height:300px; block-size:300px; } } @media (max-width:779px) { :is(.content-teaser-image,.content-teaserbild) .vwrapper.height-md { height:275px; block-size:275px; } } .content-quote-box:not(:is(.text-invert,.invert)) { color: #000; } .content-quote-box > .inside:not(.no-padding) { padding: 0; } .content-quote-box .inside:is(.img-left,.img-right) > :not(.content-text) { width:0; inline-size:0; } .content-quote-box .inside:is(.img-left,.img-right) > :not(.content-text) .content-image img { inline-size:150px; } .content-quote-box.quote-box-1 blockquote { padding-inline-start:21px; border-inline-start-width:3px; } @media (max-width:1039px) { .content-quote-box .inside:is(.img-left,.img-right) > :not(.content-text) .content-image img { inline-size:130px; } } @media (max-width:519px) { .content-quote-box .inside:is(.img-left,.img-right) > :not(.content-text) .content-image img { inline-size:100px; } } body.column-right.boxed #container { display:block; } body.column-right #container > :is(#main,#right) { padding:0; } #container > aside > .inside { padding-block-start:0; } :is(.content-teaser-image,.content-teaserbild) .inside > :is(.content-headline,h1,h2,h3) { border-radius:0; } .nav-sub { border:0; border-radius:0; margin-block:0; background:transparent; } .nav-sub li { border:0; } .nav-sub :is(a,strong) { color:inherit; } #footer .content-toplink a { background:transparent; border:0; border-radius:0; padding:7px 12px; line-height:1; } #nav-footer ul li :is(a,strong) { border-radius:0; } :is(.content-teaser-image,.content-teaserbild) .vwrapper.height-md { min-height:0; min-block-size:0; } @media (max-width:779px) { #nav-top-bar { display:block; } #header .row, #subline .row, #footer .row { margin-inline:0; } .column-right #main .content-page-wrapper>.inside { padding-inline:0; } .content-quote-box.quote-box-1 blockquote { padding-inline-start:7px; } #nav-main-bar #nav-main > ul > li { display:list-item; } } .nav-sub { margin-block:15px; } .formbody:has(>.widget), .ce_form .formbody:has(>.widget) { display:block; margin:0; } .formbody .widget { margin:0; } .ce_form .formbody .widget[class*="col-"] { float:left; } .ce_form .formbody .widget:not([class*="col-"]) { clear:none; } .formbody .widget input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .formbody .widget textarea, .formbody .widget select { display:inline-block; font-family:'Montserrat'; font-size:99%; font-weight:300; line-height:1; color:#000; background:#fff; border:1px solid #ccc; border-radius:0; padding:6px 12px; width:100%; } .formbody .widget textarea { height:auto; min-height:0; } .ce_form .formbody .widget select { height:32px; padding:6px 8px; } .formbody .widget button.submit { display:block; padding:0 12px; font-size:99%; font-weight:700; line-height:1; border-radius:0; height:32px; margin:7px 0; } .button-corporate .formbody .widget button.submit { color:#fff; background:#2929cc; border-color:transparent; } .button-corporate .formbody .widget button.submit:hover { background:#000; } .formbody .widget fieldset { padding:0; margin:0; border:0; } .formbody .widget fieldset legend { width:auto; margin:0; font-size:inherit; line-height:inherit; } .content-notice-box.alert { border:1px solid #ccc; border-radius:0; padding:0; margin:7px 0; color:#000; background:transparent; } .content-notice-box.alert-white { border-color:#343a40; background:#fff; color:#343a40; } .content-notice-box.alert-info { border-color:#bee5eb; background:#d1ecf1; color:#0c5460; } .content-notice-box.alert .inside { display:table; padding:7px 11px; } :is(.content-teaser-image,.content-teaserbild) .inside:has(>.content-text), :is(.content-teaser-image,.content-teaserbild) .inside:has(>.content-headline) { border-radius:0; } @media (max-width:1039px) { .nav-sub { margin-block:10px; } } .mod_subscribe .formbody .widget { padding:0; } .mod_subscribe .formbody .widget input.text[type=email] { font-size:16px; line-height:1.25; border-color:#000; } .ce_form .formbody .widget { padding:7px 2px; } .mod_calendar .calendar-pagination { margin:0; } .mod_calendar .calendar .calendar-head { display:block; } .mod_calendar .calendar-body > div { display:flex; } .mod_calendar .calendar-head, .mod_calendar .calendar-body { border:0; background:transparent; } .mod_calendar .calendar-body .event { padding:0; margin:0; border:0; border-radius:0; background:transparent; color:#000; } #nav-main-bar #nav-main li.trail > :is(a,strong) { background:transparent; color:#fff; } @media (min-width:780px) { .mod_calendar .calendar-head .label span { display:inline; } } .content-text .rte p:has(>a.btn.btn-bracket) { display:inline-block; font-size:99%; font-weight:700; line-height:1; padding:0; margin:7px 0; border:1px solid transparent; } .content-text .rte a.btn.btn-bracket { display:block; font:inherit; color:#007bff; padding:0; border:0; border-radius:0; text-decoration:none; } .content-text .rte a.btn.btn-bracket:hover { color:#004085; } .content-text .rte a.btn.btn-bracket::before,.content-text .rte a.btn.btn-bracket::after { font-size:125%; } .mod_calendar .calendar .calendar-body>div>div { padding:7px; border:1px solid #ccc; border-top:0; min-height:100px; } .mod_calendar .calendar .calendar-body>div>div:not(:first-child) { border-left:0; } .mod_calendar .calendar .calendar-body :is(.empty,.today) { background:transparent; color:inherit; } .nav-sub li.active>:is(a,strong) { background:transparent; color:inherit; } :is(.content-teaser-image,.content-teaserbild) .inside>.content-text { border-radius:0; } @media(min-width:1300px) { .row>.content-column-wrapper.col-xl-0 { display:none; } } @media(min-width:1040px) and (max-width:1299px) { .row>.content-column-wrapper.col-lg-0 { display:none; } } @media(min-width:780px) and (max-width:1039px) { .row>.content-column-wrapper.col-md-0 { display:none; } } @media(min-width:520px) and (max-width:779px) { .row>.content-column-wrapper.col-sm-0 { display:none; } } @media(max-width:519px) { .row>.content-column-wrapper.col-xs-0,.row>.content-column-wrapper.col-0 { display:none; } } @media(min-width:520px) and (max-width:1039px) { .content-quote-box.quote-box-1 blockquote { padding-inline-start:14px; } } @media(min-width:780px) { #nav-main-bar #nav-main { display:block; position:static; height:auto; block-size:auto; overflow:visible; padding-block:0; padding-right:0; } #toggle-nav { display:none; } } @media(max-width:779px) { #nav-main-bar #nav-main { padding:0; } } .contao-cookiebar { --ccb-backdrop:rgba(0,0,0,.75); --ccb-bg:#fff; --ccb-clr:#444; --ccb-text:#444; --ccb-bdr:#d0d0d0; --ccb-cookies-bg:#fbfbfb; --ccb-cookies-bdr:#efefef; --ccb-info-bg:#fff; --ccb-info-bdr:#efefef; --ccb-detail-clr:#a2a2a2; --ccb-detail-clr-hvr:#444; --ccb-btn-bg:#f5f5f5; --ccb-btn-bg-hvr:#e6e6e6; --ccb-btn-bdr:#cfcfcf; --ccb-btn-clr:#444; --ccb-focus-clr:#00a4f4; --ccb-checked-clr:#399d32; --ccb-checked-bg:#dcf3db; --ccb-unchecked-clr:#9c9b99; --ccb-unchecked-bg:#fff; color:#444; } .contao-cookiebar .cc-inner { border:0; color:#444; } .contao-cookiebar :is(.cc-head,.cc-cookie-info,.cc-info,.cc-group,.cc-cookies) { color:#444; } .contao-cookiebar .cc-btn.success { border-color:#cfcfcf; background:#f5f5f5; color:#444; } .contao-cookiebar .cc-btn.success:is(:hover,:focus-visible) { border-color:#cfcfcf; background:#e6e6e6; color:#444; } .content-downloads ul { padding-block:7px; } .mod_search .formbody .widget-text { margin-left:-2px; } .mod_search .formbody .widget-submit { width:auto; padding:0; float:right; } .mod_search .formbody .widget-radio { width:auto; padding:0; } .mod_search .formbody .widget input.text[type=search] { width:calc(100% - 100px); font-size:16px; line-height:1.25; border-color:#000; } .formbody .radio_container span { display:block; margin:7px 0; } .formbody .widget input[type=radio],.formbody .widget input[type=checkbox] { appearance:auto; display:inline-block; float:none; width:14px; height:14px; margin:0; border:0; background:transparent; border-radius:0; vertical-align:middle; } .mod_search .formbody fieldset { min-width:min-content; } .ce_form .formbody .widget label { margin-bottom:0; } .ce_form .formbody .widget[class*="col-"] label { float:left; } .ce_form .formbody .widget legend { float:none; } .ce_form .formbody .widget fieldset { min-width:min-content; } .ce_form .formbody .checkbox_container>span { display:block; margin:0; } .ce_form .formbody .checkbox_container legend span { display:inline; margin:0; } .ce_form .formbody .checkbox_container label { margin:-28px 0 0 21px; } .ce_form .formbody .widget input.text:not([type=checkbox]):not([type=radio]):not([type=hidden]) { border-color:#000; font-size:16px; line-height:1.25; display:block; float:left; } .ce_form .formbody .widget select { appearance:auto; display:block; float:left; line-height:normal; background:#e9e9ed; } .ce_form .formbody .widget input.text,.ce_form .formbody .widget textarea { display:block; } .ce_form .formbody .widget.widget-textarea { clear:none; } .ce_form .formbody .widget.widget-textarea label { display:inline; float:none; width:auto; } .ce_form .formbody .widget.widget-textarea textarea { display:inline-block; } :is(.content-teaser-image,.content-teaserbild) .colorbox { border-radius:0; } #footer .copyright a { color:inherit; } .mod_sitemap li+li { margin-block-start:0; } .mod_sitemap ul ul { margin-inline-start:20px; } .mod_sitemap ul li::before { inset:auto; inline-size:auto; color:#000; text-align:left; font-family:'Font Awesome 6 Free'; } .content-gallery figure { border-radius:0; background:transparent; overflow:visible; } .content-gallery img { aspect-ratio:auto; object-fit:fill; } .ce_form .content-notice-box.notice-box-info { display:block; padding:0; margin:7px 0; border:1px solid #bee5eb; border-radius:0; background:#d1ecf1; color:#0c5460; } .ce_form .content-notice-box.notice-box-info .inside { display:block; padding:7px 11px; } @media(max-width:779px) { #header .logo { z-index:1042; } #header #toggle-nav,#header #toggle-nav.active { position:absolute; inset-block-start:-10px; inset-inline-end:0; margin:7px 0; background:transparent; border-radius:0; } #header #toggle-nav::before { content:none; } #nav-main-bar #nav-main ul.level_2 { display:block!important; background:transparent; margin-left:21px; } #nav-main-bar #nav-main .toggle { display:none; } #nav-main-bar #nav-main ul>li.active,#nav-main-bar #nav-main ul>li.active>strong { background:transparent; color:#fff; } } /* Keep the original inline flow for mixed-width request forms. */ .ce_form .formbody .widget:not([class*="col-"]) > label { display:inline; float:none; width:auto; } .ce_form .formbody .widget:not([class*="col-"]) select { display:inline-block; float:none; } .ce_form .formbody .widget:not([class*="col-"]) input.text:not([type=checkbox]):not([type=radio]):not([type=hidden]) { display:inline-block; float:none; } /* Preserve original text-image float proportions and gutters at each breakpoint. */ .content-text.media.media--left > figure { float:left; width:33.33333333%; inline-size:33.33333333%; max-inline-size:none; margin:11px 21px 11px 0; } .content-text.media.media--right > figure { float:right; width:33.33333333%; inline-size:33.33333333%; max-inline-size:none; margin:11px 0 11px 21px; } @media(max-width:1039px) { .content-text.media:is(.media--left,.media--right) > figure { width:50%; inline-size:50%; } } @media(max-width:519px) { .content-text.media:is(.media--left,.media--right) > figure { width:100%; inline-size:100%; margin:7px 0 14px; } } .content-quote-box blockquote footer { font-size:75%; line-height:1.75; color:#6c757d; margin:0; padding:7px 0; } .content-text p.button a { display:block; font:inherit; line-height:1; padding:0 12px; border:0; border-radius:0; background:transparent; } /* Original 95% gallery frame, counter, caption and Font Awesome controls. */ .theme-lightbox.is-open { display:block; } .theme-lightbox-backdrop { background:rgba(0,0,0,.9); } .theme-lightbox-stage { display:block; position:absolute; left:var(--customer-lightbox-left); top:calc(var(--customer-lightbox-top) + 20px); width:calc(var(--customer-lightbox-width) + 10px); height:calc(var(--customer-lightbox-height) + 10px); overflow:visible; } .theme-lightbox-figure { display:block; border:5px solid #000; margin:0; width:100%; height:100%; max-width:none; max-height:none; } .theme-lightbox-img { width:var(--customer-lightbox-width); height:var(--customer-lightbox-height); max-width:none; max-height:none; margin:0; } .theme-lightbox-info { position:absolute; left:var(--customer-lightbox-left); top:calc(var(--customer-lightbox-top) + 20px); width:calc(var(--customer-lightbox-width) + 10px); height:calc(var(--customer-lightbox-height) + 10px); padding:0; text-align:left; pointer-events:none; } .theme-lightbox-caption { position:absolute; bottom:0; left:0; width:100%; font-size:16px; line-height:1.25; padding:7px 5px; background:#000; } .theme-lightbox-counter { position:absolute; top:-20px; right:0; margin:0; opacity:1; font-size:16px; line-height:1.25; } .theme-lightbox .theme-lightbox-close { left:calc(var(--customer-lightbox-left) + var(--customer-lightbox-width) - 33px); top:calc(var(--customer-lightbox-top) + 25px); right:auto; width:38px; height:40px; background:#000; font-size:0; border-radius:0; } .theme-lightbox .theme-lightbox-prev,.theme-lightbox .theme-lightbox-next { width:28px; height:65px; top:50%; margin:-32px 0 0; transform:none; background:#000; border-radius:0; } .theme-lightbox .theme-lightbox-prev { left:5px; } .theme-lightbox .theme-lightbox-next { right:5px; } .theme-lightbox-icon { display:none; } .theme-lightbox-close::after,.theme-lightbox-prev::after,.theme-lightbox-next::after { font-family:'Font Awesome 6 Free'; font-weight:900; font-size:32px; color:#fff; position:absolute; text-indent:0; } .theme-lightbox-close::after { content:'\f00d'; width:40px; height:40px; left:0; top:0; line-height:1.25; text-align:center; } .theme-lightbox-prev::after,.theme-lightbox-next::after { content:'\f104'; width:30px; height:65px; left:-2px; top:0; line-height:2; text-align:center; } .theme-lightbox-next::after { content:'\f105'; left:2px; } #right .nav-sub h3 { border:0; } .nav-sub a { color:#343a40; } #nav-top ul { display:block; } #nav-top ul li { display:inline-block; } #nav-top ul li :is(a,strong) { border-radius:0; } .nav-sub li.trail > :is(a,strong) { color:#343a40; background:transparent; } .mod_calendar .calendar-body .today > .label { font-weight:300; } .pagination { margin:0; } .pagination ul { display:block; padding:7px 0; } .pagination ul li :is(a,strong,strong.active) { position:static; line-height:1.75; margin:0; border-color:#000; border-radius:0; background:transparent; color:#000; } .pagination ul li a { font-weight:300; } .pagination ul li strong.active { color:#fff; background:#000; } .pagination ul li a:hover { color:#fff; background:#000; } :is(.content-teaser-image,.content-teaserbild) .inside { max-width:none; max-inline-size:none; } .mod_calendar .calendar-pagination .next { text-align:inherit; } #nav-footer ul li.active > strong { background:transparent; border-radius:0; } nav.pagination { margin:0; } #footer #nav-footer ul li.active > strong { background:transparent; } #footer #nav-footer :is(a,strong):is(:hover,:focus-visible) { background:transparent; } p:not(.button) a[target="_blank"]::after, .button-link p.button a[target="_blank"]::after, .content-hyperlink a[target="_blank"]::after { display:inline; } /* Final Live parity: native form baseline, active navigation and top-link metrics. */ .ce_form .formbody .widget input.checkbox[type="checkbox"] { vertical-align:baseline; } .nav-sub li.active>strong { color:#343a40; } #footer .content-toplink a { font-weight:300; line-height:1.25; vertical-align:baseline; } /* Preserve original top-link padding and inline icon box. */ #footer .content-toplink a { padding:6px 9px; text-align:start; overflow-wrap:break-word; transition:none; user-select:auto; } #footer .content-toplink a::before { box-sizing:content-box; }