@import url("https://p.typekit.net/p.css?s=1&k=ewv1tmr&ht=tk&f=139.169.173.175&a=8852219&app=typekit&e=css"); @charset "UTF-8"; /* _ _ _ | | | | (_) __ _ _ __| |_ _ _ _ __ __| |_ _____ _ ___ ___ / _` | '__| __| | | | '_ \ / _` \ \ /\ / / _ \ / __|/ _ \, | (_| | | | |_| |_| | | | | (_| |\ V V / __/ \__ \ __/ \__,_|_| \__|\__,_|_| |_|\__,_| \_/\_/ \___|_|___/\___| Kreativagentur für die digitale Zeit ┌────────────────────────────────────────────────────────────────────────────┐ │ Copyright (C) 2017 artundweise GmbH. Bremen, Germany. │ │ │ │ artundweise GmbH uses third-party libraries or other resources that may │ │ be distributed under different licensees. │ │ │ │ In the event that we accidentally failed to contain a required notice, │ │ please bring it to our attention through any of the ways detailed here: │ │ │ │ >> artundweise.de/kontakt │ │ >> we@artundweise.de │ └────────────────────────────────────────────────────────────────────────────┘ */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small, .ce-uploads-filesize:not(:empty) { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* ################## NORMALIZE.CSS END ################## */ /** * This file contains general helper fucntion. */ /** * Do you know math? Great! So we don't need documentation here. * You can't math? Well that's not my problem. */ /** IN DIESER DATEI DÜRFEN NUR VARIABLEN DEFINIERT WERDEN. DIESE WERDEN IM GESAMTEN CSS NICHT MEHR ÜBERSCHRIEBEN. HIER DARF KEIN (S)CSS REIN! -> das gehört in _project.scss */ /* * The Typekit service used to deliver this font or fonts for use on websites * is provided by Adobe and is subject to these Terms of Use * http://www.adobe.com/products/eulas/tou_typekit. For font license * information, see the list below. * * proxima-nova: * - http://typekit.com/eulas/00000000000000003b9b3068 * - http://typekit.com/eulas/00000000000000003b9b306a * - http://typekit.com/eulas/00000000000000003b9b3066 * - http://typekit.com/eulas/00000000000000003b9b3062 * * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved. */ /*{"last_published":"2020-05-05 15:09:51 UTC"}*/ @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 800; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 600; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; } @font-face { font-family: "FFQTypeSquare"; font-weight: 200; src: url("../../PubStatic/digital/fonts/ff/357B05_0_0.eot"); src: url("../../PubStatic/digital/fonts/ff/357B05_0_0-.eot#iefix") format("embedded-opentype"), url("../../PubStatic/digital/fonts/ff/357B05_0_0.woff2") format("woff2"), url("../../PubStatic/digital/fonts/ff/357B05_0_0.woff") format("woff"), url("../../PubStatic/digital/fonts/ff/357B05_0_0.ttf") format("truetype"); } @font-face { font-family: "FFQTypeSquare"; font-weight: 300; src: url("../../PubStatic/digital/fonts/ff/357B05_1_0.eot"); src: url("../../PubStatic/digital/fonts/ff/357B05_1_0-.eot#iefix") format("embedded-opentype"), url("../../PubStatic/digital/fonts/ff/357B05_1_0.woff2") format("woff2"), url("../../PubStatic/digital/fonts/ff/357B05_1_0.woff") format("woff"), url("../../PubStatic/digital/fonts/ff/357B05_1_0.ttf") format("truetype"); } @font-face { font-family: "FFQTypeSquare"; font-weight: 400; src: url("../../PubStatic/digital/fonts/ff/357B05_2_0.eot"); src: url("../../PubStatic/digital/fonts/ff/357B05_2_0-.eot#iefix") format("embedded-opentype"), url("../../PubStatic/digital/fonts/ff/357B05_2_0.woff2") format("woff2"), url("../../PubStatic/digital/fonts/ff/357B05_2_0.woff") format("woff"), url("../../PubStatic/digital/fonts/ff/357B05_2_0.ttf") format("truetype"); } @font-face { font-family: "FFDIN"; font-weight: 400; src: url("../../PubStatic/digital/fonts/ff/357B05_3_0.eot"); src: url("../../PubStatic/digital/fonts/ff/357B05_3_0-.eot#iefix") format("embedded-opentype"), url("../../PubStatic/digital/fonts/ff/357B05_3_0.woff2") format("woff2"), url("../../PubStatic/digital/fonts/ff/357B05_3_0.woff") format("woff"), url("../../PubStatic/digital/fonts/ff/357B05_3_0.ttf") format("truetype"); } @font-face { font-family: "FFDIN"; font-weight: 600; src: url("../../PubStatic/digital/fonts/ff/357B05_4_0.eot"); src: url("../../PubStatic/digital/fonts/ff/357B05_4_0-.eot#iefix") format("embedded-opentype"), url("../../PubStatic/digital/fonts/ff/357B05_4_0.woff2") format("woff2"), url("../../PubStatic/digital/fonts/ff/357B05_4_0.woff") format("woff"), url("../../PubStatic/digital/fonts/ff/357B05_4_0.ttf") format("truetype"); } /*** COLORS ***/ /*** These colors need to be provided by someone from the design team. If no specific coloirs for light and dark are provided, these will be calculated ***/ /* HOW TO USE THE $pubStatic VARIABLE: body { background-image: url('https://www.ohb-teledata.de/typo3conf/ext/auw_project/Resources/PubStatic/img/logo.svg') } */ /*** Breakpoints ***/ /*** TYPOGRAPHY ***/ /*** GRID ***/ /*** BUTTON ***/ /* BUTTON PRIMARY */ /* BUTTON SECONDARY */ /*** HEADER ***/ /*** NAVIGATION ***/ /*** METANAVIGATION ***/ /*** MOBILE//**/ /* MOBILE HEADER */ /*** FOOTER ***/ /*** COOKIE BANNER ***/ /*** BREADCRUMB ***/ /*** TEASER ***/ /* ALL */ /* EMPHASIZER */ /* DEFAULT */ /* PERSONEN */ /*** Pager ***/ /*** TAG ***/ /*** QUOTE ***/ /*** P INTRO ***/ /*** INFOBOX ***/ /*** SEARCH ***/ /*** SCROLL TO TOP ***/ /*** CONTACT BOX ***/ /*** ACCORDION & TABS ***/ /*** TABS ***/ /*** ACCORDION ***/ /*** BREADCRUMB ***/ /* TYPO 3 MENÜ ELEMENT */ /* ########## MULTIELEMENT ######### */ /* INFO: MIXINS FEHLT! */ /* _ _ _ | | | | (_) __ _ _ __| |_ _ _ _ __ __| |_ _____ _ ___ ___ / _` | '__| __| | | | '_ \ / _` \ \ /\ / / _ \ / __|/ _ \, | (_| | | | |_| |_| | | | | (_| |\ V V / __/ \__ \ __/ \__,_|_| \__|\__,_|_| |_|\__,_| \_/\_/ \___|_|___/\___| Kreativagentur für die digitale Zeit */ /* ########## INHALTSVERZEICHNIS ########## 0. EASINGS 1. GRID & CONTAINER 2. COLOR 3. TYPOGRAFIE 4. FORMULARE & INPUT 5. AUTHOR 6. BUTTONS 7. FOOTER 8. HEADER 9. Lazy-Images 10. META-NAVIGATION 11. NAVIGATION 12. PAGINATION 13. SELECT 14. STAGE 15. TAG 16. TEASER 17. ACCORDION 18. CONSENT CONTAINER 19. dataIntro 20. MOBILE HEADER 21. SCROLL TO TOP 22. SEARCH RESULT PAGE 23. SEARCH RESULT 24. TABLE 25. TYÜP 3 MENÜ ELEMENT 26. CONTACT BOX 27. COOKIE BANNER 28. AUW MULTIELEMENT 29. AUW GALLERY 30. MOBILE PUSH MENU 31. AUW SLIDER 32. AUW SOLR 33. AUW ICON 34. TEXT-MEDIA UND INFOBOX */ /* ########## 0. EASINGS ########## */ /* ########## 1. GRID & CONTAINER ########## */ /* ########## 2. COLOR ########## */ /* ########## 3. TYPOGRAFIE ########## */ /* FONT FACES */ /* FONT SIZES */ /* ########## 4. FORMULARE & INPUT ########## */ /* ########## 5. Author ########## */ /* ######### 6. Buttons ########## */ /* ########## 7. FOOTER ########## */ /* ########## 8. HEADER ########## */ /* TEASER DEFAULT */ /* TEASER DEFAULT */ /* Main sections Reihenfolge: Header, Body, Footer */ /* Reihenfolge innerhalb des teaser body: Meta (tag, datum), Title, Description, Link */ /* VISIBILITY */ /* Header */ /* Body => Meta */ /* Body => Title */ /* Body => Description */ /* Body => Link */ /* Body => Footer */ /* TEASER EMPHASIZER */ /* Body => Link */ /* TEASER LIST */ /* TEASER PERSON */ /* Reihenfolge der Elemente */ /* TEASER FILTER LEFT */ /* TEASER TOP */ /* TEASER RSS */ /* ########## 17. ACCORDION ########## */ /* ########## 17. Breadcrump ########## */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 13px 15px 15px 15px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 26px; height: 15px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1.5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 26px; height: 3px; background-color: #000; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -6px; } .hamburger-inner::after { bottom: -6px; } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -12px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg); transform: translate3d(0, -6px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* ########## 21. SCROLL TO TOP ########### */ /* ########## 22. SEARCH RESULT PAGE ########### */ /* ########## 23. SEARCH RESULT ########### */ /* ######### 24. TABLE ########## */ /* ########## 25. TYÜP 3 MENÜ ELEMENT */ /* ########## 26. CONTACT BOX ########## */ /* ########## 27. COOKIE BANNER ########## */ /* ########## 28. AUW MULTIELEMENT ########## */ /* ########## 29. AUW GALLERY ########## */ /* ########### 30. MOBILE PUSH MENU ########## */ /* ########## 31. AUW SLIDER ########### */ /* SLICK SLIDER */ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* ########## 32. AUW SOLR ########## */ /* ########## 33. AUW ICON ########## */ /* ########## 34. TEXT-MEDIA UND INFOBOX ########## */ /* ----- 2.0 INFOBOX ----- */ .extbase-debugger { overflow: visible; z-index: 999999999999999; } .u-vertical-centering { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content { max-width: 540px; } } @media (min-width: 768px) { .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content { max-width: 720px; } } @media (min-width: 992px) { .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content { max-width: 960px; } } @media (min-width: 1200px) { .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content { max-width: 1200px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper, .cover-element .content, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1200px; } } .row, .auw-ce__g > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .fade { -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; -o-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; -o-transition: none; transition: none; } } /* @include media (">phone") */ .extbase-debugger { overflow: visible; z-index: 999999999999999; } .u-vertical-centering { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* THIS IS NEW FROM BASIS-MIN! */ .checkbox label, .radio label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .checkbox input[type="checkbox"], .radio input[type="checkbox"] { position: relative; top: 5px; margin-right: 10px; } .checkbox input[type="radio"], .radio input[type="radio"] { position: relative; top: 5px; margin-right: 10px; } /* FILE INPUT STYLE AND FIX */ .bootstrap-filestyle .input-group-btn:focus { outline: none; } .bootstrap-filestyle .form-control { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .bootstrap-filestyle label.btn.btn-filestyle { font-size: 12px; border: 1px solid #a1a1a1; height: 3.9rem !important; margin: 0; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: none !important; margin-left: -2px; color: inherit; text-decoration: inherit; text-decoration: unset; cursor: pointer; display: inline-block; font-size: 1.4rem; font-weight: 300; padding: 0 18px; height: 38px; line-height: 38px; border: 1px solid transparent; border-radius: 0.4rem; letter-spacing: 0.078em; margin-bottom: 1rem; text-align: center; text-decoration: none; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .auw-ce__sb0 { margin-bottom: 32px; } .auw-ce__st0 { margin-top: 32px; } .auw-ce__sb1 { margin-bottom: 64px; } .auw-ce__st1 { margin-top: 64px; } .auw-ce__sb2 { margin-bottom: 96px; } .auw-ce__st2 { margin-top: 96px; } @media (max-width: 768px) { .auw-ce__sb0 { margin-bottom: 32px; } } @media (max-width: 768px) { .auw-ce__st0 { margin-top: 32px; } } @media (max-width: 768px) { .auw-ce__sb1 { margin-bottom: 32px; } } @media (max-width: 768px) { .auw-ce__st1 { margin-top: 32px; } } @media (max-width: 768px) { .auw-ce__sb2 { margin-bottom: 64px; } } @media (max-width: 768px) { .auw-ce__st2 { margin-top: 64px; } } @media (max-width: 576px) { .auw-ce__sb0 { margin-bottom: 16px; } } @media (max-width: 576px) { .auw-ce__st0 { margin-top: 16px; } } @media (max-width: 576px) { .auw-ce__sb1 { margin-bottom: 16px; } } @media (max-width: 576px) { .auw-ce__st1 { margin-top: 16px; } } @media (max-width: 576px) { .auw-ce__sb2 { margin-bottom: 32px; } } @media (max-width: 576px) { .auw-ce__st2 { margin-top: 32px; } } .auw-ce__g > .row > [class*="col-"] { padding-left: 15px; padding-right: 15px; } .auw-ce__g-none > .row { margin-left: 0; margin-right: 0; } .auw-ce__g-none > .row > [class*="col-"] { padding-left: 0; padding-right: 0; } .auw-ce__full-width { max-width: none; width: 100%; } .container:not(.auw-ce__full-width) .container, .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .container, .stage .fullwidth-wrapper:not(.auw-ce__full-width) .container, .cover-element .content:not(.auw-ce__full-width) .container, .container:not(.auw-ce__full-width) .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .container:not(.auw-ce__full-width) .fullwidth-wrapper, .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .fullwidth-wrapper, .cover-element .content:not(.auw-ce__full-width) .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .cover-element .content:not(.auw-ce__full-width) .fullwidth-wrapper, .container:not(.auw-ce__full-width) .stage .fullwidth-wrapper, .stage .container:not(.auw-ce__full-width) .fullwidth-wrapper, .stage .fullwidth-wrapper:not(.auw-ce__full-width) .fullwidth-wrapper, .cover-element .content:not(.auw-ce__full-width) .stage .fullwidth-wrapper, .stage .cover-element .content:not(.auw-ce__full-width) .fullwidth-wrapper, .container:not(.auw-ce__full-width) .cover-element .content, .cover-element .container:not(.auw-ce__full-width) .content, .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .cover-element .content, .cover-element .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .content, .stage .fullwidth-wrapper:not(.auw-ce__full-width) .cover-element .content, .cover-element .stage .fullwidth-wrapper:not(.auw-ce__full-width) .content, .cover-element .content:not(.auw-ce__full-width) .content, .container-fluid:not(.auw-ce__full-width) .container, .container-sm:not(.auw-ce__full-width) .container, .container-md:not(.auw-ce__full-width) .container, .container-lg:not(.auw-ce__full-width) .container, .container-xl:not(.auw-ce__full-width) .container, .container-fluid:not(.auw-ce__full-width) .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .container-fluid:not(.auw-ce__full-width) .fullwidth-wrapper, .container-sm:not(.auw-ce__full-width) .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .container-sm:not(.auw-ce__full-width) .fullwidth-wrapper, .container-md:not(.auw-ce__full-width) .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .container-md:not(.auw-ce__full-width) .fullwidth-wrapper, .container-lg:not(.auw-ce__full-width) .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .container-lg:not(.auw-ce__full-width) .fullwidth-wrapper, .container-xl:not(.auw-ce__full-width) .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .container-xl:not(.auw-ce__full-width) .fullwidth-wrapper, .container-fluid:not(.auw-ce__full-width) .stage .fullwidth-wrapper, .stage .container-fluid:not(.auw-ce__full-width) .fullwidth-wrapper, .container-sm:not(.auw-ce__full-width) .stage .fullwidth-wrapper, .stage .container-sm:not(.auw-ce__full-width) .fullwidth-wrapper, .container-md:not(.auw-ce__full-width) .stage .fullwidth-wrapper, .stage .container-md:not(.auw-ce__full-width) .fullwidth-wrapper, .container-lg:not(.auw-ce__full-width) .stage .fullwidth-wrapper, .stage .container-lg:not(.auw-ce__full-width) .fullwidth-wrapper, .container-xl:not(.auw-ce__full-width) .stage .fullwidth-wrapper, .stage .container-xl:not(.auw-ce__full-width) .fullwidth-wrapper, .container-fluid:not(.auw-ce__full-width) .cover-element .content, .cover-element .container-fluid:not(.auw-ce__full-width) .content, .container-sm:not(.auw-ce__full-width) .cover-element .content, .cover-element .container-sm:not(.auw-ce__full-width) .content, .container-md:not(.auw-ce__full-width) .cover-element .content, .cover-element .container-md:not(.auw-ce__full-width) .content, .container-lg:not(.auw-ce__full-width) .cover-element .content, .cover-element .container-lg:not(.auw-ce__full-width) .content, .container-xl:not(.auw-ce__full-width) .cover-element .content, .cover-element .container-xl:not(.auw-ce__full-width) .content, .container:not(.auw-ce__full-width) .container-fluid, .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .container-fluid, .stage .fullwidth-wrapper:not(.auw-ce__full-width) .container-fluid, .cover-element .content:not(.auw-ce__full-width) .container-fluid, .container:not(.auw-ce__full-width) .container-sm, .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .container-sm, .stage .fullwidth-wrapper:not(.auw-ce__full-width) .container-sm, .cover-element .content:not(.auw-ce__full-width) .container-sm, .container:not(.auw-ce__full-width) .container-md, .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .container-md, .stage .fullwidth-wrapper:not(.auw-ce__full-width) .container-md, .cover-element .content:not(.auw-ce__full-width) .container-md, .container:not(.auw-ce__full-width) .container-lg, .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .container-lg, .stage .fullwidth-wrapper:not(.auw-ce__full-width) .container-lg, .cover-element .content:not(.auw-ce__full-width) .container-lg, .container:not(.auw-ce__full-width) .container-xl, .auw-ce__full-width .fullwidth-wrapper:not(.auw-ce__full-width) .container-xl, .stage .fullwidth-wrapper:not(.auw-ce__full-width) .container-xl, .cover-element .content:not(.auw-ce__full-width) .container-xl, .container-fluid:not(.auw-ce__full-width) .container-fluid, .container-sm:not(.auw-ce__full-width) .container-fluid, .container-md:not(.auw-ce__full-width) .container-fluid, .container-lg:not(.auw-ce__full-width) .container-fluid, .container-xl:not(.auw-ce__full-width) .container-fluid, .container-fluid:not(.auw-ce__full-width) .container-sm, .container-sm:not(.auw-ce__full-width) .container-sm, .container-md:not(.auw-ce__full-width) .container-sm, .container-lg:not(.auw-ce__full-width) .container-sm, .container-xl:not(.auw-ce__full-width) .container-sm, .container-fluid:not(.auw-ce__full-width) .container-md, .container-sm:not(.auw-ce__full-width) .container-md, .container-md:not(.auw-ce__full-width) .container-md, .container-lg:not(.auw-ce__full-width) .container-md, .container-xl:not(.auw-ce__full-width) .container-md, .container-fluid:not(.auw-ce__full-width) .container-lg, .container-sm:not(.auw-ce__full-width) .container-lg, .container-md:not(.auw-ce__full-width) .container-lg, .container-lg:not(.auw-ce__full-width) .container-lg, .container-xl:not(.auw-ce__full-width) .container-lg, .container-fluid:not(.auw-ce__full-width) .container-xl, .container-sm:not(.auw-ce__full-width) .container-xl, .container-md:not(.auw-ce__full-width) .container-xl, .container-lg:not(.auw-ce__full-width) .container-xl, .container-xl:not(.auw-ce__full-width) .container-xl { padding: 0; } .auw-ce__full-width > .row > .col-md-12 { padding-left: 0; padding-right: 0; } .auw-ce__equal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .auw-ce__equal > [class*="col-"] { width: 100%; } @media (min-width: 768px) { .auw-ce__equal .col-md-1 { width: 8.33333%; } .auw-ce__equal .col-md-2 { width: 16.66667%; } .auw-ce__equal .col-md-3 { width: 25%; } .auw-ce__equal .col-md-4 { width: 33.33333%; } .auw-ce__equal .col-md-5 { width: 41.66667%; } .auw-ce__equal .col-md-6 { width: 50%; } .auw-ce__equal .col-md-7 { width: 58.33333%; } .auw-ce__equal .col-md-8 { width: 66.66667%; } .auw-ce__equal .col-md-9 { width: 75%; } .auw-ce__equal .col-md-10 { width: 83.33333%; } .auw-ce__equal .col-md-11 { width: 91.66667%; } .auw-ce__equal .col-md-12 { width: 100%; } } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; } html.browser-msie main.page-contents { display: block; } html.browser-msie img.lazyload, html.browser-msie img.lazyloading { opacity: 1; } html.browser-msie .slide__title, html.browser-msie .slide__text { max-width: 100%; } html.browser-msie .auw-gallery figure { display: block; } html.browser-msie .searchbox__field input::-ms-clear { display: none; } html.browser-msie .panel-title a { position: relative; } html.browser-msie .panel-title a::after { position: absolute; right: 0; } html.browser-msie .mobile-header__burger { top: 1px; } html.browser-msie .teaser__image img { height: 100%; } html.browser-msie .auw-text-image__image > a { min-height: 1px; } html.browser-msie .auw-text-image__image img { min-height: 1px; } html.browser-msie .auw-text-image__image .image-caption { width: 100%; } .browser-safari .teaser__list.row::before, .browser-safari .teaser-wrapper.row::before { display: unset; } @media (max-width: 768px) { .browser-safari .mobile-header__logo, .browser-safari .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .browser-safari.version-10 .teaser__list:not(.with-masonry) .teaser--default .teaser__footer, .browser-safari.version-9 .teaser__list:not(.with-masonry) .teaser--default .teaser__footer, .browser-safari.version-8 .teaser__list:not(.with-masonry) .teaser--default .teaser__footer, .browser-safari.version-7 .teaser__list:not(.with-masonry) .teaser--default .teaser__footer { margin-top: unset; } .browser-safari.version-10 .mobile-header__contact, .browser-safari.version-9 .mobile-header__contact, .browser-safari.version-8 .mobile-header__contact, .browser-safari.version-7 .mobile-header__contact { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .browser-safari .auw-ce__equal:before { display: none; } /* SAFARI FIX */ .browser-safari.version-14 .cookie-banner .radio input[type=radio], .browser-safari.version-13 .cookie-banner .radio input[type=radio], .browser-safari.version-12 .cookie-banner .radio input[type=radio] { width: 100%; height: 12px; max-width: 20px; } @media screen and (max-width: 767px) { .browser-safari.version-14 .cookie-banner .radio input[type=radio], .browser-safari.version-13 .cookie-banner .radio input[type=radio], .browser-safari.version-12 .cookie-banner .radio input[type=radio] { max-width: 15px; top: 3px; } } :root, html { scroll-behavior: smooth; font-size: 10px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F2F2F2; } :root body, html body { min-height: 100vh; overflow-x: hidden; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 1920px; font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; background-color: #fff; color: #242424; line-height: 1.42857; } @media (max-width: 576px) { body { font-size: 16px; } } body > .area-header { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } [\@global$="theme"] { color: #023e62; } ::-moz-selection { background: #cccccc; color: #202020; } ::selection { background: #cccccc; color: #202020; } @-ms-viewport { width: device-width; } html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } var { display: none; } .primary-color { background-color: #023e62; } .primary-color--dark { background-color: #1e3c70; } .primary-color--light { background-color: #71c4ee; } .secondary-color { background-color: #318eb0; } .secondary-color--dark { background-color: #002F59; } .secondary-color--light { background-color: #5aa5c0; } .link-color { background-color: #318eb0; } .link-color--hover { background-color: #84c5dd; } .link-color--active { background-color: #71c4ee; } .author { margin: 0 0 15px; padding: 0 15px 0 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media (max-width: 576px) { .author { display: block; } } .author:hover .author__name { text-decoration: underline; } .author figure { width: 40px; margin-right: 10px; display: inline-block; } .author figure .author__image { border-radius: 100%; width: 100%; height: auto; } .author, .author .author__name { font-size: 14px; } .author .author__name { display: inline-block; color: #666664; } .btn, .powermail_submit, [type="submit"], [type="reset"], [type="button"] { cursor: pointer; display: inline-block; border: 1px solid transparent; font-size: 18px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; letter-spacing: 0.05rem; text-align: center; text-decoration: none; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; text-decoration: inherit; text-decoration: unset; border-radius: 4px; } .btn:hover, .powermail_submit:hover, :hover[type="submit"], :hover[type="reset"], :hover[type="button"], .btn:focus, .powermail_submit:focus, :focus[type="submit"], :focus[type="reset"], :focus[type="button"], .btn:active, .powermail_submit:active, :active[type="submit"], :active[type="reset"], :active[type="button"] { outline: none; } .btn-primary, .powermail_submit, [type="submit"] { color: #fff; background-color: #e95509; font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; border: 1px solid #e95509; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding: 10px 20px; margin-bottom: 6px; /* Ticket #31541 */ } .btn-primary:hover, .powermail_submit:hover, :hover[type="submit"] { color: #fff; background-color: #ed773a; border-color: #ed773a; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .btn-primary:active, .powermail_submit:active, :active[type="submit"] { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: #fff; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); opacity: 0.8; border-color: #ed773a; } .btn-secondary { color: #023e62; background-color: #cae7f9; font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; border: 1px solid #cae7f9; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding: 10px 20px; } .btn-secondary:hover { color: #023e62; background-color: #d2ebfa; border-color: #d2ebfa; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .btn-secondary:active { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: #023e62; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); opacity: 0.8; border-color: #d2ebfa; } .btn-alternative { color: #242424; background-color: #023e62; font-family: 18px; font-size: 18px; font-weight: 600; border: 1px solid transparent; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding: 10px 20px; } .btn-alternative:hover { color: #242424; background-color: #416e89; border-color: #416e89; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .btn-alternative:active { background-color: #053b5b; color: #242424; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .btn-decorated { color: #318eb0; font-size: 18px; font-weight: bold; font-family: inherit; letter-spacing: 1px; text-transform: uppercase; } .btn-decorated:hover { color: #84c5dd; } .btn-decorated:active { color: #71c4ee; } .btn-decorated::after { display: inline-block; font-style: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\F061"; font-family: "Font Awesome 5 Pro"; font-weight: 900; vertical-align: bottom; margin-left: 5px; font-size: 0.7em; } .btn-cancel { padding: 10px 20px; font-size: 18px; font-weight: 600; background-color: #EDF1F2; border: unset; border-radius: 4px; } .btn-cancel:active { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .btn-cancel:hover { background-color: #f2f5f5; } .footer { position: relative; padding: 40px 0; background-color: #F0F9FF; color: #242424; } .footer a[href]:not(.tag):not(.search-result__tag):not(.btn) { color: #6e9ab4; } .footer a[href]:not(.tag):not(.search-result__tag):not(.btn):hover { color: #84c5dd; } .footer .horizontal.menu-contentelement ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0; } .footer .horizontal.menu-contentelement ul a { text-transform: uppercase; letter-spacing: 1px; } .footer .footer-navigation { text-align: left; font-size: 14px; margin: 0 calc(32px / 4) 0 0; text-transform: uppercase; } .footer .footer-navigation ul { list-style-type: none; padding: 0; } .footer .footer-navigation ul a { letter-spacing: 1px; } .footer .footer-navigation li { display: inline-block; margin: 0 5px; } .footer h1, .footer .h1 { color: #1e3c70; } .footer h2, .footer .h2 { color: #1e3c70; } .footer h3, .footer .h3, .footer .search-result__title { color: #1e3c70; } .footer h4, .footer .h4 { color: #1e3c70; } .footer h5, .footer .h5 { color: #1e3c70; } .footer h6, .footer .h6 { color: #1e3c70; } .footer-trenner { border-color: #d1d8de; } .footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 767px) { .footer__bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 767px) { .footer .auw-icon { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .btn-filestyle { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; margin-left: -2px; } form [type="submit"] { margin-top: 0.5em; } .form-group .input { margin-bottom: 1rem; /* //date picker input input[type="input"] { @extend %object-date; }*/ } .form-group .input .inputs-list { margin-bottom: 1rem; } .form-group .input .error, .form-group .input .help-block { display: inline-block; max-width: 600px; } .form-group .input .error br, .form-group .input .help-block br { display: none; } .tx-felogin-pi1 fieldset { margin: 0; padding: 0; border-width: 0; } .tx-felogin-pi1 fieldset legend { display: none; } .tx-felogin-pi1 fieldset > div { margin-bottom: 1rem; } .header-container { background-color: transparent; } .header { margin-left: 0px; margin-right: 0px; position: relative; z-index: 1000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 115px; border-bottom: 1px solid #B2B2B2; } @media screen and (max-width: 991px) { .header { display: none; } } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 224.19px; } .header__nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .header__nav--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .stage-under-menu .header-container { max-width: 1920px; position: absolute; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); z-index: 999999; background-color: transparent; border-bottom: none; } .stage-under-menu .header { max-width: 1170px; margin: 0 auto; border-bottom: none; } input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], textarea, .select__opener { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 3.9rem; width: 100%; padding: 1rem; margin-bottom: 1rem; font-family: inherit; font-size: 1.4rem; line-height: 1.4; vertical-align: middle; border: 0.1rem solid white; border-radius: 0.3rem; outline: none; background-color: white; } input:focus[type="text"], input:focus[type="date"], input:focus[type="url"], input:focus[type="email"], input:focus[type="password"], input:focus[type="number"], input:focus[type="search"], textarea:focus, .select__opener:focus { border-color: #023e62; } input:disabled[type="text"], input:disabled[type="date"], input:disabled[type="url"], input:disabled[type="email"], input:disabled[type="password"], input:disabled[type="number"], input:disabled[type="search"], textarea:disabled, .select__opener:disabled { background-color: #333; cursor: not-allowed; } input[type="search"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 0.4rem; } .parsley-error { border-color: #dc3545 !important; margin-bottom: 2px !important; } .parsley-errors-list.filled { margin: 0; padding: 2px 1em 3px 1em; list-style-type: none; display: inline-block; line-height: 2; font-size: 1.4rem; font-weight: 500; letter-spacing: 0.015em; border-radius: 6px; background-color: #dc3545; color: #fff; } textarea { display: block; overflow: auto; } .select-wrap, .powermail_field-select { position: relative; color: inherit; /* Target IE9 and IE10 */ } .select-wrap::after, .powermail_field-select::after { content: "\25BE"; position: absolute; top: 1rem; right: 1.5rem; color: white; pointer-events: none; } .select-wrap select::-ms-expand, .powermail_field-select select::-ms-expand { display: none; } .select-wrap select, .powermail_field-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 3.9rem; width: 100%; padding-left: 1rem; margin-bottom: 1rem; font-family: inherit; font-size: 1.4rem; border: 0.1rem solid white; border-radius: 0.3rem; outline: none; background-color: white; } .select-wrap select:focus, .powermail_field-select select:focus { border-color: #023e62; } .select-wrap select:disabled, .powermail_field-select select:disabled { background-color: #333; cursor: not-allowed; } select[multiple] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 0 1rem; margin-bottom: 1rem; font-family: inherit; font-size: 1.4rem; border: 0.1rem solid white; border-radius: 0.3rem; outline: none; background-color: white; } select:focus[multiple] { border-color: #023e62; } select:disabled[multiple] { background-color: #333; cursor: not-allowed; } input[type="checkbox"] { /* Not depending on the user's font here improves consistency. */ } input[type="checkbox"] + label { position: relative; cursor: pointer; margin-right: 1.5rem; padding-left: 2.5rem; font-size: 1.4rem; } input[type="checkbox"] + label::before { content: ""; position: absolute; left: 0; bottom: 0; height: 1.6rem; width: 1.6rem; border-radius: 0.3rem; background-color: white; font-family: sans-serif; } input[type="checkbox"] + label::after { content: ""; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } input:checked[type="checkbox"] + label::after { content: ""; position: absolute; display: block; opacity: 1; border: solid #023e62; border-width: 0 0.3rem 0.3rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); line-height: 1.6rem; } input:focus[type="checkbox"] + label::before { -webkit-box-shadow: 0 0.1rem 0 #bcbcbc; box-shadow: 0 0.1rem 0 #bcbcbc; } input:disabled[type="checkbox"] + label { cursor: not-allowed; } input:disabled[type="checkbox"] + label::before { background-color: #333; } input:disabled:checked[type="checkbox"] + label::after { border-color: #2d2d2d; } input[type="radio"] + label { position: relative; cursor: pointer; margin-right: 1.5rem; padding-left: 2.5rem; font-size: 1.4rem; } input[type="radio"] + label::before { content: ""; position: absolute; left: 0; bottom: 0; height: 1.8rem; width: 1.8rem; border-radius: 0.9rem; background-color: white; font-family: sans-serif; } input[type="radio"] + label::after { content: ""; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } input:checked[type="radio"] + label::after { content: ""; position: absolute; border-radius: 1.5rem; background-color: #023e62; text-align: center; } input:focus[type="radio"] + label::before { -webkit-box-shadow: 0 0.1rem 0 #bcbcbc; box-shadow: 0 0.1rem 0 #bcbcbc; } input:disabled[type="radio"] + label { cursor: not-allowed; } input:disabled[type="radio"] + label::before { background-color: #333; } input:disabled:checked[type="radio"] + label::after { background-color: #2d2d2d; } .powermail_field_error_container_checkbox .parsley-errors-list.filled { margin-top: 0; padding: 2px 1em; } .powermail_fieldwrap_anhang .parsley-errors-list.filled { margin-top: 0; padding: 6px 1em; margin-bottom: -5px; } img:not([src*=".svg"]) { max-width: 100%; height: auto; } html:not([data-ie='false']) img:not([src*=".svg"]) { width: 100%; } /* img load fade effect */ img.lazyautosizes { -webkit-transition: opacity 200ms; -o-transition: opacity 200ms; transition: opacity 200ms; } img.lazyload, img.lazyloading { opacity: 0; } img.lazyloaded { opacity: 1; } .image, figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .image > figcaption, .image figure > figcaption, .image .image__caption, figure .image > figcaption, figure > figcaption, figure .image__caption { display: block; opacity: 0.8; } .lazyImage { position: relative; } .ce-textpic .lazyImage img { background-image: url('data:image/svg+xml,'); background-position: center center; background-repeat: no-repeat; } .lazyImage__sizer { position: relative; z-index: 0; } .lazyImage__image { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .lazyImage .lazyImage__image--loaded { opacity: 1; } .lazyImage .lazyImage__image--broken { opacity: 1; background-color: #fae1e3; background-image: url('data:image/svg+xml,') !important; } figure { margin: 0; } img { max-width: 100%; height: auto; } html:not(.browser-msie) img.no_scale { width: auto; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive__caption { display: block; opacity: .8; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .meta-navigation { width: 100%; padding: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; } @media (max-width: 768px) { .meta-navigation { display: none; } } .meta-navigation__nav { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .meta-navigation__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; } .meta-navigation__nav ul li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0.5em 1em; } .meta-navigation__nav ul li a { color: inherit; text-decoration: inherit; text-decoration: unset; font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666664; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 0px; letter-spacing: 1px; text-transform: none; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .meta-navigation__nav ul li a:hover { color: #232323; background-color: transparent; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .meta-navigation__nav ul li:last-child { margin: 0 0 0 1em; } .meta-navigation__nav ul li:first-child { margin: 0.5em 1em; } body.stage-under-menu .meta-navigation ul li a { color: #dcdcdc; } body.stage-under-menu .meta-navigation ul li a:hover { color: #bbbbba; } /* DROPDOWN ANIMATIONS */ @-webkit-keyframes slideInUp { from { -webkit-transform: translateY(10px) translateX(-50%); transform: translateY(10px) translateX(-50%); opacity: 0; } to { -webkit-transform: translateY(0) transformX(-50%); transform: translateY(0) transformX(-50%); opacity: 1; } } @keyframes slideInUp { from { -webkit-transform: translateY(10px) translateX(-50%); transform: translateY(10px) translateX(-50%); opacity: 0; } to { -webkit-transform: translateY(0) transformX(-50%); transform: translateY(0) transformX(-50%); opacity: 1; } } @-webkit-keyframes slideOutDown { from { -webkit-transform: translateY(0) transformX(-50%); transform: translateY(0) transformX(-50%); opacity: 1; } to { -webkit-transform: translateY(10px) translateX(-50%); transform: translateY(10px) translateX(-50%); opacity: 0; } } @keyframes slideOutDown { from { -webkit-transform: translateY(0) transformX(-50%); transform: translateY(0) transformX(-50%); opacity: 1; } to { -webkit-transform: translateY(10px) translateX(-50%); transform: translateY(10px) translateX(-50%); opacity: 0; } } .navigation { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .navigation a { color: inherit; text-decoration: inherit; text-decoration: unset; font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; } .navigation__item.has-children { position: relative; } .navigation__item:last-child { margin: 0; } .navigation__item > .navigation__link { display: inline-block; margin: 0.5rem 1em; padding: 0 0 0 0; border-bottom: 1px solid transparent; font-size: 16px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #242424; outline: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .navigation__item > .navigation__link:focus, .navigation__item > .navigation__link:hover { color: #232323; background-color: transparent; outline: 0; text-decoration: none; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border-bottom: 1px solid #242424; } .navigation__item:hover > .navigation__dropdown { pointer-events: auto; -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 120ms; animation-duration: 120ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.6, 0.33); animation-timing-function: cubic-bezier(0.6, 0.6, 0.33); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .navigation__item.is-active > .navigation__link { color: #242424; border-bottom: 1px solid #242424; } .navigation__dropdown { pointer-events: none; padding-left: 0; list-style: none; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; white-space: nowrap; background-color: #fafbfb; -webkit-box-shadow: 0 1px 4px 1px rgba(17, 17, 17, 0.3); box-shadow: 0 1px 4px 1px rgba(17, 17, 17, 0.3); border-radius: 0.3rem; -webkit-animation-name: slideOutDown; animation-name: slideOutDown; -webkit-animation-duration: 120ms; animation-duration: 120ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0.6, 0.6, 0.33); animation-timing-function: cubic-bezier(0.6, 0.6, 0.33); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .navigation__dropdown::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid transparent; border-color: transparent transparent #fafbfb #fafbfb; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 4px 0 rgba(17, 17, 17, 0.175); box-shadow: -2px 2px 4px 0 rgba(17, 17, 17, 0.175); } .navigation__dropdown .navigation__item .navigation__link { display: block; color: #242424; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-size: 13px; margin: 0; padding: 0.5rem 1em; border-bottom: none; } .navigation__dropdown .navigation__item .navigation__link:hover { background-color: #eff0f0; color: #242424; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .navigation__dropdown .navigation__item:first-child .navigation__link:hover { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .navigation__dropdown .navigation__item:last-child .navigation__link:hover { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } body.stage-under-menu .navigation__link { font-size: 16px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: white; border-bottom: none; } body.stage-under-menu .navigation__link:focus, body.stage-under-menu .navigation__link:hover { color: #EDF1F2; background-color: transparent; outline: 0; text-decoration: none; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } body.stage-under-menu .navigation > .navigation__item > .navigation__link { border-bottom: 1px solid transparent; } body.stage-under-menu .navigation > .navigation__item > .navigation__link:hover { border-bottom: 1px solid #EDF1F2; } body.stage-under-menu .navigation__item.is-active > a.navigation__link { color: white; border-bottom: 1px solid white; } body.stage-under-menu .navigation__dropdown { background-color: #fafbfb; } body.stage-under-menu .navigation__dropdown body.stage-under-menu .navigation__link { color: #242424; font-size: 13px; } body.stage-under-menu .navigation__dropdown body.stage-under-menu .navigation__link:hover { background-color: #eff0f0; color: #242424; } .sitemap-base li { list-style-type: circle; } .sitemap-base a { font-size: 15px; color: #318eb0; line-height: 1.7; letter-spacing: 0.5px; } .sitemap-base a:hover { color: #84c5dd; text-decoration: none; } .auwSearch__paginationBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pager__wrapper { position: relative; margin: calc(32px / 1.33) 0 0 0; } .pager__wrapper.has_rss { padding-left: 25px; padding-right: 25px; } @media screen and (max-width: 767px) { .pager__wrapper.has_rss { padding-left: 0; } .pager__wrapper.has_rss .pagination--center { text-align: left; } } .pagination { padding: 0; clear: both; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .pagination--center { text-align: center; } .pagination ul.pagination__list { padding-left: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #c8e8f5; border-radius: 5px; overflow: hidden; } .pagination li.pagination__item { display: inline-block; min-width: 40px; min-height: 40px; text-align: center; line-height: 40px; position: relative; } .pagination li.pagination__item:not(:last-of-type) a { border-right: 1px solid #c8e8f5; } .pagination li.pagination__item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #023e62; } .pagination li.pagination__item a:active, .pagination li.pagination__item a:focus, .pagination li.pagination__item a:hover, .pagination li.pagination__item a:visited { background-color: #e6f5fa; text-decoration: none; } .pagination li.pagination__item.active a { background-color: #c8e8f5; pointer-events: none; } .pagination li.pagination__item.active a:hover { text-decoration: none; cursor: not-allowed; } .pagination li.pagination__item.disabled a { pointer-events: none; } .pagination li.pagination__item.disabled a:hover { text-decoration: none; cursor: not-allowed; } .select, input, textarea { max-width: 600px; } .btn.btn-filestyle { height: 43px; margin: 0; margin-left: -2px; } input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], textarea, .select__opener, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="text"], input[type="url"] { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; min-height: 3.9rem; width: 100%; padding: 1rem; margin-bottom: 1rem; font-family: inherit; font-size: 1.4rem; vertical-align: middle; border: 0.1rem solid #cccccc; border-radius: 0.3rem; outline: none; background-color: #fff; color: #242424; } input:focus[type="text"], input:focus[type="date"], input:focus[type="url"], input:focus[type="email"], input:focus[type="password"], input:focus[type="number"], input:focus[type="search"], textarea:focus, .select__opener:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="text"]:focus, input[type="url"]:focus { border-color: #023e62; } input:disabled[type="text"], input:disabled[type="date"], input:disabled[type="url"], input:disabled[type="email"], input:disabled[type="password"], input:disabled[type="number"], input:disabled[type="search"], textarea:disabled, .select__opener:disabled, input[type="date"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="text"]:disabled, input[type="url"]:disabled { background-color: #EDF1F2; cursor: not-allowed; } input[type="search"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 0.4rem; } textarea { display: block; overflow: auto; } input[type="checkbox"]:focus + label::before, input[type="radio"]:focus + label::before { -webkit-box-shadow: inset 0 0 0 0.2rem #666666; box-shadow: inset 0 0 0 0.2rem #666666; } input[type="checkbox"] + label, input[type="radio"] + label { position: relative; cursor: pointer; display: inline-block; vertical-align: baseline; margin-right: 1.5rem; padding-left: 2.5rem; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type="checkbox"] + label::after, input[type="checkbox"] + label::before, input[type="radio"] + label::after, input[type="radio"] + label::before { content: ""; position: absolute; left: 0; bottom: 0; height: 1.6rem; width: 1.6rem; } input[type="checkbox"] + label::before, input[type="radio"] + label::before { border-radius: 0.3rem; -webkit-box-shadow: inset 0 0 0 0.1rem #B2B2B2; box-shadow: inset 0 0 0 0.1rem #B2B2B2; font-family: sans-serif; } input[type="checkbox"] + label::after, input[type="radio"] + label::after { content: ""; background-color: #023e62; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 100ms; -o-transition: transform cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 100ms; left: 3px; top: 8px; width: 1rem; height: 1rem; } input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label { cursor: not-allowed; } input[type="checkbox"]:disabled + label::after, input[type="radio"]:disabled + label::after { background-color: #EDF1F2; } input[type="checkbox"]:disabled:checked + label::after, input[type="radio"]:disabled:checked + label::after { border-color: #94acb2; } input[type="radio"] + label::after, input[type="radio"] + label::before { border-radius: 100%; } @-webkit-keyframes slide-select-panel-down { 0% { -webkit-transform: translate3d(0, -3.9rem, 0); transform: translate3d(0, -3.9rem, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes slide-select-panel-down { 0% { -webkit-transform: translate3d(0, -3.9rem, 0); transform: translate3d(0, -3.9rem, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .select { width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .select select { visibility: hidden; position: absolute; top: 0; left: 0; } .select.is-disabled { border-color: #EDF1F2; } .select.is-open .select__panel { display: block; max-height: 25em; overflow-y: auto; } .select__opener { position: relative; background-color: #fff; display: inline-block; cursor: pointer; z-index: 2; } .select__opener::after { content: "\25BE"; position: absolute; top: 1rem; right: 1.5rem; color: #B2B2B2; pointer-events: none; } .select__opener[aria-expanded="true"] { z-index: 51; } .select__opener[aria-expanded="true"] ~ .select__panel { z-index: 50; } .select__panel { -webkit-animation: slide-select-panel-down 200ms cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: slide-select-panel-down 200ms cubic-bezier(0.4, 0, 0.2, 1) forwards; display: none; border: 1px solid #B2B2B2; position: absolute; overflow: hidden; top: 100%; margin-top: -1rem; margin-top: calc(-1rem - 3px); width: 100%; z-index: 1; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 800ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: transform 800ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 800ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 800ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 800ms cubic-bezier(0.4, 0, 0.2, 1); background-color: #fff; } .select__option { padding: 0.5em 0.75em; cursor: pointer; } .select__option.has-focus { background-color: #dedede; } .select__option.is-selected { background-color: #023e62; } .select__optgroup ::before { content: attr(data-label); display: block; padding: 0.5em; color: #888; } .select__optgroup > .select__option { padding-left: 2em; } .bootstrap-filestyle { max-width: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; } .bootstrap-filestyle .group-span-filestyle { width: auto; } .bootstrap-filestyle label.btn.btn-filestyle { font-size: 12px; border: 1px solid #B2B2B2; } .select__option.is-selected { color: #fff; } .stage { max-width: 1920px; margin: 0 auto; } .stage > .container, .auw-ce__full-width .stage > .fullwidth-wrapper, .stage > .fullwidth-wrapper, .cover-element .stage > .content { max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; } .stage > .container > .row, .auw-ce__full-width .stage > .fullwidth-wrapper > .row, .stage > .fullwidth-wrapper > .row, .cover-element .stage > .content > .row { margin-left: 0; margin-right: 0; } .stage > .container > .row > [class*="col-"], .auw-ce__full-width .stage > .fullwidth-wrapper > .row > [class*="col-"], .stage > .fullwidth-wrapper > .row > [class*="col-"], .cover-element .stage > .content > .row > [class*="col-"] { padding-left: 0; padding-right: 0; } @media screen and (max-width: 1920px) { .stage { max-width: 100%; } } .tag, .search-result__tag { position: relative; display: inline-block; text-transform: uppercase; padding: 3px 0; margin: 0 10px 8px 5px; font-size: 13px; line-height: normal; border-radius: 0px; color: #318eb0; background: transparent; font-weight: 600; } .tag:hover, .search-result__tag:hover, .tag:active, .search-result__tag:active, .tag:focus, .search-result__tag:focus { color: #5aa5c0; text-decoration: none; } .tag + .tag, .search-result__tag + .tag, .tag + .search-result__tag, .search-result__tag + .search-result__tag { margin-left: 3px; } .tag__collection { position: relative; display: block; } .tag__cloud { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h1, h1, .h2, h2, .h3, .search-result__title, h3, .h4, h4, .h5, h5, .h6, h6 { word-wrap: break-word; color: #1e3c70; font-family: "FFQTypeSquare", Georgia, "Times New Roman", Times, serif; font-weight: 300; line-height: 1.2; margin: 0 0 0.2em 0; } .h1, h1 { color: #023e62; font-weight: 200; font-size: 44px; } @media (max-width: 576px) { .h1, h1 { font-size: 26px; } } .h2, h2 { color: #023e62; font-weight: 300; font-size: 28px; } @media (max-width: 576px) { .h2, h2 { font-size: 22px; } } .h3, .search-result__title, h3 { color: #318eb0; word-wrap: break-word; font-weight: 300; font-size: 22px; } @media (max-width: 576px) { .h3, .search-result__title, h3 { font-size: 20px; } } .h4, h4 { word-wrap: break-word; font-weight: 300; font-size: 18px; color: #318eb0; } @media (max-width: 576px) { .h4, h4 { font-size: 16px; } } .h5, h5 { color: #318eb0; word-wrap: break-word; font-weight: 300; font-size: 18px; } @media (max-width: 576px) { .h5, h5 { font-size: 16px; } } .h6, h6 { color: #318eb0; word-wrap: break-word; font-size: 16px; font-weight: 300; } @media (max-width: 576px) { .h6, h6 { font-size: 16px; } } .p--intro { color: #666664; font-size: 21px; font-weight: 300; } @media screen and (max-width: 767px) { .p--intro { font-size: 18px; } } .text-center, .align-center { text-align: center; } .text, p { margin: 0; line-height: 1.42857; } .text--left, .ce-headline-left { text-align: left; } .text--center, .ce-headline-center { text-align: center; } .text--right, .ce-headline-right { text-align: right; } .text p a, p p a, .text ul a, p ul a, .text ol a, p ol a, .text li a, p li a { color: #318eb0; } .text p a:hover, p p a:hover, .text p a:active, p p a:active, .text ul a:hover, p ul a:hover, .text ul a:active, p ul a:active, .text ol a:hover, p ol a:hover, .text ol a:active, p ol a:active, .text li a:hover, p li a:hover, .text li a:active, p li a:active { color: #84c5dd; text-decoration: none; } .no-link { color: currentColor; } .no-link, .no-link:hover, .no-link:active { color: inherit; text-decoration: none !important; } .no-link--invert { color: #202020; } hr { margin-top: 25px; margin-bottom: 25px; border: 0; border-top: 1px solid #d4d4d4; width: 100%; } figcaption { line-height: 1.3; } small, .ce-uploads-filesize:not(:empty), .small { font-size: 14px; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled, .meta-navigation__nav ul, .navigation { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } ul, ol { margin: 0; } a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: #318eb0; text-decoration: none; } a.disabled { pointer-events: none; opacity: 0.5; } a:hover { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: #84c5dd; text-decoration: none; } a:active { outline: none !important; color: #71c4ee; } abbr, .initialism { font-size: 90%; text-transform: uppercase; } blockquote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: calc(30px + calc(32px / 4)) 0 0 0; position: relative; font-size: 30px; font-weight: 200; font-family: "FFQTypeSquare", Georgia, "Times New Roman", Times, serif; color: #318eb0; line-height: 42px; text-align: center; } @media screen and (max-width: 767px) { blockquote { font-size: 22px; line-height: 28px; } } blockquote p { font-size: inherit; line-height: inherit; } blockquote:before { position: absolute; content: ''; background-image: url("img/bac5870c4ff5526402f4ace1ad5a762e.svg"); width: 56px; height: 30px; top: 0; background-size: contain; } blockquote.blockquote--right { text-align: right; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: calc(48px + calc(32px / 4)) 0 0 0; font-size: 20px; line-height: 42px; } @media screen and (max-width: 767px) { blockquote.blockquote--right { font-size: 16px; line-height: 26px; } } blockquote.blockquote--right:before { width: 48px; height: 48px; } blockquote.blockquote--left { text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: calc(48px + calc(32px / 4)) 0 0 0; font-size: 20px; line-height: 42px; } @media screen and (max-width: 767px) { blockquote.blockquote--left { font-size: 16px; line-height: 26px; } } blockquote.blockquote--left:before { width: 48px; height: 48px; } .text-right, .align-right { text-align: right; } .text-left { text-align: left; } .text-center, .align-center { text-align: center; } .ce-bodytext > p + p, p + ol, p + ul, ol + p, ul + p { margin-top: 1em; } .ce-bodytext > ul li + li, ol li + li { margin-top: 0.4em; } .ce-bodytext > .h1 + p, .ce-bodytext > .h2 + p, .ce-bodytext > .h3 + p, .ce-bodytext > .search-result__title + p, .ce-bodytext > .h4 + p, .ce-bodytext > .h5 + p, .ce-bodytext > .h6 + p { margin-top: 0; } .ce-bodytext > p + h1, .ce-bodytext > p + h2, .ce-bodytext > p + h3, .ce-bodytext > p + h4, .ce-bodytext > p + h5, .ce-bodytext > p + h6, .ce-bodytext > p + .h1, .ce-bodytext > p + .h2, .ce-bodytext > p + .h3, .ce-bodytext > p + .search-result__title, .ce-bodytext > p + .h4, .ce-bodytext > p + .h5, .ce-bodytext > p + .h6, .ce-bodytext > p + blockquote, .ce-bodytext > blockquote + blockquote, .ce-bodytext > blockquote + p, .ce-bodytext > blockquote + h1, .ce-bodytext > blockquote + h2, .ce-bodytext > blockquote + h3, .ce-bodytext > blockquote + h4, .ce-bodytext > blockquote + h5, .ce-bodytext > blockquote + h6, .ce-bodytext > blockquote + .h1, .ce-bodytext > blockquote + .h2, .ce-bodytext > blockquote + .h3, .ce-bodytext > blockquote + .search-result__title, .ce-bodytext > blockquote + .h4, .ce-bodytext > blockquote + .h5, .ce-bodytext > blockquote + .h6 { margin-top: 1.5em; } .ce-bodytext h1, .ce-bodytext h2, .ce-bodytext h3, .ce-bodytext h4, .ce-bodytext h5, .ce-bodytext h6, .ce-bodytext .h1, .ce-bodytext .h2, .ce-bodytext .h3, .ce-bodytext .search-result__title, .ce-bodytext .h4, .ce-bodytext .h5, .ce-bodytext .h6 { margin-bottom: 0.2em; } .teaser { position: relative; margin-bottom: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; height: auto; overflow: hidden; } .teaser p { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } @media (max-width: 768px) { .teaser { margin-bottom: 0; } } @media (max-width: 576px) { .teaser { margin-bottom: 0; } } .teaser__list:before { display: unset; } .teaser__list:not(.with-masonry), .teaser__list:not(.with-masonry) .teaser-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-preferred-size: auto; flex-basis: auto; } .teaser { width: 100%; } .teaser__footer { margin: 0; border-top: 1px solid #EDF1F2; border-bottom: none; padding: calc(10px + 10px) 0 0 0; } .teaser__author { margin: 0; } .teaser__author:not(:last-child) { padding-right: 15px; } .teaser__image img { height: auto; } .teaser__meta { margin: 0 0 calc(32px / 4) 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .teaser__date { margin: 1px 0 0 0; color: #318eb0; font-size: 14px; font-weight: inherit; } .teaser__tagContainer { margin: 0 10px 0 0; } .teaser__tag { margin: 0; z-index: 9; } .teaser__title { margin: 0 0 calc(32px / 8) 0; } .teaser__title a { color: #318eb0; font-size: 22px; font-weight: inherit; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; font-family: inherit; } .teaser__title a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 576px) { .teaser__title { font-size: 20px; } } .teaser__description { color: #242424; font-size: 16px; font-weight: inherit; margin: 0 0 calc(32px / 4) 0; font-family: inherit; } .teaser__readMore { position: relative; color: #318eb0; font-size: 16px; font-weight: inherit; margin: 0 0 calc(32px / 1.33) 0; -ms-flex-item-align: start; align-self: flex-start; font-family: inherit; } .teaser__readMore:hover { color: #84c5dd; text-decoration: none; } .teaser { border-radius: 4px; } .teaser--default .teaser__header img { border-top-left-radius: 4px; border-top-right-radius: 4px; } .teaser--emphasize .teaser__image, .teaser--emphasize .teaser__image img { border-radius: 4px; } .teaser--emphasize .teaser__body::before, .teaser--emphasize .teaser__body::after { border-radius: 4px; } .teaser--tag .teaser__tag { border-radius: 0px; } @media (max-width: 576px) { .ajax-pager { overflow: scroll; max-width: 100%; } } .teaser__list.has-masonry { clear: left; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0px; -moz-column-gap: 0px; grid-column-gap: 0px; column-gap: 0px; display: block; } .teaser__list.has-masonry .teaser { overflow: visible; } .teaser__list.has-masonry .teaser__item { float: unset; width: 100%; display: inline-block; } /* PREPARATION FOR TEASER WALL */ .teaser__gap--none.teaser__list { margin-right: 0; margin-left: 0; } .teaser__gap--none > .teaser__item { padding-left: 0; padding-right: 0; } .teaser__gap--none > .teaser__item .teaser { margin-bottom: 0; } .teaser__gap--none + .pager__wrapper { margin-top: 30px; } .teaser__gap--hairthin.teaser__list { margin-right: 1px; margin-left: 1px; } .teaser__gap--hairthin > .teaser__item { padding-left: 1px; padding-right: 1px; } .teaser__gap--hairthin > .teaser__item .teaser { margin-bottom: 2px; } .teaser__gap--hairthin + .pager__wrapper { margin-top: 28px; } .teaser-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .browser-safari .teaser-wrapper:before, .browser-safari .teaser-wrapper:after { display: none; } .browser-msie .teaser--default .teaser__header { min-height: 0.01px; } .teaser--default { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } @media (max-width: 768px) { .teaser--default { margin-bottom: 0; } } @media (max-width: 576px) { .teaser--default { margin-bottom: 0; } } .teaser--default:hover { opacity: 0.86; } .teaser--default:hover:active { opacity: .7; -webkit-transition: opacity .15s ease; -o-transition: opacity .15s ease; transition: opacity .15s ease; } .teaser--default .teaser__header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: calc(32px / 2); } .teaser--default .teaser__body { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; line-height: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .teaser--default .teaser__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 0 calc(32px / 4) 0; } .teaser--default .teaser__tagContainer { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 10px 0 0; line-height: normal; } .teaser--default .teaser__date { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 14px; margin: 1px 0 0 0; } .teaser--default .teaser__tag { margin: 0; } .teaser--default .teaser__title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 0 calc(32px / 8) 0; } .teaser--default .teaser__title a { color: #1e3c70; font-size: 22px; font-weight: inherit; font-family: inherit; } .teaser--default .teaser__title a:hover { color: #84c5dd; } .teaser--default .teaser__description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 0 calc(32px / 4) 0; color: #242424; font-size: 16px; } .teaser--default .teaser__readMore { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin: 0 0 calc(32px / 1.33) 0; color: #318eb0; font-size: 16px; text-decoration: none; } .teaser--default .teaser__readMore:hover { color: #84c5dd; text-decoration: none; } .teaser--default .teaser__footer { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; border-top: 1px solid #EDF1F2; border-bottom: none; display: none; } .teaser--default .teaser__author { margin: 0; } @media screen and (max-width: 1199px) { .teaser--default .teaser__author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .teaser--default .teaser__author:not(:last-child) { padding-right: 15px; } .teaser--emphasize { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; margin-bottom: 0; } @media (max-width: 768px) { .teaser--emphasize { margin-bottom: 0; } } @media (max-width: 576px) { .teaser--emphasize { margin-bottom: 0; } } .teaser--emphasize:hover .teaser__image { overflow: hidden; } .teaser--emphasize:hover .teaser__image img { -webkit-transform: 0; -ms-transform: 0; transform: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .teaser--emphasize:hover .teaser__title a { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #5aa5c0; } .teaser--emphasize img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .teaser--emphasize .teaser__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: calc(32px / 1.33); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; min-height: auto; } .teaser--emphasize .teaser__body:hover:after { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 0.9; } .teaser--emphasize .teaser__body:hover:before { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 1; } .teaser--emphasize .teaser__body:before { background-color: rgba(0, 0, 0, 0.2); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 2; } .teaser--emphasize .teaser__body:after { content: ""; background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.5) 100%); position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; opacity: .75; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 2; } .teaser--emphasize .teaser__meta { z-index: 4; margin: 0 0 calc(32px / 4) 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .teaser--emphasize .teaser__tagContainer { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 10px 0 0; } .teaser--emphasize .teaser__tag { margin: 0; } .teaser--emphasize .teaser__date { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 1px 0 0 0; font-size: 14px; font-weight: inherit; color: white; display: none; } .teaser--emphasize .teaser__title { z-index: 3; margin: 0 0 calc(32px / 8) 0; } .teaser--emphasize .teaser__title a { max-width: 100%; display: block; overflow: hidden; z-index: 3; color: white; font-size: 24px; font-weight: inherit; font-family: inherit; } .teaser--emphasize .teaser__readMore { margin: 0; z-index: 3; color: #318eb0; font-size: 16px; text-decoration: none; } .teaser--emphasize .teaser__readMore:hover { color: #318eb0; text-decoration: none; } .teaser--list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; height: auto; margin-bottom: 0; } @media (max-width: 768px) { .teaser--list { margin-bottom: 0; } } @media (max-width: 576px) { .teaser--list { margin-bottom: 0; } } .teaser--list:hover { opacity: 0.9; } .teaser--list:hover:active { opacity: .7; -webkit-transition: opacity .15s ease; -o-transition: opacity .15s ease; transition: opacity .15s ease; } @media (max-width: 768px) { .teaser--list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 767px) { .teaser--list .teaser__body { padding: 0 0 0 15px; } } .teaser--list .teaser__image { width: 100px; height: auto; } .teaser--list .teaser__title { margin: 0 0 0 10px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: wrap; line-height: 22px; } .teaser--list .teaser__title a { color: #318eb0; font-size: 22px; font-weight: inherit; font-family: inherit; } .teaser--list .teaser__title a:hover { color: #84c5dd; } .teaser--person { margin-bottom: 30px; border: 1px solid #ced2d3; } @media (max-width: 768px) { .teaser--person { margin-bottom: 30px; } } @media (max-width: 576px) { .teaser--person { margin-bottom: 15px; } } .teaser--person .teaser__header { padding: 21px; width: 100%; text-align: center; } .teaser--person .teaser__image { padding: 0; text-align: center; } .teaser--person .teaser__image img { border-radius: 100%; max-width: 125px; max-height: 125px; -o-object-fit: cover; object-fit: cover; margin: 0 auto; } .teaser--person .teaser__body { margin: 0; background-color: #EDF1F2; } .teaser--person .teaser__body a { color: #318eb0; font-weight: inherit; font-size: 16px; } @media screen and (max-width: 767px) { .teaser--person .teaser__body a { font-size: 14px; } } .teaser--person .teaser__body a:hover { color: #84c5dd; } .teaser--person .teaser__body i { color: #318eb0; font-weight: 900; font-size: 16px; margin: 2px calc(32px / 4) 0 0; width: 15px; } @media screen and (max-width: 767px) { .teaser--person .teaser__body i { font-size: 14px; } } .teaser--person .teaser__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; line-height: normal; } .teaser--person .teaser__data:not(:last-child) { margin: 0 0 calc(32px / 4) 0; } .teaser--person .teaser__data--location { color: #318eb0; font-weight: inherit; font-size: 16px; } @media screen and (max-width: 767px) { .teaser--person .teaser__data--location { font-size: 14px; } } .teaser--person .teaser__body { margin: 0; text-align: left; padding: 10px 25px; width: 100%; } @media screen and (max-width: 767px) { .teaser--person .teaser__body { padding: 10px 15px; } } .teaser--person .teaser__body p { color: #242424; font-size: 16px; font-weight: inherit; font-family: inherit; } .teaser--person .teaser__title { color: #242424; margin: calc(32px / 4) 0 0 0; font-size: 18px; font-weight: bold; font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; } .teaser--person .teaser__title a { color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; } .teaser--person .teaser__title a:hover { color: #242424; } .teaser--person .teaser__title a:after { display: none; } .teaser--person .teaser__position { color: #666664; font-size: 14px; font-weight: inherit; } .teaser--detail .teaser__body { text-align: left; } /* DISPLAY NONE VARIABLE */ .auw-tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .auw-tag-list__center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .auw-tag-list__right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .auw-tag-list__left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .auw-tag-list .teaser--tag { margin-right: 5px; } .teaser--tag { margin-bottom: 13px; } .teaser--tag .tag, .teaser--tag .search-result__tag { -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .teaser--tag .tag:hover, .teaser--tag .search-result__tag:hover { opacity: 0.8; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .teaser--tag .tag:hover:active, .teaser--tag .search-result__tag:hover:active { opacity: .65; -webkit-transition: opacity .15s ease; -o-transition: opacity .15s ease; transition: opacity .15s ease; } .teaser--tag .tag:hover::after, .teaser--tag .search-result__tag:hover::after { display: none; } .teaser--single { overflow: visible; overflow: initial; } .teaser--single:hover { opacity: 1; overflow: visible; overflow: initial; } .teaser--single .teaser__header { padding: 0; } @media (max-width: 768px) { .teaser--single .teaser__header::after { display: none; } } .teaser--single .teaser__body { position: absolute; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; bottom: 30px; left: 30px; padding: 25px; max-width: 50%; background-color: #1e3c70; text-align: left; border-radius: 0px; } @media (max-width: 768px) { .teaser--single .teaser__body { position: relative; max-width: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; left: unset; bottom: unset; padding: 25px; } } @media (max-width: 576px) { .teaser--single .teaser__body { padding: 15px; } } .teaser--single .teaser__title { margin-bottom: 0; color: white; line-height: 1.3; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .teaser--single .teaser__title a { color: white; cursor: pointer; font-size: 26px; } @media (max-width: 576px) { .teaser--single .teaser__title a { font-size: calc(26px - 2px); } } .teaser--single .teaser__tagContainer { margin-bottom: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .teaser--single .teaser__description { margin-bottom: 0; color: white; font-weight: 300; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media (max-width: 576px) { .teaser--single .teaser__description { font-size: 14px; } } .teaser--single .teaser__readMore { margin-bottom: 0; color: white; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .teaser--single .teaser__readMore:hover { color: white; } .teaser--single .teaser__readMore:hover { opacity: 1; overflow: visible; overflow: initial; } .teaser__list:not(.filter-position-top) .ajax-filter { width: 100%; } @media (max-width: 991px) { .teaser__list:not(.filter-position-top) .ajax-filter .filter-container { display: none; } } @media (min-width: 992px) { .teaser__list:not(.filter-position-top) .ajax-filter .mobile-filter-toggle { display: none; } } .teaser__list:not(.filter-position-top) .ajax-filter .fa-spinner { display: none; } .teaser__list:not(.filter-position-top) .ajax-filter .selected-filter { padding: 5px 10px; border: 1px solid #e0e0e0; margin: 0 0 25px 0; } .teaser__list:not(.filter-position-top) .ajax-filter .selected-filter .filter { margin-bottom: 0; } .teaser__list:not(.filter-position-top) .ajax-filter .selected-filter .filter-item { margin-bottom: 0; } .teaser__list:not(.filter-position-top) .ajax-filter .selected-filter .filter-item.filter-clicked .fa-spinner { display: inline-block; font-size: 10px; color: #666664; } .teaser__list:not(.filter-position-top) .ajax-filter .selected-filter .filter-item.filter-clicked .fa-times { display: none; } .teaser__list:not(.filter-position-top) .ajax-filter .selected-filter .filter-item:hover .fa-times { color: #dc3545; } .teaser__list:not(.filter-position-top) .ajax-filter .filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 25px 0; } .teaser__list:not(.filter-position-top) .ajax-filter .filter-head { color: #666664; font-size: 14px; text-transform: uppercase; margin: 0 0 5px 0; } .teaser__list:not(.filter-position-top) .ajax-filter .filter-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: calc(18px - 2px); font-weight: normal; margin: 0 0 5px 0; color: #318eb0; } .teaser__list:not(.filter-position-top) .ajax-filter .filter-item.filter-clicked .fa-spinner { display: inline-block; color: #666664; } .teaser__list:not(.filter-position-top) .ajax-filter .filter-item.filter-clicked .filter-counter__number { display: none; } .teaser__list:not(.filter-position-top) .ajax-filter .filter-name { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-word; margin-right: 3px; } .teaser__list:not(.filter-position-top) .ajax-filter .filter-counter { color: #666664; font-size: 14px; padding: 1px 7px; border-radius: 6px; background-color: #f0f0f0; } @media (max-width: 991px) { .teaser__list:not(.filter-position-top) .filter-container { padding-bottom: 15px; margin-bottom: 15px; } .teaser__list:not(.filter-position-top) .filter-container .filter:last-child { margin-bottom: 0; } .teaser__list:not(.filter-position-top) .mobile-filter-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; font-size: 14px; text-transform: uppercase; color: #023e62; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 5px 0; margin: 0 0 8px 0; } .teaser__list:not(.filter-position-top) .mobile-filter-toggle i { -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; -o-transition: transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .teaser__list:not(.filter-position-top) .filter-toggle-clicked .mobile-filter-toggle { -webkit-transition: border-bottom .2s; -o-transition: border-bottom .2s; transition: border-bottom .2s; border-bottom: 0; } .teaser__list:not(.filter-position-top) .filter-toggle-clicked .mobile-filter-toggle i { -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; -o-transition: transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .teaser__list:not(.filter-position-top) .filter-toggle-clicked .filter-container { border-bottom: 1px solid #e0e0e0; } } .ajax-filter.ajax-filter-no-counter .filter-counter { background-color: transparent !important; border-radius: 0; padding: 0; } .ajax-filter.ajax-filter-no-counter .filter-counter__number { display: none; } .filter-position-top > .col-md-12:first-child { width: 100%; z-index: 1; } .filter-position-top .mobile-filter-toggle, .filter-position-top .filter-head, .filter-position-top .fa-spinner { display: none; } .filter-position-top .ajax-filter { margin: 0; } .filter-position-top .filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 10px 0; /* &__pagetype { margin-bottom: 0; } */ } .filter-position-top .filter-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #c0cfd8; padding: 3px 0; margin: 0 10px 10px 0; line-height: normal; } .filter-position-top .filter-item.filter-clicked .fa-spinner { display: inline-block; } .filter-position-top .filter-item.filter-clicked .filter-counter__number { display: none; } .filter-position-top .filter-item.filter-clicked .fa-times { display: none; } .filter-position-top .filter-name { font-size: calc(13px + 2px); margin-right: 5px; } .filter-position-top .filter-counter { color: #666664; font-size: calc(13px - 2px); font-weight: bold; padding: 2px 7px; border-radius: 6px; background-color: #f0f0f0; } .filter-position-top .selected-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter-position-top .selected-filter .filter-item { background-color: #e6ecef; } .filter-position-top .selected-filter .filter-item .fa-times { color: #023e62; } .filter-position-top .selected-filter .filter-item:hover .fa-times { color: #dc3545; } .filter-position-top .selected-filter .filter-item .filter-name { color: #202020; } .filter-position-top .filter-pageType__name { font-size: calc(calc(13px + 2px) - 1px); text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 576px) { .filter-position-top .filter { width: 100vw; margin-left: -15px; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-y: auto; } .filter-position-top .filter-item { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .filter-position-top .selected-filter { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100vw; margin-left: -15px; padding-left: 15px; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-y: auto; } .filter-position-top .selected-filter .filter { width: auto; margin-right: 10px; overflow: visible; overflow: initial; } .filter-position-top .selected-filter-item { -ms-flex-negative: 0; flex-shrink: 0; } } .filter-position-top .ajax-filter.ajax-filter-no-counter .filter-name { margin-right: 0; } @media (max-width: 576px) { .teaser__list--teaser_wall .filter-position-top .filter { margin-left: -30px; } } a.pagecollector-rss__button { float: right; margin: calc(32px / 1.33) 0 0 0; } .pager__wrapper a.pagecollector-rss__button { position: absolute; top: 50%; right: 1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); float: none; margin: 0; } .grid { display: -ms-grid; display: grid; width: 100%; } .grid__child { overflow: hidden; } .grid__child .teaser { width: 100%; height: 100%; } .teaser__list--teaser_wall .teaser__list { margin-top: 0; } .teaser__list--teaser_wall .teaser__list .grid .teaser__item { margin-top: 0; margin-bottom: 0; } .teaser__list--teaser_wall .teaser { margin-bottom: 0; } .teaser__list--teaser_wall .teaser .teaser__image img { -o-object-fit: cover; object-fit: cover; max-height: 100%; width: 100%; font-family: 'object-fit:cover'; } .teaser__list--teaser_wall .teaser__gap .grid { margin-right: 0; margin-bottom: -15px; margin-left: 15px; } .teaser__list--teaser_wall .teaser__gap .grid__child { border-right: 15px solid transparent; border-bottom: 15px solid transparent; } .teaser__list--teaser_wall .teaser__gap .grid + .grid { margin-top: 15px; } .teaser__list--teaser_wall .teaser__gap--hairthin.teaser__list { margin-left: 0; margin-right: 0; } .teaser__list--teaser_wall .teaser__gap--hairthin .grid { margin-right: -1px; margin-bottom: -1px; margin-left: 1px; } .teaser__list--teaser_wall .teaser__gap--hairthin .grid__child { border-right: 1px solid transparent; border-bottom: 1px solid transparent; } .teaser__list--teaser_wall .teaser__gap--hairthin .grid + .grid { margin-top: 1px; } .teaser__list--teaser_wall .teaser__gap--none  .grid { margin-right: 0; margin-top: 0; } .teaser__list--teaser_wall .teaser__gap--none  .grid__child { border-right: 0 solid transparent; border-bottom: 0 solid transparent; } /* NEUE ABSTANDS LOGIK */ .teaser__list { margin-top: -32px; } .teaser__list .teaser__item, .teaser__list .ajax-filter { margin-top: 32px; } .teaser__list.filter-position-top .teaser-wrapper { margin-top: -32px; } .teaser__list.teaser__gap--hairthin { margin-top: -1px; } .teaser__list.teaser__gap--hairthin .teaser__item, .teaser__list.teaser__gap--hairthin .ajax-filter { margin-top: 1px; } .teaser__list.teaser__gap--hairthin.filter-position-top .teaser-wrapper { margin-top: -1px; } .teaser__list.teaser__gap--none { margin-top: 0; } .teaser__list.teaser__gap--none .teaser__item, .teaser__list.teaser__gap--none .ajax-filter { margin-top: 0; } .teaser__list.teaser__gap--none.filter-position-top .teaser-wrapper { margin-top: 0; } @media screen and (max-width: 767px) { .teaser__list.filter-position-left .teaser-wrapper .teaser__item:first-child { margin-top: 0; } } .auw_accortabs__accordion { background: transparent; } .auw_accortabs__accordion .panel { -webkit-box-shadow: none; box-shadow: none; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; border-bottom: 1px solid #71c4ee; } .auw_accortabs__accordion .panel-heading { background: transparent; } .auw_accortabs__accordion .panel-heading .panel-title { display: block; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .auw_accortabs__accordion .panel-heading .panel-title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #242424; font-size: 18px; font-weight: 300; width: 100%; padding: calc(32px / 2) 5px; } .auw_accortabs__accordion .panel-heading .panel-title a::after { content: "\F00D"; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: calc(18px - 20%); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; color: #242424; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: 15px; } .auw_accortabs__accordion .panel-heading .panel-title a:hover { text-decoration: none; color: inherit; background-color: #EDF1F2; } .auw_accortabs__accordion .panel-heading .panel-title a:focus { text-decoration: none; } .auw_accortabs__accordion .panel-heading .panel-title a[aria-expanded='true']::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .auw_accortabs__accordion .panel-collapse { background: transparent; } .auw_accortabs__accordion .panel-collapse .panel-body { padding: 5px 0 20px 0; border-top: 0 !important; font-size: 18px; font-weight: 400; } .auw_accortabs__tabs { background: transparent; } .auw_accortabs__tabs .nav-tabs { border-bottom: 1px solid #71c4ee; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; list-style: none; padding-left: 0; } .auw_accortabs__tabs .nav-tabs::-webkit-scrollbar { display: none; } .auw_accortabs__tabs .nav-tabs li { white-space: nowrap; } .auw_accortabs__tabs .nav-tabs li a { display: block; background: transparent; color: #023e62; font-size: 18px; font-weight: 300; padding: calc(32px / 4) calc(32px / 2); border: 1px solid transparent; border-bottom: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; margin: 0 3px 0 0; } .auw_accortabs__tabs .nav-tabs li a:focus, .auw_accortabs__tabs .nav-tabs li a:hover { border-color: #71c4ee; } .auw_accortabs__tabs .nav-tabs li a.active { background: #023e62; color: white; border-color: #023e62; } .auw_accortabs__tabs .tab-content { padding: 15px 0; font-size: 18px; } .auw_accortabs__tabs .tab-content > .tab-pane { display: none; } .auw_accortabs__tabs .tab-content > .active { display: block; } .collapse:not(.show) { display: none; } .breadcrumb { margin: 0; padding: 10px 0; width: 100%; font-size: 1.4rem; font-weight: 700; } .breadcrumb__inner > .container, .auw-ce__full-width .breadcrumb__inner > .fullwidth-wrapper, .stage .breadcrumb__inner > .fullwidth-wrapper, .cover-element .breadcrumb__inner > .content { margin-top: 0; } .breadcrumb__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: inherit; } .breadcrumb__item.is-active { color: #666664; cursor: default; } .breadcrumb__item:not(:last-child)::after { content: "\F054"; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #666664; margin: 0 5px; font-size: 7px; display: inline-block; } .breadcrumb ul { margin-bottom: 0; } .ce-gallery, .ce-nowrap .ce-bodytext, .ce-row, .ce-textpic, .ce-uploads div, .ce-uploads li { overflow: hidden; } .ce-column { padding-left: 15px; padding-right: 15px; } .ce-headline-, .ce-headline-center, .ce-headline-right, .ce-headline-left { width: 100%; } .ce-center .ce-gallery { text-align: center; } .ce-intext.ce-right .ce-gallery { margin-top: 8px; float: right; } .ce-intext.ce-left .ce-gallery { margin-top: 8px; float: left; } .ce-intext.ce-nowrap .ce-gallery { margin-top: 0; } .full-width .ce-above .ce-gallery { margin-bottom: 0; } .ce-row { margin-left: -15px; margin-right: -15px; } .ce-column { position: relative; float: left; } .ce-gallery[data-ce-columns="1"] .ce-column { width: 100%; float: none; margin-bottom: 0; } .ce-gallery[data-ce-columns="1"] .ce-row { margin-bottom: 0; } .ce-gallery[data-ce-columns="2"] .ce-column { width: 50%; } .ce-gallery[data-ce-columns="3"] .ce-column { width: 33.3333%; } .ce-gallery[data-ce-columns="4"] .ce-column { width: 25%; } .ce-gallery[data-ce-columns="5"] .ce-column { width: 20%; } .ce-gallery .ce-column figure { display: block; } @media (max-width: 768px) { .ce-gallery[data-ce-columns] .ce-column { width: 100%; } .ce-gallery[data-ce-columns] .ce-column figure { width: 100%; } .ce-gallery[data-ce-columns] .ce-column img { width: 100%; } div.ce-intext[class^="ce-"] .ce-gallery { margin-left: 0; margin-right: 0; margin-top: 0; float: none; } } @media (max-width: 576px) { .ce-gallery { width: 100%; } } /* TEXT MEDIA ELEMENT */ .ce-textpic.ce-center.ce-below .ce-bodytext + .ce-gallery { margin-top: 15px; } .ce-textpic.ce-center.ce-above .ce-gallery + .ce-bodytext { margin-top: 15px; } .ce-textpic.ce-intext.ce-left .ce-gallery { margin-right: 15px; } .ce-textpic.ce-intext.ce-left .ce-gallery .image { display: table; } .ce-textpic.ce-intext.ce-left .ce-gallery .image-caption { display: table-caption; caption-side: bottom; } .ce-textpic.ce-intext.ce-left .ce-gallery img { width: auto; } @media (max-width: 576px) { .ce-textpic.ce-intext.ce-left .ce-gallery { margin-right: 0; margin-bottom: 15px; } } .ce-textpic.ce-intext.ce-right .ce-gallery { margin-left: 15px; } .ce-textpic.ce-intext.ce-right .ce-gallery .image { display: table; } .ce-textpic.ce-intext.ce-right .ce-gallery .image-caption { display: table-caption; caption-side: bottom; } .ce-textpic.ce-intext.ce-right .ce-gallery img { width: auto; } @media (max-width: 576px) { .ce-textpic.ce-intext.ce-right .ce-gallery { margin-left: 0; margin-bottom: 15px; } } .auw-consent-container { padding: 15px 20px; background-color: #f8f8f8; } .auw-consent-container .auw_consent_toggle { margin-bottom: 0; } .dataIntro__title { margin: 0; } .dataIntro .teaser__author { margin: calc(32px / 4) 0 0 0; } .dataIntro__tags { margin: 0 0 calc(32px / 8) 0; } .ce-uploads { list-style-type: none; padding: 0; } .ce-uploads img { display: none; } .ce-uploads a { text-decoration: none; font-weight: bold; margin-right: 5px; } .ce-uploads li { margin-bottom: 15px; } .ce-uploads li > div { width: 100%; } .ce-uploads-filesize:not(:empty)::before { content: "("; } .ce-uploads-filesize:not(:empty)::after { content: ")"; } .ce-uploads-fileName { max-width: 80%; display: inline-block; vertical-align: middle; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .ce-uploads-fileName::before { content: "\F019"; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; margin-right: calc(32px / 4); vertical-align: middle; font-size: 1.5rem; } .ce-uploads-description { padding-left: 2.3rem; display: block; font-size: 14px; } .ce-uploads > li > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ce-uploads > li > div > a { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .ce-uploads > li > div > .ce-uploads-description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } .ce-uploads > li > div > .ce-uploads-filesize { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body:not(.has-stage) .page-contents { padding-top: 0; } .mm-wrapper_opening .mm-wrapper__blocker { top: 45px; } @media screen and (min-width: 690px) and (max-width: 991px) { .mm-wrapper_opening .mobile-header__logo { max-width: calc(100% - 440px + 30px); -webkit-transition: max-width 2s; -o-transition: max-width 2s; transition: max-width 2s; } } .mobile-header { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; right: 0; left: 0; top: 0; padding: 0 15px 0 15px; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 10000000; -webkit-box-shadow: 0 2px 4px 0 rgba(237, 241, 242, 0.5); box-shadow: 0 2px 4px 0 rgba(237, 241, 242, 0.5); background-color: #fff; } .mobile-header.is-open { -webkit-box-shadow: 0 2px 4px 0 rgba(237, 241, 242, 0); box-shadow: 0 2px 4px 0 rgba(237, 241, 242, 0); background-color: rgba(255, 255, 255, 0); } @media screen and (max-width: 991px) { .mobile-header { display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; } } .mobile-header__burger { position: absolute; left: 0; height: 100%; } .mobile-header__contact { position: absolute; right: 0; padding: 0 15px; } .mobile-header .hamburger { cursor: pointer; margin-bottom: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; } .mobile-header .hamburger .hamburger-inner, .mobile-header .hamburger .hamburger-inner::before, .mobile-header .hamburger .hamburger-inner::after { width: 26px; height: 3px; -webkit-transition: all ease 400ms; -o-transition: all ease 400ms; transition: all ease 400ms; background-color: #023e62; } .mobile-header .hamburger .menu-state { display: none; } .mobile-header .hamburger.is-busy .menu-state.fa-spinner { display: block; } .mobile-header .hamburger.is-busy .hamburger-inner { display: none; } .mobile-header .hamburger.is-failed .menu-state.fa-exclamation-triangle { display: block; color: #dc3545; } .mobile-header .hamburger.is-failed .hamburger-inner { display: none; } .mobile-header .hamburger.is-unloaded .menu-state.fa-sync { display: block; } .mobile-header .hamburger.is-unloaded .hamburger-inner { display: none; } .mobile-header .hamburger.is-active .hamburger-inner, .mobile-header .hamburger.is-active .hamburger-inner::before, .mobile-header .hamburger.is-active .hamburger-inner::after { background-color: #023e62; } .mobile-header__logo { padding: calc(32px / 2) 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .mobile-header__logo img { max-height: 35px; } #scrollTop { cursor: pointer; position: relative; color: #242424; font-size: 1em; z-index: 1000; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border: 1px solid #242424; } #scrollTop i::before { content: "\F176"; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; background: transparent; } @media screen and (max-width: 767px) { #scrollTop i::before { width: 45px; height: 45px; } } #scrollTop:active { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .search { display: block; position: relative; } .search__title { color: #023e62; } .search__subhead { color: gray; font-weight: 300; } .search .search-tabs { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .search .search-tabs > a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 0; border: none; padding-bottom: 10px; } .search .search-tabs > a.is-active { border-bottom: 2px solid #023e62; } .search .search-tabs > a.btn:focus, .search .search-tabs > a.btn:active { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 768px) { .search .search-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .search-result { display: block; position: relative; padding: 15px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background-color: white; } .search-result:hover { background: #f6f6f6; -webkit-transition: ease 300ms; -o-transition: ease 300ms; transition: ease 300ms; } .search-result:hover .search-result__title { color: #023e62; -webkit-transition: ease 300ms; -o-transition: ease 300ms; transition: ease 300ms; } .search-result:hover .search-result__details { color: #242424; } .search-result:not(:first-child) { border-top: 1px solid #71c4ee; } .search-result a { color: inherit; text-decoration: none; display: block; } .search-result__title { margin-top: 0; -webkit-transition: ease 300ms; -o-transition: ease 300ms; transition: ease 300ms; font-weight: 300; font-size: 1.1em; } .search-result__title mark { background: none; padding: 0; color: #023e62; } .search-result__details { font-size: 0.8em; color: #242424; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search-result__details > img { max-width: 85px; height: auto; margin-top: 0px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 10px; } .search-result__details .search-result__matched-content { width: 100%; } .search-result__nothing-found { font-size: 0.8em; color: #242424; font-weight: 300; padding: 15px; } .searchbox .search-result__details img { display: none !important; } .table-responsive { overflow-x: auto; min-height: .01%; } @media (max-width: 768px) { .table-responsive { width: 100%; } } table { max-width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid; overflow-x: scroll; } table, .ce-table { width: 100%; margin-bottom: 25px; font-size: 1em; } /* Adds table cell padding, * aligns text to the left, * and adds a top border to each cell. */ table th, .ce-table th, table td, .ce-table td { padding: 0.6em 1em; text-align: left; border-top: 1px solid #eee; } /* Sets table header font-weight to bold. * Aligns table header text to the bottom of each cell. */ table th, .ce-table th { font-weight: 500; vertical-align: bottom; } /* Aligns cell text to the top of each cell. */ table td, .ce-table td { vertical-align: top; } /* Removes the border-top from the first row. */ table thead:first-child tr th, .ce-table thead:first-child tr th, table thead:first-child tr td, .ce-table thead:first-child tr td { border-top: 0; } /* Adds border-top between two table-body sections. */ table tbody + tbody, .ce-table tbody + tbody { border-top: 1px solid #eee; } /* Adds borders and border-radius. */ table, .ce-table { border: 1px solid #eee; border-collapse: separate; *border-collapse: collapsed; border-radius: 3px; } table th + th, .ce-table th + th, table td + td, .ce-table td + td, table th + td, .ce-table th + td, table td + th, .ce-table td + th { border-left: 1px solid #eee; } table thead:first-child tr:first-child th, .ce-table thead:first-child tr:first-child th, table tbody:first-child tr:first-child th, .ce-table tbody:first-child tr:first-child th, table tbody:first-child tr:first-child td, .ce-table tbody:first-child tr:first-child td { border-top: 0; } table thead tr:nth-child(odd) th, .ce-table thead tr:nth-child(odd) th, table tbody tr:nth-child(odd) th, .ce-table tbody tr:nth-child(odd) th, table tbody tr:nth-child(odd) td, .ce-table tbody tr:nth-child(odd) td { background-color: #f6f6f6; } table thead tr:hover th, .ce-table thead tr:hover th, table tbody tr:hover th, .ce-table tbody tr:hover th, table tbody tr:hover td, .ce-table tbody tr:hover td { background-color: #ededed; } table thead:first-child tr:first-child th:first-child, .ce-table thead:first-child tr:first-child th:first-child, table tbody:first-child tr:first-child td:first-child, .ce-table tbody:first-child tr:first-child td:first-child { border-radius: 3px 0 0 0; } table thead:first-child tr:first-child th:last-child, .ce-table thead:first-child tr:first-child th:last-child, table tbody:first-child tr:first-child td:last-child, .ce-table tbody:first-child tr:first-child td:last-child { border-radius: 0 3px 0 0; } table thead:last-child tr:last-child th:first-child, .ce-table thead:last-child tr:last-child th:first-child, table tbody:last-child tr:last-child td:first-child, .ce-table tbody:last-child tr:last-child td:first-child { border-radius: 0 0 0 3px; } table thead:last-child tr:last-child th:last-child, .ce-table thead:last-child tr:last-child th:last-child, table tbody:last-child tr:last-child td:last-child, .ce-table tbody:last-child tr:last-child td:last-child { border-radius: 0 0 3px 0; } .menu-contentelement { font-size: 18px; } .menu-contentelement.vertical ul { list-style-type: none; padding-left: 0; } .menu-contentelement.vertical ul a { color: #318eb0; } .menu-contentelement.vertical ul li { padding-left: 1.3em; list-style-type: none; } .menu-contentelement.vertical ul li:before { content: "\F054"; font-family: "Font Awesome 5 Pro"; color: #666664; display: inline-block; margin-left: -1.3em; width: 0.75em; font-size: 50%; vertical-align: middle; margin-top: 0; } .menu-contentelement.horizontal ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-contentelement.horizontal ul a { color: #318eb0; font-weight: inherit; } @media screen and (max-width: 767px) { .menu-contentelement.horizontal ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .menu-contentelement.horizontal ul li:not(:last-child) { margin-right: 25px; } .menu-contentelement.horizontal ul li { margin-bottom: 5px; } [dir="ltr"] .menu-contentelement.horizontal ul li > ul{ padding-left: 0; } [dir="rtl"] .menu-contentelement.horizontal ul li > ul{ padding-right: 0; } .menu-contentelement.horizontal ul li > ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-padding-start: 0; } .menu-contentelement.horizontal ul li > ul a { font-size: 80%; color: #318eb0; font-weight: inherit; } .animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .contact-box { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; top: 100px; right: 0; z-index: 10000; } .contact-box.is-active .contact-box__content { display: block !important; } .contact-box__button-close, .contact-box__figure { cursor: pointer; } .contact-box__figure i.fa-phone { font-weight: 900; } .contact-box__figure i.fa-phone:before { content: "\F095"; } .contact-box__figure > * { pointer-events: none; } @media screen and (max-width: 991px) { .contact-box { top: 0; width: 100%; margin-top: 45px; } .contact-box .contact-box__figure { display: none; } .contact-box__content { width: 100vw; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact-box__content input, .contact-box__content textarea { max-width: unset; } .mobile-header__contact .contact-box__figure { display: block; background: none; color: #023e62; width: auto; height: auto; } } .contact-box.slideInLeft, .contact-box.slideInRight, .contact-box.slideInDown { -webkit-animation-duration: 500ms; animation-duration: 500ms; } @media screen and (max-width: 991px) { .contact-box { left: 0; } } .contact-box__figure { width: 56px; height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px 0 0 4px; font-size: 24px; background: #1e3c70; color: #fff; z-index: -1; } .contact-box__figure-mobile { font-size: 24px; padding: 15px; line-height: 0; color: #fff; } .contact-box__figure-mobile > * { pointer-events: none; } .contact-box__content { padding: 15px; min-width: 380px; background: #1e3c70; color: #fff; } .contact-box__content a:not(.btn) { color: #fff !important; } .contact-box__content a:not(.btn):hover { color: #fff !important; text-decoration: underline; } @media screen and (max-width: 991px) { .contact-box__content { min-width: 0; width: 100%; } } .contact-box__content form br { display: none; } .contact-box__content form [type="submit"] { display: block; margin: 15px auto 0; } .contact-box__content form [type="submit"]:hover { border-color: #023e62; } .contact-box__content h5 { margin-top: 0; color: inherit; font-weight: 400; } .contact-box__content p { font-size: 1.6rem; font-weight: 200; line-height: 1.85; } .contact-box__content p a { color: inherit; font-weight: 500; } .contact-box__content p i { width: 22px; text-align: left; } .contact-box__button-close { position: absolute; right: 15px; top: 15px; width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #body_29 .cookie-banner, #body_1115 .cookie-banner { display: none !important; } .cookie-banner { display: none; position: relative; z-index: 9; left: 0; right: 0; padding: 30px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #6e9ab4; background: -o-linear-gradient(top, #eee, whitesmoke); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(whitesmoke)); background: linear-gradient(to bottom, #eee, whitesmoke); border-bottom: 1px solid #222; } @media screen and (max-width: 1023px) { .cookie-banner .container, .cookie-banner .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .cookie-banner .fullwidth-wrapper, .cookie-banner .stage .fullwidth-wrapper, .stage .cookie-banner .fullwidth-wrapper, .cookie-banner .cover-element .content, .cover-element .cookie-banner .content { padding-left: 0; padding-right: 0; width: 100%; } } .cookie-banner a { text-decoration: underline; color: #318eb0; } .cookie-banner a:hover { color: #65aac4; } .cookie-banner p { font-size: 16px; font-weight: 300; letter-spacing: 1px; color: #6e9ab4; } @media screen and (max-width: 991px) { .cookie-banner p { font-size: 12px; } } .cookie-banner__buttons { text-align: center; position: relative; margin-top: 15px; } .cookie-banner__buttons .cookie-banner__more { margin-bottom: 0; margin-top: calc(32px / 4); } .cookie-banner__impressum { position: absolute; right: 0; bottom: 0; font-size: 14px; text-decoration: none; color: #318eb0 !important; } .cookie-banner__impressum:hover { color: #65aac4 !important; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } @media screen and (max-width: 580px) { .cookie-banner__impressum { position: relative; text-align: center; } } .cookie-banner__close { margin-top: 0px; font-size: 16px; padding: 12px 40px 12px 40px; -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 991px) { .cookie-banner__close { font-size: calc(12px + 2px); padding: 10px 20px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; white-space: normal; white-space: initial; line-height: 1.3; } } @media screen and (max-width: 580px) and (orientation: portrait) { .cookie-banner__close { width: 100%; } } .cookie-banner__close:active, .cookie-banner__close:focus { -webkit-box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.4); } .cookie-banner__more { cursor: pointer; color: #318eb0 !important; font-size: 14px; display: table; margin: 0 auto 0 auto; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; border-bottom: 1px solid transparent; } @media screen and (max-width: 991px) { .cookie-banner__more { font-size: 12px; } } .cookie-banner__more:hover { color: #65aac4 !important; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; border-color: #65aac4; } .cookie-banner__option-container { display: none; } .cookie-banner__option-container--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 991px) { .cookie-banner__option-container--flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cookie-banner .radio { margin-top: 30px; padding: 15px; border: 1px solid #dadada; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 991px) { .cookie-banner .radio { width: 100%; margin-top: 15px; margin-right: 0; } } .cookie-banner .radio label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media screen and (max-width: 991px) { .cookie-banner .radio label { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .cookie-banner .radio input[type="radio"] { top: 0px; position: relative; min-width: auto; width: auto; height: auto; border-radius: 100%; margin-right: calc(32px / 4); } .cookie-banner .radio input[type="radio"]:checked { background-color: #318eb0; } .cookie-banner .radio p { color: #6e9ab4; } .cookie-banner .radio p strong { color: #6e9ab4; display: block; } .cookie-banner .radio:not(:last-child) { margin-right: 2%; } @media screen and (max-width: 580px) { .cookie-banner { padding: 15px 10px; } .cookie-banner .radio input[type="radio"] { top: 1px; } } .mm-wrapper_opening.cookie-banner-show body { padding-top: 0; } .cookie-banner { z-index: 99999999; position: fixed; bottom: 0; border-bottom: 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); } .cookie-banner .container, .cookie-banner .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .cookie-banner .fullwidth-wrapper, .cookie-banner .stage .fullwidth-wrapper, .stage .cookie-banner .fullwidth-wrapper, .cookie-banner .cover-element .content, .cover-element .cookie-banner .content { width: 100%; max-width: 1600px; } @media screen and (max-width: 580px) { .cookie-banner .radio { border: unset; padding: 0; } } html:lang(de) span.cookie-banner__option-name { text-transform: capitalize; } .auw-google-map-address { display: block; width: 100%; height: 100%; min-height: 220px; } .auw-multielement__tb--image { height: 640px; max-height: 100vh; } @media screen and (max-width: 1199px) { .auw-multielement__tb--image { height: 75vh; max-height: 75vh; } } @media screen and (max-width: 767px) { .auw-multielement__tb--image { height: 55vh; max-height: 75vh; } } .auw-multielement__tb--image img { -o-object-fit: cover; object-fit: cover; height: 640px; max-height: 100vh; position: relative; font-family: "object-fit: cover;"; } @media screen and (max-width: 1199px) { .auw-multielement__tb--image img { height: 75vh; max-height: 75vh; } } @media screen and (max-width: 767px) { .auw-multielement__tb--image img { height: 55vh; max-height: 75vh; } } .auw-multielement__tb { position: relative; } .auw-multielement__tb--action { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .auw-multielement__tb--content { position: absolute; top: unset; right: 40px; bottom: 60px; left: 40px; } @media screen and (max-width: 1199px) { .auw-multielement__tb--content { top: unset; right: 40px; bottom: 60px; left: 40px; } } @media screen and (max-width: 767px) { .auw-multielement__tb--content { top: unset; right: 15px; bottom: 60px; left: 15px; } } .auw-multielement__tb--content a { position: relative; z-index: 2; } .auw-multielement__tb--content p { color: white; } .auw-multielement__tb--content h1, .auw-multielement__tb--content h2, .auw-multielement__tb--content h3, .auw-multielement__tb--content h4, .auw-multielement__tb--content h5, .auw-multielement__tb--content .h1, .auw-multielement__tb--content .h2, .auw-multielement__tb--content .h3, .auw-multielement__tb--content .search-result__title, .auw-multielement__tb--content .h4, .auw-multielement__tb--content .h5 { margin-bottom: 0; line-height: normal; color: white; text-shadow: 0px 4px 40px rgba(0, 0, 0, 0.65); } .auw-multielement__tb--content h1 + p, .auw-multielement__tb--content h2 + p, .auw-multielement__tb--content h3 + p, .auw-multielement__tb--content h4 + p, .auw-multielement__tb--content h5 + p, .auw-multielement__tb--content .h1 + p, .auw-multielement__tb--content .h2 + p, .auw-multielement__tb--content .h3 + p, .auw-multielement__tb--content .search-result__title + p, .auw-multielement__tb--content .h4 + p, .auw-multielement__tb--content .h5 + p { margin-top: 0; } .auw-multielement__tb--content .btn { margin-top: calc(32px / 4); } .auw-ce__full-width .auw-multielement__tb--content, .stage .auw-multielement__tb--content { margin: 0 auto; padding-left: 0px; padding-right: 0px; right: unset; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; } @media (min-width: 768px) { .auw-ce__full-width .auw-multielement__tb--content, .stage .auw-multielement__tb--content { width: 750px; } } @media (min-width: 992px) { .auw-ce__full-width .auw-multielement__tb--content, .stage .auw-multielement__tb--content { width: 970px; } } @media (min-width: 1200px) { .auw-ce__full-width .auw-multielement__tb--content, .stage .auw-multielement__tb--content { width: 1170px; } } @media screen and (max-width: 768px) { .auw-ce__full-width .auw-multielement__tb--content, .stage .auw-multielement__tb--content { padding-left: 15px; padding-right: 15px; } } .auw-multielement__tbf--image { height: 400px; max-height: 100vh; } @media screen and (max-width: 1199px) { .auw-multielement__tbf--image { height: 400px; max-height: 100vh; } } @media screen and (max-width: 767px) { .auw-multielement__tbf--image { height: 400px; max-height: 100vh; } } .auw-multielement__tbf--image img { -o-object-fit: cover; object-fit: cover; height: 400px; max-height: 100vh; position: relative; font-family: "object-fit: cover;"; } @media screen and (max-width: 1199px) { .auw-multielement__tbf--image img { height: 400px; max-height: 100vh; } } @media screen and (max-width: 767px) { .auw-multielement__tbf--image img { height: 400px; max-height: 100vh; } } .auw-multielement__tbf { position: relative; } .auw-multielement__tbf--action { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .auw-multielement__tbf--content { position: absolute; background-color: #71c4ee; padding: 32px; right: unset; bottom: 40px; left: 15px; max-width: 50%; } @media screen and (max-width: 767px) { .auw-multielement__tbf--content { right: 15px; left: 15px; bottom: 15px; padding: calc(32px / 2); max-width: 100%; } } .auw-multielement__tbf--content .btn { margin: 12px 0 0 0; } .auw-ce__full-width .text-auf-bild__farbflaeche--content, .stage .text-auf-bild__farbflaeche--content { left: 15px; -webkit-transform: none; -ms-transform: none; transform: none; } .auw-ce__full-width .fullwidth-wrapper, .stage .fullwidth-wrapper { margin: 0 auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .auw-multielement__layout-ctabanner { background-color: #71c4ee; padding: 50px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .auw-multielement__layout-ctabanner { padding: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cta-banner__title { margin-right: calc(32px / 2); max-width: 75%; min-width: 75%; } .cta-banner__title > p { font-size: 44px; font-weight: 800; line-height: 52px; color: #002F59; } @media screen and (max-width: 1024px) { .cta-banner__title > p { font-size: 32px; line-height: normal; } } @media screen and (max-width: 767px) { .cta-banner__title > p { font-size: 24px; line-height: normal; margin-right: unset; max-width: 100%; } } .cta-banner__image { max-width: 75px; margin-left: auto; min-width: 75px; } @media screen and (max-width: 767px) { .cta-banner__image { margin-left: unset; margin-right: calc(32px / 2); } } .cta-banner__image img { font-family: 'object-fit: cover'; border-radius: 100%; width: 75px; height: 75px; -o-object-fit: cover; object-fit: cover; } .responsive-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .responsive-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: calc(32px / 2); } } .cta-banner__content { margin-left: calc(32px / 2); } @media screen and (max-width: 767px) { .cta-banner__content { margin-left: unset; } } .auw-multielement__cinemagraph .cinemagraph { width: 100%; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; -o-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; -o-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; } /* Caption */ .fancybox-caption { bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; text-align: center; z-index: 99996; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -44px; z-index: -1; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-caption { padding: 12px; } .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } } /* SAFARI FIX */ .browser-safari .auw-gallery .row::before { display: inline; display: initial; } /* FIX CONTAINER VIEW */ .fancybox-active .fancybox-image { max-width: none !important; height: 100% !important; } .auw-gallery .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col-md-1 .auw-gallery__icon--topright { display: none; } .col-md-2 .auw-gallery__icon--topright { margin-right: 20px; top: 5px; padding: calc(10px / 2); } .auw-gallery__icon--topright { position: absolute; right: 30px; top: 15px; font-size: 1em; padding: 10px; background-color: #fff; color: #242424; pointer-events: none; cursor: pointer; } .auw-gallery__icon--play.fa-play-circle { cursor: pointer; position: absolute; opacity: 0.85; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; width: 100%; height: 100%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-size: 2em; } .auw-gallery__icon--play.fa-play-circle:hover { background-color: rgba(34, 34, 34, 0.2); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .auw-gallery__onlyoneimage .auw-gallery__item-image:not(:first-of-type) { display: none; } .auw-gallery .auw-gallery__item-video--content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .auw-gallery .auw-gallery__item-video--content:active { -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; -webkit-transform: scale(0.985); -ms-transform: scale(0.985); transform: scale(0.985); } .auw-gallery .auw-gallery__item-video--content img { -webkit-filter: brightness(80%); filter: brightness(80%); } .auw-gallery__thumbitem > a { -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .auw-gallery__thumbitem > a:active img { -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; -webkit-transform: scale(0.985); -ms-transform: scale(0.985); transform: scale(0.985); } .auw-gallery__thumbitem .auw-gallery__link { min-width: 100%; } .auw-gallery figcaption { width: 100%; } .auw-gallery__credits { color: #242424; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-weight: 100; margin: 0 0 5px 0; } .auw-gallery__credits a { color: #242424; text-decoration: underline; } .auw-gallery .auw-gallery__thumbitem figcaption .hidden-at-thumbnail { display: none; } .fancybox-show-caption .fancybox-inner .fancybox-caption .auw-gallery__credits { color: #fff; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 100; text-align: center; } .fancybox-show-caption .fancybox-inner .fancybox-caption .auw-gallery__credits a { color: #fff; text-decoration: underline; } .fancybox-show-caption .fancybox-inner .fancybox-caption .auw-gallery__caption { color: #fff; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 100; } .fancybox-show-caption .fancybox-inner .fancybox-caption .auw-gallery__caption a { color: #fff; text-decoration: underline; } .embed-responsive__caption, .auw-gallery__caption { color: #242424; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-weight: 100; margin: 0; width: 100%; } .embed-responsive__caption a, .auw-gallery__caption a { color: #242424; text-decoration: underline; } /*! * jQuery mmenu v7.2.0 * @requires jQuery 1.7.0 or later * * mmenu.frebsite.nl * * Copyright (c) Fred Heusschen * www.frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */ .mm-menu { --mm-line-height:20px; --mm-listitem-size:44px; --mm-navbar-size:44px; --mm-offset-top:0; --mm-offset-right:0; --mm-offset-bottom:0; --mm-offset-left:0; --mm-color-border:rgba(0, 0, 0, 0.1); --mm-color-button:rgba(0, 0, 0, 0.3); --mm-color-text:rgba(0, 0, 0, 0.75); --mm-color-text-dimmed:rgba(0, 0, 0, 0.3); --mm-color-background:#f3f3f3; --mm-color-background-highlight:rgba(0, 0, 0, 0.05); --mm-color-background-emphasis:rgba(255, 255, 255, 0.4); --mm-shadow:0 0 10px rgba( 0,0,0, 0.3 ); } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); line-height: 20px; line-height: var(--mm-line-height); -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 0; margin: 0; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; top: var(--mm-offset-top); right: var(--mm-offset-right); bottom: var(--mm-offset-bottom); left: var(--mm-offset-left); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { color: inherit; text-decoration: none; } [dir=rtl] .mm-menu { direction: rtl; } .mm-panels, .mm-panels > .mm-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panel, .mm-panels { -webkit-box-sizing: border-box; box-sizing: border-box; background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text); } .mm-panels { overflow: hidden; } .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; padding: 0 20px; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; } .mm-panel:not(.mm-hidden) { display: block; } .mm-panel:after, .mm-panel:before { content: ''; display: block; height: 20px; } .mm-panel_has-navbar { padding-top: 44px; padding-top: var(--mm-navbar-size); } .mm-panel_opened { z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel_opened-parent { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel_highest { z-index: 2; } .mm-panel_noanimation { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .mm-panel_noanimation.mm-panel_opened-parent { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [dir=rtl] .mm-panel:not(.mm-panel_opened) { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [dir=rtl] .mm-panel.mm-panel_opened-parent { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } .mm-listitem_vertical > .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: none; width: 100%; padding: 10px 0 10px 10px; } .mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before { content: none; display: none; } .mm-listitem_opened > .mm-panel { display: block; } .mm-listitem_vertical > .mm-listitem__btn { height: 44px; height: var(--mm-listitem-size); bottom: auto; } .mm-listitem_vertical .mm-listitem:last-child:after { border-color: transparent; } .mm-listitem_opened > .mm-listitem__btn:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; } .mm-btn { -webkit-box-sizing: border-box; box-sizing: border-box; width: 44px; padding: 0; } .mm-btn:after, .mm-btn:before { border-color: rgba(0, 0, 0, 0.1); border-color: var(--mm-color-button); border-width: 2px; border-style: solid; } .mm-btn_close:after, .mm-btn_close:before { content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px; } .mm-btn_close:after { border-left: none; border-top: none; right: 25px; } .mm-btn_next:after, .mm-btn_prev:before { content: ''; border-bottom: none; border-right: none; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; } .mm-btn_prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-btn_next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } [dir=rtl] .mm-btn_next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } [dir=rtl] .mm-btn_prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } [dir=rtl] .mm-btn_close:after, [dir=rtl] .mm-btn_close:before { right: auto; } [dir=rtl] .mm-btn_close:before { left: 25px; } [dir=rtl] .mm-btn_close:after { left: 18px; } .mm-navbar { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); background: var(--mm-color-background); border-color: var(--mm-color-border); color: var(--mm-color-text-dimmed); border-bottom-width: 1px; border-bottom-style: solid; text-align: center; display: none; height: 44px; height: var(--mm-navbar-size); padding: 0 44px; margin: 0; position: absolute; top: 0; left: 0; right: 0; opacity: 1; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .mm-navbar > * { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 12px; padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5); padding-left: 0; padding-right: 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar__title { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar__btn { position: absolute; top: 0; bottom: 0; z-index: 1; } .mm-navbar__btn:first-child { text-align: left; left: 0; } .mm-navbar__btn:last-child { text-align: right; right: 0; } .mm-panel_has-navbar .mm-navbar { display: block; } [dir=rtl] .mm-navbar__btn:first-child { text-align: right; right: 0; left: auto; } [dir=rtl] .mm-navbar__btn:last-child { text-align: left; left: 0; right: auto; } .mm-listitem, .mm-listview { list-style: none; display: block; padding: 0; margin: 0; } .mm-listitem { color: rgba(0, 0, 0, 0.75); color: var(--mm-color-text); border-color: rgba(0, 0, 0, 0.1); border-color: var(--mm-color-border); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mm-listitem:after { content: ''; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 20px; right: 0; bottom: 0; } .mm-listitem a, .mm-listitem a:hover { text-decoration: none; } .mm-listitem__btn, .mm-listitem__text { color: inherit; display: block; padding-top: 12px; padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2); padding-bottom: 12px; padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2); } .mm-listitem__text { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; padding-right: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 10%; flex-basis: 10%; } .mm-listitem__btn { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4); tap-highlight-color: rgba(255, 255, 255, 0.4); -webkit-tap-highlight-color: var(--mm-color-background-emphasis); tap-highlight-color: var(--mm-color-background-emphasis); background: rgba(3, 2, 1, 0); border-color: inherit; width: auto; padding-right: 54px; position: relative; } .mm-listitem__btn:not(.mm-listitem__text) { border-left-width: 1px; border-left-style: solid; } .mm-listitem_selected > .mm-listitem__text { background: rgba(255, 255, 255, 0.4); background: var(--mm-color-background-emphasis); } .mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel { background: rgba(0, 0, 0, 0.05); background: var(--mm-color-background-highlight); } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listitem_divider { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: rgba(0, 0, 0, 0.05); background: var(--mm-color-background-highlight); font-size: 75%; text-transform: uppercase; min-height: 20px; min-height: var(--mm-line-height); padding: 6.5px; padding: calc(((var(--mm-listitem-size) * .75) - var(--mm-line-height)) * .5); padding-right: 10px; padding-left: 20px; } .mm-listitem_spacer { padding-top: 44px; padding-top: var(--mm-listitem-size); } .mm-listitem_spacer > .mm-btn_next { top: 44px; top: var(--mm-listitem-size); } [dir=rtl] .mm-listitem:after { left: 0; right: 20px; } [dir=rtl] .mm-listitem__text { padding-left: 10px; padding-right: 20px; } [dir=rtl] .mm-listitem__btn { padding-left: 54px; border-left-width: 0; border-left-style: none; } [dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) { padding-right: 0; border-right-width: 1px; border-right-style: solid; } .mm-page { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; z-index: 1; } .mm-wrapper_opened { overflow-x: hidden; position: relative; } .mm-wrapper_background .mm-page { background: inherit; } .mm-menu_offcanvas { display: none; position: fixed; right: auto; z-index: 0; } .mm-menu_offcanvas.mm-menu_opened { display: block; } .mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms { z-index: 10; } .mm-menu_offcanvas { width: 80%; min-width: 240px; max-width: 440px; } .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-wrapper__blocker { background: rgba(3, 2, 1, 0); overflow: hidden; display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; } .mm-wrapper_blocking { overflow: hidden; } .mm-wrapper_blocking body { overflow: hidden; } .mm-wrapper_blocking .mm-wrapper__blocker { display: block; } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker { opacity: 0; } .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker { opacity: .3; -webkit-transition: opacity .4s ease .4s; -o-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s; } .mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker { background: inherit; } .mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker { background: #000; } .mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker { background: #fff; } .mm-menu_position-right { left: auto; right: 0; } .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-80vw, 0, 0); transform: translate3d(-80vw, 0, 0); } @media all and (max-width: 300px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } .mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; } .mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened { z-index: 2; } .mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } .mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker { z-index: 1; } .mm-menu_position-front { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu_position-front.mm-menu_position-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu_position-bottom, .mm-menu_position-top { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu_position-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu_position-top { height: 80vh; min-height: 140px; max-height: 880px; } .mm-menu_position-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto; } .mm-menu_position-bottom { height: 80vh; min-height: 140px; max-height: 880px; } .mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-listitem::after { left: 0px; } .mobile-menu #mm-0 .mm-navbar { border-bottom: 0; } .mobile-menu #mm-0.mm-panel::before { height: 5px; } .mobile-menu .mm-navbar { background: #fff; color: #202020; } .mobile-menu .mm-navbar__btn::before { border-color: #202020; } .mobile-menu .mm-navbar__btn:active { background-color: #e9e9e9; } .mobile-menu .mm-panel { background: #fff; } .mobile-menu .mm-listview .mobilesearchbox .search-result > a { white-space: normal; } .mobile-menu .mm-listview .mobile-menu__search { display: block; padding-bottom: 20px; } .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox { overflow: visible; -ms-flex-preferred-size: unset; flex-basis: unset; padding-top: 0; padding-bottom: 0; padding-right: 20px; } .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox .searchbox__field { position: relative; max-width: 100%; } .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox .searchbox__field .searchbox__input { background: #eee; border: 0; min-height: 36px; border-radius: 10px; } .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox .searchbox__field .searchbox__spinner { right: 15px; } .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox .searchbox__icon { display: none; } .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox .searchbox__result { z-index: 999999999; max-width: 100%; top: 65px; border-radius: 0; border-left: 0; border-right: 0; } .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox .searchbox__result .search-result__matched-content { white-space: normal; } .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox .search-result:not(:first-child), .mobile-menu .mm-listview .mobile-menu__search .mobilesearchbox .searchbox__result { border-color: #eee; } .mobile-menu .mm-listview .mobilesearchbox.is-expanded .searchbox__field { top: 18px; } .mobile-menu .mm-listview .mm-listitem { background: #fff; border-color: #eee; } .mobile-menu .mm-listview .mm-listitem a.mm-listitem__text { color: #202020; } .mobile-menu .mm-listview .mm-listitem a.mm-listitem__text:active { background-color: #e9e9e9; } .mobile-menu .mm-listview .mm-listitem a.mm-listitem__btn { background: #fff; padding-right: 50px; } .mobile-menu .mm-listview .mm-listitem a.mm-listitem__btn::after { border-color: #202020; } .mobile-menu .mm-listview .mm-listitem a.mm-listitem__btn:active { background-color: #e9e9e9; } .mobile-menu .meta-navigation__nav--lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mobile-menu .meta-navigation__nav--lang li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #cfcfcf; } .mobile-menu .meta-navigation__nav--lang li a { background-color: #eee; color: #202020; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; height: 40px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .mobile-menu .meta-navigation__nav--lang li:not(:last-child) { border-right: 1px solid #cfcfcf; } html.platform-iphone.type-mobile #mm-1 .mm-listview { height: 100%; overflow: auto; padding-bottom: 40px; } .mobile-menu .meta-navigation__nav--lang { position: absolute !important; bottom: 0; width: 100%; } .mobile-menu #mm-1 .mm-listview { height: calc(100% - 40px); overflow: auto; } .mobile-menu #mm-1 .mm-listview::-webkit-scrollbar { display: none; } .mobile-menu .mobile-menu { padding-bottom: 40px; } .slick-slide { height: auto !important; } .slick-slide, .slick-slide > div { line-height: 0; } .slide__content { position: relative; } .slide__block { position: absolute; z-index: 10; } .slide .responsive-slider-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 1em 0 1.5em 0; } .slide .responsive-slider-video iframe, .slide .responsive-slider-video .two-click-video-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slider__arrow { position: absolute; z-index: 10; cursor: pointer; } .auw-ce__full-width .slide__block { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0; padding: 15px !important; } @media (min-width: 768px) { .auw-ce__full-width .slide__block { width: 750px; } } @media (min-width: 992px) { .auw-ce__full-width .slide__block { width: 970px; padding: 0 15px !important; } } @media (min-width: 1200px) { .auw-ce__full-width .slide__block { width: 1200px; } } .ce__full-width .slide__block { background-color: green; } .slide { position: relative; } .slide__image img, .slide img { width: 100%; height: auto; } .slide__block { max-width: 100%; bottom: 40px; margin: 0 50px; padding: 0 15px; } @media (max-width: 992px) { .slide__block { position: relative !important; min-height: 0 !important; margin: 10px 50px 0 50px; } .slide__block::before, .slide__block:hover::before { background-color: transparent !important; } .slide__block a:not(.tag):not(.search-result__tag):not(.btn), .slide__block h1, .slide__block h2, .slide__block h3, .slide__block h4, .slide__block h5, .slide__block h6, .slide__block p { color: #242424 !important; } .slide__block::after { display: none; } } .slide__block--left { text-align: left; left: 0; } .slide__block--right { text-align: right; right: 0; } .slide__block--center { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; top: 0; left: 0; right: 0; bottom: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 35px; } .slide__tagContainer { margin-bottom: calc(32px / 4); } .slide__title a { color: inherit; text-decoration: inherit; text-decoration: unset; } .slide__title { color: #fff; font-size: 44px; font-weight: 100; padding: 0; } @media (max-width: 576px) { .slide__title { font-size: 22px; } } .slide__text { margin-bottom: calc(32px / 2); word-wrap: break-word; font-size: 18px; color: #fff; font-weight: 100; padding: 0; } .slide__layout--text { margin: 0; } .slide__layout--right { text-align: right; } @media (max-width: 992px) { .slider { background-color: transparent; } } .slider__dots { position: absolute; padding: 0px; margin-bottom: 0; list-style: none; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slider__dots li button:focus { outline: none !important; } .slider__dots li { line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider__dots li.slick-active button { opacity: 1; background: #fff; } .slider__dots li:not(:last-child) { margin-right: 4px; } .slider__dots button { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-block; opacity: 0.4; background: black; margin-bottom: 0; padding: 0px 18px; border-radius: 0.4rem; font-size: 0; width: 8px; height: 8px; border-radius: 100%; padding: 0; } @media (max-width: 768px) { .slider__dots { top: 15px; bottom: unset; } } .slider__arrow { position: absolute; padding: 16px; z-index: 10; font-size: 24px; color: #202020; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color ease 300ms; -o-transition: color ease 300ms; transition: color ease 300ms; } @media (max-width: 992px) { .slider__arrow { display: none !important; } } .slider__arrow--next { right: 0; } .slider__arrow--prev { left: 0; } .slider__arrow.slick-disabled { opacity: 0.4; cursor: no-drop; } .slider.has-overlay .slide__layout::before { background-color: transparent; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: ""; opacity: 0; -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; z-index: 2; pointer-events: none; } .slider.has-overlay .slide__layout::after { background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 9.5%, rgba(0, 0, 0, 0.049) 18%, rgba(0, 0, 0, 0.104) 25.8%, rgba(0, 0, 0, 0.175) 32.8%, rgba(0, 0, 0, 0.259) 39.3%, rgba(0, 0, 0, 0.352) 45.3%, rgba(0, 0, 0, 0.45) 51%, rgba(0, 0, 0, 0.55) 56.5%, rgba(0, 0, 0, 0.648) 61.9%, rgba(0, 0, 0, 0.741) 67.4%, rgba(0, 0, 0, 0.825) 73.1%, rgba(0, 0, 0, 0.896) 79%, rgba(0, 0, 0, 0.951) 85.4%, rgba(0, 0, 0, 0.987) 92.4%, black 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(9.5%, rgba(0, 0, 0, 0.013)), color-stop(18%, rgba(0, 0, 0, 0.049)), color-stop(25.8%, rgba(0, 0, 0, 0.104)), color-stop(32.8%, rgba(0, 0, 0, 0.175)), color-stop(39.3%, rgba(0, 0, 0, 0.259)), color-stop(45.3%, rgba(0, 0, 0, 0.352)), color-stop(51%, rgba(0, 0, 0, 0.45)), color-stop(56.5%, rgba(0, 0, 0, 0.55)), color-stop(61.9%, rgba(0, 0, 0, 0.648)), color-stop(67.4%, rgba(0, 0, 0, 0.741)), color-stop(73.1%, rgba(0, 0, 0, 0.825)), color-stop(79%, rgba(0, 0, 0, 0.896)), color-stop(85.4%, rgba(0, 0, 0, 0.951)), color-stop(92.4%, rgba(0, 0, 0, 0.987)), to(black)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 9.5%, rgba(0, 0, 0, 0.049) 18%, rgba(0, 0, 0, 0.104) 25.8%, rgba(0, 0, 0, 0.175) 32.8%, rgba(0, 0, 0, 0.259) 39.3%, rgba(0, 0, 0, 0.352) 45.3%, rgba(0, 0, 0, 0.45) 51%, rgba(0, 0, 0, 0.55) 56.5%, rgba(0, 0, 0, 0.648) 61.9%, rgba(0, 0, 0, 0.741) 67.4%, rgba(0, 0, 0, 0.825) 73.1%, rgba(0, 0, 0, 0.896) 79%, rgba(0, 0, 0, 0.951) 85.4%, rgba(0, 0, 0, 0.987) 92.4%, black 100%); position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: ""; opacity: 0.75; z-index: 2; pointer-events: none; } .slider.has-overlay .slide__layout:hover { -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; } .slider.has-overlay .slide__layout:hover::before { opacity: 0.4; } @media (max-width: 992px) { .slider .slide__layout::before { opacity: 0; background-color: transparent !important; } .slider .slide__layout::after { opacity: 0; background: transparent !important; } .slider .slide__layout:hover::before { opacity: 0; } .slider .slide__block { top: 0; bottom: 0; max-width: 100%; margin: 10px 0 0 0; } } /** ADD CONTAINER ONLY FOR FULLWIDTH SLIDER AND STAGE **/ @media (min-width: 1200px) { .ce__full-width .slide__block { width: 1200px; } } @media (min-width: 992px) { .ce__full-width .slide__block { width: 970px; } } @media (min-width: 768px) { .ce__full-width .slide__block { width: 750px; } } @media (min-width: 768px) { .stage .slide__block { width: 750px; } .stage .slide__block.slide__block--center { width: 100%; } } @media (min-width: 992px) { .stage .slide__block { width: 970px; } .stage .slide__block.slide__block--center { width: 100%; } } @media (min-width: 1200px) { .stage .slide__block { width: 1200px; margin: 0 auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .stage .slide__block.slide__block--center { right: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } } .searchbox, .mobilesearchbox { position: static; margin-bottom: 2px; } .searchbox .searchbox__field, .mobilesearchbox .searchbox__field { right: 0; } .searchbox.is-expanded .searchbox__field, .mobilesearchbox.is-expanded .searchbox__field { position: absolute; width: 600px; z-index: 1; display: block; } .searchbox.is-expanded .searchbox__icon i::before, .mobilesearchbox.is-expanded .searchbox__icon i::before { content: "\F00D"; color: #242424; } .searchbox.is-expanded.is-busy .searchbox__spinner, .mobilesearchbox.is-expanded.is-busy .searchbox__spinner { display: block; color: #242424; } .searchbox.is-expanded.has-result .searchbox__result, .mobilesearchbox.is-expanded.has-result .searchbox__result { display: block; position: absolute; right: 0; width: 600px; background: #fff; border-radius: 0.3rem; border: 1px solid #71c4ee; -webkit-box-shadow: 0px 3px 14px rgba(102, 102, 100, 0.1); box-shadow: 0px 3px 14px rgba(102, 102, 100, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; } .searchbox.is-expanded.has-result .searchbox__result .search-result__show-all, .mobilesearchbox.is-expanded.has-result .searchbox__result .search-result__show-all { color: inherit; text-decoration: inherit; text-decoration: unset; display: block; color: white; font-weight: inherit; text-align: center; font-size: 14px; background-color: #71c4ee; border-top: 1px solid #71c4ee; padding: 5px 15px; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; -webkit-transition: ease 300ms; -o-transition: ease 300ms; transition: ease 300ms; } .searchbox.is-expanded.has-result .searchbox__result .search-result__show-all:hover, .mobilesearchbox.is-expanded.has-result .searchbox__result .search-result__show-all:hover { -webkit-transition: ease 300ms; -o-transition: ease 300ms; transition: ease 300ms; background-color: #69b4d9; color: white; } .searchbox .searchbox__spinner, .mobilesearchbox .searchbox__spinner { position: absolute; top: 3px; right: 30px; } .searchbox .searchbox__spinner, .searchbox .searchbox__field, .searchbox .searchbox__result, .mobilesearchbox .searchbox__spinner, .mobilesearchbox .searchbox__field, .mobilesearchbox .searchbox__result { display: none; } .searchbox .searchbox__input, .mobilesearchbox .searchbox__input { padding-right: 50px; background-color: #fff; color: #242424; } .searchbox .searchbox__input:focus, .mobilesearchbox .searchbox__input:focus { border: 1px solid #71c4ee; } .searchbox .searchbox__icon, .mobilesearchbox .searchbox__icon { cursor: pointer; position: relative; z-index: 10; padding: 0 0 0 0.5em; top: 2px; } .searchbox .searchbox__icon i, .mobilesearchbox .searchbox__icon i { color: #242424; font-weight: 500; width: 20px; height: 20px; } .searchbox.is-expanded .searchbox__icon { top: 0px; } body.stage-under-menu .searchbox .searchbox__icon i { color: white; } .mobilesearchbox .search-result__details, .mobilesearchbox .search-result__matched-content, .mobilesearchbox .search-result__details > img { display: none; } .mobilesearchbox .searchbox__result { -webkit-box-shadow: 0 1px 4px 1px rgba(17, 17, 17, 0.3); box-shadow: 0 1px 4px 1px rgba(17, 17, 17, 0.3); } .mobilesearchbox .search-result__show-all { border-bottom: 1px solid #71c4ee; } .mobilesearchbox .searchbox__spinner { top: 11px; } .mobilesearchbox .searchbox-result__details { white-space: pre-wrap; } .mobilesearchbox .search-result { padding: 0; } .mobilesearchbox .search-result > a { display: block; padding: 8px 15px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .mobilesearchbox .search-result__title { font-size: 16px; } /* SEARCHBOX ANIMATION INPUT */ .searchbox .searchbox__field { display: block; width: 0; height: 0; right: 0; position: absolute; } .searchbox .searchbox__input { width: 0px; opacity: 0; -webkit-transition: cubic-bezier(0.6, 0.04, 0.98, 0.335) 200ms; -o-transition: cubic-bezier(0.6, 0.04, 0.98, 0.335) 200ms; transition: cubic-bezier(0.6, 0.04, 0.98, 0.335) 200ms; position: absolute; right: 0; top: -7px; max-width: none; } .searchbox.is-expanded .searchbox__field { display: block; width: 0; height: 0; overflow: visible; } .searchbox.is-expanded .searchbox__input { -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 400ms; -o-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 400ms; transition: cubic-bezier(0.075, 0.82, 0.165, 1) 400ms; width: 600px; opacity: 1; display: block; } /* SEARCHBOX ANIMATION RESULTS */ .searchbox .searchbox__result--container { position: absolute; right: 0; } @-webkit-keyframes auwInDown { 0% { opacity: 0; -webkit-transform: translateY(-7%); transform: translateY(-7%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes auwInDown { 0% { opacity: 0; -webkit-transform: translateY(-7%); transform: translateY(-7%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } .auwInDown { -webkit-animation-name: auwInDown; animation-name: auwInDown; -webkit-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .two-click-video-poster { position: relative; } .two-click-video-poster__content { position: absolute; top: 0; width: 100%; height: 100%; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: white; text-align: center; } .two-click-video-poster__content .loadButton { margin-bottom: 15px; text-shadow: 0px 0px 9px black; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; z-index: 9; } .two-click-video-poster__content .loadButton:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .two-click-video-poster__content--text { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; z-index: 8; bottom: 0; padding: 15px; background-color: rgba(0, 0, 0, 0.6); } .two-click-video-poster__content--text p { font-size: 12px; text-align: left; word-break: break-word; } .two-click-video-poster__content--text i { font-size: 16px; color: #ffc107; margin-right: 10px; } .fancybox-inner .fancybox-slide__video { background: transparent; width: 80vw; height: 80vh; overflow: hidden; padding: 0; } .fancybox-inner .fancybox-slide__video .fancybox-button { display: none; } .fancybox-inner .fancybox-slide__video .two-click-video-poster { max-width: 80vw; max-height: 80vh; overflow: hidden; } .fancybox-inner .fancybox-slide__video iframe { width: 100%; height: 100%; } @media (max-width: 768px) { .fancybox-inner .fancybox-slide__video .two-click-video-poster { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 600px) { .poster-not-clicked { padding-bottom: unset; height: auto; } .two-click-video-poster .two-click-video-poster__content { position: static; padding: 0; } .two-click-video-poster .two-click-video-poster__content .loadButton { position: absolute; top: 33%; } .two-click-video-poster .two-click-video-poster__content .two-click-video-poster__content--text { background-color: rgba(0, 0, 0, 0.9); padding: 10px; position: relative; } } @media screen and (max-width: 400px) { .two-click-video-poster .two-click-video-poster__content--text { font-size: 9.5px; padding: 5px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .two-click-video-poster .two-click-video-poster__content--text i { display: none; } } @media screen and (max-width: 420px) { .two-click-video-poster .two-click-video-poster__content .loadButton { top: 31%; } } @media screen and (max-width: 387px) { .two-click-video-poster .two-click-video-poster__content .loadButton { top: 27%; } } @media screen and (max-width: 360px) { .two-click-video-poster .two-click-video-poster__content .loadButton { top: 22%; } } .auw-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .auw-icon .auw-icon__text { color: inherit; font-size: inherit; font-weight: inherit; } .auw-icon > a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .auw-icon__left .auw-icon__text { margin-left: 10px; margin-bottom: -1px; } .auw-icon__right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .auw-icon__right > a { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .auw-icon__right .auw-icon__text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 10px; margin-bottom: -1px; } .auw-icon__right i { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .auw-icon__center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .auw-icon__center i { margin-bottom: 10px; } .auw-icon__center > a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .auw-text-image .auw-text-image__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .auw-text-image .auw-text-image__image > a { text-align: center; } .auw-text-image__no-scale .auw-text-image__image { display: table; margin: 0 auto; } .auw-text-image__no-scale .auw-text-image__image .image-caption { display: table-caption; caption-side: bottom; } .auw-text-image:not(.auw-text-image__no-scale) .auw-text-image__image > a { width: 100%; } .auw-text-image__layout-20_bildunten .ce-bodytext + figure { margin-top: 10px; } @media screen and (max-width: 767px) { .auw-text-image__layout-20_bildunten .ce-bodytext + figure { margin-top: 10px; } } .auw-text-image__layout-10_bildoben figure + .ce-bodytext { margin-top: 10px; } @media screen and (max-width: 767px) { .auw-text-image__layout-10_bildoben figure + .ce-bodytext { margin-top: 10px; } } .auw-text-image__layout-30_bildimtextobenlinks .auw-text-image__image { float: left; margin-right: calc(10px + 10px); margin-bottom: 2px; } .auw-text-image__layout-30_bildimtextobenlinks .auw-text-image__image img { max-width: 100%; } .auw-text-image__layout-30_bildimtextobenlinks .ce-bodytext { margin-top: 0; } .auw-text-image__layout-30_bildimtextobenlinks:not(.auw-text-image__no-scale) .auw-text-image__image { width: 33%; } figcaption { margin-top: 5px; color: #8c8c8c; font-size: 80%; font-weight: normal; font-style: normal; font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media screen and (max-width: 767px) { figcaption { margin-top: 5px; } } /* ----- 2. INFOBOX ----- */ /* HAT HEADER & BILD */ .infobox { background-color: #EDF1F2; } .infobox > header { padding: 15px 25px; } @media screen and (max-width: 1024px) { .infobox > header { padding: 15px 25px; } } @media screen and (max-width: 767px) { .infobox > header { padding: 10px; } } .infobox .ce-bodytext { padding: 25px; } @media screen and (max-width: 1024px) { .infobox .ce-bodytext { padding: 25px; } } @media screen and (max-width: 767px) { .infobox .ce-bodytext { padding: 15px; } } .infobox .auw-text-image__layout-20_bildunten.has-header .ce-bodytext { padding-top: 0; } .infobox .auw-text-image__layout-20_bildunten .auw-text-image__image { margin-top: 0; } .infobox .auw-text-image__layout-10_bildoben.no-image.has-header .ce-bodytext { padding-top: 0; } .infobox .auw-text-image__layout-10_bildoben .ce-bodytext { margin-top: 0; } .infobox .auw-text-image__layout-30_bildimtextobenlinks { padding: 25px; } @media screen and (max-width: 1024px) { .infobox .auw-text-image__layout-30_bildimtextobenlinks { padding: 25px; } } @media screen and (max-width: 767px) { .infobox .auw-text-image__layout-30_bildimtextobenlinks { padding: 15px; } } .infobox .auw-text-image__layout-30_bildimtextobenlinks.has-header { padding-top: 0; } .infobox .auw-text-image__layout-30_bildimtextobenlinks .ce-bodytext { padding: 0; } .extbase-debugger input[type="checkbox"] { left: 0 !important; } .parsley-errors-list.filled { display: table; } .powermail_fieldset { border: 0 none; padding: 0; margin: 0; } .powermail_fieldset > legend, .powermail_fieldset .powermail_legend { display: none; } .nolabel > label { display: none !important; } label.powermail_label, .form-group label.control-label, .tx-felogin-pi1 fieldset label { display: inline-block; margin-top: 1rem; margin-bottom: 0.5rem; } /* NEW */ .btn-filestyle { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; margin-left: -2px; } form [type="submit"] { margin-top: 0.5em; } .form-group .input { margin-bottom: 1rem; /* //date picker input input[type="input"] { @extend %object-date; }*/ } .form-group .input .inputs-list { margin-bottom: 1rem; } .form-group .input .error, .form-group .input .help-block { display: inline-block; max-width: 600px; } .form-group .input .error br, .form-group .input .help-block br { display: none; } .tx-felogin-pi1 fieldset { margin: 0; padding: 0; border-width: 0; } .tx-felogin-pi1 fieldset legend { display: none; } .tx-felogin-pi1 fieldset > div { margin-bottom: 1rem; } /* DATE TIME PICKER */ .xdsoft_datetimepicker { -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); background: white; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; color: #333333; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; -webkit-box-shadow: none; box-shadow: none; } .xdsoft_datetimepicker * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; margin: 0px; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0px; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=="); } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0px; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0px 0px; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0px; margin-bottom: 7px; margin-top: 0px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #EEEEEE; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: white; border-top: 1px solid #EEEEEE; color: #444444; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0px; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0px; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0px; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #A94442; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #1E5799; -webkit-box-shadow: #1E5799 0px 1px 3px 0px inset; box-shadow: #1E5799 0px 1px 3px 0px inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 90px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 56px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #F5F5F5; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; padding: 0px; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #F1F1F1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #1E5799; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #1E5799; -webkit-box-shadow: #1E5799 0px 1px 3px 0px inset; box-shadow: #1E5799 0px 1px 3px 0px inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #A94442 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0px; top: 0px; bottom: 0px; cursor: pointer; } .xdsoft_scroller_box { position: relative; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs { display: table-cell !important; } td.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm { display: table-cell !important; } td.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md { display: table-cell !important; } td.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } .hidden-md { display: none !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg { display: table-cell !important; } td.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } .hidden-lg { display: none !important; } } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print { display: table-cell !important; } td.visible-print { display: table-cell !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } } /* Parameter: 1 layoutname (the name of the html template that the teaserwall is using 2 Number of columns needed 3 Number of rows needed 4 baseHeight of a row 5 device modifier name ('','tablet__' or 'phone__') */ .layout--teaser_wall_12_teaser_layout .grid { -ms-grid-columns: (25%)[4]; grid-template-columns: repeat(4, 25%); -ms-grid-rows: -webkit-min-content 1fr; -ms-grid-rows: min-content 1fr; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--1-1 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 2; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--1-2 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--1-3 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 4; -ms-grid-column-span: 3; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--1-4 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 5; -ms-grid-column-span: 4; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--2-2 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 3; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--2-3 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 4; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--2-4 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 5; -ms-grid-column-span: 3; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--3-3 { -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 4; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--3-4 { -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 5; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__x--4-4 { -ms-grid-column: 4; grid-column-start: 4; grid-column-end: 5; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-1 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 2; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-1 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-2 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 3; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-2 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-3 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 4; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-3 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-4 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 5; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-4 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-5 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 6; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-5 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-6 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 7; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-6 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-7 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 8; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--1-7 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-2 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 3; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-2 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-3 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 4; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-3 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-4 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 5; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-4 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-5 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 6; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-5 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-6 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 7; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-6 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-7 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 8; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--2-7 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-3 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 4; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-3 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-4 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 5; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-4 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-5 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 6; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-5 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-6 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 7; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-6 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-7 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 8; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--3-7 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--4-4 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 5; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--4-4 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--4-5 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 6; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--4-5 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--4-6 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 7; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--4-6 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--4-7 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 8; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--4-7 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--5-5 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 6; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--5-5 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--5-6 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 7; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--5-6 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--5-7 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 8; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--5-7 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--6-6 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 7; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--6-6 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--6-7 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 8; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--6-7 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--7-7 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 8; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__y--7-7 .teaser__image img { height: 200px; } @media screen and (max-width: 1024px) and (min-width: 768px) { .layout--teaser_wall_12_teaser_layout .grid { -ms-grid-columns: (16.66667%)[6]; grid-template-columns: repeat(6, 16.66667%); -ms-grid-rows: -webkit-min-content 1fr; -ms-grid-rows: min-content 1fr; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--1-1 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 2; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--1-2 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--1-3 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 4; -ms-grid-column-span: 3; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--1-4 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 5; -ms-grid-column-span: 4; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--1-5 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 6; -ms-grid-column-span: 5; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--1-6 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 7; -ms-grid-column-span: 6; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--2-2 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 3; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--2-3 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 4; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--2-4 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 5; -ms-grid-column-span: 3; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--2-5 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 6; -ms-grid-column-span: 4; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--2-6 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 7; -ms-grid-column-span: 5; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--3-3 { -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 4; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--3-4 { -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 5; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--3-5 { -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 6; -ms-grid-column-span: 3; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--3-6 { -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 7; -ms-grid-column-span: 4; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--4-4 { -ms-grid-column: 4; grid-column-start: 4; grid-column-end: 5; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--4-5 { -ms-grid-column: 4; grid-column-start: 4; grid-column-end: 6; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--4-6 { -ms-grid-column: 4; grid-column-start: 4; grid-column-end: 7; -ms-grid-column-span: 3; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--5-5 { -ms-grid-column: 5; grid-column-start: 5; grid-column-end: 6; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--5-6 { -ms-grid-column: 5; grid-column-start: 5; grid-column-end: 7; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__x--6-6 { -ms-grid-column: 6; grid-column-start: 6; grid-column-end: 7; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-1 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 2; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-1 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-2 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 3; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-2 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-3 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 4; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-3 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-4 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 5; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-4 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-5 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 6; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-5 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-6 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 7; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-6 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-7 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 8; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-7 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-8 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 9; -ms-grid-row-span: 8; max-height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-8 .teaser__image img { height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-9 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 10; -ms-grid-row-span: 9; max-height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--1-9 .teaser__image img { height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-2 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 3; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-2 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-3 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 4; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-3 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-4 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 5; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-4 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-5 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 6; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-5 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-6 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 7; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-6 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-7 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 8; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-7 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-8 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 9; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-8 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-9 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 10; -ms-grid-row-span: 8; max-height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--2-9 .teaser__image img { height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-3 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 4; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-3 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-4 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 5; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-4 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-5 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 6; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-5 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-6 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 7; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-6 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-7 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 8; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-7 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-8 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 9; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-8 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-9 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 10; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--3-9 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-4 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 5; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-4 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-5 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 6; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-5 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-6 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 7; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-6 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-7 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 8; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-7 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-8 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 9; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-8 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-9 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 10; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--4-9 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-5 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 6; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-5 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-6 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 7; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-6 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-7 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 8; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-7 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-8 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 9; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-8 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-9 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 10; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--5-9 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--6-6 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 7; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--6-6 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--6-7 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 8; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--6-7 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--6-8 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 9; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--6-8 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--6-9 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 10; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--6-9 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--7-7 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 8; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--7-7 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--7-8 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 9; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--7-8 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--7-9 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 10; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--7-9 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--8-8 { -ms-grid-row: 8; grid-row-start: 8; grid-row-end: 9; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--8-8 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--8-9 { -ms-grid-row: 8; grid-row-start: 8; grid-row-end: 10; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--8-9 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--9-9 { -ms-grid-row: 9; grid-row-start: 9; grid-row-end: 10; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__tablet__y--9-9 .teaser__image img { height: 200px; } } @media screen and (max-width: 767px) { .layout--teaser_wall_12_teaser_layout .grid { -ms-grid-columns: (50%)[2]; grid-template-columns: repeat(2, 50%); -ms-grid-rows: -webkit-min-content 1fr; -ms-grid-rows: min-content 1fr; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__x--1-1 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 2; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__x--1-2 { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; -ms-grid-column-span: 2; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__x--2-2 { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 3; -ms-grid-column-span: 1; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-1 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 2; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-1 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-2 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 3; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-2 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-3 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 4; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-3 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-4 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 5; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-4 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-5 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 6; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-5 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-6 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 7; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-6 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-7 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 8; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-7 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-8 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 9; -ms-grid-row-span: 8; max-height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-8 .teaser__image img { height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-9 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 10; -ms-grid-row-span: 9; max-height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-9 .teaser__image img { height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-10 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 11; -ms-grid-row-span: 10; max-height: 2000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-10 .teaser__image img { height: 2000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-11 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 12; -ms-grid-row-span: 11; max-height: 2200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-11 .teaser__image img { height: 2200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-12 { -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 13; -ms-grid-row-span: 12; max-height: 2400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--1-12 .teaser__image img { height: 2400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-2 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 3; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-2 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-3 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 4; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-3 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-4 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 5; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-4 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-5 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 6; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-5 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-6 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 7; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-6 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-7 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 8; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-7 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-8 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 9; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-8 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-9 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 10; -ms-grid-row-span: 8; max-height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-9 .teaser__image img { height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-10 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 11; -ms-grid-row-span: 9; max-height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-10 .teaser__image img { height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-11 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 12; -ms-grid-row-span: 10; max-height: 2000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-11 .teaser__image img { height: 2000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-12 { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 13; -ms-grid-row-span: 11; max-height: 2200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--2-12 .teaser__image img { height: 2200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-3 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 4; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-3 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-4 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 5; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-4 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-5 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 6; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-5 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-6 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 7; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-6 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-7 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 8; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-7 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-8 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 9; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-8 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-9 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 10; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-9 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-10 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 11; -ms-grid-row-span: 8; max-height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-10 .teaser__image img { height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-11 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 12; -ms-grid-row-span: 9; max-height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-11 .teaser__image img { height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-12 { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 13; -ms-grid-row-span: 10; max-height: 2000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--3-12 .teaser__image img { height: 2000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-4 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 5; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-4 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-5 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 6; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-5 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-6 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 7; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-6 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-7 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 8; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-7 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-8 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 9; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-8 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-9 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 10; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-9 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-10 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 11; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-10 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-11 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 12; -ms-grid-row-span: 8; max-height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-11 .teaser__image img { height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-12 { -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 13; -ms-grid-row-span: 9; max-height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--4-12 .teaser__image img { height: 1800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-5 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 6; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-5 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-6 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 7; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-6 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-7 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 8; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-7 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-8 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 9; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-8 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-9 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 10; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-9 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-10 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 11; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-10 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-11 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 12; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-11 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-12 { -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 13; -ms-grid-row-span: 8; max-height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--5-12 .teaser__image img { height: 1600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-6 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 7; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-6 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-7 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 8; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-7 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-8 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 9; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-8 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-9 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 10; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-9 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-10 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 11; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-10 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-11 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 12; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-11 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-12 { -ms-grid-row: 6; grid-row-start: 6; grid-row-end: 13; -ms-grid-row-span: 7; max-height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--6-12 .teaser__image img { height: 1400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-7 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 8; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-7 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-8 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 9; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-8 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-9 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 10; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-9 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-10 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 11; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-10 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-11 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 12; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-11 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-12 { -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 13; -ms-grid-row-span: 6; max-height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--7-12 .teaser__image img { height: 1200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-8 { -ms-grid-row: 8; grid-row-start: 8; grid-row-end: 9; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-8 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-9 { -ms-grid-row: 8; grid-row-start: 8; grid-row-end: 10; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-9 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-10 { -ms-grid-row: 8; grid-row-start: 8; grid-row-end: 11; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-10 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-11 { -ms-grid-row: 8; grid-row-start: 8; grid-row-end: 12; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-11 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-12 { -ms-grid-row: 8; grid-row-start: 8; grid-row-end: 13; -ms-grid-row-span: 5; max-height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--8-12 .teaser__image img { height: 1000px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--9-9 { -ms-grid-row: 9; grid-row-start: 9; grid-row-end: 10; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--9-9 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--9-10 { -ms-grid-row: 9; grid-row-start: 9; grid-row-end: 11; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--9-10 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--9-11 { -ms-grid-row: 9; grid-row-start: 9; grid-row-end: 12; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--9-11 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--9-12 { -ms-grid-row: 9; grid-row-start: 9; grid-row-end: 13; -ms-grid-row-span: 4; max-height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--9-12 .teaser__image img { height: 800px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--10-10 { -ms-grid-row: 10; grid-row-start: 10; grid-row-end: 11; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--10-10 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--10-11 { -ms-grid-row: 10; grid-row-start: 10; grid-row-end: 12; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--10-11 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--10-12 { -ms-grid-row: 10; grid-row-start: 10; grid-row-end: 13; -ms-grid-row-span: 3; max-height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--10-12 .teaser__image img { height: 600px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--11-11 { -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 12; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--11-11 .teaser__image img { height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--11-12 { -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 13; -ms-grid-row-span: 2; max-height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--11-12 .teaser__image img { height: 400px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--12-12 { -ms-grid-row: 12; grid-row-start: 12; grid-row-end: 13; -ms-grid-row-span: 1; max-height: 200px; } .layout--teaser_wall_12_teaser_layout .grid .grid__phone__y--12-12 .teaser__image img { height: 200px; } } .cookie-banner { top: 0; background: rgba(0, 0, 0, 0.6); } .cookie-banner .container, .cookie-banner .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .cookie-banner .fullwidth-wrapper, .cookie-banner .stage .fullwidth-wrapper, .stage .cookie-banner .fullwidth-wrapper, .cookie-banner .cover-element .content, .cover-element .cookie-banner .content { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 70%; padding: 15px 25px; background: #eee; } @media screen and (max-width: 767px) { .cookie-banner .container, .cookie-banner .auw-ce__full-width .fullwidth-wrapper, .auw-ce__full-width .cookie-banner .fullwidth-wrapper, .cookie-banner .stage .fullwidth-wrapper, .stage .cookie-banner .fullwidth-wrapper, .cookie-banner .cover-element .content, .cover-element .cookie-banner .content { max-width: 90%; padding: 10px 15px; } } .cookie-banner .container .cookie-banner__radio, .cookie-banner .auw-ce__full-width .fullwidth-wrapper .cookie-banner__radio, .auw-ce__full-width .cookie-banner .fullwidth-wrapper .cookie-banner__radio, .cookie-banner .stage .fullwidth-wrapper .cookie-banner__radio, .stage .cookie-banner .fullwidth-wrapper .cookie-banner__radio, .cookie-banner .cover-element .content .cookie-banner__radio, .cover-element .cookie-banner .content .cookie-banner__radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 18px; } @media screen and (max-width: 1199px) { .cookie-banner .container .cookie-banner__radio, .cookie-banner .auw-ce__full-width .fullwidth-wrapper .cookie-banner__radio, .auw-ce__full-width .cookie-banner .fullwidth-wrapper .cookie-banner__radio, .cookie-banner .stage .fullwidth-wrapper .cookie-banner__radio, .stage .cookie-banner .fullwidth-wrapper .cookie-banner__radio, .cookie-banner .cover-element .content .cookie-banner__radio, .cover-element .cookie-banner .content .cookie-banner__radio { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } } .cookie-banner .cookie-banner__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1199px) { .cookie-banner .cookie-banner__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cookie-banner .btn-secondary { border: 1px solid #6e9ab4; -webkit-box-shadow: none; box-shadow: none; font-weight: 400; background-color: transparent; color: #6e9ab4; } @media screen and (max-width: 1199px) { .cookie-banner .btn-secondary { margin-bottom: 10px; } } .cookie-banner .btn-primary { padding: 12px 15px; } .cookie-banner .cookie-banner__option-container { padding: 10px 15px; border: 1px solid #dadada; margin-top: 8px; } .cookie-banner .cookie-banner__impressum { position: relative; } .cookie-banner .radio { margin-top: 0; padding: 8px 15px; } @media screen and (max-width: 1199px) and (min-width: 580px) { .cookie-banner .radio { margin-bottom: 10px; } } .cookie-banner strong { font-weight: bold; } .footer { padding: 20px 0; border-top: 6px solid #709BB3; } .footer .menu-contentelement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .footer .menu-contentelement ul { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } @media screen and (max-width: 767px) { .footer .menu-contentelement { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer .menu-contentelement ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; } .footer .menu-contentelement ul li { margin-bottom: 5px; } } .footer ul li { list-style: none; font-weight: 600; color: #5aa5c0; } .footer ul li:not(:last-child) { margin-right: 15px; } .footer .footer__navigation { margin-bottom: 15px; } .footer .footer__navigation ul { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; } .footer .footer__bottom p { font-size: 16px; margin-top: 0; color: #023e62; } .footer .footer__bottom > .row { width: 100%; } .footer h4 { font-size: 22px; color: #5aa5c0; text-transform: none; } .footer i.fab { font-size: 24px; } .footer .orange a[href*="#top"] { color: #e95509 !important; font-size: 14px; font-weight: 600; } .footer .orange a[href*="#top"]:after { position: relative; display: inline-block; content: "\F077"; margin-left: .4em; font-family: "Font Awesome 5 Pro"; top: 0; } .footer-logo-img img { max-width: 230px; } @media (max-width: 768px) { .footer-logo-img img { max-width: 210px; } } footer .menu-contentelement.vertical ul li:before { content: unset; } .header .header__logo { display: block; } .header .header__logo img { width: 100%; } .mobile-header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile-header__logo .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .stage-under-menu .header, .header { margin-top: 5px; } html:not([data-ie='false']) .mobile-header__logo img:not([src*=".svg"]) { width: auto; } .meta-navigation { margin-top: 10px; } .meta-navigation__nav .meta-navigation__nav--lang li a { text-transform: uppercase; } .meta-navigation__nav .meta-navigation__nav--lang li.active { display: none; } .auw-multielement__layout-ohb-subsidiary-teaser { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; border-radius: 6px; background-color: #f6f6f6; -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .auw-multielement__layout-ohb-subsidiary-teaser:hover { background-color: #e8e8e8; } .auw-multielement__layout-ohb-subsidiary-teaser a { padding: 1em; height: 100%; width: 100%; } .auw-multielement__layout-ohb-subsidiary-teaser img { height: auto; margin-bottom: 5px; } html:not([data-ie='false']) .auw-multielement__layout-ohb-subsidiary-teaser img:not([src*=".svg"]) { width: 230px; } .auw-multielement__sticky-btn { height: 50px; width: 80px; border-radius: 5px 0 0 5px; background-color: #E95509; position: fixed; right: 0; top: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 999999999; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .auw-multielement__sticky-btn:hover { background-color: #ec6f2e; } .auw-multielement__sticky-btn a { color: white; font-size: 24px; height: 100%; width: 100%; line-height: 48px; text-align: center; } .auw-multielement__sticky-btn a:hover { color: white; } @media screen and (max-width: 767px) { .auw-multielement__sticky-btn { top: unset; bottom: 20px; } } .footer .auw-multielement__sticky-btn a[href]:not(.tag):not(.search-result__tag):not(.search-result__tag):not(.btn) { color: #fff; } .auw-multielement__karriere_benefits { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .auw-multielement__karriere_benefits .h2 { color: #fff; margin-bottom: 30px; } .auw-multielement__karriere_benefits .benefits { text-align: center; height: 90px; } .auw-multielement__karriere_benefits .benefits img { height: 30px; } .auw-multielement__karriere_benefits .benefits-icon { font-size: 30px; color: white; } .auw-multielement__karriere_benefits .fa-stack { font-size: 30px; height: 1em; line-height: 1em; } .auw-multielement__karriere_benefits .fa-stack .fa-graduation-cap { font-size: 15px; left: 10px; bottom: 17px; } .auw-multielement__karriere_benefits .fa-stack .fa-flag { font-size: 23px; left: 17px; bottom: 7px; } .auw-multielement__karriere_benefits .benefits-icon-caption { color: white; font-size: 13px; line-height: 19px; text-transform: unset; margin-bottom: 15px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } html:not([data-ie='false']) .benefits img:not([src*=".svg"]) { width: 30px; } .auw-multielement__layout-ohb-banner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .auw-multielement__layout-ohb-banner { background: transparent !important; } } .auw-multielement__layout-ohb-banner .ohb-banner--content { padding-top: 80px; padding-bottom: 80px; } @media screen and (max-width: 767px) { .auw-multielement__layout-ohb-banner .ohb-banner--content { padding-top: 40px; padding-bottom: 40px; } } .auw-multielement__layout-ohb-banner .ohb-banner--content > * { width: 50%; } @media screen and (max-width: 991px) { .auw-multielement__layout-ohb-banner .ohb-banner--content > * { width: 80%; } } .auw-multielement__layout-ohb-banner .ohb-banner--content h2 { font-size: 32px; font-weight: 200; line-height: 42px; } @media screen and (max-width: 991px) { .auw-multielement__layout-ohb-banner .ohb-banner--content h2 { font-size: 21px; line-height: 28px; } } .auw-multielement__layout-ohb-banner .ohb-banner--content a { font-weight: inherit; } .auw-multielement__layout-ohb-banner .ohb-banner--content .btn-link { color: #84c5dd; } .auw-multielement__layout-ohb-banner .ohb-banner-link { position: absolute; height: 100%; width: 100%; z-index: 1; } .auw-multielement__video .video { width: 100%; } .cover-element { background-size: cover; background-position: center; color: white; position: relative; overflow: hidden; } .cover-element:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: -o-linear-gradient(top, transparent 55%, #202020); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), to(#202020)); background-image: linear-gradient(to bottom, transparent 55%, #202020); opacity: 0.7; } .cover-element h1, .cover-element .title { color: inherit; } .cover-element h1.title { margin-bottom: 20px; } @media (max-width: 576px) { .cover-element h1.title { font-size: 28px; font-size: 7.5vw; font-size: 7.75vmin; text-align: center; margin-bottom: 0; padding-top: 20px; } } .cover-element .content { position: relative; overflow: hidden; min-height: 600px; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 576px) { .cover-element .content { height: auto !important; min-height: 55vh; } } .cover-element .articles { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 45px; } @media (max-width: 576px) { .cover-element .articles { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); margin: 0 -15px; padding: 15px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); } .cover-element .articles > .article:first-child { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .cover-element .articles > .article:not(:first-child) { display: none; } } .cover-element .articles > .article { -ms-flex-preferred-size: 25%; flex-basis: 25%; padding-right: 20px; } @media (max-width: 576px) { .cover-element .articles > .article { font-size: 14px; margin-bottom: 15px; padding-right: 0; } } .cover-element .articles > .article a, .cover-element .articles > .article .tag, .cover-element .articles > .article .search-result__tag { color: inherit; margin-left: 0; } .cover-element .articles > .article a:hover, .cover-element .articles > .article .tag:hover, .cover-element .articles > .article .search-result__tag:hover { color: #5aa5c0; } .cover-element .articles > .article .title { font-family: "FFQTypeSquare", Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: 300; } .cover-element .articles > .article .title:after { position: relative; top: 1px; color: #318eb0; display: inline-block; content: "\F105"; margin-left: 0.4em; font-family: "Font Awesome 5 Pro"; font-size: 20px; } .cover-element .articles > .article .title:hover { color: #5aa5c0; } .cover-element .animation-image { position: absolute; bottom: 25vh; left: 25vw; -webkit-animation: orbit-x cubic-bezier(0.78, 0.53, 0.41, 0.95) infinite; animation: orbit-x cubic-bezier(0.78, 0.53, 0.41, 0.95) infinite; } .cover-element .animation-image > img { width: 18vw !important; -webkit-animation: orbit-station-y ease infinite; animation: orbit-station-y ease infinite; -webkit-filter: drop-shadow(1px 1px 2px #000); filter: drop-shadow(1px 1px 2px #000); } .cover-element .animation-image, .cover-element .animation-image > img { -webkit-animation-duration: 120s; animation-duration: 120s; } @media (max-width: 576px) { .cover-element .animation-image { bottom: 10%; left: 0; -webkit-animation-timing-function: cubic-bezier(0.67, 0.13, 0.53, 0.79); animation-timing-function: cubic-bezier(0.67, 0.13, 0.53, 0.79); } .cover-element .animation-image, .cover-element .animation-image > img { -webkit-animation-duration: 50s; animation-duration: 50s; } .cover-element .animation-image > img { width: 35vh !important; -webkit-animation-name: orbit-station-y__mobile; animation-name: orbit-station-y__mobile; } } @-webkit-keyframes "orbit-x" { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(100vw); transform: translateX(100vw); } } @keyframes "orbit-x" { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(100vw); transform: translateX(100vw); } } @-webkit-keyframes "orbit-station-y" { 0% { -webkit-transform: translateY(-30%); transform: translateY(-30%); } 40% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes "orbit-station-y" { 0% { -webkit-transform: translateY(-30%); transform: translateY(-30%); } 40% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes "orbit-station-y__mobile" { 0% { -webkit-transform: translateY(-30%); transform: translateY(-30%); } 50% { -webkit-transform: translateY(-20vh); transform: translateY(-20vh); } 90% { opacity: 1; } 100% { -webkit-transform: translateY(60%); transform: translateY(60%); opacity: 0; } } @keyframes "orbit-station-y__mobile" { 0% { -webkit-transform: translateY(-30%); transform: translateY(-30%); } 50% { -webkit-transform: translateY(-20vh); transform: translateY(-20vh); } 90% { opacity: 1; } 100% { -webkit-transform: translateY(60%); transform: translateY(60%); opacity: 0; } } .navigation__item .navigation__dropdown.third { position: absolute; left: -45%; right: 56%; margin-top: -28px; white-space: normal; white-space: initial; } .navigation__item .navigation__dropdown.third::before { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); top: 20px; right: 1px; left: unset; margin-left: 0; margin-right: -9px; } .searchbox .searchbox__icon { top: 0; } .searchbox .searchbox__icon i { font-size: 16px; margin-bottom: 2px; } .search .search-tabs { display: none; } .search .search-results { margin-top: 15px; } .search .search-results .search-result:first-of-type { border-top: 1px solid #71c4ee; } @media (max-width: 768px) { .search .search-results .search-result { padding-left: 0; padding-right: 0; } } .sitemap__list { padding: 15px; background-color: #eff9ff; } .sitemap__list ul { list-style: none; padding-left: 0; } .sitemap__list ul a { color: #318eb0; } .sitemap__list > ul > li { font-size: 16px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #d0e4eb; padding: 10px 0; } .sitemap__list > ul > li:first-child { padding: 0 0 10px; } .sitemap__list > ul > li > ul { letter-spacing: 0; text-transform: none; padding-left: 15px; padding-top: 5px; } .teaser--default .teaser__image img, .teaser--emphasize .teaser__image img { height: 320px; -o-object-fit: cover; object-fit: cover; } .teaser--default .teaser__tag, .teaser--emphasize .teaser__tag { color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .teaser--default:hover { opacity: unset; } .teaser__item--artikel .teaser--default .teaser__header { margin-bottom: 0; } .teaser__item--artikel .teaser--default .teaser__header:before { background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.5)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.5)); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 4px; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .teaser__item--artikel .teaser--default:hover .teaser__header:before { background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.6)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.6)); } .teaser__item--artikel .teaser--default .teaser__body { position: absolute; bottom: 0; height: 100%; width: 100%; padding: 15px 20px 15px; } .teaser__item--artikel .teaser--default .teaser__readMore, .teaser__item--artikel .teaser--default .teaser__description, .teaser__item--artikel .teaser--default .teaser__date { display: none; } .teaser__item--artikel .teaser--default .teaser__meta { margin-bottom: auto; } .teaser__item--artikel .teaser--default .teaser__title a { font-size: 18px; font-family: "FFQTypeSquare", Georgia, "Times New Roman", Times, serif; font-weight: 300; color: #fff; } .teaser__item--artikel .teaser--default .teaser__title a:hover { color: #5aa5c0; } .teaser--emphasize .teaser__body { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 20px 15px; } .teaser--emphasize .teaser__body .teaser__title { display: -webkit-box; display: -ms-flexbox; display: flex; } .teaser--emphasize .teaser__body .teaser__title a { font-family: "FFQTypeSquare", Georgia, "Times New Roman", Times, serif; margin-right: 5px; } .teaser--emphasize .teaser__body .teaser__readMore { display: none; } .teaser--emphasize .teaser__body:before { opacity: 0.5; } .teaser__item--news .teaser__header, .teaser__item--news .teaser__tagContainer { display: none; } .teaser__item--news .teaser__title { margin-bottom: 9px; } .teaser__item--news .teaser__title a { font-size: 17px; font-weight: 300; color: #999997; font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; } .teaser__item--news .teaser__description { display: none; } .teaser__item--news .teaser__body { padding-top: 10px; border-top: 1px solid #cfe4ea; } .teaser__item--news .teaser__readMore { font-weight: 600; } .teaser__item--news .teaser__readMore:after { content: "..."; top: 0; margin-left: 3px; } .teaser.news .teaser__date { color: #002F59; letter-spacing: 1px; } .teaser--emphasize .teaser__title:after, .teaser__item--artikel .teaser--default .teaser__title:after { position: relative; top: 1px; color: #318eb0; content: "\F105"; margin-left: 0.1em; font-family: "Font Awesome 5 Pro"; } .auw-multielement__layout-datum_dieser_seite { margin-bottom: 10px; } .auw-multielement__layout-datum_dieser_seite .teaser__date { color: #202020; font-size: 18px; } .teaser--tag { border-radius: 0; } .auw-tag-list .teaser__tag { font-size: 16px; margin: 0 23px 15px 0; } .teaser__list .teaser__item.teaser__item--news:not(:first-of-type) { margin-top: 0; } .slider .slider__arrow { color: #fff; padding: 16px; font-size: 36px; } .tag, .search-result__tag, .search-result__tag { border-bottom: 2px solid #318eb0; letter-spacing: 1px; line-height: 1; } .teaser__title, .teaser__title a::after { z-index: 1; } h2, .h2 { text-transform: uppercase; } h4, .h4 { font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; word-wrap: break-word; line-height: 24px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 9px; } .h5, .teaser.news .teaser__title, h5 { font-family: "FFDIN", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999997; margin-bottom: 9px; line-height: 1.25; word-wrap: break-word; font-size: 18px; } p a { font-weight: 600; } .quarder-title { color: #318eb0; font-family: "FFQTypeSquare", Georgia, "Times New Roman", Times, serif; font-weight: 300; word-wrap: break-word; line-height: 30px; font-size: 21px; text-transform: uppercase; margin-bottom: 9px; } .p--intro:before, .quarder-title:before { content: ""; display: block; border-top: 5px solid #e95509; width: 50px; height: 5px; margin-bottom: 10px; } .btn-link { text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 1px; padding: 0; color: #318eb0; } .btn-link:after { position: relative; display: inline-block; content: "\F054"; margin-left: .4em; font-family: "Font Awesome 5 Pro"; top: 0; } .cta-text { color: #e95509; font-size: 28px; font-family: "FFQTypeSquare", Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin-bottom: 0 !important; } .text-muted { color: #a6a6a6 !important; } blockquote:before { background-repeat: no-repeat; } .blockquote-author { font-family: "FFQTypeSquare", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: 300; color: #023e62; margin-left: 25px; } b, strong { font-weight: 700; } .breadcrumb__item.is-active { font-weight: 400; } .breadcrumb .breadcrumb__item a { color: #023e62; } @media screen and (max-width: 991px) { .pagination.ajax-pager { overflow: scroll; } } .pagination.ajax-pager li.pagination__item { min-width: 28px; } #chartLarge.eqs-chart iframe { width: 100%; } /*# sourceMappingURL=auw.bundle.css.map*/