/* ------------------------------ ## font faces Clickdummy Pfad: .. GSB Pfad: /static ------------------------------ */ /* ============================== # foundation-customizer-theme-KN ============================== */ /* ------------------------------ ## Definition der unterschiedlichen Seitentypen ------------------------------ */ /* ------------------------------ ## Definition der unterschiedlichen Module ------------------------------ */ /* ------------------------------ # Color Mapping Die oberste Map verwendet als Key die color-keys und als Value nested Maps fuer die default und die hover Werte. Jede dieser nested Maps bekommt als Key die CSS color Property und die zu verwendenen Farbe. ------------------------------ */ /* ------------------------------ ### Map der einzelnen Hintergruende. Hier werden als Value Objekte wieder Maps gespeichert, die als Key den Modulnamen haben und als Value eine Liste der Seitentypen, auf denen diese auftreten ------------------------------ */ /*! ============================== # CSS-File: 01 - Foundation ============================== */ /** * Foundation for Sites by ZURB * Version 6.2.4 * foundation.zurb.com * Licensed under MIT Open Source */ @font-face{ font-family:"Kohinoor-light"; src:url("/static/fonts/Kohinoor/KohinoorKBS-Light.eot"); src:url("/static/fonts/Kohinoor/KohinoorKBS-Light.eot?#iefix") format("eot"),url("/static/fonts/Kohinoor/KohinoorKBS-Light.woff2") format("woff2"),url("/static/fonts/Kohinoor/KohinoorKBS-Light.woff") format("woff"),url("/static/fonts/Kohinoor/KohinoorKBS-Light.ttf") format("truetype"),url("/static/fonts/Kohinoor/KohinoorKBS-Light.svg#KohinoorKBS-Light") format("svg"); font-display:swap; } @font-face{ font-family:"Kohinoor-regular"; src:url("/static/fonts/Kohinoor/KohinoorKBS-Regular.eot"); src:url("/static/fonts/Kohinoor/KohinoorKBS-Regular.eot?#iefix") format("eot"), url("/static/fonts/Kohinoor/KohinoorKBS-Regular.woff2") format("woff2"), url("/static/fonts/Kohinoor/KohinoorKBS-Regular.woff") format("woff"), url("/static/fonts/Kohinoor/KohinoorKBS-Regular.ttf") format("truetype"), url("/static/fonts/Kohinoor/KohinoorKBS-Regular.svg#KohinoorKBS-Regular") format("svg"); font-display:swap; } @font-face { font-family:"Kohinoor-medium"; src:url("/static/fonts/Kohinoor/KohinoorKBS-Medium.eot"); src:url("/static/fonts/Kohinoor/KohinoorKBS-Medium.eot?#iefix") format("eot"), url("/static/fonts/Kohinoor/KohinoorKBS-Medium.woff2") format("woff2"), url("/static/fonts/Kohinoor/KohinoorKBS-Medium.woff") format("woff"), url("/static/fonts/Kohinoor/KohinoorKBS-Medium.ttf") format("truetype"), url("/static/fonts/Kohinoor/KohinoorKBS-Medium.svg#KohinoorKBS-Medium") format("svg"); font-display:swap; } @font-face { font-family:"Kohinoor-bold"; src:url("/static/fonts/Kohinoor/KohinoorKBS-Bold.eot?#iefix"); src:url("/static/fonts/Kohinoor/KohinoorKBS-Bold.eot?#iefix") format("eot"),url("/static/fonts/Kohinoor/KohinoorKBS-Bold.woff2") format("woff2"),url("/static/fonts/Kohinoor/KohinoorKBS-Bold.woff") format("woff"),url("/static/fonts/Kohinoor/KohinoorKBS-Bold.ttf") format("truetype"),url("/static/fonts/Kohinoor/KohinoorKBS-Bold.svg#KohinoorKBS-Bold") format("svg"); font-display:swap; } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(100%); transform: translateY(100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(100%); transform: translateX(100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(0); transform: translateY(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(0); transform: translateX(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(0); transform: translateY(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(0); transform: translateX(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); -ms-transform-origin: top; transform-origin: top; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); -ms-transform-origin: right; transform-origin: right; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); -ms-transform-origin: bottom; transform-origin: bottom; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); -ms-transform-origin: left; transform-origin: left; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: top; transform-origin: top; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: right; transform-origin: right; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: bottom; transform-origin: bottom; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: left; transform-origin: left; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(0.5); transform: scale(0.5); transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1.5); transform: scale(1.5); transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1); transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1); transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0); transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0); transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } } .spin-cw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); } 100% { transform: rotate(0); } } .spin-ccw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(0); } 100% { transform: rotate(1turn); } } .wiggle { animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); } 35%, 45%, 55%, 65% { transform: rotate(-7deg); } 0%, 30%, 70%, 100% { transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; } .infinite { animation-iteration-count: infinite; } .slow { animation-duration: 750ms !important; } .fast { animation-duration: 250ms !important; } .linear { animation-timing-function: linear !important; } .ease { animation-timing-function: ease !important; } .ease-in { animation-timing-function: ease-in !important; } .ease-out { animation-timing-function: ease-out !important; } .ease-in-out { animation-timing-function: ease-in-out !important; } .bounce-in { animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { animation-delay: 300ms !important; } .long-delay { animation-delay: 700ms !important; } /* ------------------------------ ## foundation definitions ------------------------------ */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: large; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ aside[name=with-script-navMeta]{ display: none; } .content-padding-top{ padding-top: 120px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover, a:focus, a:visited { outline: none; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: not-allowed; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. * [NOTE] We don't enable this ruleset in Foundation, because we want the
element to have plain styling. */ /* fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .foundation-mq { font-family: "small=0em&medium=31em&large=48em&xlarge=64em&xxlarge=90em"; } html { font-size: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "Kohinoor-medium", Kohinoor-regular, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #2a363b; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { width: 100%; border-radius: 0; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 90rem; margin-left: auto; margin-right: auto; } .row::before, .row::after { content: ' '; display: table; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row .row { margin-left: -0.625rem; margin-right: -0.625rem; } @media screen and (min-width: 31em) { .row .row { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .row .row.collapse { margin-left: 0; margin-right: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-left: auto; margin-right: auto; } .column, .columns { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .small-1 { width: 8.33333%; } .small-push-1 { position: relative; left: 8.33333%; } .small-pull-1 { position: relative; left: -8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.66667%; } .small-push-2 { position: relative; left: 16.66667%; } .small-pull-2 { position: relative; left: -16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { width: 33.33333%; } .small-push-4 { position: relative; left: 33.33333%; } .small-pull-4 { position: relative; left: -33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.66667%; } .small-push-5 { position: relative; left: 41.66667%; } .small-pull-5 { position: relative; left: -41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { width: 58.33333%; } .small-push-7 { position: relative; left: 58.33333%; } .small-pull-7 { position: relative; left: -58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.66667%; } .small-push-8 { position: relative; left: 66.66667%; } .small-pull-8 { position: relative; left: -66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { width: 83.33333%; } .small-push-10 { position: relative; left: 83.33333%; } .small-pull-10 { position: relative; left: -83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.66667%; } .small-push-11 { position: relative; left: 91.66667%; } .small-pull-11 { position: relative; left: -91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { width: 100%; float: left; } @media screen and (min-width: 48em) { .small-up-2 > .column, .small-up-2 > .columns { width: 50%; } } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { width: 33.33333%; float: left; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { width: 16.66667%; float: left; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { width: 14.28571%; float: left; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; } .small-collapse .row { margin-left: 0; margin-right: 0; } .expanded.row .small-collapse.row { margin-left: 0; margin-right: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; } .small-centered { margin-left: auto; margin-right: auto; } .small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } @media screen and (min-width: 31em) { .medium-1 { width: 8.33333%; } .medium-push-1 { position: relative; left: 8.33333%; } .medium-pull-1 { position: relative; left: -8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } .medium-push-2 { position: relative; left: 16.66667%; } .medium-pull-2 { position: relative; left: -16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { width: 33.33333%; } .medium-push-4 { position: relative; left: 33.33333%; } .medium-pull-4 { position: relative; left: -33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.66667%; } .medium-push-5 { position: relative; left: 41.66667%; } .medium-pull-5 { position: relative; left: -41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { width: 58.33333%; } .medium-push-7 { position: relative; left: 58.33333%; } .medium-pull-7 { position: relative; left: -58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.66667%; } .medium-push-8 { position: relative; left: 66.66667%; } .medium-pull-8 { position: relative; left: -66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { width: 83.33333%; } .medium-push-10 { position: relative; left: 83.33333%; } .medium-pull-10 { position: relative; left: -83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.66667%; } .medium-push-11 { position: relative; left: 91.66667%; } .medium-pull-11 { position: relative; left: -91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { width: 33.33333%; float: left; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { width: 16.66667%; float: left; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { width: 14.28571%; float: left; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .medium-collapse .row { margin-left: 0; margin-right: 0; } .expanded.row .medium-collapse.row { margin-left: 0; margin-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .medium-centered { margin-left: auto; margin-right: auto; } .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } @media screen and (min-width: 48em) { .large-1 { width: 8.33333%; } .large-push-1 { position: relative; left: 8.33333%; } .large-pull-1 { position: relative; left: -8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } .large-push-2 { position: relative; left: 16.66667%; } .large-pull-2 { position: relative; left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { width: 33.33333%; } .large-push-4 { position: relative; left: 33.33333%; } .large-pull-4 { position: relative; left: -33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.66667%; } .large-push-5 { position: relative; left: 41.66667%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { width: 58.33333%; } .large-push-7 { position: relative; left: 58.33333%; } .large-pull-7 { position: relative; left: -58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.66667%; } .large-push-8 { position: relative; left: 66.66667%; } .large-pull-8 { position: relative; left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { width: 33.33333%; float: left; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { width: 16.66667%; float: left; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { width: 14.28571%; float: left; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .large-collapse .row { margin-left: 0; margin-right: 0; } .expanded.row .large-collapse.row { margin-left: 0; margin-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .large-centered { margin-left: auto; margin-right: auto; } .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } @media screen and (min-width: 64em) { .xlarge-1 { width: 8.33333%; } .xlarge-push-1 { position: relative; left: 8.33333%; } .xlarge-pull-1 { position: relative; left: -8.33333%; } .xlarge-offset-0 { margin-left: 0%; } .xlarge-2 { width: 16.66667%; } .xlarge-push-2 { position: relative; left: 16.66667%; } .xlarge-pull-2 { position: relative; left: -16.66667%; } .xlarge-offset-1 { margin-left: 8.33333%; } .xlarge-3 { width: 25%; } .xlarge-push-3 { position: relative; left: 25%; } .xlarge-pull-3 { position: relative; left: -25%; } .xlarge-offset-2 { margin-left: 16.66667%; } .xlarge-4 { width: 33.33333%; } .xlarge-push-4 { position: relative; left: 33.33333%; } .xlarge-pull-4 { position: relative; left: -33.33333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { width: 41.66667%; } .xlarge-push-5 { position: relative; left: 41.66667%; } .xlarge-pull-5 { position: relative; left: -41.66667%; } .xlarge-offset-4 { margin-left: 33.33333%; } .xlarge-6 { width: 50%; } .xlarge-push-6 { position: relative; left: 50%; } .xlarge-pull-6 { position: relative; left: -50%; } .xlarge-offset-5 { margin-left: 41.66667%; } .xlarge-7 { width: 58.33333%; } .xlarge-push-7 { position: relative; left: 58.33333%; } .xlarge-pull-7 { position: relative; left: -58.33333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { width: 66.66667%; } .xlarge-push-8 { position: relative; left: 66.66667%; } .xlarge-pull-8 { position: relative; left: -66.66667%; } .xlarge-offset-7 { margin-left: 58.33333%; } .xlarge-9 { width: 75%; } .xlarge-push-9 { position: relative; left: 75%; } .xlarge-pull-9 { position: relative; left: -75%; } .xlarge-offset-8 { margin-left: 66.66667%; } .xlarge-10 { width: 83.33333%; } .xlarge-push-10 { position: relative; left: 83.33333%; } .xlarge-pull-10 { position: relative; left: -83.33333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { width: 91.66667%; } .xlarge-push-11 { position: relative; left: 91.66667%; } .xlarge-pull-11 { position: relative; left: -91.66667%; } .xlarge-offset-10 { margin-left: 83.33333%; } .xlarge-12 { width: 100%; } .xlarge-offset-11 { margin-left: 91.66667%; } .xlarge-up-1 > .column, .xlarge-up-1 > .columns { width: 100%; float: left; } .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child { float: left; } .xlarge-up-2 > .column, .xlarge-up-2 > .columns { width: 50%; float: left; } .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child { float: left; } .xlarge-up-3 > .column, .xlarge-up-3 > .columns { width: 33.33333%; float: left; } .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child { float: left; } .xlarge-up-4 > .column, .xlarge-up-4 > .columns { width: 25%; float: left; } .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child { float: left; } .xlarge-up-5 > .column, .xlarge-up-5 > .columns { width: 20%; float: left; } .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child { float: left; } .xlarge-up-6 > .column, .xlarge-up-6 > .columns { width: 16.66667%; float: left; } .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child { float: left; } .xlarge-up-7 > .column, .xlarge-up-7 > .columns { width: 14.28571%; float: left; } .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child { float: left; } .xlarge-up-8 > .column, .xlarge-up-8 > .columns { width: 12.5%; float: left; } .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child { float: left; } .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-left: 0; padding-right: 0; } .xlarge-collapse .row { margin-left: 0; margin-right: 0; } .expanded.row .xlarge-collapse.row { margin-left: 0; margin-right: 0; } .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .xlarge-centered { margin-left: auto; margin-right: auto; } .xlarge-centered, .xlarge-centered:last-child:not(:first-child) { float: none; clear: both; } .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } div, dl, dt, dd, ul, ol, li, h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, h2, .h2, .font-h2-style, h3, .h3, .legend, legend, .font-h3-style, h4, .h4, .font-h4-style, h5, .h5, .font-h5-style, h6, .h6, .font-h6-style, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, h2, .h2, .font-h2-style, h3, .h3, .legend, legend, .font-h3-style, h4, .h4, .font-h4-style, h5, .h5, .font-h5-style, h6, .h6, .font-h6-style { font-family: "Kohinoor-light"; font-weight: normal; font-style: normal; color: #000000; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.9375rem; line-height: 110%; } h1 small, .h1 small, .font-h1-style small, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main small, h2 small, .h2 small, .font-h2-style small, h3 small, .h3 small, .legend small, legend small, .font-h3-style small, h4 small, .h4 small, .font-h4-style small, h5 small, .h5 small, .font-h5-style small, h6 small, .h6 small, .font-h6-style small { color: #eeeeee; line-height: 0; } h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main { font-size: 1.5rem; } h2, .h2, .font-h2-style { font-size: 1.5rem; } h3, .h3, .legend, legend, .font-h3-style { font-size: 1.125rem; } h4, .h4, .font-h4-style { font-size: 1.0625rem; } h5, .h5, .font-h5-style { font-size: 1rem; } h6, .h6, .font-h6-style { font-size: 1rem; } @media screen and (min-width: 31em) { h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main { font-size: 2.375rem; } h2, .h2, .font-h2-style { font-size: 2rem; } h3, .h3, .legend, legend, .font-h3-style { font-size: 1.5rem; } h4, .h4, .font-h4-style { font-size: 1.125rem; } h5, .h5, .font-h5-style { font-size: 1rem; } h6, .h6, .font-h6-style { font-size: 1rem; } } @media screen and (min-width: 48em) { h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main { font-size: 2.1875rem; } h2, .h2, .font-h2-style { font-size: 2.1875rem; } h3, .h3, .legend, legend, .font-h3-style { font-size: 1.875rem; } h4, .h4, .font-h4-style { font-size: 1.375rem; } h5, .h5, .font-h5-style { font-size: 1.25rem; } h6, .h6, .font-h6-style { font-size: 1.125rem; } } @media screen and (min-width: 64em) { h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main { font-size: 3rem; } h2, .h2, .font-h2-style { font-size: 2.625rem; } h3, .h3, .legend, legend, .font-h3-style { font-size: 1.5rem; } h4, .h4, .font-h4-style { font-size: 1.125rem; } h5, .h5, .font-h5-style { font-size: 1rem; } h6, .h6, .font-h6-style { font-size: 1rem; } } a { color: #000000; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover, a:focus { color: #AE130F; } a img { border: 0; } hr { max-width: 90rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #2a363b; border-left: 0; margin: 1.25rem auto; clear: both; } ul, ol, dl { font-family: "Kohinoor-light"; line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; } li { font-size: inherit; } ul { list-style-type: disc; margin-left: 1.25rem; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #eeeeee; } blockquote, blockquote p { line-height: 1.6; color: #2a363b; } .source, cite { font-size: 15px; } cite:before { content: ' '; } abbr { color: #2a363b; cursor: help; border-bottom: 1px dotted #000000; } code { font-family: Kohinoor-regular, "Liberation Mono", Courier, monospace; font-weight: normal; color: #000000; background-color: #fafafa; border: 1px solid #eeeeee; padding: 0.125rem 0.3125rem 0.0625rem; } kbd { padding: 0.125rem 0.25rem 0; margin: 0; background-color: #fafafa; color: #000000; font-family: Kohinoor-regular, "Liberation Mono", Courier, monospace; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #2a363b; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media screen and (min-width: 31em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media screen and (min-width: 48em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } @media screen and (min-width: 64em) { .xlarge-text-left { text-align: left; } .xlarge-text-right { text-align: right; } .xlarge-text-center { text-align: center; } .xlarge-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after {} .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #2a363b; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, .h2, .font-h2-style, h3, .h3, .legend, legend, .font-h3-style { orphans: 3; widows: 3; } h2, .h2, .font-h2-style, h3, .h3, .legend, legend, .font-h3-style { page-break-after: avoid; } } .button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: transparent; color: #000000; } [data-whatinput='mouse'] .button { outline: 0; } .button:hover, .button:focus { background-color: #dd0b14; color: #000000; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .button.primary { background-color: #AE130F; color: #000000; } .button.primary:hover, .button.primary:focus { background-color: #9f1612; color: #000000; } .button.secondary { background-color: #dd0b14; color: #000000; } .button.secondary:hover, .button.secondary:focus { background-color: #bb0f12; color: #000000; } .button.third { background-color: #f0f3f5; color: #ffffff; } .button.third:hover, .button.third:focus { background-color: #b6c4ce; color: #ffffff; } .button.success { background-color: #3adb76; color: #000000; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #000000; } .button.warning { background-color: #ffae00; color: #000000; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #000000; } .button.alert { background-color: #ec5840; color: #000000; } .button.alert:hover, .button.alert:focus { background-color: #da3116; color: #000000; } .button.hollow { border: 1px solid #AE130F; color: #AE130F; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #640e0c; color: #640e0c; } .button.hollow.primary { border: 1px solid #AE130F; color: #AE130F; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #640e0c; color: #640e0c; } .button.hollow.secondary { border: 1px solid #dd0b14; color: #dd0b14; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #750a0c; color: #750a0c; } .button.hollow.third { border: 1px solid #f0f3f5; color: #f0f3f5; } .button.hollow.third:hover, .button.hollow.third:focus { border-color: #617e92; color: #617e92; } .button.hollow.success { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.alert { border: 1px solid #ec5840; color: #ec5840; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #881f0e; color: #881f0e; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #AE130F; color: #000000; } .button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; } .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #AE130F; color: #000000; } .button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; } .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #dd0b14; color: #000000; } .button.disabled.third, .button[disabled].third { opacity: 0.25; cursor: not-allowed; } .button.disabled.third:hover, .button.disabled.third:focus, .button[disabled].third:hover, .button[disabled].third:focus { background-color: #f0f3f5; color: #000000; } .button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; } .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #3adb76; color: #000000; } .button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; } .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #000000; } .button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; } .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #ec5840; color: #000000; } .button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset 0.4em; border-color: #ffffff transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: 0.4em; float: right; margin-left: 1em; display: inline-block; } .button.arrow-only::after { margin-left: 0; float: none; top: -0.1em; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 3.6875rem; padding: 0.75rem; border: 1px solid #eeeeee; margin: 0 0 1.5rem; font-family: inherit; font-size: 1.5rem; color: #000000; background-color: #ffffff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 0; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border: 1px solid #2a363b; background-color: #ffffff; outline: none; box-shadow: 0 0 5px #eeeeee; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #eeeeee; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #eeeeee; } input::placeholder, textarea::placeholder { color: #eeeeee; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #fafafa; cursor: default; } [type='submit'], [type='button'] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } input[type='search'] { box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1.5rem; } [type='checkbox'] + label, [type='checkbox'] + .form-group-caption, [type='checkbox'] + .form-element-caption, [type='radio'] + label, [type='radio'] + .form-group-caption, [type='radio'] + .form-element-caption { display: inline-block; margin-left: 0.75rem; margin-right: 1.5rem; margin-bottom: 0; vertical-align: baseline; } [type='checkbox'] + label[for], [type='checkbox'] + [for].form-group-caption, [type='checkbox'] + [for].form-element-caption, [type='radio'] + label[for], [type='radio'] + [for].form-group-caption, [type='radio'] + [for].form-element-caption { cursor: pointer; } label > [type='checkbox'], .form-group-caption > [type='checkbox'], .form-element-caption > [type='checkbox'], label > [type='radio'], .form-group-caption > [type='radio'], .form-element-caption > [type='radio'] { margin-right: 0.75rem; } [type='file'] { width: 100%; } label, .form-group-caption, .form-element-caption { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #000000; } label.middle, .middle.form-group-caption, .middle.form-element-caption { margin: 0 0 1.5rem; padding: 0.8125rem 0; } .help-text { margin-top: -0.75rem; font-size: 0.8125rem; font-style: italic; color: #000000; } .input-group { display: table; width: 100%; margin-bottom: 1.5rem; } .input-group > :first-child { border-radius: 0 0 0 0; } .input-group > :last-child > * { border-radius: 0 0 0 0; } .input-group-label, .input-group-field, .input-group-button { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; } .input-group-label { text-align: center; padding: 0 1rem; background: #fafafa; color: #000000; border: 1px solid #eeeeee; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; height: 3.75rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; height: 100%; width: 1%; } .input-group-button a, .input-group-button input, .input-group-button button { margin: 0; } .input-group .input-group-button { display: table-cell; } fieldset { border: 0; padding: 0; margin: 0; } legend { margin-bottom: 0.75rem; max-width: 100%; } .fieldset { border: 1px solid #eeeeee; padding: 1.25rem; margin: 1.125rem 0; } .fieldset legend { background: #ffffff; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } select { height: 3.6875rem; padding: 0.75rem; border: 1px solid #eeeeee; margin: 0 0 1.5rem; font-size: 1.5rem; font-family: inherit; line-height: normal; color: #000000; background-color: #ffffff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-size: 9px 6px; background-position: right -1.5rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 2.25rem; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:disabled { background-color: #fafafa; cursor: default; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { background-color: rgba(255, 255, 255, 0.1); border-color: #ffffff; } .is-invalid-label { color: #2a363b; } .form-error { display: none; margin-top: -0.75rem; margin-bottom: 1.5rem; font-size: 100%; font-weight: bold; color: #ec5840; } .form-error.is-visible { display: block; padding-bottom: 0.6rem; } .accordion { list-style-type: none; background: #ffffff; margin-left: 0; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { display: block; padding: 1.25rem 1rem; line-height: 1; font-size: 0.75rem; color: #AE130F; position: relative; border: 1px solid #fafafa; border-bottom: 0; } :last-child:not(.is-active) > .accordion-title { border-radius: 0 0 0 0; border-bottom: 1px solid #fafafa; } .accordion-title:hover, .accordion-title:focus { background-color: #fafafa; } .accordion-title::before { content: '+'; position: absolute; right: 1rem; top: 50%; margin-top: -0.5rem; } .is-active > .accordion-title::before { content: '–'; } .accordion-content { padding: 1rem; display: none; border: 1px solid #fafafa; border-bottom: 0; background-color: #ffffff; color: #AE130F; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #fafafa; } .breadcrumbs { list-style: none; margin: 0 0 1rem 0; } .breadcrumbs::before, .breadcrumbs::after { content: ' '; display: table; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; color: #2a363b; font-size: 100%; cursor: default; } .breadcrumbs li:not(:last-child)::after { color: #eeeeee; content: "/"; margin: 0 0.75rem; position: relative; top: 1px; opacity: 1; } .breadcrumbs a { color: #AE130F; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #eeeeee; cursor: not-allowed; } .button-group { margin-bottom: 1rem; font-size: 0; } .button-group::before, .button-group::after { content: ' '; display: table; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 1.125rem; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded { margin-right: -1px; } .button-group.expanded::before, .button-group.expanded::after { display: none; } .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { display: inline-block; width: calc(50% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { display: inline-block; width: calc(33.33333% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { display: inline-block; width: calc(25% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { display: inline-block; width: calc(20% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { display: inline-block; width: calc(16.66667% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child { margin-right: -6px; } .button-group.primary .button { background-color: #AE130F; color: #000000; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #9f1612; color: #000000; } .button-group.secondary .button { background-color: #dd0b14; color: #000000; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #bb0f12; color: #000000; } .button-group.third .button { background-color: #f0f3f5; color: #ffffff; } .button-group.third .button:hover, .button-group.third .button:focus { background-color: #b6c4ce; color: #ffffff; } .button-group.success .button { background-color: #3adb76; color: #000000; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #000000; } .button-group.warning .button { background-color: #ffae00; color: #000000; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #000000; } .button-group.alert .button { background-color: #ec5840; color: #000000; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #da3116; color: #000000; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { width: 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } @media screen and (min-width: 31em) { .button-group.stacked-for-small .button { width: auto; margin-bottom: 0; } } @media screen and (min-width: 48em) { .button-group.stacked-for-medium .button { width: auto; margin-bottom: 0; } } @media screen and (max-width: 30.9375em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } .close-button { position: absolute; color: #2a363b; right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; cursor: pointer; } [data-whatinput='mouse'] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #000000; } .label { display: inline-block; padding: 0.33333rem 0.5rem; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; background: #AE130F; color: #ffffff; } .label.secondary { background: #dd0b14; color: #ffffff; } .label.third { background: #f0f3f5; color: #000000; } .label.success { background: #3adb76; color: #ffffff; } .label.warning { background: #ffae00; color: #ffffff; } .label.alert { background: #ec5840; color: #ffffff; } .sticky-container { position: relative; } .sticky { position: absolute; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: absolute; left: auto; right: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } body.is-reveal-open { overflow: hidden; } html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reveal-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(0, 0, 0, 0.45); overflow-y: scroll; } .reveal { display: none; z-index: 1006; padding: 1rem; border: 1px solid #eeeeee; background-color: #ffffff; border-radius: 0; position: relative; top: 100px; margin-left: auto; margin-right: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media screen and (min-width: 31em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media screen and (min-width: 31em) { .reveal { width: 600px; max-width: 90rem; } } @media screen and (min-width: 31em) { .reveal .reveal { left: auto; right: auto; margin: 0 auto; } } .reveal.collapse { padding: 0; } @media screen and (min-width: 31em) { .reveal.tiny { width: 30%; max-width: 90rem; } } @media screen and (min-width: 31em) { .reveal.small { width: 50%; max-width: 90rem; } } @media screen and (min-width: 31em) { .reveal.large { width: 90%; max-width: 90rem; } } .reveal.full { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0; } @media screen and (max-width: 30.9375em) { .reveal { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .switch { height: 2rem; margin-bottom: 1rem; outline: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #ffffff; font-weight: bold; font-size: 0.875rem; } .switch-input { opacity: 0; position: absolute; margin-bottom: 0; } .switch-paddle { background: #eeeeee; cursor: pointer; display: block; position: relative; width: 4rem; height: 2rem; transition: all 0.25s ease-out; border-radius: 0; color: inherit; font-weight: inherit; } input + .switch-paddle { margin: 0; } .switch-paddle::after { background: #ffffff; content: ''; display: block; position: absolute; height: 1.5rem; left: 0.25rem; top: 0.25rem; width: 1.5rem; transition: all 0.25s ease-out; transform: translate3d(0, 0, 0); border-radius: 0; } input:checked ~ .switch-paddle { background: #AE130F; } input:checked ~ .switch-paddle::after { left: 2.25rem; } [data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; } .switch-active, .switch-inactive { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active, input:checked + .form-group-caption > .switch-active, input:checked + .form-element-caption > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive, input:checked + .form-group-caption > .switch-inactive, input:checked + .form-element-caption > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } table { width: 100%; margin-bottom: 1rem; border-radius: 0; } table thead, table tbody, table tfoot { border: 1px solid #f2f2f2; background-color: #ffffff; } table caption { font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; } table thead { background: #f9f9f9; color: #2a363b; } table tfoot { background: #f2f2f2; color: #2a363b; } table thead tr, table tfoot tr { background: transparent; } table thead th, table thead td, table tfoot th, table tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } table tbody tr:nth-child(even) { background-color: #f2f2f2; } table tbody th, table tbody td { padding: 0.5rem 0.625rem 0.625rem; } @media screen and (max-width: 47.9375em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: #f4f4f4; } table.hover tfoot tr:hover { background-color: #ededed; } table.hover tbody tr:hover { background-color: #fafafa; } table.hover tbody tr:nth-of-type(even):hover { background-color: #ededed; } .table-scroll { overflow-x: auto; } .table-scroll table { width: auto; } .thumbnail { border: solid 4px #ffffff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block; line-height: 0; max-width: 100%; transition: box-shadow 200ms ease-out; border-radius: 0; margin-bottom: 1rem; } .thumbnail:hover, .thumbnail:focus { box-shadow: 0 0 6px 1px rgba(199, 27, 23, 0.5); } .title-bar { background: #000000; color: #ffffff; padding: 0.5rem; } .title-bar::before, .title-bar::after { content: ' '; display: table; } .title-bar::after { clear: both; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left { float: left; } .title-bar-right { float: right; text-align: right; } .title-bar-title { font-weight: bold; vertical-align: middle; display: inline-block; } .has-tip { border-bottom: dotted 1px #AE130F; font-weight: bold; position: relative; display: inline-block; cursor: help; } .tooltip { background-color: #AE130F; color: #ffffff; font-size: 80%; padding: 0.75rem; position: absolute; z-index: 99; top: calc(100% + 0.6495rem); max-width: 10rem !important; border-radius: 0; } .tooltip::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent #AE130F; border-bottom-style: solid; border-top-width: 0; bottom: 100%; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: #AE130F transparent transparent; border-top-style: solid; border-bottom-width: 0; top: 100%; bottom: auto; } .tooltip.left::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent transparent #AE130F; border-left-style: solid; border-right-width: 0; bottom: auto; left: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent #AE130F transparent transparent; border-right-style: solid; border-left-width: 0; bottom: auto; left: auto; right: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .top-bar { padding: 0.5rem; } .top-bar::before, .top-bar::after { content: ' '; display: table; } .top-bar::after { clear: both; } .top-bar, .top-bar ul { background-color: #AE130F; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { width: 100%; } @media screen and (min-width: 31em) { .top-bar .top-bar-left, .top-bar .top-bar-right { width: auto; } } @media screen and (max-width: 47.9375em) { .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100%; } } @media screen and (max-width: 63.9375em) { .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { width: 100%; } } @media screen and (max-width: 89.9375em) { .top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right { width: 100%; } } .top-bar-title { float: left; margin-right: 0; } .top-bar-left { float: left; } .top-bar-right { float: right; } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 30.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 31em) { .show-for-small-only { display: none !important; } } @media screen and (min-width: 31em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 30.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 30.9375em), screen and (min-width: 48em) { .show-for-medium-only { display: none !important; } } @media screen and (min-width: 48em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 47.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 47.9375em), screen and (min-width: 64em) { .show-for-large-only { display: none !important; } } @media screen and (min-width: 64em) { .hide-for-xlarge { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-xlarge { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 89.9375em) { .hide-for-xlarge-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 90em) { .show-for-xlarge-only { display: none !important; } } .show-for-sr, .aural, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-left: auto; margin-right: auto; } .clearfix::before, .clearfix::after { content: ' '; display: table; } .clearfix::after { clear: both; } /* ------------------------------ ## motion-ui definitions ------------------------------ */ .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(100%); transform: translateY(100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(100%); transform: translateX(100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(0); transform: translateY(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(0); transform: translateX(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(0); transform: translateY(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(0); transform: translateX(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); -ms-transform-origin: top; transform-origin: top; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); -ms-transform-origin: right; transform-origin: right; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); -ms-transform-origin: bottom; transform-origin: bottom; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); -ms-transform-origin: left; transform-origin: left; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: top; transform-origin: top; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: right; transform-origin: right; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: bottom; transform-origin: bottom; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: left; transform-origin: left; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(0.5); transform: scale(0.5); transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1.5); transform: scale(1.5); transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1); transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1); transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0); transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0); transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } } .spin-cw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); } 100% { transform: rotate(0); } } .spin-ccw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(0); } 100% { transform: rotate(1turn); } } .wiggle { animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); } 35%, 45%, 55%, 65% { transform: rotate(-7deg); } 0%, 30%, 70%, 100% { transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; } .infinite { animation-iteration-count: infinite; } .slow { animation-duration: 750ms !important; } .fast { animation-duration: 250ms !important; } .linear { animation-timing-function: linear !important; } .ease { animation-timing-function: ease !important; } .ease-in { animation-timing-function: ease-in !important; } .ease-out { animation-timing-function: ease-out !important; } .ease-in-out { animation-timing-function: ease-in-out !important; } .bounce-in { animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { animation-delay: 300ms !important; } .long-delay { animation-delay: 700ms !important; } /*! ============================== # CSS-File: 02 - Vendor CSS ============================== */ /* ============================== # Vendor ============================== */ /* Slider */ .slick-slider { position: relative; display: block; 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 { -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .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; } /* Slider */ .slick-loading .slick-list { background: #fff url("./../../img/KN/slick-slider/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "?"; } [dir="rtl"] .slick-prev:before { content: "?"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "?"; } [dir="rtl"] .slick-next:before { content: "?"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /*! ============================== ## CSS-File: 03 - KN CSS core ============================== */ /* ------------------------------ ### sprites ------------------------------ */ /* ============================== # sprites ============================== */ /* ------------------------------ ## Base Mixin for a single icon of a given sprite ------------------------------ */ /* ------------------------------ ## Funktion for dynamic Sprite-Images @param base-filename: main part of the filename, e.g. arrow-right @param $size: When the icon size is part of the file name. The default value is null. @param color-key: When the icon size is part of the file name. The default value is null. @param separator: The separator for the tokens. The default value is '-'. @param prefix: filename prefix, e.g. arrows. The default value is null. @param suffix: . The default value is null. Example: -kbs-sprite-image-filename( 'arrow-right', '32', 'dark-gray', $separator: '---', 'IconsetXY', 'Iconset-suffix' ) returns 'IconsetXY---arrow-right---Iconset-suffix---32---dark-gray' ------------------------------ */ /* ------------------------------ ### Mixin for 180° rotation ------------------------------ */ /* ------------------------------ ## include separate sprite files ------------------------------ */ /* ============================== # Aperto Icon Sprite ============================== */ /* ------------------------------ ## Arrow Down Properties ------------------------------ */ /* ------------------------------ ## Arrow Right Properties ------------------------------ */ /* ------------------------------ ## Burger Menu Properties ------------------------------ */ /* ------------------------------ ## Chat Properties ------------------------------ */ /* ------------------------------ ## Checkbox Properties ------------------------------ */ /* ------------------------------ ## Close Properties ------------------------------ */ /* ------------------------------ ## Doc Properties ------------------------------ */ /* ------------------------------ ## Download Properties ------------------------------ */ /* ------------------------------ ## KN Logo Properties ------------------------------ */ /* ------------------------------ ## Location Properties ------------------------------ */ /* ------------------------------ ## Login Properties ------------------------------ */ /* ------------------------------ ## Mailbox Properties ------------------------------ */ /* ------------------------------ ## Person Properties ------------------------------ */ /* ------------------------------ ## Person2 Properties ------------------------------ */ /* ------------------------------ ## Search Properties ------------------------------ */ /* ------------------------------ ## Mixins ------------------------------ */ /* ------------------------------ ### Mixin for a single icon of this sprite ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Down (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Down (white) ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Right (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Right (dark-red) ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Right (white) ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Left (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Left (dark-red) ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Left (white) ------------------------------ */ /* ------------------------------ ### Mixin for Arrow Up (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Burger Menu (white) ------------------------------ */ /* ------------------------------ ### Mixin for Chat - large (dark-red) ------------------------------ */ /* ------------------------------ ### Mixin for Chat - small (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Checkbox - large (white) ------------------------------ */ /* ------------------------------ ### Mixin for Close - small (white) ------------------------------ */ /* ------------------------------ ### Mixin for Doc - large (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Doc - large (dark-red) ------------------------------ */ /* ------------------------------ ### Mixin for Doc - large (white) ------------------------------ */ /* ------------------------------ ### Mixin for Download - large (white) ------------------------------ */ /* ------------------------------ ### Mixin for KN Logo (large) ------------------------------ */ /* ------------------------------ ### Mixin for KN Logo (small) ------------------------------ */ /* ------------------------------ ### Mixin for Location - small (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Login - large (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Login - large (white) ------------------------------ */ /* ------------------------------ ### Mixin for Login - small (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Login - small (white) ------------------------------ */ /* ------------------------------ ### Mixin for Mailbox - large (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Mailbox - large (dark-red) ------------------------------ */ /* ------------------------------ ### Mixin for Mailbox - large (white) ------------------------------ */ /* ------------------------------ ### Mixin for Person - large (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Person - large (dark-red) ------------------------------ */ /* ------------------------------ ### Mixin for Person - large (white) ------------------------------ */ /* ------------------------------ ### Mixin for Person2 - large (white) ------------------------------ */ /* ------------------------------ ### Mixin for Search - small (dark-gray) ------------------------------ */ /* ------------------------------ ### Mixin for Search - small (white) ------------------------------ */ /* ------------------------------ ### mixins ------------------------------ */ /* ============================== # mixins ============================== */ /* ------------------------------ ## include separate mixin files ------------------------------ */ /* ============================== # utils ============================== */ /* ------------------------------ ## Hilfsfunktion um die Border-Edge Breiten zu ermitteln ------------------------------ */ /* ------------------------------ ## Mixin fuer die Modul Border-Logik Das Mixin regelt die Logik für 3 oder 4 spaltige module, die einen grauen Trennstrich auf weißem Hintergrund enthalten. Beispielmodule: OGS, Auszeichnungen ------------------------------ */ /* ------------------------------ ## Mixin fuer die Modul Border-Logik Das Mixin regelt die Logik für 3 oder 4 spaltige module, die einen grauen Trennstrich auf weißem Hintergrund enthalten. Beispielmodule: OGS, Auszeichnungen ------------------------------ */ /* ------------------------------ ## on User Action - shortcut fuer focus, hover, action @param additional-selectors: Hier koennen weitere Selektoren Komma separiert angegeben werden. Das Mixin ist ein Shortcut fuer die 3 Actionszustaende focus, hover, active. Weiterer Content kann an das Mixin uebergeben werden. Dieser wird innerhalb der Pseudoklassen ausgegeben. ------------------------------ */ /* ------------------------------ ## text-cut Schneidet zu langen Text per CSS ab. Funktioniert aber nur bei einzeiligen Texten, da nowrap aktiviert sein muss! ------------------------------ */ /* ## create module edge bottom-left Erstellt die KBS-Kante unterhalb der Module. @param $color Farbe des Balkens => bzw. Modulfarbe @param $edge-width Breite der Kante im Verhältnis zum Modul */ /* ------------------------------ ## Klinke ------------------------------ */ /* ## add shadow border Fügt einem Container eine shadow-border hinzu @param $border-width Breite der Border in PX @parem $border-opacity Transparenzwert für Übergangsverlauf */ /* ## add image hover Erstellt den Hover-Effekt für Bilder in Links => mit Scale (default 1.05), rotem Transparenzeffekt (default 50%) und dem Icon-Arrow-Right Hinweis: img muss ein wrapper mit class="image-wrapper" besitzen */ /* ------------------------------ ## add Module Padding @param important: boolsche Variable, die steuert, ob das Padding mit !important ausgezeichnet werden soll Das Mixin sorgt dafuer dass ein Modul das Modul-Padding bekommt, welches laut settings je nach Breakpoint unterschiedlich sein kann. Kann von eingerueckten Modulen verwendet werden. ------------------------------ */ /* ------------------------------ ## add Module Container Padding @param reducedVerticalPadding: boolsche Variable, die steuert, ob fuer das vertikale Padding nur die Haelfte des Paddings genommen werden soll. default : true @param important: boolsche Variable, die steuert, ob das Padding mit !important ausgezeichnet werden soll Das Mixin sorgt dafuer, dass ein Container das Modul-Padding bekommt, welches laut settings je nach Breakpoint unterschiedlich sein kann. ------------------------------ */ /* ------------------------------ ## add Container Padding @param reducedVerticalPadding: boolsche Variable, die steuert, ob fuer das vertikale Padding nur die Haelfte des Paddings genommen werden soll. default : false @param important: boolsche Variable, die steuert, ob das Padding mit !important ausgezeichnet werden soll Das Mixin sorgt dafuer, dass ein Container das Container-Padding bekommt, welches laut settings je nach Breakpoint unterschiedlich sein kann. ------------------------------ */ /* ------------------------------ ## Remove Pseudo Element after @param resetPosition: boolsche Variable, die steuert die Position auch auf inherit gesetzt werden soll. Der Default ist true. Setzt den Content des Pseudo Elements auf unset, damit es nicht mehr dargestellt wird. Dadurch koennen z.B. Hintergrundbilder oder die Container-/Modul-Kanten wieder entfernt werden. ------------------------------ */ /* ------------------------------ ## Remove Pseudo Element before @param resetPosition: boolsche Variable, die steuert die Position auch auf inherit gesetzt werden soll. Der Default ist true. Setzt den Content des Pseudo Elements auf unset, damit es nicht mehr dargestellt wird. Dadurch koennen z.B. Hintergrundbilder oder die Container-/Modul-Kanten wieder entfernt werden. ------------------------------ */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ /* Safari, Chrome and Opera > 12.1 */ /* Internet Explorer */ /* Opera < 12.1 */ @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } /* Firefox < 16 */ /* Safari, Chrome and Opera > 12.1 */ /* Internet Explorer */ /* Opera < 12.1 */ /* ============================== # Commmon Color Utils ============================== */ /* ------------------------------ ## Die Funktion, sucht in der $-kbs-color-mappings Konfiguration nach den Definitionen zur uebergebenen Farbe. In der dann ermittelten Map wird nach der Definition des uebergebenen Typs gesucht. Diese Map enthaelt jetzt alle Farbwerte mit allen Interaktionstypen. Hier wird nur die Konfiguration des ebenfalls uebergebenen Interactionstyp ermittelt und zurueck geliefert. @param type - default link @param background-key - $-kbs-default-background @param interaction - default default ------------------------------ */ /* ------------------------------ ## Das Mixin ermittelt die default Color-Mappings duer den uebergebenen Typ und rendert sie als Key-Value Paare. ------------------------------ */ /* ------------------------------ ## Das Mixin ermittelt die hover Color-Mappings duer den uebergebenen Typ und rendert sie als Key-Value Paare. ------------------------------ */ /* ------------------------------ ## Das Mixin ermittelt sowohl die default als aus auch die hover Color-Mappings duer den uebergebenen Typ und rendert sie als Key-Value Paare. ------------------------------ */ /* ------------------------------ ## Funktion, die den/die uebergebenen Background-Namen prueft und gegebenfalls bereinigt. Es wird hier gegen die Map $-kbs-backgrounds geprueft! ------------------------------ */ /* ------------------------------ ## Dieses Mixin erstellt Cascaden fuer den/die uebergebenen Hintergrundfarben. Der an das Mixin uebergebene Content wird dann in das CSS geschrieben. Damit dies aber auch funktioniert, muss mindestens die Map $-kbs-backgrounds aktualisiert / angepasst werden. Somit kann z.B. dafuer gesorgt werden, dass alle DIVs auf 'dark-red' und 'gold' Modulen einen weissen Hintergrund bekommen. Beispiel: div { background-color: green; @include -kbs-on-background(( $-kbs-color-key--dark-red, $-kbs-color-key--gold )) { background-color: white; } } ------------------------------ */ /* ------------------------------ ### Private Helper Mixins Base Config for Background images Weiterer Content kann an das Mixin uebergeben werden.. ------------------------------ */ /* ------------------------------ ### Base Config for Element with Background-Image @param add-padding: Wenn der Parameter fuer $add-padding true ist, dann wird noch fuer alle breakpoints das in $button-sizes definierte Padding gesetzt. Weiterer Content kann an das Mixin uebergeben werden. ------------------------------ */ /* ------------------------------ ### Mixin fuer Elemente, deren after Pseudo-Element ein Hintergrundbild darstellen soll. @param indent: // TODO @param add-padding: // TODO @param is-button: // TODO Weiterer Content kann an das Mixin uebergeben werden. Dieser wird innerhalb des after Pseudoelements ausgegeben. ------------------------------ */ /* ------------------------------ ### Mixin fuer Elemente, deren before Pseudo-Element ein Hintergrundbild darstellen soll. @param image-height: Der Parameter wird fuer die vertikale Zentrierung des Bildes verwendet. @param indent: boolsche Variable, die steuert, ob das Icon eingerueckt werden soll. @param add-padding: boolsche Variable, die steuert, ob der Link rundum ein Padding erhalten soll. Es wird dann das Button-Padding aus der Konfiguration verwendet. @param is-button: boolsche Variable, die steuert, ob der Link normale Link Formatierungen oder spezielle Button-Style Formatierungen verwenden soll. Weiterer Content kann an das Mixin uebergeben werden. Dieser wird innerhalb des before Pseudoelements ausgegeben. ------------------------------ */ /* ============================== ## Arrows ============================== */ /* ============================== ### Arrows Right ============================== */ /* ------------------------------ #### Arrow Right (dark-gray) @param // TODO @param // TODO ------------------------------ */ /* ------------------------------ #### Arrow Right on Action (dark-gray) ------------------------------ */ /* ------------------------------ #### Arrow Right (dark red) @param // TODO @param // TODO ------------------------------ */ /* ------------------------------ #### Arrow Right on Action (dark red) ------------------------------ */ /* ------------------------------ #### Arrow Right (white) @param // TODO @param // TODO ------------------------------ */ /* ------------------------------ #### Arrow Right on Action (white) ------------------------------ */ /* ============================== ### Centered Arrows ============================== */ /* ------------------------------ #### Centered Arrow Right (dark gray) ------------------------------ */ /* ------------------------------ #### Centered Arrow Right on Action (dark gray) ------------------------------ */ /* ------------------------------ #### Centered Arrow Right (dark red) ------------------------------ */ /* ------------------------------ #### Centered Arrow Right on Action (dark red) ------------------------------ */ /* ------------------------------ #### Centered Arrow Right (white) ------------------------------ */ /* ------------------------------ #### Centered Arrow Right on Action (white) ------------------------------ */ /* ============================== ### Plus ============================== */ /* ------------------------------ #### Plus (dark-gray) @param // TODO ------------------------------ */ /* ------------------------------ #### Plus on Action (dark-gray) ------------------------------ */ /* ------------------------------ #### Plus (dark red) @param // TODO ------------------------------ */ /* ------------------------------ #### Plus on Action (dark red) ------------------------------ */ /* ------------------------------ ### Plus (white) @param // TODO ------------------------------ */ /* ------------------------------ ### Plus on Action (white) ------------------------------ */ /* ============================== # HTML Link Klassen Mixins ============================== */ /* ============================== ## Arrows ============================== */ /* ============================== ### Arrows Right ============================== */ /* ------------------------------ #### Arrow Right (dark-gray) ------------------------------ */ /* ------------------------------ #### Arrow Right (dark-gray) on Action ------------------------------ */ /* ------------------------------ #### Arrow Right (dark-red) ------------------------------ */ /* ------------------------------ #### Arrow Right (dark-red) on Action ------------------------------ */ /* ------------------------------ #### Arrow Right (white) ------------------------------- */ /* ------------------------------ #### Arrow Right (white) on Action ------------------------------ */ /* ============================== ### Centered Arrows ============================== */ /* ------------------------------ #### Centered Arrow Right on dark-gray background ------------------------------ */ /* ------------------------------ #### Centered Arrow Right on Action on dark-gray background ------------------------------ */ /* ------------------------------ #### Centered Arrow Right (dark red) on dark-red background ------------------------------ */ /* ------------------------------ #### Centered Arrow Right on Action on dark-red background ------------------------------ */ /* ------------------------------ #### Centered Arrow Right on white background ------------------------------ */ /* ------------------------------ #### Centered Arrow Right on Action on white background ------------------------------ */ /* ============================== ### Plus ============================== */ /* ------------------------------ #### Plus (dark-gray) ------------------------------ */ /* ------------------------------ #### Plus on Action (dark-gray) ------------------------------ */ /* ------------------------------ #### Plus (dark-red) ------------------------------ */ /* ------------------------------ #### Plus on Action (dark red) ------------------------------ */ /* ------------------------------ ### Plus (white) ------------------------------ */ /* ------------------------------ ### Plus on Action (white) ------------------------------ */ /* ============================== # Mixin und Include aller HTML background-icon Mixins ============================== */ .kbs-arrow-right-dark-gray { position: relative; } .kbs-arrow-right-dark-gray.tiny { padding: 0.6rem; } .kbs-arrow-right-dark-gray.small { padding: 0.75rem; } .kbs-arrow-right-dark-gray.large { padding: 1.25rem; } .kbs-arrow-right-dark-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-arrow-right-dark-gray-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-arrow-right-dark-gray-on-action:focus, .kbs-arrow-right-dark-gray-on-action:hover, .kbs-arrow-right-dark-gray-on-action:active { position: relative; } .kbs-arrow-right-dark-gray-on-action:focus.tiny, .kbs-arrow-right-dark-gray-on-action:hover.tiny, .kbs-arrow-right-dark-gray-on-action:active.tiny { padding: 0.6rem; } .kbs-arrow-right-dark-gray-on-action:focus.small, .kbs-arrow-right-dark-gray-on-action:hover.small, .kbs-arrow-right-dark-gray-on-action:active.small { padding: 0.75rem; } .kbs-arrow-right-dark-gray-on-action:focus.large, .kbs-arrow-right-dark-gray-on-action:hover.large, .kbs-arrow-right-dark-gray-on-action:active.large { padding: 1.25rem; } .kbs-arrow-right-dark-gray-on-action:focus::after, .kbs-arrow-right-dark-gray-on-action:hover::after, .kbs-arrow-right-dark-gray-on-action:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-arrow-right-dark-red { position: relative; } .kbs-arrow-right-dark-red.tiny { padding: 0.6rem; } .kbs-arrow-right-dark-red.small { padding: 0.75rem; } .kbs-arrow-right-dark-red.large { padding: 1.25rem; } .kbs-arrow-right-dark-red::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-arrow-right-dark-red-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-arrow-right-dark-red-on-action:focus, .kbs-arrow-right-dark-red-on-action:hover, .kbs-arrow-right-dark-red-on-action:active { position: relative; } .kbs-arrow-right-dark-red-on-action:focus.tiny, .kbs-arrow-right-dark-red-on-action:hover.tiny, .kbs-arrow-right-dark-red-on-action:active.tiny { padding: 0.6rem; } .kbs-arrow-right-dark-red-on-action:focus.small, .kbs-arrow-right-dark-red-on-action:hover.small, .kbs-arrow-right-dark-red-on-action:active.small { padding: 0.75rem; } .kbs-arrow-right-dark-red-on-action:focus.large, .kbs-arrow-right-dark-red-on-action:hover.large, .kbs-arrow-right-dark-red-on-action:active.large { padding: 1.25rem; } .kbs-arrow-right-dark-red-on-action:focus::after, .kbs-arrow-right-dark-red-on-action:hover::after, .kbs-arrow-right-dark-red-on-action:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-arrow-right-white { position: relative; } .kbs-arrow-right-white.tiny { padding: 0.6rem; } .kbs-arrow-right-white.small { padding: 0.75rem; } .kbs-arrow-right-white.large { padding: 1.25rem; } .kbs-arrow-right-white::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-arrow-right-white-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-arrow-right-white-on-action:focus, .kbs-arrow-right-white-on-action:hover, .kbs-arrow-right-white-on-action:active { position: relative; } .kbs-arrow-right-white-on-action:focus.tiny, .kbs-arrow-right-white-on-action:hover.tiny, .kbs-arrow-right-white-on-action:active.tiny { padding: 0.6rem; } .kbs-arrow-right-white-on-action:focus.small, .kbs-arrow-right-white-on-action:hover.small, .kbs-arrow-right-white-on-action:active.small { padding: 0.75rem; } .kbs-arrow-right-white-on-action:focus.large, .kbs-arrow-right-white-on-action:hover.large, .kbs-arrow-right-white-on-action:active.large { padding: 1.25rem; } .kbs-arrow-right-white-on-action:focus::after, .kbs-arrow-right-white-on-action:hover::after, .kbs-arrow-right-white-on-action:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-centered-arrow-right-dark-gray { position: relative; padding-right: 2.5rem; } .kbs-centered-arrow-right-dark-gray::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -674px; width: 32px; height: 32px; left: calc(50% - (32px / 2)); } .kbs-centered-arrow-right-dark-gray-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-centered-arrow-right-dark-gray-on-action:focus, .kbs-centered-arrow-right-dark-gray-on-action:hover, .kbs-centered-arrow-right-dark-gray-on-action:active { position: relative; padding-right: 2.5rem; } .kbs-centered-arrow-right-dark-gray-on-action:focus::after, .kbs-centered-arrow-right-dark-gray-on-action:hover::after, .kbs-centered-arrow-right-dark-gray-on-action:active::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -674px; width: 32px; height: 32px; left: calc(50% - (32px / 2)); } .kbs-centered-arrow-right-dark-red { position: relative; padding-right: 2.5rem; } .kbs-centered-arrow-right-dark-red::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -314px -542px; width: 32px; height: 32px; left: calc(50% - (32px / 2)); } .kbs-centered-arrow-right-dark-red-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-centered-arrow-right-dark-red-on-action:focus, .kbs-centered-arrow-right-dark-red-on-action:hover, .kbs-centered-arrow-right-dark-red-on-action:active { position: relative; padding-right: 2.5rem; } .kbs-centered-arrow-right-dark-red-on-action:focus::after, .kbs-centered-arrow-right-dark-red-on-action:hover::after, .kbs-centered-arrow-right-dark-red-on-action:active::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -314px -542px; width: 32px; height: 32px; left: calc(50% - (32px / 2)); } .kbs-centered-arrow-right-white { position: relative; padding-right: 2.5rem; } .kbs-centered-arrow-right-white::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -542px; width: 32px; height: 32px; left: calc(50% - (32px / 2)); } .kbs-centered-arrow-right-white-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-centered-arrow-right-white-on-action:focus, .kbs-centered-arrow-right-white-on-action:hover, .kbs-centered-arrow-right-white-on-action:active { position: relative; padding-right: 2.5rem; } .kbs-centered-arrow-right-white-on-action:focus::after, .kbs-centered-arrow-right-white-on-action:hover::after, .kbs-centered-arrow-right-white-on-action:active::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -542px; width: 32px; height: 32px; left: calc(50% - (32px / 2)); } .kbs-plus-dark-gray { position: relative; } .kbs-plus-dark-gray.tiny { padding: 0.6rem; } .kbs-plus-dark-gray.small { padding: 0.75rem; } .kbs-plus-dark-gray.large { padding: 1.25rem; } .kbs-plus-dark-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .kbs-plus-dark-gray::after.tiny { right: 0.6rem; } .kbs-plus-dark-gray::after.small { right: 0.75rem; } .kbs-plus-dark-gray::after.large { right: 1.25rem; } .kbs-plus-dark-gray-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-plus-dark-gray-on-action:focus, .kbs-plus-dark-gray-on-action:hover, .kbs-plus-dark-gray-on-action:active { position: relative; } .kbs-plus-dark-gray-on-action:focus.tiny, .kbs-plus-dark-gray-on-action:hover.tiny, .kbs-plus-dark-gray-on-action:active.tiny { padding: 0.6rem; } .kbs-plus-dark-gray-on-action:focus.small, .kbs-plus-dark-gray-on-action:hover.small, .kbs-plus-dark-gray-on-action:active.small { padding: 0.75rem; } .kbs-plus-dark-gray-on-action:focus.large, .kbs-plus-dark-gray-on-action:hover.large, .kbs-plus-dark-gray-on-action:active.large { padding: 1.25rem; } .kbs-plus-dark-gray-on-action:focus::after, .kbs-plus-dark-gray-on-action:hover::after, .kbs-plus-dark-gray-on-action:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .kbs-plus-dark-gray-on-action:focus::after.tiny, .kbs-plus-dark-gray-on-action:hover::after.tiny, .kbs-plus-dark-gray-on-action:active::after.tiny { right: 0.6rem; } .kbs-plus-dark-gray-on-action:focus::after.small, .kbs-plus-dark-gray-on-action:hover::after.small, .kbs-plus-dark-gray-on-action:active::after.small { right: 0.75rem; } .kbs-plus-dark-gray-on-action:focus::after.large, .kbs-plus-dark-gray-on-action:hover::after.large, .kbs-plus-dark-gray-on-action:active::after.large { right: 1.25rem; } .kbs-plus-dark-red { position: relative; } .kbs-plus-dark-red.tiny { padding: 0.6rem; } .kbs-plus-dark-red.small { padding: 0.75rem; } .kbs-plus-dark-red.large { padding: 1.25rem; } .kbs-plus-dark-red::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -571px; width: 25px; height: 25px; } .kbs-plus-dark-red::after.tiny { right: 0.6rem; } .kbs-plus-dark-red::after.small { right: 0.75rem; } .kbs-plus-dark-red::after.large { right: 1.25rem; } .kbs-plus-dark-red-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-plus-dark-red-on-action:focus, .kbs-plus-dark-red-on-action:hover, .kbs-plus-dark-red-on-action:active { position: relative; } .kbs-plus-dark-red-on-action:focus.tiny, .kbs-plus-dark-red-on-action:hover.tiny, .kbs-plus-dark-red-on-action:active.tiny { padding: 0.6rem; } .kbs-plus-dark-red-on-action:focus.small, .kbs-plus-dark-red-on-action:hover.small, .kbs-plus-dark-red-on-action:active.small { padding: 0.75rem; } .kbs-plus-dark-red-on-action:focus.large, .kbs-plus-dark-red-on-action:hover.large, .kbs-plus-dark-red-on-action:active.large { padding: 1.25rem; } .kbs-plus-dark-red-on-action:focus::after, .kbs-plus-dark-red-on-action:hover::after, .kbs-plus-dark-red-on-action:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -571px; width: 25px; height: 25px; } .kbs-plus-dark-red-on-action:focus::after.tiny, .kbs-plus-dark-red-on-action:hover::after.tiny, .kbs-plus-dark-red-on-action:active::after.tiny { right: 0.6rem; } .kbs-plus-dark-red-on-action:focus::after.small, .kbs-plus-dark-red-on-action:hover::after.small, .kbs-plus-dark-red-on-action:active::after.small { right: 0.75rem; } .kbs-plus-dark-red-on-action:focus::after.large, .kbs-plus-dark-red-on-action:hover::after.large, .kbs-plus-dark-red-on-action:active::after.large { right: 1.25rem; } .kbs-plus-white { position: relative; } .kbs-plus-white.tiny { padding: 0.6rem; } .kbs-plus-white.small { padding: 0.75rem; } .kbs-plus-white.large { padding: 1.25rem; } .kbs-plus-white::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-plus-white::after.tiny { right: 0.6rem; } .kbs-plus-white::after.small { right: 0.75rem; } .kbs-plus-white::after.large { right: 1.25rem; } .kbs-plus-white-on-action { transition: color .3s ease, background-color .3s ease; } .kbs-plus-white-on-action:focus, .kbs-plus-white-on-action:hover, .kbs-plus-white-on-action:active { position: relative; } .kbs-plus-white-on-action:focus.tiny, .kbs-plus-white-on-action:hover.tiny, .kbs-plus-white-on-action:active.tiny { padding: 0.6rem; } .kbs-plus-white-on-action:focus.small, .kbs-plus-white-on-action:hover.small, .kbs-plus-white-on-action:active.small { padding: 0.75rem; } .kbs-plus-white-on-action:focus.large, .kbs-plus-white-on-action:hover.large, .kbs-plus-white-on-action:active.large { padding: 1.25rem; } .kbs-plus-white-on-action:focus::after, .kbs-plus-white-on-action:hover::after, .kbs-plus-white-on-action:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-plus-white-on-action:focus::after.tiny, .kbs-plus-white-on-action:hover::after.tiny, .kbs-plus-white-on-action:active::after.tiny { right: 0.6rem; } .kbs-plus-white-on-action:focus::after.small, .kbs-plus-white-on-action:hover::after.small, .kbs-plus-white-on-action:active::after.small { right: 0.75rem; } .kbs-plus-white-on-action:focus::after.large, .kbs-plus-white-on-action:hover::after.large, .kbs-plus-white-on-action:active::after.large { right: 1.25rem; } /* ------------------------------ ## predifined Button-Styles ------------------------------ */ /* ============================== # Button Utils ============================== */ /* ------------------------------ ### Private Helper Mixins Base Config for Buttons ------------------------------ */ /* ------------------------------ ### Button Style on Background black ------------------------------ */ /* ------------------------------ ### Button Style on Background dark-gray ------------------------------ */ /* ------------------------------ ### Button Style on Background dark-red ------------------------------ */ /* ------------------------------ ### Button Style on Background gold ------------------------------ */ /* ------------------------------ ### Button Style on Background light-blue ------------------------------ */ /* ------------------------------ ### Button Style on Background light-gray ------------------------------ */ /* ------------------------------ ### Button Style on Background light-red ------------------------------ */ /* ------------------------------ ### Button Style on Background white ------------------------------ */ /* ------------------------------ ## HTML Klassen ------------------------------ */ /* ------------------------------ ### Button Style on Background black ------------------------------ */ /* ------------------------------ ### Button Style on Background dark-gray ------------------------------ */ /* ------------------------------ ### Button Style on Background dark-red ------------------------------ */ /* ------------------------------ ### Button Style on Background gold ------------------------------ */ /* ------------------------------ ### Button Style on Background light-blue ------------------------------ */ /* ------------------------------ ### Button Style on Background light-gray ------------------------------ */ /* ------------------------------ ### Button Style on Background light-red ------------------------------ */ /* ============================== # Mixin und Include aller HTML button-Mixins ============================== */ .kbs-on-bg-black.button { font-size: 20px; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-on-bg-black.button:focus, .kbs-on-bg-black.button:hover, .kbs-on-bg-black.button:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .kbs-on-bg-black.button.current { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .kbs-on-bg-dark-gray.button { font-size: 20px; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-on-bg-dark-gray.button:focus, .kbs-on-bg-dark-gray.button:hover, .kbs-on-bg-dark-gray.button:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .kbs-on-bg-dark-gray.button.current { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .kbs-on-bg-dark-red.button { font-size: 20px; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-on-bg-dark-red.button:focus, .kbs-on-bg-dark-red.button:hover, .kbs-on-bg-dark-red.button:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-on-bg-dark-red.button.current { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-on-bg-gold.button { font-size: 20px; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-on-bg-gold.button:focus, .kbs-on-bg-gold.button:hover, .kbs-on-bg-gold.button:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-on-bg-gold.button.current { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-on-bg-light-blue.button { font-size: 20px; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-on-bg-light-blue.button:focus, .kbs-on-bg-light-blue.button:hover, .kbs-on-bg-light-blue.button:active { border-color: #2a363b; color: #ffffff; background-color: #2a363b; } .kbs-on-bg-light-blue.button.current { border-color: #2a363b; color: #ffffff; background-color: #2a363b; } .kbs-on-bg-light-gray.button { font-size: 20px; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-on-bg-light-gray.button:focus, .kbs-on-bg-light-gray.button:hover, .kbs-on-bg-light-gray.button:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-on-bg-light-gray.button.current { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-on-bg-light-red.button { font-size: 20px; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-on-bg-light-red.button:focus, .kbs-on-bg-light-red.button:hover, .kbs-on-bg-light-red.button:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-on-bg-light-red.button.current { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } /* ============================== # Images Utils ============================== */ /* ============================== # Link Utils ============================== */ /* ------------------------------ ### Base Config for Links @param $background-key: Als Background Key koennen die definierten $-kbs-color-key-... Variablen verwendet werden. Wird kein Wert uebergebene, dann wird per default $-kbs-default-background verwendet. Der Parameter dient als Key fuer die Map $-kbs-color-mappings. Aus dieser werden alle Farbinformationen fuer den Typ Link ausgegeben. Weiterer Content kann an das Mixin uebergeben werden. ------------------------------ */ /* ============================== ## HTML Link Klassen ============================== */ /* ============================== ### kbs-link (simple) ============================== */ /* ------------------------------ #### kbs-link default on background white ------------------------------ */ /* ------------------------------ #### kbs-link-on-dark-gray default on background dark-gray ------------------------------ */ /* ------------------------------ #### kbs-link-on-dark-red default on background dark-red ------------------------------ */ /* ------------------------------ #### kbs-link-on-gold default on background gold ------------------------------ */ /* ------------------------------ #### kbs-link-on-gray default on background gray ------------------------------ */ /* ------------------------------ #### kbs-link-on-light-blue default on background light-blue ------------------------------ */ /* ------------------------------ #### kbs-link-on-light-gray default on background light-gray ------------------------------ */ /* ------------------------------ #### kbs-link-on-light-red default on background light-red ------------------------------ */ /* ============================== ### kbs-link-with-arrow ============================== */ /* ------------------------------ #### kbs-link-with-arrow default on background white ------------------------------ */ /* ------------------------------ #### kbs-link-with-arrow-on-dark-gray default on background dark-gray ------------------------------ */ /* ------------------------------ #### kbs-link-with-arrow-on-dark-red default on background dark-red ------------------------------ */ /* ------------------------------ #### kbs-link-with-arrow-on-gold default on background gold ------------------------------ */ /* ------------------------------ #### kbs-link-with-arrow-on-gray default on background gray ------------------------------ */ /* ------------------------------ #### kbs-link-with-arrow-on-light-blue default on background light-blue ------------------------------ */ /* ------------------------------ #### kbs-link-with-arrow-on-light-gray default on background light-gray ------------------------------ */ /* ------------------------------ #### kbs-link-with-arrow-on-light-red default on background light-red ------------------------------ */ /* ============================== ### kbs-link-as-button ============================== */ /* ------------------------------ #### kbs-link-as-button default on background white ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-on-dark-gray default on background dark-gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-on-dark-red default on background dark-red ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-on-gold default on background gold ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-on-gray default on background gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-on-light-blue default on background light-blue ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-on-light-gray default on background light-gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-on-light-red default on background light-red ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-on-white default on background white ------------------------------ */ /* ============================== ### kbs-link-as-button-with-arrow ============================== */ /* ------------------------------ #### kbs-link-as-button-with-arrow default on background white ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-with-arrow-on-dark-gray default on background dark-gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-with-arrow-on-dark-red default on background dark-red ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-with-arrow-on-gold default on background gold ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-with-arrow-on-gray default on background gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-with-arrow-on-light-blue default on background light-blue ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-with-arrow-on-light-gray default on background light-gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-button-with-arrow-on-light-red default on background light-red ------------------------------ */ /* ============================== ### kbs-link-as-complex-button ============================== */ /* ------------------------------ #### kbs-link-as-complex-button default on background white ------------------------------ */ /* ------------------------------ #### kbs-link-as-complex-button-on-dark-gray default on background dark-gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-complex-button-on-dark-red default on background dark-red ------------------------------ */ /* ------------------------------ #### kbs-link-as-complex-button-on-gold default on background gold ------------------------------ */ /* ------------------------------ #### kbs-link-as-complex-button-on-gray default on background gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-complex-button-on-light-blue default on background light-blue ------------------------------ */ /* ------------------------------ #### kbs-link-as-complex-button-on-light-gray default on background light-gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-complex-button-on-light-red default on background light-red ------------------------------ */ /* ============================== ### kbs-link-as-uncollapse-button ============================== */ /* ------------------------------ #### kbs-link-as-uncollapse-button default on background white ------------------------------ */ /* ------------------------------ #### kbs-link-as-uncollapse-button-on-dark-gray default on background dark-gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-uncollapse-button-on-dark-red default on background dark-red ------------------------------ */ /* ------------------------------ #### kbs-link-as-uncollapse-button-on-gold default on background gold ------------------------------ */ /* ------------------------------ #### kbs-link-as-uncollapse-button-on-gray default on background gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-uncollapse-button-on-light-blue default on background light-blue ------------------------------ */ /* ------------------------------ #### kbs-link-as-uncollapse-button-on-light-gray default on background light-gray ------------------------------ */ /* ------------------------------ #### kbs-link-as-uncollapse-button-on-light-red default on background light-red ------------------------------ */ /* ============================== # Mixin und Include aller HTML link-Mixins ============================== */ .kbs-link { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-link:focus, .kbs-link:hover, .kbs-link:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-on-dark-gray { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-link-on-dark-gray:focus, .kbs-link-on-dark-gray:hover, .kbs-link-on-dark-gray:active { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-on-dark-gray.current { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-on-dark-red { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-link-on-dark-red:focus, .kbs-link-on-dark-red:hover, .kbs-link-on-dark-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-on-dark-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-on-gold { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-link-on-gold:focus, .kbs-link-on-gold:hover, .kbs-link-on-gold:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-on-gold.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-on-gray { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-link-on-gray:focus, .kbs-link-on-gray:hover, .kbs-link-on-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-on-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-on-light-blue { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-link-on-light-blue:focus, .kbs-link-on-light-blue:hover, .kbs-link-on-light-blue:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-on-light-blue.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-on-light-gray { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-link-on-light-gray:focus, .kbs-link-on-light-gray:hover, .kbs-link-on-light-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-on-light-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-on-light-red { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .kbs-link-on-light-red:focus, .kbs-link-on-light-red:hover, .kbs-link-on-light-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-on-light-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-with-arrow { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .kbs-link-with-arrow:focus, .kbs-link-with-arrow:hover, .kbs-link-with-arrow:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-with-arrow.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-with-arrow.tiny { padding: 0.6rem; } .kbs-link-with-arrow.small { padding: 0.75rem; } .kbs-link-with-arrow.large { padding: 1.25rem; } .kbs-link-with-arrow::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-with-arrow:focus, .kbs-link-with-arrow:hover, .kbs-link-with-arrow:active { position: relative; padding-right: 2.5rem; } .kbs-link-with-arrow:focus.tiny, .kbs-link-with-arrow:hover.tiny, .kbs-link-with-arrow:active.tiny { padding: 0.6rem; } .kbs-link-with-arrow:focus.small, .kbs-link-with-arrow:hover.small, .kbs-link-with-arrow:active.small { padding: 0.75rem; } .kbs-link-with-arrow:focus.large, .kbs-link-with-arrow:hover.large, .kbs-link-with-arrow:active.large { padding: 1.25rem; } .kbs-link-with-arrow:focus::after, .kbs-link-with-arrow:hover::after, .kbs-link-with-arrow:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-link-with-arrow::after { -ms-transform: scale(0.7); transform: scale(0.7); } .kbs-link-with-arrow.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-with-arrow-on-dark-gray { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; } .kbs-link-with-arrow-on-dark-gray:focus, .kbs-link-with-arrow-on-dark-gray:hover, .kbs-link-with-arrow-on-dark-gray:active { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-with-arrow-on-dark-gray.current { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-with-arrow-on-dark-gray.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-dark-gray.small { padding: 0.75rem; } .kbs-link-with-arrow-on-dark-gray.large { padding: 1.25rem; } .kbs-link-with-arrow-on-dark-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-dark-gray::after { -ms-transform: scale(0.7); transform: scale(0.7); } .kbs-link-with-arrow-on-dark-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-with-arrow-on-dark-red { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .kbs-link-with-arrow-on-dark-red:focus, .kbs-link-with-arrow-on-dark-red:hover, .kbs-link-with-arrow-on-dark-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-with-arrow-on-dark-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-with-arrow-on-dark-red.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-dark-red.small { padding: 0.75rem; } .kbs-link-with-arrow-on-dark-red.large { padding: 1.25rem; } .kbs-link-with-arrow-on-dark-red::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-dark-red:focus, .kbs-link-with-arrow-on-dark-red:hover, .kbs-link-with-arrow-on-dark-red:active { position: relative; padding-right: 2.5rem; } .kbs-link-with-arrow-on-dark-red:focus.tiny, .kbs-link-with-arrow-on-dark-red:hover.tiny, .kbs-link-with-arrow-on-dark-red:active.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-dark-red:focus.small, .kbs-link-with-arrow-on-dark-red:hover.small, .kbs-link-with-arrow-on-dark-red:active.small { padding: 0.75rem; } .kbs-link-with-arrow-on-dark-red:focus.large, .kbs-link-with-arrow-on-dark-red:hover.large, .kbs-link-with-arrow-on-dark-red:active.large { padding: 1.25rem; } .kbs-link-with-arrow-on-dark-red:focus::after, .kbs-link-with-arrow-on-dark-red:hover::after, .kbs-link-with-arrow-on-dark-red:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-dark-red::after { -ms-transform: scale(0.7); transform: scale(0.7); } .kbs-link-with-arrow-on-dark-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-with-arrow-on-gold { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .kbs-link-with-arrow-on-gold:focus, .kbs-link-with-arrow-on-gold:hover, .kbs-link-with-arrow-on-gold:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-with-arrow-on-gold.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-with-arrow-on-gold.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-gold.small { padding: 0.75rem; } .kbs-link-with-arrow-on-gold.large { padding: 1.25rem; } .kbs-link-with-arrow-on-gold::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-gold:focus, .kbs-link-with-arrow-on-gold:hover, .kbs-link-with-arrow-on-gold:active { position: relative; padding-right: 2.5rem; } .kbs-link-with-arrow-on-gold:focus.tiny, .kbs-link-with-arrow-on-gold:hover.tiny, .kbs-link-with-arrow-on-gold:active.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-gold:focus.small, .kbs-link-with-arrow-on-gold:hover.small, .kbs-link-with-arrow-on-gold:active.small { padding: 0.75rem; } .kbs-link-with-arrow-on-gold:focus.large, .kbs-link-with-arrow-on-gold:hover.large, .kbs-link-with-arrow-on-gold:active.large { padding: 1.25rem; } .kbs-link-with-arrow-on-gold:focus::after, .kbs-link-with-arrow-on-gold:hover::after, .kbs-link-with-arrow-on-gold:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-gold::after { -ms-transform: scale(0.7); transform: scale(0.7); } .kbs-link-with-arrow-on-gold.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-with-arrow-on-gray { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .kbs-link-with-arrow-on-gray:focus, .kbs-link-with-arrow-on-gray:hover, .kbs-link-with-arrow-on-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-with-arrow-on-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-with-arrow-on-gray.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-gray.small { padding: 0.75rem; } .kbs-link-with-arrow-on-gray.large { padding: 1.25rem; } .kbs-link-with-arrow-on-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-gray:focus, .kbs-link-with-arrow-on-gray:hover, .kbs-link-with-arrow-on-gray:active { position: relative; padding-right: 2.5rem; } .kbs-link-with-arrow-on-gray:focus.tiny, .kbs-link-with-arrow-on-gray:hover.tiny, .kbs-link-with-arrow-on-gray:active.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-gray:focus.small, .kbs-link-with-arrow-on-gray:hover.small, .kbs-link-with-arrow-on-gray:active.small { padding: 0.75rem; } .kbs-link-with-arrow-on-gray:focus.large, .kbs-link-with-arrow-on-gray:hover.large, .kbs-link-with-arrow-on-gray:active.large { padding: 1.25rem; } .kbs-link-with-arrow-on-gray:focus::after, .kbs-link-with-arrow-on-gray:hover::after, .kbs-link-with-arrow-on-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-gray::after { -ms-transform: scale(0.7); transform: scale(0.7); } .kbs-link-with-arrow-on-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-with-arrow-on-light-blue { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; } .kbs-link-with-arrow-on-light-blue:focus, .kbs-link-with-arrow-on-light-blue:hover, .kbs-link-with-arrow-on-light-blue:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-with-arrow-on-light-blue.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-with-arrow-on-light-blue.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-light-blue.small { padding: 0.75rem; } .kbs-link-with-arrow-on-light-blue.large { padding: 1.25rem; } .kbs-link-with-arrow-on-light-blue::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-light-blue::after { -ms-transform: scale(0.7); transform: scale(0.7); } .kbs-link-with-arrow-on-light-blue.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-with-arrow-on-light-gray { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .kbs-link-with-arrow-on-light-gray:focus, .kbs-link-with-arrow-on-light-gray:hover, .kbs-link-with-arrow-on-light-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-with-arrow-on-light-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-with-arrow-on-light-gray.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-light-gray.small { padding: 0.75rem; } .kbs-link-with-arrow-on-light-gray.large { padding: 1.25rem; } .kbs-link-with-arrow-on-light-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-light-gray:focus, .kbs-link-with-arrow-on-light-gray:hover, .kbs-link-with-arrow-on-light-gray:active { position: relative; padding-right: 2.5rem; } .kbs-link-with-arrow-on-light-gray:focus.tiny, .kbs-link-with-arrow-on-light-gray:hover.tiny, .kbs-link-with-arrow-on-light-gray:active.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-light-gray:focus.small, .kbs-link-with-arrow-on-light-gray:hover.small, .kbs-link-with-arrow-on-light-gray:active.small { padding: 0.75rem; } .kbs-link-with-arrow-on-light-gray:focus.large, .kbs-link-with-arrow-on-light-gray:hover.large, .kbs-link-with-arrow-on-light-gray:active.large { padding: 1.25rem; } .kbs-link-with-arrow-on-light-gray:focus::after, .kbs-link-with-arrow-on-light-gray:hover::after, .kbs-link-with-arrow-on-light-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-light-gray::after { -ms-transform: scale(0.7); transform: scale(0.7); } .kbs-link-with-arrow-on-light-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-with-arrow-on-light-red { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .kbs-link-with-arrow-on-light-red:focus, .kbs-link-with-arrow-on-light-red:hover, .kbs-link-with-arrow-on-light-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-with-arrow-on-light-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-with-arrow-on-light-red.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-light-red.small { padding: 0.75rem; } .kbs-link-with-arrow-on-light-red.large { padding: 1.25rem; } .kbs-link-with-arrow-on-light-red::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-light-red:focus, .kbs-link-with-arrow-on-light-red:hover, .kbs-link-with-arrow-on-light-red:active { position: relative; padding-right: 2.5rem; } .kbs-link-with-arrow-on-light-red:focus.tiny, .kbs-link-with-arrow-on-light-red:hover.tiny, .kbs-link-with-arrow-on-light-red:active.tiny { padding: 0.6rem; } .kbs-link-with-arrow-on-light-red:focus.small, .kbs-link-with-arrow-on-light-red:hover.small, .kbs-link-with-arrow-on-light-red:active.small { padding: 0.75rem; } .kbs-link-with-arrow-on-light-red:focus.large, .kbs-link-with-arrow-on-light-red:hover.large, .kbs-link-with-arrow-on-light-red:active.large { padding: 1.25rem; } .kbs-link-with-arrow-on-light-red:focus::after, .kbs-link-with-arrow-on-light-red:hover::after, .kbs-link-with-arrow-on-light-red:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-with-arrow-on-light-red::after { -ms-transform: scale(0.7); transform: scale(0.7); } .kbs-link-with-arrow-on-light-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button { outline: 0; } .kbs-link-as-button:hover, .kbs-link-as-button:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button:focus, .kbs-link-as-button:hover, .kbs-link-as-button:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button:focus, .kbs-link-as-button:hover, .kbs-link-as-button:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button.active, .kbs-link-as-button.current, .kbs-link-as-button.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button.active:focus, .kbs-link-as-button.active:hover, .kbs-link-as-button.active:active, .kbs-link-as-button.current:focus, .kbs-link-as-button.current:hover, .kbs-link-as-button.current:active, .kbs-link-as-button.topinpath:focus, .kbs-link-as-button.topinpath:hover, .kbs-link-as-button.topinpath:active { position: inherit; } .kbs-link-as-button.active:focus::after, .kbs-link-as-button.active:hover::after, .kbs-link-as-button.active:active::after, .kbs-link-as-button.current:focus::after, .kbs-link-as-button.current:hover::after, .kbs-link-as-button.current:active::after, .kbs-link-as-button.topinpath:focus::after, .kbs-link-as-button.topinpath:hover::after, .kbs-link-as-button.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-on-dark-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-on-dark-gray { outline: 0; } .kbs-link-as-button-on-dark-gray:hover, .kbs-link-as-button-on-dark-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-on-dark-gray:focus, .kbs-link-as-button-on-dark-gray:hover, .kbs-link-as-button-on-dark-gray:active { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-as-button-on-dark-gray.current { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-as-button-on-dark-gray:focus, .kbs-link-as-button-on-dark-gray:hover, .kbs-link-as-button-on-dark-gray:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .kbs-link-as-button-on-dark-gray.active, .kbs-link-as-button-on-dark-gray.current, .kbs-link-as-button-on-dark-gray.topinpath { cursor: default; border-color: #ffffff; color: #2a363b; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-on-dark-gray.active:focus, .kbs-link-as-button-on-dark-gray.active:hover, .kbs-link-as-button-on-dark-gray.active:active, .kbs-link-as-button-on-dark-gray.current:focus, .kbs-link-as-button-on-dark-gray.current:hover, .kbs-link-as-button-on-dark-gray.current:active, .kbs-link-as-button-on-dark-gray.topinpath:focus, .kbs-link-as-button-on-dark-gray.topinpath:hover, .kbs-link-as-button-on-dark-gray.topinpath:active { position: inherit; } .kbs-link-as-button-on-dark-gray.active:focus::after, .kbs-link-as-button-on-dark-gray.active:hover::after, .kbs-link-as-button-on-dark-gray.active:active::after, .kbs-link-as-button-on-dark-gray.current:focus::after, .kbs-link-as-button-on-dark-gray.current:hover::after, .kbs-link-as-button-on-dark-gray.current:active::after, .kbs-link-as-button-on-dark-gray.topinpath:focus::after, .kbs-link-as-button-on-dark-gray.topinpath:hover::after, .kbs-link-as-button-on-dark-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-on-dark-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-on-dark-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-on-dark-red { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-on-dark-red { outline: 0; } .kbs-link-as-button-on-dark-red:hover, .kbs-link-as-button-on-dark-red:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-on-dark-red:focus, .kbs-link-as-button-on-dark-red:hover, .kbs-link-as-button-on-dark-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-on-dark-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-on-dark-red:focus, .kbs-link-as-button-on-dark-red:hover, .kbs-link-as-button-on-dark-red:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-link-as-button-on-dark-red.active, .kbs-link-as-button-on-dark-red.current, .kbs-link-as-button-on-dark-red.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-on-dark-red.active:focus, .kbs-link-as-button-on-dark-red.active:hover, .kbs-link-as-button-on-dark-red.active:active, .kbs-link-as-button-on-dark-red.current:focus, .kbs-link-as-button-on-dark-red.current:hover, .kbs-link-as-button-on-dark-red.current:active, .kbs-link-as-button-on-dark-red.topinpath:focus, .kbs-link-as-button-on-dark-red.topinpath:hover, .kbs-link-as-button-on-dark-red.topinpath:active { position: inherit; } .kbs-link-as-button-on-dark-red.active:focus::after, .kbs-link-as-button-on-dark-red.active:hover::after, .kbs-link-as-button-on-dark-red.active:active::after, .kbs-link-as-button-on-dark-red.current:focus::after, .kbs-link-as-button-on-dark-red.current:hover::after, .kbs-link-as-button-on-dark-red.current:active::after, .kbs-link-as-button-on-dark-red.topinpath:focus::after, .kbs-link-as-button-on-dark-red.topinpath:hover::after, .kbs-link-as-button-on-dark-red.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-on-dark-red { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-on-dark-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-on-gold { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-on-gold { outline: 0; } .kbs-link-as-button-on-gold:hover, .kbs-link-as-button-on-gold:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-on-gold:focus, .kbs-link-as-button-on-gold:hover, .kbs-link-as-button-on-gold:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-on-gold.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-on-gold:focus, .kbs-link-as-button-on-gold:hover, .kbs-link-as-button-on-gold:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button-on-gold.active, .kbs-link-as-button-on-gold.current, .kbs-link-as-button-on-gold.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-on-gold.active:focus, .kbs-link-as-button-on-gold.active:hover, .kbs-link-as-button-on-gold.active:active, .kbs-link-as-button-on-gold.current:focus, .kbs-link-as-button-on-gold.current:hover, .kbs-link-as-button-on-gold.current:active, .kbs-link-as-button-on-gold.topinpath:focus, .kbs-link-as-button-on-gold.topinpath:hover, .kbs-link-as-button-on-gold.topinpath:active { position: inherit; } .kbs-link-as-button-on-gold.active:focus::after, .kbs-link-as-button-on-gold.active:hover::after, .kbs-link-as-button-on-gold.active:active::after, .kbs-link-as-button-on-gold.current:focus::after, .kbs-link-as-button-on-gold.current:hover::after, .kbs-link-as-button-on-gold.current:active::after, .kbs-link-as-button-on-gold.topinpath:focus::after, .kbs-link-as-button-on-gold.topinpath:hover::after, .kbs-link-as-button-on-gold.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-on-gold { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-on-gold.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-on-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-on-gray { outline: 0; } .kbs-link-as-button-on-gray:hover, .kbs-link-as-button-on-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-on-gray:focus, .kbs-link-as-button-on-gray:hover, .kbs-link-as-button-on-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-on-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-on-gray:focus, .kbs-link-as-button-on-gray:hover, .kbs-link-as-button-on-gray:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button-on-gray.active, .kbs-link-as-button-on-gray.current, .kbs-link-as-button-on-gray.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-on-gray.active:focus, .kbs-link-as-button-on-gray.active:hover, .kbs-link-as-button-on-gray.active:active, .kbs-link-as-button-on-gray.current:focus, .kbs-link-as-button-on-gray.current:hover, .kbs-link-as-button-on-gray.current:active, .kbs-link-as-button-on-gray.topinpath:focus, .kbs-link-as-button-on-gray.topinpath:hover, .kbs-link-as-button-on-gray.topinpath:active { position: inherit; } .kbs-link-as-button-on-gray.active:focus::after, .kbs-link-as-button-on-gray.active:hover::after, .kbs-link-as-button-on-gray.active:active::after, .kbs-link-as-button-on-gray.current:focus::after, .kbs-link-as-button-on-gray.current:hover::after, .kbs-link-as-button-on-gray.current:active::after, .kbs-link-as-button-on-gray.topinpath:focus::after, .kbs-link-as-button-on-gray.topinpath:hover::after, .kbs-link-as-button-on-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-on-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-on-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-on-light-blue { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-on-light-blue { outline: 0; } .kbs-link-as-button-on-light-blue:hover, .kbs-link-as-button-on-light-blue:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-on-light-blue:focus, .kbs-link-as-button-on-light-blue:hover, .kbs-link-as-button-on-light-blue:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-on-light-blue.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-on-light-blue:focus, .kbs-link-as-button-on-light-blue:hover, .kbs-link-as-button-on-light-blue:active { border-color: #2a363b; color: #ffffff; background-color: #2a363b; } .kbs-link-as-button-on-light-blue.active, .kbs-link-as-button-on-light-blue.current, .kbs-link-as-button-on-light-blue.topinpath { cursor: default; border-color: #2a363b; color: #ffffff; background-color: #2a363b; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-on-light-blue.active:focus, .kbs-link-as-button-on-light-blue.active:hover, .kbs-link-as-button-on-light-blue.active:active, .kbs-link-as-button-on-light-blue.current:focus, .kbs-link-as-button-on-light-blue.current:hover, .kbs-link-as-button-on-light-blue.current:active, .kbs-link-as-button-on-light-blue.topinpath:focus, .kbs-link-as-button-on-light-blue.topinpath:hover, .kbs-link-as-button-on-light-blue.topinpath:active { position: inherit; } .kbs-link-as-button-on-light-blue.active:focus::after, .kbs-link-as-button-on-light-blue.active:hover::after, .kbs-link-as-button-on-light-blue.active:active::after, .kbs-link-as-button-on-light-blue.current:focus::after, .kbs-link-as-button-on-light-blue.current:hover::after, .kbs-link-as-button-on-light-blue.current:active::after, .kbs-link-as-button-on-light-blue.topinpath:focus::after, .kbs-link-as-button-on-light-blue.topinpath:hover::after, .kbs-link-as-button-on-light-blue.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-on-light-blue { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-on-light-blue.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-on-light-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-on-light-gray { outline: 0; } .kbs-link-as-button-on-light-gray:hover, .kbs-link-as-button-on-light-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-on-light-gray:focus, .kbs-link-as-button-on-light-gray:hover, .kbs-link-as-button-on-light-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-on-light-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-on-light-gray:focus, .kbs-link-as-button-on-light-gray:hover, .kbs-link-as-button-on-light-gray:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button-on-light-gray.active, .kbs-link-as-button-on-light-gray.current, .kbs-link-as-button-on-light-gray.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-on-light-gray.active:focus, .kbs-link-as-button-on-light-gray.active:hover, .kbs-link-as-button-on-light-gray.active:active, .kbs-link-as-button-on-light-gray.current:focus, .kbs-link-as-button-on-light-gray.current:hover, .kbs-link-as-button-on-light-gray.current:active, .kbs-link-as-button-on-light-gray.topinpath:focus, .kbs-link-as-button-on-light-gray.topinpath:hover, .kbs-link-as-button-on-light-gray.topinpath:active { position: inherit; } .kbs-link-as-button-on-light-gray.active:focus::after, .kbs-link-as-button-on-light-gray.active:hover::after, .kbs-link-as-button-on-light-gray.active:active::after, .kbs-link-as-button-on-light-gray.current:focus::after, .kbs-link-as-button-on-light-gray.current:hover::after, .kbs-link-as-button-on-light-gray.current:active::after, .kbs-link-as-button-on-light-gray.topinpath:focus::after, .kbs-link-as-button-on-light-gray.topinpath:hover::after, .kbs-link-as-button-on-light-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-on-light-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-on-light-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-on-light-red { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-on-light-red { outline: 0; } .kbs-link-as-button-on-light-red:hover, .kbs-link-as-button-on-light-red:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-on-light-red:focus, .kbs-link-as-button-on-light-red:hover, .kbs-link-as-button-on-light-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-on-light-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-on-light-red:focus, .kbs-link-as-button-on-light-red:hover, .kbs-link-as-button-on-light-red:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-link-as-button-on-light-red.active, .kbs-link-as-button-on-light-red.current, .kbs-link-as-button-on-light-red.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-on-light-red.active:focus, .kbs-link-as-button-on-light-red.active:hover, .kbs-link-as-button-on-light-red.active:active, .kbs-link-as-button-on-light-red.current:focus, .kbs-link-as-button-on-light-red.current:hover, .kbs-link-as-button-on-light-red.current:active, .kbs-link-as-button-on-light-red.topinpath:focus, .kbs-link-as-button-on-light-red.topinpath:hover, .kbs-link-as-button-on-light-red.topinpath:active { position: inherit; } .kbs-link-as-button-on-light-red.active:focus::after, .kbs-link-as-button-on-light-red.active:hover::after, .kbs-link-as-button-on-light-red.active:active::after, .kbs-link-as-button-on-light-red.current:focus::after, .kbs-link-as-button-on-light-red.current:hover::after, .kbs-link-as-button-on-light-red.current:active::after, .kbs-link-as-button-on-light-red.topinpath:focus::after, .kbs-link-as-button-on-light-red.topinpath:hover::after, .kbs-link-as-button-on-light-red.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-on-light-red { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-on-light-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-on-white { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-on-white { outline: 0; } .kbs-link-as-button-on-white:hover, .kbs-link-as-button-on-white:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-on-white:focus, .kbs-link-as-button-on-white:hover, .kbs-link-as-button-on-white:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-on-white.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-on-white:focus, .kbs-link-as-button-on-white:hover, .kbs-link-as-button-on-white:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button-on-white.active, .kbs-link-as-button-on-white.current, .kbs-link-as-button-on-white.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-on-white.active:focus, .kbs-link-as-button-on-white.active:hover, .kbs-link-as-button-on-white.active:active, .kbs-link-as-button-on-white.current:focus, .kbs-link-as-button-on-white.current:hover, .kbs-link-as-button-on-white.current:active, .kbs-link-as-button-on-white.topinpath:focus, .kbs-link-as-button-on-white.topinpath:hover, .kbs-link-as-button-on-white.topinpath:active { position: inherit; } .kbs-link-as-button-on-white.active:focus::after, .kbs-link-as-button-on-white.active:hover::after, .kbs-link-as-button-on-white.active:active::after, .kbs-link-as-button-on-white.current:focus::after, .kbs-link-as-button-on-white.current:hover::after, .kbs-link-as-button-on-white.current:active::after, .kbs-link-as-button-on-white.topinpath:focus::after, .kbs-link-as-button-on-white.topinpath:hover::after, .kbs-link-as-button-on-white.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-on-white { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-on-white.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-with-arrow { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-with-arrow { outline: 0; } .kbs-link-as-button-with-arrow:hover, .kbs-link-as-button-with-arrow:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-with-arrow:focus, .kbs-link-as-button-with-arrow:hover, .kbs-link-as-button-with-arrow:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-with-arrow.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-with-arrow:focus, .kbs-link-as-button-with-arrow:hover, .kbs-link-as-button-with-arrow:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button-with-arrow.active, .kbs-link-as-button-with-arrow.current, .kbs-link-as-button-with-arrow.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-with-arrow.active:focus, .kbs-link-as-button-with-arrow.active:hover, .kbs-link-as-button-with-arrow.active:active, .kbs-link-as-button-with-arrow.current:focus, .kbs-link-as-button-with-arrow.current:hover, .kbs-link-as-button-with-arrow.current:active, .kbs-link-as-button-with-arrow.topinpath:focus, .kbs-link-as-button-with-arrow.topinpath:hover, .kbs-link-as-button-with-arrow.topinpath:active { position: inherit; } .kbs-link-as-button-with-arrow.active:focus::after, .kbs-link-as-button-with-arrow.active:hover::after, .kbs-link-as-button-with-arrow.active:active::after, .kbs-link-as-button-with-arrow.current:focus::after, .kbs-link-as-button-with-arrow.current:hover::after, .kbs-link-as-button-with-arrow.current:active::after, .kbs-link-as-button-with-arrow.topinpath:focus::after, .kbs-link-as-button-with-arrow.topinpath:hover::after, .kbs-link-as-button-with-arrow.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-with-arrow { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-with-arrow.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow:focus, .kbs-link-as-button-with-arrow:hover, .kbs-link-as-button-with-arrow:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-button-with-arrow:focus.tiny, .kbs-link-as-button-with-arrow:hover.tiny, .kbs-link-as-button-with-arrow:active.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow:focus.small, .kbs-link-as-button-with-arrow:hover.small, .kbs-link-as-button-with-arrow:active.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow:focus.large, .kbs-link-as-button-with-arrow:hover.large, .kbs-link-as-button-with-arrow:active.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow:focus::after, .kbs-link-as-button-with-arrow:hover::after, .kbs-link-as-button-with-arrow:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow:focus::after.tiny, .kbs-link-as-button-with-arrow:hover::after.tiny, .kbs-link-as-button-with-arrow:active::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow:focus::after.small, .kbs-link-as-button-with-arrow:hover::after.small, .kbs-link-as-button-with-arrow:active::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow:focus::after.large, .kbs-link-as-button-with-arrow:hover::after.large, .kbs-link-as-button-with-arrow:active::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-with-arrow-on-dark-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-with-arrow-on-dark-gray { outline: 0; } .kbs-link-as-button-with-arrow-on-dark-gray:hover, .kbs-link-as-button-with-arrow-on-dark-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-with-arrow-on-dark-gray:focus, .kbs-link-as-button-with-arrow-on-dark-gray:hover, .kbs-link-as-button-with-arrow-on-dark-gray:active { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-as-button-with-arrow-on-dark-gray.current { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-as-button-with-arrow-on-dark-gray:focus, .kbs-link-as-button-with-arrow-on-dark-gray:hover, .kbs-link-as-button-with-arrow-on-dark-gray:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .kbs-link-as-button-with-arrow-on-dark-gray.active, .kbs-link-as-button-with-arrow-on-dark-gray.current, .kbs-link-as-button-with-arrow-on-dark-gray.topinpath { cursor: default; border-color: #ffffff; color: #2a363b; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-with-arrow-on-dark-gray.active:focus, .kbs-link-as-button-with-arrow-on-dark-gray.active:hover, .kbs-link-as-button-with-arrow-on-dark-gray.active:active, .kbs-link-as-button-with-arrow-on-dark-gray.current:focus, .kbs-link-as-button-with-arrow-on-dark-gray.current:hover, .kbs-link-as-button-with-arrow-on-dark-gray.current:active, .kbs-link-as-button-with-arrow-on-dark-gray.topinpath:focus, .kbs-link-as-button-with-arrow-on-dark-gray.topinpath:hover, .kbs-link-as-button-with-arrow-on-dark-gray.topinpath:active { position: inherit; } .kbs-link-as-button-with-arrow-on-dark-gray.active:focus::after, .kbs-link-as-button-with-arrow-on-dark-gray.active:hover::after, .kbs-link-as-button-with-arrow-on-dark-gray.active:active::after, .kbs-link-as-button-with-arrow-on-dark-gray.current:focus::after, .kbs-link-as-button-with-arrow-on-dark-gray.current:hover::after, .kbs-link-as-button-with-arrow-on-dark-gray.current:active::after, .kbs-link-as-button-with-arrow-on-dark-gray.topinpath:focus::after, .kbs-link-as-button-with-arrow-on-dark-gray.topinpath:hover::after, .kbs-link-as-button-with-arrow-on-dark-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-with-arrow-on-dark-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-with-arrow-on-dark-gray.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-dark-gray.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-dark-gray.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-dark-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-dark-gray::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-dark-gray::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-dark-gray::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-dark-gray:focus, .kbs-link-as-button-with-arrow-on-dark-gray:hover, .kbs-link-as-button-with-arrow-on-dark-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-button-with-arrow-on-dark-gray:focus.tiny, .kbs-link-as-button-with-arrow-on-dark-gray:hover.tiny, .kbs-link-as-button-with-arrow-on-dark-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-dark-gray:focus.small, .kbs-link-as-button-with-arrow-on-dark-gray:hover.small, .kbs-link-as-button-with-arrow-on-dark-gray:active.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-dark-gray:focus.large, .kbs-link-as-button-with-arrow-on-dark-gray:hover.large, .kbs-link-as-button-with-arrow-on-dark-gray:active.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-dark-gray:focus::after, .kbs-link-as-button-with-arrow-on-dark-gray:hover::after, .kbs-link-as-button-with-arrow-on-dark-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-dark-gray:focus::after.tiny, .kbs-link-as-button-with-arrow-on-dark-gray:hover::after.tiny, .kbs-link-as-button-with-arrow-on-dark-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-dark-gray:focus::after.small, .kbs-link-as-button-with-arrow-on-dark-gray:hover::after.small, .kbs-link-as-button-with-arrow-on-dark-gray:active::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-dark-gray:focus::after.large, .kbs-link-as-button-with-arrow-on-dark-gray:hover::after.large, .kbs-link-as-button-with-arrow-on-dark-gray:active::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-dark-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-with-arrow-on-dark-red { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-with-arrow-on-dark-red { outline: 0; } .kbs-link-as-button-with-arrow-on-dark-red:hover, .kbs-link-as-button-with-arrow-on-dark-red:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-with-arrow-on-dark-red:focus, .kbs-link-as-button-with-arrow-on-dark-red:hover, .kbs-link-as-button-with-arrow-on-dark-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-with-arrow-on-dark-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-with-arrow-on-dark-red:focus, .kbs-link-as-button-with-arrow-on-dark-red:hover, .kbs-link-as-button-with-arrow-on-dark-red:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-link-as-button-with-arrow-on-dark-red.active, .kbs-link-as-button-with-arrow-on-dark-red.current, .kbs-link-as-button-with-arrow-on-dark-red.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-with-arrow-on-dark-red.active:focus, .kbs-link-as-button-with-arrow-on-dark-red.active:hover, .kbs-link-as-button-with-arrow-on-dark-red.active:active, .kbs-link-as-button-with-arrow-on-dark-red.current:focus, .kbs-link-as-button-with-arrow-on-dark-red.current:hover, .kbs-link-as-button-with-arrow-on-dark-red.current:active, .kbs-link-as-button-with-arrow-on-dark-red.topinpath:focus, .kbs-link-as-button-with-arrow-on-dark-red.topinpath:hover, .kbs-link-as-button-with-arrow-on-dark-red.topinpath:active { position: inherit; } .kbs-link-as-button-with-arrow-on-dark-red.active:focus::after, .kbs-link-as-button-with-arrow-on-dark-red.active:hover::after, .kbs-link-as-button-with-arrow-on-dark-red.active:active::after, .kbs-link-as-button-with-arrow-on-dark-red.current:focus::after, .kbs-link-as-button-with-arrow-on-dark-red.current:hover::after, .kbs-link-as-button-with-arrow-on-dark-red.current:active::after, .kbs-link-as-button-with-arrow-on-dark-red.topinpath:focus::after, .kbs-link-as-button-with-arrow-on-dark-red.topinpath:hover::after, .kbs-link-as-button-with-arrow-on-dark-red.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-with-arrow-on-dark-red { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-with-arrow-on-dark-red.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-dark-red.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-dark-red.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-dark-red::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-dark-red::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-dark-red::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-dark-red::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-dark-red:focus, .kbs-link-as-button-with-arrow-on-dark-red:hover, .kbs-link-as-button-with-arrow-on-dark-red:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-button-with-arrow-on-dark-red:focus.tiny, .kbs-link-as-button-with-arrow-on-dark-red:hover.tiny, .kbs-link-as-button-with-arrow-on-dark-red:active.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-dark-red:focus.small, .kbs-link-as-button-with-arrow-on-dark-red:hover.small, .kbs-link-as-button-with-arrow-on-dark-red:active.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-dark-red:focus.large, .kbs-link-as-button-with-arrow-on-dark-red:hover.large, .kbs-link-as-button-with-arrow-on-dark-red:active.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-dark-red:focus::after, .kbs-link-as-button-with-arrow-on-dark-red:hover::after, .kbs-link-as-button-with-arrow-on-dark-red:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-dark-red:focus::after.tiny, .kbs-link-as-button-with-arrow-on-dark-red:hover::after.tiny, .kbs-link-as-button-with-arrow-on-dark-red:active::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-dark-red:focus::after.small, .kbs-link-as-button-with-arrow-on-dark-red:hover::after.small, .kbs-link-as-button-with-arrow-on-dark-red:active::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-dark-red:focus::after.large, .kbs-link-as-button-with-arrow-on-dark-red:hover::after.large, .kbs-link-as-button-with-arrow-on-dark-red:active::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-dark-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-with-arrow-on-gold { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-with-arrow-on-gold { outline: 0; } .kbs-link-as-button-with-arrow-on-gold:hover, .kbs-link-as-button-with-arrow-on-gold:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-with-arrow-on-gold:focus, .kbs-link-as-button-with-arrow-on-gold:hover, .kbs-link-as-button-with-arrow-on-gold:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-with-arrow-on-gold.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-with-arrow-on-gold:focus, .kbs-link-as-button-with-arrow-on-gold:hover, .kbs-link-as-button-with-arrow-on-gold:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button-with-arrow-on-gold.active, .kbs-link-as-button-with-arrow-on-gold.current, .kbs-link-as-button-with-arrow-on-gold.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-with-arrow-on-gold.active:focus, .kbs-link-as-button-with-arrow-on-gold.active:hover, .kbs-link-as-button-with-arrow-on-gold.active:active, .kbs-link-as-button-with-arrow-on-gold.current:focus, .kbs-link-as-button-with-arrow-on-gold.current:hover, .kbs-link-as-button-with-arrow-on-gold.current:active, .kbs-link-as-button-with-arrow-on-gold.topinpath:focus, .kbs-link-as-button-with-arrow-on-gold.topinpath:hover, .kbs-link-as-button-with-arrow-on-gold.topinpath:active { position: inherit; } .kbs-link-as-button-with-arrow-on-gold.active:focus::after, .kbs-link-as-button-with-arrow-on-gold.active:hover::after, .kbs-link-as-button-with-arrow-on-gold.active:active::after, .kbs-link-as-button-with-arrow-on-gold.current:focus::after, .kbs-link-as-button-with-arrow-on-gold.current:hover::after, .kbs-link-as-button-with-arrow-on-gold.current:active::after, .kbs-link-as-button-with-arrow-on-gold.topinpath:focus::after, .kbs-link-as-button-with-arrow-on-gold.topinpath:hover::after, .kbs-link-as-button-with-arrow-on-gold.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-with-arrow-on-gold { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-with-arrow-on-gold.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-gold.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-gold.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-gold::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-gold::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-gold::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-gold::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-gold:focus, .kbs-link-as-button-with-arrow-on-gold:hover, .kbs-link-as-button-with-arrow-on-gold:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-button-with-arrow-on-gold:focus.tiny, .kbs-link-as-button-with-arrow-on-gold:hover.tiny, .kbs-link-as-button-with-arrow-on-gold:active.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-gold:focus.small, .kbs-link-as-button-with-arrow-on-gold:hover.small, .kbs-link-as-button-with-arrow-on-gold:active.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-gold:focus.large, .kbs-link-as-button-with-arrow-on-gold:hover.large, .kbs-link-as-button-with-arrow-on-gold:active.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-gold:focus::after, .kbs-link-as-button-with-arrow-on-gold:hover::after, .kbs-link-as-button-with-arrow-on-gold:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-gold:focus::after.tiny, .kbs-link-as-button-with-arrow-on-gold:hover::after.tiny, .kbs-link-as-button-with-arrow-on-gold:active::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-gold:focus::after.small, .kbs-link-as-button-with-arrow-on-gold:hover::after.small, .kbs-link-as-button-with-arrow-on-gold:active::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-gold:focus::after.large, .kbs-link-as-button-with-arrow-on-gold:hover::after.large, .kbs-link-as-button-with-arrow-on-gold:active::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-gold.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-with-arrow-on-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-with-arrow-on-gray { outline: 0; } .kbs-link-as-button-with-arrow-on-gray:hover, .kbs-link-as-button-with-arrow-on-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-with-arrow-on-gray:focus, .kbs-link-as-button-with-arrow-on-gray:hover, .kbs-link-as-button-with-arrow-on-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-with-arrow-on-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-with-arrow-on-gray:focus, .kbs-link-as-button-with-arrow-on-gray:hover, .kbs-link-as-button-with-arrow-on-gray:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button-with-arrow-on-gray.active, .kbs-link-as-button-with-arrow-on-gray.current, .kbs-link-as-button-with-arrow-on-gray.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-with-arrow-on-gray.active:focus, .kbs-link-as-button-with-arrow-on-gray.active:hover, .kbs-link-as-button-with-arrow-on-gray.active:active, .kbs-link-as-button-with-arrow-on-gray.current:focus, .kbs-link-as-button-with-arrow-on-gray.current:hover, .kbs-link-as-button-with-arrow-on-gray.current:active, .kbs-link-as-button-with-arrow-on-gray.topinpath:focus, .kbs-link-as-button-with-arrow-on-gray.topinpath:hover, .kbs-link-as-button-with-arrow-on-gray.topinpath:active { position: inherit; } .kbs-link-as-button-with-arrow-on-gray.active:focus::after, .kbs-link-as-button-with-arrow-on-gray.active:hover::after, .kbs-link-as-button-with-arrow-on-gray.active:active::after, .kbs-link-as-button-with-arrow-on-gray.current:focus::after, .kbs-link-as-button-with-arrow-on-gray.current:hover::after, .kbs-link-as-button-with-arrow-on-gray.current:active::after, .kbs-link-as-button-with-arrow-on-gray.topinpath:focus::after, .kbs-link-as-button-with-arrow-on-gray.topinpath:hover::after, .kbs-link-as-button-with-arrow-on-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-with-arrow-on-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-with-arrow-on-gray.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-gray.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-gray.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-gray::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-gray::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-gray::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-gray:focus, .kbs-link-as-button-with-arrow-on-gray:hover, .kbs-link-as-button-with-arrow-on-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-button-with-arrow-on-gray:focus.tiny, .kbs-link-as-button-with-arrow-on-gray:hover.tiny, .kbs-link-as-button-with-arrow-on-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-gray:focus.small, .kbs-link-as-button-with-arrow-on-gray:hover.small, .kbs-link-as-button-with-arrow-on-gray:active.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-gray:focus.large, .kbs-link-as-button-with-arrow-on-gray:hover.large, .kbs-link-as-button-with-arrow-on-gray:active.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-gray:focus::after, .kbs-link-as-button-with-arrow-on-gray:hover::after, .kbs-link-as-button-with-arrow-on-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-gray:focus::after.tiny, .kbs-link-as-button-with-arrow-on-gray:hover::after.tiny, .kbs-link-as-button-with-arrow-on-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-gray:focus::after.small, .kbs-link-as-button-with-arrow-on-gray:hover::after.small, .kbs-link-as-button-with-arrow-on-gray:active::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-gray:focus::after.large, .kbs-link-as-button-with-arrow-on-gray:hover::after.large, .kbs-link-as-button-with-arrow-on-gray:active::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-with-arrow-on-light-blue { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-with-arrow-on-light-blue { outline: 0; } .kbs-link-as-button-with-arrow-on-light-blue:hover, .kbs-link-as-button-with-arrow-on-light-blue:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-with-arrow-on-light-blue:focus, .kbs-link-as-button-with-arrow-on-light-blue:hover, .kbs-link-as-button-with-arrow-on-light-blue:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-with-arrow-on-light-blue.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-with-arrow-on-light-blue:focus, .kbs-link-as-button-with-arrow-on-light-blue:hover, .kbs-link-as-button-with-arrow-on-light-blue:active { border-color: #2a363b; color: #ffffff; background-color: #2a363b; } .kbs-link-as-button-with-arrow-on-light-blue.active, .kbs-link-as-button-with-arrow-on-light-blue.current, .kbs-link-as-button-with-arrow-on-light-blue.topinpath { cursor: default; border-color: #2a363b; color: #ffffff; background-color: #2a363b; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-with-arrow-on-light-blue.active:focus, .kbs-link-as-button-with-arrow-on-light-blue.active:hover, .kbs-link-as-button-with-arrow-on-light-blue.active:active, .kbs-link-as-button-with-arrow-on-light-blue.current:focus, .kbs-link-as-button-with-arrow-on-light-blue.current:hover, .kbs-link-as-button-with-arrow-on-light-blue.current:active, .kbs-link-as-button-with-arrow-on-light-blue.topinpath:focus, .kbs-link-as-button-with-arrow-on-light-blue.topinpath:hover, .kbs-link-as-button-with-arrow-on-light-blue.topinpath:active { position: inherit; } .kbs-link-as-button-with-arrow-on-light-blue.active:focus::after, .kbs-link-as-button-with-arrow-on-light-blue.active:hover::after, .kbs-link-as-button-with-arrow-on-light-blue.active:active::after, .kbs-link-as-button-with-arrow-on-light-blue.current:focus::after, .kbs-link-as-button-with-arrow-on-light-blue.current:hover::after, .kbs-link-as-button-with-arrow-on-light-blue.current:active::after, .kbs-link-as-button-with-arrow-on-light-blue.topinpath:focus::after, .kbs-link-as-button-with-arrow-on-light-blue.topinpath:hover::after, .kbs-link-as-button-with-arrow-on-light-blue.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-with-arrow-on-light-blue { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-with-arrow-on-light-blue.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-blue.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-blue.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-blue::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-light-blue::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-blue::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-blue::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-blue:focus, .kbs-link-as-button-with-arrow-on-light-blue:hover, .kbs-link-as-button-with-arrow-on-light-blue:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-button-with-arrow-on-light-blue:focus.tiny, .kbs-link-as-button-with-arrow-on-light-blue:hover.tiny, .kbs-link-as-button-with-arrow-on-light-blue:active.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-blue:focus.small, .kbs-link-as-button-with-arrow-on-light-blue:hover.small, .kbs-link-as-button-with-arrow-on-light-blue:active.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-blue:focus.large, .kbs-link-as-button-with-arrow-on-light-blue:hover.large, .kbs-link-as-button-with-arrow-on-light-blue:active.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-blue:focus::after, .kbs-link-as-button-with-arrow-on-light-blue:hover::after, .kbs-link-as-button-with-arrow-on-light-blue:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-light-blue:focus::after.tiny, .kbs-link-as-button-with-arrow-on-light-blue:hover::after.tiny, .kbs-link-as-button-with-arrow-on-light-blue:active::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-blue:focus::after.small, .kbs-link-as-button-with-arrow-on-light-blue:hover::after.small, .kbs-link-as-button-with-arrow-on-light-blue:active::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-blue:focus::after.large, .kbs-link-as-button-with-arrow-on-light-blue:hover::after.large, .kbs-link-as-button-with-arrow-on-light-blue:active::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-blue.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-with-arrow-on-light-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-with-arrow-on-light-gray { outline: 0; } .kbs-link-as-button-with-arrow-on-light-gray:hover, .kbs-link-as-button-with-arrow-on-light-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-with-arrow-on-light-gray:focus, .kbs-link-as-button-with-arrow-on-light-gray:hover, .kbs-link-as-button-with-arrow-on-light-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-with-arrow-on-light-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-button-with-arrow-on-light-gray:focus, .kbs-link-as-button-with-arrow-on-light-gray:hover, .kbs-link-as-button-with-arrow-on-light-gray:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-button-with-arrow-on-light-gray.active, .kbs-link-as-button-with-arrow-on-light-gray.current, .kbs-link-as-button-with-arrow-on-light-gray.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-with-arrow-on-light-gray.active:focus, .kbs-link-as-button-with-arrow-on-light-gray.active:hover, .kbs-link-as-button-with-arrow-on-light-gray.active:active, .kbs-link-as-button-with-arrow-on-light-gray.current:focus, .kbs-link-as-button-with-arrow-on-light-gray.current:hover, .kbs-link-as-button-with-arrow-on-light-gray.current:active, .kbs-link-as-button-with-arrow-on-light-gray.topinpath:focus, .kbs-link-as-button-with-arrow-on-light-gray.topinpath:hover, .kbs-link-as-button-with-arrow-on-light-gray.topinpath:active { position: inherit; } .kbs-link-as-button-with-arrow-on-light-gray.active:focus::after, .kbs-link-as-button-with-arrow-on-light-gray.active:hover::after, .kbs-link-as-button-with-arrow-on-light-gray.active:active::after, .kbs-link-as-button-with-arrow-on-light-gray.current:focus::after, .kbs-link-as-button-with-arrow-on-light-gray.current:hover::after, .kbs-link-as-button-with-arrow-on-light-gray.current:active::after, .kbs-link-as-button-with-arrow-on-light-gray.topinpath:focus::after, .kbs-link-as-button-with-arrow-on-light-gray.topinpath:hover::after, .kbs-link-as-button-with-arrow-on-light-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-with-arrow-on-light-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-with-arrow-on-light-gray.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-gray.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-gray.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-light-gray::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-gray::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-gray::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-gray:focus, .kbs-link-as-button-with-arrow-on-light-gray:hover, .kbs-link-as-button-with-arrow-on-light-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-button-with-arrow-on-light-gray:focus.tiny, .kbs-link-as-button-with-arrow-on-light-gray:hover.tiny, .kbs-link-as-button-with-arrow-on-light-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-gray:focus.small, .kbs-link-as-button-with-arrow-on-light-gray:hover.small, .kbs-link-as-button-with-arrow-on-light-gray:active.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-gray:focus.large, .kbs-link-as-button-with-arrow-on-light-gray:hover.large, .kbs-link-as-button-with-arrow-on-light-gray:active.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-gray:focus::after, .kbs-link-as-button-with-arrow-on-light-gray:hover::after, .kbs-link-as-button-with-arrow-on-light-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-light-gray:focus::after.tiny, .kbs-link-as-button-with-arrow-on-light-gray:hover::after.tiny, .kbs-link-as-button-with-arrow-on-light-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-gray:focus::after.small, .kbs-link-as-button-with-arrow-on-light-gray:hover::after.small, .kbs-link-as-button-with-arrow-on-light-gray:active::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-gray:focus::after.large, .kbs-link-as-button-with-arrow-on-light-gray:hover::after.large, .kbs-link-as-button-with-arrow-on-light-gray:active::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-button-with-arrow-on-light-red { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-button-with-arrow-on-light-red { outline: 0; } .kbs-link-as-button-with-arrow-on-light-red:hover, .kbs-link-as-button-with-arrow-on-light-red:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-button-with-arrow-on-light-red:focus, .kbs-link-as-button-with-arrow-on-light-red:hover, .kbs-link-as-button-with-arrow-on-light-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-with-arrow-on-light-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-button-with-arrow-on-light-red:focus, .kbs-link-as-button-with-arrow-on-light-red:hover, .kbs-link-as-button-with-arrow-on-light-red:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-link-as-button-with-arrow-on-light-red.active, .kbs-link-as-button-with-arrow-on-light-red.current, .kbs-link-as-button-with-arrow-on-light-red.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-button-with-arrow-on-light-red.active:focus, .kbs-link-as-button-with-arrow-on-light-red.active:hover, .kbs-link-as-button-with-arrow-on-light-red.active:active, .kbs-link-as-button-with-arrow-on-light-red.current:focus, .kbs-link-as-button-with-arrow-on-light-red.current:hover, .kbs-link-as-button-with-arrow-on-light-red.current:active, .kbs-link-as-button-with-arrow-on-light-red.topinpath:focus, .kbs-link-as-button-with-arrow-on-light-red.topinpath:hover, .kbs-link-as-button-with-arrow-on-light-red.topinpath:active { position: inherit; } .kbs-link-as-button-with-arrow-on-light-red.active:focus::after, .kbs-link-as-button-with-arrow-on-light-red.active:hover::after, .kbs-link-as-button-with-arrow-on-light-red.active:active::after, .kbs-link-as-button-with-arrow-on-light-red.current:focus::after, .kbs-link-as-button-with-arrow-on-light-red.current:hover::after, .kbs-link-as-button-with-arrow-on-light-red.current:active::after, .kbs-link-as-button-with-arrow-on-light-red.topinpath:focus::after, .kbs-link-as-button-with-arrow-on-light-red.topinpath:hover::after, .kbs-link-as-button-with-arrow-on-light-red.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-button-with-arrow-on-light-red { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .kbs-link-as-button-with-arrow-on-light-red.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-red.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-red.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-red::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-light-red::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-red::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-red::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-red:focus, .kbs-link-as-button-with-arrow-on-light-red:hover, .kbs-link-as-button-with-arrow-on-light-red:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-button-with-arrow-on-light-red:focus.tiny, .kbs-link-as-button-with-arrow-on-light-red:hover.tiny, .kbs-link-as-button-with-arrow-on-light-red:active.tiny { padding: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-red:focus.small, .kbs-link-as-button-with-arrow-on-light-red:hover.small, .kbs-link-as-button-with-arrow-on-light-red:active.small { padding: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-red:focus.large, .kbs-link-as-button-with-arrow-on-light-red:hover.large, .kbs-link-as-button-with-arrow-on-light-red:active.large { padding: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-red:focus::after, .kbs-link-as-button-with-arrow-on-light-red:hover::after, .kbs-link-as-button-with-arrow-on-light-red:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-link-as-button-with-arrow-on-light-red:focus::after.tiny, .kbs-link-as-button-with-arrow-on-light-red:hover::after.tiny, .kbs-link-as-button-with-arrow-on-light-red:active::after.tiny { right: 0.6rem; } .kbs-link-as-button-with-arrow-on-light-red:focus::after.small, .kbs-link-as-button-with-arrow-on-light-red:hover::after.small, .kbs-link-as-button-with-arrow-on-light-red:active::after.small { right: 0.75rem; } .kbs-link-as-button-with-arrow-on-light-red:focus::after.large, .kbs-link-as-button-with-arrow-on-light-red:hover::after.large, .kbs-link-as-button-with-arrow-on-light-red:active::after.large { right: 1.25rem; } .kbs-link-as-button-with-arrow-on-light-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-complex-button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-complex-button { outline: 0; } .kbs-link-as-complex-button:hover, .kbs-link-as-complex-button:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-complex-button:focus, .kbs-link-as-complex-button:hover, .kbs-link-as-complex-button:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-complex-button.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-complex-button:focus, .kbs-link-as-complex-button:hover, .kbs-link-as-complex-button:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-complex-button.active, .kbs-link-as-complex-button.current, .kbs-link-as-complex-button.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button.active:focus, .kbs-link-as-complex-button.active:hover, .kbs-link-as-complex-button.active:active, .kbs-link-as-complex-button.current:focus, .kbs-link-as-complex-button.current:hover, .kbs-link-as-complex-button.current:active, .kbs-link-as-complex-button.topinpath:focus, .kbs-link-as-complex-button.topinpath:hover, .kbs-link-as-complex-button.topinpath:active { position: inherit; } .kbs-link-as-complex-button.active:focus::after, .kbs-link-as-complex-button.active:hover::after, .kbs-link-as-complex-button.active:active::after, .kbs-link-as-complex-button.current:focus::after, .kbs-link-as-complex-button.current:hover::after, .kbs-link-as-complex-button.current:active::after, .kbs-link-as-complex-button.topinpath:focus::after, .kbs-link-as-complex-button.topinpath:hover::after, .kbs-link-as-complex-button.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .kbs-link-as-complex-button { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button:focus, .kbs-link-as-complex-button:hover, .kbs-link-as-complex-button:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-complex-button:focus.tiny, .kbs-link-as-complex-button:hover.tiny, .kbs-link-as-complex-button:active.tiny { padding: 0.6rem; } .kbs-link-as-complex-button:focus.small, .kbs-link-as-complex-button:hover.small, .kbs-link-as-complex-button:active.small { padding: 0.75rem; } .kbs-link-as-complex-button:focus.large, .kbs-link-as-complex-button:hover.large, .kbs-link-as-complex-button:active.large { padding: 1.25rem; } .kbs-link-as-complex-button:focus::after, .kbs-link-as-complex-button:hover::after, .kbs-link-as-complex-button:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-complex-button:focus::after.tiny, .kbs-link-as-complex-button:hover::after.tiny, .kbs-link-as-complex-button:active::after.tiny { right: 0.6rem; } .kbs-link-as-complex-button:focus::after.small, .kbs-link-as-complex-button:hover::after.small, .kbs-link-as-complex-button:active::after.small { right: 0.75rem; } .kbs-link-as-complex-button:focus::after.large, .kbs-link-as-complex-button:hover::after.large, .kbs-link-as-complex-button:active::after.large { right: 1.25rem; } } .kbs-link-as-complex-button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-complex-button-on-dark-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-complex-button-on-dark-gray { outline: 0; } .kbs-link-as-complex-button-on-dark-gray:hover, .kbs-link-as-complex-button-on-dark-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-complex-button-on-dark-gray:focus, .kbs-link-as-complex-button-on-dark-gray:hover, .kbs-link-as-complex-button-on-dark-gray:active { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-as-complex-button-on-dark-gray.current { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-as-complex-button-on-dark-gray:focus, .kbs-link-as-complex-button-on-dark-gray:hover, .kbs-link-as-complex-button-on-dark-gray:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .kbs-link-as-complex-button-on-dark-gray.active, .kbs-link-as-complex-button-on-dark-gray.current, .kbs-link-as-complex-button-on-dark-gray.topinpath { cursor: default; border-color: #ffffff; color: #2a363b; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-dark-gray.active:focus, .kbs-link-as-complex-button-on-dark-gray.active:hover, .kbs-link-as-complex-button-on-dark-gray.active:active, .kbs-link-as-complex-button-on-dark-gray.current:focus, .kbs-link-as-complex-button-on-dark-gray.current:hover, .kbs-link-as-complex-button-on-dark-gray.current:active, .kbs-link-as-complex-button-on-dark-gray.topinpath:focus, .kbs-link-as-complex-button-on-dark-gray.topinpath:hover, .kbs-link-as-complex-button-on-dark-gray.topinpath:active { position: inherit; } .kbs-link-as-complex-button-on-dark-gray.active:focus::after, .kbs-link-as-complex-button-on-dark-gray.active:hover::after, .kbs-link-as-complex-button-on-dark-gray.active:active::after, .kbs-link-as-complex-button-on-dark-gray.current:focus::after, .kbs-link-as-complex-button-on-dark-gray.current:hover::after, .kbs-link-as-complex-button-on-dark-gray.current:active::after, .kbs-link-as-complex-button-on-dark-gray.topinpath:focus::after, .kbs-link-as-complex-button-on-dark-gray.topinpath:hover::after, .kbs-link-as-complex-button-on-dark-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-dark-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-dark-gray { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .kbs-link-as-complex-button-on-dark-gray { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-dark-gray:focus, .kbs-link-as-complex-button-on-dark-gray:hover, .kbs-link-as-complex-button-on-dark-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-complex-button-on-dark-gray:focus.tiny, .kbs-link-as-complex-button-on-dark-gray:hover.tiny, .kbs-link-as-complex-button-on-dark-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-complex-button-on-dark-gray:focus.small, .kbs-link-as-complex-button-on-dark-gray:hover.small, .kbs-link-as-complex-button-on-dark-gray:active.small { padding: 0.75rem; } .kbs-link-as-complex-button-on-dark-gray:focus.large, .kbs-link-as-complex-button-on-dark-gray:hover.large, .kbs-link-as-complex-button-on-dark-gray:active.large { padding: 1.25rem; } .kbs-link-as-complex-button-on-dark-gray:focus::after, .kbs-link-as-complex-button-on-dark-gray:hover::after, .kbs-link-as-complex-button-on-dark-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .kbs-link-as-complex-button-on-dark-gray:focus::after.tiny, .kbs-link-as-complex-button-on-dark-gray:hover::after.tiny, .kbs-link-as-complex-button-on-dark-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-complex-button-on-dark-gray:focus::after.small, .kbs-link-as-complex-button-on-dark-gray:hover::after.small, .kbs-link-as-complex-button-on-dark-gray:active::after.small { right: 0.75rem; } .kbs-link-as-complex-button-on-dark-gray:focus::after.large, .kbs-link-as-complex-button-on-dark-gray:hover::after.large, .kbs-link-as-complex-button-on-dark-gray:active::after.large { right: 1.25rem; } } .kbs-link-as-complex-button-on-dark-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-complex-button-on-dark-red { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-complex-button-on-dark-red { outline: 0; } .kbs-link-as-complex-button-on-dark-red:hover, .kbs-link-as-complex-button-on-dark-red:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-complex-button-on-dark-red:focus, .kbs-link-as-complex-button-on-dark-red:hover, .kbs-link-as-complex-button-on-dark-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-complex-button-on-dark-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-complex-button-on-dark-red:focus, .kbs-link-as-complex-button-on-dark-red:hover, .kbs-link-as-complex-button-on-dark-red:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-link-as-complex-button-on-dark-red.active, .kbs-link-as-complex-button-on-dark-red.current, .kbs-link-as-complex-button-on-dark-red.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-dark-red.active:focus, .kbs-link-as-complex-button-on-dark-red.active:hover, .kbs-link-as-complex-button-on-dark-red.active:active, .kbs-link-as-complex-button-on-dark-red.current:focus, .kbs-link-as-complex-button-on-dark-red.current:hover, .kbs-link-as-complex-button-on-dark-red.current:active, .kbs-link-as-complex-button-on-dark-red.topinpath:focus, .kbs-link-as-complex-button-on-dark-red.topinpath:hover, .kbs-link-as-complex-button-on-dark-red.topinpath:active { position: inherit; } .kbs-link-as-complex-button-on-dark-red.active:focus::after, .kbs-link-as-complex-button-on-dark-red.active:hover::after, .kbs-link-as-complex-button-on-dark-red.active:active::after, .kbs-link-as-complex-button-on-dark-red.current:focus::after, .kbs-link-as-complex-button-on-dark-red.current:hover::after, .kbs-link-as-complex-button-on-dark-red.current:active::after, .kbs-link-as-complex-button-on-dark-red.topinpath:focus::after, .kbs-link-as-complex-button-on-dark-red.topinpath:hover::after, .kbs-link-as-complex-button-on-dark-red.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-dark-red { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-dark-red { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .kbs-link-as-complex-button-on-dark-red { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-dark-red:focus, .kbs-link-as-complex-button-on-dark-red:hover, .kbs-link-as-complex-button-on-dark-red:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-complex-button-on-dark-red:focus.tiny, .kbs-link-as-complex-button-on-dark-red:hover.tiny, .kbs-link-as-complex-button-on-dark-red:active.tiny { padding: 0.6rem; } .kbs-link-as-complex-button-on-dark-red:focus.small, .kbs-link-as-complex-button-on-dark-red:hover.small, .kbs-link-as-complex-button-on-dark-red:active.small { padding: 0.75rem; } .kbs-link-as-complex-button-on-dark-red:focus.large, .kbs-link-as-complex-button-on-dark-red:hover.large, .kbs-link-as-complex-button-on-dark-red:active.large { padding: 1.25rem; } .kbs-link-as-complex-button-on-dark-red:focus::after, .kbs-link-as-complex-button-on-dark-red:hover::after, .kbs-link-as-complex-button-on-dark-red:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-link-as-complex-button-on-dark-red:focus::after.tiny, .kbs-link-as-complex-button-on-dark-red:hover::after.tiny, .kbs-link-as-complex-button-on-dark-red:active::after.tiny { right: 0.6rem; } .kbs-link-as-complex-button-on-dark-red:focus::after.small, .kbs-link-as-complex-button-on-dark-red:hover::after.small, .kbs-link-as-complex-button-on-dark-red:active::after.small { right: 0.75rem; } .kbs-link-as-complex-button-on-dark-red:focus::after.large, .kbs-link-as-complex-button-on-dark-red:hover::after.large, .kbs-link-as-complex-button-on-dark-red:active::after.large { right: 1.25rem; } } .kbs-link-as-complex-button-on-dark-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-complex-button-on-gold { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-complex-button-on-gold { outline: 0; } .kbs-link-as-complex-button-on-gold:hover, .kbs-link-as-complex-button-on-gold:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-complex-button-on-gold:focus, .kbs-link-as-complex-button-on-gold:hover, .kbs-link-as-complex-button-on-gold:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-complex-button-on-gold.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-complex-button-on-gold:focus, .kbs-link-as-complex-button-on-gold:hover, .kbs-link-as-complex-button-on-gold:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-complex-button-on-gold.active, .kbs-link-as-complex-button-on-gold.current, .kbs-link-as-complex-button-on-gold.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-gold.active:focus, .kbs-link-as-complex-button-on-gold.active:hover, .kbs-link-as-complex-button-on-gold.active:active, .kbs-link-as-complex-button-on-gold.current:focus, .kbs-link-as-complex-button-on-gold.current:hover, .kbs-link-as-complex-button-on-gold.current:active, .kbs-link-as-complex-button-on-gold.topinpath:focus, .kbs-link-as-complex-button-on-gold.topinpath:hover, .kbs-link-as-complex-button-on-gold.topinpath:active { position: inherit; } .kbs-link-as-complex-button-on-gold.active:focus::after, .kbs-link-as-complex-button-on-gold.active:hover::after, .kbs-link-as-complex-button-on-gold.active:active::after, .kbs-link-as-complex-button-on-gold.current:focus::after, .kbs-link-as-complex-button-on-gold.current:hover::after, .kbs-link-as-complex-button-on-gold.current:active::after, .kbs-link-as-complex-button-on-gold.topinpath:focus::after, .kbs-link-as-complex-button-on-gold.topinpath:hover::after, .kbs-link-as-complex-button-on-gold.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-gold { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-gold { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .kbs-link-as-complex-button-on-gold { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-gold:focus, .kbs-link-as-complex-button-on-gold:hover, .kbs-link-as-complex-button-on-gold:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-complex-button-on-gold:focus.tiny, .kbs-link-as-complex-button-on-gold:hover.tiny, .kbs-link-as-complex-button-on-gold:active.tiny { padding: 0.6rem; } .kbs-link-as-complex-button-on-gold:focus.small, .kbs-link-as-complex-button-on-gold:hover.small, .kbs-link-as-complex-button-on-gold:active.small { padding: 0.75rem; } .kbs-link-as-complex-button-on-gold:focus.large, .kbs-link-as-complex-button-on-gold:hover.large, .kbs-link-as-complex-button-on-gold:active.large { padding: 1.25rem; } .kbs-link-as-complex-button-on-gold:focus::after, .kbs-link-as-complex-button-on-gold:hover::after, .kbs-link-as-complex-button-on-gold:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-complex-button-on-gold:focus::after.tiny, .kbs-link-as-complex-button-on-gold:hover::after.tiny, .kbs-link-as-complex-button-on-gold:active::after.tiny { right: 0.6rem; } .kbs-link-as-complex-button-on-gold:focus::after.small, .kbs-link-as-complex-button-on-gold:hover::after.small, .kbs-link-as-complex-button-on-gold:active::after.small { right: 0.75rem; } .kbs-link-as-complex-button-on-gold:focus::after.large, .kbs-link-as-complex-button-on-gold:hover::after.large, .kbs-link-as-complex-button-on-gold:active::after.large { right: 1.25rem; } } .kbs-link-as-complex-button-on-gold.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-complex-button-on-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-complex-button-on-gray { outline: 0; } .kbs-link-as-complex-button-on-gray:hover, .kbs-link-as-complex-button-on-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-complex-button-on-gray:focus, .kbs-link-as-complex-button-on-gray:hover, .kbs-link-as-complex-button-on-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-complex-button-on-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-complex-button-on-gray:focus, .kbs-link-as-complex-button-on-gray:hover, .kbs-link-as-complex-button-on-gray:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-complex-button-on-gray.active, .kbs-link-as-complex-button-on-gray.current, .kbs-link-as-complex-button-on-gray.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-gray.active:focus, .kbs-link-as-complex-button-on-gray.active:hover, .kbs-link-as-complex-button-on-gray.active:active, .kbs-link-as-complex-button-on-gray.current:focus, .kbs-link-as-complex-button-on-gray.current:hover, .kbs-link-as-complex-button-on-gray.current:active, .kbs-link-as-complex-button-on-gray.topinpath:focus, .kbs-link-as-complex-button-on-gray.topinpath:hover, .kbs-link-as-complex-button-on-gray.topinpath:active { position: inherit; } .kbs-link-as-complex-button-on-gray.active:focus::after, .kbs-link-as-complex-button-on-gray.active:hover::after, .kbs-link-as-complex-button-on-gray.active:active::after, .kbs-link-as-complex-button-on-gray.current:focus::after, .kbs-link-as-complex-button-on-gray.current:hover::after, .kbs-link-as-complex-button-on-gray.current:active::after, .kbs-link-as-complex-button-on-gray.topinpath:focus::after, .kbs-link-as-complex-button-on-gray.topinpath:hover::after, .kbs-link-as-complex-button-on-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-gray { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .kbs-link-as-complex-button-on-gray { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-gray:focus, .kbs-link-as-complex-button-on-gray:hover, .kbs-link-as-complex-button-on-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-complex-button-on-gray:focus.tiny, .kbs-link-as-complex-button-on-gray:hover.tiny, .kbs-link-as-complex-button-on-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-complex-button-on-gray:focus.small, .kbs-link-as-complex-button-on-gray:hover.small, .kbs-link-as-complex-button-on-gray:active.small { padding: 0.75rem; } .kbs-link-as-complex-button-on-gray:focus.large, .kbs-link-as-complex-button-on-gray:hover.large, .kbs-link-as-complex-button-on-gray:active.large { padding: 1.25rem; } .kbs-link-as-complex-button-on-gray:focus::after, .kbs-link-as-complex-button-on-gray:hover::after, .kbs-link-as-complex-button-on-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-complex-button-on-gray:focus::after.tiny, .kbs-link-as-complex-button-on-gray:hover::after.tiny, .kbs-link-as-complex-button-on-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-complex-button-on-gray:focus::after.small, .kbs-link-as-complex-button-on-gray:hover::after.small, .kbs-link-as-complex-button-on-gray:active::after.small { right: 0.75rem; } .kbs-link-as-complex-button-on-gray:focus::after.large, .kbs-link-as-complex-button-on-gray:hover::after.large, .kbs-link-as-complex-button-on-gray:active::after.large { right: 1.25rem; } } .kbs-link-as-complex-button-on-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-complex-button-on-light-blue { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-complex-button-on-light-blue { outline: 0; } .kbs-link-as-complex-button-on-light-blue:hover, .kbs-link-as-complex-button-on-light-blue:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-complex-button-on-light-blue:focus, .kbs-link-as-complex-button-on-light-blue:hover, .kbs-link-as-complex-button-on-light-blue:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-complex-button-on-light-blue.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-complex-button-on-light-blue:focus, .kbs-link-as-complex-button-on-light-blue:hover, .kbs-link-as-complex-button-on-light-blue:active { border-color: #2a363b; color: #ffffff; background-color: #2a363b; } .kbs-link-as-complex-button-on-light-blue.active, .kbs-link-as-complex-button-on-light-blue.current, .kbs-link-as-complex-button-on-light-blue.topinpath { cursor: default; border-color: #2a363b; color: #ffffff; background-color: #2a363b; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-light-blue.active:focus, .kbs-link-as-complex-button-on-light-blue.active:hover, .kbs-link-as-complex-button-on-light-blue.active:active, .kbs-link-as-complex-button-on-light-blue.current:focus, .kbs-link-as-complex-button-on-light-blue.current:hover, .kbs-link-as-complex-button-on-light-blue.current:active, .kbs-link-as-complex-button-on-light-blue.topinpath:focus, .kbs-link-as-complex-button-on-light-blue.topinpath:hover, .kbs-link-as-complex-button-on-light-blue.topinpath:active { position: inherit; } .kbs-link-as-complex-button-on-light-blue.active:focus::after, .kbs-link-as-complex-button-on-light-blue.active:hover::after, .kbs-link-as-complex-button-on-light-blue.active:active::after, .kbs-link-as-complex-button-on-light-blue.current:focus::after, .kbs-link-as-complex-button-on-light-blue.current:hover::after, .kbs-link-as-complex-button-on-light-blue.current:active::after, .kbs-link-as-complex-button-on-light-blue.topinpath:focus::after, .kbs-link-as-complex-button-on-light-blue.topinpath:hover::after, .kbs-link-as-complex-button-on-light-blue.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-light-blue { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-light-blue { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .kbs-link-as-complex-button-on-light-blue { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-light-blue:focus, .kbs-link-as-complex-button-on-light-blue:hover, .kbs-link-as-complex-button-on-light-blue:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-complex-button-on-light-blue:focus.tiny, .kbs-link-as-complex-button-on-light-blue:hover.tiny, .kbs-link-as-complex-button-on-light-blue:active.tiny { padding: 0.6rem; } .kbs-link-as-complex-button-on-light-blue:focus.small, .kbs-link-as-complex-button-on-light-blue:hover.small, .kbs-link-as-complex-button-on-light-blue:active.small { padding: 0.75rem; } .kbs-link-as-complex-button-on-light-blue:focus.large, .kbs-link-as-complex-button-on-light-blue:hover.large, .kbs-link-as-complex-button-on-light-blue:active.large { padding: 1.25rem; } .kbs-link-as-complex-button-on-light-blue:focus::after, .kbs-link-as-complex-button-on-light-blue:hover::after, .kbs-link-as-complex-button-on-light-blue:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-complex-button-on-light-blue:focus::after.tiny, .kbs-link-as-complex-button-on-light-blue:hover::after.tiny, .kbs-link-as-complex-button-on-light-blue:active::after.tiny { right: 0.6rem; } .kbs-link-as-complex-button-on-light-blue:focus::after.small, .kbs-link-as-complex-button-on-light-blue:hover::after.small, .kbs-link-as-complex-button-on-light-blue:active::after.small { right: 0.75rem; } .kbs-link-as-complex-button-on-light-blue:focus::after.large, .kbs-link-as-complex-button-on-light-blue:hover::after.large, .kbs-link-as-complex-button-on-light-blue:active::after.large { right: 1.25rem; } } .kbs-link-as-complex-button-on-light-blue.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-complex-button-on-light-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-complex-button-on-light-gray { outline: 0; } .kbs-link-as-complex-button-on-light-gray:hover, .kbs-link-as-complex-button-on-light-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-complex-button-on-light-gray:focus, .kbs-link-as-complex-button-on-light-gray:hover, .kbs-link-as-complex-button-on-light-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-complex-button-on-light-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-complex-button-on-light-gray:focus, .kbs-link-as-complex-button-on-light-gray:hover, .kbs-link-as-complex-button-on-light-gray:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-complex-button-on-light-gray.active, .kbs-link-as-complex-button-on-light-gray.current, .kbs-link-as-complex-button-on-light-gray.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-light-gray.active:focus, .kbs-link-as-complex-button-on-light-gray.active:hover, .kbs-link-as-complex-button-on-light-gray.active:active, .kbs-link-as-complex-button-on-light-gray.current:focus, .kbs-link-as-complex-button-on-light-gray.current:hover, .kbs-link-as-complex-button-on-light-gray.current:active, .kbs-link-as-complex-button-on-light-gray.topinpath:focus, .kbs-link-as-complex-button-on-light-gray.topinpath:hover, .kbs-link-as-complex-button-on-light-gray.topinpath:active { position: inherit; } .kbs-link-as-complex-button-on-light-gray.active:focus::after, .kbs-link-as-complex-button-on-light-gray.active:hover::after, .kbs-link-as-complex-button-on-light-gray.active:active::after, .kbs-link-as-complex-button-on-light-gray.current:focus::after, .kbs-link-as-complex-button-on-light-gray.current:hover::after, .kbs-link-as-complex-button-on-light-gray.current:active::after, .kbs-link-as-complex-button-on-light-gray.topinpath:focus::after, .kbs-link-as-complex-button-on-light-gray.topinpath:hover::after, .kbs-link-as-complex-button-on-light-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-light-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-light-gray { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .kbs-link-as-complex-button-on-light-gray { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-light-gray:focus, .kbs-link-as-complex-button-on-light-gray:hover, .kbs-link-as-complex-button-on-light-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-complex-button-on-light-gray:focus.tiny, .kbs-link-as-complex-button-on-light-gray:hover.tiny, .kbs-link-as-complex-button-on-light-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-complex-button-on-light-gray:focus.small, .kbs-link-as-complex-button-on-light-gray:hover.small, .kbs-link-as-complex-button-on-light-gray:active.small { padding: 0.75rem; } .kbs-link-as-complex-button-on-light-gray:focus.large, .kbs-link-as-complex-button-on-light-gray:hover.large, .kbs-link-as-complex-button-on-light-gray:active.large { padding: 1.25rem; } .kbs-link-as-complex-button-on-light-gray:focus::after, .kbs-link-as-complex-button-on-light-gray:hover::after, .kbs-link-as-complex-button-on-light-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .kbs-link-as-complex-button-on-light-gray:focus::after.tiny, .kbs-link-as-complex-button-on-light-gray:hover::after.tiny, .kbs-link-as-complex-button-on-light-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-complex-button-on-light-gray:focus::after.small, .kbs-link-as-complex-button-on-light-gray:hover::after.small, .kbs-link-as-complex-button-on-light-gray:active::after.small { right: 0.75rem; } .kbs-link-as-complex-button-on-light-gray:focus::after.large, .kbs-link-as-complex-button-on-light-gray:hover::after.large, .kbs-link-as-complex-button-on-light-gray:active::after.large { right: 1.25rem; } } .kbs-link-as-complex-button-on-light-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-complex-button-on-light-red { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-complex-button-on-light-red { outline: 0; } .kbs-link-as-complex-button-on-light-red:hover, .kbs-link-as-complex-button-on-light-red:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-complex-button-on-light-red:focus, .kbs-link-as-complex-button-on-light-red:hover, .kbs-link-as-complex-button-on-light-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-complex-button-on-light-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-complex-button-on-light-red:focus, .kbs-link-as-complex-button-on-light-red:hover, .kbs-link-as-complex-button-on-light-red:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-link-as-complex-button-on-light-red.active, .kbs-link-as-complex-button-on-light-red.current, .kbs-link-as-complex-button-on-light-red.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-light-red.active:focus, .kbs-link-as-complex-button-on-light-red.active:hover, .kbs-link-as-complex-button-on-light-red.active:active, .kbs-link-as-complex-button-on-light-red.current:focus, .kbs-link-as-complex-button-on-light-red.current:hover, .kbs-link-as-complex-button-on-light-red.current:active, .kbs-link-as-complex-button-on-light-red.topinpath:focus, .kbs-link-as-complex-button-on-light-red.topinpath:hover, .kbs-link-as-complex-button-on-light-red.topinpath:active { position: inherit; } .kbs-link-as-complex-button-on-light-red.active:focus::after, .kbs-link-as-complex-button-on-light-red.active:hover::after, .kbs-link-as-complex-button-on-light-red.active:active::after, .kbs-link-as-complex-button-on-light-red.current:focus::after, .kbs-link-as-complex-button-on-light-red.current:hover::after, .kbs-link-as-complex-button-on-light-red.current:active::after, .kbs-link-as-complex-button-on-light-red.topinpath:focus::after, .kbs-link-as-complex-button-on-light-red.topinpath:hover::after, .kbs-link-as-complex-button-on-light-red.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-light-red { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .kbs-link-as-complex-button-on-light-red { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .kbs-link-as-complex-button-on-light-red { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-complex-button-on-light-red:focus, .kbs-link-as-complex-button-on-light-red:hover, .kbs-link-as-complex-button-on-light-red:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-complex-button-on-light-red:focus.tiny, .kbs-link-as-complex-button-on-light-red:hover.tiny, .kbs-link-as-complex-button-on-light-red:active.tiny { padding: 0.6rem; } .kbs-link-as-complex-button-on-light-red:focus.small, .kbs-link-as-complex-button-on-light-red:hover.small, .kbs-link-as-complex-button-on-light-red:active.small { padding: 0.75rem; } .kbs-link-as-complex-button-on-light-red:focus.large, .kbs-link-as-complex-button-on-light-red:hover.large, .kbs-link-as-complex-button-on-light-red:active.large { padding: 1.25rem; } .kbs-link-as-complex-button-on-light-red:focus::after, .kbs-link-as-complex-button-on-light-red:hover::after, .kbs-link-as-complex-button-on-light-red:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .kbs-link-as-complex-button-on-light-red:focus::after.tiny, .kbs-link-as-complex-button-on-light-red:hover::after.tiny, .kbs-link-as-complex-button-on-light-red:active::after.tiny { right: 0.6rem; } .kbs-link-as-complex-button-on-light-red:focus::after.small, .kbs-link-as-complex-button-on-light-red:hover::after.small, .kbs-link-as-complex-button-on-light-red:active::after.small { right: 0.75rem; } .kbs-link-as-complex-button-on-light-red:focus::after.large, .kbs-link-as-complex-button-on-light-red:hover::after.large, .kbs-link-as-complex-button-on-light-red:active::after.large { right: 1.25rem; } } .kbs-link-as-complex-button-on-light-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-uncollapse-button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-uncollapse-button { outline: 0; } .kbs-link-as-uncollapse-button:hover, .kbs-link-as-uncollapse-button:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-uncollapse-button:focus, .kbs-link-as-uncollapse-button:hover, .kbs-link-as-uncollapse-button:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-uncollapse-button.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-uncollapse-button:focus, .kbs-link-as-uncollapse-button:hover, .kbs-link-as-uncollapse-button:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-uncollapse-button.active, .kbs-link-as-uncollapse-button.current, .kbs-link-as-uncollapse-button.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-uncollapse-button.active:focus, .kbs-link-as-uncollapse-button.active:hover, .kbs-link-as-uncollapse-button.active:active, .kbs-link-as-uncollapse-button.current:focus, .kbs-link-as-uncollapse-button.current:hover, .kbs-link-as-uncollapse-button.current:active, .kbs-link-as-uncollapse-button.topinpath:focus, .kbs-link-as-uncollapse-button.topinpath:hover, .kbs-link-as-uncollapse-button.topinpath:active { position: inherit; } .kbs-link-as-uncollapse-button.active:focus::after, .kbs-link-as-uncollapse-button.active:hover::after, .kbs-link-as-uncollapse-button.active:active::after, .kbs-link-as-uncollapse-button.current:focus::after, .kbs-link-as-uncollapse-button.current:hover::after, .kbs-link-as-uncollapse-button.current:active::after, .kbs-link-as-uncollapse-button.topinpath:focus::after, .kbs-link-as-uncollapse-button.topinpath:hover::after, .kbs-link-as-uncollapse-button.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-uncollapse-button { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .kbs-link-as-uncollapse-button { min-width: 300px; min-height: 60px; } } .kbs-link-as-uncollapse-button.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button:focus, .kbs-link-as-uncollapse-button:hover, .kbs-link-as-uncollapse-button:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-uncollapse-button:focus.tiny, .kbs-link-as-uncollapse-button:hover.tiny, .kbs-link-as-uncollapse-button:active.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button:focus.small, .kbs-link-as-uncollapse-button:hover.small, .kbs-link-as-uncollapse-button:active.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button:focus.large, .kbs-link-as-uncollapse-button:hover.large, .kbs-link-as-uncollapse-button:active.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button:focus::after, .kbs-link-as-uncollapse-button:hover::after, .kbs-link-as-uncollapse-button:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button:focus::after.tiny, .kbs-link-as-uncollapse-button:hover::after.tiny, .kbs-link-as-uncollapse-button:active::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button:focus::after.small, .kbs-link-as-uncollapse-button:hover::after.small, .kbs-link-as-uncollapse-button:active::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button:focus::after.large, .kbs-link-as-uncollapse-button:hover::after.large, .kbs-link-as-uncollapse-button:active::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-uncollapse-button-on-dark-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-uncollapse-button-on-dark-gray { outline: 0; } .kbs-link-as-uncollapse-button-on-dark-gray:hover, .kbs-link-as-uncollapse-button-on-dark-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-uncollapse-button-on-dark-gray:focus, .kbs-link-as-uncollapse-button-on-dark-gray:hover, .kbs-link-as-uncollapse-button-on-dark-gray:active { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-as-uncollapse-button-on-dark-gray.current { border-color: transparent; color: #ffffff; background-color: transparent; } .kbs-link-as-uncollapse-button-on-dark-gray:focus, .kbs-link-as-uncollapse-button-on-dark-gray:hover, .kbs-link-as-uncollapse-button-on-dark-gray:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .kbs-link-as-uncollapse-button-on-dark-gray.active, .kbs-link-as-uncollapse-button-on-dark-gray.current, .kbs-link-as-uncollapse-button-on-dark-gray.topinpath { cursor: default; border-color: #ffffff; color: #2a363b; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-uncollapse-button-on-dark-gray.active:focus, .kbs-link-as-uncollapse-button-on-dark-gray.active:hover, .kbs-link-as-uncollapse-button-on-dark-gray.active:active, .kbs-link-as-uncollapse-button-on-dark-gray.current:focus, .kbs-link-as-uncollapse-button-on-dark-gray.current:hover, .kbs-link-as-uncollapse-button-on-dark-gray.current:active, .kbs-link-as-uncollapse-button-on-dark-gray.topinpath:focus, .kbs-link-as-uncollapse-button-on-dark-gray.topinpath:hover, .kbs-link-as-uncollapse-button-on-dark-gray.topinpath:active { position: inherit; } .kbs-link-as-uncollapse-button-on-dark-gray.active:focus::after, .kbs-link-as-uncollapse-button-on-dark-gray.active:hover::after, .kbs-link-as-uncollapse-button-on-dark-gray.active:active::after, .kbs-link-as-uncollapse-button-on-dark-gray.current:focus::after, .kbs-link-as-uncollapse-button-on-dark-gray.current:hover::after, .kbs-link-as-uncollapse-button-on-dark-gray.current:active::after, .kbs-link-as-uncollapse-button-on-dark-gray.topinpath:focus::after, .kbs-link-as-uncollapse-button-on-dark-gray.topinpath:hover::after, .kbs-link-as-uncollapse-button-on-dark-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-uncollapse-button-on-dark-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .kbs-link-as-uncollapse-button-on-dark-gray { min-width: 300px; min-height: 60px; } } .kbs-link-as-uncollapse-button-on-dark-gray.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-dark-gray.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-dark-gray.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-dark-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-dark-gray::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-dark-gray::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-dark-gray::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-dark-gray:focus, .kbs-link-as-uncollapse-button-on-dark-gray:hover, .kbs-link-as-uncollapse-button-on-dark-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-uncollapse-button-on-dark-gray:focus.tiny, .kbs-link-as-uncollapse-button-on-dark-gray:hover.tiny, .kbs-link-as-uncollapse-button-on-dark-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-dark-gray:focus.small, .kbs-link-as-uncollapse-button-on-dark-gray:hover.small, .kbs-link-as-uncollapse-button-on-dark-gray:active.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-dark-gray:focus.large, .kbs-link-as-uncollapse-button-on-dark-gray:hover.large, .kbs-link-as-uncollapse-button-on-dark-gray:active.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-dark-gray:focus::after, .kbs-link-as-uncollapse-button-on-dark-gray:hover::after, .kbs-link-as-uncollapse-button-on-dark-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-dark-gray:focus::after.tiny, .kbs-link-as-uncollapse-button-on-dark-gray:hover::after.tiny, .kbs-link-as-uncollapse-button-on-dark-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-dark-gray:focus::after.small, .kbs-link-as-uncollapse-button-on-dark-gray:hover::after.small, .kbs-link-as-uncollapse-button-on-dark-gray:active::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-dark-gray:focus::after.large, .kbs-link-as-uncollapse-button-on-dark-gray:hover::after.large, .kbs-link-as-uncollapse-button-on-dark-gray:active::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-dark-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-uncollapse-button-on-dark-red { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-uncollapse-button-on-dark-red { outline: 0; } .kbs-link-as-uncollapse-button-on-dark-red:hover, .kbs-link-as-uncollapse-button-on-dark-red:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-uncollapse-button-on-dark-red:focus, .kbs-link-as-uncollapse-button-on-dark-red:hover, .kbs-link-as-uncollapse-button-on-dark-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-uncollapse-button-on-dark-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-uncollapse-button-on-dark-red:focus, .kbs-link-as-uncollapse-button-on-dark-red:hover, .kbs-link-as-uncollapse-button-on-dark-red:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-link-as-uncollapse-button-on-dark-red.active, .kbs-link-as-uncollapse-button-on-dark-red.current, .kbs-link-as-uncollapse-button-on-dark-red.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-uncollapse-button-on-dark-red.active:focus, .kbs-link-as-uncollapse-button-on-dark-red.active:hover, .kbs-link-as-uncollapse-button-on-dark-red.active:active, .kbs-link-as-uncollapse-button-on-dark-red.current:focus, .kbs-link-as-uncollapse-button-on-dark-red.current:hover, .kbs-link-as-uncollapse-button-on-dark-red.current:active, .kbs-link-as-uncollapse-button-on-dark-red.topinpath:focus, .kbs-link-as-uncollapse-button-on-dark-red.topinpath:hover, .kbs-link-as-uncollapse-button-on-dark-red.topinpath:active { position: inherit; } .kbs-link-as-uncollapse-button-on-dark-red.active:focus::after, .kbs-link-as-uncollapse-button-on-dark-red.active:hover::after, .kbs-link-as-uncollapse-button-on-dark-red.active:active::after, .kbs-link-as-uncollapse-button-on-dark-red.current:focus::after, .kbs-link-as-uncollapse-button-on-dark-red.current:hover::after, .kbs-link-as-uncollapse-button-on-dark-red.current:active::after, .kbs-link-as-uncollapse-button-on-dark-red.topinpath:focus::after, .kbs-link-as-uncollapse-button-on-dark-red.topinpath:hover::after, .kbs-link-as-uncollapse-button-on-dark-red.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-uncollapse-button-on-dark-red { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .kbs-link-as-uncollapse-button-on-dark-red { min-width: 300px; min-height: 60px; } } .kbs-link-as-uncollapse-button-on-dark-red.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-dark-red.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-dark-red.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-dark-red::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-dark-red::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-dark-red::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-dark-red::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-dark-red:focus, .kbs-link-as-uncollapse-button-on-dark-red:hover, .kbs-link-as-uncollapse-button-on-dark-red:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-uncollapse-button-on-dark-red:focus.tiny, .kbs-link-as-uncollapse-button-on-dark-red:hover.tiny, .kbs-link-as-uncollapse-button-on-dark-red:active.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-dark-red:focus.small, .kbs-link-as-uncollapse-button-on-dark-red:hover.small, .kbs-link-as-uncollapse-button-on-dark-red:active.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-dark-red:focus.large, .kbs-link-as-uncollapse-button-on-dark-red:hover.large, .kbs-link-as-uncollapse-button-on-dark-red:active.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-dark-red:focus::after, .kbs-link-as-uncollapse-button-on-dark-red:hover::after, .kbs-link-as-uncollapse-button-on-dark-red:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -571px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-dark-red:focus::after.tiny, .kbs-link-as-uncollapse-button-on-dark-red:hover::after.tiny, .kbs-link-as-uncollapse-button-on-dark-red:active::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-dark-red:focus::after.small, .kbs-link-as-uncollapse-button-on-dark-red:hover::after.small, .kbs-link-as-uncollapse-button-on-dark-red:active::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-dark-red:focus::after.large, .kbs-link-as-uncollapse-button-on-dark-red:hover::after.large, .kbs-link-as-uncollapse-button-on-dark-red:active::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-dark-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-uncollapse-button-on-gold { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-uncollapse-button-on-gold { outline: 0; } .kbs-link-as-uncollapse-button-on-gold:hover, .kbs-link-as-uncollapse-button-on-gold:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-uncollapse-button-on-gold:focus, .kbs-link-as-uncollapse-button-on-gold:hover, .kbs-link-as-uncollapse-button-on-gold:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-uncollapse-button-on-gold.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-uncollapse-button-on-gold:focus, .kbs-link-as-uncollapse-button-on-gold:hover, .kbs-link-as-uncollapse-button-on-gold:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-uncollapse-button-on-gold.active, .kbs-link-as-uncollapse-button-on-gold.current, .kbs-link-as-uncollapse-button-on-gold.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-uncollapse-button-on-gold.active:focus, .kbs-link-as-uncollapse-button-on-gold.active:hover, .kbs-link-as-uncollapse-button-on-gold.active:active, .kbs-link-as-uncollapse-button-on-gold.current:focus, .kbs-link-as-uncollapse-button-on-gold.current:hover, .kbs-link-as-uncollapse-button-on-gold.current:active, .kbs-link-as-uncollapse-button-on-gold.topinpath:focus, .kbs-link-as-uncollapse-button-on-gold.topinpath:hover, .kbs-link-as-uncollapse-button-on-gold.topinpath:active { position: inherit; } .kbs-link-as-uncollapse-button-on-gold.active:focus::after, .kbs-link-as-uncollapse-button-on-gold.active:hover::after, .kbs-link-as-uncollapse-button-on-gold.active:active::after, .kbs-link-as-uncollapse-button-on-gold.current:focus::after, .kbs-link-as-uncollapse-button-on-gold.current:hover::after, .kbs-link-as-uncollapse-button-on-gold.current:active::after, .kbs-link-as-uncollapse-button-on-gold.topinpath:focus::after, .kbs-link-as-uncollapse-button-on-gold.topinpath:hover::after, .kbs-link-as-uncollapse-button-on-gold.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-uncollapse-button-on-gold { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .kbs-link-as-uncollapse-button-on-gold { min-width: 300px; min-height: 60px; } } .kbs-link-as-uncollapse-button-on-gold.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-gold.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-gold.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-gold::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-gold::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-gold::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-gold::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-gold:focus, .kbs-link-as-uncollapse-button-on-gold:hover, .kbs-link-as-uncollapse-button-on-gold:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-uncollapse-button-on-gold:focus.tiny, .kbs-link-as-uncollapse-button-on-gold:hover.tiny, .kbs-link-as-uncollapse-button-on-gold:active.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-gold:focus.small, .kbs-link-as-uncollapse-button-on-gold:hover.small, .kbs-link-as-uncollapse-button-on-gold:active.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-gold:focus.large, .kbs-link-as-uncollapse-button-on-gold:hover.large, .kbs-link-as-uncollapse-button-on-gold:active.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-gold:focus::after, .kbs-link-as-uncollapse-button-on-gold:hover::after, .kbs-link-as-uncollapse-button-on-gold:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-gold:focus::after.tiny, .kbs-link-as-uncollapse-button-on-gold:hover::after.tiny, .kbs-link-as-uncollapse-button-on-gold:active::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-gold:focus::after.small, .kbs-link-as-uncollapse-button-on-gold:hover::after.small, .kbs-link-as-uncollapse-button-on-gold:active::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-gold:focus::after.large, .kbs-link-as-uncollapse-button-on-gold:hover::after.large, .kbs-link-as-uncollapse-button-on-gold:active::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-gold.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-uncollapse-button-on-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-uncollapse-button-on-gray { outline: 0; } .kbs-link-as-uncollapse-button-on-gray:hover, .kbs-link-as-uncollapse-button-on-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-uncollapse-button-on-gray:focus, .kbs-link-as-uncollapse-button-on-gray:hover, .kbs-link-as-uncollapse-button-on-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-uncollapse-button-on-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-uncollapse-button-on-gray:focus, .kbs-link-as-uncollapse-button-on-gray:hover, .kbs-link-as-uncollapse-button-on-gray:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-uncollapse-button-on-gray.active, .kbs-link-as-uncollapse-button-on-gray.current, .kbs-link-as-uncollapse-button-on-gray.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-uncollapse-button-on-gray.active:focus, .kbs-link-as-uncollapse-button-on-gray.active:hover, .kbs-link-as-uncollapse-button-on-gray.active:active, .kbs-link-as-uncollapse-button-on-gray.current:focus, .kbs-link-as-uncollapse-button-on-gray.current:hover, .kbs-link-as-uncollapse-button-on-gray.current:active, .kbs-link-as-uncollapse-button-on-gray.topinpath:focus, .kbs-link-as-uncollapse-button-on-gray.topinpath:hover, .kbs-link-as-uncollapse-button-on-gray.topinpath:active { position: inherit; } .kbs-link-as-uncollapse-button-on-gray.active:focus::after, .kbs-link-as-uncollapse-button-on-gray.active:hover::after, .kbs-link-as-uncollapse-button-on-gray.active:active::after, .kbs-link-as-uncollapse-button-on-gray.current:focus::after, .kbs-link-as-uncollapse-button-on-gray.current:hover::after, .kbs-link-as-uncollapse-button-on-gray.current:active::after, .kbs-link-as-uncollapse-button-on-gray.topinpath:focus::after, .kbs-link-as-uncollapse-button-on-gray.topinpath:hover::after, .kbs-link-as-uncollapse-button-on-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-uncollapse-button-on-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .kbs-link-as-uncollapse-button-on-gray { min-width: 300px; min-height: 60px; } } .kbs-link-as-uncollapse-button-on-gray.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-gray.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-gray.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-gray::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-gray::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-gray::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-gray:focus, .kbs-link-as-uncollapse-button-on-gray:hover, .kbs-link-as-uncollapse-button-on-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-uncollapse-button-on-gray:focus.tiny, .kbs-link-as-uncollapse-button-on-gray:hover.tiny, .kbs-link-as-uncollapse-button-on-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-gray:focus.small, .kbs-link-as-uncollapse-button-on-gray:hover.small, .kbs-link-as-uncollapse-button-on-gray:active.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-gray:focus.large, .kbs-link-as-uncollapse-button-on-gray:hover.large, .kbs-link-as-uncollapse-button-on-gray:active.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-gray:focus::after, .kbs-link-as-uncollapse-button-on-gray:hover::after, .kbs-link-as-uncollapse-button-on-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-gray:focus::after.tiny, .kbs-link-as-uncollapse-button-on-gray:hover::after.tiny, .kbs-link-as-uncollapse-button-on-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-gray:focus::after.small, .kbs-link-as-uncollapse-button-on-gray:hover::after.small, .kbs-link-as-uncollapse-button-on-gray:active::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-gray:focus::after.large, .kbs-link-as-uncollapse-button-on-gray:hover::after.large, .kbs-link-as-uncollapse-button-on-gray:active::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-uncollapse-button-on-light-blue { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-uncollapse-button-on-light-blue { outline: 0; } .kbs-link-as-uncollapse-button-on-light-blue:hover, .kbs-link-as-uncollapse-button-on-light-blue:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-uncollapse-button-on-light-blue:focus, .kbs-link-as-uncollapse-button-on-light-blue:hover, .kbs-link-as-uncollapse-button-on-light-blue:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-uncollapse-button-on-light-blue.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-uncollapse-button-on-light-blue:focus, .kbs-link-as-uncollapse-button-on-light-blue:hover, .kbs-link-as-uncollapse-button-on-light-blue:active { border-color: #2a363b; color: #ffffff; background-color: #2a363b; } .kbs-link-as-uncollapse-button-on-light-blue.active, .kbs-link-as-uncollapse-button-on-light-blue.current, .kbs-link-as-uncollapse-button-on-light-blue.topinpath { cursor: default; border-color: #2a363b; color: #ffffff; background-color: #2a363b; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-uncollapse-button-on-light-blue.active:focus, .kbs-link-as-uncollapse-button-on-light-blue.active:hover, .kbs-link-as-uncollapse-button-on-light-blue.active:active, .kbs-link-as-uncollapse-button-on-light-blue.current:focus, .kbs-link-as-uncollapse-button-on-light-blue.current:hover, .kbs-link-as-uncollapse-button-on-light-blue.current:active, .kbs-link-as-uncollapse-button-on-light-blue.topinpath:focus, .kbs-link-as-uncollapse-button-on-light-blue.topinpath:hover, .kbs-link-as-uncollapse-button-on-light-blue.topinpath:active { position: inherit; } .kbs-link-as-uncollapse-button-on-light-blue.active:focus::after, .kbs-link-as-uncollapse-button-on-light-blue.active:hover::after, .kbs-link-as-uncollapse-button-on-light-blue.active:active::after, .kbs-link-as-uncollapse-button-on-light-blue.current:focus::after, .kbs-link-as-uncollapse-button-on-light-blue.current:hover::after, .kbs-link-as-uncollapse-button-on-light-blue.current:active::after, .kbs-link-as-uncollapse-button-on-light-blue.topinpath:focus::after, .kbs-link-as-uncollapse-button-on-light-blue.topinpath:hover::after, .kbs-link-as-uncollapse-button-on-light-blue.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-uncollapse-button-on-light-blue { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .kbs-link-as-uncollapse-button-on-light-blue { min-width: 300px; min-height: 60px; } } .kbs-link-as-uncollapse-button-on-light-blue.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-blue.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-blue.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-blue::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-light-blue::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-blue::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-blue::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-blue:focus, .kbs-link-as-uncollapse-button-on-light-blue:hover, .kbs-link-as-uncollapse-button-on-light-blue:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-uncollapse-button-on-light-blue:focus.tiny, .kbs-link-as-uncollapse-button-on-light-blue:hover.tiny, .kbs-link-as-uncollapse-button-on-light-blue:active.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-blue:focus.small, .kbs-link-as-uncollapse-button-on-light-blue:hover.small, .kbs-link-as-uncollapse-button-on-light-blue:active.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-blue:focus.large, .kbs-link-as-uncollapse-button-on-light-blue:hover.large, .kbs-link-as-uncollapse-button-on-light-blue:active.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-blue:focus::after, .kbs-link-as-uncollapse-button-on-light-blue:hover::after, .kbs-link-as-uncollapse-button-on-light-blue:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-light-blue:focus::after.tiny, .kbs-link-as-uncollapse-button-on-light-blue:hover::after.tiny, .kbs-link-as-uncollapse-button-on-light-blue:active::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-blue:focus::after.small, .kbs-link-as-uncollapse-button-on-light-blue:hover::after.small, .kbs-link-as-uncollapse-button-on-light-blue:active::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-blue:focus::after.large, .kbs-link-as-uncollapse-button-on-light-blue:hover::after.large, .kbs-link-as-uncollapse-button-on-light-blue:active::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-blue.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-uncollapse-button-on-light-gray { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-uncollapse-button-on-light-gray { outline: 0; } .kbs-link-as-uncollapse-button-on-light-gray:hover, .kbs-link-as-uncollapse-button-on-light-gray:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-uncollapse-button-on-light-gray:focus, .kbs-link-as-uncollapse-button-on-light-gray:hover, .kbs-link-as-uncollapse-button-on-light-gray:active { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-uncollapse-button-on-light-gray.current { border-color: transparent; color: #AE130F; background-color: transparent; } .kbs-link-as-uncollapse-button-on-light-gray:focus, .kbs-link-as-uncollapse-button-on-light-gray:hover, .kbs-link-as-uncollapse-button-on-light-gray:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .kbs-link-as-uncollapse-button-on-light-gray.active, .kbs-link-as-uncollapse-button-on-light-gray.current, .kbs-link-as-uncollapse-button-on-light-gray.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-uncollapse-button-on-light-gray.active:focus, .kbs-link-as-uncollapse-button-on-light-gray.active:hover, .kbs-link-as-uncollapse-button-on-light-gray.active:active, .kbs-link-as-uncollapse-button-on-light-gray.current:focus, .kbs-link-as-uncollapse-button-on-light-gray.current:hover, .kbs-link-as-uncollapse-button-on-light-gray.current:active, .kbs-link-as-uncollapse-button-on-light-gray.topinpath:focus, .kbs-link-as-uncollapse-button-on-light-gray.topinpath:hover, .kbs-link-as-uncollapse-button-on-light-gray.topinpath:active { position: inherit; } .kbs-link-as-uncollapse-button-on-light-gray.active:focus::after, .kbs-link-as-uncollapse-button-on-light-gray.active:hover::after, .kbs-link-as-uncollapse-button-on-light-gray.active:active::after, .kbs-link-as-uncollapse-button-on-light-gray.current:focus::after, .kbs-link-as-uncollapse-button-on-light-gray.current:hover::after, .kbs-link-as-uncollapse-button-on-light-gray.current:active::after, .kbs-link-as-uncollapse-button-on-light-gray.topinpath:focus::after, .kbs-link-as-uncollapse-button-on-light-gray.topinpath:hover::after, .kbs-link-as-uncollapse-button-on-light-gray.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-uncollapse-button-on-light-gray { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .kbs-link-as-uncollapse-button-on-light-gray { min-width: 300px; min-height: 60px; } } .kbs-link-as-uncollapse-button-on-light-gray.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-gray.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-gray.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-gray::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-light-gray::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-gray::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-gray::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-gray:focus, .kbs-link-as-uncollapse-button-on-light-gray:hover, .kbs-link-as-uncollapse-button-on-light-gray:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-uncollapse-button-on-light-gray:focus.tiny, .kbs-link-as-uncollapse-button-on-light-gray:hover.tiny, .kbs-link-as-uncollapse-button-on-light-gray:active.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-gray:focus.small, .kbs-link-as-uncollapse-button-on-light-gray:hover.small, .kbs-link-as-uncollapse-button-on-light-gray:active.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-gray:focus.large, .kbs-link-as-uncollapse-button-on-light-gray:hover.large, .kbs-link-as-uncollapse-button-on-light-gray:active.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-gray:focus::after, .kbs-link-as-uncollapse-button-on-light-gray:hover::after, .kbs-link-as-uncollapse-button-on-light-gray:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-light-gray:focus::after.tiny, .kbs-link-as-uncollapse-button-on-light-gray:hover::after.tiny, .kbs-link-as-uncollapse-button-on-light-gray:active::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-gray:focus::after.small, .kbs-link-as-uncollapse-button-on-light-gray:hover::after.small, .kbs-link-as-uncollapse-button-on-light-gray:active::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-gray:focus::after.large, .kbs-link-as-uncollapse-button-on-light-gray:hover::after.large, .kbs-link-as-uncollapse-button-on-light-gray:active::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-gray.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .kbs-link-as-uncollapse-button-on-light-red { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .kbs-link-as-uncollapse-button-on-light-red { outline: 0; } .kbs-link-as-uncollapse-button-on-light-red:hover, .kbs-link-as-uncollapse-button-on-light-red:focus { background-color: #AE130F; color: #000000; } .kbs-link-as-uncollapse-button-on-light-red:focus, .kbs-link-as-uncollapse-button-on-light-red:hover, .kbs-link-as-uncollapse-button-on-light-red:active { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-uncollapse-button-on-light-red.current { border-color: transparent; color: #2a363b; background-color: transparent; } .kbs-link-as-uncollapse-button-on-light-red:focus, .kbs-link-as-uncollapse-button-on-light-red:hover, .kbs-link-as-uncollapse-button-on-light-red:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .kbs-link-as-uncollapse-button-on-light-red.active, .kbs-link-as-uncollapse-button-on-light-red.current, .kbs-link-as-uncollapse-button-on-light-red.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .kbs-link-as-uncollapse-button-on-light-red.active:focus, .kbs-link-as-uncollapse-button-on-light-red.active:hover, .kbs-link-as-uncollapse-button-on-light-red.active:active, .kbs-link-as-uncollapse-button-on-light-red.current:focus, .kbs-link-as-uncollapse-button-on-light-red.current:hover, .kbs-link-as-uncollapse-button-on-light-red.current:active, .kbs-link-as-uncollapse-button-on-light-red.topinpath:focus, .kbs-link-as-uncollapse-button-on-light-red.topinpath:hover, .kbs-link-as-uncollapse-button-on-light-red.topinpath:active { position: inherit; } .kbs-link-as-uncollapse-button-on-light-red.active:focus::after, .kbs-link-as-uncollapse-button-on-light-red.active:hover::after, .kbs-link-as-uncollapse-button-on-light-red.active:active::after, .kbs-link-as-uncollapse-button-on-light-red.current:focus::after, .kbs-link-as-uncollapse-button-on-light-red.current:hover::after, .kbs-link-as-uncollapse-button-on-light-red.current:active::after, .kbs-link-as-uncollapse-button-on-light-red.topinpath:focus::after, .kbs-link-as-uncollapse-button-on-light-red.topinpath:hover::after, .kbs-link-as-uncollapse-button-on-light-red.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .kbs-link-as-uncollapse-button-on-light-red { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .kbs-link-as-uncollapse-button-on-light-red { min-width: 300px; min-height: 60px; } } .kbs-link-as-uncollapse-button-on-light-red.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-red.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-red.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-red::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-light-red::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-red::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-red::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-red:focus, .kbs-link-as-uncollapse-button-on-light-red:hover, .kbs-link-as-uncollapse-button-on-light-red:active { position: relative; padding-right: 3.75rem; } .kbs-link-as-uncollapse-button-on-light-red:focus.tiny, .kbs-link-as-uncollapse-button-on-light-red:hover.tiny, .kbs-link-as-uncollapse-button-on-light-red:active.tiny { padding: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-red:focus.small, .kbs-link-as-uncollapse-button-on-light-red:hover.small, .kbs-link-as-uncollapse-button-on-light-red:active.small { padding: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-red:focus.large, .kbs-link-as-uncollapse-button-on-light-red:hover.large, .kbs-link-as-uncollapse-button-on-light-red:active.large { padding: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-red:focus::after, .kbs-link-as-uncollapse-button-on-light-red:hover::after, .kbs-link-as-uncollapse-button-on-light-red:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -571px; width: 25px; height: 25px; } .kbs-link-as-uncollapse-button-on-light-red:focus::after.tiny, .kbs-link-as-uncollapse-button-on-light-red:hover::after.tiny, .kbs-link-as-uncollapse-button-on-light-red:active::after.tiny { right: 0.6rem; } .kbs-link-as-uncollapse-button-on-light-red:focus::after.small, .kbs-link-as-uncollapse-button-on-light-red:hover::after.small, .kbs-link-as-uncollapse-button-on-light-red:active::after.small { right: 0.75rem; } .kbs-link-as-uncollapse-button-on-light-red:focus::after.large, .kbs-link-as-uncollapse-button-on-light-red:hover::after.large, .kbs-link-as-uncollapse-button-on-light-red:active::after.large { right: 1.25rem; } .kbs-link-as-uncollapse-button-on-light-red.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } /* ------------------------------ ### commons ------------------------------ */ /* ============================== # classes ============================== */ .no-labels .label { background-color: inherit; color: inherit; padding: inherit; font-size: inherit; line-height: inherit; font-weight: bold; font-family: "Kohinoor-bold"; white-space: inherit; } @media screen and (max-width: 47.9375em) { .no-labels .label { display: inherit; } } .headline { margin-top: 0; } .headline > .headline-main { display: block; } .headline > .headline-sub-wrapper { display: block; } .fliesstext { max-width: 48rem; margin: 0 auto; } .infoButton { vertical-align: bottom; color: transparent; height: 32px; width: 32px; margin: 0 .5rem .5rem; overflow: hidden; position: relative; padding-right: 0; position: relative; padding-right: 2.5rem; } .infoButton::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -300px -806px; width: 25px; height: 25px; right: calc(50% - (25px / 2)); } .loupe { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -675px -806px; width: 25px; height: 25px; display: block; left: calc(100% - 25px); position: relative; margin-top: 5px; } .loupe img { display: none; } /* ------------------------------ ## Meta Navigation ------------------------------ */ .nav-meta ul { margin-bottom: 0; min-height: 50px; padding-top: 5px; } .nav-service-meta { display: -ms-flexbox; display: flex; margin-left: 0; } .nav-service-meta li { list-style-type: none; } .nav-service-meta li a { padding-left: 30px; display: block; width: 30px; height: 40px; text-indent: -9999px; position: relative; } .nav-service-meta li a.navServiceGS:before { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -280px -1500px; width: 14px; height: 16px; } .nav-service-meta li a.navServiceLS:before { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -50px -1500px; width: 16px; height: 18px; } @media screen and (min-width: 64em) { .nav-service-meta li { padding-left: 30px; } } .nav-meta-list { margin-left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } .nav-meta-list li { list-style-type: none; padding-top: 5px; } .nav-meta-list a { font-size: 0.8125rem; text-transform: uppercase; font-family: "Kohinoor-bold"; } .metaOverlay { padding: 20px; background-color: #E1E7EB; overflow-y: auto; } @media screen and (min-width: 48em) { .metaOverlay { padding-left: 50px; padding-right: 50px; } } .metaOverlay ul { margin-left: 0; } @media screen and (min-width: 48em) { .metaOverlay ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .metaOverlay .second-column strong { font-size: 1rem; font-family: "Kohinoor-bold"; margin-bottom: 15px; display: block; margin-top: 50px; } .metaOverlay li { list-style-type: none; padding: 15px 5px; border-bottom: 1px solid #BDC2C6; } @media screen and (min-width: 48em) { .metaOverlay li { width: calc(50% - 15px); margin-right: 15px; } .metaOverlay li:nth-child(2n) { margin-right: 0; margin-left: 15px; } } .metaOverlay li strong, .metaOverlay li a { display: block; } .metaOverlay li strong.internal-link:hover:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; } .metaOverlay li strong.external-link:hover:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -1120px; width: 18px; height: 18px; } .metaOverlay li a { font-family: "Kohinoor-regular"; font-size: 1rem; } .metaOverlay .external-link, .metaOverlay .internal-link { padding-right: 35px; position: relative; } .metaOverlay .external-link:after, .metaOverlay .internal-link:after { content: ''; display: inline-block; position: absolute; right: 10px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .metaOverlay .internal-link:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; } .metaOverlay .internal-link:hover:after, .metaOverlay .internal-link:focus:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -50px; width: 8px; height: 12px; } .metaOverlay .external-link:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -1120px; width: 18px; height: 18px; } .metaOverlay .external-link:hover:after, .metaOverlay .external-link:focus:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -884px; width: 18px; height: 18px; } .metaOverlay .highlight { border-bottom: 3px solid #333; font-family: "Kohinoor-bold"; } .nav-meta-list-company-link { padding-right: 20px; display: inline-block; position: relative; } @media screen and (min-width: 48em) { .nav-meta-list-company-link { margin-right: 50px; } } .nav-meta-list-company-link:after { content: ''; position: absolute; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); top: calc(50% - 1px); background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -730px -1500px; width: 12px; height: 8px; } .nav-meta-list-company-link:hover:after, .nav-meta-list-company-link:focus:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -506px -1500px; width: 12px; height: 8px; } .nav-meta-list-company-link.is-open { color: #333; } .nav-meta-list-company-link.is-open:focus:after, .nav-meta-list-company-link.is-open:hover:after, .nav-meta-list-company-link.is-open:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1377px -1325px; width: 12px; height: 12px; } /* ------------------------------ ## Interne Links ------------------------------ */ .RichTextExtLink, .RichTextExtLinkMailTo, .RichTextIntLink { color: #AE130F; font-size: inherit; font-family: inherit; transition: color .3s ease, background-color .3s ease; } .RichTextExtLink:focus, .RichTextExtLink:hover, .RichTextExtLink:active, .RichTextExtLinkMailTo:focus, .RichTextExtLinkMailTo:hover, .RichTextExtLinkMailTo:active, .RichTextIntLink:focus, .RichTextIntLink:hover, .RichTextIntLink:active { color: #dd0b14; } .navOverlayText .RichTextExtLink, .module_checkliste.klein .RichTextExtLink, .module_galerie_teaser .RichTextExtLink, .module_hotline_teaser .RichTextExtLink, .module_markenteaser .RichTextExtLink, .module_service_container.service_container_rot .RichTextExtLink, .navOverlayText .RichTextExtLinkMailTo, .module_checkliste.klein .RichTextExtLinkMailTo, .module_galerie_teaser .RichTextExtLinkMailTo, .module_hotline_teaser .RichTextExtLinkMailTo, .module_markenteaser .RichTextExtLinkMailTo, .module_service_container.service_container_rot .RichTextExtLinkMailTo, .navOverlayText .RichTextIntLink, .module_checkliste.klein .RichTextIntLink, .module_galerie_teaser .RichTextIntLink, .module_hotline_teaser .RichTextIntLink, .module_markenteaser .RichTextIntLink, .module_service_container.service_container_rot .RichTextIntLink { border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .navOverlayText .RichTextExtLink:focus, .navOverlayText .RichTextExtLink:hover, .navOverlayText .RichTextExtLink:active, .module_checkliste.klein .RichTextExtLink:focus, .module_checkliste.klein .RichTextExtLink:hover, .module_checkliste.klein .RichTextExtLink:active, .module_galerie_teaser .RichTextExtLink:focus, .module_galerie_teaser .RichTextExtLink:hover, .module_galerie_teaser .RichTextExtLink:active, .module_hotline_teaser .RichTextExtLink:focus, .module_hotline_teaser .RichTextExtLink:hover, .module_hotline_teaser .RichTextExtLink:active, .module_markenteaser .RichTextExtLink:focus, .module_markenteaser .RichTextExtLink:hover, .module_markenteaser .RichTextExtLink:active, .module_service_container.service_container_rot .RichTextExtLink:focus, .module_service_container.service_container_rot .RichTextExtLink:hover, .module_service_container.service_container_rot .RichTextExtLink:active, .navOverlayText .RichTextExtLinkMailTo:focus, .navOverlayText .RichTextExtLinkMailTo:hover, .navOverlayText .RichTextExtLinkMailTo:active, .module_checkliste.klein .RichTextExtLinkMailTo:focus, .module_checkliste.klein .RichTextExtLinkMailTo:hover, .module_checkliste.klein .RichTextExtLinkMailTo:active, .module_galerie_teaser .RichTextExtLinkMailTo:focus, .module_galerie_teaser .RichTextExtLinkMailTo:hover, .module_galerie_teaser .RichTextExtLinkMailTo:active, .module_hotline_teaser .RichTextExtLinkMailTo:focus, .module_hotline_teaser .RichTextExtLinkMailTo:hover, .module_hotline_teaser .RichTextExtLinkMailTo:active, .module_markenteaser .RichTextExtLinkMailTo:focus, .module_markenteaser .RichTextExtLinkMailTo:hover, .module_markenteaser .RichTextExtLinkMailTo:active, .module_service_container.service_container_rot .RichTextExtLinkMailTo:focus, .module_service_container.service_container_rot .RichTextExtLinkMailTo:hover, .module_service_container.service_container_rot .RichTextExtLinkMailTo:active, .navOverlayText .RichTextIntLink:focus, .navOverlayText .RichTextIntLink:hover, .navOverlayText .RichTextIntLink:active, .module_checkliste.klein .RichTextIntLink:focus, .module_checkliste.klein .RichTextIntLink:hover, .module_checkliste.klein .RichTextIntLink:active, .module_galerie_teaser .RichTextIntLink:focus, .module_galerie_teaser .RichTextIntLink:hover, .module_galerie_teaser .RichTextIntLink:active, .module_hotline_teaser .RichTextIntLink:focus, .module_hotline_teaser .RichTextIntLink:hover, .module_hotline_teaser .RichTextIntLink:active, .module_markenteaser .RichTextIntLink:focus, .module_markenteaser .RichTextIntLink:hover, .module_markenteaser .RichTextIntLink:active, .module_service_container.service_container_rot .RichTextIntLink:focus, .module_service_container.service_container_rot .RichTextIntLink:hover, .module_service_container.service_container_rot .RichTextIntLink:active { border-color: transparent; color: #2a363b; background-color: transparent; } .navOverlayText .RichTextExtLink.current, .module_checkliste.klein .RichTextExtLink.current, .module_galerie_teaser .RichTextExtLink.current, .module_hotline_teaser .RichTextExtLink.current, .module_markenteaser .RichTextExtLink.current, .module_service_container.service_container_rot .RichTextExtLink.current, .navOverlayText .RichTextExtLinkMailTo.current, .module_checkliste.klein .RichTextExtLinkMailTo.current, .module_galerie_teaser .RichTextExtLinkMailTo.current, .module_hotline_teaser .RichTextExtLinkMailTo.current, .module_markenteaser .RichTextExtLinkMailTo.current, .module_service_container.service_container_rot .RichTextExtLinkMailTo.current, .navOverlayText .RichTextIntLink.current, .module_checkliste.klein .RichTextIntLink.current, .module_galerie_teaser .RichTextIntLink.current, .module_hotline_teaser .RichTextIntLink.current, .module_markenteaser .RichTextIntLink.current, .module_service_container.service_container_rot .RichTextIntLink.current { border-color: transparent; color: #2a363b; background-color: transparent; } .cookie-banner .RichTextExtLink, .module_call_to_action .RichTextExtLink, .module_geschaeftsstellensuche .RichTextExtLink, .module_testimonial.testimonial-gross .testimonial .RichTextExtLink, .cookie-banner .RichTextExtLinkMailTo, .module_call_to_action .RichTextExtLinkMailTo, .module_geschaeftsstellensuche .RichTextExtLinkMailTo, .module_testimonial.testimonial-gross .testimonial .RichTextExtLinkMailTo, .cookie-banner .RichTextIntLink, .module_call_to_action .RichTextIntLink, .module_geschaeftsstellensuche .RichTextIntLink, .module_testimonial.testimonial-gross .testimonial .RichTextIntLink { border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .cookie-banner .RichTextExtLink:focus, .cookie-banner .RichTextExtLink:hover, .cookie-banner .RichTextExtLink:active, .module_call_to_action .RichTextExtLink:focus, .module_call_to_action .RichTextExtLink:hover, .module_call_to_action .RichTextExtLink:active, .module_geschaeftsstellensuche .RichTextExtLink:focus, .module_geschaeftsstellensuche .RichTextExtLink:hover, .module_geschaeftsstellensuche .RichTextExtLink:active, .module_testimonial.testimonial-gross .testimonial .RichTextExtLink:focus, .module_testimonial.testimonial-gross .testimonial .RichTextExtLink:hover, .module_testimonial.testimonial-gross .testimonial .RichTextExtLink:active, .cookie-banner .RichTextExtLinkMailTo:focus, .cookie-banner .RichTextExtLinkMailTo:hover, .cookie-banner .RichTextExtLinkMailTo:active, .module_call_to_action .RichTextExtLinkMailTo:focus, .module_call_to_action .RichTextExtLinkMailTo:hover, .module_call_to_action .RichTextExtLinkMailTo:active, .module_geschaeftsstellensuche .RichTextExtLinkMailTo:focus, .module_geschaeftsstellensuche .RichTextExtLinkMailTo:hover, .module_geschaeftsstellensuche .RichTextExtLinkMailTo:active, .module_testimonial.testimonial-gross .testimonial .RichTextExtLinkMailTo:focus, .module_testimonial.testimonial-gross .testimonial .RichTextExtLinkMailTo:hover, .module_testimonial.testimonial-gross .testimonial .RichTextExtLinkMailTo:active, .cookie-banner .RichTextIntLink:focus, .cookie-banner .RichTextIntLink:hover, .cookie-banner .RichTextIntLink:active, .module_call_to_action .RichTextIntLink:focus, .module_call_to_action .RichTextIntLink:hover, .module_call_to_action .RichTextIntLink:active, .module_geschaeftsstellensuche .RichTextIntLink:focus, .module_geschaeftsstellensuche .RichTextIntLink:hover, .module_geschaeftsstellensuche .RichTextIntLink:active, .module_testimonial.testimonial-gross .testimonial .RichTextIntLink:focus, .module_testimonial.testimonial-gross .testimonial .RichTextIntLink:hover, .module_testimonial.testimonial-gross .testimonial .RichTextIntLink:active { border-color: transparent; color: #2a363b; background-color: transparent; } .cookie-banner .RichTextExtLink.current, .module_call_to_action .RichTextExtLink.current, .module_geschaeftsstellensuche .RichTextExtLink.current, .module_testimonial.testimonial-gross .testimonial .RichTextExtLink.current, .cookie-banner .RichTextExtLinkMailTo.current, .module_call_to_action .RichTextExtLinkMailTo.current, .module_geschaeftsstellensuche .RichTextExtLinkMailTo.current, .module_testimonial.testimonial-gross .testimonial .RichTextExtLinkMailTo.current, .cookie-banner .RichTextIntLink.current, .module_call_to_action .RichTextIntLink.current, .module_geschaeftsstellensuche .RichTextIntLink.current, .module_testimonial.testimonial-gross .testimonial .RichTextIntLink.current { border-color: transparent; color: #2a363b; background-color: transparent; } .overflow-hidden { overflow: hidden; } .full-height { height: 100%; } .background-primary { background-color: #AE130F; } .background-secondary { background-color: #ffffff; } /* ------------------------------ ## spacer-... ------------------------------ */ .spacer-horizontal { margin-bottom: 20px; margin-top: 20px; } .spacer-horizontal-bottom { margin-bottom: 20px; } .spacer-horizontal-top { margin-top: 20px; } .spacer-vertical { margin-bottom: 20px; margin-top: 20px; } .spacer-vertical-left { margin-left: 20px; } .spacer-vertical-right { margin-right: 20px; } /* ------------------------------ ## back, more, less, ... ------------------------------ */ .back { display: block; text-align: right; } /* ------------------------------ ## lists ------------------------------ */ .list-unstyled, .linklist { list-style-type: none; margin: 0; padding: 0; } .list-unstyled > .list-item + .list-item, .linklist > .list-item + .list-item { padding-top: 1.25rem; } /* ------------------------------ ## teaser ------------------------------ */ .teaser { padding: 20px; margin-bottom: 20px; /* ------------------------------ ### teaser-navigation ------------------------------ */ /* ------------------------------ ### teaser-listentry ------------------------------ */ /* ------------------------------ ### teaser-hightlight ------------------------------ */ } .teaser.teaser-navigation { background-color: #AE130F; } @media screen and (max-width: 30.9375em) { .teaser.teaser-navigation { padding: 10px 20px; } } .teaser.teaser-navigation > .cta--teaser-navigation-link { transition: color .3s ease, background-color .3s ease; display: block; max-width: 90rem; margin-left: auto; margin-right: auto; } .teaser.teaser-navigation > .cta--teaser-navigation-link .image-wrapper { position: relative; overflow: hidden; } .teaser.teaser-navigation > .cta--teaser-navigation-link .image-wrapper::before { transition: background-color .3s ease; background-color: transparent; content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .teaser.teaser-navigation > .cta--teaser-navigation-link .image-wrapper img { -ms-transform: scale(1.05); transform: scale(1.05); transition: transform .3s ease; } .teaser.teaser-navigation > .cta--teaser-navigation-link:focus .image-wrapper::before, .teaser.teaser-navigation > .cta--teaser-navigation-link:hover .image-wrapper::before, .teaser.teaser-navigation > .cta--teaser-navigation-link:active .image-wrapper::before { background-color: rgba(199, 27, 23, 0.7); } .teaser.teaser-navigation > .cta--teaser-navigation-link:focus .image-wrapper img, .teaser.teaser-navigation > .cta--teaser-navigation-link:hover .image-wrapper img, .teaser.teaser-navigation > .cta--teaser-navigation-link:active .image-wrapper img { -ms-transform: scale(1) !important; transform: scale(1) !important; } .teaser.teaser-navigation > .cta--teaser-navigation-link::before, .teaser.teaser-navigation > .cta--teaser-navigation-link::after { content: ' '; display: table; } .teaser.teaser-navigation > .cta--teaser-navigation-link::after { clear: both; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline { font-family: "Kohinoor-bold"; } @media screen and (max-width: 30.9375em) { .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline { width: 100%; float: left; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline { width: 58.33333%; float: left; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline { width: 75%; float: left; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 64em) { .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline { width: 58.33333%; float: left; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .headline:last-child:not(:first-child) { float: right; } } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image { text-align: right; margin: -20px; } @media screen and (max-width: 30.9375em) { .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image { display: none; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image { width: 41.66667%; float: left; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image { width: 25%; float: left; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 64em) { .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image { width: 41.66667%; float: left; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image:last-child:not(:first-child) { float: right; } } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; padding-right: 0 !important; height: auto; width: 100%; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:focus, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:hover, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:active { border-color: transparent; color: #ffffff; background-color: transparent; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser.current { border-color: transparent; color: #ffffff; background-color: transparent; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser.tiny { padding: 0.6rem; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser.small { padding: 0.75rem; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser.large { padding: 1.25rem; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -542px; width: 32px; height: 32px; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:focus, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:hover, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:active { position: relative; padding-right: 2.5rem; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:focus.tiny, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:hover.tiny, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:active.tiny { padding: 0.6rem; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:focus.small, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:hover.small, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:active.small { padding: 0.75rem; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:focus.large, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:hover.large, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:active.large { padding: 1.25rem; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:focus::after, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:hover::after, .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser:active::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -674px; width: 32px; height: 32px; } .teaser.teaser-navigation > .cta--teaser-navigation-link > .teaser-image > .picture--teaser::after { left: calc(50% - (25px / 2)); z-index: 99; } .teaser.teaser-listentry { margin-bottom: 0; border-bottom: 1px solid #cccccc; } .teaser.teaser-listentry:last-child { border-bottom: none; } .teaser.teaser-listentry a h4, .teaser.teaser-listentry a .h4, .teaser.teaser-listentry a .font-h4-style { margin: 0; color: inherit; } .teaser.teaser-listentry a .teaser-content { line-height: 1em; display: block; } .teaser.teaser-hightlight a { transition: color .3s ease, background-color .3s ease; } .teaser.teaser-hightlight a .image-wrapper { position: relative; overflow: hidden; } .teaser.teaser-hightlight a .image-wrapper::before { transition: background-color .3s ease; background-color: transparent; content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .teaser.teaser-hightlight a .image-wrapper img { -ms-transform: scale(1.05); transform: scale(1.05); transition: transform .3s ease; } .teaser.teaser-hightlight a:focus .image-wrapper::before, .teaser.teaser-hightlight a:hover .image-wrapper::before, .teaser.teaser-hightlight a:active .image-wrapper::before { background-color: rgba(199, 27, 23, 0.7); } .teaser.teaser-hightlight a:focus .image-wrapper img, .teaser.teaser-hightlight a:hover .image-wrapper img, .teaser.teaser-hightlight a:active .image-wrapper img { -ms-transform: scale(1) !important; transform: scale(1) !important; } .teaser.teaser-hightlight a .teaser-image { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; padding-right: 0 !important; margin-bottom: 1em; width: 100%; } .teaser.teaser-hightlight a .teaser-image:focus, .teaser.teaser-hightlight a .teaser-image:hover, .teaser.teaser-hightlight a .teaser-image:active { border-color: transparent; color: #2a363b; background-color: transparent; } .teaser.teaser-hightlight a .teaser-image.current { border-color: transparent; color: #2a363b; background-color: transparent; } .teaser.teaser-hightlight a .teaser-image.tiny { padding: 0.6rem; } .teaser.teaser-hightlight a .teaser-image.small { padding: 0.75rem; } .teaser.teaser-hightlight a .teaser-image.large { padding: 1.25rem; } .teaser.teaser-hightlight a .teaser-image::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -542px; width: 32px; height: 32px; } .teaser.teaser-hightlight a .teaser-image::after { left: calc(50% - (25px / 2)); z-index: 99; } .teaser.teaser-hightlight a h4, .teaser.teaser-hightlight a .h4, .teaser.teaser-hightlight a .font-h4-style { margin: 0; color: inherit; } .teaser.teaser-hightlight a .teaser-content { line-height: 1em; display: block; } /* ------------------------------ ## Richtext ------------------------------ */ p.left { text-align: left; } p.center { text-align: center; } p.right { text-align: right; } table thead, table tbody, table tfoot { border: none; background-color: #ffffff; } table thead tr { background-color: #eeeeee; } table caption { text-align: left; } table tbody tr:nth-child(even) { background-color: #eeeeee; } .picture { margin: 0.4em 0 2em 0; max-width: calc(50% - 24px); } .picture.links { float: left; margin: 0.4em 1em 2em 0; } .picture.linksOhne { text-align: left; } .picture.mitte { text-align: center; margin: 0.4em 0 2em 0; max-width: 100%; } .picture.rechts { float: right; margin: 0.4em 0 2em 1em; } .picture.rechtsOhne { text-align: right; } @media screen and (max-width: 30.9375em) { .picture.links, .picture.linksOhne, .picture.mitte, .picture.rechts, .picture.rechtsOhne { max-width: 100%; margin: 1em 0; } } /* ------------------------------ ## DV Basepage ------------------------------ */ .article-standard .cta--link-uncollapse-module { display: none; } /* ------------------------------ ## JWPlayer Controls ------------------------------ */ .jwcontrolbar { z-index: 10; } /* ------------------------------ ## Formulare ------------------------------ */ /* ------------------------------ ## Formular Element-Klassen ------------------------------ */ #kontaktOmbud .form-element.h4 { line-height: 1.5; } form .trenner::after { content: ''; border-bottom: 2px solid white; display: inline-block; width: calc(100% - 60px); margin: 1.5rem 0 1.5rem 0; } fieldset .form-element { padding-right: 60px; } .form-label label, .form-label .form-group-caption, .form-label .form-element-caption { display: inline; } .form-field { display: block; position: relative; margin: 0 0 1em 0; } .form-message { margin: 0 0 2em 0; text-align: center; } .form-message.is-error { font-family: "Kohinoor-bold"; } .form-message.is-error .validation-icon { margin: 0 .5em; position: relative; padding-right: 2.5rem; } .form-message.is-error .validation-icon::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -182px; width: 32px; height: 32px; } .form-handle input:first-child { float: left; } .form-handle input:last-child { float: right; } .additional_information { margin-top: 2em; } /* ------------------------------ ## Checkboxen ------------------------------ */ .checkbox-container { float: left; display: block; } .checkbox-container input[type=checkbox] { position: absolute; visibility: hidden; } .checkbox-container input[type=checkbox] ~ label, .checkbox-container input[type=checkbox] ~ .form-group-caption, .checkbox-container input[type=checkbox] ~ .form-element-caption { padding: 5px 0 0 50px; cursor: pointer; -webkit-transition: all 0.25s linear; position: relative; height: 40px; margin: 10px 50px 10px 0; position: relative; padding-right: 2.5rem; } .checkbox-container input[type=checkbox] ~ label::before, .checkbox-container input[type=checkbox] ~ .form-group-caption::before, .checkbox-container input[type=checkbox] ~ .form-element-caption::before { content: ''; display: block; position: absolute; left: 0; top: 0; border: 20px solid #ffffff; height: 25px; width: 25px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; } .checkbox-container input[type=checkbox] ~ label::after, .checkbox-container input[type=checkbox] ~ .form-group-caption::after, .checkbox-container input[type=checkbox] ~ .form-element-caption::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -314px -674px; width: 32px; height: 32px; content: none; position: absolute; top: 5px; left: 5px; z-index: 99; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; } .checkbox-container input[type=checkbox]:checked ~ label::after, .checkbox-container input[type=checkbox]:checked ~ .form-group-caption::after, .checkbox-container input[type=checkbox]:checked ~ .form-element-caption::after { content: ''; } /* ------------------------------ ## Radiobuttons ------------------------------ */ .radiobutton-container { float: left; } .radiobutton-container input[type=radio] { position: absolute; visibility: hidden; } .radiobutton-container input[type=radio] ~ label, .radiobutton-container input[type=radio] ~ .form-group-caption, .radiobutton-container input[type=radio] ~ .form-element-caption { padding: 5px 0 0 50px; cursor: pointer; -webkit-transition: all 0.25s linear; position: relative; height: 40px; margin: 10px 50px 10px 0; } .radiobutton-container input[type=radio] ~ label::before, .radiobutton-container input[type=radio] ~ .form-group-caption::before, .radiobutton-container input[type=radio] ~ .form-element-caption::before { content: ''; display: block; position: absolute; left: 0; top: 0; background-color: #fff; border: 2px solid #000; border-radius: 100%; height: 40px; width: 40px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; } .radiobutton-container input[type=radio] ~ label::after, .radiobutton-container input[type=radio] ~ .form-group-caption::after, .radiobutton-container input[type=radio] ~ .form-element-caption::after { content: ''; display: block; position: absolute; top: 12px; left: 13px; border-radius: 100%; height: 15px; width: 15px; z-index: 10; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; } .radiobutton-container input[type=radio]:checked ~ label::after, .radiobutton-container input[type=radio]:checked ~ .form-group-caption::after, .radiobutton-container input[type=radio]:checked ~ .form-element-caption::after { background: #000000; } .radiobutton-container input[type=radio]:active~.form-element-caption:before, .radiobutton-container input[type=radio]:active~.form-group-caption:before, .radiobutton-container input[type=radio]:active~label:before, .radiobutton-container input[type=radio]:focus~.form-element-caption:before, .radiobutton-container input[type=radio]:focus~.form-group-caption:before, .radiobutton-container input[type=radio]:focus~label:before { box-shadow: 0 0 6px 6px #54575A, 2px 2px 6px 3px #000, 2px 2px 6px 10px #fff; } .radiobutton-container input[type=radio]:hover:active~.form-element-caption:before, .radiobutton-container input[type=radio]:hover:active~.form-group-caption:before, .radiobutton-container input[type=radio]:hover:active~label:before, .radiobutton-container input[type=radio]:hover:focus~.form-element-caption:before, .radiobutton-container input[type=radio]:hover:focus~.form-group-caption:before, .radiobutton-container input[type=radio]:hover:focus~label:before, .radiobutton-container input[type=radio]:hover~.form-element-caption:before, .radiobutton-container input[type=radio]:hover~.form-group-caption:before, .radiobutton-container input[type=radio]:hover~label:before { border-color: #ae130f; } .vertical .radiobutton-container, .vertical .checkbox-container { float: none; } /* ------------------------------ ## Datepicker ------------------------------ */ .form-element-datepicker .form-field .datepicker-container { position: relative; padding-right: 2.5rem; padding-right: 0; position: static; display: block; background: #ffffff; } .form-element-datepicker .form-field .datepicker-container::after { content: ''; position: absolute; top: calc(50% - (30px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -314px; width: 30px; height: 32px; z-index: 0; } .form-element-datepicker .form-field .datepicker-container:after { right: 0.9375rem; } .form-element-datepicker .form-field .datepicker-container input { background: transparent !important; z-index: 99; position: relative; cursor: pointer; } /* ------------------------------ ## Text-Separatoren ------------------------------ */ .form-element-textseparator { padding-top: 1.25rem; padding-bottom: 1.25rem; } /* ------------------------------ ## Autocmplete via jQueryUI ------------------------------ */ .ui-autocomplete { background: #ffffff !important; border: 2px solid #000000 !important; border-top: 0 !important; border-radius: 0 !important; } .ui-autocomplete .ui-menu-item:not(:first-child) { border-top: 1px solid #eeeeee !important; } .ui-autocomplete .ui-menu-item a { padding: 0.625rem 1.125rem !important; border-radius: 0 !important; font-family: "Kohinoor-regular" !important; font-size: 16px !important; color: #2a363b !important; background: #ffffff !important; transition: color .3s ease, background-color .3s ease; } .ui-autocomplete .ui-menu-item a:focus, .ui-autocomplete .ui-menu-item a:hover, .ui-autocomplete .ui-menu-item a:active { background: #eeeeee !important; } .ui-autocomplete .ui-menu-item a.ui-state-focus { background: #eeeeee !important; } .ui-autocomplete-input { border-radius: 0 !important; } /* ------------------------------ ## Reveal ------------------------------ */ .reveal-overlay { text-align: center; } .reveal-overlay > .reveal { max-width: 100%; width: auto !important; display: inline-block; } /* ============================== # util classes ============================== */ /* ------------------------------ ## softwrap ------------------------------ */ .softwrap { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-all; } /* ------------------------------ ## colors ------------------------------ */ .is-bg-beige { background-color: #d9c6a8; } .is-bg-light-blue { background-color: #6cccf2; } .is-bg-grey { background-color: #fafafa; } .is-bg-red { background-color: #AE130F; } .is-bg-light-red { background-color: #dd0b14; } [class*="--unit-color-default"] { background: #AE130F; color: #fff; } [class*="--unit-color-pension"] { background: #4485A9; color: #fff; } [class*="--unit-color-minijob"] { background: #ee7f00; color: #fff; } [class*="--unit-color-bitv"] { background: #aebc38; color: #fff; } [class*="--unit-marker"] { position: relative; } [class*="--unit-marker"]:after { content: ''; position: absolute; height: 10px; width: 60px; right: 0; top: 10px; } [class*="--unit-marker-default"]:after { background: #AE130F; } [class*="--unit-marker-pension"]:after { background: #4485A9; } [class*="--unit-marker-minijob"]:after { background: #ee7f00; } [class*="--unit-marker-bitv"]:after { background: #aebc38; } /* ------------------------------ ## positions ------------------------------ */ .is-fixed, .is-sticky { -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: top .8s ease, padding .8s ease; border-top: 0; float: none; left: 50%; perspective: 0; position: fixed; top: 0; width: 100%; z-index: 100; } /* ------------------------------ ## styles ------------------------------ */ .is-underline { border-bottom: 1px dotted #2a363b; } /* ------------------------------ ## animations ------------------------------ */ @keyframes scaleUpCenter { from { opacity: 0; transform: scale(0.7); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .scaleUpAnimation { animation: scaleUpCenter .6s ease both; } .fadeInAnimation, .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a:hover .preview-box { animation: fadeIn .6s ease both; } /* * * UNSORTIERT * */ .isnt-overflow { overflow: hidden; } .is-sticky { -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-top: 0; left: 50%; perspective: 0; position: fixed; top: 0; width: 100%; z-index: 1000; } .is-next { right: 0; } .is-previous { left: 0; } .is-container { padding: 0; } .is-icon-check::after { content: ''; display: block; position: absolute; top: -4px; left: -60px; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -706px -314px; width: 32px; height: 32px; } .no-svg .is-icon-check::after { background-image: url(../img/KN/sprites/sprites-icons-sprite-medium.png); } /* ------------------------------ ### reformattings ------------------------------ */ /* ============================== # reformatting ============================== */ /* ------------------------------ ## base structure ------------------------------ */ body { border-color: #000000; font-family: "Kohinoor-regular", Roboto, Arial, sans-serif; font-size: 16px; margin: 0 auto; min-width: 320px; overflow-x: hidden; } @media screen and (min-width: 48em) { body { font-size: 18px; } } /* ------------------------------ ## headlines ------------------------------ */ h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, h2, .h2, .font-h2-style, h3, .h3, .legend, legend, .font-h3-style { font-family: "Kohinoor-medium"; } h1.centered, .centered.h1, .centered.font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .centered.headline-main, h2.centered, .centered.h2, .centered.font-h2-style, h3.centered, .centered.h3, .centered.legend, legend.centered, .centered.font-h3-style { text-align: center; } h1 .headline-main > strong, .h1 .headline-main > strong, .font-h1-style .headline-main > strong, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main .headline-main > strong, h2 .headline-main > strong, .h2 .headline-main > strong, .font-h2-style .headline-main > strong, h3 .headline-main > strong, .h3 .headline-main > strong, .legend .headline-main > strong, legend .headline-main > strong, .font-h3-style .headline-main > strong { font-family: inherit; font-weight: normal; } h1 .headline-sub-wrapper > .headline-sub, .h1 .headline-sub-wrapper > .headline-sub, .font-h1-style .headline-sub-wrapper > .headline-sub, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main .headline-sub-wrapper > .headline-sub, h2 .headline-sub-wrapper > .headline-sub, .h2 .headline-sub-wrapper > .headline-sub, .font-h2-style .headline-sub-wrapper > .headline-sub, h3 .headline-sub-wrapper > .headline-sub, .h3 .headline-sub-wrapper > .headline-sub, .legend .headline-sub-wrapper > .headline-sub, legend .headline-sub-wrapper > .headline-sub, .font-h3-style .headline-sub-wrapper > .headline-sub { font-family: "Kohinoor-medium"; font-weight: normal; } h4, .h4, .font-h4-style { font-family: "Kohinoor-regular"; } h5, .h5, .font-h5-style { font-family: "Kohinoor-regular"; line-height: 120%; } h6, .h6, .font-h6-style { font-family: "Kohinoor-regular"; color: #2a363b; line-height: 140%; } h1, .h1, .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, h2, .h2, .font-h2-style, h3, .h3, .legend, legend, .font-h3-style, h4, .h4, .font-h4-style, h5, .h5, .font-h5-style, h6, .h6, .font-h6-style { margin-top: 0.9375rem; } h1 > a, .h1 > a, .font-h1-style > a, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main > a, h2 > a, .h2 > a, .font-h2-style > a, h3 > a, .h3 > a, .legend > a, legend > a, .font-h3-style > a, h4 > a, .h4 > a, .font-h4-style > a, h5 > a, .h5 > a, .font-h5-style > a, h6 > a, .h6 > a, .font-h6-style > a { text-transform: none !important; } /* ------------------------------ ## placeholder ------------------------------ */ .cookie-banner .text-wrapper h1, .module_markenteaser h1, .module_suchfeld_teaserboxen h1, .cookie-banner .text-wrapper .h1, .module_markenteaser .h1, .module_suchfeld_teaserboxen .h1, .cookie-banner .text-wrapper .font-h1-style, .module_markenteaser .font-h1-style, .module_suchfeld_teaserboxen .font-h1-style, .cookie-banner .text-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .cookie-banner .text-wrapper .module_part_slider_element > .cta--text > .headline-main, .module_markenteaser .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_markenteaser .module_part_slider_element > .cta--text > .headline-main, .module_suchfeld_teaserboxen .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_suchfeld_teaserboxen .module_part_slider_element > .cta--text > .headline-main, .cookie-banner .text-wrapper .h1, .module_markenteaser .h1, .module_suchfeld_teaserboxen .h1, .cookie-banner .text-wrapper h2, .module_markenteaser h2, .module_suchfeld_teaserboxen h2, .cookie-banner .text-wrapper .h2, .module_markenteaser .h2, .module_suchfeld_teaserboxen .h2, .cookie-banner .text-wrapper .font-h2-style, .module_markenteaser .font-h2-style, .module_suchfeld_teaserboxen .font-h2-style, .cookie-banner .text-wrapper .h2, .module_markenteaser .h2, .module_suchfeld_teaserboxen .h2, .cookie-banner .text-wrapper h3, .module_markenteaser h3, .module_suchfeld_teaserboxen h3, .cookie-banner .text-wrapper .h3, .module_markenteaser .h3, .module_suchfeld_teaserboxen .h3, .cookie-banner .text-wrapper .legend, .module_markenteaser .legend, .module_suchfeld_teaserboxen .legend, .cookie-banner .text-wrapper legend, .module_markenteaser legend, .module_suchfeld_teaserboxen legend, .cookie-banner .text-wrapper .font-h3-style, .module_markenteaser .font-h3-style, .module_suchfeld_teaserboxen .font-h3-style, .cookie-banner .text-wrapper .h3, .module_markenteaser .h3, .module_suchfeld_teaserboxen .h3, .cookie-banner .text-wrapper h4, .module_markenteaser h4, .module_suchfeld_teaserboxen h4, .cookie-banner .text-wrapper .h4, .module_markenteaser .h4, .module_suchfeld_teaserboxen .h4, .cookie-banner .text-wrapper .font-h4-style, .module_markenteaser .font-h4-style, .module_suchfeld_teaserboxen .font-h4-style, .cookie-banner .text-wrapper .h4, .module_markenteaser .h4, .module_suchfeld_teaserboxen .h4, .cookie-banner .text-wrapper h5, .module_markenteaser h5, .module_suchfeld_teaserboxen h5, .cookie-banner .text-wrapper .h5, .module_markenteaser .h5, .module_suchfeld_teaserboxen .h5, .cookie-banner .text-wrapper .font-h5-style, .module_markenteaser .font-h5-style, .module_suchfeld_teaserboxen .font-h5-style, .cookie-banner .text-wrapper .h5, .module_markenteaser .h5, .module_suchfeld_teaserboxen .h5, .cookie-banner .text-wrapper h6, .module_markenteaser h6, .module_suchfeld_teaserboxen h6, .cookie-banner .text-wrapper .h6, .module_markenteaser .h6, .module_suchfeld_teaserboxen .h6, .cookie-banner .text-wrapper .font-h6-style, .module_markenteaser .font-h6-style, .module_suchfeld_teaserboxen .font-h6-style, .cookie-banner .text-wrapper .h6, .module_markenteaser .h6, .module_suchfeld_teaserboxen .h6 { color: #ffffff; } /* ------------------------------ ## form elements ------------------------------ */ /* ------------------------------ # Formular Elemente ------------------------------ */ fieldset hr { border-color: #ffffff !important; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], [type='file'], [type='range'], select, textarea { border: 2px solid #000; box-shadow: none; color: #2a363b; display: inline-block; margin: 0 1em 0 0; transition: color .3s ease, background-color .3s ease; } [type='text']:focus, [type='text']:hover, [type='text']:active, [type='password']:focus, [type='password']:hover, [type='password']:active, [type='date']:focus, [type='date']:hover, [type='date']:active, [type='datetime']:focus, [type='datetime']:hover, [type='datetime']:active, [type='datetime-local']:focus, [type='datetime-local']:hover, [type='datetime-local']:active, [type='month']:focus, [type='month']:hover, [type='month']:active, [type='week']:focus, [type='week']:hover, [type='week']:active, [type='email']:focus, [type='email']:hover, [type='email']:active, [type='number']:focus, [type='number']:hover, [type='number']:active, [type='search']:focus, [type='search']:hover, [type='search']:active, [type='tel']:focus, [type='tel']:hover, [type='tel']:active, [type='time']:focus, [type='time']:hover, [type='time']:active, [type='url']:focus, [type='url']:hover, [type='url']:active, [type='color']:focus, [type='color']:hover, [type='color']:active, [type='file']:focus, [type='file']:hover, [type='file']:active, [type='range']:focus, [type='range']:hover, [type='range']:active, select:focus, select:hover, select:active, textarea:focus, textarea:hover, textarea:active { border: 2px solid #000; box-shadow: 0 0 6px 6px #54575A, 2px 2px 6px 3px #000, 2px 2px 6px 10px #fff; } input:hover, [type='text']:hover, [type='password']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='month']:hover, [type='week']:hover, [type='email']:hover, [type='number']:hover, [type='search']:hover, [type='tel']:hover, [type='time']:hover, [type='url']:hover, [type='color']:hover, [type='file']:hover, [type='range']:hover, select:hover, textarea:hover{ border-color: #ae130f; } [type='text']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='color']::-webkit-input-placeholder, [type='file']::-webkit-input-placeholder, [type='range']::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #2a363b !important; } [type='text']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='color']:-ms-input-placeholder, [type='file']:-ms-input-placeholder, [type='range']:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #2a363b !important; } [type='text']::placeholder, [type='password']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='month']::placeholder, [type='week']::placeholder, [type='email']::placeholder, [type='number']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='color']::placeholder, [type='file']::placeholder, [type='range']::placeholder, select::placeholder, textarea::placeholder { color: #2a363b !important; } [type='text']::-webkit-input-placeholder, [type='text']:-moz-placeholder, [type='text']::-moz-placeholder, [type='text']:-ms-input-placeholder, [type='password']::-webkit-input-placeholder, [type='password']:-moz-placeholder, [type='password']::-moz-placeholder, [type='password']:-ms-input-placeholder, [type='date']::-webkit-input-placeholder, [type='date']:-moz-placeholder, [type='date']::-moz-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime']:-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='datetime-local']:-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='month']::-webkit-input-placeholder, [type='month']:-moz-placeholder, [type='month']::-moz-placeholder, [type='month']:-ms-input-placeholder, [type='week']::-webkit-input-placeholder, [type='week']:-moz-placeholder, [type='week']::-moz-placeholder, [type='week']:-ms-input-placeholder, [type='email']::-webkit-input-placeholder, [type='email']:-moz-placeholder, [type='email']::-moz-placeholder, [type='email']:-ms-input-placeholder, [type='number']::-webkit-input-placeholder, [type='number']:-moz-placeholder, [type='number']::-moz-placeholder, [type='number']:-ms-input-placeholder, [type='search']::-webkit-input-placeholder, [type='search']:-moz-placeholder, [type='search']::-moz-placeholder, [type='search']:-ms-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='tel']:-moz-placeholder, [type='tel']::-moz-placeholder, [type='tel']:-ms-input-placeholder, [type='time']::-webkit-input-placeholder, [type='time']:-moz-placeholder, [type='time']::-moz-placeholder, [type='time']:-ms-input-placeholder, [type='url']::-webkit-input-placeholder, [type='url']:-moz-placeholder, [type='url']::-moz-placeholder, [type='url']:-ms-input-placeholder, [type='color']::-webkit-input-placeholder, [type='color']:-moz-placeholder, [type='color']::-moz-placeholder, [type='color']:-ms-input-placeholder, [type='file']::-webkit-input-placeholder, [type='file']:-moz-placeholder, [type='file']::-moz-placeholder, [type='file']:-ms-input-placeholder, [type='range']::-webkit-input-placeholder, [type='range']:-moz-placeholder, [type='range']::-moz-placeholder, [type='range']:-ms-input-placeholder, select::-webkit-input-placeholder, select:-moz-placeholder, select::-moz-placeholder, select:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder { color: #dd0b14; } [type='text'].large, [type='password'].large, [type='date'].large, [type='datetime'].large, [type='datetime-local'].large, [type='month'].large, [type='week'].large, [type='email'].large, [type='number'].large, [type='search'].large, [type='tel'].large, [type='time'].large, [type='url'].large, [type='color'].large, [type='file'].large, [type='range'].large, select.large, textarea.large { font-size: 1.125rem; height: auto; margin-top: 7px; } @media screen and (min-width: 31em) { [type='text'].large, [type='password'].large, [type='date'].large, [type='datetime'].large, [type='datetime-local'].large, [type='month'].large, [type='week'].large, [type='email'].large, [type='number'].large, [type='search'].large, [type='tel'].large, [type='time'].large, [type='url'].large, [type='color'].large, [type='file'].large, [type='range'].large, select.large, textarea.large { font-size: 1.5rem; } } @media screen and (min-width: 48em) { [type='text'].large, [type='password'].large, [type='date'].large, [type='datetime'].large, [type='datetime-local'].large, [type='month'].large, [type='week'].large, [type='email'].large, [type='number'].large, [type='search'].large, [type='tel'].large, [type='time'].large, [type='url'].large, [type='color'].large, [type='file'].large, [type='range'].large, select.large, textarea.large { font-size: 1.875rem; } } @media screen and (min-width: 64em) { [type='text'].large, [type='password'].large, [type='date'].large, [type='datetime'].large, [type='datetime-local'].large, [type='month'].large, [type='week'].large, [type='email'].large, [type='number'].large, [type='search'].large, [type='tel'].large, [type='time'].large, [type='url'].large, [type='color'].large, [type='file'].large, [type='range'].large, select.large, textarea.large { font-size: 1.5rem; } } [type='text']:disabled, [type='text']:-moz-read-only, [type='password']:disabled, [type='password']:-moz-read-only, [type='date']:disabled, [type='date']:-moz-read-only, [type='datetime']:disabled, [type='datetime']:-moz-read-only, [type='datetime-local']:disabled, [type='datetime-local']:-moz-read-only, [type='month']:disabled, [type='month']:-moz-read-only, [type='week']:disabled, [type='week']:-moz-read-only, [type='email']:disabled, [type='email']:-moz-read-only, [type='search']:disabled, [type='search']:-moz-read-only, [type='tel']:disabled, [type='tel']:-moz-read-only, [type='time']:disabled, [type='time']:-moz-read-only, [type='url']:disabled, [type='url']:-moz-read-only, textarea:disabled, textarea:-moz-read-only { background-color: transparent; border: 2px solid #2a363b !important; } [type='text']:disabled, [type='text']:read-only, [type='password']:disabled, [type='password']:read-only, [type='date']:disabled, [type='date']:read-only, [type='datetime']:disabled, [type='datetime']:read-only, [type='datetime-local']:disabled, [type='datetime-local']:read-only, [type='month']:disabled, [type='month']:read-only, [type='week']:disabled, [type='week']:read-only, [type='email']:disabled, [type='email']:read-only, [type='search']:disabled, [type='search']:read-only, [type='tel']:disabled, [type='tel']:read-only, [type='time']:disabled, [type='time']:read-only, [type='url']:disabled, [type='url']:read-only, textarea:disabled, textarea:read-only { background-color: transparent; border: 1px solid #d9d9d9 !important; } [type='number']:disabled, [type='color']:disabled, [type='file']:disabled, [type='range']:disabled, select:disabled { background-color: transparent; border: 2px solid #2a363b !important; } select:disabled option, select:disabled optgrp { background-color: transparent; } /* ------------------------------ ## optische Feld Validierung Einige Form-Elemente sind ausgenommen, da sie durch die Browser Standardbelegung immer einen Haken bekommen. ------------------------------ */ .momentan-Deaktiviert:not(*:root):valid ~ .validation-icon { display: block; float: right; position: absolute; bottom: 14px; top: 50%; -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); right: -42px; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -314px -674px; width: 32px; height: 32px; } .momentan-Deaktiviert:not(*:root):invalid { border: 2px solid #dd0b14; } .momentan-Deaktiviert:not(*:root):invalid ~ .validation-icon { display: block; float: right; position: absolute; bottom: 14px; top: 50%; -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); right: -42px; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -446px -542px; width: 32px; height: 32px; } .momentan-Deaktiviert:not(*:root):placeholder-shown { border: 2px solid transparent; transition: color .3s ease, background-color .3s ease; } .momentan-Deaktiviert:not(*:root):placeholder-shown:focus, .momentan-Deaktiviert:not(*:root):placeholder-shown:hover, .momentan-Deaktiviert:not(*:root):placeholder-shown:active { border: 2px solid #2a363b; } .momentan-Deaktiviert:not(*:root):placeholder-shown ~ .validation-icon { display: none !important; } input[type=file] { color: #2a363b; padding: 20px; background-color: #ffffff; } button[type=submit], input[type=submit] { background-color: #dd0b14; border-color: #dd0b14; color: #ffffff; transition: color .3s ease, background-color .3s ease; } button[type=submit]:focus, button[type=submit]:hover, button[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover, input[type=submit]:active { background-color: #AE130F; border-color: #AE130F; } input[type='range'] { width: 100%; } label, .form-group-caption, .form-element-caption { font-size: 1rem; } .legend, legend { background-color: #666666; color:white; max-width: none; margin: 0 0 .5em; padding: .5em 10px; } @media screen and (min-width: 31em) { .legend, legend { padding: .5em 20px; } } @media screen and (min-width: 48em) { .legend, legend { padding: .5em 50px; } } @media screen and (min-width: 64em) { .legend, legend { padding: .5em 60px; } } legend, fieldset .legend { margin-left: -10px; margin-right: -10px; width: calc((100%) + (10px)); } @media screen and (min-width: 31em) { legend, fieldset .legend { margin-left: -20px; margin-right: -20px; width: calc((100%) + (20px)); } } @media screen and (min-width: 48em) { legend, fieldset .legend { margin-left: -50px; margin-right: -50px; width: calc((100%) + (50px)); } } @media screen and (min-width: 64em) { legend, fieldset .legend { margin-left: -60px; margin-right: -60px; width: calc((100%) + (60px)); } } fieldset .legend { border-top: 0.5em solid #ffffff; } fieldset > .module_table, fieldset > .table-scroll{ margin-left: 0!important; margin-right: -60px!important; width: calc(100% - 60px)!important; } fieldset fieldset > legend { background-color: transparent; width: calc(100% - 60px); } option, optgroup { background-color: #ffffff; color: #2a363b; font-size: 1rem; } textarea { min-height: 150px; } /* ------------------------------ ## Formular Container Elemente ------------------------------ */ form { margin: 0 auto; } fieldset { background-color: #eeeeee; margin: 0 0 20px; display: block; min-width: inherit; padding: 0 0 1em 10px; } @media screen and (min-width: 31em) { fieldset { padding: 0 0 2em 20px; } } @media screen and (min-width: 48em) { fieldset { padding: 0 0 3em 50px; } } @media screen and (min-width: 64em) { fieldset { padding: 0 0 4em 60px; } } /* ------------------------------ ## Foundation Formular Klassen ------------------------------ */ .button { border: 2px solid #000000; font-family: "Kohinoor-bold"; text-transform: uppercase; color: #000000; background-color: transparent; border-color: #000000; transition: color .3s ease, background-color .3s ease; } .button:focus, .button:hover, .button:active { color: #ffffff; background-color: #dd0b14; border-color: #dd0b14; transition: background-color 0.25s ease-out, border-color 0.25s ease-out, color 0.25s ease-out; } .button.expanded { padding-left: 0; padding-right: 0; } .form-error { margin: 0; clear: both; } .is-invalid-input { border-color: #ec5840 !important; background-color: #ffffff !important; } /* ------------------------------ ## jQueryUI Datepicker Anpassungen ------------------------------ */ #ui-datepicker-div { border: 2px solid #2a363b; margin-top: -2px; margin-bottom: -2px; display: none; } #ui-datepicker-div .ui-datepicker-header { background-color: #ffffff; border-bottom: 1px solid #eeeeee; height: 50px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { text-align: center; padding: 11px; } #ui-datepicker-div .ui-datepicker-header > a { display: block; position: absolute !important; padding: 0 !important; top: 16px; font-size: 0; line-height: 0; height: 16px; width: 16px; } #ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-prev { left: 10px; position: relative; padding-right: 2.5rem; } #ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-prev::after { content: ''; position: absolute; top: calc(50% - (16px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -1095px -630px; width: 16px; height: 16px; } #ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-next { right: 10px; position: relative; padding-right: 2.5rem; } #ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-next::after { content: ''; position: absolute; top: calc(50% - (16px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -1095px -514px; width: 16px; height: 16px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-year { border: none; margin: 0; height: 1.2em; padding: 0; width: 33%; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-month { margin: 0 0.7em 0 0; padding: 0 1.8em 0 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-year { padding: 0 1.2em 0 0; } #ui-datepicker-div .ui-datepicker-calendar { padding: 10px; margin: 0; display: block; background-color: #ffffff; } #ui-datepicker-div .ui-datepicker-calendar thead tr, #ui-datepicker-div .ui-datepicker-calendar tbody tr { background-color: transparent; } #ui-datepicker-div .ui-datepicker-calendar thead tr .ui-datepicker-unselectable, #ui-datepicker-div .ui-datepicker-calendar tbody tr .ui-datepicker-unselectable { color: #eeeeee; } .row > .vertical > .columns { padding: 0; } /* ------------------------------------------------------------- ## Fake-Selectbox div ul ------------------------------------- -------------------------------------------------------------
Auswählen
------------------------------------------------------------ */ .fake-dropdown { background-color: #fff; margin-bottom: 2rem; width: 100%; position: relative; transition: color .3s ease, background-color .3s ease; } .fake-dropdown .button-text { height: 65px; cursor: pointer; font-size: 16px; display: flex; align-items: center; } .fake-dropdown .button-text p { margin: 0 15px 0 20px; padding: 0 6px; width: 100%; position: relative; } .fake-dropdown .button-text p::after { content: ''; position: absolute; top: calc(50% - (8px / 2)); right: 6px; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -618px -1500px; width: 12px; height: 8px; } .fake-dropdown .button-text p.has-active { position: relative; } .fake-dropdown .button-text p.has-active::after { content: ''; position: absolute; top: calc(50% - (16px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -291px -931px; width: 16px; height: 16px; } .fake-dropdown:focus ul.links.show-on-hover, .fake-dropdown:hover ul.links.show-on-hover, .fake-dropdown:active ul.links.show-on-hover { display: block !important; } .fake-dropdown ul.links { display: none; width: 100%; margin: 0; background-color: #ffffff; border: 1px solid #eeeeee; list-style: none; position: absolute; z-index: 999; top: 65px; left: 0; } .fake-dropdown ul.links li:not(:first-child) { border-top: 1px solid #eeeeee; } .fake-dropdown ul.links li a { display: block; width: 100%; padding: 0.625rem 1.125rem; font-family: "Kohinoor-regular"; font-size: 16px; transition: color .3s ease, background-color .3s ease; } .fake-dropdown ul.links li a:focus, .fake-dropdown ul.links li a:hover, .fake-dropdown ul.links li a:active { background-color: #eeeeee; } .fake-dropdown ul.links.show-on-click.clicked ~ .button-text > p::after { -ms-transform: rotate(180deg); transform: rotate(180deg); } .fake-dropdown button{ border: 2px solid #000; background-color: transparent; width: 100%; position: relative; transition: color .3s ease,background-color .3s ease; } .fake-dropdown:hover .button-text{ color: #fff; background-color: #ae130f; border-color: #ae130f; } .fake-dropdown button:active, .fake-dropdown button:focus { border: 2px solid #000; box-shadow: 0 0 6px 6px #54575A, 2px 2px 6px 3px #000, 2px 2px 6px 10px #fff; } /* ------------------------------ ## formattings ------------------------------ */ a { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } a:focus, a:hover, a:active { border-color: transparent; color: #AE130F; background-color: transparent; } a.current { border-color: transparent; color: #AE130F; background-color: transparent; } abbr { border-bottom: 1px solid #000000; } blockquote { margin: 1em 1em 2em; background: #eeeeee; } blockquote p { padding: 1em; } iframe{ border: none; } strong { font-family: "Kohinoor-bold"; font-weight: normal; } h1 strong, .h1 strong, .font-h1-style strong, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main strong, h2 strong, .h2 strong, .font-h2-style strong, h3 strong, .h3 strong, .legend strong, legend strong, .font-h3-style strong, h4 strong, .h4 strong, .font-h4-style strong, h5 strong, .h5 strong, .font-h5-style strong, h6 strong, .h6 strong, .font-h6-style strong { font-family: inherit; } .caption, .module_testimonial > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer, figcaption { font-family: "Kohinoor-regular"; line-height: 140%; font-size: 12px; color: #2a363b; padding-top: 20px; font-weight: normal; } @media screen and (min-width: 48em) { .caption, .module_testimonial > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer, figcaption { font-size: 15px; } } .caption > strong, .module_testimonial > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer > strong, figcaption > strong { font-family: "Kohinoor-bold"; } .tooltip { max-width: 30rem !important; } p { font-family: "Kohinoor-light"; } /* ============================== # slider ============================== */ .slick-slider .slick-dots { bottom: -35px; } .slick-slider .slick-dots li { border-radius: 10px; border: 1px solid #AE130F; height: 15px; width: 15px; } .slick-slider .slick-dots li.slick-active { background-color: #AE130F; } .slick-slider .slick-dots li button::before { content: ''; } .slick-slider .slick-arrow { z-index: 55; height: 40px; width: 40px; border-radius: 25px; position: absolute !important; background-color: #fafafa; /* The Fallback */ background-color: rgba(250, 250, 250, 0.8); transition: color .3s ease, background-color .3s ease; } @media screen and (max-width: 30.9375em) { .slick-slider .slick-arrow { display: none !important; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .slick-slider .slick-arrow { display: none !important; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .slick-slider .slick-arrow { display: none !important; } } .slick-slider .slick-arrow:focus, .slick-slider .slick-arrow:hover, .slick-slider .slick-arrow:active { background-color: #fafafa; /* The Fallback */ background-color: #fafafa; } .slick-slider .slick-arrow.slick-next { right: 50px; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .slick-slider .slick-arrow.slick-next::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -674px; width: 32px; height: 32px; right: 2px; } .slick-slider .slick-arrow.slick-next:focus::after, .slick-slider .slick-arrow.slick-next:hover::after, .slick-slider .slick-arrow.slick-next:active::after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -314px -542px; width: 32px; height: 32px; } .slick-slider .slick-arrow.slick-prev { left: 50px; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .slick-slider .slick-arrow.slick-prev::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -446px -674px; width: 32px; height: 32px; left: 2px; } .slick-slider .slick-arrow.slick-prev:focus::after, .slick-slider .slick-arrow.slick-prev:hover::after, .slick-slider .slick-arrow.slick-prev:active::after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -50px; width: 32px; height: 32px; } .slick-slider .slick-arrow.slick-disabled { display: none !important; } .slick-slider .slick-arrow::before { content: none; } /* ============================== # mediaelement-player # (siehe Standardlsg) ============================== */ .mejs-container { position: relative; background: #000; font-family: Kohinoor-regular, Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; height: auto; width: auto; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(bigplay.png); } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(background.png); background: rgba(0, 0, 0, 0.9); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(background.png); background: rgba(0, 0, 0, 0.7); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Kohinoor-regular, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(controls.svg) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(controls.png); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 15px 15px; animation: buffering-stripes 2s linear infinite; } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255, 255, 255, 0.8); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.8); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label, .mejs-controls .mejs-captions-button .mejs-captions-selector ul li .form-group-caption, .mejs-controls .mejs-captions-button .mejs-captions-selector ul li .form-element-caption { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: Kohinoor-regular, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 35px; } .mejs-captions-text { padding: 3px 5px; background: url(background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Kohinoor-regular, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label, .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li .form-group-caption, .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li .form-element-caption { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: Kohinoor-regular, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /* Start: Speed */ div.mejs-speed-button { width: 46px !important; position: relative; } .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; } .mejs-controls .mejs-speed-button .mejs-speed-selector { visibility: hidden; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; border-radius: 0; } .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { visibility: visible; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected, .mejs-controls .mejs-speed-button .mejs-speed-selector ul li .mejs-speed-selected.form-group-caption, .mejs-controls .mejs-speed-button .mejs-speed-selector ul li .mejs-speed-selected.form-element-caption { color: #21f8f8; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label, .mejs-controls .mejs-speed-button .mejs-speed-selector ul li .form-group-caption, .mejs-controls .mejs-speed-button .mejs-speed-selector ul li .form-element-caption { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: Kohinoor-regular, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; } /* End: Speed */ /* ------------------------------ ### page elements ------------------------------ */ /* ============================== # header ============================== */ .sticky-container { z-index: 1000; } /* ============================== # Nav-Meta ============================== */ .nav-meta { background-color: #eeeeee; position: relative; z-index: 110; } @media screen and (min-width: 64em) { .nav-meta { height: 44px; } } .nav-meta > .nav-meta-list { margin: 0 auto; padding: 0 0.9375rem; list-style-type: none; height: 44px; } @media screen and (min-width: 31em) { .nav-meta > .nav-meta-list { padding: 0 0.9375rem; } } @media screen and (min-width: 48em) { .nav-meta > .nav-meta-list { padding: 0 1.875rem; } } @media screen and (min-width: 64em) { .nav-meta > .nav-meta-list { padding: 0 3.125rem; } } .nav-meta > .nav-meta-list > .nav-meta-list-item { text-align: center; white-space: nowrap; } @media screen and (min-width: 64em) { .nav-meta > .nav-meta-list > .nav-meta-list-item { text-align: right; width: auto; padding: 0 0 0 3.75rem; } .nav-meta > .nav-meta-list > .nav-meta-list-item:last-child { padding-right: 0; } } @media screen and (max-width: 63.9375em) { .nav-meta > .nav-meta-list > .nav-meta-list-item:first-child { text-align: right; } } @media screen and (max-width: 63.9375em) { .nav-meta > .nav-meta-list > .nav-meta-list-item:last-child { text-align: left; } } .nav-meta > .nav-meta-list > .nav-meta-list-item.column, .nav-meta > .nav-meta-list > .nav-meta-list-item.columns { float: right; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link { padding: 0.5rem 0; display: inline-block; position: relative; padding-left: 35px; padding-top: 8px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; font-family: "Kohinoor-regular"; position: relative; text-decoration: none; color: #666666; font-size: 16px; transition: color .3s ease, background-color .3s ease; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link::before { content: ''; height: 25px; width: 25px; display: block; position: absolute; top: 8px; left: 0; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link:focus, .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link:hover, .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link:active { border-color: transparent; color: #AE130F; background-color: transparent; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.current { border-color: transparent; color: #AE130F; background-color: transparent; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link:focus, .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link:hover, .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link:active { transition: none; color: #2a363b; } @media screen and (max-width: 47.9375em) { .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link > .cta--text { display: none !important; } } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-chat::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -50px; width: 25px; height: 25px; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-location::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -550px; width: 25px; height: 25px; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-locked::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -425px; width: 25px; height: 25px; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-login::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -931px; width: 25px; height: 25px; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-document::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -175px; width: 25px; height: 25px; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-search::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -800px; width: 25px; height: 25px; } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-search.is-open { background-color: #dd0b14; background-image: none; width: 77px; height: 44px; float: right; transition: none !important; transition-duration: 0s; position: relative; padding-left: 2.5rem; } @media screen and (max-width: 30.9375em) { .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-search.is-open { width: 60px; } } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-search.is-open::before { content: ''; position: absolute; top: calc(50% - (25px / 2)); left: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -710px -674px; width: 25px; height: 25px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nav-meta > .nav-meta-list > .nav-meta-list-item > .cta--nav-meta-link.icon-search.is-open span { display: none; } /* JS-CLASSES */ .fixed-nav-meta { position: fixed; top: 0; width: 100%; z-index: 9999; } /* ============================== # search ============================== */ /* ============================== # top-slider ============================== */ #searchTopSlider { background-color: #ffffff; width: 100%; height: 0; color: #000000; overflow-y: auto; overflow-x: hidden; display: none; position: absolute; top: 100px; } #searchTopSlider.is-open { height: auto; } .is-stuck #searchTopSlider { top: 70px; } /* ============================== # Expertensuche > Suchformular ============================== */ form[name="searchExpert"] fieldset.search-expert { background: transparent; padding: 0; } form[name="searchExpert"] fieldset.search-expert .form-element { padding: 0; } @media screen and (min-width: 48em) { form[name="searchExpert"] fieldset.search-expert .form-element > div:first-child { padding-left: 0; } form[name="searchExpert"] fieldset.search-expert .form-element > div:last-child { padding-right: 0; } } form[name="searchExpert"] fieldset.search-expert .form-element input { width: 100%; height: 65px; } form[name="searchExpert"] fieldset.search-expert .form-element input[type="text"] { border: 2px solid #2a363b; } form[name="searchExpert"] fieldset.search-expert .form-element input[type="submit"] { border: 2px solid #AE130F; background-color: #AE130F; color: #ffffff; padding: 10px; transition: color .3s ease, background-color .3s ease; } form[name="searchExpert"] fieldset.search-expert .form-element input[type="submit"]:focus, form[name="searchExpert"] fieldset.search-expert .form-element input[type="submit"]:hover, form[name="searchExpert"] fieldset.search-expert .form-element input[type="submit"]:active { border: 2px solid #dd0b14; background-color: #dd0b14; } form[name="searchExpert"] .validation-icon { display: none !important; } /* ============================== # Nav-Primary ============================== */ #nav-secondary-overlay { background: #ffffff; width: 100%; position: absolute; top: 0; z-index: 1000; } .overlayAdded { position: relative; } .overlayAdded:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.7; z-index: 200; } .top-bar .nav-primary { color: #ffffff; transition: all .3s ease-in-out .3s; width: 6.250em; right: 9rem; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); transform-style: preserve-3d; } @media screen and (min-width: 48em) { .top-bar .nav-primary { text-align: right; } } @media screen and (min-width: 64em) { .top-bar .nav-primary { display: block; width: auto; } } .top-bar .nav-primary > .nav-primary-list { background-color: transparent; position: relative; margin: 0; padding: 0; list-style: none; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item { height: 100px; max-width: calc((22%) - (10px)); margin: 0; text-align: center; vertical-align: middle; display: none; float: left; position: relative; transition: color .3s ease, background-color .3s ease; } @media screen and (min-width: 48em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item { margin: 0 10px; padding: 0; } } @media screen and (min-width: 64em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item { max-width: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item > em { width: 100%; height: inherit; font-style: normal; display: inline-block; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link { width: 100%; tab-index: 0; cursor: hand; color: #ffffff; font-family: "Kohinoor-medium"; font-weight: normal; font-size: 1.125rem; text-align: center; line-height: 1.2; position: relative; transition: color .3s ease, background-color .3s ease; } @media screen and (max-width: 63.9375em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; display: block; width: 100%; margin-left: 0; margin-right: 0; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; border-color: transparent !important; padding-left: 0 !important; } [data-whatinput='mouse'] .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link { outline: 0; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus { background-color: #AE130F; color: #000000; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active { border-color: transparent; color: #2a363b; background-color: transparent; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.current { border-color: transparent; color: #2a363b; background-color: transparent; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.active, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.current, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.active:focus, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.active:hover, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.active:active, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.current:focus, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.current:hover, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.current:active, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.topinpath:focus, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.topinpath:hover, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.topinpath:active { position: inherit; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.active:focus::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.active:hover::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.active:active::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.current:focus::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.current:hover::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.current:active::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.topinpath:focus::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.topinpath:hover::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link.topinpath:active::after { content: none; } } @media screen and (max-width: 63.9375em) and (max-width: 30.9375em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 63.9375em) and (max-width: 30.9375em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (max-width: 63.9375em) and (min-width: 48em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active { position: relative; padding-right: 3.75rem; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus.tiny, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover.tiny, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active.tiny { padding: 0.6rem; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus.small, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover.small, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active.small { padding: 0.75rem; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus.large, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover.large, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active.large { padding: 1.25rem; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus::after.tiny, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover::after.tiny, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active::after.tiny { right: 0.6rem; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus::after.small, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover::after.small, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active::after.small { right: 0.75rem; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus::after.large, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover::after.large, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active::after.large { right: 1.25rem; } } @media screen and (min-width: 64em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link { padding: 0 0 15px; } } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link > .cta--text { font-size: 18px; line-height: 1.1; display: inline-block; } @media screen and (max-width: 63.9375em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link > .cta--text { width: auto; } } @media screen and (min-width: 48em) { .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link > .cta--text::after { content: ''; background-color: #ffffff; width: 100%; height: 7px; display: block; opacity: 0; position: absolute; left: 0; bottom: -10px; transition: bottom .3s ease-in, opacity .3s ease-in; } } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:focus > .cta--text::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:hover > .cta--text::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item .cta--nav-primary-link:active > .cta--text::after { bottom: 0; opacity: 1; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item:focus .cta--nav-primary-link > .cta--text::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item:hover .cta--nav-primary-link > .cta--text::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item:active .cta--nav-primary-link > .cta--text::after { bottom: 0; opacity: 1; } .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item.active .cta--nav-primary-link > .cta--text::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item.current .cta--nav-primary-link > .cta--text::after, .top-bar .nav-primary > .nav-primary-list > .nav-primary-list-item.topinpath .cta--nav-primary-link > .cta--text::after { bottom: 0; opacity: 1; } .nav-mobile div.nav { display: none; background: white; } .nav-mobile .nav-primary { background: #ffffff; width: 100%; margin: 0; position: static; -ms-transform: none; transform: none; } .nav-mobile .nav-primary .back-link-wrapper { background: #f0f3f5; margin: 0 -10px !important; padding: 0 10px; border-bottom: 0; font-weight: bold; padding-left: 30px; } .nav-mobile .nav-primary .back-link-wrapper:before { content: ''; position: absolute; height: 50px; width: calc(100% + 20px); left: -10px; background: inherit; top: 0; -ms-transform: translateY(-100%); transform: translateY(-100%); } .nav-mobile .nav-primary .back-link-wrapper .cta--nav-primary-link { border-bottom: 0; text-transform: uppercase; font-size: 1rem; font-family: "Kohinoor-bold"; } .nav-mobile .nav-primary .back-link-wrapper .cta--nav-primary-link.back-link:after { left: -20px; -ms-transform: rotate(180deg); transform: rotate(180deg); top: 16px; } .nav-mobile .nav-primary .cta--nav-primary-link { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } .nav-mobile .nav-primary .cta--nav-primary-link:focus, .nav-mobile .nav-primary .cta--nav-primary-link:hover, .nav-mobile .nav-primary .cta--nav-primary-link:active { border-color: transparent; color: #AE130F; background-color: transparent; } .nav-mobile .nav-primary .cta--nav-primary-link.current { border-color: transparent; color: #AE130F; background-color: transparent; } .nav-mobile .nav-primary .cta--nav-primary-link.is-open { background-color: transparent; height: auto; } .nav-mobile .nav-primary .cta--nav-primary-link.is-open::before { display: none; } .nav-mobile .nav-primary .cta--nav-primary-link.is-open > .cta--text { opacity: 1; } .nav-mobile .nav-primary .cta--nav-primary-link.is-open + .nav-secondary { display: block; opacity: 1; visibility: visible; transition: all 0.35s ease-in; } .nav-mobile .nav-primary .cta--nav-primary-link .cta--text::after { width: auto; height: auto; display: none; opacity: 0; position: static; } .nav-mobile .nav-primary > .nav-primary-list { margin-top: 15px; margin-left: 0; padding: 0 10px; list-style-type: none; } @media screen and (min-width: 48em) { .nav-mobile .nav-primary > .nav-primary-list { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 48em) { .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item { width: calc(50% - 40px); margin-left: 25px; } } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary { background: #ffffff; width: 100%; margin: 0 -10px; padding: 0 10px 20px 10px; text-align: left; display: none; position: absolute; transition: all 0.35s ease-out; } @media screen and (min-width: 48em) { .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary { left: 0; margin: 0; } } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list.overview-wrapper { font-weight: bold; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list.back-link-wrapper + .nav-secondary-list .nav-primary-list-item { width: calc(100% - 55px); margin-left: 25px; } @media screen and (min-width: 48em) { .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 48em) { .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list.overview-wrapper .nav-primary-list-item { width: calc(100% - 55px); margin-left: 25px; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list .nav-primary-list-item { width: calc(50% - 40px); margin-left: 25px; } } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list.overview-wrapper > .nav-secondary-list-item > .cta--nav-secondary-link { font-family: "Kohinoor-bold"; margin-bottom: 20px; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item.teaser-link { margin-top: 20px; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item.teaser-link > .cta--nav-secondary-link { background: #f0f3f5; min-height: 120px; padding: 20px 10px; border-bottom: none; color: #AE130F; position: relative; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item.teaser-link > .cta--nav-secondary-link::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item.teaser-link > .cta--nav-secondary-link::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1279px -1148px; width: 27px; height: 43px; position: absolute; right: 20px; bottom: 20px; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item.teaser-link > .cta--nav-secondary-link::after { top: auto; -ms-transform: none; transform: none; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.back-link { background: #f0f3f5; margin: -20px -10px 20px -10px; padding: 20px 10px 10px 10px; position: relative; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.back-link::after { content: ''; background: #AE130F; width: 40%; height: 10px; position: absolute; right: 0; bottom: 0; z-index: 5; } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.back-link::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; margin-right: 5px; display: inline-block; position: relative; bottom: -1px; -ms-transform: rotate(180deg); transform: rotate(180deg); } .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.back-link::after { top: 0; left: 0; right: auto; bottom: auto; } /* JS-CLASSES */ .fixed-sticky-container { width: 100%; position: fixed; top: 45px; z-index: 9999; } /* ADDITIONAL NON-OVERLAY MODE */ .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list { margin: 0; list-style: none; } .nav-mobile .nav-primary .cta--nav-primary-link, .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { margin: 0; padding: 10px 0; border-bottom: 1px solid #d5dadc; font-size: 1rem; font-family: "Kohinoor-regular"; text-align: left; text-transform: none; display: block; position: relative; -ms-transform: none; transform: none; } @media screen and (min-width: 31em) { .nav-mobile .nav-primary .cta--nav-primary-link, .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { font-size: 1.125rem; } } .nav-mobile .nav-primary .cta--nav-primary-link::after, .nav-mobile .nav-primary > .nav-primary-list > .nav-primary-list-item .nav-secondary > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); } /* ============================== # Top-Bar ============================== */ .sticky-placeholder-top-bar { background-color: #AE130F; } .top-bar { width: 100%; padding: 0; color: #ffffff; position: static; top: -100% !important; z-index: 1000; max-width: 100%; margin-left: auto; margin-right: auto; position: relative; /* ------------------------------ ## sticky Navigation ------------------------------ */ /* ------------------------------ ## Global Definition for Top-Bar-Links ------------------------------ */ } .top-bar::before, .top-bar::after { content: ' '; display: table; } .top-bar::after { clear: both; } .top-bar::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 320px; background: #AE130F; } @media screen and (min-width: 90em) { .top-bar::after { width: 600px; } } @media screen and (max-width: 30.9375em) { .top-bar::after { display: none !important; } } .top-bar.is-stuck { position: inherit; } .top-bar.is-stuck::after { content: none; } .top-bar.is-stuck:not(.freezed) { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.75); } .top-bar > .inner-top-bar { background-color: #AE130F; margin: 0 auto; max-width: 90rem; position: relative; height: 100px; padding-left: 0; padding-right: 0; z-index: 800; margin-bottom: 20px; /* ------------------------------ ## Top-Bar-Title ------------------------------ */ /* ------------------------------ ## Top-Bar-Left Container ------------------------------ */ /* ------------------------------ ## Top-Bar-Right Container ------------------------------ */ } .top-bar > .inner-top-bar:before { content: ''; position: absolute; bottom: -10px; height: 10px; width: 60%; background: #AE130F; } .top-bar > .inner-top-bar > .top-bar-left { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; /* ------------------------------ ### Logo ------------------------------ */ } @media screen and (min-width: 31em) { .top-bar > .inner-top-bar > .top-bar-left { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .top-bar > .inner-top-bar > .top-bar-left:last-child:not(:first-child) { float: right; } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-left { width: 25%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; padding-left: 0; padding-right: 0; } } @media screen and (min-width: 64em) and (min-width: 31em) { .top-bar > .inner-top-bar > .top-bar-left { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-left:last-child:not(:first-child) { float: right; } } .top-bar > .inner-top-bar > .top-bar-left .logo > .logo-headline { margin-left: 10px; } @media screen and (min-width: 31em) { .top-bar > .inner-top-bar > .top-bar-left .logo > .logo-headline { margin-left: 20px; } } @media screen and (min-width: 48em) { .top-bar > .inner-top-bar > .top-bar-left .logo > .logo-headline { margin-left: 30px; } } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-left .logo > .logo-headline { margin-left: 35px; } } .top-bar > .inner-top-bar > .top-bar-left .logo > .logo-headline .logo-large, .top-bar > .inner-top-bar > .top-bar-left .logo > .logo-headline .logo-small { background-size: 1585px 70px; display: block; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .top-bar > .inner-top-bar > .top-bar-left .logo > .logo-headline .logo-large { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/logo.png?__blob=normal&v=2); background-position: 0px 0; height: 50px; width: 350px; background-size: auto; display: inline-block; background-repeat: no-repeat; background-size: 332px 50px; } .top-bar > .inner-top-bar > .top-bar-left .logo > .logo-headline .logo-small { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/logo.png?__blob=normal&v=2); background-position: 0px 0px; height: 50px; width: 50px; background-size: auto; display: inline-block; background-repeat: no-repeat; background-size: 332px 50px;}} .top-bar > .inner-top-bar > .top-bar-right { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; max-width: 90rem; margin-left: auto; margin-right: auto; text-align: right; /* ------------------------------ ### Title Bar (Toggle) ------------------------------ */ /* ------------------------------ ## Top-Bar-Links ------------------------------ */ /* ------------------------------ ### Top-Bar-Search ------------------------------ */ } @media screen and (min-width: 31em) { .top-bar > .inner-top-bar > .top-bar-right { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .top-bar > .inner-top-bar > .top-bar-right:last-child:not(:first-child) { float: right; } .top-bar > .inner-top-bar > .top-bar-right::before, .top-bar > .inner-top-bar > .top-bar-right::after { content: ' '; display: table; } .top-bar > .inner-top-bar > .top-bar-right::after { clear: both; } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-right { width: 75%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } } @media screen and (min-width: 64em) and (min-width: 31em) { .top-bar > .inner-top-bar > .top-bar-right { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-right:last-child:not(:first-child) { float: right; } } .top-bar > .inner-top-bar > .top-bar-right > .title-bar { display: inline-block; background-color: inherit; padding: 0; } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .top-bar > .inner-top-bar > .top-bar-right > .title-bar { width: 100%; } } .top-bar > .inner-top-bar > .top-bar-right > .title-bar > .menu-icon { display: none; } .js .top-bar > .inner-top-bar > .top-bar-right > .title-bar > .menu-icon { display: block; } @media screen and (min-width: 31em) { .js .top-bar > .inner-top-bar > .top-bar-right > .title-bar > .menu-icon { display: none; } } .top-bar > .inner-top-bar > .top-bar-right > .top-bar-links { display: inline-block; text-align: center; width: 100%; } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .top-bar > .inner-top-bar > .top-bar-right > .top-bar-links { position: absolute; top: 0; right: 1.4375rem; width: calc((50%) - (2) * (0.9375rem)); } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .top-bar > .inner-top-bar > .top-bar-right > .top-bar-links { position: absolute; top: 0; right: 1.4375rem; width: auto; text-align: right; } } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-right > .top-bar-links { width: auto; text-align: right; max-width: 12%; } } .top-bar > .inner-top-bar > .top-bar-right .is-login { margin-right: 0; min-width: 150px; max-width: 150px; margin-left: 5px; float: right; height: 100px; font-size: 18px; display: none; position: absolute; right: 0; top: 0; transition: all .3s ease-in-out .3s; margin-right: 85px; } @media screen and (min-width: 31em) { .top-bar > .inner-top-bar > .top-bar-right .is-login { margin-right: 120px; } } @media screen and (min-width: 48em) { .top-bar > .inner-top-bar > .top-bar-right .is-login { display: block; margin-right: 125px; } } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-right .is-login { margin-right: 15px; } } .top-bar > .inner-top-bar > .top-bar-right .is-login > .cta--nav-primary-link { width: 150px; margin: 0 !important; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #6cccf2; border: none; color: #2a363b; transition: color .3s ease, background-color .3s ease; display: inline-block; height: 110px; top: calc(50% + 5px); vertical-align: middle; padding: 30px 10px; } .top-bar > .inner-top-bar > .top-bar-right .is-login > .cta--nav-primary-link:focus, .top-bar > .inner-top-bar > .top-bar-right .is-login > .cta--nav-primary-link:hover, .top-bar > .inner-top-bar > .top-bar-right .is-login > .cta--nav-primary-link:active { background-color: #2a363b; color: #ffffff; } .top-bar > .inner-top-bar > .top-bar-right > .menu-search, .top-bar > .inner-top-bar > .top-bar-right .b-nav-toggle { -ms-transform: translateY(-50%); transform: translateY(-50%); transition: opacity .3s ease; position: absolute; top: 50%; right: 0; } .top-bar > .inner-top-bar > .top-bar-right > .menu-search { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -529px; width: 19px; height: 19px; padding: 0 0 13px; top: 52%; right: 4rem; box-sizing: content-box; } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-right > .menu-search.bereichsseite { top: auto; bottom: 0; -ms-transform: translate(0, 55px); transform: translate(0, 55px); } } @media screen and (min-width: 31em) { .top-bar > .inner-top-bar > .top-bar-right > .menu-search { right: 6rem; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .top-bar > .inner-top-bar > .top-bar-right > .menu-search { right: 100px; } } @media screen and (max-width: 63.9375em) { .top-bar > .inner-top-bar > .top-bar-right > .menu-search { padding: 0; } } .top-bar > .inner-top-bar > .top-bar-right > .menu-search.is-open { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -766px; width: 18px; height: 18px; } .top-bar > .inner-top-bar > .top-bar-right > .menu-search > a { height: 100%; display: block; } .top-bar > .inner-top-bar > .top-bar-right > .menu-search > a::after { content: ''; background-color: #ffffff; width: 100%; height: 7px; display: block; opacity: 0; position: absolute; left: 0; bottom: -10px; transition: bottom .3s ease-in, opacity .3s ease-in; } @media screen and (max-width: 63.9375em) { .top-bar > .inner-top-bar > .top-bar-right > .menu-search > a::after { display: none; } } .top-bar > .inner-top-bar > .top-bar-right > .menu-search > a:hover::after { opacity: 1; bottom: 0; } .top-bar > .inner-top-bar > .top-bar-right > .menu-search.is-open > a::after { opacity: 1; bottom: 0; } .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle { display: block; width: 60px; height: 100%; transition: background-color .2s; overflow: hidden; text-shadow: none; color: transparent; margin-right: 0; } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle { margin-right: 50px; } } @media screen and (min-width: 48em) { .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle { margin-right: 30px; } } @media screen and (min-width: 31em) { .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle { margin-right: 30px; } } .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle .inner { width: 30px; height: 2px; background-color: #FFFFFF; transition: background .2s, transform .2s, top .2s; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle .inner::before, .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle .inner::after { width: 30px; height: 2px; background-color: #FFFFFF; transition: background .2s, transform .2s, top .2s; -ms-transform-origin: left center; transform-origin: left center; outline: transparent solid 1px; } .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle .inner::before { content: ""; position: absolute; top: -13px; left: 0; } .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle .inner::after { content: ""; position: absolute; top: 13px; left: 0; } .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle.is-open .inner { background: 0 0; height: 0; } .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle.is-open .inner::before { transform: rotate3d(0, 0, 1, 42deg) translateX(4px); visibility: visible; opacity: 1; top: -15px; } .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle.is-open .inner::after { transform: rotate3d(0, 0, 1, -42deg) translateX(4px); visibility: visible; opacity: 1; top: 10px; } @media screen and (min-width: 64em) { .top-bar > .inner-top-bar > .top-bar-right > .b-nav-toggle { visibility: hidden; display: none; } } .top-bar.sticky.is-anchored { position: static; } .top-bar.sticky.is-anchored > .inner-top-bar > .top-bar-left .logo > .logo-headline .logo-large { animation: moveFromTopFade .6s ease both; animation-delay: .6s; } .top-bar.sticky.is-anchored > .inner-top-bar > .top-bar-left .logo > .logo-headline .logo-small { animation: fade .6s ease both; animation-delay: .1s; } .top-bar.sticky.is-anchored .menu-search { animation: search-ani-out .6s ease forwards; } .top-bar.sticky.is-stuck { -webkit-backface-visibility: hidden; backface-visibility: hidden; border-top: 0; padding-top: 10px; position: fixed; top: 0 !important; width: 100%; z-index: 1000; transition: top .8s ease; } .top-bar.sticky.is-stuck .nav-primary { top: 50%; right: 50%; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .top-bar.sticky.is-stuck > .inner-top-bar { height: 70px; /* ------------------------------ ## Top-Bar-Right Container ------------------------------ */ } .top-bar.sticky.is-stuck > .inner-top-bar::before { padding-top: 0; padding-bottom: 0; -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; transition: transform .6s ease, opacity .3s ease; } .top-bar.sticky.is-stuck > .inner-top-bar > .top-bar-left .logo > .logo-headline .logo-large { animation: moveToBottomFade .6s ease both; display: none; } .top-bar.sticky.is-stuck > .inner-top-bar > .top-bar-left .logo > .logo-headline .logo-small { opacity: 1; animation: moveFromBottomFade .6s ease both; } .top-bar.sticky.is-stuck > .inner-top-bar .is-login { top: 50%; right: 50%; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); display: block; margin-right: 0; } @media screen and (max-width: 30.9375em) { .top-bar.sticky.is-stuck > .inner-top-bar .is-login { float: none; display: none; } } @media screen and (min-width: 64em) { .top-bar.sticky.is-stuck > .inner-top-bar .is-login { right: 20%; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } } .top-bar.sticky.is-stuck > .inner-top-bar .is-login .cta--nav-primary-link { height: 80px; padding: 15px 10px; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.75); } .top-bar.sticky.is-stuck > .inner-top-bar > .top-bar-right > .menu-search { opacity: 1; animation: search-ani-in 2.6s ease forwards; } @media screen and (min-width: 21.875em) { .top-bar.sticky.is-stuck > .inner-top-bar > .top-bar-right > .menu-search { margin-right: 10px; } } @media screen and (min-width: 31em) { .top-bar.sticky.is-stuck > .inner-top-bar > .top-bar-right > .menu-search { margin-right: 50px; } } .top-bar.sticky.is-stuck > .inner-top-bar > .top-bar-right > .menu-search a { display: block; width: auto; height: 100%; } .top-bar .cta--top-bar-link { padding: 10px; margin-top: 1rem; } .top-bar input { max-width: none; } /* ------------------------------ ## Animantionen ------------------------------ */ @keyframes moveFromTopFade { from { transform: translateY(-100%); transform: translate3d(0, -100%, 0); opacity: 0; } } @keyframes moveToBottomFade { to { transform: translateY(100%); transform: translate3d(0, 100%, 0); opacity: 0; } } @keyframes nav-ani-out-bp-desktop { 0% { right: 50%; } 100% { right: 0; } } @keyframes nav-ani-out-bp-tablet { 0% { right: 50%; } 100% { right: 0; } } @keyframes nav-ani-out-bp-mobile { 0% { right: 50%; } 100% { right: 0; } } @keyframes search-ani-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes search-ani-in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } /* ============================== # Cookie Banner ============================== */ .cookie-banner { background-color: #AE130F; padding: 0.6875rem 1.5rem; color: #ffffff; } @media screen and (max-width: 47.9375em) { .cookie-banner .text-wrapper { text-align: center; } } .cookie-banner .links-wrapper { text-align: right; } @media screen and (max-width: 47.9375em) { .cookie-banner .links-wrapper { text-align: center; margin-top: 7px; } } .cookie-banner .links-wrapper a { display: inline-block; width: auto; border: 2px solid #ffffff; color: #ffffff; padding: 0 0.625rem; margin-left: 1.5rem; transition: color .3s ease, background-color .3s ease; } .cookie-banner .links-wrapper a:focus, .cookie-banner .links-wrapper a:hover, .cookie-banner .links-wrapper a:active { color: #AE130F; background-color: #ffffff; transition: all ease 0.3s; } .cookie-banner.js-on { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 600; opacity: 0.9; } /* ============================== # Nav-Secondary ============================== */ .nav-secondary { background-color: #ffffff; color: #2a363b !important; padding: 2.5rem 0.5rem 0.5rem; } .nav-secondary .module_service_teaser_small { padding: 0; } .nav-secondary .module_service_teaser_small .module-container-wrapper > div { width: 100%; margin-left: 0; padding: 0; } .nav-secondary .cta--nav-secondary-link { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; font-family: "Kohinoor-regular"; vertical-align: middle; min-height: 10px; } .nav-secondary .cta--nav-secondary-link:focus, .nav-secondary .cta--nav-secondary-link:hover, .nav-secondary .cta--nav-secondary-link:active { border-color: transparent; color: #AE130F; background-color: transparent; } .nav-secondary .cta--nav-secondary-link.current { border-color: transparent; color: #AE130F; background-color: transparent; } .nav-secondary .text-right.cta--nav-secondary-link { font-family: "Kohinoor-bold"; } .nav-secondary .text-right + div h3, .nav-secondary .text-right + div .h3, .nav-secondary .text-right + div .legend, .nav-secondary .text-right + div legend, .nav-secondary .text-right + div .font-h3-style { font-family: "Kohinoor-bold"; } .nav-secondary .close-wrapper { display: -ms-flexbox; display: flex; } @media screen and (min-width: 31em) { .nav-secondary .close-wrapper { padding: 0 1.5625rem; } } @media screen and (min-width: 90em) { .nav-secondary .close-wrapper { padding: 0 6.25rem; } } .nav-secondary .close-wrapper button { margin-left: auto; margin-right: 15px; } .nav-secondary > .wrapper { display: -ms-flexbox; display: flex; /* ------------------------------ Nav-Secondary-List Container ------------------------------ */ /* ------------------------------ Nav-Secondary-Teaser Container ------------------------------ */ } @media screen and (min-width: 31em) { .nav-secondary > .wrapper { padding: 0 1.5625rem; } } @media screen and (min-width: 90em) { .nav-secondary > .wrapper { padding: 0 6.25rem; } } @media screen and (max-width: 47.9375em) { .nav-secondary > .wrapper > .row { position: relative; } } .nav-secondary > .wrapper .overlay-headline h3, .nav-secondary > .wrapper .overlay-headline .h3, .nav-secondary > .wrapper .overlay-headline .legend, .nav-secondary > .wrapper .overlay-headline legend, .nav-secondary > .wrapper .overlay-headline .font-h3-style { text-transform: uppercase; margin-top: 5px; margin-bottom: 20px; } @media screen and (max-width: 30.9375em) { .nav-secondary > .wrapper .overlay-headline h3, .nav-secondary > .wrapper .overlay-headline .h3, .nav-secondary > .wrapper .overlay-headline .legend, .nav-secondary > .wrapper .overlay-headline legend, .nav-secondary > .wrapper .overlay-headline .font-h3-style { margin: 0; padding: 0.9375rem; } } .nav-secondary > .wrapper .overlay-toOverview { font-family: "Kohinoor-bold"; font-weight: normal; } @media screen and (max-width: 47.9375em) { .nav-secondary > .wrapper .overlay-toOverview { position: absolute; width: 100%; left: 0; z-index: 400; top: 0; } } @media screen and (max-width: 30.9375em) { .nav-secondary > .wrapper .overlay-toOverview { top: 10px; } } @media screen and (max-width: 47.9375em) { .nav-secondary > .wrapper .overlay-toOverview > .cta--nav-secondary-link { font-size: 1.0625rem; display: inline-block; width: inherit; color: transparent; } } @media screen and (max-width: 47.9375em) and (min-width: 31em) { .nav-secondary > .wrapper .overlay-toOverview > .cta--nav-secondary-link { font-size: 1.125rem; } } @media screen and (max-width: 47.9375em) and (min-width: 48em) { .nav-secondary > .wrapper .overlay-toOverview > .cta--nav-secondary-link { font-size: 1.375rem; } } @media screen and (max-width: 47.9375em) and (min-width: 64em) { .nav-secondary > .wrapper .overlay-toOverview > .cta--nav-secondary-link { font-size: 1.125rem; } } .nav-secondary > .wrapper .back-link-wrapper .back-link-container { border-bottom: 1px solid #2a363b; text-align: left; margin: 0.9375rem 0; } .nav-secondary > .wrapper .back-link-wrapper .back-link-container a.back-link { display: inline-block; border-bottom: 3px solid #2a363b; color: #2a363b; padding: 3px 15px 3px 25px; position: relative; } .nav-secondary > .wrapper .back-link-wrapper .back-link-container a.back-link::before { content: ''; position: absolute; top: 9px; left: 3px; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -1095px -630px; width: 16px; height: 16px; } @media screen and (min-width: 64em) { .nav-secondary > .wrapper > .overlay__content { max-width: 1200px; margin: 0 auto; padding: 0 3.125rem; } } .nav-secondary > .wrapper .nav-secondary-wrapper { width: 66.6666%; } .nav-secondary > .wrapper .nav-secondary-wrapper .nav-secondary-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin-left: 0; } .nav-secondary > .wrapper .nav-secondary-wrapper .nav-secondary-list .nav-secondary-list-item { width: calc(50% - 32px); margin-left: 15px; } .nav-secondary > .wrapper .nav-secondary-wrapper .nav-secondary-list .nav-secondary-list-item:nth-child(2n) { margin-left: 35px; } .nav-secondary > .wrapper > .nav-secondary-list-container { /* ------------------------------ Nav-Secondary-List ------------------------------ */ } .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list { margin: 0; padding: 0; max-width: 90rem; margin-left: auto; margin-right: auto; list-style: none; } .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list::before, .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list::after { content: ' '; display: table; } .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list::after { clear: both; } .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item:last-child:not(:first-child) { float: right; } @media screen and (min-width: 31em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { width: 50%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } } @media screen and (min-width: 31em) and (min-width: 31em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 31em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 48em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { width: 50%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } } @media screen and (min-width: 48em) and (min-width: 31em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 48em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 64em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } } @media screen and (min-width: 64em) and (min-width: 31em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 64em) { .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item:last-child:not(:first-child) { float: right; } } .NavPrimary_2Spaltig .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { float: left !important; } @media screen and (min-width: 64em) { .NavPrimary_2Spaltig .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { width: 50%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } } @media screen and (min-width: 64em) and (min-width: 31em) { .NavPrimary_2Spaltig .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 64em) { .NavPrimary_2Spaltig .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item:last-child:not(:first-child) { float: right; } } .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item:last-child:last-child { float: left; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; display: block; width: 100%; margin-left: 0; margin-right: 0; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { outline: 0; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus { background-color: #AE130F; color: #000000; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active { border-color: transparent; color: #AE130F; background-color: transparent; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.current { border-color: transparent; color: #AE130F; background-color: transparent; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.active, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.current, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.active:focus, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.active:hover, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.active:active, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.current:focus, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.current:hover, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.current:active, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.topinpath:focus, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.topinpath:hover, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.topinpath:active { position: inherit; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.active:focus::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.active:hover::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.active:active::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.current:focus::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.current:hover::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.current:active::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.topinpath:focus::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.topinpath:hover::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active { position: relative; padding-right: 3.75rem; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus.tiny, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover.tiny, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active.tiny { padding: 0.6rem; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus.small, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover.small, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active.small { padding: 0.75rem; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus.large, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover.large, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active.large { padding: 1.25rem; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover::after, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus::after.tiny, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover::after.tiny, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active::after.tiny { right: 0.6rem; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus::after.small, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover::after.small, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active::after.small { right: 0.75rem; } .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:focus::after.large, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:hover::after.large, .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link:active::after.large { right: 1.25rem; } } @media screen and (max-width: 30.9375em) { .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { text-align: left; } } @media screen and (min-width: 31em) { .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { height: 55px !important; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; margin-bottom: 25px; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .nav-mobile .nav-secondary > .wrapper > .nav-secondary-list-container > .nav-secondary-list > .nav-secondary-list-item > .cta--nav-secondary-link { padding: 2px; } } .nav-secondary > .wrapper .nav-secondary-teaser { padding: 0; width: 33.3333%; /* Die Teaser werden unter common im Teaser Abschnitt definiert */ } .nav-secondary > .wrapper .nav-secondary-teaser .teaser-navigation { background-color: #eeeeee; } .nav-secondary > .wrapper .nav-secondary-teaser .teaser-navigation .cta--teaser-navigation-link { color: #2a363b !important; } .nav-secondary .overlay-headline h3, .nav-secondary .overlay-headline .h3, .nav-secondary .overlay-headline .legend, .nav-secondary .overlay-headline legend, .nav-secondary .overlay-headline .font-h3-style, .nav-secondary > .wrapper .nav-secondary-wrapper .nav-secondary-list .nav-secondary-list-item { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d5dadc; font-size: 1rem; font-family: "Kohinoor-regular"; text-align: left; text-transform: none; display: block; position: relative; -ms-transform: none; transform: none; } @media screen and (min-width: 31em) { .nav-secondary .overlay-headline h3, .nav-secondary .overlay-headline .h3, .nav-secondary .overlay-headline .legend, .nav-secondary .overlay-headline legend, .nav-secondary .overlay-headline .font-h3-style, .nav-secondary > .wrapper .nav-secondary-wrapper .nav-secondary-list .nav-secondary-list-item { font-size: 1.125rem; } } .nav-secondary .overlay-headline h3::after, .nav-secondary .overlay-headline .h3::after, .nav-secondary .overlay-headline .legend::after, .nav-secondary .overlay-headline legend::after, .nav-secondary .overlay-headline .font-h3-style::after, .nav-secondary > .wrapper .nav-secondary-wrapper .nav-secondary-list .nav-secondary-list-item::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); } footer.module-footer { color: #ffffff; padding-bottom: 0; } footer.module-footer > .module-container { background-color: #AE130F; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner { background: #AE130F; padding-top: 25px; } @media screen and (min-width: 48em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner { padding-top: 0; } } @media screen and (min-width: 48em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner.accordion { margin-top: 20px; } } @media screen and (min-width: 64em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns { padding-top: 40px; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column.contact-wrapper, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .contact-wrapper.columns { padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 47.9375em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column.contact-wrapper, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .contact-wrapper.columns { padding: 0; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column .headline, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns .headline { font-family: "Kohinoor-bold"; color: inherit; font-size: 1rem; font-weight: normal; } @media screen and (min-width: 48em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column .headline, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns .headline { font-size: 1.125rem; } } @media screen and (min-width: 64em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column .headline, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns .headline { padding-bottom: 0; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > ul, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > ul { margin: 0; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > ul > li, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > ul > li { margin-bottom: 10px; list-style: none; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > ul > li > a, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > ul > li > a { font-family: "Kohinoor-regular"; color: inherit; font-size: 1.125rem; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > ul > li > a:hover, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > ul > li > a:hover, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > ul > li > a:focus, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > ul > li > a:focus { text-decoration: underline; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact { background: #dd0b14; padding: 20px 0.625rem; } @media screen and (min-width: 48em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact { min-height: 360px; padding: 40px 20px; } } @media screen and (max-width: 47.9375em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > .headline, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > .headline { margin-bottom: 6px; font-size: 1.125rem; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > span, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > span { color: inherit; font-size: 0.875rem; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > .button-text, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > .button-text { height: 40px; padding: 0; margin-bottom: 20px; border-bottom: 2px solid #ffffff; } @media screen and (max-width: 47.9375em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > .button-text, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > .button-text { margin-bottom: 0; border-bottom: none; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > .button-text > p, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > .button-text > p { margin: 0; font-family: "Kohinoor-regular"; font-size: 1.125rem; line-height: 38px; } @media screen and (max-width: 47.9375em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > .button-text > p, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > .button-text > p { font-size: 1.125rem; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > .button-text > p:after, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > .button-text > p:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -394px -1500px; width: 12px; height: 8px; right: 1rem; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > ul.links, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > ul.links { top: 40px; } @media screen and (max-width: 47.9375em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > ul.links, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > ul.links { background: transparent; padding: 0 1rem 1rem 1rem; border: none; position: static; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > ul.links > li, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > ul.links > li { border: none; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > ul.links > li > a, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > ul.links > li > a { padding: 5px 0; color: #ffffff; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > ul.links > li > a:hover, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > ul.links > li > a:hover, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .fake-dropdown > ul.links > li > a:focus, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .fake-dropdown > ul.links > li > a:focus { background: inherit; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .accordion-item, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .accordion-item { margin-bottom: 15px; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .accordion-item:after, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .accordion-item:after { width: 100%; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .accordion-item > .accordion-title, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .accordion-item > .accordion-title { padding-top: 10px; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .accordion-item > .accordion-title::before, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .accordion-item > .accordion-title::before { margin-top: -0.5rem; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .accordion-item > .accordion-content, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .accordion-item > .accordion-content { margin: 0; padding: 0 1rem 1rem 1rem; list-style: none; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact .accordion-item > .accordion-content > li > a, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact .accordion-item > .accordion-content > li > a { padding: 5px 0; font-family: "Kohinoor-regular"; font-size: 1rem; color: #ffffff; display: block; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul { margin: 30px 0 0 0; padding: 0; list-style: none; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul > li, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul > li { margin-bottom: 5px; font-family: "Kohinoor-regular"; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul > li::before, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul > li::before { content: ''; padding-right: 30px; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul > li.mail, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul > li.mail { margin-top: 20px; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul > li.phone::before, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul > li.phone::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -290px; width: 20px; height: 20px; position: relative; top: 2px; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul > li.mail::before, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul > li.mail::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -550px -1325px; width: 21px; height: 17px; position: relative; top: 4px; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul > li > a, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul > li > a { color: inherit; font-family: "Kohinoor-regular"; font-size: 1.0625rem; line-height: 1; text-transform: uppercase; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul > li > a:hover, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul > li > a:hover, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .column > .contact > ul > li > a:focus, footer.module-footer > .module-container > .module-container-wrapper .footer_inner > .columns > .contact > ul > li > a:focus { text-decoration: underline; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-item { position: relative; } @media screen and (min-width: 48em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-item { margin-bottom: 20px; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-item:after { content: ''; height: 2px; width: calc(100% - 1.25rem); position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); background: #ffffff; } @media screen and (min-width: 64em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-item { padding-top: 0; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-item:after { content: none; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-title { color: #ffffff; border: none; transition: none; font-size: 1rem; padding-left: 0; font-family: "Kohinoor-bold"; } @media screen and (min-width: 48em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-title { font-size: 1.125rem; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-title[aria-selected=true]:before { -ms-transform: rotate(180deg); transform: rotate(180deg); } footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-title:hover, footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-title:focus { background: transparent; } footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-title:before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -394px -1500px; width: 12px; height: 8px; margin-top: 0; } @media screen and (min-width: 64em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-title:before { content: none; } } footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-content { background: transparent; border: 0; color: #ffffff; padding-top: 0; } @media screen and (min-width: 64em) { footer.module-footer > .module-container > .module-container-wrapper .footer_inner .accordion-content { display: block !important; padding-left: 0; } } footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background: #ffffff; } @media screen and (min-width: 64em) { footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright { float: left; width: 100%; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } } footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } @media screen and (min-width: 64em) { footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright ul { float: left; } } footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright a { font-family: "Kohinoor-regular"; font-size: 1rem; } footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright a span{ display: inline-block; } footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright li { list-style-type: none; margin-right: 15px; } footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright .copy { margin-bottom: 0; color: #666666; text-align: center; } .module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright strong > span { font-weight: bold; color: #000000; font-size: 1rem; } @media screen and (min-width: 64em) { footer.module-footer > .module-container > .module-container-wrapper > .footer_impressum_copyright .copy { margin-left: auto; margin-right: 20px; } } /* ------------------------------ # font h1-6 size Font-size der Elemente h1-h6 ------------------------------ */ .font-h1-size { font-size: 1.5rem; } @media screen and (min-width: 31em) { .font-h1-size { font-size: 2.375rem; } } @media screen and (min-width: 48em) { .font-h1-size { font-size: 2.1875rem; } } @media screen and (min-width: 64em) { .font-h1-size { font-size: 3rem; } } .font-h2-size { font-size: 1.5rem; } @media screen and (min-width: 31em) { .font-h2-size { font-size: 2rem; } } @media screen and (min-width: 48em) { .font-h2-size { font-size: 2.1875rem; } } @media screen and (min-width: 64em) { .font-h2-size { font-size: 2.625rem; } } .font-h3-size { font-size: 1.125rem; } @media screen and (min-width: 31em) { .font-h3-size { font-size: 1.5rem; } } @media screen and (min-width: 48em) { .font-h3-size { font-size: 1.875rem; } } @media screen and (min-width: 64em) { .font-h3-size { font-size: 1.5rem; } } .font-h4-size, .nav-secondary > .wrapper .overlay-headline h3, .nav-secondary > .wrapper .overlay-headline .h3, .nav-secondary > .wrapper .overlay-headline .legend, .nav-secondary > .wrapper .overlay-headline legend, .nav-secondary > .wrapper .overlay-headline .font-h3-style { font-size: 1.0625rem; } @media screen and (min-width: 31em) { .font-h4-size, .nav-secondary > .wrapper .overlay-headline h3, .nav-secondary > .wrapper .overlay-headline .h3, .nav-secondary > .wrapper .overlay-headline .legend, .nav-secondary > .wrapper .overlay-headline legend, .nav-secondary > .wrapper .overlay-headline .font-h3-style { font-size: 1.125rem; } } @media screen and (min-width: 48em) { .font-h4-size, .nav-secondary > .wrapper .overlay-headline h3, .nav-secondary > .wrapper .overlay-headline .h3, .nav-secondary > .wrapper .overlay-headline .legend, .nav-secondary > .wrapper .overlay-headline legend, .nav-secondary > .wrapper .overlay-headline .font-h3-style { font-size: 1.375rem; } } @media screen and (min-width: 64em) { .font-h4-size, .nav-secondary > .wrapper .overlay-headline h3, .nav-secondary > .wrapper .overlay-headline .h3, .nav-secondary > .wrapper .overlay-headline .legend, .nav-secondary > .wrapper .overlay-headline legend, .nav-secondary > .wrapper .overlay-headline .font-h3-style { font-size: 1.125rem; } } .font-h5-size, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .module-headline, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .bodyText-wrapper { font-size: 1rem; } @media screen and (min-width: 31em) { .font-h5-size, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .module-headline, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .bodyText-wrapper { font-size: 1rem; } } @media screen and (min-width: 48em) { .font-h5-size, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .module-headline, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .bodyText-wrapper { font-size: 1.25rem; } } @media screen and (min-width: 64em) { .font-h5-size, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .module-headline, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .bodyText-wrapper { font-size: 1rem; } } .font-h6-size { font-size: 1rem; } @media screen and (min-width: 31em) { .font-h6-size { font-size: 1rem; } } @media screen and (min-width: 48em) { .font-h6-size { font-size: 1.125rem; } } @media screen and (min-width: 64em) { .font-h6-size { font-size: 1rem; } } /* ------------------------------ # font h1-6 styles Font-styles der Elemente h1-h6 nur mit der 'normalen' font-family ------------------------------ */ .font-h1-style { color: inherit; } .font-h2-style { color: inherit; } .font-h3-style { color: inherit; } .font-h4-style { color: inherit; } .font-h5-style { color: inherit; } .font-h6-style { color: inherit; } /* * # font inherit * Zuruecksetzen der Hx font */ .font-inherit { margin: 0; padding: 0; font-weight: inherit; line-height: inherit; font-family: inherit; font-size: inherit; } /*! ============================== # CSS-File: 05 - KN CSS Modules ============================== */ /* ============================== # modules ============================== */ .module, .richttext { margin: 0 auto; padding: 2.5rem 0 2.5rem; width: 100%; /* ------------------------------ ## Module headlines ------------------------------ */ /* ------------------------------ # Modul Container Eigentlicher Container des Moduls ------------------------------ */ /* ------------------------------ # Modul Action Container für die Buttons / Links am Ende eines Moduls ------------------------------ */ } .module .module-headline, .richttext .module-headline { margin: 0 auto 2.5rem; color: #ffffff; position: relative; z-index: 100; } @media screen and (min-width: 90em) { .module .module-headline, .richttext .module-headline { max-width: 80rem; } } .module .module-headline.centered, .richttext .module-headline.centered { text-align: center; position: relative; max-width: 95%; display: block; } .module .module-headline.centered .headline-sub-wrapper, .richttext .module-headline.centered .headline-sub-wrapper { font-size: 1.125rem; padding-top: 15px; } @media screen and (min-width: 48em) { .module .module-headline.sub, .richttext .module-headline.sub { font-size: 1.25rem; } } .module .module-headline.on-lightbackground, .richttext .module-headline.on-lightbackground { color: #333; font-family: "Kohinoor-medium"; background: #fff; } .module .module-headline > .headline-main, .richttext .module-headline > .headline-main, .module .module-headline > .headline-sub-wrapper > .headline-sub, .richttext .module-headline > .headline-sub-wrapper > .headline-sub { text-overflow: ellipsis; display: inline-block; padding: 5px 15px 10px; color: #ffffff; background-color: #AE130F; } .module .module-headline > .headline-main, .richttext .module-headline > .headline-main { position: relative; min-width: 230px; } .module .module-headline > .headline-sub-wrapper, .richttext .module-headline > .headline-sub-wrapper { display: block; } @media screen and (max-width: 47.9375em) { .module .module-headline > .headline-sub-wrapper, .richttext .module-headline > .headline-sub-wrapper { margin-left: 0 !important; } } @media screen and (min-width: 48em) { .module .module-headline > .headline-sub-wrapper, .richttext .module-headline > .headline-sub-wrapper { margin-left: 150px; } } .module .module-headline > .headline-sub-wrapper > .headline-sub, .richttext .module-headline > .headline-sub-wrapper > .headline-sub { display: inline-block; } .module .module-headline.overlap, .richttext .module-headline.overlap { margin-bottom: 0; } @media screen and (min-width: 48em) { .module .module-headline.overlap, .richttext .module-headline.overlap { margin-bottom: -20px; } } .module > .module-headline, .richttext > .module-headline { margin-top: 20px; } @media screen and (max-width: 47.9375em) { .module > .module-headline span, .richttext > .module-headline span { width: 100% !important; } } .module > .module-container, .richttext > .module-container { /* ------------------------------ # Modul Container Wrapper Zusaetzlicher Container fuer die farblich hinterlegten Module ------------------------------ */ } .module > .module-container > .module-container-wrapper, .richttext > .module-container > .module-container-wrapper { margin: 0 auto; } @media screen and (min-width: 90em) { .module > .module-container > .module-container-wrapper, .richttext > .module-container > .module-container-wrapper { max-width: 80rem; } } .module > .module-container > .module-container-wrapper .intro_text_side_slot .module-headline, .richttext > .module-container > .module-container-wrapper .intro_text_side_slot .module-headline { padding-bottom: 0.9375rem; } .module > .module-container > .module-container-wrapper .bodyText-wrapper h1, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper h1, .module > .module-container > .module-container-wrapper .bodyText-wrapper .h1, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .h1, .module > .module-container > .module-container-wrapper .bodyText-wrapper .font-h1-style, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .font-h1-style, .module > .module-container > .module-container-wrapper .bodyText-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module > .module-container > .module-container-wrapper .bodyText-wrapper .module_part_slider_element > .cta--text > .headline-main, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .module_part_slider_element > .cta--text > .headline-main, .module > .module-container > .module-container-wrapper .bodyText-wrapper h2, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper h2, .module > .module-container > .module-container-wrapper .bodyText-wrapper .h2, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .h2, .module > .module-container > .module-container-wrapper .bodyText-wrapper .font-h2-style, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .font-h2-style, .module > .module-container > .module-container-wrapper .bodyText-wrapper h3, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper h3, .module > .module-container > .module-container-wrapper .bodyText-wrapper .h3, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .h3, .module > .module-container > .module-container-wrapper .bodyText-wrapper .legend, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .legend, .module > .module-container > .module-container-wrapper .bodyText-wrapper legend, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper legend, .module > .module-container > .module-container-wrapper .bodyText-wrapper .font-h3-style, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .font-h3-style, .module > .module-container > .module-container-wrapper .bodyText-wrapper h4, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper h4, .module > .module-container > .module-container-wrapper .bodyText-wrapper .h4, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .h4, .module > .module-container > .module-container-wrapper .bodyText-wrapper .font-h4-style, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .font-h4-style, .module > .module-container > .module-container-wrapper .bodyText-wrapper h5, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper h5, .module > .module-container > .module-container-wrapper .bodyText-wrapper .h5, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .h5, .module > .module-container > .module-container-wrapper .bodyText-wrapper .font-h5-style, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .font-h5-style, .module > .module-container > .module-container-wrapper .bodyText-wrapper h6, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper h6, .module > .module-container > .module-container-wrapper .bodyText-wrapper .h6, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .h6, .module > .module-container > .module-container-wrapper .bodyText-wrapper .font-h6-style, .richttext > .module-container > .module-container-wrapper .bodyText-wrapper .font-h6-style, .module > .module-container > .module-container-wrapper .teaserText-wrapper h1, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper h1, .module > .module-container > .module-container-wrapper .teaserText-wrapper .h1, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .h1, .module > .module-container > .module-container-wrapper .teaserText-wrapper .font-h1-style, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .font-h1-style, .module > .module-container > .module-container-wrapper .teaserText-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module > .module-container > .module-container-wrapper .teaserText-wrapper .module_part_slider_element > .cta--text > .headline-main, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .module_part_slider_element > .cta--text > .headline-main, .module > .module-container > .module-container-wrapper .teaserText-wrapper h2, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper h2, .module > .module-container > .module-container-wrapper .teaserText-wrapper .h2, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .h2, .module > .module-container > .module-container-wrapper .teaserText-wrapper .font-h2-style, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .font-h2-style, .module > .module-container > .module-container-wrapper .teaserText-wrapper h3, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper h3, .module > .module-container > .module-container-wrapper .teaserText-wrapper .h3, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .h3, .module > .module-container > .module-container-wrapper .teaserText-wrapper .legend, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .legend, .module > .module-container > .module-container-wrapper .teaserText-wrapper legend, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper legend, .module > .module-container > .module-container-wrapper .teaserText-wrapper .font-h3-style, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .font-h3-style, .module > .module-container > .module-container-wrapper .teaserText-wrapper h4, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper h4, .module > .module-container > .module-container-wrapper .teaserText-wrapper .h4, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .h4, .module > .module-container > .module-container-wrapper .teaserText-wrapper .font-h4-style, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .font-h4-style, .module > .module-container > .module-container-wrapper .teaserText-wrapper h5, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper h5, .module > .module-container > .module-container-wrapper .teaserText-wrapper .h5, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .h5, .module > .module-container > .module-container-wrapper .teaserText-wrapper .font-h5-style, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .font-h5-style, .module > .module-container > .module-container-wrapper .teaserText-wrapper h6, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper h6, .module > .module-container > .module-container-wrapper .teaserText-wrapper .h6, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .h6, .module > .module-container > .module-container-wrapper .teaserText-wrapper .font-h6-style, .richttext > .module-container > .module-container-wrapper .teaserText-wrapper .font-h6-style, .module > .module-container > .module-container-wrapper .header-wrapper h1, .richttext > .module-container > .module-container-wrapper .header-wrapper h1, .module > .module-container > .module-container-wrapper .header-wrapper .h1, .richttext > .module-container > .module-container-wrapper .header-wrapper .h1, .module > .module-container > .module-container-wrapper .header-wrapper .font-h1-style, .richttext > .module-container > .module-container-wrapper .header-wrapper .font-h1-style, .module > .module-container > .module-container-wrapper .header-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module > .module-container > .module-container-wrapper .header-wrapper .module_part_slider_element > .cta--text > .headline-main, .richttext > .module-container > .module-container-wrapper .header-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .richttext > .module-container > .module-container-wrapper .header-wrapper .module_part_slider_element > .cta--text > .headline-main, .module > .module-container > .module-container-wrapper .header-wrapper h2, .richttext > .module-container > .module-container-wrapper .header-wrapper h2, .module > .module-container > .module-container-wrapper .header-wrapper .h2, .richttext > .module-container > .module-container-wrapper .header-wrapper .h2, .module > .module-container > .module-container-wrapper .header-wrapper .font-h2-style, .richttext > .module-container > .module-container-wrapper .header-wrapper .font-h2-style, .module > .module-container > .module-container-wrapper .header-wrapper h3, .richttext > .module-container > .module-container-wrapper .header-wrapper h3, .module > .module-container > .module-container-wrapper .header-wrapper .h3, .richttext > .module-container > .module-container-wrapper .header-wrapper .h3, .module > .module-container > .module-container-wrapper .header-wrapper .legend, .richttext > .module-container > .module-container-wrapper .header-wrapper .legend, .module > .module-container > .module-container-wrapper .header-wrapper legend, .richttext > .module-container > .module-container-wrapper .header-wrapper legend, .module > .module-container > .module-container-wrapper .header-wrapper .font-h3-style, .richttext > .module-container > .module-container-wrapper .header-wrapper .font-h3-style, .module > .module-container > .module-container-wrapper .header-wrapper h4, .richttext > .module-container > .module-container-wrapper .header-wrapper h4, .module > .module-container > .module-container-wrapper .header-wrapper .h4, .richttext > .module-container > .module-container-wrapper .header-wrapper .h4, .module > .module-container > .module-container-wrapper .header-wrapper .font-h4-style, .richttext > .module-container > .module-container-wrapper .header-wrapper .font-h4-style, .module > .module-container > .module-container-wrapper .header-wrapper h5, .richttext > .module-container > .module-container-wrapper .header-wrapper h5, .module > .module-container > .module-container-wrapper .header-wrapper .h5, .richttext > .module-container > .module-container-wrapper .header-wrapper .h5, .module > .module-container > .module-container-wrapper .header-wrapper .font-h5-style, .richttext > .module-container > .module-container-wrapper .header-wrapper .font-h5-style, .module > .module-container > .module-container-wrapper .header-wrapper h6, .richttext > .module-container > .module-container-wrapper .header-wrapper h6, .module > .module-container > .module-container-wrapper .header-wrapper .h6, .richttext > .module-container > .module-container-wrapper .header-wrapper .h6, .module > .module-container > .module-container-wrapper .header-wrapper .font-h6-style, .richttext > .module-container > .module-container-wrapper .header-wrapper .font-h6-style, .module > .module-container > .module-container-wrapper .remark-wrapper h1, .richttext > .module-container > .module-container-wrapper .remark-wrapper h1, .module > .module-container > .module-container-wrapper .remark-wrapper .h1, .richttext > .module-container > .module-container-wrapper .remark-wrapper .h1, .module > .module-container > .module-container-wrapper .remark-wrapper .font-h1-style, .richttext > .module-container > .module-container-wrapper .remark-wrapper .font-h1-style, .module > .module-container > .module-container-wrapper .remark-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module > .module-container > .module-container-wrapper .remark-wrapper .module_part_slider_element > .cta--text > .headline-main, .richttext > .module-container > .module-container-wrapper .remark-wrapper .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .richttext > .module-container > .module-container-wrapper .remark-wrapper .module_part_slider_element > .cta--text > .headline-main, .module > .module-container > .module-container-wrapper .remark-wrapper h2, .richttext > .module-container > .module-container-wrapper .remark-wrapper h2, .module > .module-container > .module-container-wrapper .remark-wrapper .h2, .richttext > .module-container > .module-container-wrapper .remark-wrapper .h2, .module > .module-container > .module-container-wrapper .remark-wrapper .font-h2-style, .richttext > .module-container > .module-container-wrapper .remark-wrapper .font-h2-style, .module > .module-container > .module-container-wrapper .remark-wrapper h3, .richttext > .module-container > .module-container-wrapper .remark-wrapper h3, .module > .module-container > .module-container-wrapper .remark-wrapper .h3, .richttext > .module-container > .module-container-wrapper .remark-wrapper .h3, .module > .module-container > .module-container-wrapper .remark-wrapper .legend, .richttext > .module-container > .module-container-wrapper .remark-wrapper .legend, .module > .module-container > .module-container-wrapper .remark-wrapper legend, .richttext > .module-container > .module-container-wrapper .remark-wrapper legend, .module > .module-container > .module-container-wrapper .remark-wrapper .font-h3-style, .richttext > .module-container > .module-container-wrapper .remark-wrapper .font-h3-style, .module > .module-container > .module-container-wrapper .remark-wrapper h4, .richttext > .module-container > .module-container-wrapper .remark-wrapper h4, .module > .module-container > .module-container-wrapper .remark-wrapper .h4, .richttext > .module-container > .module-container-wrapper .remark-wrapper .h4, .module > .module-container > .module-container-wrapper .remark-wrapper .font-h4-style, .richttext > .module-container > .module-container-wrapper .remark-wrapper .font-h4-style, .module > .module-container > .module-container-wrapper .remark-wrapper h5, .richttext > .module-container > .module-container-wrapper .remark-wrapper h5, .module > .module-container > .module-container-wrapper .remark-wrapper .h5, .richttext > .module-container > .module-container-wrapper .remark-wrapper .h5, .module > .module-container > .module-container-wrapper .remark-wrapper .font-h5-style, .richttext > .module-container > .module-container-wrapper .remark-wrapper .font-h5-style, .module > .module-container > .module-container-wrapper .remark-wrapper h6, .richttext > .module-container > .module-container-wrapper .remark-wrapper h6, .module > .module-container > .module-container-wrapper .remark-wrapper .h6, .richttext > .module-container > .module-container-wrapper .remark-wrapper .h6, .module > .module-container > .module-container-wrapper .remark-wrapper .font-h6-style, .richttext > .module-container > .module-container-wrapper .remark-wrapper .font-h6-style { color: inherit; } .module .module_action, .richttext .module_action { margin-top: 3.125rem; text-align: center; } /* ------------------------------ # Modul Breadcrumb, Sonderfall Startseite Breadcrumb auf der Startseite ausblenden ------------------------------ */ .startseite .module_breadcrumb { display: none; } @media screen and (min-width: 64em) { .bereichsseite .nav-primary { display: none !important; } .bereichsseite .module_suchfeld_autocomplete .module-container-wrapper { margin-top: 5rem !important; } } @media screen and (min-width: 64em) { .bereichsseite .top-bar > .inner-top-bar > .top-bar-right > .menu-search { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -410px; width: 19px; height: 19px; right: 4rem; } .bereichsseite .top-bar > .inner-top-bar > .top-bar-right > .menu-search.is-open { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1377px -1325px; width: 12px; height: 12px; } } .bereichsseite .top-bar-left .logo { display: none !important; } .bereichsseite .claim { max-width: 80%; } .bereichsseite .claim .logo-headline { color: #fff; font-size: 1.5625rem; padding-left: 60px; } .bereichsseite .claim .logo-headline:before { content: ''; display: inline-block; position: absolute; background: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/aperto-sprites-icons-sprite.png?__blob=normal&v=2) no-repeat; background-position: -570px 0px; height: 40px; width: 40px; margin-left: -50px; } .bereichsnavigation { display: none; } @media screen and (min-width: 64em) { .bereichsnavigation { display: -ms-flexbox; display: flex; list-style-type: none; -ms-flex-pack: end; justify-content: flex-end; margin-right: 100px; z-index: 5000; position: relative; } .bereichsnavigation li { margin-left: 20px; } .bereichsnavigation li a { color: #AE130F; font-family: "Kohinoor-regular"; font-size: 1rem; } .bereichsnavigation li a:hover { color: #333; } } .bereichsnavigation-wrapper { max-width: 90rem; margin: 0 auto; } .detailseite { margin: 0 auto; } .detailseite > h1, .detailseite > .h1, .detailseite > .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text.detailseite > .headline-main { text-align: center; margin-left: 1.5625rem; margin-right: 1.5625rem; } .detailseite > .event, .detailseite > .meetingDate { text-align: center; margin-left: 1.5625rem; margin-right: 1.5625rem; } .detailseite > .meetingDate { padding: 10px; max-width: 490px; background: #eeeeee; font-family: "Kohinoor-bold"; margin: 0 auto; } .detailseite > .meetingDate .date { padding-right: 20px; } .detailseite > h2, .detailseite > .h2, .detailseite > .font-h2-style, .detailseite > h3, .detailseite > .h3, .detailseite > .legend, .detailseite > legend, .detailseite > .font-h3-style, .detailseite > h4, .detailseite > .h4, .detailseite > .font-h4-style, .detailseite > h5, .detailseite > .h5, .detailseite > .font-h5-style, .detailseite > h6, .detailseite > .h6, .detailseite > .font-h6-style, .detailseite > p { margin-left: 1.5625rem; margin-right: 1.5625rem; } /* ------------------------------ # module-headline Wird die Modulueberschrift nicht direkt im Modul, sondern im Modul-Container verwendet, dann soll diese anders dargestellt werden. AUSNAHME: Modul Buehne (ohne Bild) ------------------------------ */ :not(.module_buehne) > .module-container { /* ------------------------------ # Modul Container Wrapper Zusaetzlicher Container fuer die farblich hinterlegten Module ------------------------------ */ } :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline { color: inherit; padding-top: 5px; margin-bottom: 0; padding-bottom: 0.3125rem; text-align: center; } @media screen and (min-width: 31em) { :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline { padding-bottom: 0.78125rem; } } @media screen and (min-width: 48em) { :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline { padding-bottom: 1.25rem; } } @media screen and (min-width: 64em) { :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline { padding-bottom: 2.5rem; } } @media screen and (min-width: 90em) { :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline { padding-bottom: 2.5rem; } } @media screen and (max-width: 30.9375em) { :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline { text-align: left; } } :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline > .headline-main, :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline > .headline-sub-wrapper > .headline-sub { background-color: inherit; color: inherit; padding: 0; white-space: normal; } :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline > .headline-main { min-width: initial; min-width: auto; /*for IE*/ } :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline > .headline-main::after { width: auto; height: auto; top: auto; right: auto; background-color: inherit; content: none; } :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline > .headline-sub-wrapper { display: inline; margin-left: 0; } :not(.module_buehne) > .module-container > .module-container-wrapper .module-headline > .headline-sub-wrapper > .headline-sub { font-family: inherit; } /* ------------------------------ # include separate module files ------------------------------ */ .module_akkordeon { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_akkordeon { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_akkordeon { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_akkordeon { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_akkordeon { padding-left: 5rem; padding-right: 5rem; } } @media screen and (max-width: 47.9375em) { .module_akkordeon > .module-headline { margin-bottom: 0; } } .module_akkordeon > .module-container { max-width: 770px; margin: 0 auto; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item { margin-bottom: 2px; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button { display: block; padding: 12px 30px; background-color: #eeeeee; font-size: 24px; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } @media screen and (max-width: 47.9375em) { .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; } } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button.tiny { padding: 0.6rem; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button.small { padding: 0.75rem; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button.large { padding: 1.25rem; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:focus, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:hover, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:active { position: relative; padding-right: 2.5rem; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:focus.tiny, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:hover.tiny, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:active.tiny { padding: 0.6rem; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:focus.small, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:hover.small, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:active.small { padding: 0.75rem; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:focus.large, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:hover.large, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:active.large { padding: 1.25rem; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:focus::after, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:hover::after, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button::after { -ms-transform: rotate(90deg); transform: rotate(90deg); right: 15px; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:focus::after, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:hover::after, .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button:active::after { right: 15px; } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-button[aria-expanded="true"]::after { -ms-transform: rotate(270deg); transform: rotate(270deg); } .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-elem { padding: 30px; display: none; background-color: #fafafa; } @media screen and (max-width: 47.9375em) { .module_akkordeon > .module-container > .module-container-wrapper .accordion > .accordion-item > .accordion-elem { padding: 12px; } } .module_akkordeon .module_akkordeon { margin: 0; padding: 0; } .module_akkordeon .module_akkordeon > .module-headline { display: none; } .module_applikationseinstieg > .module-container { background-color: #6cccf2; position: relative; padding: 0.3125rem 0.625rem ; } .module_applikationseinstieg > .module-container::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 25%; background: #6cccf2; } @media screen and (min-width: 31em) { .module_applikationseinstieg > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_applikationseinstieg > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_applikationseinstieg > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_applikationseinstieg > .module-container { padding: 3.125rem 6.25rem ; } } .module_applikationseinstieg > .module-container > .module-container-wrapper .applikationseinstieg-dropdown > .applikationseinstieg-dropdown-placeholder { display: none; } .js .module_applikationseinstieg > .module-container > .module-container-wrapper .applikationseinstieg-dropdown > .applikationseinstieg-dropdown-placeholder { display: inline-block; width: 100%; margin-top: 0.7em; transition: color .3s ease, background-color .3s ease; } .js .module_applikationseinstieg > .module-container > .module-container-wrapper .applikationseinstieg-dropdown > .applikationseinstieg-dropdown-placeholder:focus, .js .module_applikationseinstieg > .module-container > .module-container-wrapper .applikationseinstieg-dropdown > .applikationseinstieg-dropdown-placeholder:hover, .js .module_applikationseinstieg > .module-container > .module-container-wrapper .applikationseinstieg-dropdown > .applikationseinstieg-dropdown-placeholder:active { cursor: pointer; } .module_applikationseinstieg > .module-container > .module-container-wrapper .applikationseinstieg-dropdown > .applikationseinstieg-dropdown-options { display: none; } .module_applikationseinstieg > .module-container > .module-container-wrapper .applikationseinstieg-dropdown > .applikationseinstieg-dropdown-options { display: none; } .js .module_applikationseinstieg > .module-container > .module-container-wrapper .applikationseinstieg-dropdown > .applikationseinstieg-select { display: none; } .module_auswahlliste { /* ------------------------------ # ggf. spezielle Formatierungen fuer die Variante klein (Verteilerseite) ------------------------------ */ } .module_auswahlliste > .module-container { background-color: #d8c8ae; position: relative; padding: 0.3125rem 0.625rem ; } .module_auswahlliste > .module-container::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 25%; background: #d8c8ae; } @media screen and (min-width: 31em) { .module_auswahlliste > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_auswahlliste > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_auswahlliste > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_auswahlliste > .module-container { padding: 3.125rem 6.25rem ; } } .module_auswahlliste > .module-container > .module-container-wrapper .fake-dropdown .button-text { border-bottom: 1px dotted #000000; } .module_auswahlliste.klein > .module-container { background-color: #6cccf2; padding: 20px; position: inherit; } .module_auswahlliste.klein > .module-container::after { content: none; } .module_auswahlliste.klein > .module-container > .module-container-wrapper .module-headline { text-align: left; } .module_auszeichnungen { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_auszeichnungen { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_auszeichnungen { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_auszeichnungen { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_auszeichnungen { padding-left: 5rem; padding-right: 5rem; } } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem { border: none; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .az_field, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .az_field { padding: 25px; overflow: hidden; text-align: center; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .az_field .cta--image img, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .az_field .cta--image img { max-height: 160px; max-width: 160px; } @media screen and (max-width: 47.9375em) { .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .az_field .cta--image img, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .az_field .cta--image img { max-height: 100px; max-width: 100px; } } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:focus, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:hover, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:active, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:focus, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:hover, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action.current, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action.tiny, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action.tiny { padding: 0.6rem; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action.small, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action.small { padding: 0.75rem; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action.large, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action.large { padding: 1.25rem; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action::after, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:focus, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:hover, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:active, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:focus, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:hover, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:active { position: relative; padding-right: 2.5rem; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:focus.tiny, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:hover.tiny, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:active.tiny, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:focus.tiny, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:hover.tiny, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:active.tiny { padding: 0.6rem; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:focus.small, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:hover.small, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:active.small, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:focus.small, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:hover.small, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:active.small { padding: 0.75rem; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:focus.large, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:hover.large, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:active.large, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:focus.large, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:hover.large, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:active.large { padding: 1.25rem; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:focus::after, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:hover::after, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action:active::after, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:focus::after, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:hover::after, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action::after, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action::after { -ms-transform: scale(0.7); transform: scale(0.7); } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .cta--link-az-action.expanded, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .cta--link-az-action.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:last-child .module_elem { border: none !important; } @media screen and (max-width: 30.9375em) { .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { border-bottom: 1px solid #2a363b !important; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { border-bottom: 1px solid #2a363b !important; } } @media screen and (min-width: 48em) { .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(n+4) { margin-top: 2em; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { border-right: 1px solid #2a363b !important; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(3) .module_elem, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(6) .module_elem, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(9) .module_elem, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(12) .module_elem, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(15) .module_elem, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(18) .module_elem, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(21) .module_elem, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(24) .module_elem, .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(27) .module_elem { border-right: 0 !important; } } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { width: 50%; float: left; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem:last-child:not(:first-child) { float: right; } @media screen and (min-width: 31em) { .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { width: 50%; float: left; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 48em) { .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { width: 33.33333%; float: left; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 64em) { .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { width: 33.33333%; float: left; } .module_auszeichnungen.spaltig3 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem:last-child:not(:first-child) { float: right; } } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:last-child .module_elem { border: none !important; } @media screen and (max-width: 30.9375em) { .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { border-bottom: 1px solid #cccccc !important; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { border-bottom: 1px solid #cccccc !important; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { border-bottom: 1px solid #cccccc !important; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:last-child .module_elem { border-bottom: 0 !important; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-last-child(2) .module_elem { border-bottom: 0 !important; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-last-child(2):nth-child(even) .module_elem { border-bottom: 1px solid #cccccc !important; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(odd) .module_elem { border-right: 1px solid #cccccc !important; } } @media screen and (min-width: 64em) { .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(n+5) { margin-top: 2em; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { border-right: 1px solid #cccccc !important; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(4) .module_elem, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(8) .module_elem, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(12) .module_elem, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(16) .module_elem, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(20) .module_elem, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(24) .module_elem, .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(28) .module_elem { border-right: 0 !important; } } @media screen and (max-width: 47.9375em) { .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem:nth-child(3) .az_field { border: none !important; } } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { width: 50%; float: left; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem:last-child:not(:first-child) { float: right; } @media screen and (min-width: 31em) { .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { width: 50%; float: left; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 48em) { .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { width: 50%; float: left; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem:last-child:not(:first-child) { float: right; } } @media screen and (min-width: 64em) { .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem { width: 25%; float: left; } .module_auszeichnungen.spaltig4 > .module-container > .module-container-wrapper .auszeichungen.row .cta--az-elem .module_elem:last-child:not(:first-child) { float: right; } } .module_bild_galerie { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_bild_galerie { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_bild_galerie { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_bild_galerie { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_bild_galerie { padding-left: 5rem; padding-right: 5rem; } } .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem { margin: 0 5px 10px; } .js-off .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem { border-bottom: 1px solid black; } .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure { margin: 0; } .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure h3, .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .h3, .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .legend, .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure legend, .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .font-h3-style { margin-bottom: 0.5em; } .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .image-wrapper { background: #eeeeee; text-align: center; } .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .image-wrapper img { display: inline-block; } @media screen and (max-width: 30.9375em) { .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .image-wrapper img { max-height: 300px; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .image-wrapper img { max-height: 400px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .image-wrapper img { max-height: 600px; } } @media screen and (min-width: 64em) and (max-width: 89.9375em) { .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure .image-wrapper img { max-height: 800px; } } .module_bild_galerie > .module-container > .module-container-wrapper .grosse-galerie .grosse-galerie-elem figure figcaption { padding: 15px 0; } .module_bild_text_galerie { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_bild_text_galerie { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_bild_text_galerie { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_bild_text_galerie { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_bild_text_galerie { padding-left: 5rem; padding-right: 5rem; } } .module_bild_text_galerie > .module-container > .module-container-wrapper { margin-bottom: 3.125rem !important; } .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper { margin-bottom: 100px; } .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem { background: #f0f3f5; margin: 0 0 20px; padding: 0; } @media screen and (min-width: 64em) { .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem { position: relative; } .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem::before { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } } .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .image_wrapper { padding: 0; } .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .headline_wrapper, .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .text_wrapper { background: #f0f3f5; } @media screen and (max-width: 47.9375em) { .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .headline_wrapper { padding: 20px 15px 10px 15px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .headline_wrapper { padding: 40px 30px; } } @media screen and (min-width: 64em) { .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .headline_wrapper { padding: 30px 50px 30px 50px; } } .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .headline_wrapper > .headline { margin: 0; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .headline_wrapper > .headline { font-size: 1.5rem; } } @media screen and (max-width: 47.9375em) { .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .text_wrapper { padding: 0 15px 30px 15px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .text_wrapper { padding: 20px 30px 14px 30px; } } @media screen and (min-width: 64em) { .module_bild_text_galerie > .module-container > .module-container-wrapper .bild_text_galerie_wrapper .bild_text_galerie_elem .text_wrapper { padding: 0 50px 14px 50px; } } .module_breadcrumb { padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.625rem; padding-bottom: 0; margin-top: 20px; } @media screen and (min-width: 31em) { .module_breadcrumb { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_breadcrumb { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_breadcrumb { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_breadcrumb { padding-left: 5rem; padding-right: 5rem; } } .module_breadcrumb > .module-container > .module-container-wrapper { position: relative; } .module_breadcrumb > .module-container > .module-container-wrapper > .breadcrumbs { padding: 0; margin: 0; height: 50px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .module_breadcrumb > .module-container > .module-container-wrapper > .breadcrumbs > li { white-space: nowrap; float: none; display: inline; } .module_breadcrumb > .module-container > .module-container-wrapper > .breadcrumbs > li:not(:last-child)::after { content: "\00bb"; color: inherit; } .module_breadcrumb > .module-container > .module-container-wrapper > .breadcrumbs > li:last-child { margin-right: 3.125rem; } .module_breadcrumb > .module-container > .module-container-wrapper > .breadcrumbs > li > a { font-size: 0.875rem; color: #333; } .module_breadcrumb > .module-container > .module-container-wrapper > .breadcrumbs > li > a:hover { text-decoration: none; color: #AE130F; } .module_breadcrumb > .module-container > .module-container-wrapper > .breadcrumbs > li > strong { font-weight: normal; font-family: "Kohinoor-regular"; font-size: 0.875rem; } .module_breadcrumb > .module-container > .module-container-wrapper::after { content: ''; height: 80%; width: 3.125rem; right: -2px; top: 0; position: absolute; background: linear-gradient(to left, white, transparent); background: -webkit-linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%); margin-bottom: 20px; } .module_buehne { padding: 0; position: relative; background-color: #dd0b14; text-align: center; } .module_buehne .module-headline { text-align: left; margin-left: 0; } @media screen and (min-width: 48em) { .module_buehne .module-headline { position: static; padding: 4.6875rem 0; display: inline-block; padding-left: 3.75rem; padding-right: 3.75rem; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_buehne .module-headline { font-size: 2em; } } @media screen and (max-width: 47.9375em) { .module_buehne .module-headline { position: static; -ms-transform: none; transform: none; white-space: normal; border: 10px solid #dd0b14; border-top: 20px solid #dd0b14; } .module_buehne .module-headline .headline-main { white-space: normal; } .module_buehne .module-headline .headline-sub-wrapper { margin: 0; } .module_buehne .module-headline .headline-sub-wrapper .headline-sub { white-space: normal; display: inline-block; } } .module_buehne > .module-container > .module-container-wrapper { position: relative; background-color: #dd0b14; } @media screen and (max-width: 47.9375em) { .module_buehne > .module-container > .module-container-wrapper { height: auto; min-height: initial; min-height: auto; /*for IE*/ } } .module_buehne > .module-container > .module-container-wrapper > .navigation { width: 100%; position: absolute; top: calc((50%) - ((72px) / (2))); height: 80px; z-index: 99; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 47.9375em) { .module_buehne > .module-container > .module-container-wrapper > .navigation { position: static; height: 50px; background: #AE130F; } } @media screen and (max-width: 30.9375em) { .module_buehne > .module-container > .module-container-wrapper > .navigation { height: 100px; } } .module_buehne > .module-container > .module-container-wrapper > .navigation > li { padding: 0; margin: 0; } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a { position: relative; display: block; height: 72px; z-index: 999; width: 50px; background-color: #2a363b; /* The Fallback */ background-color: rgba(42, 54, 59, 0.2); } @media screen and (max-width: 47.9375em) { .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a { height: 50px; background-color: transparent; } } @media screen and (max-width: 30.9375em) { .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a { height: 100px; } } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a .preview-box { font-size: 18px; height: 72px; color: #ffffff; background: #2a363b; padding: 10px; position: absolute; width: 250px; z-index: 500; display: none; overflow: hidden; } @media screen and (max-width: 47.9375em) { .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a .preview-box { height: 50px; display: block; white-space: nowrap; width: auto; background: transparent; padding: 12px; } } @media screen and (max-width: 30.9375em) { .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a .preview-box { height: 100px; white-space: inherit; } } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a:hover { background-color: #2a363b; /* The Fallback */ background-color: rgba(42, 54, 59, 0.3); } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a:hover .preview-box { display: block; } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a.prev { float: left; position: relative; padding-right: 2.5rem; } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a.prev::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -182px -542px; width: 32px; height: 32px; right: 10px; } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a.prev .preview-box { left: 50px; text-align: left; } @media screen and (max-width: 47.9375em) { .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a.prev .preview-box { display: none !important; } } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a.next { float: right; position: relative; padding-right: 2.5rem; } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a.next::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -542px; width: 32px; height: 32px; right: 10px; } .module_buehne > .module-container > .module-container-wrapper > .navigation > li > a.next .preview-box { right: 50px; text-align: right; } .module_buehne > .module-container > .module-container-wrapper .site-indicator { position: absolute; bottom: 0; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-bottom: 1em; color: white; } @media screen and (max-width: 47.9375em) { .module_buehne > .module-container > .module-container-wrapper .site-indicator { position: static; margin: 10px 0 20px; text-align: center; -ms-transform: none; transform: none; } } .module_buehne_mit_bild { position: relative; padding: 0; overflow: hidden; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .module_buehne_mit_bild { background: #4a4a4a; } } @media screen and (min-width: 0\0) { .module_buehne_mit_bild { background: #4a4a4a; } } @media screen and (max-width: 47.9375em) { .module_buehne_mit_bild .module-headline { margin-left: 0; margin-bottom: 0; } } @media screen and (min-width: 48em) { .module_buehne_mit_bild .module-headline { display: inline-block; text-align: left; margin-left: 0; margin-bottom: 5px; } } .module_buehne_mit_bild .module-headline > .headline-main { width: 100%; } @media screen and (min-width: 48em) { .module_buehne_mit_bild .module-headline > .headline-main { width: inherit; } } @media screen and (max-width: 47.9375em) { .module_buehne_mit_bild .module-headline > .headline-sub-wrapper > .headline-sub { width: 100%; } } .module_buehne_mit_bild > .headline-container { position: absolute; bottom: 0; text-align: center; width: 100%; padding: 0 0.625rem; } @media screen and (min-width: 31em) { .module_buehne_mit_bild > .headline-container { padding: 0 1.5625rem; } } @media screen and (min-width: 48em) { .module_buehne_mit_bild > .headline-container { padding: 0 2.5rem; } } @media screen and (min-width: 64em) { .module_buehne_mit_bild > .headline-container { padding: 0 5rem; } } @media screen and (min-width: 90em) { .module_buehne_mit_bild > .headline-container { padding: 0 5rem; } } @media screen and (max-width: 47.9375em) { .module_buehne_mit_bild > .headline-container { padding: 0; position: static; text-align: left; } } .module_buehne_mit_bild > .module-container > .module-container-wrapper { max-width: 100%; text-align: center; } @media screen and (min-width: 48em) { .module_buehne_mit_bild > .module-container > .module-container-wrapper .stage-image { position: relative; } } .module_buehne_mit_bild > .module-container > .module-container-wrapper .stage-image .stage-img { position: relative; z-index: 50; } .module_buehne_mit_bild > .module-container > .module-container-wrapper .stage-image .prev-img { position: absolute; left: 0; -moz-filter: blur(10px) brightness(80%); -o-filter: blur(10px) brightness(80%); -ms-filter: blur(10px) brightness(80%); filter: blur(10px) brightness(80%); -ms-transform: scale(1.3); transform: scale(1.3); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .module_buehne_mit_bild > .module-container > .module-container-wrapper .stage-image .prev-img { display: none; } } @media screen and (min-width: 0\0) { .module_buehne_mit_bild > .module-container > .module-container-wrapper .stage-image .prev-img { display: none; } } .module_buehne_mit_bild > .module-container > .module-container-wrapper .stage-image .after-img { position: absolute; right: 0; -moz-filter: blur(10px) brightness(80%); -o-filter: blur(10px) brightness(80%); -ms-filter: blur(10px) brightness(80%); filter: blur(10px) brightness(80%); -ms-transform: scale(1.3); transform: scale(1.3); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .module_buehne_mit_bild > .module-container > .module-container-wrapper .stage-image .after-img { display: none; } } @media screen and (min-width: 0\0) { .module_buehne_mit_bild > .module-container > .module-container-wrapper .stage-image .after-img { display: none; } } .module_call_to_action { color: #ffffff; } @media screen and (max-width: 47.9375em) { .module_call_to_action .module-headline { margin-bottom: 15px !important; } } .module_call_to_action > .module-container { background-color: #AE130F; padding: 0.3125rem 0.625rem ; position: relative; position: relative; } @media screen and (min-width: 31em) { .module_call_to_action > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_call_to_action > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_call_to_action > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_call_to_action > .module-container { padding: 3.125rem 6.25rem ; } } .module_call_to_action > .module-container::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_call_to_action > .module-container > .module-container-wrapper .text, .module_call_to_action > .module-container > .module-container-wrapper .bodyText-wrapper { color: white; font-family: "Kohinoor-regular"; font-size: 16px; } @media screen and (min-width: 48em) { .module_call_to_action > .module-container > .module-container-wrapper .text, .module_call_to_action > .module-container > .module-container-wrapper .bodyText-wrapper { font-size: 22px; } } @media screen and (min-width: 64em) { .module_call_to_action > .module-container > .module-container-wrapper .text, .module_call_to_action > .module-container > .module-container-wrapper .bodyText-wrapper { font-size: 30px; } } @media screen and (min-width: 31em) { .module_call_to_action > .module-container > .module-container-wrapper .text, .module_call_to_action > .module-container > .module-container-wrapper .bodyText-wrapper { display: block; text-align: center; } } @media screen and (max-width: 47.9375em) { .module_call_to_action > .module-container > .module-container-wrapper > .module_action { margin-top: 20px; } } .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action { outline: 0; } .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:hover, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:focus { background-color: #AE130F; color: #000000; } .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:focus, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:hover, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:focus, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:hover, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:focus, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:hover, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:active, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:focus, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:hover, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:active, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:focus, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:hover, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:active { position: inherit; } .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:focus::after, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:hover::after, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:active::after, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:focus::after, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:hover::after, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:active::after, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:focus::after, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:hover::after, .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_checkliste { /* ------------------------------ # ggf. spezielle Formatierungen fuer die Variante klein (Modulteil von Modul Markenteaser) ------------------------------ */ } .module_checkliste > .module-container { background-color: #d8c8ae; position: relative; padding: 0.3125rem 0.625rem ; } .module_checkliste > .module-container::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 25%; background: #d8c8ae; } @media screen and (min-width: 31em) { .module_checkliste > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_checkliste > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_checkliste > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_checkliste > .module-container { padding: 3.125rem 6.25rem ; } } .module_checkliste > .module-container > .module-container-wrapper > .checklist { list-style: none; } .module_checkliste > .module-container > .module-container-wrapper > .checklist > .checklist-item { position: relative; padding-left: 2.5rem; margin-bottom: 1.875rem; padding-left: 3.125rem; } .module_checkliste > .module-container > .module-container-wrapper > .checklist > .checklist-item::before { content: ''; position: absolute; top: calc(50% - (32px / 2)); left: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -182px -674px; width: 32px; height: 32px; top: 4px; } .module_checkliste > .module-container > .module-container-wrapper > .checklist > .checklist-item > .module_part_checkliste > .font-h4-style { margin: 0; } .module_checkliste > .module-container > .module-container-wrapper > .checklist > .checklist-item > .module_part_checkliste > .font-h4-style > .headline-main, .module_checkliste > .module-container > .module-container-wrapper > .checklist > .checklist-item > .module_part_checkliste > .font-h4-style > .headline-sub-wrapper { display: block; } .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action { outline: 0; } .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:hover, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:focus { background-color: #AE130F; color: #000000; } .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:focus, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:hover, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:focus, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:hover, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:focus, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:hover, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:active, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:focus, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:hover, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:active, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:focus, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:hover, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:active { position: inherit; } .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:focus::after, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:hover::after, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:active::after, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:focus::after, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:hover::after, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:active::after, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:focus::after, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:hover::after, .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_checkliste > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_checkliste.klein { padding: 0; text-align: center; } .module_checkliste.klein > .module-container { background: #dd0b14; position: inherit; padding: 0.625rem ; color: #ffffff; } .module_checkliste.klein > .module-container::after { content: none; } @media screen and (min-width: 31em) { .module_checkliste.klein > .module-container { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_checkliste.klein > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_checkliste.klein > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_checkliste.klein > .module-container { padding: 1.25rem ; } } .module_checkliste.klein > .module-container > .module-container-wrapper { text-align: left; display: inline-block; } .module_checkliste.klein > .module-container > .module-container-wrapper > .checklist { margin: 0.9375rem 0; } .module_checkliste.klein > .module-container > .module-container-wrapper > .checklist > .checklist-item { font-family: "Kohinoor-bold"; position: relative; padding-left: 2.5rem; padding-left: 3.125rem; } .module_checkliste.klein > .module-container > .module-container-wrapper > .checklist > .checklist-item::before { content: ''; position: absolute; top: calc(50% - (32px / 2)); left: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -706px -314px; width: 32px; height: 32px; top: 5px; } .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action { outline: 0; } .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:hover, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:focus { background-color: #AE130F; color: #000000; } .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:focus, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:hover, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:focus, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:hover, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:focus, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:hover, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:active, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:focus, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:hover, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:active, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:focus, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:hover, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:active { position: inherit; } .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:focus::after, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:hover::after, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.active:active::after, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:focus::after, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:hover::after, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.current:active::after, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:focus::after, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:hover::after, .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_checkliste.klein > .module-container > .module-container-wrapper > .module_action > .cta--link-checkliste-action { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_formular { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_formular { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_formular { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_formular { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_formular { padding-left: 5rem; padding-right: 5rem; } } #opener { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -378px -378px; width: 64px; height: 64px; z-index: 999; position: fixed; bottom: 160px; right: 40px; display: none; } #opener div { display: none; } @media screen and (max-width: 63.9375em) { #opener { right: 0px; } } @media screen and (max-width: 30.9375em) { #opener { bottom: 0px; position: fixed !important; width: 100%; background-color: #6cccf2; background-image: none; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } #opener div { display: block; } #opener.tiny { padding: 0.6rem; } #opener.small { padding: 0.75rem; } #opener.large { padding: 1.25rem; } #opener::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } #opener:focus, #opener:hover, #opener:active { position: relative; padding-right: 2.5rem; } #opener:focus.tiny, #opener:hover.tiny, #opener:active.tiny { padding: 0.6rem; } #opener:focus.small, #opener:hover.small, #opener:active.small { padding: 0.75rem; } #opener:focus.large, #opener:hover.large, #opener:active.large { padding: 1.25rem; } #opener:focus::after, #opener:hover::after, #opener:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } #opener::after { -ms-transform: rotate(90deg); transform: rotate(90deg); right: 15px; } #opener:focus::after, #opener:hover::after, #opener:active::after { right: 15px; } } #hilfsbox { display: none; padding: 20px; } .ui-dialog { z-index: 999; position: fixed; left: inherit !important; right: 40px !important; background-color: #eeeeee; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); } @media screen and (max-width: 63.9375em) { .ui-dialog { left: inherit !important; right: 40px !important; } } @media screen and (max-width: 30.9375em) { .ui-dialog { top: inherit !important; bottom: 0px !important; width: 100% !important; right: inherit !important; border: none; box-shadow: none; } } .ui-dialog-title { display: none; } @media screen and (max-width: 30.9375em) { .ui-dialog-title { display: block; padding: 20px; } } @media screen and (max-width: 30.9375em) { .ui-dialog-titlebar { width: 100%; background-color: #6cccf2; background-image: none; height: 64px; } } .ui-dialog-titlebar-close { float: right; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); background-color: white; padding: 5px; } @media screen and (max-width: 30.9375em) { .ui-dialog-titlebar-close { border: none; box-shadow: none; background-color: inherit; padding: 0px; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .ui-dialog-titlebar-close .ui-button { display: none !important; } .ui-dialog-titlebar-close .ui-button-text { display: none !important; } .ui-dialog-titlebar-close.tiny { padding: 0.6rem; } .ui-dialog-titlebar-close.small { padding: 0.75rem; } .ui-dialog-titlebar-close.large { padding: 1.25rem; } .ui-dialog-titlebar-close::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .ui-dialog-titlebar-close:focus, .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active { position: relative; padding-right: 2.5rem; } .ui-dialog-titlebar-close:focus.tiny, .ui-dialog-titlebar-close:hover.tiny, .ui-dialog-titlebar-close:active.tiny { padding: 0.6rem; } .ui-dialog-titlebar-close:focus.small, .ui-dialog-titlebar-close:hover.small, .ui-dialog-titlebar-close:active.small { padding: 0.75rem; } .ui-dialog-titlebar-close:focus.large, .ui-dialog-titlebar-close:hover.large, .ui-dialog-titlebar-close:active.large { padding: 1.25rem; } .ui-dialog-titlebar-close:focus::after, .ui-dialog-titlebar-close:hover::after, .ui-dialog-titlebar-close:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .ui-dialog-titlebar-close::after { -ms-transform: rotate(270deg); transform: rotate(270deg); right: 15px !important; top: -45px !important; } } .module_galerie_teaser { padding: 0; margin-top: 25px; border-top: 1px solid #ffffff; } @media screen and (min-width: 48em) { .module_galerie_teaser { border-top: 0; } } .module_galerie_teaser > .module-container { background: #dd0b14; padding: 0.625rem ; color: #ffffff; } @media screen and (min-width: 31em) { .module_galerie_teaser > .module-container { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_galerie_teaser > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_galerie_teaser > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_galerie_teaser > .module-container { padding: 1.25rem ; } } .module_galerie_teaser > .module-container > .module-container-wrapper { min-height: 16.875rem; text-align: center; } .module_galerie_teaser > .module-container > .module-container-wrapper > .module-headline { padding-bottom: 0 !important; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider { width: 17.1875rem; margin: 0.9375rem auto 3.75rem; } @media screen and (min-width: 48em) { .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider { width: 18.75rem; } } @media screen and (min-width: 64em) { .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider { width: 21.875rem; } } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element { margin: 0 auto; padding-left: 1px; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--icon { float: left; height: 6.25rem; width: 6.25rem; display: block; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--icon > img { height: 6.25rem; width: 6.25rem; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text { height: 6.875rem; display: block; padding-left: 7.8125rem; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-sub-wrapper { display: block; text-align: left; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main { color: inherit; margin-bottom: 0; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text .cta--text-desc { font-family: "Kohinoor-regular"; display: block; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .slick-dots li { border: 1px solid #ffffff; } .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .slick-dots li.slick-active { background-color: #ffffff; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action { margin-bottom: 30px; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:focus, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:hover, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link.tiny { padding: 0.6rem; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link.small { padding: 0.75rem; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link.large { padding: 1.25rem; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:focus, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:hover, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:active { position: relative; padding-right: 2.5rem; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:focus.tiny, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:hover.tiny, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:active.tiny { padding: 0.6rem; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:focus.small, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:hover.small, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:active.small { padding: 0.75rem; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:focus.large, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:hover.large, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:active.large { padding: 1.25rem; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:focus::after, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:hover::after, .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link::after { -ms-transform: scale(0.7); transform: scale(0.7); } .module_galerie_teaser > .module-container > .module-container-wrapper .module_action .cta--galerie-teaser-link.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_geschaeftsstellensuche > .module-container { background-color: #AE130F; padding: 0.3125rem 0.625rem ; color: white; } @media screen and (min-width: 31em) { .module_geschaeftsstellensuche > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_geschaeftsstellensuche > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_geschaeftsstellensuche > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_geschaeftsstellensuche > .module-container { padding: 3.125rem 6.25rem ; } } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form { background-color: inherit; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset { background-color: inherit; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div { background-color: inherit; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group { position: relative; } .geolocation .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .geschaeftsstellensuche-plz-ort { padding-right: 50px; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; display: none; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation:focus, .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation:hover, .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation.tiny { padding: 0.6rem; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation.small { padding: 0.75rem; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation.large { padding: 1.25rem; } .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -542px -349px; width: 32px; height: 32px; } .geolocation .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation { width: 32px; display: inline-block; overflow: hidden; white-space: nowrap; color: transparent; transition: color .3s ease, background-color .3s ease; font-size: 1.125rem; height: auto; position: absolute; right: 0; margin: 8px 10px 0; padding: 0; } .geolocation .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation:focus, .geolocation .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation:hover, .geolocation .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation:active { color: transparent; } @media screen and (min-width: 31em) { .geolocation .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation { font-size: 1.5rem; } } @media screen and (min-width: 48em) { .geolocation .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation { font-size: 1.875rem; } } @media screen and (min-width: 64em) { .geolocation .module_geschaeftsstellensuche > .module-container > .module-container-wrapper > form > fieldset > div > .input-group > .is-geolocation { font-size: 1.5rem; } } .module_hotline_teaser > .module-container { background: #dd0b14; padding: 0.625rem ; color: #ffffff; position: relative; } @media screen and (min-width: 31em) { .module_hotline_teaser > .module-container { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_hotline_teaser > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_hotline_teaser > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_hotline_teaser > .module-container { padding: 1.25rem ; } } .module_hotline_teaser > .module-container > .module-container-wrapper > .module-headline { color: inherit; text-align: left; } .module_hotline_teaser > .module-container > .module-container-wrapper > .bigtext { min-height: 90px; width: 100%; margin-top: 1.875rem; } @media screen and (min-width: 31em) { .module_hotline_teaser > .module-container > .module-container-wrapper > .bigtext { min-height: 70px; } } .module_hotline_teaser > .module-container > .module-container-wrapper > .bigtext > .phone { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; font-size: 16px; } .module_hotline_teaser > .module-container > .module-container-wrapper > .bigtext > .phone:focus, .module_hotline_teaser > .module-container > .module-container-wrapper > .bigtext > .phone:hover, .module_hotline_teaser > .module-container > .module-container-wrapper > .bigtext > .phone:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_hotline_teaser > .module-container > .module-container-wrapper > .bigtext > .phone.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_hotline_teaser > .module-container > .module-container-wrapper > .time { margin: 0; padding: 0.625rem ; } @media screen and (min-width: 31em) { .module_hotline_teaser > .module-container > .module-container-wrapper > .time { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_hotline_teaser > .module-container > .module-container-wrapper > .time { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_hotline_teaser > .module-container > .module-container-wrapper > .time { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_hotline_teaser > .module-container > .module-container-wrapper > .time { padding: 1.25rem ; } } @media screen and (max-width: 47.9375em) { .module_hotline_teaser > .module-container > .module-container-wrapper > .time { padding: 0; } } @media screen and (min-width: 48em) { .module_hotline_teaser > .module-container > .module-container-wrapper > .time { position: absolute; bottom: 0; left: 0; width: 100%; } } .module_iframe { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_iframe { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_iframe { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_iframe { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_iframe { padding-left: 5rem; padding-right: 5rem; } } .module_iframe > .module-container { padding: 0.625rem ; } @media screen and (min-width: 31em) { .module_iframe > .module-container { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_iframe > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_iframe > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_iframe > .module-container { padding: 1.25rem ; } } .module_iframe > .module-container > .module-container-wrapper iframe { display: block; margin: 0 auto; } .module_intro_text { padding-left: 0.625rem; padding-right: 0.625rem; font-size: 24px; } @media screen and (min-width: 31em) { .module_intro_text { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_intro_text { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_intro_text { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_intro_text { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 48em) { .module_intro_text > .module-container > .module-container-wrapper > .intro_text_side_slot { float: right; max-width: 45%; margin: 0 0 0.4em 0.4em; } .module_intro_text > .module-container > .module-container-wrapper > .intro_text_side_slot::after { clear: right; display: table; content: ''; } } @media screen and (min-width: 64em) { .module_intro_text > .module-container > .module-container-wrapper > .intro_text_side_slot { max-width: 33%; } } .module_intro_text > .module-container > .module-container-wrapper > .intro_text_side_slot > .module, .module_intro_text > .module-container > .module-container-wrapper > .intro_text_side_slot > .richttext { margin-top: 0 !important; padding-top: 0 !important; } @media screen and (min-width: 48em) { .module_intro_text > .module-container > .module-container-wrapper > .intro_text_side_slot > .module:last-child, .module_intro_text > .module-container > .module-container-wrapper > .intro_text_side_slot > .richttext:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } } .module_intro_text + .module_intro_text { margin-top: -5rem; } .module_kontakt_teaser > .module-container { padding: 0.625rem ; background: #eeeeee; color: #000000; position: relative; } @media screen and (min-width: 31em) { .module_kontakt_teaser > .module-container { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_kontakt_teaser > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_kontakt_teaser > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_kontakt_teaser > .module-container { padding: 1.25rem ; } } .module_kontakt_teaser > .module-container > .module-container-wrapper .module-headline { text-align: left; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist { padding: 0.625rem ; } @media screen and (min-width: 48em) { .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist { width: 100%; position: absolute; bottom: 0; left: 0; } } @media screen and (min-width: 31em) { .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist { padding: 1.25rem ; } } @media screen and (max-width: 47.9375em) { .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist { padding: 0; } } @media screen and (min-width: 48em) { .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li:last-child { margin: 0; } } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-map a { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-map a:focus, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-map a:hover, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-map a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-map a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-card a { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-card a:focus, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-card a:hover, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-card a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li.icon-card a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:focus, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:hover, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a.tiny { padding: 0.6rem; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a.small { padding: 0.75rem; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a.large { padding: 1.25rem; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:focus, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:hover, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:active { position: relative; padding-right: 2.5rem; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:focus.tiny, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:hover.tiny, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:active.tiny { padding: 0.6rem; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:focus.small, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:hover.small, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:active.small { padding: 0.75rem; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:focus.large, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:hover.large, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:active.large { padding: 1.25rem; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:focus::after, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:hover::after, .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a::after { -ms-transform: scale(0.7); transform: scale(0.7); } .module_kontakt_teaser > .module-container > .module-container-wrapper > .linklist > li > a.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_highlight_text > .module-container { background-color: #d8c8ae; position: relative; padding: 0.3125rem 0.625rem ; } .module_highlight_text > .module-container::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 25%; background: #d8c8ae; } @media screen and (min-width: 31em) { .module_highlight_text > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_highlight_text > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_highlight_text > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_highlight_text > .module-container { padding: 3.125rem 6.25rem ; } } .module_linkliste_klein > .module-container { background-color: #6cccf2; padding: 0.625rem ; } @media screen and (min-width: 31em) { .module_linkliste_klein > .module-container { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_linkliste_klein > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_linkliste_klein > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_linkliste_klein > .module-container { padding: 1.25rem ; } } .module_linkliste_klein > .module-container > .module-container-wrapper .module-headline { text-align: left; } .module_links_downloads { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_links_downloads { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_links_downloads { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_links_downloads { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_links_downloads { padding-left: 5rem; padding-right: 5rem; } } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry { padding: 0; /* ------------------------------ * ## gleiche Informationen der cta--links-xxx Klassen * ------------------------------ */ /* ------------------------------ * ## Details des Container * ------------------------------ */ } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:last-child > div { border: none !important; } @media screen and (max-width: 30.9375em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > div { border-bottom: 1px solid #2a363b !important; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > div { border-bottom: 1px solid #2a363b !important; } } @media screen and (min-width: 48em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(n+4) { margin-top: 2em; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > div { border-right: 1px solid #2a363b !important; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(3) > div, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(6) > div, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(9) > div, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(12) > div, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(15) > div, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(18) > div, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(21) > div, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(24) > div, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry:nth-child(27) > div { border-right: 0 !important; } } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container { padding: 0.625rem ; } @media screen and (min-width: 31em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container { padding: 1.25rem ; } } @media screen and (min-width: 48em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container { height: 12.5rem; } } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link { display: inline-block; width: 100%; height: 100%; } @media screen and (min-width: 48em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link { position: relative; } } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .headline, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .headline { color: inherit; font-size: 100%; margin-bottom: 0; } @media screen and (min-width: 48em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .headline, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .headline { max-height: 7.25rem; overflow: hidden; margin: 0 0 2em 0; } } @media screen and (min-width: 48em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .headline > .headline-sub-wrapper > .headline-sub, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .headline > .headline-sub-wrapper > .headline-sub { display: inline-block; width: 100%; overflow: hidden; position: relative; max-height: 7.25rem; /* place for '...' */ margin-right: -1em; padding-right: 1em; /* create the ... */ /* hide ... if we have text, which is less than or equal to max lines */ } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .headline > .headline-sub-wrapper > .headline-sub::after, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .headline > .headline-sub-wrapper > .headline-sub::before, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .headline > .headline-sub-wrapper > .headline-sub::after, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .headline > .headline-sub-wrapper > .headline-sub::before { position: absolute; right: 1em; width: 1em; height: 1em; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .headline > .headline-sub-wrapper > .headline-sub::before, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .headline > .headline-sub-wrapper > .headline-sub::before { bottom: 0; /* points in the end */ content: '...'; content: '\2026'; background: inherit; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .headline > .headline-sub-wrapper > .headline-sub::after, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .headline > .headline-sub-wrapper > .headline-sub::after { content: ''; margin-top: 0.2em; background-color: #ffffff; } } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .cta--text, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .cta--text { color: #AE130F; text-transform: uppercase; white-space: nowrap; } @media screen and (min-width: 48em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-download > .cta--text, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry .container .cta--links-link > .cta--text { position: absolute !important; bottom: 0; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-download > .cta--text { position: relative; padding-right: 2.5rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-download > .cta--text::after { content: ''; position: absolute; top: calc(50% - (16px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -1095px -282px; width: 16px; height: 16px; } @media screen and (max-width: 47.9375em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; text-transform: inherit; display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:focus, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:hover, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link.tiny { padding: 0.6rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link.small { padding: 0.75rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link.large { padding: 1.25rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:focus, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:hover, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:active { position: relative; padding-right: 2.5rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:focus.tiny, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:hover.tiny, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:active.tiny { padding: 0.6rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:focus.small, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:hover.small, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:active.small { padding: 0.75rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:focus.large, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:hover.large, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:active.large { padding: 1.25rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:focus::after, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:hover::after, .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link::after { -ms-transform: scale(0.7); transform: scale(0.7); } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 47.9375em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link > .headline { margin-bottom: 0; } } @media screen and (max-width: 47.9375em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link > .cta--text { display: none !important; } } @media screen and (min-width: 48em) { .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link > .cta--text { position: relative; padding-right: 2.5rem; } .module_links_downloads > .module-container > .module-container-wrapper > ul > .list-entry > .container > .cta--links-link > .cta--text::after { content: ''; position: absolute; top: calc(50% - (16px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -1095px -398px; width: 16px; height: 16px; } } .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action { outline: 0; } .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action:hover, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action:focus { background-color: #AE130F; color: #000000; } .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action:focus, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action:hover, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action:focus, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action:hover, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.active, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.current, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.active:focus, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.active:hover, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.active:active, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.current:focus, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.current:hover, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.current:active, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.topinpath:focus, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.topinpath:hover, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.topinpath:active { position: inherit; } .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.active:focus::after, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.active:hover::after, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.active:active::after, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.current:focus::after, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.current:hover::after, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.current:active::after, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.topinpath:focus::after, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.topinpath:hover::after, .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_links_downloads > .module-container > .module-container-wrapper > .module_action > .cta--link-linksunddownloads-action { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_markenteaser { background-color: #dd0b14; color: #ffffff; } @media screen and (max-width: 47.9375em) { .module_markenteaser { padding: 0; } } @media screen and (min-width: 48em) { .module_markenteaser { display: block; padding: 0; } } .module_markenteaser > .module-container > .module-container-wrapper .font-h4-style { font-family: "Kohinoor-bold"; font-size: 28px; } @media screen and (min-width: 48em) { .module_markenteaser > .module-container > .module-container-wrapper .font-h4-style { font-size: 30px; } } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules > .module, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules > .richttext { margin: 0; padding: 0; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_checkliste.klein { margin: 1rem 0; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action { padding: 0; height: 100%; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .module-headline, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .bodyText-wrapper { color: #2a363b; font-family: "Kohinoor-regular"; text-align: left; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container { height: 100%; background-color: #6cccf2; position: relative; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 25%; background: #6cccf2; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action { outline: 0; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:hover, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:focus { background-color: #AE130F; color: #000000; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:focus, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:hover, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:focus, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:hover, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action:active { border-color: #2a363b; color: #ffffff; background-color: #2a363b; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath { cursor: default; border-color: #2a363b; color: #ffffff; background-color: #2a363b; transition: color .3s ease, background-color .3s ease; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:focus, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:hover, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:active, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:focus, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:hover, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:active, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:focus, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:hover, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:active { position: inherit; } .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:focus::after, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:hover::after, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.active:active::after, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:focus::after, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:hover::after, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.current:active::after, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:focus::after, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:hover::after, .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action > .module-container > .module-container-wrapper .cta--link-call-to-action { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 64em) { .module_markenteaser > .module-container > .module-container-wrapper > .sub-modules .module_call_to_action .module-container::after { content: none; } } .module_navigation { color: #ffffff; } @media screen and (max-width: 89.9375em) { .module_navigation > .module-headline { padding-left: 0.625rem; padding-right: 0.625rem; } } @media screen and (max-width: 89.9375em) and (min-width: 31em) { .module_navigation > .module-headline { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (max-width: 89.9375em) and (min-width: 48em) { .module_navigation > .module-headline { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (max-width: 89.9375em) and (min-width: 64em) { .module_navigation > .module-headline { padding-left: 5rem; padding-right: 5rem; } } @media screen and (max-width: 89.9375em) and (min-width: 90em) { .module_navigation > .module-headline { padding-left: 5rem; padding-right: 5rem; } } .module_navigation > .module-container { background-color: #f0f3f5; padding: 0.3125rem 0.625rem ; position: relative; } @media screen and (min-width: 31em) { .module_navigation > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_navigation > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_navigation > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_navigation > .module-container { padding: 3.125rem 6.25rem ; } } .module_navigation > .module-container::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_navigation > .module-container .list-navigation { margin: 0; padding: 0; list-style: none; } .module_navigation > .module-container .list-navigation > li > a { background: #ffffff; font-family: "Kohinoor-regular"; color: #AE130F; text-align: center; display: block; margin-bottom: 20px; } @media screen and (min-width: 31em) { .module_navigation > .module-container .list-navigation > li > a { margin-bottom: 30px; height: 50px !important; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } } @media screen and (min-width: 64em) { .module_navigation > .module-container .list-navigation > li > a { margin-bottom: 20px; } } .module_navigation > .module-container .list-navigation > li > a:hover, .module_navigation > .module-container .list-navigation > li > a:focus-visible { background: #AE130F; color: #ffffff; } .module_navigation > .module-container .list-navigation > li > a:hover::after, .module_navigation > .module-container .list-navigation > li > a:focus-visible::after { filter: grayscale(1) invert(1) contrast(2); } .module_newsteaser { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_newsteaser { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_newsteaser { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_newsteaser { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_newsteaser { padding-left: 5rem; padding-right: 5rem; } } .module_newsteaser > .module-headline { margin-bottom: 50px; } @media screen and (max-width: 47.9375em) { .module_newsteaser > .module-headline { margin-bottom: 0; } } .module_newsteaser > .module-container > .module-container-wrapper .newsteaser_liste .teaser-listentry a { font-size: 30px; } .module_newsteaser > .module-container > .module-container-wrapper .newsteaser_liste .teaser-listentry a .headline { font-family: "Kohinoor-bold"; font-weight: normal; } .module_newsteaser > .module-container > .module-container-wrapper .newsteaser_liste .teaser-listentry a .teaser-content { font-family: "Kohinoor-regular"; font-weight: normal; } .module_newsteaser > .module-container > .module-container-wrapper .newsteaser_highlight .teaser.teaser-hightlight a { font-size: 30px; } .module_newsteaser > .module-container > .module-container-wrapper .newsteaser_highlight .teaser.teaser-hightlight a .headline { font-family: "Kohinoor-bold"; font-weight: normal; } .module_newsteaser > .module-container > .module-container-wrapper .newsteaser_highlight .teaser.teaser-hightlight a .teaser-content { font-family: "Kohinoor-regular"; font-weight: normal; } .module_ogs { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_ogs { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_ogs { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_ogs { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_ogs { padding-left: 5rem; padding-right: 5rem; } } @media screen and (max-width: 47.9375em) { .module_ogs > .module-headline { margin-bottom: 0; } } .module_ogs > .module-container > .module-container-wrapper > ul.ogs { list-style: none; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link { color: #AE130F; height: 115px; padding-left: 115px; padding-top: 45px; position: relative; display: block; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } @media screen and (max-width: 47.9375em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link { height: 80px; } } @media screen and (max-width: 47.9375em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link { padding-top: 25px; } } @media screen and (min-width: 48em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link { height: 185px; padding: 0; text-align: center; padding-top: 115px; } } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:focus, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:hover, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:active { color: #ffffff; background: #dd0b14; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link .cta--icon { display: block; position: absolute; left: 33px; top: 23px; } @media screen and (max-width: 47.9375em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link .cta--icon { top: 7px; } } @media screen and (min-width: 48em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link .cta--icon { left: calc((50%) - (33px)); top: 31px; } } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link.ogs-icon-document > .cta--icon { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -378px; width: 64px; height: 64px; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link.ogs-icon-mailbox > .cta--icon { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -214px -378px; width: 64px; height: 64px; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link.ogs-icon-login > .cta--icon { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -378px -50px; width: 64px; height: 64px; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link.ogs-icon-person > .cta--icon { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -50px; width: 64px; height: 64px; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:focus.ogs-icon-document > .cta--icon, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:hover.ogs-icon-document > .cta--icon, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:active.ogs-icon-document > .cta--icon { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -214px; width: 64px; height: 64px; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:focus.ogs-icon-mailbox > .cta--icon, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:hover.ogs-icon-mailbox > .cta--icon, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:active.ogs-icon-mailbox > .cta--icon { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -214px -214px; width: 64px; height: 64px; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:focus.ogs-icon-login > .cta--icon, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:hover.ogs-icon-login > .cta--icon, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:active.ogs-icon-login > .cta--icon { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -214px -50px; width: 64px; height: 64px; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:focus.ogs-icon-person > .cta--icon, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:hover.ogs-icon-person > .cta--icon, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .cta--ogs-link:active.ogs-icon-person > .cta--icon { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -542px -50px; width: 64px; height: 64px; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:last-child .module_elem { border: none !important; } @media screen and (max-width: 30.9375em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .module_elem { border-bottom: 1px solid #cccccc !important; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .module_elem { border-bottom: 1px solid #cccccc !important; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .module_elem { border-bottom: 1px solid #cccccc !important; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:last-child .module_elem { border-bottom: 0 !important; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-last-child(2) .module_elem { border-bottom: 0 !important; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-last-child(2):nth-child(even) .module_elem { border-bottom: 1px solid #cccccc !important; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(odd) .module_elem { border-right: 1px solid #cccccc !important; } } @media screen and (min-width: 64em) { .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(n+5) { margin-top: 2em; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li .module_elem { border-right: 1px solid #cccccc !important; } .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(4) .module_elem, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(8) .module_elem, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(12) .module_elem, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(16) .module_elem, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(20) .module_elem, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(24) .module_elem, .module_ogs > .module-container > .module-container-wrapper > ul.ogs > li:nth-child(28) .module_elem { border-right: 0 !important; } } .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action { outline: 0; } .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action:hover, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action:focus { background-color: #AE130F; color: #000000; } .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action:focus, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action:hover, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action:focus, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action:hover, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.active, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.current, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.active:focus, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.active:hover, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.active:active, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.current:focus, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.current:hover, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.current:active, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.topinpath:focus, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.topinpath:hover, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.topinpath:active { position: inherit; } .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.active:focus::after, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.active:hover::after, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.active:active::after, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.current:focus::after, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.current:hover::after, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.current:active::after, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.topinpath:focus::after, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.topinpath:hover::after, .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_ogs > .module-container > .module-container-wrapper .cta--link-ogs-action { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .back-to-top, .back-to-top:hover, .back-to-top:active, .back-to-top:focus { width: 60px; height: 60px; padding: 10px; text-align: center; background: #dd0b14; color: #ffffff; text-decoration: none; display: none; z-index: 999; right: 40px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); } @media screen and (max-width: 63.9375em) { .back-to-top, .back-to-top:hover, .back-to-top:active, .back-to-top:focus { right: 0px; } } .back-to-top.fixed, .back-to-top:hover.fixed, .back-to-top:active.fixed, .back-to-top:focus.fixed { position: fixed; bottom: 75px !important; top: inherit !important; } @media screen and (max-width: 30.9375em) { .back-to-top.fixed, .back-to-top:hover.fixed, .back-to-top:active.fixed, .back-to-top:focus.fixed { bottom: 20px !important; } } .back-to-top.absolute, .back-to-top:hover.absolute, .back-to-top:active.absolute, .back-to-top:focus.absolute { position: absolute; } .back-to-top::after, .back-to-top:hover::after, .back-to-top:active::after, .back-to-top:focus::after { content: ''; display: block; border-left: 5px solid #fff; border-top: 5px solid #fff; width: 20px; height: 20px; -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 25px; left: 20px; } .back-to-top span, .back-to-top:hover span, .back-to-top:active span, .back-to-top:focus span { display: none; } .module_seo_text { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_seo_text { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_seo_text { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_seo_text { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_seo_text { padding-left: 5rem; padding-right: 5rem; } } .module_seo_text > .module-headline.on-lightbackground { background: inherit; } @media screen and (max-width: 47.9375em) { .module_seo_text > .module-headline { font-size: 24px; } } @media screen and (min-width: 48em) { .module_seo_text > .module-headline { font-size: 32px; } } @media screen and (min-width: 48em) { .module_seo_text > .module-container > .module-container-wrapper .two-columns { column-count: 2; column-gap: 30px; } } .module_seo_text > .module-container > .module-container-wrapper .text-wrapper { position: relative; } .module_seo_text > .module-container > .module-container-wrapper .text-wrapper .headline { margin: 0; font-size: 1rem; font-family: "Kohinoor-bold"; line-height: 1.6; } @media screen and (min-width: 48em) { .module_seo_text > .module-container > .module-container-wrapper .text-wrapper .headline { font-size: 1.125rem; } } @media screen and (min-width: 48em) { .module_seo_text > .module-container > .module-container-wrapper .text-wrapper .show-more { display: none; } } @media screen and (max-width: 47.9375em) { .module_seo_text > .module-container > .module-container-wrapper .text-wrapper .show-more { width: 100%; color: #AE130F; font-size: 1rem; text-align: center; position: absolute; left: 50%; bottom: 0; -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .module_seo_text > .module-container > .module-container-wrapper .text-wrapper .show-more::before { content: '+'; margin-right: 4px; } .module_seo_text > .module-container > .module-container-wrapper .text-wrapper .show-more::after { content: ''; background: linear-gradient(to top, #ffffff, transparent); width: 100%; height: 100px; display: block; position: absolute; top: -100px; } } @media screen and (max-width: 47.9375em) { .module_seo_text > .module-container > .module-container-wrapper .text-wrapper .collapse-wrapper { display: none; } } .module_service_container { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_service_container { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_service_container { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_service_container { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_service_container { padding-left: 5rem; padding-right: 5rem; } } .module_service_container > .module-container { padding: 1.25rem !important; position: relative; } @media screen and (min-width: 31em) { .module_service_container > .module-container { padding: 1.25rem !important; } } @media screen and (min-width: 48em) { .module_service_container > .module-container { padding: 2.5rem !important; } } @media screen and (min-width: 64em) { .module_service_container > .module-container { padding: 2.5rem !important; } } @media screen and (min-width: 90em) { .module_service_container > .module-container { padding: 2.5rem !important; } } .module_service_container > .module-container > .module-container-wrapper > .module-headline { padding-bottom: 1.875rem; text-align: left; font-family: "Kohinoor-regular"; font-weight: normal; } .module_service_container > .module-container > .module-container-wrapper > .module-headline .headline-main { font-family: "Kohinoor-bold"; font-weight: normal; } .module_service_container > .module-container > .module-container-wrapper > .bodyTextWrapper { padding-bottom: 20px; } .module_service_container > .module-container > .module-container-wrapper > .linklist { background-color: inherit; padding: 1.25rem ; } @media screen and (min-width: 64em) { .module_service_container > .module-container > .module-container-wrapper > .linklist { width: 100%; position: absolute; bottom: 0; left: 0; } } @media screen and (min-width: 31em) { .module_service_container > .module-container > .module-container-wrapper > .linklist { padding: 1.25rem ; } } @media screen and (min-width: 48em) { .module_service_container > .module-container > .module-container-wrapper > .linklist { padding: 2.5rem ; } } @media screen and (min-width: 64em) { .module_service_container > .module-container > .module-container-wrapper > .linklist { padding: 2.5rem ; } } @media screen and (min-width: 90em) { .module_service_container > .module-container > .module-container-wrapper > .linklist { padding: 2.5rem ; } } @media screen and (max-width: 63.9375em) { .module_service_container > .module-container > .module-container-wrapper > .linklist { padding: 0; } } @media screen and (min-width: 64em) { .module_service_container > .module-container > .module-container-wrapper > .linklist > li:last-child { margin: 0; } } .module_service_container > .module-container > .module-container-wrapper > .linklist > li + li { padding-top: 5px; } .module_service_container.service_container_blau > .module-container { background-color: #6cccf2; color: #2a363b; } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a:focus, .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a:hover, .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a.tiny { padding: 0.6rem; } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a.small { padding: 0.75rem; } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a.large { padding: 1.25rem; } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a::after { -ms-transform: scale(0.7); transform: scale(0.7); } .module_service_container.service_container_blau > .module-container > .module-container-wrapper > .linklist > li > a.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_service_container.service_container_grau > .module-container { background: #eeeeee; color: #2a363b; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:focus, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:hover, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a.tiny { padding: 0.6rem; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a.small { padding: 0.75rem; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a.large { padding: 1.25rem; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:focus, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:hover, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:active { position: relative; padding-right: 2.5rem; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:focus.tiny, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:hover.tiny, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:active.tiny { padding: 0.6rem; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:focus.small, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:hover.small, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:active.small { padding: 0.75rem; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:focus.large, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:hover.large, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:active.large { padding: 1.25rem; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:focus::after, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:hover::after, .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a::after { -ms-transform: scale(0.7); transform: scale(0.7); } .module_service_container.service_container_grau > .module-container > .module-container-wrapper > .linklist > li > a.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_service_container.service_container_rot > .module-container { background: #dd0b14; color: #ffffff; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:focus, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:hover, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a.tiny { padding: 0.6rem; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a.small { padding: 0.75rem; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a.large { padding: 1.25rem; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:focus, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:hover, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:active { position: relative; padding-right: 2.5rem; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:focus.tiny, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:hover.tiny, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:active.tiny { padding: 0.6rem; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:focus.small, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:hover.small, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:active.small { padding: 0.75rem; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:focus.large, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:hover.large, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:active.large { padding: 1.25rem; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:focus::after, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:hover::after, .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a::after { -ms-transform: scale(0.7); transform: scale(0.7); } .module_service_container.service_container_rot > .module-container > .module-container-wrapper > .linklist > li > a.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_recommendation .module-container > .module-container-wrapper { border-top: 4px solid #AE130F; padding: 10px 0 5px; text-align: center; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content { padding: 0 5px; display: inline-block; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list { list-style: none; padding: 0; margin: 0; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li { display: inline-block; padding-left: 5px; padding-right: 0; background-image: none; list-style-image: none; margin: 0 0.625rem; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a { height: 32px; width: 32px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleBufferApp { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -182px -50px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleDelicious { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -182px -446px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleDigg { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -50px -182px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleEvernote { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -314px -50px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleFacebook { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -314px -182px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleGooglePlus { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -314px -314px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleLinkArena { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -446px -50px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleLinkedIn { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -446px -182px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleMail { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -706px -50px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleMisterWong { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -446px -314px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStylePinterest { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -50px -446px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStylePocket { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -50px -50px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStylePrint { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -542px -214px; width: 35px; height: 35px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleReddit { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -446px -446px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleStumbleUpon { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -578px -50px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleTumblr { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -578px -182px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleTwitter { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -578px -446px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleWebnews { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -182px -578px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleWordPress { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -314px -578px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-content > .recommendation-list li a.linkStyleYoutube { background-image: url("../img/KN/SocialMedia-sprite.png"); background-position: -578px -578px; width: 32px; height: 32px; } .module_recommendation .module-container > .module-container-wrapper .recommendation-footer { float: right; width: 15%; padding-left: 5px; } .module-search-in-overlay { margin: 0; padding: 0; } .module-search-in-overlay > .module-container > .module-container-wrapper .module, .module-search-in-overlay > .module-container > .module-container-wrapper .richttext { padding: 0; } .module_sucheinstieg > .module-container { background-color: #d8c8ae; position: relative; padding: 0.3125rem 0.625rem ; } .module_sucheinstieg > .module-container::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 25%; background: #d8c8ae; } @media screen and (min-width: 31em) { .module_sucheinstieg > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_sucheinstieg > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_sucheinstieg > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_sucheinstieg > .module-container { padding: 3.125rem 6.25rem ; } } .module_sucheinstieg > .module-container > .module-container-wrapper > .module-headline > .headline-main { position: relative; padding-right: 2.5rem; } .module_sucheinstieg > .module-container > .module-container-wrapper > .module-headline > .headline-main.tiny { padding: 0.6rem; } .module_sucheinstieg > .module-container > .module-container-wrapper > .module-headline > .headline-main.small { padding: 0.75rem; } .module_sucheinstieg > .module-container > .module-container-wrapper > .module-headline > .headline-main.large { padding: 1.25rem; } .module_sucheinstieg > .module-container > .module-container-wrapper > .module-headline > .headline-main::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -674px; width: 32px; height: 32px; top: 5px; } .module_sucheinstieg > .module-container > .module-container-wrapper form .form-element { padding: 0; } .module_sucheinstieg > .module-container > .module-container-wrapper form input { height: 65px; width: 100%; background: transparent; color: #000000; border: 2px solid #000000 !important; } .module_sucheinstieg > .module-container > .module-container-wrapper form input[type=submit] { transition: color .3s ease, background-color .3s ease; } .module_sucheinstieg > .module-container > .module-container-wrapper form input[type=submit]:focus, .module_sucheinstieg > .module-container > .module-container-wrapper form input[type=submit]:hover, .module_sucheinstieg > .module-container > .module-container-wrapper form input[type=submit]:active { background-color: #dd0b14 !important; border-color: #dd0b14 !important; color: #ffffff !important; } .module_sucheinstieg > .module-container > .module-container-wrapper form .form-field { color: #000000; position: relative; } .module_sucheinstieg > .module-container > .module-container-wrapper form .form-field .validation-icon { display: none !important; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; padding: 0 !important; width: 100% !important; margin-top: 5px !important; } @media screen and (min-width: 31em) { .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox:last-child:not(:first-child) { float: right; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; display: block; width: 100%; margin-left: 0; margin-right: 0; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; border-color: transparent !important; color: #000000 !important; border-bottom: 1px dotted #000000 !important; text-align: left !important; padding-left: 0.9375rem !important; margin-bottom: 0px !important; } @media screen and (min-width: 31em) { .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:last-child:not(:first-child) { float: right; } [data-whatinput='mouse'] .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a { outline: 0; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus { background-color: #AE130F; color: #000000; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active { border-color: #ffffff; color: #AE130F; background-color: #ffffff; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.active, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.current, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.topinpath { cursor: default; border-color: #ffffff; color: #AE130F; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.active:focus, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.active:hover, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.active:active, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.current:focus, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.current:hover, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.current:active, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.topinpath:focus, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.topinpath:hover, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.topinpath:active { position: inherit; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.active:focus::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.active:hover::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.active:active::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.current:focus::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.current:hover::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.current:active::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.topinpath:focus::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.topinpath:hover::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active { position: relative; padding-right: 3.75rem; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus.tiny, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover.tiny, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active.tiny { padding: 0.6rem; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus.small, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover.small, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active.small { padding: 0.75rem; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus.large, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover.large, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active.large { padding: 1.25rem; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover::after, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus::after.tiny, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover::after.tiny, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active::after.tiny { right: 0.6rem; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus::after.small, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover::after.small, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active::after.small { right: 0.75rem; } .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:focus::after.large, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:hover::after.large, .module_sucheinstieg > .module-container > .module-container-wrapper form .searchAutoSuggestBox a:active::after.large { right: 1.25rem; } } /* ============================== # Expertensuche > Pagination ============================== */ .navIndex { text-align: center; } .navIndex ul { list-style: none; margin: 0; display: inline-block; } .navIndex ul li { float: left; padding-right: 0.625rem; } .navIndex ul li:last-child { padding-right: 0; } .navIndex ul li .button { padding: 18px 20px; } .navIndex ul li > strong, .navIndex ul li > span { cursor: default; border-color: #BBBBBB; color: #BBBBBB; transition: color .3s ease, background-color .3s ease; } .navIndex ul li > strong:focus, .navIndex ul li > strong:hover, .navIndex ul li > strong:active, .navIndex ul li > span:focus, .navIndex ul li > span:hover, .navIndex ul li > span:active { border-color: #BBBBBB; color: #BBBBBB; background-color: transparent; transition: none; } /* ============================== # Expertensuche > Suchergebnisliste ============================== */ .searchresult { margin-bottom: 1.875rem; } .searchresult a.search-result-item { display: block; min-height: 100px; overflow: hidden; transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } @media screen and (min-width: 48em) { .searchresult a.search-result-item { max-height: 208px; } } .searchresult a.search-result-item .image-wrapper { position: relative; overflow: hidden; } .searchresult a.search-result-item .image-wrapper::before { transition: background-color .3s ease; background-color: transparent; content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .searchresult a.search-result-item .image-wrapper img { -ms-transform: scale(1.05); transform: scale(1.05); transition: transform .3s ease; } .searchresult a.search-result-item:focus .image-wrapper::before, .searchresult a.search-result-item:hover .image-wrapper::before, .searchresult a.search-result-item:active .image-wrapper::before { background-color: rgba(199, 27, 23, 0.7); } .searchresult a.search-result-item:focus .image-wrapper img, .searchresult a.search-result-item:hover .image-wrapper img, .searchresult a.search-result-item:active .image-wrapper img { -ms-transform: scale(1) !important; transform: scale(1) !important; } .searchresult a.search-result-item:not(:last-child) { margin-bottom: 1px; } .searchresult a.search-result-item:nth-child(odd) { background-color: #eeeeee; } .searchresult a.search-result-item:nth-child(even) { background-color: #fafafa; } .searchresult a.search-result-item .text-container { padding: 0.9375rem; font-family: "Kohinoor-regular"; } .searchresult a.search-result-item .text-container em.searchString { font-family: "Kohinoor-bold"; font-style: normal; color: #AE130F; } @media screen and (max-width: 47.9375em) { .searchresult a.search-result-item .text-container .teaser-text { font-size: 18px; } } .searchresult a.search-result-item .text-container .breadcrumb { font-size: 15px; } .searchresult a.search-result-item .text-container .breadcrumb ul { list-style: none; margin: 0; min-height: 25px; } .searchresult a.search-result-item .text-container .breadcrumb ul li { float: left; } .searchresult a.search-result-item .text-container .breadcrumb ul li:not(:last-child):not(:first-child)::after { content: "\00bb"; color: inherit; margin: 0 5px; } .searchresult a.search-result-item .text-container .breadcrumb ul li.cta--label { margin-right: 5px; } .searchresult a.search-result-item .image-container { padding: 0 0 0 7px; float: right; } @media screen and (max-width: 30.9375em) { .searchresult a.search-result-item .image-container { width: 130px; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .searchresult a.search-result-item .image-container { width: 170px; } } @media screen and (min-width: 48em) { .searchresult a.search-result-item .image-container { width: 220px; } } .searchresult a.search-result-item .image-container .image .image-wrapper { width: 100%; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; padding-right: 0 !important; display: inline-table !important; } .searchresult a.search-result-item .image-container .image .image-wrapper:focus, .searchresult a.search-result-item .image-container .image .image-wrapper:hover, .searchresult a.search-result-item .image-container .image .image-wrapper:active { border-color: transparent; color: #ffffff; background-color: transparent; } .searchresult a.search-result-item .image-container .image .image-wrapper.current { border-color: transparent; color: #ffffff; background-color: transparent; } .searchresult a.search-result-item .image-container .image .image-wrapper.tiny { padding: 0.6rem; } .searchresult a.search-result-item .image-container .image .image-wrapper.small { padding: 0.75rem; } .searchresult a.search-result-item .image-container .image .image-wrapper.large { padding: 1.25rem; } .searchresult a.search-result-item .image-container .image .image-wrapper::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -542px; width: 32px; height: 32px; } .searchresult a.search-result-item .image-container .image .image-wrapper:focus, .searchresult a.search-result-item .image-container .image .image-wrapper:hover, .searchresult a.search-result-item .image-container .image .image-wrapper:active { position: relative; padding-right: 2.5rem; } .searchresult a.search-result-item .image-container .image .image-wrapper:focus.tiny, .searchresult a.search-result-item .image-container .image .image-wrapper:hover.tiny, .searchresult a.search-result-item .image-container .image .image-wrapper:active.tiny { padding: 0.6rem; } .searchresult a.search-result-item .image-container .image .image-wrapper:focus.small, .searchresult a.search-result-item .image-container .image .image-wrapper:hover.small, .searchresult a.search-result-item .image-container .image .image-wrapper:active.small { padding: 0.75rem; } .searchresult a.search-result-item .image-container .image .image-wrapper:focus.large, .searchresult a.search-result-item .image-container .image .image-wrapper:hover.large, .searchresult a.search-result-item .image-container .image .image-wrapper:active.large { padding: 1.25rem; } .searchresult a.search-result-item .image-container .image .image-wrapper:focus::after, .searchresult a.search-result-item .image-container .image .image-wrapper:hover::after, .searchresult a.search-result-item .image-container .image .image-wrapper:active::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -674px; width: 32px; height: 32px; } .searchresult a.search-result-item .image-container .image .image-wrapper::after { left: calc(50% - (25px / 2)); z-index: 99; } .searchresult a.search-result-item .image-container .image .image-wrapper img { width: 100%; } .searchresult a.search-result-item.publication .image-container { padding: 0.9375rem 0; text-align: center; } .searchresult a.search-result-item.publication .image-container div.image { text-align: center; } .searchresult a.search-result-item.publication .image-container div.image img { max-width: 100px; height: auto !important; } .searchresult a.search-result-item.publication .image-container span.cta--text { color: #AE130F; display: inline-block; margin-top: 10px; padding-right: 25px; position: relative; } .searchresult a.search-result-item.publication .image-container span.cta--text::after { content: ''; position: absolute; top: calc(50% - (16px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -1095px -282px; width: 16px; height: 16px; } .searchresult a.search-result-item:focus, .searchresult a.search-result-item:hover, .searchresult a.search-result-item:active { background-color: #dd0b14; color: #ffffff !important; } .searchresult a.search-result-item:focus.publication .image-container span.cta--text, .searchresult a.search-result-item:hover.publication .image-container span.cta--text, .searchresult a.search-result-item:active.publication .image-container span.cta--text { color: #ffffff !important; position: relative; } .searchresult a.search-result-item:focus.publication .image-container span.cta--text::after, .searchresult a.search-result-item:hover.publication .image-container span.cta--text::after, .searchresult a.search-result-item:active.publication .image-container span.cta--text::after { content: ''; position: absolute; top: calc(50% - (16px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -175px -931px; width: 16px; height: 16px; } .searchresult a.search-result-item:focus em.searchString, .searchresult a.search-result-item:hover em.searchString, .searchresult a.search-result-item:active em.searchString { color: #ffffff; } .module_suchergebnisfilter.fake-dropdown { background-color: #eeeeee; } .module_suchfeld_autocomplete { max-width: 770px; margin: 0 auto; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper { margin: 2em 2em 0; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper .headline { background: transparent; font-family: "Kohinoor-bold"; } @media screen and (max-width: 30.9375em) { .module_suchfeld_autocomplete > .module-container > .module-container-wrapper { margin: 2em 12px 2em; } } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset { background-color: inherit; padding: 0; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .form-element { padding: 0; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset input { width: 100%; height: 65px; } @media screen and (max-width: 47.9375em) { .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset input { font-size: 1rem; } } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .form-field { color: #000000; position: relative; background-color: #ffffff; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .form-field > input { width: 100%; padding-left: 5px; border: none; border-bottom: 2px solid #000000; } @media screen and (max-width: 47.9375em) { .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .form-field > input { font-size: 18px; } } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .form-field .validation-icon { display: none !important; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .searchAutoSuggestBox { background-color: transparent; width: 100%; margin: 10px 0 0 0; list-style: none; display: block; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .searchAutoSuggestBox > li { margin-bottom: 10px; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .searchAutoSuggestBox > li > a { color: #AE130F; font-size: 1rem; } .module_suchfeld_autocomplete > .module-container > .module-container-wrapper fieldset .searchAutoSuggestBox > li > a::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -50px; width: 8px; height: 12px; margin-left: 15px; display: inline-block; position: relative; bottom: -1px; } .module_formular .searchAutoSuggestBox { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; padding: 0 !important; width: 100% !important; margin-top: 5px !important; } @media screen and (min-width: 31em) { .module_formular .searchAutoSuggestBox { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .module_formular .searchAutoSuggestBox:last-child:not(:first-child) { float: right; } .module_formular .searchAutoSuggestBox a { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; display: block; width: 100%; margin-left: 0; margin-right: 0; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; border-color: transparent !important; border-bottom: 1px dotted #000000 !important; text-align: left !important; padding-left: 0.9375rem !important; margin-bottom: 0px !important; } @media screen and (min-width: 31em) { .module_formular .searchAutoSuggestBox a { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .module_formular .searchAutoSuggestBox a:last-child:not(:first-child) { float: right; } [data-whatinput='mouse'] .module_formular .searchAutoSuggestBox a { outline: 0; } .module_formular .searchAutoSuggestBox a:hover, .module_formular .searchAutoSuggestBox a:focus { background-color: #AE130F; color: #000000; } .module_formular .searchAutoSuggestBox a:focus, .module_formular .searchAutoSuggestBox a:hover, .module_formular .searchAutoSuggestBox a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_formular .searchAutoSuggestBox a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_formular .searchAutoSuggestBox a:focus, .module_formular .searchAutoSuggestBox a:hover, .module_formular .searchAutoSuggestBox a:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_formular .searchAutoSuggestBox a.active, .module_formular .searchAutoSuggestBox a.current, .module_formular .searchAutoSuggestBox a.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_formular .searchAutoSuggestBox a.active:focus, .module_formular .searchAutoSuggestBox a.active:hover, .module_formular .searchAutoSuggestBox a.active:active, .module_formular .searchAutoSuggestBox a.current:focus, .module_formular .searchAutoSuggestBox a.current:hover, .module_formular .searchAutoSuggestBox a.current:active, .module_formular .searchAutoSuggestBox a.topinpath:focus, .module_formular .searchAutoSuggestBox a.topinpath:hover, .module_formular .searchAutoSuggestBox a.topinpath:active { position: inherit; } .module_formular .searchAutoSuggestBox a.active:focus::after, .module_formular .searchAutoSuggestBox a.active:hover::after, .module_formular .searchAutoSuggestBox a.active:active::after, .module_formular .searchAutoSuggestBox a.current:focus::after, .module_formular .searchAutoSuggestBox a.current:hover::after, .module_formular .searchAutoSuggestBox a.current:active::after, .module_formular .searchAutoSuggestBox a.topinpath:focus::after, .module_formular .searchAutoSuggestBox a.topinpath:hover::after, .module_formular .searchAutoSuggestBox a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_formular .searchAutoSuggestBox a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 30.9375em) { .module_formular .searchAutoSuggestBox a { padding: 0.85em 1em; margin: 0; border-style: dotted; border-width: 0 0 1px 0; } } @media screen and (min-width: 48em) { .module_formular .searchAutoSuggestBox a { padding-left: 3.75rem !important; padding-right: 3.75rem !important; transition: color .3s ease, background-color .3s ease; } .module_formular .searchAutoSuggestBox a:focus, .module_formular .searchAutoSuggestBox a:hover, .module_formular .searchAutoSuggestBox a:active { position: relative; padding-right: 3.75rem; } .module_formular .searchAutoSuggestBox a:focus.tiny, .module_formular .searchAutoSuggestBox a:hover.tiny, .module_formular .searchAutoSuggestBox a:active.tiny { padding: 0.6rem; } .module_formular .searchAutoSuggestBox a:focus.small, .module_formular .searchAutoSuggestBox a:hover.small, .module_formular .searchAutoSuggestBox a:active.small { padding: 0.75rem; } .module_formular .searchAutoSuggestBox a:focus.large, .module_formular .searchAutoSuggestBox a:hover.large, .module_formular .searchAutoSuggestBox a:active.large { padding: 1.25rem; } .module_formular .searchAutoSuggestBox a:focus::after, .module_formular .searchAutoSuggestBox a:hover::after, .module_formular .searchAutoSuggestBox a:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .module_formular .searchAutoSuggestBox a:focus::after.tiny, .module_formular .searchAutoSuggestBox a:hover::after.tiny, .module_formular .searchAutoSuggestBox a:active::after.tiny { right: 0.6rem; } .module_formular .searchAutoSuggestBox a:focus::after.small, .module_formular .searchAutoSuggestBox a:hover::after.small, .module_formular .searchAutoSuggestBox a:active::after.small { right: 0.75rem; } .module_formular .searchAutoSuggestBox a:focus::after.large, .module_formular .searchAutoSuggestBox a:hover::after.large, .module_formular .searchAutoSuggestBox a:active::after.large { right: 1.25rem; } } .fullscreen-overlay { position: fixed; /* Sit on top of the page content */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */ z-index: 101; /* Specify a stack order in case you're using a different order for other elements */ } .module_suchfeld_teaserboxen { background-color: #dd0b14; color: #ffffff; } .module_suchfeld_teaserboxen > .module-container > .module-container-wrapper { margin: 2em 2em 0; } @media screen and (max-width: 30.9375em) { .module_suchfeld_teaserboxen > .module-container > .module-container-wrapper { margin: 2em 12px 2em; } } .module_testimonial { overflow: hidden; /* ------------------------------ # Basis Konfiguration Testimonials ------------------------------ */ /* ------------------------------ # spezielle Darstellungen fuer Testimonial klein ------------------------------ */ /* ------------------------------ # spezielle Darstellungen fuer Testimonial gross ------------------------------ */ } @media screen and (max-width: 89.9375em) { .module_testimonial > .module-headline { padding-left: 0.625rem; padding-right: 0.625rem; } } @media screen and (max-width: 89.9375em) and (min-width: 31em) { .module_testimonial > .module-headline { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (max-width: 89.9375em) and (min-width: 48em) { .module_testimonial > .module-headline { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (max-width: 89.9375em) and (min-width: 64em) { .module_testimonial > .module-headline { padding-left: 5rem; padding-right: 5rem; } } @media screen and (max-width: 89.9375em) and (min-width: 90em) { .module_testimonial > .module-headline { padding-left: 5rem; padding-right: 5rem; } } .module_testimonial > .module-container > .module-container-wrapper > .testimonial { margin-top: 0; border: none; } .module_testimonial > .module-container > .module-container-wrapper > .testimonial > .testimonial-header { margin-top: 0.5rem; } .module_testimonial > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer { padding-top: 20px; color: inherit; } .module_testimonial.testimonial-klein > .module-container { text-align: center; padding: 0.3125rem 0.625rem ; } @media screen and (min-width: 31em) { .module_testimonial.testimonial-klein > .module-container { padding: 0.625rem 1.25rem ; } } @media screen and (min-width: 48em) { .module_testimonial.testimonial-klein > .module-container { padding: 1.25rem 2.5rem ; } } @media screen and (min-width: 64em) { .module_testimonial.testimonial-klein > .module-container { padding: 1.875rem 3.75rem ; } } @media screen and (min-width: 90em) { .module_testimonial.testimonial-klein > .module-container { padding: 3.125rem 6.25rem ; } } .module_testimonial.testimonial-klein > .module-container strong { font-size: 1.125rem; font-family: "Kohinoor-regular"; color: #333; } @media screen and (min-width: 48em) { .module_testimonial.testimonial-klein > .module-container strong { font-size: 1.5rem; line-height: 32px; } } @media screen and (min-width: 64em) { .module_testimonial.testimonial-klein > .module-container strong { font-size: 2rem; } } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper .testimonial-picture { display: none; } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial { background-color: inherit; margin: 0; padding: 0; } @media screen and (min-width: 64em) { .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial { max-width: 1005px; margin: 0 auto; } } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer { padding-top: 30px; } @media screen and (min-width: 48em) { .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer { overflow: hidden; max-width: 564px; margin: 0 auto; } } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer > .testimonial-footer-picture { width: 75px; vertical-align: middle; display: inline-block; } @media screen and (min-width: 48em) { .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer > .testimonial-footer-picture { float: left; } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer > .testimonial-footer-picture + div { float: left; } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer > .testimonial-footer-picture + div > p { text-align: left; } } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer > .testimonial-footer-picture > img { border-radius: 40px; height: 100%; width: 100%; } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer .testimonial-footer-text { padding-left: 20px; display: block; font-size: 1rem; margin-bottom: 0; padding-bottom: 0; padding-top: 20px; font-family: "Kohinoor-bold"; } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer .testimonial-footer-text ~ p { font-size: 1rem; padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 48em) { .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer .testimonial-footer-text ~ p { padding-left: 20px; } } .module_testimonial.testimonial-klein > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer > .testimonial-footer-text { vertical-align: middle; display: inline-block; } @media screen and (min-width: 48em) { .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper { position: relative; } } .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial { background-color: #AE130F; padding: 0.625rem !important; color: #ffffff; font-family: "Kohinoor-regular"; } @media screen and (min-width: 31em) { .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial { padding: 0.625rem !important; } } @media screen and (min-width: 48em) { .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial { padding: 1.25rem !important; } } @media screen and (min-width: 64em) { .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial { padding: 1.25rem !important; } } @media screen and (min-width: 90em) { .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial { padding: 1.25rem !important; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial { position: relative; position: relative; margin: -5% 3.125rem 0; } .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 25%; background: #AE130F; } } @media screen and (min-width: 64em) { .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial { position: relative; position: absolute; top: -20px; right: 40px; width: 36%; } .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial::after { position: absolute; height: 10px; bottom: -0.625rem; left: 0; content: ''; display: block; width: 50%; background: #AE130F; } } .module_testimonial.testimonial-gross > .module-container > .module-container-wrapper > .testimonial > .testimonial-footer > .testimonial-footer-picture { display: none; } .module_verteilerkacheln { padding-left: 0.625rem; padding-right: 0.625rem; /* Grid Definitionen und allgemeine Groessenangaben */ } @media screen and (min-width: 31em) { .module_verteilerkacheln { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_verteilerkacheln { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_verteilerkacheln { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_verteilerkacheln { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln { max-width: 90rem; margin-left: auto; margin-right: auto; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln::before, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln::after { content: ' '; display: table; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln::after { clear: both; } } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { overflow: hidden; } @media screen and (min-width: 48em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { height: 240px; min-height: 150px; } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { min-height: 200px; } } @media screen and (min-width: 48em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-image { width: 240px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2 > .cta--link-verteilerkachel > .verteilerkachel-image { max-width: 240px; } } @media screen and (min-width: 64em) { .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1 { max-width: 90rem; margin-left: auto; margin-right: auto; width: 33.33333%; float: left; } .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1::before, .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1::after { content: ' '; display: table; } .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1::after { clear: both; } .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1:last-child:not(:first-child) { float: right; } .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1:last-child:last-child { float: left; } } @media screen and (min-width: 64em) { .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2 { max-width: 90rem; margin-left: auto; margin-right: auto; width: 66.66667%; float: left; } .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2::before, .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2::after { content: ' '; display: table; } .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2::after { clear: both; } .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2:last-child:not(:first-child) { float: right; } .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2:last-child:last-child { float: left; } } @media screen and (min-width: 64em) { .module_verteilerkacheln.spalten3 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { height: 337px; } } @media screen and (min-width: 64em) { .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1 { max-width: 90rem; margin-left: auto; margin-right: auto; width: 25%; float: left; } .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1::before, .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1::after { content: ' '; display: table; } .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1::after { clear: both; } .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1:last-child:not(:first-child) { float: right; } .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig1:last-child:last-child { float: left; } } @media screen and (min-width: 64em) { .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2 { max-width: 90rem; margin-left: auto; margin-right: auto; width: 50%; float: left; } .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2::before, .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2::after { content: ' '; display: table; } .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2::after { clear: both; } .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2:last-child:not(:first-child) { float: right; } .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2:last-child:last-child { float: left; } } @media screen and (min-width: 64em) { .module_verteilerkacheln.spalten4 > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { height: 320px; } } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel:nth-child(even) { background-color: #ffffff; border-color: #ffffff; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel:nth-child(odd) { background-color: #eeeeee; border-color: #eeeeee; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { position: relative; border-width: 0 !important; transition: color .3s ease, background-color .3s ease; } @media screen and (max-width: 47.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; border-color: inherit; text-align: left; margin-bottom: 0; display: block; text-transform: none; } [data-whatinput='mouse'] .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { outline: 0; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus { background-color: #AE130F; color: #000000; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:active, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:active, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:active { position: inherit; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:focus::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:hover::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:active::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:focus::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:hover::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:active::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:focus::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:hover::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:active::after { content: none; } } @media screen and (max-width: 47.9375em) and (max-width: 30.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 47.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.tiny { padding: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.small { padding: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.large { padding: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after.tiny { right: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after.small { right: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after.large { right: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { position: relative; padding-right: 3.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active.tiny { padding: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active.small { padding: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active.large { padding: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus::after.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover::after.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active::after.tiny { right: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus::after.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover::after.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active::after.small { right: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus::after.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover::after.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active::after.large { right: 1.25rem; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; border-color: inherit; text-align: left; margin-bottom: 0; display: block; text-transform: none; padding-right: 0; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.no-image:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } [data-whatinput='mouse'] .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { outline: 0; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus { background-color: #AE130F; color: #000000; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:active, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:active, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:active { position: inherit; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:focus::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:hover::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.active:active::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:focus::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:hover::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current:active::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:focus::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:hover::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.topinpath:active::after { content: none; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) and (max-width: 30.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.tiny { padding: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.small { padding: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.large { padding: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after.tiny { right: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after.small { right: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after.large { right: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { position: relative; padding-right: 3.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active.tiny { padding: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active.small { padding: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active.large { padding: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus::after.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover::after.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active::after.tiny { right: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus::after.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover::after.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active::after.small { right: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus::after.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover::after.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active::after.large { right: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; right: 6.71875rem; } } @media screen and (min-width: 48em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { padding-top: 0 !important; padding-bottom: 0 !important; transition: color .3s ease, background-color .3s ease; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel .image-wrapper { position: relative; overflow: hidden; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel .image-wrapper::before { transition: background-color .3s ease; background-color: transparent; content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel .image-wrapper img { -ms-transform: scale(1.05); transform: scale(1.05); transition: transform .3s ease; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .image-wrapper::before, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .image-wrapper::before, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .image-wrapper::before { background-color: rgba(199, 27, 23, 0.7); } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .image-wrapper img, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .image-wrapper img, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .image-wrapper img { -ms-transform: scale(1) !important; transform: scale(1) !important; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:not(.no-text) .image-wrapper { position: relative; overflow: hidden; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:not(.no-text) .image-wrapper::after { background-image: linear-gradient(160deg, rgba(0, 0, 0, 0.5) 0, transparent 60%); content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; padding-right: 0 !important; transition: color .3s ease, background-color .3s ease; display: block; width: 100%; overflow: hidden; background: #dd0b14; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.tiny { padding: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.small { padding: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.large { padding: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after { content: ''; position: absolute; top: calc(50% - (32px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -542px; width: 32px; height: 32px; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after { left: calc(50% - (25px / 2)); z-index: 99; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after { top: calc(85% - (32px / 2)) !important; } } @media screen and (min-width: 64em) and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel::after { top: calc(75% - (32px / 2)) !important; } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { color: #ffffff; } } @media screen and (max-width: 47.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { color: #ffffff; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { padding-right: 0; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus:after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover:after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active:after { right: 6.71875rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; padding-right: 0 !important; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image:active, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image:active, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image:active { border-color: transparent; color: #2a363b; background-color: transparent; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image.current, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image.current, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image.current { border-color: transparent; color: #2a363b; background-color: transparent; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image.tiny, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image.tiny { padding: 0.6rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image.small, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image.small { padding: 0.75rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image.large, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image.large { padding: 1.25rem; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -578px -542px; width: 25px; height: 25px; } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus .verteilerkachel-image::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover .verteilerkachel-image::after, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active .verteilerkachel-image::after { left: calc(50% - (25px / 2)); z-index: 99; } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:focus, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:hover, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel:active { background-color: #AE130F; border-color: #AE130F; } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel.no-text .headline { display: none !important; } } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-content { display: inline-block; height: inherit; width: 100%; } @media screen and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-content { padding: 18px 0; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-content { position: absolute; left: 0; top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); height: auto; width: calc(100% - 240px); } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-content { position: absolute; top: 0; left: 0; z-index: 80; width: auto; overflow: hidden; } } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-content > .headline { margin: 0; color: inherit; } @media screen and (min-width: 48em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-content > .headline { margin: 20px; } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-content > .headline { margin: 30px; } } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-image { display: none; } @media screen and (min-width: 48em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-image { display: block; height: inherit; } } @media screen and (min-width: 64em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-image { width: auto; max-width: none; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-image.image-wrapper { position: absolute; top: 0; right: 0; } } @media screen and (min-width: 48em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel > .cta--link-verteilerkachel > .verteilerkachel-image > img { height: auto; width: auto; } } .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2 > .cta--link-verteilerkachel { transition: color .3s ease, background-color .3s ease; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2 > .cta--link-verteilerkachel > .verteilerkachel-image > img { height: inherit; width: auto; position: relative; left: 50%; max-width: none; overflow: hidden; -ms-transform: translate(-50%, 0) scale(1.05) !important; transform: translate(-50%, 0) scale(1.05) !important; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2 > .cta--link-verteilerkachel:focus > .verteilerkachel-image > img, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2 > .cta--link-verteilerkachel:hover > .verteilerkachel-image > img, .module_verteilerkacheln > .module-container > .module-container-wrapper > .kacheln > .verteilerkachel.spaltig2 > .cta--link-verteilerkachel:active > .verteilerkachel-image > img { -ms-transform: translate(-50%, 0) scale(1) !important; transform: translate(-50%, 0) scale(1) !important; } } .cta--link-show-more-kacheln { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; display: none; } [data-whatinput='mouse'] .cta--link-show-more-kacheln { outline: 0; } .cta--link-show-more-kacheln:hover, .cta--link-show-more-kacheln:focus { background-color: #AE130F; color: #000000; } .cta--link-show-more-kacheln:focus, .cta--link-show-more-kacheln:hover, .cta--link-show-more-kacheln:active { border-color: transparent; color: #AE130F; background-color: transparent; } .cta--link-show-more-kacheln.current { border-color: transparent; color: #AE130F; background-color: transparent; } .cta--link-show-more-kacheln:focus, .cta--link-show-more-kacheln:hover, .cta--link-show-more-kacheln:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .cta--link-show-more-kacheln.active, .cta--link-show-more-kacheln.current, .cta--link-show-more-kacheln.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .cta--link-show-more-kacheln.active:focus, .cta--link-show-more-kacheln.active:hover, .cta--link-show-more-kacheln.active:active, .cta--link-show-more-kacheln.current:focus, .cta--link-show-more-kacheln.current:hover, .cta--link-show-more-kacheln.current:active, .cta--link-show-more-kacheln.topinpath:focus, .cta--link-show-more-kacheln.topinpath:hover, .cta--link-show-more-kacheln.topinpath:active { position: inherit; } .cta--link-show-more-kacheln.active:focus::after, .cta--link-show-more-kacheln.active:hover::after, .cta--link-show-more-kacheln.active:active::after, .cta--link-show-more-kacheln.current:focus::after, .cta--link-show-more-kacheln.current:hover::after, .cta--link-show-more-kacheln.current:active::after, .cta--link-show-more-kacheln.topinpath:focus::after, .cta--link-show-more-kacheln.topinpath:hover::after, .cta--link-show-more-kacheln.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .cta--link-show-more-kacheln { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .cta--link-show-more-kacheln { min-width: 300px; min-height: 60px; } } .cta--link-show-more-kacheln.tiny { padding: 0.6rem; } .cta--link-show-more-kacheln.small { padding: 0.75rem; } .cta--link-show-more-kacheln.large { padding: 1.25rem; } .cta--link-show-more-kacheln::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .cta--link-show-more-kacheln::after.tiny { right: 0.6rem; } .cta--link-show-more-kacheln::after.small { right: 0.75rem; } .cta--link-show-more-kacheln::after.large { right: 1.25rem; } .cta--link-show-more-kacheln:focus, .cta--link-show-more-kacheln:hover, .cta--link-show-more-kacheln:active { position: relative; padding-right: 3.75rem; } .cta--link-show-more-kacheln:focus.tiny, .cta--link-show-more-kacheln:hover.tiny, .cta--link-show-more-kacheln:active.tiny { padding: 0.6rem; } .cta--link-show-more-kacheln:focus.small, .cta--link-show-more-kacheln:hover.small, .cta--link-show-more-kacheln:active.small { padding: 0.75rem; } .cta--link-show-more-kacheln:focus.large, .cta--link-show-more-kacheln:hover.large, .cta--link-show-more-kacheln:active.large { padding: 1.25rem; } .cta--link-show-more-kacheln:focus::after, .cta--link-show-more-kacheln:hover::after, .cta--link-show-more-kacheln:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .cta--link-show-more-kacheln:focus::after.tiny, .cta--link-show-more-kacheln:hover::after.tiny, .cta--link-show-more-kacheln:active::after.tiny { right: 0.6rem; } .cta--link-show-more-kacheln:focus::after.small, .cta--link-show-more-kacheln:hover::after.small, .cta--link-show-more-kacheln:active::after.small { right: 0.75rem; } .cta--link-show-more-kacheln:focus::after.large, .cta--link-show-more-kacheln:hover::after.large, .cta--link-show-more-kacheln:active::after.large { right: 1.25rem; } .module_verteilerkacheln_weiss { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_verteilerkacheln_weiss { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_verteilerkacheln_weiss { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_verteilerkacheln_weiss { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_verteilerkacheln_weiss { padding-left: 5rem; padding-right: 5rem; } } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled { padding: 0.625rem ; } @media screen and (min-width: 31em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled { padding: 1.25rem ; } } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry { padding: 0; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:last-child .container { border: none !important; } @media screen and (max-width: 30.9375em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry .container { border-bottom: 1px solid #cccccc !important; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry .container { border-bottom: 1px solid #cccccc !important; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry .container { border-bottom: 1px solid #cccccc !important; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:last-child .container { border-bottom: 0 !important; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-last-child(2) .container { border-bottom: 0 !important; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-last-child(2):nth-child(even) .container { border-bottom: 1px solid #cccccc !important; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(odd) .container { border-right: 1px solid #cccccc !important; } } @media screen and (min-width: 64em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(n+5) { margin-top: 2em; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry .container { border-right: 1px solid #cccccc !important; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(4) .container, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(8) .container, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(12) .container, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(16) .container, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(20) .container, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(24) .container, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry:nth-child(28) .container { border-right: 0 !important; } } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link { color: #AE130F; position: relative; display: block; width: 100%; padding: 0.625rem !important; padding-right: 2.5rem !important; } @media screen and (min-width: 31em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link { padding: 0.625rem !important; } } @media screen and (min-width: 48em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link { padding: 1.25rem !important; } } @media screen and (min-width: 64em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link { padding: 1.25rem !important; } } @media screen and (min-width: 90em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link { padding: 1.25rem !important; } } @media screen and (max-width: 47.9375em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link { font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; text-transform: inherit; display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.tiny { padding: 0.6rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.small { padding: 0.75rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.large { padding: 1.25rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active { position: relative; padding-right: 2.5rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus.tiny, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover.tiny, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active.tiny { padding: 0.6rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus.small, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover.small, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active.small { padding: 0.75rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus.large, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover.large, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active.large { padding: 1.25rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus::after, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover::after, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link::after { -ms-transform: scale(0.7); transform: scale(0.7); } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link > .headline { margin-bottom: 0; } } @media screen and (min-width: 48em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link { min-height: 9.375rem; height: 13.125rem; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; position: relative; padding-right: 2.5rem; transition: color .3s ease, background-color .3s ease; padding-right: 0 !important; text-transform: inherit; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.tiny { padding: 0.6rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.small { padding: 0.75rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.large { padding: 1.25rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -800px -806px; width: 25px; height: 25px; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active { position: relative; padding-right: 2.5rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus.tiny, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover.tiny, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active.tiny { padding: 0.6rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus.small, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover.small, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active.small { padding: 0.75rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus.large, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover.large, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active.large { padding: 1.25rem; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:focus::after, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:hover::after, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 0; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link::after { left: calc(50% - (25px / 2)); z-index: 99; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link::after { top: calc(85% - (25px / 2)) !important; } } @media screen and (min-width: 48em) and (min-width: 64em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link::after { top: calc(75% - (25px / 2)) !important; } } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link > .headline { color: inherit; } @media screen and (min-width: 48em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link > .headline { font-size: 100%; } } @media screen and (min-width: 48em) { .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link > .headline > .headline-sub-wrapper > .headline-sub { display: inline-block; width: 100%; overflow: hidden; position: relative; max-height: 4.875rem; /* place for '...' */ margin-right: -1em; padding-right: 1em; /* create the ... */ /* hide ... if we have text, which is less than or equal to max lines */ } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link > .headline > .headline-sub-wrapper > .headline-sub::after, .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link > .headline > .headline-sub-wrapper > .headline-sub::before { position: absolute; right: 1em; width: 1em; height: 1em; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link > .headline > .headline-sub-wrapper > .headline-sub::before { bottom: 0; /* points in the end */ content: '...'; content: '\2026'; background: inherit; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link > .headline > .headline-sub-wrapper > .headline-sub::after { content: ''; margin-top: 0.2em; background-color: #ffffff; } } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.deeplink { color: #AE130F; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link.deeplink::after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -838px -446px; width: 25px; height: 25px; } .module_verteilerkacheln_weiss > .module-container > .module-container-wrapper > .list-unstyled > .list-entry > .container > .cta--verteilerkacheln-weiss-link::after { top: initial !important; bottom: 15px !important; } .module_testimonial.testimonial-gross + .module_verteilerkacheln_weiss { margin-top: -5rem; } .module_testimonial.testimonial-gross + .module_verteilerkacheln_weiss .module-headline { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .module_verwandte_suchbegriffe { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_verwandte_suchbegriffe { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_verwandte_suchbegriffe { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_verwandte_suchbegriffe { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_verwandte_suchbegriffe { padding-left: 5rem; padding-right: 5rem; } } .module_verwandte_suchbegriffe > .module-container > .module-container-wrapper > ul { list-style: none; } .module_verwandte_suchbegriffe > .module-container > .module-container-wrapper > ul > li a.kbs-link-as-button.expanded { text-transform: none; font-family: "Kohinoor-regular"; border-color: #eeeeee; margin: 15px 0; transition: color .3s ease, background-color .3s ease; } .module_verwandte_suchbegriffe > .module-container > .module-container-wrapper > ul > li a.kbs-link-as-button.expanded mark { font-family: "Kohinoor-bold"; background: none; transition: color .3s ease; } .module_verwandte_suchbegriffe > .module-container > .module-container-wrapper > ul > li a.kbs-link-as-button.expanded:focus mark, .module_verwandte_suchbegriffe > .module-container > .module-container-wrapper > ul > li a.kbs-link-as-button.expanded:hover mark, .module_verwandte_suchbegriffe > .module-container > .module-container-wrapper > ul > li a.kbs-link-as-button.expanded:active mark { color: #ffffff; } .module_3_fakten_box { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_3_fakten_box { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_3_fakten_box { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_3_fakten_box { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_3_fakten_box { padding-left: 5rem; padding-right: 5rem; } } .module_3_fakten_box > .module-container { max-width: 770px; margin: 0 auto; } .module_3_fakten_box > .module-container > .module-container-wrapper { margin: 0 -0.625rem; position: relative; } @media screen and (min-width: 48em) { .module_3_fakten_box > .module-container > .module-container-wrapper { margin: 0 -0.9375rem; } } .module_3_fakten_box > .module-container > .module-container-wrapper > .headline { padding: 0 0.625rem; } @media screen and (min-width: 48em) { .module_3_fakten_box > .module-container > .module-container-wrapper > .headline { padding: 0 0.9375rem; } } @media screen and (min-width: 48em) { .module_3_fakten_box > .module-container > .module-container-wrapper > .fakten { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .module_3_fakten_box > .module-container > .module-container-wrapper > .fakten > .fakten_field { margin-bottom: 20px; } .module_3_fakten_box > .module-container > .module-container-wrapper > .fakten > .fakten_field:nth-child(3) { clear: both; } .module_3_fakten_box > .module-container > .module-container-wrapper > .fakten > .fakten_field > .textbox { height: 100%; background-color: #f0f3f5; padding: 20px 10px 30px 10px; line-height: 1.2em; text-align: center; font-size: 1.0625rem; position: relative; } @media screen and (min-width: 48em) { .module_3_fakten_box > .module-container > .module-container-wrapper > .fakten > .fakten_field > .textbox { font-size: 1.125rem; padding: 30px 15px; } } .module_3_fakten_box > .module-container > .module-container-wrapper > .fakten > .fakten_field > .textbox::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_3_fakten_box > .module-container > .module-container-wrapper > .fakten > .fakten_field > .textbox > p:last-child { margin-bottom: 0; } .module_bereichskacheln { padding-left: 0.625rem; padding-right: 0.625rem; /* Grid Definitionen und allgemeine Groessenangaben */ } @media screen and (min-width: 31em) { .module_bereichskacheln { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_bereichskacheln { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_bereichskacheln { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_bereichskacheln { padding-left: 5rem; padding-right: 5rem; } } .module_bereichskacheln > .module-container { position: relative; } .module_bereichskacheln > .module-container::before { content: ''; position: absolute; width: 0; height: 0; max-width: 53.125rem; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); border: 6px solid #d5dadc; opacity: 0; z-index: -1; transition: width 2s ease-in-out 0s, height 3s ease-in-out 2s, opacity 2s ease-in-out 0s; } .module_bereichskacheln > .module-container.isVisible::before { width: 95%; height: 100%; opacity: 1; } @keyframes grow_logo { 0% { width: 200px; height: 200px; opacity: 1; } 50% { width: 200px; height: 200px; opacity: 1; } 75% { width: 250px; height: 250px; opacity: 1; } 100% { width: 200px; height: 200px; opacity: 0; } } .module_bereichskacheln > .module-container.isVisible::after { width: 0; height: 0; opacity: 0; } .module_bereichskacheln .headline-wrapper { max-width: 53.125rem; padding: 0 20px; } @media screen and (min-width: 64em) { .module_bereichskacheln .headline-wrapper { margin: 0 auto; } } .module_bereichskacheln .headline-wrapper p { text-align: center; padding: 0 10px; line-height: 1.625; } .module_bereichskacheln .bereichskacheln { position: relative; } .module_bereichskacheln .bereichskacheln-content { min-height: 105px; padding-left: 10px; padding-right: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; } @media screen and (min-width: 90em) { .module_bereichskacheln .bereichskacheln-content { width: 70%; position: absolute; -ms-transform: translateY(-100%); transform: translateY(-100%); } } .module_bereichskacheln .bereichskacheln-content::before { content: ''; background: inherit; width: 40%; height: 10px; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_bereichskacheln .bereichskacheln-content::before { top: -9px; bottom: auto; } .module_bereichskacheln .bereichskacheln-content h2, .module_bereichskacheln .bereichskacheln-content .h2, .module_bereichskacheln .bereichskacheln-content .font-h2-style { font-family: "Kohinoor-regular"; font-size: 1.125rem; } @media screen and (min-width: 31em) { .module_bereichskacheln .bereichskacheln-content h2, .module_bereichskacheln .bereichskacheln-content .h2, .module_bereichskacheln .bereichskacheln-content .font-h2-style { font-size: 1.5rem; } } .module_bereichskacheln .bereichskacheln-content h2:hover, .module_bereichskacheln .bereichskacheln-content .h2:hover, .module_bereichskacheln .bereichskacheln-content .font-h2-style:hover, .module_bereichskacheln .bereichskacheln-content h2:focus, .module_bereichskacheln .bereichskacheln-content .h2:focus, .module_bereichskacheln .bereichskacheln-content .font-h2-style:focus, .module_bereichskacheln .bereichskacheln a:focus-visible h2, .module_bereichskacheln .bereichskacheln a:focus-visible .h2, .module_bereichskacheln .bereichskacheln a:focus-visible .font-h2-style { text-decoration: underline; } .module_bereichskacheln .external-link > .bereichskacheln-content > h2::after, .module_bereichskacheln .external-link > .bereichskacheln-content > .h2::after, .module_bereichskacheln .external-link > .bereichskacheln-content > .font-h2-style::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -1002px; width: 18px; height: 18px; margin-left: 5px; display: inline-block; position: relative; top: 2px; } .module_bereichskacheln .kacheln > div { opacity: 0; margin-bottom: 20px; } @media screen and (min-width: 31em) { .module_bereichskacheln .kacheln > div { margin-bottom: 30px; } } .module_bereichskacheln .kacheln > div.slideIn.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transition-duration: 1.25s; -ms-transform: translateX(2%); transform: translateX(2%); transition-property: transform, opacity; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .module_bereichskacheln .kacheln > div.slideIn.mui-enter.mui-enter-active { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .module_bereichskacheln .kacheln > div.slideIn:nth-child(even).mui-enter { transition-duration: 500ms; transition-timing-function: linear; transition-duration: 1.25s; -ms-transform: translateX(-2%); transform: translateX(-2%); transition-property: transform, opacity; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .module_bereichskacheln .kacheln > div.slideIn:nth-child(even).mui-enter.mui-enter-active { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .module_bereichskacheln .kacheln > div.isVisible { opacity: 1; } .module_bereichskacheln .service-wrapper { background: #AE130F; padding: 15px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; opacity: 0; position: relative; } .module_bereichskacheln .service-wrapper::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } @media screen and (min-width: 31em) { .module_bereichskacheln .service-wrapper { padding: 30px; } } .module_bereichskacheln .service-wrapper.slideIn.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transition-duration: 0.75s; -ms-transform: translateY(10%); transform: translateY(10%); transition-property: transform, opacity; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .module_bereichskacheln .service-wrapper.slideIn.mui-enter.mui-enter-active { -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .module_bereichskacheln .service-wrapper.isVisible { opacity: 1; } .module_bereichskacheln .service-wrapper li { margin-bottom: 10px; width: 100%; list-style-type: none; } @media screen and (min-width : 48em) { .module_bereichskacheln .service-wrapper li { margin-bottom: 0px; width: 50%; } } @media screen and (min-width: 31em) { .module_bereichskacheln .service-wrapper li { margin-bottom: 22px; } } @media screen and (min-width: 64em) { .module_bereichskacheln .service-wrapper li { width: 33.33333%; } } .module_bereichskacheln .service-wrapper .headline { text-align: center; color: #ffffff; margin-bottom: 25px; } @media screen and (min-width: 31em) { .module_bereichskacheln .service-wrapper .headline { margin-bottom: 30px; } } .module_bereichskacheln .service-wrapper a { color: #ffffff; font-size: 1rem; text-transform: uppercase; font-family: "Kohinoor-bold"; letter-spacing: 0.5px; } .module_bereichskacheln .service-wrapper a:hover, .module_bereichskacheln .service-wrapper a:focus { text-decoration: underline; } .module_bereichskacheln .service-wrapper a::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -162px; width: 8px; height: 12px; margin-left: 5px; display: inline-block; position: relative; bottom: -1px; } .module_bereichskacheln .service-wrapper a.external-link::after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -1002px; width: 18px; height: 18px; bottom: -3px; } .module_bereichskacheln .service-wrapper .services { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .module_bereichskacheln .cta--link-show-more-kacheln { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; position: relative; padding-right: 3.75rem; transition: color .3s ease, background-color .3s ease; display: none; } [data-whatinput='mouse'] .module_bereichskacheln .cta--link-show-more-kacheln { outline: 0; } .module_bereichskacheln .cta--link-show-more-kacheln:hover, .module_bereichskacheln .cta--link-show-more-kacheln:focus { background-color: #AE130F; color: #000000; } .module_bereichskacheln .cta--link-show-more-kacheln:focus, .module_bereichskacheln .cta--link-show-more-kacheln:hover, .module_bereichskacheln .cta--link-show-more-kacheln:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_bereichskacheln .cta--link-show-more-kacheln.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_bereichskacheln .cta--link-show-more-kacheln:focus, .module_bereichskacheln .cta--link-show-more-kacheln:hover, .module_bereichskacheln .cta--link-show-more-kacheln:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_bereichskacheln .cta--link-show-more-kacheln.active, .module_bereichskacheln .cta--link-show-more-kacheln.current, .module_bereichskacheln .cta--link-show-more-kacheln.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_bereichskacheln .cta--link-show-more-kacheln.active:focus, .module_bereichskacheln .cta--link-show-more-kacheln.active:hover, .module_bereichskacheln .cta--link-show-more-kacheln.active:active, .module_bereichskacheln .cta--link-show-more-kacheln.current:focus, .module_bereichskacheln .cta--link-show-more-kacheln.current:hover, .module_bereichskacheln .cta--link-show-more-kacheln.current:active, .module_bereichskacheln .cta--link-show-more-kacheln.topinpath:focus, .module_bereichskacheln .cta--link-show-more-kacheln.topinpath:hover, .module_bereichskacheln .cta--link-show-more-kacheln.topinpath:active { position: inherit; } .module_bereichskacheln .cta--link-show-more-kacheln.active:focus::after, .module_bereichskacheln .cta--link-show-more-kacheln.active:hover::after, .module_bereichskacheln .cta--link-show-more-kacheln.active:active::after, .module_bereichskacheln .cta--link-show-more-kacheln.current:focus::after, .module_bereichskacheln .cta--link-show-more-kacheln.current:hover::after, .module_bereichskacheln .cta--link-show-more-kacheln.current:active::after, .module_bereichskacheln .cta--link-show-more-kacheln.topinpath:focus::after, .module_bereichskacheln .cta--link-show-more-kacheln.topinpath:hover::after, .module_bereichskacheln .cta--link-show-more-kacheln.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_bereichskacheln .cta--link-show-more-kacheln { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 48em) { .module_bereichskacheln .cta--link-show-more-kacheln { min-width: 300px; min-height: 60px; } } .module_bereichskacheln .cta--link-show-more-kacheln.tiny { padding: 0.6rem; } .module_bereichskacheln .cta--link-show-more-kacheln.small { padding: 0.75rem; } .module_bereichskacheln .cta--link-show-more-kacheln.large { padding: 1.25rem; } .module_bereichskacheln .cta--link-show-more-kacheln::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -970px -675px; width: 25px; height: 25px; } .module_bereichskacheln .cta--link-show-more-kacheln::after.tiny { right: 0.6rem; } .module_bereichskacheln .cta--link-show-more-kacheln::after.small { right: 0.75rem; } .module_bereichskacheln .cta--link-show-more-kacheln::after.large { right: 1.25rem; } .module_bereichskacheln .cta--link-show-more-kacheln:focus, .module_bereichskacheln .cta--link-show-more-kacheln:hover, .module_bereichskacheln .cta--link-show-more-kacheln:active { position: relative; padding-right: 3.75rem; } .module_bereichskacheln .cta--link-show-more-kacheln:focus.tiny, .module_bereichskacheln .cta--link-show-more-kacheln:hover.tiny, .module_bereichskacheln .cta--link-show-more-kacheln:active.tiny { padding: 0.6rem; } .module_bereichskacheln .cta--link-show-more-kacheln:focus.small, .module_bereichskacheln .cta--link-show-more-kacheln:hover.small, .module_bereichskacheln .cta--link-show-more-kacheln:active.small { padding: 0.75rem; } .module_bereichskacheln .cta--link-show-more-kacheln:focus.large, .module_bereichskacheln .cta--link-show-more-kacheln:hover.large, .module_bereichskacheln .cta--link-show-more-kacheln:active.large { padding: 1.25rem; } .module_bereichskacheln .cta--link-show-more-kacheln:focus::after, .module_bereichskacheln .cta--link-show-more-kacheln:hover::after, .module_bereichskacheln .cta--link-show-more-kacheln:active::after { content: ''; position: absolute; top: calc(50% - (25px / 2)); right: 1.125rem; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/Budicon-sprite.png?__blob=normal&v=2); background-position: -50px -806px; width: 25px; height: 25px; } .module_bereichskacheln .cta--link-show-more-kacheln:focus::after.tiny, .module_bereichskacheln .cta--link-show-more-kacheln:hover::after.tiny, .module_bereichskacheln .cta--link-show-more-kacheln:active::after.tiny { right: 0.6rem; } .module_bereichskacheln .cta--link-show-more-kacheln:focus::after.small, .module_bereichskacheln .cta--link-show-more-kacheln:hover::after.small, .module_bereichskacheln .cta--link-show-more-kacheln:active::after.small { right: 0.75rem; } .module_bereichskacheln .cta--link-show-more-kacheln:focus::after.large, .module_bereichskacheln .cta--link-show-more-kacheln:hover::after.large, .module_bereichskacheln .cta--link-show-more-kacheln:active::after.large { right: 1.25rem; } .module_verteiler { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_verteiler { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_verteiler { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_verteiler { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_verteiler { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 48em) { .module_verteiler .kacheln { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; } } @media screen and (min-width: 48em) and (min-width: 64em) { .module_verteiler .kacheln { margin-left: -50px; } } @media screen and (min-width: 48em) { .module_verteiler .kacheln > div { width: calc(50% - 30px); margin-left: 30px; } } @media screen and (min-width: 48em) and (min-width: 64em) { .module_verteiler .kacheln > div { width: calc(33.33333% - 50px); margin-left: 50px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } } .module_verteiler .verteilerkachel { margin-bottom: 20px; } @media screen and (min-width: 48em) { .module_verteiler .verteilerkachel { margin-bottom: 30px; } } @media screen and (min-width: 64em) { .module_verteiler .verteilerkachel { margin-bottom: 50px; } } .module_verteiler .verteilerkachel-p { padding-left: 20px; margin-bottom: 10px; padding-top: 10px; font-size: 16px; color: #333; font-family: "Kohinoor-regular"; } .module_verteiler .verteilerkachel-p small { font-size: 100%; } .module_verteiler .has-background { background: #f0f3f5; position: relative; } .module_verteiler h3, .module_verteiler .h3, .module_verteiler .legend, .module_verteiler legend, .module_verteiler .font-h3-style { -ms-flex-positive: 1; flex-grow: 1; } .module_verteiler h3:only-child, .module_verteiler .h3:only-child, .module_verteiler .legend:only-child, .module_verteiler legend:only-child, .module_verteiler .font-h3-style:only-child { padding-left: 20px; min-height: 50px; } .module_verteiler h3:only-child a, .module_verteiler .h3:only-child a, .module_verteiler .legend:only-child a, .module_verteiler legend:only-child a, .module_verteiler .font-h3-style:only-child a { padding-left: 0; } @media screen and (min-width: 48em) { .module_verteiler h3, .module_verteiler .h3, .module_verteiler .legend, .module_verteiler legend, .module_verteiler .font-h3-style { margin-bottom: 50px; } } .module_verteiler h3 a, .module_verteiler .h3 a, .module_verteiler .legend a, .module_verteiler legend a, .module_verteiler .font-h3-style a { color: #AE130F; font-family: "Kohinoor-regular"; font-size: 100%; } @media screen and (min-width: 48em) { .module_verteiler h3 a, .module_verteiler .h3 a, .module_verteiler .legend a, .module_verteiler legend a, .module_verteiler .font-h3-style a { font-size: 1.5rem; padding-left: 20px; padding-right: 20px; display: inline-block; } } .module_verteiler h3 a:hover, .module_verteiler h3 a:focus-visible, .module_verteiler .h3 a:hover, .module_verteiler .h3 a:focus-visible, .module_verteiler .legend a:hover, .module_verteiler .legend a:focus-visible, .module_verteiler legend a:hover, .module_verteiler legend a:focus-visible, .module_verteiler .font-h3-style a:hover, .module_verteiler .font-h3-style a:focus-visible { text-decoration: underline; } .module_verteiler .verteiler-content { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-right: 10px; position: relative; } @media screen and (min-width: 48em) { .module_verteiler .verteiler-content { -ms-flex-direction: column; flex-direction: column; padding-right: 0; margin-bottom: 0; } } @media screen and (min-width: 64em) { .module_verteiler .verteiler-content { height: 100%; } } .module_verteiler .image-wrapper { width: 30%; margin-right: 20px; } @media screen and (min-width: 48em) { .module_verteiler .image-wrapper { width: 100%; } } body.bereichsseite .module_verteiler [class*="--unit-marker"]:after { display: none; } .module_newsmodul { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_newsmodul { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_newsmodul { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_newsmodul { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_newsmodul { padding-left: 5rem; padding-right: 5rem; } } .module_newsmodul h2, .module_newsmodul .h2, .module_newsmodul .font-h2-style { margin-bottom: 15px; } @media screen and (min-width: 48em) { .module_newsmodul h2, .module_newsmodul .h2, .module_newsmodul .font-h2-style { margin-bottom: 20px; } } .module_newsmodul .module-headline.sub { font-size: 1rem; } .module_newsmodul .verteilerkachel { margin-bottom: 30px; } @media screen and (min-width: 48em) { .module_newsmodul .verteilerkachel { margin-bottom: 60px; } } .module_newsmodul .verteilerkachel > .kachel-wrapper::after { box-shadow: 0 0 0 1px #ffffff; } .module_newsmodul .verteilerkachel .verteiler-content { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .module_newsmodul .verteilerkachel .verteiler-content .verteiler__h { max-width: 100%; margin-bottom: 0; } .module_newsmodul .verteilerkachel .verteiler-content .verteiler__h a { font-family: "Kohinoor-regular"; color: #AE130F; font-size: 1.125rem; display: block; } @media screen and (min-width: 48em) { .module_newsmodul .verteilerkachel .verteiler-content .verteiler__h a { font-size: 1.5rem; line-height: 30px; display: block; } } .module_newsmodul .verteilerkachel .verteiler-content .verteiler__h a:hover, .module_newsmodul .verteilerkachel .verteiler-content .verteiler__h a:focus { text-decoration: underline; } .module_newsmodul .verteilerkachel .verteiler-content .verteilerkachel-p { max-width: 100%; font-family: "Kohinoor-regular"; } @media screen and (max-width: 47.9375em) { .module_newsmodul .verteilerkachel .verteiler-content .verteilerkachel-p { margin-bottom: 6px; } } .module_newsmodul .verteilerkachel .verteiler-content .verteiler-image { max-width: 100%; position: relative; } .module_newsmodul .verteilerkachel .verteiler-content .verteiler-image::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } @media screen and (max-width: 47.9375em) { .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 48em) { .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content { -ms-flex-direction: column; flex-direction: column; } } .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content .verteiler__h { -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-order: 3; order: 3; } @media screen and (min-width: 48em) { .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content .verteiler__h { -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media screen and (max-width: 47.9375em) { .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content .verteilerkachel-p { width: 100%; display: block; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 48em) { .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content .verteilerkachel-p { margin-top: 10px; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content .verteilerkachel-p { margin-top: 4px; margin-bottom: 6px; } } .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content .verteiler-image { -ms-flex: 1 0 0%; flex: 1 0 0%; } @media screen and (max-width: 47.9375em) { .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content .verteiler-image { max-width: 40%; padding-right: 10px; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 48em) { .module_newsmodul .verteilerkachel > .kachel-2-spaltig .verteiler-content .verteiler-image { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_newsmodul .verteilerkachel > .kachel-3-spaltig::after { left: calc(40% - 70px); right: auto; } } .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content { -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content { display: block; } } @media screen and (max-width: 47.9375em) { .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content .verteiler__h { -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 48em) { .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content .verteiler__h { -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-order: 3; order: 3; } .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content .verteiler__h a { margin-top: 0; } } @media screen and (max-width: 47.9375em) { .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content .verteilerkachel-p { -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 48em) { .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content .verteilerkachel-p { margin-bottom: 6px; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 64em) { .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content .verteilerkachel-p { margin-top: 10px; } } .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content .verteiler-image { -ms-flex: 0 0 auto; flex: 0 0 auto; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_newsmodul .verteilerkachel > .kachel-3-spaltig .verteiler-content .verteiler-image { max-width: 40%; padding-right: 10px; float: left; } } .module_newsmodul .module_button { text-align: center; } .module_newsmodul .module_button > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_newsmodul .module_button > a { outline: 0; } .module_newsmodul .module_button > a:hover, .module_newsmodul .module_button > a:focus { background-color: #AE130F; color: #000000; } .module_newsmodul .module_button > a:focus, .module_newsmodul .module_button > a:hover, .module_newsmodul .module_button > a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_newsmodul .module_button > a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_newsmodul .module_button > a:focus, .module_newsmodul .module_button > a:hover, .module_newsmodul .module_button > a:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_newsmodul .module_button > a.active, .module_newsmodul .module_button > a.current, .module_newsmodul .module_button > a.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_newsmodul .module_button > a.active:focus, .module_newsmodul .module_button > a.active:hover, .module_newsmodul .module_button > a.active:active, .module_newsmodul .module_button > a.current:focus, .module_newsmodul .module_button > a.current:hover, .module_newsmodul .module_button > a.current:active, .module_newsmodul .module_button > a.topinpath:focus, .module_newsmodul .module_button > a.topinpath:hover, .module_newsmodul .module_button > a.topinpath:active { position: inherit; } .module_newsmodul .module_button > a.active:focus::after, .module_newsmodul .module_button > a.active:hover::after, .module_newsmodul .module_button > a.active:active::after, .module_newsmodul .module_button > a.current:focus::after, .module_newsmodul .module_button > a.current:hover::after, .module_newsmodul .module_button > a.current:active::after, .module_newsmodul .module_button > a.topinpath:focus::after, .module_newsmodul .module_button > a.topinpath:hover::after, .module_newsmodul .module_button > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_newsmodul .module_button > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 64em) { .module_newsmodul .module_button > a { padding-left: 50px; padding-right: 50px; } } .module_service_teaser { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_service_teaser { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_service_teaser { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_service_teaser { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_service_teaser { padding-left: 5rem; padding-right: 5rem; } } .module_service_teaser > .module-headline.on-lightbackground { background: inherit; } @media screen and (max-width: 47.9375em) { .module_service_teaser > .module-headline { font-size: 24px; } } @media screen and (min-width: 48em) { .module_service_teaser > .module-headline { font-size: 32px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part { margin-bottom: 20px; } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part { margin-bottom: 40px; padding: 0; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part:nth-child(3n) { clear: left; } } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part { margin-bottom: 60px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext { margin: 0; padding: 0; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container { padding: 1.5em; padding: 0.625rem ; position: relative; } @media screen and (min-width: 48em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container { overflow: hidden; } } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container { min-height: 330px; } } @media screen and (min-width: 31em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container { padding: 1.25rem ; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper { display: -ms-flexbox; display: flex; position: relative; } @media screen and (max-width: 63.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper { min-height: 70px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper:before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper:before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -50px -993px; width: 139px; height: 55px; opacity: .5; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper { min-height: 186px; margin-top: 20px; } } @media screen and (max-width: 63.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper { margin-bottom: 20px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper > .module-headline, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper > .module-headline { padding: 0; color: inherit; text-align: center; position: absolute; top: 50%; left: 0; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 47.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper > .module-headline, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper > .module-headline { font-size: 20px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper > .module-headline, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper > .module-headline { font-size: 24px; } } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper > .module-headline, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper > .module-headline { font-size: 32px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module > .module-container > .module-container-wrapper > .module_button, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .richttext > .module-container > .module-container-wrapper > .module_button { width: 100%; padding: 0 40px; margin-top: 20px; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container { background-color: #3b5998; color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module-container-wrapper:before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module-container-wrapper:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -50px -1325px; width: 35px; height: 75px; } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module-container-wrapper:before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module-container-wrapper:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1024px -482px; width: 70px; height: 150px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 3em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; width: 100%; } [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a, [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a { outline: 0; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a:focus { background-color: #AE130F; color: #000000; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a:active { border-color: transparent; color: #ffffff; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.current { border-color: transparent; color: #ffffff; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.topinpath, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.topinpath { cursor: default; border-color: #ffffff; color: #2a363b; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.topinpath:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.topinpath:active { position: inherit; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a.topinpath:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_facebook_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_facebook_teaser.richttext > .module-container > .module_button > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_instagram_teaser > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_instagram_teaser.richttext > .module-container{ background-color: #eeeeee; color: #000000; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module-container-wrapper:before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module-container-wrapper:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -944px -1148px; width: 75px; height: 61px; } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module-container-wrapper:before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module-container-wrapper:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -50px -551px; width: 150px; height: 122px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 3em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; width: 100%; } [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a, [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a { outline: 0; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:focus { background-color: #AE130F; color: #000000; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.topinpath, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.topinpath:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.topinpath:active { position: inherit; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a.topinpath:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_twitter_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:hover { color: #000000; background-color: #ffffff; border-color: #ffffff; } [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_instagram_teaser > .module-container > .module_button > a, [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_instagram_teaser.richttext > .module-container > .module_button > a { outline: 0; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_instagram_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_instagram_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_instagram_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_twitter_teaser.richttext > .module-container > .module_button > a:focus { background-color: #ffffff; color: #000000; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_instagram_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_instagram_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_instagram_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_instagram_teaser.richttext > .module-container > .module_button > a:active { border-color: #ffffff; color: #000000; background-color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_instagram_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_instagram_teaser.richttext > .module-container > .module_button > a:focus { border-color: #dd0b14; color: #000000; background-color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_instagram_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_instagram_teaser.richttext > .module-container > .module_button > a.current { border-color: #ffffff; color: #000000; background-color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container { background-color: #AE130F; color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module-container-wrapper:before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module-container-wrapper:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -289px -993px; width: 70px; height: 50px; } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module-container-wrapper:before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module-container-wrapper:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -528px -551px; width: 140px; height: 100px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 3em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; width: 100%; } [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a, [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a { outline: 0; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a:focus { background-color: #AE130F; color: #000000; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a:active { border-color: transparent; color: #ffffff; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.current { border-color: transparent; color: #ffffff; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.topinpath, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.topinpath { cursor: default; border-color: #ffffff; color: #2a363b; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.topinpath:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.topinpath:active { position: inherit; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a.topinpath:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_youtube_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_youtube_teaser.richttext > .module-container > .module_button > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container { background-color: #f0f3f5; color: #000000; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module-container-wrapper::before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module-container-wrapper::before { opacity: .8; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; width: 100%; } [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a, [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a { outline: 0; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:focus { background-color: #AE130F; color: #000000; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.topinpath, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.topinpath:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.topinpath:active { position: inherit; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a.topinpath:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_grey_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_grey_teaser.richttext > .module-container > .module_button > a:hover { color: #000000; background-color: #ffffff; border-color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container { background-color: #dd0b14; color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #ffffff; color: #ffffff; background-color: transparent; transition: color .3s ease, background-color .3s ease; width: 100%; } [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a, [data-whatinput='mouse'] .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a { outline: 0; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a:focus { background-color: #AE130F; color: #000000; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a:active { border-color: transparent; color: #ffffff; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.current { border-color: transparent; color: #ffffff; background-color: transparent; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a:active { border-color: #ffffff; color: #2a363b; background-color: #ffffff; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.topinpath, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.topinpath { cursor: default; border-color: #ffffff; color: #2a363b; background-color: #ffffff; transition: color .3s ease, background-color .3s ease; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.topinpath:active, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.topinpath:active { position: inherit; } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a.topinpath:active::after, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.module_red_teaser > .module-container > .module_button > a, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module_red_teaser.richttext > .module-container > .module_button > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.icon-briefcase > .module-container > .module-container-wrapper::before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .icon-briefcase.richttext > .module-container > .module-container-wrapper::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1244px -964px; width: 79px; height: 74px; } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.icon-briefcase > .module-container > .module-container-wrapper::before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .icon-briefcase.richttext > .module-container > .module-container-wrapper::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -300px -301px; width: 151px; height: 141px; } } .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.icon-newsletter > .module-container > .module-container-wrapper::before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .icon-newsletter.richttext > .module-container > .module-container-wrapper::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -595px -1148px; width: 75px; height: 75px; } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .module.icon-newsletter > .module-container > .module-container-wrapper::before, .module_service_teaser > .module-container > .module-container-wrapper > .service_teaser_part > .icon-newsletter.richttext > .module-container > .module-container-wrapper::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -50px -301px; width: 150px; height: 150px; } } .module_service_teaser > .module-container > .module_button { text-align: center; } .module_service_teaser > .module-container > .module_button > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_service_teaser > .module-container > .module_button > a { outline: 0; } .module_service_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module_button > a:focus { background-color: #AE130F; color: #000000; } .module_service_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module_button > a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_service_teaser > .module-container > .module_button > a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_service_teaser > .module-container > .module_button > a:focus, .module_service_teaser > .module-container > .module_button > a:hover, .module_service_teaser > .module-container > .module_button > a:active { border-color: #AE130F; color: #ffffff; background-color: #AE130F; } .module_service_teaser > .module-container > .module_button > a.active, .module_service_teaser > .module-container > .module_button > a.current, .module_service_teaser > .module-container > .module_button > a.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_service_teaser > .module-container > .module_button > a.active:focus, .module_service_teaser > .module-container > .module_button > a.active:hover, .module_service_teaser > .module-container > .module_button > a.active:active, .module_service_teaser > .module-container > .module_button > a.current:focus, .module_service_teaser > .module-container > .module_button > a.current:hover, .module_service_teaser > .module-container > .module_button > a.current:active, .module_service_teaser > .module-container > .module_button > a.topinpath:focus, .module_service_teaser > .module-container > .module_button > a.topinpath:hover, .module_service_teaser > .module-container > .module_button > a.topinpath:active { position: inherit; } .module_service_teaser > .module-container > .module_button > a.active:focus::after, .module_service_teaser > .module-container > .module_button > a.active:hover::after, .module_service_teaser > .module-container > .module_button > a.active:active::after, .module_service_teaser > .module-container > .module_button > a.current:focus::after, .module_service_teaser > .module-container > .module_button > a.current:hover::after, .module_service_teaser > .module-container > .module_button > a.current:active::after, .module_service_teaser > .module-container > .module_button > a.topinpath:focus::after, .module_service_teaser > .module-container > .module_button > a.topinpath:hover::after, .module_service_teaser > .module-container > .module_button > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_service_teaser > .module-container > .module_button > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 64em) { .module_service_teaser > .module-container > .module_button > a { padding-left: 50px; padding-right: 50px; } } .module_uber_uns { padding-left: 0.625rem; padding-right: 0.625rem; background: #f0f3f5; margin-bottom: 50px; position: relative; } @media screen and (min-width: 31em) { .module_uber_uns { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_uber_uns { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_uber_uns { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_uber_uns { padding-left: 5rem; padding-right: 5rem; } } .module_uber_uns::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_uber_uns > .module-headline { margin: 0; } .module_uber_uns > .module-headline.on-lightbackground { background: inherit; } .module_uber_uns > .module-headline.centered { max-width: 100%; } @media screen and (max-width: 47.9375em) { .module_uber_uns > .module-headline { font-size: 24px; } } @media screen and (min-width: 48em) { .module_uber_uns > .module-headline { font-size: 32px; } } .module_uber_uns > .module-container > .module-container-wrapper > ul { margin: 40px 0 0 0; list-style: none; display: block; } .module_uber_uns > .module-container > .module-container-wrapper > ul > li { text-align: center; position: relative; } @media screen and (max-width: 47.9375em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li { min-height: 65px; padding: 10px; font-size: 20px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li { min-height: 120px; padding: 10px; margin-bottom: 20px; font-size: 24px; } } @media screen and (min-width: 64em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li { min-height: 160px; padding: 15px; margin-bottom: 40px; font-size: 24px; } } .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon { position: relative; margin-top: 20px; } .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon::before { content: ''; position: absolute; left: calc(50% + 10px); top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 31em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon::before { left: calc(50% + 15px); } } .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-customer:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1244px -790px; width: 86px; height: 74px; } @media screen and (min-width: 48em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-customer:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -490px -773px; width: 128px; height: 110px; } } @media screen and (min-width: 64em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-customer:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -552px -50px; width: 151px; height: 129px; } } .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-company:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1024px -732px; width: 90px; height: 90px; } @media screen and (min-width: 48em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-company:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -803px -271px; width: 121px; height: 121px; } } @media screen and (min-width: 64em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-company:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -301px -50px; width: 151px; height: 151px; } } .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-employee:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1244px -964px; width: 79px; height: 74px; } @media screen and (min-width: 48em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-employee:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -300px -551px; width: 128px; height: 119px; } } @media screen and (min-width: 64em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-employee:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -300px -301px; width: 151px; height: 141px; } } .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-award:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -420px -1148px; width: 75px; height: 75px; } @media screen and (min-width: 48em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-award:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -803px -50px; width: 121px; height: 121px; } } @media screen and (min-width: 64em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-award:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -50px -50px; width: 151px; height: 151px; } } .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-payment:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -50px -1148px; width: 94px; height: 77px; } @media screen and (min-width: 48em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-payment:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -718px -773px; width: 128px; height: 104px; } } @media screen and (min-width: 64em) { .module_uber_uns > .module-container > .module-container-wrapper > ul > li.uber_uns_icon-payment:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -552px -279px; width: 151px; height: 123px; } } .module_uber_uns > .module-container > .module-container-wrapper > ul > li > p { width: 100%; padding: 0; font-family: "Kohinoor-regular"; text-align: center; display: block; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .module_uber_uns > .module-container .module_action { padding-top: 20px; clear: both; } .module_uber_uns > .module-container .module_action > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; } [data-whatinput='mouse'] .module_uber_uns > .module-container .module_action > a { outline: 0; } .module_uber_uns > .module-container .module_action > a:hover, .module_uber_uns > .module-container .module_action > a:focus { background-color: #AE130F; color: #000000; } .module_uber_uns > .module-container .module_action > a:focus, .module_uber_uns > .module-container .module_action > a:hover, .module_uber_uns > .module-container .module_action > a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_uber_uns > .module-container .module_action > a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_uber_uns > .module-container .module_action > a:focus, .module_uber_uns > .module-container .module_action > a:hover, .module_uber_uns > .module-container .module_action > a:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_uber_uns > .module-container .module_action > a.active, .module_uber_uns > .module-container .module_action > a.current, .module_uber_uns > .module-container .module_action > a.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_uber_uns > .module-container .module_action > a.active:focus, .module_uber_uns > .module-container .module_action > a.active:hover, .module_uber_uns > .module-container .module_action > a.active:active, .module_uber_uns > .module-container .module_action > a.current:focus, .module_uber_uns > .module-container .module_action > a.current:hover, .module_uber_uns > .module-container .module_action > a.current:active, .module_uber_uns > .module-container .module_action > a.topinpath:focus, .module_uber_uns > .module-container .module_action > a.topinpath:hover, .module_uber_uns > .module-container .module_action > a.topinpath:active { position: inherit; } .module_uber_uns > .module-container .module_action > a.active:focus::after, .module_uber_uns > .module-container .module_action > a.active:hover::after, .module_uber_uns > .module-container .module_action > a.active:active::after, .module_uber_uns > .module-container .module_action > a.current:focus::after, .module_uber_uns > .module-container .module_action > a.current:hover::after, .module_uber_uns > .module-container .module_action > a.current:active::after, .module_uber_uns > .module-container .module_action > a.topinpath:focus::after, .module_uber_uns > .module-container .module_action > a.topinpath:hover::after, .module_uber_uns > .module-container .module_action > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_uber_uns > .module-container .module_action > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } .module_gefragte_themen { padding-left: 0.625rem; padding-right: 0.625rem; background: #f0f3f5; margin-bottom: 100px; position: relative; } @media screen and (min-width: 31em) { .module_gefragte_themen { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_gefragte_themen { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_gefragte_themen { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_gefragte_themen { padding-left: 5rem; padding-right: 5rem; } } .module_gefragte_themen > .module-headline.on-lightbackground { background: inherit; } @media screen and (max-width: 47.9375em) { .module_gefragte_themen > .module-headline { font-size: 24px; } } @media screen and (min-width: 48em) { .module_gefragte_themen > .module-headline { font-size: 32px; } } .module_gefragte_themen > .module-container > .module-container-wrapper > ul { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } @media screen and (max-width: 47.9375em) { .module_gefragte_themen > .module-container > .module-container-wrapper > ul { margin: 0; } } .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li { display: block; } @media screen and (max-width: 30.9375em) { .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li { margin: 5px; } } @media screen and (min-width: 31em) and (max-width: 47.9375em) { .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li { margin: 8px; } } @media screen and (min-width: 48em) { .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li { margin: 15px; } } .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li > a { background: #ffffff; font-family: "Kohinoor-regular"; color: #AE130F; text-align: center; display: block; } .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li > a:hover, .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li > a:focus-visible { background: #AE130F; color: #ffffff; } @media screen and (max-width: 47.9375em) { .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li > a { padding: 10px; font-size: 18px; line-height: 22px; } } @media screen and (max-width: 30.9375em) { .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li > a { padding: 8px; } } @media screen and (min-width: 48em) { .module_gefragte_themen > .module-container > .module-container-wrapper > ul > li > a { padding: 20px; font-size: 22px; line-height: 28px; } } .module_link_liste { padding-left: 0.625rem; padding-right: 0.625rem; position: relative; } @media screen and (min-width: 31em) { .module_link_liste { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_link_liste { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_link_liste { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_link_liste { padding-left: 5rem; padding-right: 5rem; } } .module_link_liste > .module-headline.on-lightbackground { background: inherit; } .module_link_liste > .module-container { margin: 0 auto; max-width: 770px; } .module_link_liste > .module-container > .module-container-wrapper ul { margin: 0; padding: 0; list-style: none; } .module_link_liste > .module-container > .module-container-wrapper ul > li { margin-bottom: 5px; border-bottom: 1px solid #f0f3f5; display: block; } @media screen and (max-width: 47.9375em) { .module_link_liste > .module-container > .module-container-wrapper ul > li { padding: 5px 0 5px 25px; } } @media screen and (min-width: 48em) { .module_link_liste > .module-container > .module-container-wrapper ul > li { padding: 10px 0 10px 45px; } } .module_link_liste > .module-container > .module-container-wrapper ul > li:first-child { border-top: 1px solid #f0f3f5; } .module_link_liste > .module-container > .module-container-wrapper ul > li > a { color: #AE130F; font-family: "Kohinoor-regular"; position: relative; } @media screen and (max-width: 47.9375em) { .module_link_liste > .module-container > .module-container-wrapper ul > li > a { font-size: 1rem; } } @media screen and (min-width: 48em) { .module_link_liste > .module-container > .module-container-wrapper ul > li > a { font-size: 1.25rem; } } .module_link_liste > .module-container > .module-container-wrapper ul > li > a:hover, .module_link_liste > .module-container > .module-container-wrapper ul > li > a:focus { text-decoration: underline; } .module_link_liste > .module-container > .module-container-wrapper ul > li > a::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -50px; width: 8px; height: 12px; display: inline-block; position: absolute; top: 3px; left: -20px; } @media screen and (min-width: 48em) { .module_link_liste > .module-container > .module-container-wrapper ul > li > a::before { top: 6px; left: -32px; } } .module_link_liste > .module-container > .module-container-wrapper ul > li > a.document::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -166px -1500px; width: 14px; height: 18px; top: 0; left: -23px; } @media screen and (min-width: 48em) { .module_link_liste > .module-container > .module-container-wrapper ul > li > a.document::before { top: 2px; left: -35px; } } .module_link_liste > .module-container > .module-container-wrapper ul > li > a.external-link::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -884px; width: 18px; height: 18px; top: 2px; left: -23px; } @media screen and (min-width: 48em) { .module_link_liste > .module-container > .module-container-wrapper ul > li > a.external-link::before { top: 4px; left: -35px; } } .module_link_liste > .module-container > .module-container-wrapper ul > li > span { text-indent: 0; display: block; } @media screen and (max-width: 47.9375em) { .module_link_liste > .module-container > .module-container-wrapper ul > li > span { font-size: 0.875rem; } } @media screen and (min-width: 48em) { .module_link_liste > .module-container > .module-container-wrapper ul > li > span { font-size: 1rem; } } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > .button-text { background: #f0f3f5; height: 2.6875rem; margin: 0; padding: 0 6px; font-size: 1rem; } @media screen and (min-width: 48em) { .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > .button-text { display: none; } } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > .button-text > p { margin: 0; line-height: 2.6875rem; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul { top: 2.6875rem; } @media screen and (max-width: 47.9375em) { .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li { margin: 0; padding: 0; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li > a { padding-left: 30px; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li > a::before { top: 15px; left: 10px; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li > a.document::before { top: 13px; left: 6px; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li > a.external-link::before { top: 13px; left: 6px; } } @media screen and (min-width: 48em) { .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul { border: none; display: block !important; position: static; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li { border-top: none; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li:first-child { border-top: 1px solid #f0f3f5; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li > a { padding: 0; display: inline; } .module_link_liste > .module-container > .module-container-wrapper > .fake-dropdown > ul > li > a:hover { background-color: transparent; } } @media screen and (max-width: 47.9375em) { .module_link_liste .show-for-large-up { display: none; } } .module_info_box { padding-left: 0.625rem; padding-right: 0.625rem; position: relative; } @media screen and (min-width: 31em) { .module_info_box { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_info_box { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_info_box { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_info_box { padding-left: 5rem; padding-right: 5rem; } } .module_info_box > .module-headline.on-lightbackground { background: inherit; } @media screen and (max-width: 47.9375em) { .module_info_box > .module-headline { font-size: 21px; } } @media screen and (min-width: 48em) { .module_info_box > .module-headline { font-size: 24px; } } .module_info_box > .module-container { max-width: 770px; margin: 0 auto; } .module_info_box > .module-container > .module-container-wrapper { background: #f0f3f5; min-height: 81px; position: relative; } .module_info_box > .module-container > .module-container-wrapper:before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1432px -236px; width: 69px; height: 81px; position: absolute; top: 20px; right: 20px; z-index: 20; } @media screen and (min-width: 31em) { .module_info_box > .module-container > .module-container-wrapper:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1024px -261px; width: 103px; height: 121px; top: 30px; right: 30px; } } @media screen and (max-width: 47.9375em) { .module_info_box > .module-container > .module-container-wrapper { padding: 30px 20px; } } @media screen and (min-width: 48em) { .module_info_box > .module-container > .module-container-wrapper { padding: 20px 40px; } } .module_info_box > .module-container > .module-container-wrapper .headline { position: relative; z-index: 30; } .module_info_box > .module-container > .module-container-wrapper p { position: relative; z-index: 30; } @media screen and (max-width: 47.9375em) { .module_info_box > .module-container > .module-container-wrapper p { font-size: 1.0625rem; } } @media screen and (min-width: 48em) { .module_info_box > .module-container > .module-container-wrapper p { font-size: 1.125rem; } } .module_info_box > .module-container > .module-container-wrapper ul { margin: 0; padding: 0; list-style: none; position: relative; z-index: 30; } .module_info_box > .module-container > .module-container-wrapper ul > li { margin-bottom: 5px; padding-left: 1em; text-indent: -.7em; font-family: "Kohinoor-light"; } .module_info_box > .module-container > .module-container-wrapper ul > li::before { content: '\002022'; padding-right: 7px; color: #AE130F; } @media screen and (max-width: 47.9375em) { .module_info_box > .module-container > .module-container-wrapper ul > li { font-size: 1.0625rem; } } @media screen and (min-width: 48em) { .module_info_box > .module-container > .module-container-wrapper ul > li { font-size: 1.125rem; } } .module_info_box > .module-container > .module-container-wrapper::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_kontakt_box { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_kontakt_box { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_kontakt_box { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_kontakt_box { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_kontakt_box { padding-left: 5rem; padding-right: 5rem; } } .module_kontakt_box > .module-headline.on-lightbackground { background: inherit; } @media screen and (max-width: 47.9375em) { .module_kontakt_box > .module-headline { font-size: 24px; } } @media screen and (min-width: 48em) { .module_kontakt_box > .module-headline { font-size: 32px; } } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card { background: #f0f3f5; position: relative; } @media screen and (max-width: 47.9375em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card { min-height: 160px; margin-bottom: 30px; padding: 20px 20px 20px 120px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card { padding: 30px; } } @media screen and (min-width: 64em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card { min-height: 190px; padding: 20px 20px 20px 185px; } } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle { background: #cccccc; border-radius: 50%; position: relative; } @media screen and (max-width: 47.9375em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle { width: 80px; height: 80px; position: absolute; top: 50%; left: 20px; -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle { width: 80px; height: 80px; margin: 0 auto 30px auto; } } @media screen and (min-width: 64em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle { width: 100px; height: 100px; position: absolute; top: 50%; left: 45px; -ms-transform: translateY(-50%); transform: translateY(-50%); } } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle > img, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle > img { border-radius: 50%; -ms-flex: 1; flex: 1; } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle > span, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle > span { width: 100%; font-family: "Kohinoor-regular"; color: #666666; text-align: center; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 47.9375em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle > span, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle > span { font-size: 20px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle > span, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle > span { font-size: 28px; } } @media screen and (min-width: 64em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > .circle > span, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > .circle > span { font-size: 24px; } } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > span, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > span { font-size: 14px; } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > p, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > p { font-family: "Kohinoor-bold"; } @media screen and (max-width: 47.9375em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > p, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > p { font-size: 16px; } } @media screen and (min-width: 48em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card > p, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card > p { font-size: 18px; } } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul { margin: 10px 0 0 0; padding: 0; list-style: none; } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li { font-family: "Kohinoor-regular"; padding-left: 30px; position: relative; } @media screen and (max-width: 47.9375em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li { font-size: 17px; } } @media screen and (min-width: 48em) { .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li { font-size: 18px; } } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li::before, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li::before { content: ''; padding-right: 15px; } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li.phone:before, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li.phone:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -170px; width: 20px; height: 20px; position: absolute; left: 0; margin-top: 5px; } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li.mail:before, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li.mail:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -429px -1325px; width: 21px; height: 17px; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li.mail, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li.mail { margin-top: 10px; } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li > a, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li > a { color: #AE130F; font-family: inherit; font-size: inherit; } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li > a:hover, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li > a:hover, .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li > a:focus, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li > a:focus { text-decoration: underline; } .module_kontakt_box > .module-container > .module-container-wrapper > .column > .module-card ul > li.phone > a, .module_kontakt_box > .module-container > .module-container-wrapper > .columns > .module-card ul > li.phone > a { color: inherit; } .module_suchergebnis_teaser { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_suchergebnis_teaser { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_suchergebnis_teaser { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_suchergebnis_teaser { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_suchergebnis_teaser { padding-left: 5rem; padding-right: 5rem; } } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry { position: relative; } @media screen and (min-width: 48em) { .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry.hasImage > .text.wrapper { padding-right: 175px; } } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper { background: #f0f3f5; margin-bottom: 20px; padding: 20px; position: relative;} .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:hover, .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:focus, .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:has(a:focus-visible) { background: #AE130F; color: #ffffff; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:has(a:focus-visible) .headline { color: #ffffff; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:hover > span, .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:hover > p, .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:hover > .headline, .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:focus > span, .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:focus > p, .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper:focus > .headline { color: #ffffff; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper > span { font-size: 14px; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper > span > strong { margin-right: 6px; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper > span > span { margin: 0 4px; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper > a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper > .headline { margin: 15px 0 25px 0; color: #AE130F; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper > .headline { font-size: 1.5rem; } } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .text-wrapper > p { margin: 0; } @media screen and (max-width: 47.9375em) { .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .image-wrapper { display: none; } } @media screen and (min-width: 48em) { .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .image-wrapper { background: #cccccc; width: 155px; padding: 10px; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 15px; bottom: 20px; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .image-wrapper > img { max-height: 100%; margin: auto; display: block; -ms-flex: 1; flex: 1; } .module_suchergebnis_teaser > .module-container > .module-container-wrapper > .module-entry > .image-wrapper.video::after { content: ''; background: rgba(0, 0, 0, 0.3); background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1432px -417px; width: 70px; height: 70px; min-width: 70px; min-height: 70px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .module_intro_bereich { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_intro_bereich { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_intro_bereich { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_intro_bereich { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_intro_bereich { padding-left: 5rem; padding-right: 5rem; } } .module_intro_bereich > .headline { text-align: center; } .module_intro_bereich > .headline.on-lightbackground { background: inherit; } @media screen and (max-width: 47.9375em) { .module_intro_bereich > .headline { margin-bottom: 10px; font-size: 1.5rem; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_intro_bereich > .headline { font-size: 2.375rem; } } @media screen and (min-width: 64em) { .module_intro_bereich > .headline { margin-bottom: 30px; font-size: 3rem; } } .module_intro_bereich > .module-container { overflow-x: hidden; } .module_intro_bereich > .module-container > .module-container-wrapper > .column, .module_intro_bereich > .module-container > .module-container-wrapper > .columns { background: #f0f3f5; max-width: 770px; text-align: center; position: relative; } @media screen and (max-width: 47.9375em) { .module_intro_bereich > .module-container > .module-container-wrapper > .column, .module_intro_bereich > .module-container > .module-container-wrapper > .columns { padding: 15px; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_intro_bereich > .module-container > .module-container-wrapper > .column, .module_intro_bereich > .module-container > .module-container-wrapper > .columns { padding: 30px; } } @media screen and (min-width: 64em) { .module_intro_bereich > .module-container > .module-container-wrapper > .column, .module_intro_bereich > .module-container > .module-container-wrapper > .columns { padding: 30px 50px; } } .module_intro_bereich > .module-container > .module-container-wrapper > .column::after, .module_intro_bereich > .module-container > .module-container-wrapper > .columns::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_intro_bereich > .module-container > .module-container-wrapper > .column > .module-headline, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .module-headline { margin-bottom: 10px; text-align: center; } .module_intro_bereich > .module-container > .module-container-wrapper > .column > .module-headline.on-lightbackground, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .module-headline.on-lightbackground { background: inherit; } @media screen and (max-width: 47.9375em) { .module_intro_bereich > .module-container > .module-container-wrapper > .column > .module-headline, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .module-headline { font-size: 1.25rem; } } @media screen and (min-width: 48em) { .module_intro_bereich > .module-container > .module-container-wrapper > .column > .module-headline, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .module-headline { font-size: 1.5rem; } } @media screen and (min-width: 64em) { .module_intro_bereich > .module-container > .module-container-wrapper > .column > .module-headline, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .module-headline { margin-bottom: 0; } } .module_intro_bereich > .module-container > .module-container-wrapper > .column > .breakout, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .breakout { width: 100vw; margin-bottom: 20px; display: -ms-flexbox; display: flex; position: relative; left: 50%; } @media screen and (min-width: 48em) { .module_intro_bereich > .module-container > .module-container-wrapper > .column > .breakout, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .breakout { margin-bottom: 30px; } } .module_intro_bereich > .module-container > .module-container-wrapper > .column > .breakout > *, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .breakout > * { margin-left: auto; margin-right: auto; position: relative; left: -50%; } .module_intro_bereich > .module-container > .module-container-wrapper > .column > .breakout > div, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .breakout > div { min-width: 320px; max-width: 1280px; padding: 0 10px; } .module_intro_bereich > .module-container > .module-container-wrapper > .column > .breakout > div > img, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > .breakout > div > img { margin: 0 auto; display: block; -ms-flex: 1; flex: 1; } .module_intro_bereich > .module-container > .module-container-wrapper > .column > p, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > p { font-size: 1.125rem; } @media screen and (min-width: 48em) { .module_intro_bereich > .module-container > .module-container-wrapper > .column > p, .module_intro_bereich > .module-container > .module-container-wrapper > .columns > p { font-size: 1.25rem; } } .module_glossar_tool { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_glossar_tool { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_glossar_tool { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_glossar_tool { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_glossar_tool { padding-left: 5rem; padding-right: 5rem; } } .module_glossar_tool > .module-container { max-width: 770px; margin: 0 auto; } @media screen and (max-width: 47.9375em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .headline, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .headline { font-size: 1.3125rem; } } @media screen and (min-width: 48em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .headline, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .headline { font-size: 1.5rem; } } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .headline.on-lightbackground, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .headline.on-lightbackground { background: inherit; } @media screen and (max-width: 47.9375em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet { top: 2.6875rem; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet > li > a, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet > li > a { color: #AE130F; position: relative; padding-left: 30px; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet > li > a::after, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet > li > a::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -50px; width: 8px; height: 12px; display: block; position: absolute; top: 16px; left: 10px; } } @media screen and (min-width: 48em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet { margin: 0 -15px; border: none; list-style: none; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; position: static; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet > li, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet > li { padding: 0 12px 24px 12px; border: none; display: block; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet > li > a, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet > li > a { background: #f0f3f5; width: 50px; height: 50px; margin: 0; padding: 0; font-family: "Kohinoor-regular"; color: #000000; font-size: 1.5rem; line-height: 50px; text-align: center; display: block; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet > li > a.active, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet > li > a.active, .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet > li > a:hover, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet > li > a:hover, .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .alphabet > li > a:focus-visible, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .alphabet > li > a:focus-visible { background: #AE130F; color: #ffffff; } } @media screen and (max-width: 47.9375em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .button-text, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .button-text { background: #AE130F; height: 2.6875rem; color: #ffffff; font-size: 1.0625rem; } } @media screen and (min-width: 48em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .button-text, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .button-text { display: none; } } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .button-text > p, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .button-text > p { margin: 0; line-height: 2.6875rem; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .fake-dropdown > .button-text > p::after, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .button-text > p::after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -394px -1500px; width: 12px; height: 8px; top: calc(50% - (12px / 2)); } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list { margin: 0; padding: 0; list-style: none; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li { margin-bottom: 5px; padding: 15px 0 15px 45px; border-bottom: 1px solid #f0f3f5; color: #AE130F; } @media screen and (max-width: 47.9375em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li { padding-left: 25px; } } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li:first-child, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li:first-child { border-top: 1px solid #f0f3f5; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li > a, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li > a { color: inherit; font-family: "Kohinoor-regular"; font-size: 1.125rem; position: relative; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li > a:hover, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li > a:hover, .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li > a:focus, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li > a:focus { text-decoration: underline; } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li > a::before, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li > a::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -50px; width: 8px; height: 12px; color: #AE130F; display: inline-block; position: absolute; top: 3px; left: -20px; } @media screen and (min-width: 48em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li > a::before, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li > a::before { top: 5px; left: -32px; } } .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li > a.external-link::before, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li > a.external-link::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -884px; width: 18px; height: 18px; top: 2px; left: -23px; } @media screen and (min-width: 48em) { .module_glossar_tool > .module-container > .module-container-wrapper > .column > .letter-list > li > a.external-link::before, .module_glossar_tool > .module-container > .module-container-wrapper > .columns > .letter-list > li > a.external-link::before { top: 3px; left: -35px; } } .module_finder_tool { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_finder_tool { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_finder_tool { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_finder_tool { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_finder_tool { padding-left: 5rem; padding-right: 5rem; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper { background: #dd0b14; width: 100%; padding: 20px 0 50px 0; float: left; position: relative; } @media screen and (max-width: 47.9375em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper { padding-bottom: 30px; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .module-headline { color: #ffffff; text-align: center; } @media screen and (max-width: 63.9375em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .module-headline { margin-bottom: 20px; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .module-headline.on-lightbackground { background: inherit; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .module-headline::after { content: ''; margin-left: 30px; display: inline-block; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1602px -648px; width: 20px; height: 18px; } @media screen and (min-width: 48em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .module-headline::after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -753px -993px; width: 40px; height: 37px; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns { position: relative; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown { padding-bottom: 10px; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links { background: white; margin: 0; padding: 0; list-style: none; box-shadow: 0 0 6px #666666; } @media screen and (max-width: 47.9375em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links { top: 45px; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li { margin: 0; padding: 0; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > a, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > a, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > span, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > span { padding: 5px 10px 5px 50px; color: #AE130F; font-family: "Kohinoor-regular"; font-size: 1.125rem; display: block; position: relative; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > a::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > a::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > span::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > span::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -50px; width: 8px; height: 12px; position: absolute; top: 12px; left: 10px; transition: left 0.3s ease; } @media screen and (min-width: 48em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > a::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > a::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > span::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > span::before { left: 20px; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > a:hover, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > a:hover, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > a:focus, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > a:focus { background-color: transparent; color: #333; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > a:hover::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > a:hover::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > a:focus::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > a:focus::before { left: 28px; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul { margin-bottom: 4px; list-style: none; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul > li, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul > li { border: none; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul > li > a, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul > li > a { padding: 1px 10px 1px 55px; color: #AE130F; font-family: "Kohinoor-regular"; font-size: 1rem; display: block; position: relative; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul > li > a:hover, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul > li > a:hover, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul > li > a:focus, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul > li > a:focus { background-color: transparent; color: #333; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul > li > a:hover::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul > li > a:hover::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul > li > a:focus::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul > li > a:focus::before { left: 38px; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul > li > a::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul > li > a::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -50px; width: 8px; height: 12px; position: absolute; top: 6px; left: 20px; transition: left 0.3s ease; } @media screen and (min-width: 48em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .links > li > ul > li > a::before, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .links > li > ul > li > a::before { left: 30px; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .button-text, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .button-text { padding: 15px 0; border: none; border-bottom: 1px solid #ffffff; } @media screen and (max-width: 47.9375em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .button-text, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .button-text { height: auto; padding: 10px 0 8px 0; border-bottom-width: 3px; } } @media screen and (min-width: 48em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .button-text:hover, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .button-text:hover, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .button-text:focus, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .button-text:focus { padding-bottom: 10px; border-bottom-width: 3px; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .button-text > p, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .button-text > p { margin: 0; font-family: "Kohinoor-regular"; color: #ffffff; font-size: 1rem; } @media screen and (min-width: 48em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .button-text > p, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .button-text > p { font-size: 1.5rem; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > .fake-dropdown > .button-text > p::after, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > .fake-dropdown > .button-text > p::after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -394px -1500px; width: 12px; height: 8px; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a { color: #ffffff; font-family: "Kohinoor-regular"; display: block; transition: none; } @media screen and (max-width: 63.9375em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a { margin-top: 40px; text-align: center; } } @media screen and (max-width: 47.9375em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a { margin-top: 20px; font-size: 1.125rem; } } @media screen and (min-width: 48em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a { font-size: 1.5rem; } } @media screen and (min-width: 64em) { .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a { height: 65px; padding: 15px; } } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a:hover, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a:hover, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a:focus, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a:focus { color: #333; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a:hover:after, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a:hover:after, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a:focus:after, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a:focus:after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; } .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .column > a::after, .module_finder_tool > .module-container > .module-container-wrapper > .module-wrapper > .columns > a::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -162px; width: 8px; height: 12px; margin-left: 10px; display: inline-block; } .module_video { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_video { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_video { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_video { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_video { padding-left: 5rem; padding-right: 5rem; } } .module_video > .module-container > .module-container-wrapper { max-width: 770px; /* // JWPlayer Version .jwplayer { .jwcontrols { .jwdisplayIcon { background-image: none !important; .jwtext { display: none; } .jwicon { @include -nsg-image-Budicon---sprite($-nsg-image-Budicon---play-interface---64px---white); transform: none !important; margin: 0 !important; width: 64px !important; height: 64px !important; background-size: initial !important; } } } } .module_video > .module-container > .module-container-wrapper > p { background: #f0f3f5; padding: 10px; display: block; position: relative; } .module_video > .module-container > .module-container-wrapper > p::after { content: ''; background: #f0f3f5; width: 40%; height: 10px; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_video > .module-container > .module-container-wrapper > p::after { top: -10px; bottom: auto; } .module_video > .module-container > .module-container-wrapper > .video-container + p, .module_video > .module-container > .module-container-wrapper > .jwplayer + p { margin-top: -9px; } .module_highlight_teaser { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_highlight_teaser { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_highlight_teaser { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_highlight_teaser { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_highlight_teaser { padding-left: 5rem; padding-right: 5rem; } } @media screen and (max-width: 47.9375em) { .module_highlight_teaser > .module-headline { font-size: 1.5rem; margin-bottom: 0; } } @media screen and (min-width: 48em) { .module_highlight_teaser > .module-headline { font-size: 2rem; } } .module_highlight_teaser > .module-headline.on-lightbackground { background: inherit; } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet { padding: 0; } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } @media screen and (max-width: 47.9375em) { .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper { padding-top: 30px; position: relative; } } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.image-wrapper { font-size: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; position: relative; } @media screen and (max-width: 47.9375em) { .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.image-wrapper { margin-bottom: 10px; -ms-flex-order: 2; order: 2; } } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.image-wrapper::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.image-wrapper > a { display: block; } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.span-wrapper { margin: 5px 0; line-height: 1.1; } @media screen and (max-width: 47.9375em) { .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.span-wrapper { margin-top: 0; -ms-flex-order: 1; order: 1; } } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.span-wrapper > span { font-size: 0.875rem; } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.a-wrapper { display: block; } @media screen and (max-width: 47.9375em) { .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.a-wrapper { -ms-flex-order: 3; order: 3; } } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.a-wrapper > a > .headline { color: #AE130F; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.a-wrapper > a > .headline { font-size: 1.5rem; } } .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.a-wrapper > a > .headline:hover, .module_highlight_teaser > .module-container > .module-container-wrapper > .highlight_teaser_part > .module_highlight_snippet > .module-container > .module-container-wrapper > .module_highlight_inner_wrapper.a-wrapper > a > .headline:focus { color: #333; } .module_mediendownloads { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_mediendownloads { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_mediendownloads { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_mediendownloads { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_mediendownloads { padding-left: 5rem; padding-right: 5rem; } } .module_mediendownloads > .module-headline.on-lightbackground { background: inherit; } .module_mediendownloads > .module-headline.centered { max-width: 100%; } @media screen and (max-width: 47.9375em) { .module_mediendownloads > .module-headline { font-size: 24px; } } @media screen and (min-width: 48em) { .module_mediendownloads > .module-headline { font-size: 32px; } } .module_mediendownloads > .module-container > .module-container-wrapper > p { margin-bottom: 40px; text-align: center; } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile { background: #f0f3f5; min-height: 100px; margin-bottom: 1.250rem; position: relative; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile { min-height: 150px; margin-bottom: 1.875rem; } } @media screen and (min-width: 64em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile { min-height: 200px; margin-bottom: 0; } } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile::before { content: ''; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile::after, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-bilder::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-bilder::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1432px -907px; width: 60px; height: 60px; } @media screen and (min-width: 48em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-bilder::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-bilder::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1244px -238px; width: 88px; height: 88px; } } @media screen and (min-width: 64em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-bilder::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-bilder::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -803px -492px; width: 120px; height: 120px; } } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-grafiken::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-grafiken::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1432px -587px; width: 60px; height: 60px; } @media screen and (min-width: 48em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-grafiken::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-grafiken::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1244px -426px; width: 87px; height: 87px; } } @media screen and (min-width: 64em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-grafiken::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-grafiken::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -50px -773px; width: 120px; height: 120px; } } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-audios::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-audios::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1119px -1148px; width: 60px; height: 55px; } @media screen and (min-width: 48em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-audios::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-audios::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1244px -613px; width: 83px; height: 77px; } } @media screen and (min-width: 64em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-audios::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-audios::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1024px -50px; width: 120px; height: 111px; } } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-publikationen::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-publikationen::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1432px -747px; width: 60px; height: 60px; } @media screen and (min-width: 48em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-publikationen::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-publikationen::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1244px -50px; width: 88px; height: 88px; } } @media screen and (min-width: 64em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile.mediendownloads-publikationen::before, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile.mediendownloads-publikationen::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -270px -773px; width: 120px; height: 120px; } } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile > a, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile > a { width: 100%; padding: 0 10px; font-family: "Kohinoor-regular"; color: #AE130F; font-size: 18px; text-align: center; display: block; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 48em) { .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile > a, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile > a { font-size: 24px; } } .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile > a:hover, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile > a:hover, .module_mediendownloads > .module-container > .module-container-wrapper > .column > .mediendownloads-tile > a:focus, .module_mediendownloads > .module-container > .module-container-wrapper > .columns > .mediendownloads-tile > a:focus { text-decoration: underline; } .module_suchbereich { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_suchbereich { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_suchbereich { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_suchbereich { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_suchbereich { padding-left: 5rem; padding-right: 5rem; } } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="text"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="text"], .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="text"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="text"] { height: auto; min-height: 58px; padding-left: 0; border: none; border-bottom: 2px solid #000000; } @media screen and (max-width: 47.9375em) { .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="text"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="text"], .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="text"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="text"] { min-height: 0; padding-top: 10px; font-size: 1.125rem; } } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"] { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; width: 100%; } [data-whatinput='mouse'] .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"], [data-whatinput='mouse'] .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"], [data-whatinput='mouse'] .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"], [data-whatinput='mouse'] .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"] { outline: 0; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"]:focus { background-color: #AE130F; color: #000000; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"]:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"]:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"]:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"]:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].current, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].current, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].current, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"]:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"]:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"]:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"]:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"]:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"]:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].current, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].current, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].current, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].current, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].topinpath, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].topinpath, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].topinpath, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].active:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].active:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].active:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].active:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].active:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].active:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].active:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].active:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].active:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].active:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].active:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].active:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].current:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].current:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].current:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].current:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].current:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].current:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].current:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].current:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].current:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].current:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].current:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].current:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].topinpath:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].topinpath:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].topinpath:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].topinpath:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].topinpath:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].topinpath:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].topinpath:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].topinpath:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].topinpath:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].topinpath:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].topinpath:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].topinpath:active { position: inherit; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].active:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].active:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].active:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].active:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].active:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].active:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].active:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].active:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].active:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].active:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].active:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].active:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].current:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].current:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].current:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].current:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].current:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].current:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].current:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].current:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].current:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].current:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].current:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].current:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].topinpath:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].topinpath:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].topinpath:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].topinpath:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].topinpath:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].topinpath:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].topinpath:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].topinpath:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"].topinpath:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"].topinpath:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"].topinpath:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"].topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"] { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 47.9375em) { .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > input[type="submit"], .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > input[type="submit"] { padding-left: 12px; padding-right: 12px; font-size: 1rem; } } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .headline { margin: 20px 0 15px 0; font-family: "Kohinoor-bold"; font-size: 1.125rem; } @media screen and (min-width: 48em) { .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .headline { margin: 40px 0 30px 0; padding: 16px 12px; font-size: 1.5rem; } } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 1.125rem; background-color: #ffffff; color: #000000; border-width: 2px; font-family: "Kohinoor-bold"; font-size: 20px; border-color: transparent; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; display: inline-block; text-transform: uppercase; border-color: #2a363b; color: #2a363b; background-color: transparent; transition: color .3s ease, background-color .3s ease; width: 100%; } [data-whatinput='mouse'] .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a, [data-whatinput='mouse'] .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a, [data-whatinput='mouse'] .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a, [data-whatinput='mouse'] .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a { outline: 0; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a:focus { background-color: #AE130F; color: #000000; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a:active { border-color: transparent; color: #AE130F; background-color: transparent; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.current, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.current, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.current, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.current { border-color: transparent; color: #AE130F; background-color: transparent; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a:active { border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.current, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.current, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.current, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.current, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.topinpath, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.topinpath, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.topinpath, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.topinpath { cursor: default; border-color: #dd0b14; color: #ffffff; background-color: #dd0b14; transition: color .3s ease, background-color .3s ease; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.active:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.active:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.active:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.active:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.active:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.active:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.active:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.active:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.active:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.active:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.active:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.active:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.current:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.current:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.current:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.current:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.current:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.current:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.current:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.current:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.current:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.current:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.current:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.current:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.topinpath:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.topinpath:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.topinpath:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.topinpath:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.topinpath:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.topinpath:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.topinpath:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.topinpath:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.topinpath:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.topinpath:active, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.topinpath:active, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.topinpath:active { position: inherit; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.active:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.active:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.active:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.active:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.active:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.active:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.active:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.active:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.active:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.active:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.active:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.active:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.current:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.current:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.current:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.current:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.current:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.current:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.current:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.current:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.current:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.current:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.current:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.current:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.topinpath:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.topinpath:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.topinpath:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.topinpath:focus::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.topinpath:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.topinpath:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.topinpath:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.topinpath:hover::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a.topinpath:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a.topinpath:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a.topinpath:active::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a.topinpath:active::after { content: none; } @media screen and (max-width: 30.9375em) { .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a { display: block; width: 100%; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 47.9375em) { .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .module_button > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .module_button > a { font-size: 1rem; } } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox { margin-bottom: 1rem; padding: 20px 30px; border: 2px solid #000000; display: none; position: relative; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > .headline, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > .headline { font-size: 1.0625rem; font-family: "Kohinoor-bold"; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > span, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > span, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > span, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > span { font-size: 0.875rem; margin-bottom: 10px; display: block; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > ul, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > ul, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > ul, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > ul { margin: 0 -20px 10px 0; list-style: none; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > ul > li, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > ul > li, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > ul > li, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > ul > li { margin: 0 20px 20px 0; display: inline-block; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > ul > li > a { background: #2a363b; padding: 5px 10px; color: #ffffff; font-size: 0.875rem; text-transform: uppercase; display: inline-block; letter-spacing: 1px; } @media screen and (min-width: 48em) { .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > ul > li > a { font-size: 1rem; } } @media screen and (min-width: 64em) { .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > ul > li > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > ul > li > a { font-size: 1.125rem; } } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > ul > li > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > ul > li > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > ul > li > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > ul > li > a:hover, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > ul > li > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > ul > li > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > ul > li > a:focus, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > ul > li > a:focus { background: #AE130F; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .filterbox > .close, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .filterbox > .close, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .filterbox > .close, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .filterbox > .close { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1377px -1325px; width: 12px; height: 12px; position: absolute; top: 20px; right: 30px; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .button-text, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .button-text, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .button-text, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .button-text { overflow: hidden; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .button-text > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .button-text > a, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .button-text > a, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .button-text > a { background: #f0f3f5; margin-right: 20px; padding: 10px; float: left; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .button-text > a > p, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .button-text > a > p, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .button-text > a > p, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .button-text > a > p { margin-bottom: 0; } .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .column > .button-text > a > p::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .column > .button-text > a > p::after, .module_suchbereich > .module-container > .module-container-wrapper > .column > form > .columns > .button-text > a > p::after, .module_suchbereich > .module-container > .module-container-wrapper > .columns > form > .columns > .button-text > a > p::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1377px -1325px; width: 12px; height: 12px; margin-left: 5px; display: inline-block; position: relative; top: 1px; } .module_fliesstext { padding-left: 0.625rem; padding-right: 0.625rem; /*.table-scroll { position: relative; @include breakpoint(large down) { padding: 0; } > .tabelle { margin-left: -5px; border-bottom: 4px solid $color-border-light-grey; border-collapse: separate; border-spacing: 5px; @include breakpoint(medium down) { &::after { content: ''; background: linear-gradient(to left, $white, $white 18%, transparent); width: 3.625rem; height: 100%; position: absolute; top: 0; right: 0; } } caption { padding-left: 5px; } tr:nth-child(even) { background-color: $white; } th, td { border-bottom: 1px solid $color-border-light-grey; } th { background: $tile-background; } > tbody > tr:last-child > th, > tbody > tr:last-child > td { border-bottom: none; } } }*/ } .module_highlight_teaser .module_highlight_inner_wrapper.image-wrapper:has(a:focus-visible), .module_highlight_teaser .module_highlight_inner_wrapper.image-wrapper:has(div:focus-visible) { box-shadow: 0 0 0 2px black; } .module_highlight_teaser .module_highlight_inner_wrapper.a-wrapper > a:hover, .module_highlight_teaser .module_highlight_inner_wrapper.a-wrapper > a:focus-visible { text-decoration: underline; } @media screen and (min-width: 31em) { .module_fliesstext { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_fliesstext { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_fliesstext { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_fliesstext { padding-left: 5rem; padding-right: 5rem; } } .module_fliesstext > .module-container > .module-container-wrapper { padding: 0.625rem ; } @media screen and (min-width: 31em) { .module_fliesstext > .module-container > .module-container-wrapper { padding: 0.625rem ; } } @media screen and (min-width: 48em) { .module_fliesstext > .module-container > .module-container-wrapper { padding: 1.25rem ; } } @media screen and (min-width: 64em) { .module_fliesstext > .module-container > .module-container-wrapper { padding: 1.25rem ; } } @media screen and (min-width: 90em) { .module_fliesstext > .module-container > .module-container-wrapper { padding: 1.25rem ; } } .module_fliesstext > .module-container > .module-container-wrapper ul *, .module_fliesstext > .module-container > .module-container-wrapper ol * { margin-bottom: 0; } .module_fliesstext .module, .module_fliesstext .richttext { padding: 0; } .module_fliesstext + .module_fliesstext { margin-top: -5rem; } .module_service_teaser_small { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_service_teaser_small { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_service_teaser_small { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_service_teaser_small { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_service_teaser_small { padding-left: 5rem; padding-right: 5rem; } } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a { background: #f0f3f5; min-height: 100px; margin-bottom: 20px; padding: 15px; display: block; position: relative; } @media screen and (min-width: 48em) { .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a { min-height: 140px; margin-bottom: 30px; padding: 20px; } } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a:hover, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a:hover, .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a:focus-visible, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a:focus-visible { background: #d5dadc; color: #000000; } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a:hover > .headline, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a:hover > .headline, .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a:focus-visible > .headline, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a:focus-visible > .headline { color: #000000; } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a::before, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1279px -1148px; width: 27px; height: 43px; position: absolute; top: 50%; right: 20px; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 48em) { .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a::before, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a::before { top: auto; bottom: 20px; -ms-transform: none; transform: none; } } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a.download-link::before, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a.download-link::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -459px -993px; width: 50px; height: 43px; } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a.external-link::before, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a.external-link::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1432px -1067px; width: 60px; height: 60px; } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a::after, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a > .headline, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a > .headline { color: #AE130F; margin-bottom: 6px; } @media screen and (min-width: 48em) { .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a > .headline, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a > .headline { margin-bottom: 12px; font-size: 1.5rem; } } .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a > span, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a > span { font-family: "Kohinoor-regular"; font-size: 0.875rem; } @media screen and (min-width: 48em) { .module_service_teaser_small > .module-container > .module-container-wrapper > .column > a > span, .module_service_teaser_small > .module-container > .module-container-wrapper > .columns > a > span { font-size: 1rem; } } .module_tabelle { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_tabelle { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_tabelle { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_tabelle { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_tabelle { padding-left: 5rem; padding-right: 5rem; } } .module_tabelle > .module-container > .module-container-wrapper { position: relative; } @media screen and (max-width: 63.9375em) { .module_tabelle > .module-container > .module-container-wrapper .table-scroll { padding: 0; } } @media screen and (max-width: 47.9375em) { .module_tabelle > .module-container > .module-container-wrapper .table-scroll::after { content: ''; background: linear-gradient(to left, #ffffff, #ffffff 18%, transparent); width: 3.625rem; height: 100%; position: absolute; top: 0; right: 0; } } .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle { margin-left: -5px; //border-bottom: 4px solid #d5dadc; border-collapse: separate; border-spacing: 5px; } .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle caption { padding-left: 5px; } .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle tr:nth-child(even) { //background-color: #ffffff; } .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle th, .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle td { border-bottom: 1px solid #d5dadc; } .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle th { background: #f0f3f5; } .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle th.header { background: #d5dadc; border-bottom: none; } .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle > tbody > tr:last-child > th, .module_tabelle > .module-container > .module-container-wrapper .table-scroll > .tabelle > tbody > tr:last-child > td { border-bottom: none; } .module_termine_veranstaltungen { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_termine_veranstaltungen { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_termine_veranstaltungen { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_termine_veranstaltungen { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_termine_veranstaltungen { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 48em) { .module_termine_veranstaltungen > .module-container > .module-container-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .module_termine_veranstaltungen > .module-container > .module-container-wrapper.dropdown-row { margin-bottom: 10px; } @media screen and (min-width: 64em) { .module_termine_veranstaltungen > .module-container > .module-container-wrapper.dropdown-row { margin-bottom: 30px; } } .module_termine_veranstaltungen > .module-container > .module-container-wrapper.dropdown-row > .column > span, .module_termine_veranstaltungen > .module-container > .module-container-wrapper.dropdown-row > .columns > span { font-size: 0.875rem; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns { margin-bottom: 1.35rem; } @media screen and (min-width: 48em) { .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns { margin-bottom: 1.975rem; } } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > .fake-dropdown > .button-text, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .button-text { height: 32px; margin-right: 5px; padding: 0; } @media screen and (min-width: 48em) { .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > .fake-dropdown > .button-text, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .button-text { height: 43px; } } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > .fake-dropdown > .button-text > p, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .button-text > p { margin-bottom: 5px; font-family: "Kohinoor-regular"; font-size: 1.25rem; padding: 5px 0px 5px 5px; } @media screen and (min-width: 48em) { .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > .fake-dropdown > .button-text > p, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > .fake-dropdown > .button-text > p { font-size: 1.5rem; } } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > .fake-dropdown > ul.links, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > .fake-dropdown > ul.links { top: 43px; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a { background: #f0f3f5; height: 100%; padding: 20px 20px 40px 20px; display: block; overflow: hidden; position: relative; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a::before, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a::before { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a::after, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a::after { top: 20px; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a:hover, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a:hover { color: inherit; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a:hover > .headline, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a:hover > .headline, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a:focus-visible > .headline, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a:focus-visible > .headline { text-decoration: underline; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a > span, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a > span { margin-bottom: 10px; font-size: 0.875rem; font-family: "Kohinoor-light"; display: block; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a > .date-wrapper, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a > .date-wrapper { width: 50px; height: 50px; margin-right: 20px; padding: 2px; border: 3px solid #000000; font-size: 0.875rem; line-height: 1; text-align: center; text-transform: uppercase; float: left; } @media screen and (min-width: 48em) { .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a > .date-wrapper, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a > .date-wrapper { width: 60px; height: 60px; padding: 6px; } } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a > .date-wrapper > span, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a > .date-wrapper > span { margin-bottom: 2px; font-size: 1.375rem; display: block; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a > .date-wrapper > span.small, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a > .date-wrapper > span.small { font-size: 1rem; line-height: 1.375rem; } .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a > .headline, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a > .headline { padding-left: 80px; color: #AE130F; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .column > a > .headline, .module_termine_veranstaltungen > .module-container > .module-container-wrapper > .columns > a > .headline { font-size: 1.5rem; } } .module_ergebnisteaser_facettierung { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_ergebnisteaser_facettierung { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_ergebnisteaser_facettierung { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_ergebnisteaser_facettierung { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_ergebnisteaser_facettierung { padding-left: 5rem; padding-right: 5rem; } } .module_ergebnisteaser_facettierung > .headline { margin-bottom: 20px; text-align: center; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_ergebnisteaser_facettierung > h3.headline, .module_ergebnisteaser_facettierung > .headline.h3, .module_ergebnisteaser_facettierung > .headline.legend, .module_ergebnisteaser_facettierung > legend.headline, .module_ergebnisteaser_facettierung > .headline.font-h3-style { font-size: 1.5rem; } } .module_ergebnisteaser_facettierung > .module-container { margin-top: 40px; } @media screen and (min-width: 64em) { .module_ergebnisteaser_facettierung > .module-container { margin-top: 20px; } } @media screen and (max-width: 63.9375em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns { margin-bottom: 20px; } } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column.module_button, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .module_button.columns { margin-top: 40px; margin-bottom: 40px; text-align: center; } @media screen and (min-width: 64em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column.module_button.module_button-inline, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .module_button.module_button-inline.columns { margin-top: 0; text-align: left; } } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column.module_button > a, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .module_button.columns > a { margin-bottom: 0; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown { border-bottom: 2px solid #000000; } @media screen and (max-width: 47.9375em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .links, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .links { top: 45px; } @media screen and (max-width: 47.9375em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .links, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .links { border: none; position: relative; top: 0; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .links > li, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .links > li { border: none; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .links > li > a, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .links > li > a { padding-left: 0; } } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .button-text, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .button-text { height: 32px; padding: 0; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .button-text, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .button-text { height: 36px; } } @media screen and (min-width: 64em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .button-text, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .button-text { height: 43px; } } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .button-text > p, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .button-text > p { margin-bottom: 5px; color: #666666; font-family: "Kohinoor-regular"; font-size: 1.25rem; } @media screen and (min-width: 64em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .column > .fake-dropdown > .button-text > p, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > form > .columns > .fake-dropdown > .button-text > p { font-size: 1.5rem; } } @media screen and (min-width: 64em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter { text-align: center; } } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > p, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > p { margin: 0 40px 0 0; font-size: 1rem; display: inline-block; } @media screen and (max-width: 47.9375em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > p, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > p { margin-bottom: 10px; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > p:first-child, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > p:first-child { display: block; } } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > a, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > a { margin-right: 15px; font-family: "Kohinoor-light"; font-size: 1rem; text-decoration: underline; display: inline-block; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > a:last-child, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > a:last-child { margin-right: 0; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > a.menu-button, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > a.menu-button { display: none; } @media screen and (min-width: 64em) { .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > a.menu-button, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > a.menu-button { width: 23px; height: 24px; margin-left: 40px; color: transparent; font-size: 0; line-height: 1.5rem; display: inline-block; position: absolute; overflow: hidden; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > a.menu-button > .inner, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > a.menu-button > .inner { width: 23px; height: 19px; display: block; position: absolute; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > a.menu-button > .inner::before, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > a.menu-button > .inner::before { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -893px -993px; width: 23px; height: 19px; position: absolute; left: 0; } .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .column > a.menu-button.grid-view > .inner:before, .module_ergebnisteaser_facettierung > .module-container > .module-container-wrapper > .filter > .columns > a.menu-button.grid-view > .inner:before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1016px -993px; width: 23px; height: 19px; } } .module_ergebnisteaser { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_ergebnisteaser { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_ergebnisteaser { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_ergebnisteaser { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_ergebnisteaser { padding-left: 5rem; padding-right: 5rem; } } .module_ergebnisteaser > .module-container { max-width: 770px; margin: 0 auto; } @media screen and (min-width: 64em) { .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.625rem; margin-right: -0.625rem; } .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .column, .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .columns { width: 50%; padding-left: 0.625rem; padding-right: 0.625rem; } .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .column > .module-entry, .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .columns > .module-entry { display: block; } .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .column > .module-entry > .image-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .columns > .module-entry > .image-wrapper { width: 100%; min-height: 375px; float: none; } .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .column > .module-entry > .image-wrapper::after, .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .columns > .module-entry > .image-wrapper::after { background: #f0f3f5; box-shadow: 0 0 0 1px #f0f3f5; } .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .column > .module-entry > .text-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper.grid-view > .columns > .module-entry > .text-wrapper { width: 100%; padding-bottom: 60px; float: none; position: relative; } } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns { margin-bottom: 20px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry { background: #f0f3f5; height: 100%; position: relative; overflow: hidden; display: -ms-flexbox; display: flex; position: relative; } @media screen and (max-width: 47.9375em) { .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry::before, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry::before { content: ''; position: absolute; right: 20px; bottom: 20px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry::after, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry::after { content: ''; background: #ffffff; width: 40%; height: 10px; box-shadow: 0 0 0 1px #ffffff; position: absolute; right: 0; bottom: 0; z-index: 5; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry.download-link::before, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry.download-link::before { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -459px -993px; width: 50px; height: 43px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry.media > .image-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry.media > .image-wrapper { background: pink; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry.document > .image-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry.document > .image-wrapper { background: aqua; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper { position: relative; } @media screen and (max-width: 47.9375em) { .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper { min-height: 150px; } } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper > span, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper > span { color: #ffffff; text-align: center; position: absolute; text-shadow: 0 0 4px black; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper > span.file, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper > span.file { font-size: 1.125rem; line-height: 1; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper > span.file > span, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper > span.file > span { font-size: 3.5rem; display: block; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper > span.date, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper > span.date { background: #AE130F; width: 180px; height: 130px; padding-top: 35px; border-radius: 65px; font-size: 1.125rem; line-height: 1; display: block; top: 0; left: 0; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper > span.date::after, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper > span.date::after { content: ''; border-left: 40px solid #AE130F; border-bottom: 30px solid transparent; position: absolute; left: 65px; bottom: -30px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper > span.date > span, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper > span.date > span { font-size: 3.5rem; display: block; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .image-wrapper > span.count, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .image-wrapper > span.count { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -459px -993px; width: 50px; height: 43px; line-height: 43px; top: 10px; left: 10px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper { padding: 20px 20px 40px 20px; } @media screen and (max-width: 30.9375em) { .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper { padding-bottom: 60px; } } @media screen and (min-width: 31em) { .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper { position: static; } } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper::after, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper::after { top: 20px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > .breadcrumbs, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > .breadcrumbs { padding-right: 50px; font-size: 0.875rem; line-height: 1.2; display: block; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > .breadcrumbs > strong, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > .breadcrumbs > strong { margin-right: 6px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > .breadcrumbs > span, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > .breadcrumbs > span { margin: 0 4px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > .breadcrumbs > strong + span, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > .breadcrumbs > strong + span { margin-left: -2px; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > a, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > a { display: block; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > a > .headline, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > a > .headline { margin: 10px 0 10px 0; color: #AE130F; } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > a > .headline, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > a > .headline { font-size: 1.5rem; } } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > a > .headline:hover, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > a > .headline:hover, .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > a > .headline:focus, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > a > .headline:focus { text-decoration: underline; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > p, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > p { margin: 0; line-height: 1.2; } .module_ergebnisteaser > .module-container > .module-container-wrapper > .column > .module-entry > .text-wrapper > .fileinfo, .module_ergebnisteaser > .module-container > .module-container-wrapper > .columns > .module-entry > .text-wrapper > .fileinfo { font-size: 0.875rem; position: absolute; bottom: 20px; } .module_pagination { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_pagination { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_pagination { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_pagination { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_pagination { padding-left: 5rem; padding-right: 5rem; } } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li { float: left; padding-right: 0.625rem; } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li:last-child { padding-right: 0; } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li > * { margin: 0 0 1rem 0; padding: .5em 1em; font-size: 1.25rem; text-align: center; line-height: 1.25rem; vertical-align: middle; display: inline-block; } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li > strong { color: #AE130F; } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li > span.page { padding: .5em 0; } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li > .button { text-indent: -9999px; position: relative; } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li > .button::after { content: ''; background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -274px; width: 8px; height: 12px; min-width: 8px; min-height: 12px; font-size: 1.25rem; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li > .button.back::after { -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li > a.button:hover::after { background-image: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/icons-sprite.png?__blob=normal&v=2); background-position: -1722px -162px; width: 8px; height: 12px; } .module_pagination > .module-container > .module-container-wrapper > .module-wrapper > .navIndex > ul > li > span.button { border-color: #000000; color: #000000; opacity: .3; } .module_map { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 31em) { .module_map { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 48em) { .module_map { padding-left: 2.5rem; padding-right: 2.5rem; } } @media screen and (min-width: 64em) { .module_map { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 90em) { .module_map { padding-left: 5rem; padding-right: 5rem; } } .module_map > .module-container { max-width: 770px; margin: 0 auto; position: relative; } .module_map > .module-container #map { height: 300px; } @media screen and (min-width: 48em) { .module_map > .module-container #map { height: 500px; } } .module_map > .module-container h3, .module_map > .module-container .h3, .module_map > .module-container .legend, .module_map > .module-container legend, .module_map > .module-container .font-h3-style { font-family: "Kohinoor-bold"; margin-top: 0; } .module_map > .module-container h3, .module_map > .module-container .h3, .module_map > .module-container .legend, .module_map > .module-container legend, .module_map > .module-container .font-h3-style, .module_map > .module-container p, .module_map > .module-container .cardlink { font-size: 1rem; margin-bottom: 0; line-height: 1.5; } .module_map > .module-container .cardlink { display: block; text-decoration: underline; } .module_map > .module-container p, .module_map > .module-container .cardlink { font-family: "Kohinoor-regular"; } .module_map > .module-container .routePlan-wrapper { overflow: hidden; } @media screen and (min-width: 48em) { .module_map > .module-container .routePlan-wrapper { float: right; width: 30%; padding-left: 15px; } } .module_map > .module-container .routePlan { width: 50%; padding: 15px; border: 2px solid #333333; margin-top: 20px; display: block; text-align: center; overflow: hidden; max-width: 220px; } @media screen and (min-width: 48em) { .module_map > .module-container .routePlan { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-height: 70px; padding: 0px 5px 5px; } } .module_map > .module-container .routePlan > span { padding-left: 30px; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 1rem; text-transform: uppercase; } @media screen and (min-width: 48em) { .module_map > .module-container .routePlan > span { padding-left: 0; font-size: 0.75rem; } } @media screen and (min-width: 48em) { .module_map > .module-container .text-container { padding: 20px; background-color: #fff; position: absolute; top: 20px; left: 20px; width: 80%; } .module_map > .module-container .text-wrapper { max-width: 70%; } } @media screen and (min-width: 48em) and (min-width: 48em) { .module_map > .module-container .text-wrapper { float: left; } } /* ------------------------------ # include separate module_part files ------------------------------ */ .module_part_toggle > .module-container > .module-container-wrapper > .text-wrapper .intro-wrapper { margin-bottom: 25px; } .module_part_toggle > .module-container > .module-container-wrapper > .module_action { width: auto; margin: 0 auto; text-align: center; } .module_part_toggle > .module-container > .module-container-wrapper > .module_action > .cta--link-toggle-show-more-action { margin: 10px auto 5px; } /* ------------------------------ # print ------------------------------ */ /* ------------------------------ # PRINT ------------------------------ */ @media print { /* ------------------------------ # Hide: Modules ------------------------------ */ .module_applikationseinstieg, .module_auswahlliste, .module_auswahlliste.klein, .module_auszeichnungen, .module_bereichsnavigation, .module_bild_galerie, .module_breadcrumb, .module_call_to_action, .module_checkliste.klein, .module_galerie_teaser, .module_geschaeftsstellen_teaser, .module_geschaeftsstellensuche, .module_hotline_teaser, .module_kontakt_teaser, .module_linkliste_klein, .module_links_downloads, .module_markenteaser, .module_navigation, .module_ogs, .back-to-top, .module_recommendation, .module_seo_text, .module_service_container, .module_service_teaser, .module_sucheinstieg, .module_suchergebnisfilter, .module_suchfeld_autocomplete, .module_suchfeld_teaserboxen, .module_testimonial, .module_verteilerkacheln, .module_verteilerkacheln_weiss, .module_verwandte_suchbegriffe, .module_video, .cookie-banner, .nav-meta, .searchTopSlider, .search-expert, .top-bar, .inner-top-bar, .sticky-container, .footer_knappschaft_informationen_service, .module_action, .slick-dots, *:not(a)::after, *:not(a)::before { display: none !important; } /* ------------------------------ # General print styles ------------------------------ */ html, body { font-size: 15px !important; font-family: "Kohinoor-regular" !important; line-height: 20px !important; width: 100% !important; max-width: 100% !important; } html *, body * { font-size: 100% !important; font-family: "Kohinoor-regular" !important; font-color: #000000 !important; line-height: 20px !important; text-align: left !important; position: static !important; } html#body > h1, html#body > .h1, html#body > .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > html.cta--text#body > .headline-main, body#body > h1, body#body > .h1, body#body > .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > body.cta--text#body > .headline-main { position: static !important; width: auto !important; height: auto !important; font-size: 150% !important; padding: 15px !important; margin: 10px 10px 0 !important; border-bottom: 3px solid black !important; border-top: 3px solid black !important; } html a[href]:after, body a[href]:after {} html a[href='#']:after, body a[href='#']:after { content: "" !important; } html table, html th, html td, body table, body th, body td { border: 1px solid #000000 !important; } html .row, body .row { margin: 0 !important; padding: 0 !important; max-width: none !important; } html .fliesstext, body .fliesstext { max-width: none !important; } html .module, html .richttext, body .module, body .richttext { clear: both; display: block; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 20px !important; margin-bottom: 20px !important; } html .module ~ h1, html .richttext ~ h1, html .module ~ .h1, html .richttext ~ .h1, html .module ~ .font-h1-style, html .richttext ~ .font-h1-style, html .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .module ~ .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider html .module_part_slider_element > .cta--text > .module ~ .headline-main, html .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .richttext ~ .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider html .module_part_slider_element > .cta--text > .richttext ~ .headline-main, html .module ~ h2, html .richttext ~ h2, html .module ~ .h2, html .richttext ~ .h2, html .module ~ .font-h2-style, html .richttext ~ .font-h2-style, html .module ~ h3, html .richttext ~ h3, html .module ~ .h3, html .richttext ~ .h3, html .module ~ .legend, html .richttext ~ .legend, html .module ~ legend, html .richttext ~ legend, html .module ~ .font-h3-style, html .richttext ~ .font-h3-style, html .module ~ h4, html .richttext ~ h4, html .module ~ .h4, html .richttext ~ .h4, html .module ~ .font-h4-style, html .richttext ~ .font-h4-style, html .module ~ h5, html .richttext ~ h5, html .module ~ .h5, html .richttext ~ .h5, html .module ~ .font-h5-style, html .richttext ~ .font-h5-style, html .module ~ h6, html .richttext ~ h6, html .module ~ .h6, html .richttext ~ .h6, html .module ~ .font-h6-style, html .richttext ~ .font-h6-style, body .module ~ h1, body .richttext ~ h1, body .module ~ .h1, body .richttext ~ .h1, body .module ~ .font-h1-style, body .richttext ~ .font-h1-style, body .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .module ~ .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider body .module_part_slider_element > .cta--text > .module ~ .headline-main, body .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .richttext ~ .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider body .module_part_slider_element > .cta--text > .richttext ~ .headline-main, body .module ~ h2, body .richttext ~ h2, body .module ~ .h2, body .richttext ~ .h2, body .module ~ .font-h2-style, body .richttext ~ .font-h2-style, body .module ~ h3, body .richttext ~ h3, body .module ~ .h3, body .richttext ~ .h3, body .module ~ .legend, body .richttext ~ .legend, body .module ~ legend, body .richttext ~ legend, body .module ~ .font-h3-style, body .richttext ~ .font-h3-style, body .module ~ h4, body .richttext ~ h4, body .module ~ .h4, body .richttext ~ .h4, body .module ~ .font-h4-style, body .richttext ~ .font-h4-style, body .module ~ h5, body .richttext ~ h5, body .module ~ .h5, body .richttext ~ .h5, body .module ~ .font-h5-style, body .richttext ~ .font-h5-style, body .module ~ h6, body .richttext ~ h6, body .module ~ .h6, body .richttext ~ .h6, body .module ~ .font-h6-style, body .richttext ~ .font-h6-style { margin: 10px !important; padding: 15px !important; border-top: 1px solid black !important; border-bottom: 1px solid black !important; font-size: 130% !important; clear: both; } html .module-headline, body .module-headline { font-size: 130% !important; border-top: 1px double #000000 !important; border-bottom: 1px double #000000 !important; padding-top: 10px !important; margin-bottom: 15px !important; } html .module-headline > span, body .module-headline > span { padding-top: 0 !important; padding-bottom: 0 !important; } html footer .footer_impressum_copyright, body footer .footer_impressum_copyright { padding: 0; border-top: 3px solid black; } div, ul, ol { width: 100% !important; } img, picture, button, .image-wrapper, .image-container, .picture, .button { display: none !important; } .infoButton { vertical-align: baseline !important; color: inherit !important; height: auto !important; width: auto !important; margin: 0 !important; overflow: visible !important; padding-right: 0 !important; } /* ------------------------------ # include separate print module files ------------------------------ */ .module_3_fakten_box .fakten_field { padding: 0 !important; height: auto !important; } .module_3_fakten_box .white-textbox { padding: 10px !important; } .module_akkordeon .fliesstext { max-width: none !important; } .module_akkordeon .accordion-button { padding: 10px !important; } .module_akkordeon .accordion-button::after, .module_akkordeon .accordion-button::before { display: none !important; } .module_akkordeon .accordion-elem { display: block !important; padding: 10px !important; } .module_bild_text_galerie .module-container { margin: 0 !important; } .module_bild_text_galerie .module-container .bild_text_galerie_wrapper { margin: 0 !important; } .module_bild_text_galerie .module-container .text_wrapper { padding: 10px !important; } .module_bild_text_galerie .module-container .text_wrapper > h3, .module_bild_text_galerie .module-container .text_wrapper > .h3, .module_bild_text_galerie .module-container .text_wrapper > .legend, .module_bild_text_galerie .module-container .text_wrapper > legend, .module_bild_text_galerie .module-container .text_wrapper > .font-h3-style { margin-bottom: 10px !important; } .module_bild_text_galerie .module-container .text_wrapper > p { padding: 0 !important; margin: 0 !important; } .module_buehne .module-headline { margin: 9px !important; padding-left: 0 !important; padding-right: 0 !important; display: block !important; position: relative !important; -ms-transform: none !important; transform: none !important; left: 0 !important; top: 0 !important; } .module_buehne .module-container { min-height: unset !important; } .module_buehne .module-container .navigation, .module_buehne .module-container .site-indicator { display: none !important; } .module_buehne_mit_bild .headline-container { padding: 0 !important; } .module_checkliste .module-headline { text-align: left !important; padding: 15px !important; } .module_checkliste .checklist-item { margin-bottom: 0 !important; padding: 10px 10px !important; } .module_checkliste .checklist-item .headline-main { display: block !important; } .module_checkliste .checklist-item .headline-sub { font-weight: normal !important; } .module_fliesstext .fliesstext { max-width: none !important; } .module_formular .module-headline { text-align: left !important; padding: 15px !important; } .module_formular > .module-container > h1, .module_formular > .module-container > .h1, .module_formular > .module-container > .font-h1-style, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element.module_formular > .cta--text.module-container > .headline-main, .module_formular > .module-container > h2, .module_formular > .module-container > .h2, .module_formular > .module-container > .font-h2-style, .module_formular > .module-container > h3, .module_formular > .module-container > .h3, .module_formular > .module-container > .legend, .module_formular > .module-container > legend, .module_formular > .module-container > .font-h3-style { margin: 10px !important; padding: 15px !important; border-top: 1px solid black !important; border-bottom: 1px solid black !important; font-size: 130% !important; clear: both !important; } .module_formular > .module-container > div.abstract { padding: 10px !important; } .module_formular > .module-container .teaserText-wrapper { padding: 10px !important; } .module_formular > .module-container input, .module_formular > .module-container select, .module_formular > .module-container textarea { border: 1px solid black !important; } .module_formular > .module-container input.checkbox + label, .module_formular > .module-container input.checkbox + .form-group-caption, .module_formular > .module-container input.checkbox + .form-element-caption, .module_formular > .module-container input.radio + label, .module_formular > .module-container input.radio + .form-group-caption, .module_formular > .module-container input.radio + .form-element-caption, .module_formular > .module-container select.checkbox + label, .module_formular > .module-container select.checkbox + .form-group-caption, .module_formular > .module-container select.checkbox + .form-element-caption, .module_formular > .module-container select.radio + label, .module_formular > .module-container select.radio + .form-group-caption, .module_formular > .module-container select.radio + .form-element-caption, .module_formular > .module-container textarea.checkbox + label, .module_formular > .module-container textarea.checkbox + .form-group-caption, .module_formular > .module-container textarea.checkbox + .form-element-caption, .module_formular > .module-container textarea.radio + label, .module_formular > .module-container textarea.radio + .form-group-caption, .module_formular > .module-container textarea.radio + .form-element-caption { border: 1px solid black !important; padding: 10px !important; width: 100% !important; } .module_formular > .module-container .legend { display: none !important; } .module_formular .highlighted-text { margin-bottom: 0 !important; } .module_highlight_text .module-headline { text-align: left !important; padding: 15px !important; } .module_highlight_text .highlighted-text { margin-bottom: 0 !important; padding-left: 10px !important; } .module_highlight_text .bodyText-wrapper { padding-left: 10px !important; } .module_intro_text { padding-left: 20px !important; } .module_intro_text .fliesstext { max-width: none !important; } .module_intro_text .fliesstext h1, .module_intro_text .fliesstext .h1, .module_intro_text .fliesstext .font-h1-style, .module_intro_text .fliesstext .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_part_slider_element > .cta--text > .headline-main, .module_galerie_teaser > .module-container > .module-container-wrapper > .galerie_slider .module_intro_text .fliesstext .module_part_slider_element > .cta--text > .headline-main, .module_intro_text .fliesstext h2, .module_intro_text .fliesstext .h2, .module_intro_text .fliesstext .font-h2-style, .module_intro_text .fliesstext h3, .module_intro_text .fliesstext .h3, .module_intro_text .fliesstext .legend, .module_intro_text .fliesstext legend, .module_intro_text .fliesstext .font-h3-style, .module_intro_text .fliesstext h4, .module_intro_text .fliesstext .h4, .module_intro_text .fliesstext .font-h4-style, .module_intro_text .fliesstext h5, .module_intro_text .fliesstext .h5, .module_intro_text .fliesstext .font-h5-style, .module_intro_text .fliesstext h6, .module_intro_text .fliesstext .h6, .module_intro_text .fliesstext .font-h6-style { margin-bottom: 0 !important; } .module_intro_text .collapse-wrapper { display: block !important; } .module_newsteaser .teaser-listentry, .module_newsteaser .teaser-hightlight { padding: 10px 0 !important; } .module_newsteaser .teaser.teaser-listentry { border-bottom: 1px dotted #000000 !important; } /* ============================== # Expertensuche > Pagination ============================== */ .navIndex { display: none !important; } /* ============================== # Expertensuche > Suchergebnisliste ============================== */ .solrSortResults { display: none !important; } .searchresult .search-result-item { min-height: unset !important; text-decoration: none !important; position: relative !important; } .searchresult .search-result-item .text-container { border-bottom: 1px dotted #000000 !important; padding-bottom: 30px !important; } .searchresult .search-result-item::after { position: absolute !important; bottom: 15px; left: 12px; } } .checkbox-container input[type="checkbox"].checkbox { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); visibility: visible; } /* ============================== * Stoerer * ============================== */ @keyframes slide-out{ 0% { width: 600px; } 100% { right: 20px; width: 104px; } } @keyframes text-slide-out { 0% { opacity: 1; right: 20px; width: 420px; } 100% { opacity: 0; right: 0px; width: 0; } } @keyframes slide-in { 0% { right: 20px; width: 104px; } 100% { width: 600px; } } @keyframes text-slide-in { 0% { right: 20px; width: 0px; } 100% { width: 420px; } } .module_stoerer { background: #ffb713; margin: 0; padding: 0; width: auto; } .module_stoerer .module-wrapper{ display: flex; align-items: center; gap: 20px; padding: 20px; } .module_stoerer .image_wrapper { font-size: 0; } .module_stoerer .image_wrapper svg { width: 64px; height: 64px; } .module_stoerer.rot { background: #AE130F; } .module_stoerer.rot * { color: white; } .module_stoerer.rot svg { filter: invert(1); } .module_stoerer.rot a:hover { text-decoration: underline; } .module_stoerer .text_wrapper{ display:inline-block; padding: 5px 0; width: 75%; flex: 1; } .module_stoerer .text_wrapper h3, .module_stoerer .text_wrapper p{ font-size: 16px; margin: 0; padding: 0; } .module_stoerer .text_wrapper h3{ font-size: 22px; } @media only screen and (min-width: 1024px){ .module_stoerer .module-wrapper{ height: 110px; } .module_stoerer.hover{ animation-name: slide-out; animation-duration: 1s; width: 104px; height: auto; } .module_stoerer.hover .text_wrapper{ animation-name: text-slide-out; animation-duration: 1s; opacity: 0; height: 0; width: 0; } .module_stoerer.hover .module-wrapper:after{ animation-name: slide-out; animation-duration: 1s; opacity: 0; height: 0; width: 0; } } @media screen and (min-width: 64em) { .module_stoerer { animation-name: slide-in; animation-duration: 1s; position: fixed; width:600px; right: 20px; top: 180px; z-index: 110; height: 110px; max-height: 110px; overflow: hidden; } .module_stoerer .text_wrapper{ animation-name: text-slide-in; animation-duration: 1s; max-height: 110px; overflow: hidden; width: 420px; } .module_stoerer::before{ width: 110px; } .module_stoerer.rot .module-wrapper::after{ filter: invert(1); } .module_stoerer .module-wrapper::after{ content: ''; background: url(https://www.kbs.de/SiteGlobals/Frontend/img/KBS/stoerer_pfeil_icon.svg?__blob=normal&v=2) 50% no-repeat; display: inline-block; height: 54px; width: 54px; scale: 2; } } /*******************************************************************/ /* Tabellen Formatierungen */ /*******************************************************************/ /* Farben Defs fuer Tabellen */ .module_tabelle .hellgrau { background: #d5dadc; } .module_tabelle .mittelgrau { background: #9b9b9b } /* Hellgrau */ .module_tabelle table.borderedhellgrau, .module_tabelle table.borderedhellgrau td, .module_tabelle table.borderedhellgrau th { border: 1px solid #d5dadc !important; border-spacing: 0 !important; } /* Mittelgrau */ .module_tabelle table.borderedmittelgrau, .module_tabelle table.borderedmittelgrau td, .module_tabelle table.borderedmittelgrau th { border: 1px solid #9b9b9b !important; border-spacing: 0 !important; } /* Knappschafts-Rot */ .module_tabelle table.bordereddunkelrot, .module_tabelle table.bordereddunkelrot td, .module_tabelle table.bordereddunkelrot th { border: 1px solid #ae130f !important; border-spacing: 0 !important; } /* Schwarz */ .module_tabelle table.borderedschwarz, .module_tabelle table.borderedschwarz td, .module_tabelle table.borderedschwarz th { border: 1px solid #000000 !important; border-spacing: 0 !important; }