.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption,
figure {
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 */
button {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

button,
[type=button],
[type=reset],
[type=submit] {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Add the correct display in IE 9-.
 */
menu {
  display: block;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.clear {
  height: 0.1px;
  font-size: 0.1px;
  line-height: 0.1px;
  clear: both;
}

.invisible, .nav-main, .fe-unsichtbar {
  width: 0;
  height: 0;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline;
}

.video_container video, .video_container audio {
  width: 100%;
  height: auto;
}

.responsive {
  position: relative;
  height: 0;
  box-sizing: content-box;
}
.responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive.ratio-169 {
  padding-bottom: 56.25%;
}
.responsive.ratio-1610 {
  padding-bottom: 62.5%;
}
.responsive.ratio-219 {
  padding-bottom: 42.8571%;
}
.responsive.ratio-43 {
  padding-bottom: 75%;
}
.responsive.ratio-32 {
  padding-bottom: 66.6666%;
}

/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* HTML-Tags und Klassen */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  background: #262626;
  color: #fff;
}

::-moz-selection {
  background-color: #fffc04;
  color: #000;
}

::selection {
  background-color: #fffc04;
  color: #000;
}
.bg-yellow ::-moz-selection {
  background-color: #000;
  color: #fff;
}
.bg-yellow ::selection {
  background-color: #000;
  color: #fff;
}

a {
  color: #fffc04;
  text-decoration-thickness: 1px;
  text-decoration-style: dashed;
  text-underline-offset: 0.25em;
  transition: 0.25s;
}
a:hover {
  color: #fff;
  text-underline-offset: 0.4em;
}

.ce_text p:first-child,
.ce_text figure:first-child {
  margin-top: 0;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

video {
  width: 100%;
  height: auto;
}

iframe {
  display: block;
  border: 0;
}

hr {
  clear: both;
  border: 0;
  border-bottom: 1px solid #fff;
  margin: 1rem 0;
}

.blocklink, .download-element a {
  display: block;
}

.float_left,
.float_right {
  margin-bottom: 0.5555555556rem;
}

.float_above,
.float_below {
  text-align: center;
}

@media (min-width: 720px) {
  .float_left {
    float: left;
    margin-right: 1.1111111111rem;
    max-width: 40%;
  }
  .float_right {
    float: right;
    margin-left: 1.1111111111rem;
    max-width: 40%;
  }
}
.btn, .ce_hyperlink.button a, button.submit, a.toplink {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fffc04;
  color: #fff;
  text-decoration: none;
  padding: 0.25em 1.1111111111rem;
  border: 0;
}
@media (min-width: 720px) {
  .btn, .ce_hyperlink.button a, button.submit, a.toplink {
    display: inline-block;
    width: unset;
  }
}
.btn:hover, .ce_hyperlink.button a:hover, button.submit:hover, a.toplink:hover {
  background-color: #fff;
}

.visible {
  width: auto;
  height: auto;
  left: auto;
  top: auto;
  position: unset;
  overflow: visible;
  display: block;
}

.crisp {
  image-rendering: -webkit-pixelated;
  image-rendering: pixelated;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

table {
  border-collapse: collapse;
}

td, th {
  text-align: left;
  vertical-align: top;
  padding: 0.4em 1.1111111111rem;
  border-top: 1px solid #a6a6a6;
}
td.col_first, td:first-child, th.col_first, th:first-child {
  padding-left: 0;
}
td.col_last, td:last-child, th.col_last, th:last-child {
  padding-right: 0;
}
.row_0 td, .row_0 th {
  border-top: 0;
}
thead td, thead th {
  border-top: 0;
  border-bottom: 1px solid #a6a6a6;
}
td p, th p {
  margin: 0;
}

.bg-black {
  background-color: #262626;
  color: #fff;
}

.bg-grey {
  background-color: #a6a6a6;
  color: #000;
}

.bg-lightgrey {
  background-color: #d2c9c8;
  color: #000;
}

.bg-white {
  background-color: #fff;
  color: #262626;
}

.bg-yellow {
  background-color: #fffc04;
  color: #262626;
}

.bg-lightgrey h1, .bg-lightgrey h2, .bg-lightgrey .content-description-list.dl1 dl dt, .content-description-list.dl1 dl .bg-lightgrey dt, .bg-lightgrey a, .bg-lightgrey ::marker,
.bg-white h1,
.bg-white h2,
.bg-white .content-description-list.dl1 dl dt,
.content-description-list.dl1 dl .bg-white dt,
.bg-white a,
.bg-white ::marker,
.bg-yellow h1,
.bg-yellow h2,
.bg-yellow .content-description-list.dl1 dl dt,
.content-description-list.dl1 dl .bg-yellow dt,
.bg-yellow a,
.bg-yellow ::marker {
  color: inherit;
}

/* karla-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Karla";
  font-style: normal;
  font-weight: 300;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-300.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-300.ttf") format("truetype");
}
/* karla-300italic - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: italic;
  font-weight: 300;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-300italic.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-300italic.ttf") format("truetype");
}
/* karla-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-regular.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-regular.ttf") format("truetype");
}
/* karla-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: italic;
  font-weight: 400;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-italic.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-italic.ttf") format("truetype");
}
/* karla-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: normal;
  font-weight: 500;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-500.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-500.ttf") format("truetype");
}
/* karla-500italic - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: italic;
  font-weight: 500;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-500italic.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-500italic.ttf") format("truetype");
}
/* karla-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: normal;
  font-weight: 600;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-600.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-600.ttf") format("truetype");
}
/* karla-600italic - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: italic;
  font-weight: 600;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-600italic.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-600italic.ttf") format("truetype");
}
/* karla-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-700.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-700.ttf") format("truetype");
}
/* karla-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "Karla";
  font-style: italic;
  font-weight: 700;
  src: url("../../files/theme-hamann/dist/fonts/karla-v30-latin-700italic.woff2") format("woff2"), url("../../files/theme-hamann/dist/fonts/karla-v30-latin-700italic.ttf") format("truetype");
}
html {
  font-family: avenir-next-lt-pro, Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;
  font-weight: 400;
}
@media (min-width: 720px) {
  html {
    font-size: 1.0625rem;
  }
}
@media (min-width: 1080px) {
  html {
    font-size: 1.125rem;
  }
}

b, strong {
  font-weight: 800;
}

h1, h2, .content-description-list.dl1 dl dt, h3,
.h1, .h2, .h3 {
  font-family: avenir-next-lt-pro, Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;
}

h1, h2, .content-description-list.dl1 dl dt, h3, h4, .toggler, h5, h6,
.h1, .h2, .h3, .h4, .h5 {
  margin-top: 1.5em;
  margin-bottom: 1rem;
}
h1 + *, h2 + *, .content-description-list.dl1 dl dt + *, h3 + *, h4 + *, .toggler + *, h5 + *, h6 + *,
.h1 + *, .h2 + *, .h3 + *, .h4 + *, .h5 + * {
  margin-top: 0;
}

h1, h2, .content-description-list.dl1 dl dt, h3 {
  line-height: 1.2;
}

h1, .content-headline.h1,
.h1 > :is(h1, h2, .content-description-list.dl1 dl dt, h3, h4, .toggler, h5, h6) {
  color: #fffc04;
  font-size: 1.7777777778rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

h2, .content-description-list.dl1 dl dt, .content-headline.h2,
.h2 > :is(h1, h2, .content-description-list.dl1 dl dt, h3, h4, .toggler, h5, h6) {
  color: #fffc04;
  font-size: 1.5555555556rem;
  font-weight: 800;
  letter-spacing: normal;
  text-transform: uppercase;
}

h3, .content-headline.h3,
.h3 > :is(h1, h2, .content-description-list.dl1 dl dt, h3, h4, .toggler, h5, h6) {
  color: inherit;
  font-size: 1.3333333333rem;
  font-weight: 800;
  letter-spacing: normal;
  text-transform: uppercase;
}

h4, .toggler, .content-headline.h4,
.h4 > :is(h1, h2, .content-description-list.dl1 dl dt, h3, h4, .toggler, h5, h6) {
  color: inherit;
  font-size: 1.1666666667rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

h5, .content-headline.h5,
.h5 > :is(h1, h2, .content-description-list.dl1 dl dt, h3, h4, .toggler, h5, h6) {
  color: inherit;
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 0;
  letter-spacing: normal;
  text-transform: none;
}

.giant {
  color: #fffc04 !important;
  font-size: 15vw;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: normal;
  text-transform: none;
  margin-block: 20vh;
}
@media (min-width: 960px) {
  .giant {
    font-size: 8em;
  }
}

ul, ol {
  padding-left: 1.25em;
}
ul ::marker, ol ::marker {
  color: #fffc04;
  font-weight: 800;
}

/* Layout */
[id=main] .mod_article:not(.breit) .article-inside, [id=footer] .inside {
  max-width: 1080px;
  margin-inline: auto;
}

[id=main] .mod_article:not(.breit), [id=footer], [id=header] {
  padding-inline: 5vw;
  width: 100%;
}

[id=wrapper] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[id=header] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
}
[id=header] .inside {
  max-width: 1920px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-block: 2vh;
}

a#logo {
  position: relative;
}
@media (min-height: 54em) {
  a#logo {
    z-index: 200;
  }
}
@media (min-width: 1800px) {
  a#logo {
    position: fixed;
  }
}

#logo img {
  width: 7.4vw;
  min-width: 60px;
  max-width: 80px;
}

[id=footer] {
  background: #444;
  color: #d2c9c8;
  width: 100%;
  position: sticky;
  bottom: 0;
  z-index: 1;
}
[id=footer] a {
  color: inherit;
}
[id=footer] .inside {
  padding-block: 2em;
  display: flex;
  justify-content: space-between;
}

[id=container] {
  flex: 1;
  width: 100%;
  line-height: 1.5;
  position: relative;
  z-index: 2;
  background: #262626;
}
[id=container] > * {
  box-sizing: border-box;
}

[id=main] .mod_article:not(.breit) {
  padding-block: 4vh;
}
[id=main] .mod_article:not(.breit):first-child {
  margin-top: calc(80px + 4vh);
}
[id=main] .mod_article.hero {
  padding-block: 0;
  min-height: 48vw;
}
[id=main] .mod_article.hero .article-inside {
  padding-block: 4vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 40vw;
}
[id=main] .mod_article.hero .article-inside > * {
  position: relative;
}
[id=main] .mod_article.hero .content-image:first-child,
[id=main] .mod_article.hero .content-player:first-child {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
[id=main] .mod_article.hero .content-image:first-child img,
[id=main] .mod_article.hero .content-player:first-child img {
  width: 100%;
}
[id=main] .mod_article.hero .start-hero-text {
  max-width: 20.5rem;
  align-self: flex-end;
  margin-top: 60px;
}
@media (max-width: 500px) {
  [id=main] .mod_article.hero .start-hero-text h1 {
    font-size: 1.5rem;
  }
}
@media (min-width: 500px) {
  [id=main] .mod_article.hero .start-hero-text {
    max-width: 24.2rem;
  }
}
@media (min-width: 960px) {
  [id=main] .mod_article.hero .start-hero-text {
    max-width: 47.6rem;
  }
}
[id=main] .mod_article.hero .giant {
  margin-bottom: 0;
}
[id=main] .mod_article.hero:first-child {
  margin-top: 0;
}

.stoerer {
  position: fixed;
  right: -0.5em;
  top: 60%;
  width: 6.25em;
  background: #a6a6a6;
  color: #262626;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 0.3em 0 0 0.3em;
  overflow: hidden;
  transition: 0.25s;
}
.stoerer:hover {
  right: 0;
}
.stoerer a {
  display: block;
  padding: 0.5em;
  color: inherit;
  text-decoration: none;
  transition: 0.25s;
}
.stoerer a:hover {
  background: #fffc04;
}
@media (max-width: 720px) {
  .stoerer {
    display: none;
  }
}

div:has(> a.ccb-trigger) {
  display: inline;
}

.ce_form {
  margin: 1.1111111111rem 0;
}

[id=main] .widget {
  margin: 1em 0;
}

label {
  display: block;
}

.textfeld, textarea, input.text,
input.captcha {
  width: 100%;
  border: 1px solid #fffc04;
  border-radius: 0;
  padding: 0.5555555556rem 1.1111111111rem;
}

button.submit {
  cursor: pointer;
}

span.mandatory {
  color: #fffc04;
  margin-left: 0.25em;
}

p.error {
  color: #f34910;
  margin-bottom: 0.25em;
}

input.error {
  border-color: #f34910 !important;
}

.checkbox_container,
.radio_container {
  padding: 0;
  border: 0;
}
.checkbox_container span,
.radio_container span {
  display: flex;
}
.checkbox_container span input,
.radio_container span input {
  width: 1em;
  height: 1.3333em;
  margin-right: 1em;
}

.getting-to {
  width: 7.6em;
  height: 7.6em;
  background: currentColor;
}
.getting-to.gelb {
  color: #fffc04;
}
.getting-to.grau {
  color: #a6a6a6;
}
.getting-to.weiss {
  color: #fff;
}
.getting-to.hellgrau {
  color: #d2c9c8;
}
.getting-to .inside {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.2em;
  height: 100%;
  line-height: 1.15;
}
.getting-to .inside::before, .getting-to .inside::after {
  content: "";
  position: absolute;
  z-index: -1;
  background: #262626;
}
.getting-to .inside::before {
  left: 0.8em;
  top: 0.8em;
  right: 0.8em;
  bottom: 0.8em;
}
.getting-to .inside::after {
  left: 0;
  top: 2.5em;
  right: 0;
  bottom: 2.5em;
}
.getting-to .inside span {
  display: block;
}
.getting-to .inside span.line1 {
  font-weight: 400;
  margin-top: 0.2em;
}
.getting-to .inside span.line2 {
  font-weight: 800;
}
.getting-to.dreizeilig .inside span {
  font-size: 1.3em;
}

.hero {
  position: relative;
}
.hero .getting-to {
  position: absolute;
  left: 54%;
  top: 50%;
  transform: translateY(-50%);
  font-size: min(1.5em, 2.8vw);
  mix-blend-mode: lighten;
}

.breit .content-player {
  position: relative;
  aspect-ratio: 2.5;
}
.breit .content-player figure {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.content-player video {
  background-color: #000;
}
.content-player figcaption {
  font-size: 0.75em;
  opacity: 0.6;
  text-align: right;
  padding-block: 0.25em;
}
.hero .content-player figcaption {
  padding-inline: 1.5em;
}

.saturate-60 video {
  filter: saturate(0.6);
}

.saturate-40 video {
  filter: saturate(0.4);
}

.opacity-90 video {
  opacity: 0.9;
}

.opacity-85 video {
  opacity: 0.85;
}

.opacity-80 video {
  opacity: 0.8;
}

@media (min-width: 720px) {
  .content-text.media.img-inside {
    display: flex;
    -moz-column-gap: 5%;
    column-gap: 5%;
    align-items: center;
    margin-block: 1em;
  }
  .content-text.media.img-inside figure {
    flex-shrink: 0;
    max-width: 25%;
  }
  .content-text.media.img-inside .rte > :first-child {
    margin-top: 0;
  }
  .content-text.media.img-inside .rte > :last-child {
    margin-bottom: 0;
  }
}
.content-text.media.img-outside figure {
  width: 18em;
}
@media (min-width: 960px) {
  .content-text.media.img-outside figure {
    float: left;
    margin-right: 2em;
  }
}
@media (min-width: 960px) {
  .content-text.media.img-outside figure {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
  }
}
@media (min-width: 1080px) {
  .content-text.media.img-outside {
    padding-left: 20em;
  }
  .content-text.media.img-outside figure {
    position: sticky;
    top: 1em;
    margin-left: -20em;
    margin-bottom: 0;
  }
}
@media (min-width: 1300px) {
  .content-text.media.img-outside {
    padding-left: 15em;
  }
}
@media (min-width: 1500px) {
  .content-text.media.img-outside {
    padding-left: 10em;
  }
}

@media (min-width: 1080px) {
  .indent:not(.media) {
    padding-left: 20em;
  }
}
@media (min-width: 1300px) {
  .indent:not(.media) {
    padding-left: 15em;
  }
}
@media (min-width: 1500px) {
  .indent:not(.media) {
    padding-left: 10em;
  }
}

.img-scale-100 figure img {
  width: 100%;
}

.getting-to-buttons figure {
  text-align: center;
}
.getting-to-buttons img {
  width: 100%;
  max-width: 560px;
}
@media (min-width: 720px) {
  .getting-to-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }
  .getting-to-buttons > * {
    flex-grow: 1;
    flex-basis: 47%;
  }
  .getting-to-buttons a {
    display: block;
    transition: 0.3s;
  }
  .getting-to-buttons a:hover {
    transform: scale(0.95);
  }
}
.getting-to-buttons.cols4 {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
}
.getting-to-buttons.cols4 > * {
  flex-basis: auto;
}
.getting-to-buttons.cols4 a {
  transform-origin: 50% 12%;
}

@media (min-width: 1080px) {
  [class*=content-].indent {
    padding-left: 20rem;
  }
}
@media (min-width: 1300px) {
  [class*=content-].indent {
    padding-left: 15rem;
  }
}
@media (min-width: 1500px) {
  [class*=content-].indent {
    padding-left: 10rem;
  }
}

.keywords ul, .keywords ol {
  padding: 0;
}
.keywords ul li, .keywords ol li {
  display: inline-block;
  font-size: 0.85em;
  font-weight: 500;
  padding: 0.4em 1.2em;
  color: #000;
  background-color: #a6a6a6;
  margin-right: 0.3em;
  margin-bottom: 0.6em;
}

.tiles ul, .tiles ol {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  padding: 0;
}
.tiles ul li, .tiles ol li {
  list-style: none;
  flex-basis: 13em;
  flex-grow: 1;
  background-color: #000;
  color: #fff;
  padding: 1em;
  counter-increment: zaehler 1;
}
.mod_article[class*=bg-] .tiles ul li, .mod_article[class*=bg-] .tiles ol li {
  background-color: #262626;
}
.tiles ol {
  counter-reset: zaehler 0;
}
.tiles ol li {
  counter-increment: zaehler 1;
}
.tiles ol li::before {
  content: counter(zaehler);
  display: block;
  color: #fffc04;
  font-size: 1.7777777778rem;
  font-weight: 800;
}

.references-wrapper {
  -moz-columns: 17em;
  columns: 17em;
  -moz-column-gap: 1.5em;
  column-gap: 1.5em;
  margin-top: 2em;
}
.references-wrapper > * {
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
}
.references-wrapper > *:first-child h4, .references-wrapper > *:first-child .toggler {
  margin-top: 0;
}
.references-wrapper > *:last-child ul:last-child {
  margin-bottom: 0;
}
.references-wrapper > * h4, .references-wrapper > * .toggler {
  margin-top: 2em;
  margin-bottom: -0.4em;
  line-height: 1.3;
}

.content-description-list.dl1 dl dt {
  margin: 0;
}
@media (max-width: 719px) {
  .content-description-list.dl1 dl dd {
    margin-bottom: 1.5em;
  }
}
@media (min-width: 720px) {
  .content-description-list.dl1 dl {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    gap: 2.5em 1em;
    grid-auto-flow: row;
  }
  .content-description-list.dl1 dl dt {
    align-self: center;
    justify-self: end;
    text-align: right;
  }
  .content-description-list.dl1 dl dd {
    padding-left: 2em;
    border-left: 4px solid #fffc04;
    margin: 0;
  }
}
.content-description-list.dl2 dl dt {
  font-size: 1.5em;
  border-bottom: 3px solid #fffc04;
}
@media (max-width: 719px) {
  .content-description-list.dl2 dl dd {
    margin-bottom: 1.5em;
  }
}
@media (min-width: 720px) {
  .content-description-list.dl2 dl {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    gap: 1em 4em;
    grid-auto-flow: row;
  }
  .content-description-list.dl2 dl dt {
    align-content: center;
    white-space: nowrap;
  }
  .content-description-list.dl2 dl dd {
    margin: 0;
  }
}
.hero .content-description-list dd {
  font-weight: 500;
}
.hero .content-description-list.dl2 dt {
  font-weight: 500;
}

.change-grafik {
  height: 100%;
  background-color: #262626;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2em;
  margin-left: auto;
}

.v-space {
  width: 100%;
  margin: 0;
}

.ce_downloads ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.download-element {
  padding: 0;
  background-color: #d2c9c8;
  background-image: url(../../files/theme-hamann/dist/img/icn-download-blue.svg);
  background-position: 0.5555555556rem center;
  background-size: 1.5em;
}
.download-element a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  padding-left: 3rem;
}
.download-element .size {
  font-size: 0.8888888889rem;
  padding-left: 0.5em;
  border-left: 1px solid #fffc04;
  margin-left: 0.5em;
}

.ce_hyperlink {
  margin: 1.1111111111rem 0;
}
.ce_hyperlink a {
  display: block;
}
.ce_hyperlink a[href*=http]:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../../files/theme-hamann/dist/img/icn-externer-link.svg) no-repeat left;
  margin-right: 0.2em;
}
.spalte-rechts .ce_hyperlink.button {
  text-align: center;
}

/* Akkordeon */
.toggler {
  padding-left: 1.6em;
  cursor: pointer;
  transition: 0.4s;
  outline: 0;
}
.toggler .ui-icon {
  position: absolute;
  margin-left: -1.6em;
  margin-top: 0.2em;
  width: 1.0588235294em;
  height: 1.0588235294em;
  background: url(../../files/theme-hamann/dist/img/icn-toggle-oben.svg) no-repeat left/contain;
  vertical-align: middle;
  transform: rotate(180deg);
  transition: 0.3s;
}
.toggler.ui-state-active .ui-icon {
  transform: none;
}

.accordion {
  padding-bottom: 2em;
}

.ce_gallery ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 1.1111111111rem -0.5555555556rem 1.1111111111rem 0;
}
@media (max-width: 960px) {
  .ce_gallery ul {
    justify-content: space-around;
  }
}
.ce_gallery li {
  list-style: none;
  margin-right: 0.5555555556rem;
}
.ce_gallery li:not(:last-child) {
  margin-bottom: 0.5555555556rem;
}
.ce_gallery img {
  width: 100%;
}

.pagination {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8888888889rem;
}
.pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.pagination a, .pagination strong {
  display: inline-block;
  text-align: center;
  height: 2em;
  line-height: 2;
  text-decoration: none;
  background: #d2c9c8;
  color: #fffc04;
  padding: 0 0.75em;
  margin-right: 5px;
}
.pagination a:hover {
  background-color: black;
}
.pagination strong {
  background-color: #fffc04;
  color: #fff;
}

/* Druckversion */
@media print {
  #header,
  #footer,
  .mobile_menu {
    display: none !important;
  }
}
/* Ende Druckversion */
nav ul,
nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}
nav a, nav strong {
  display: block;
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}
nav a.nav-disabled {
  pointer-events: none;
}

.nav-main {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100dvh;
  background: #000;
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.4s, opacity 0.6s;
}
.nav-active .nav-main {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  transform: none;
  opacity: 1;
  padding: 5vw;
  display: flex;
  flex-direction: column;
}
@media (min-height: 54em) {
  .nav-active .nav-main {
    padding-top: calc(60px + 4vh);
  }
}
@media (min-width: 720px) and (min-height: 54em) {
  .nav-active .nav-main {
    padding-top: calc(80px + 4vh);
  }
}
@media (min-width: 1080px) {
  .nav-active .nav-main {
    align-items: center;
  }
}
.nav-main .level_1 {
  font-size: 1.25em;
  font-weight: 800;
  background: #000;
}
.nav-main .level_1 a, .nav-main .level_1 strong {
  padding-block: 0.75rem;
}
.nav-main .level_1 > li.active {
  color: #fffc04;
}
.nav-main .level_1 > li > a:hover {
  color: #fffc04;
}
@media (min-width: 500px) {
  .nav-main .level_1 {
    font-size: 1.5em;
  }
}
@media (min-width: 1400px) {
  .nav-main li.gettingto {
    display: flex;
  }
  .nav-main li.gettingto .level_2 {
    padding-top: 0.75em;
    margin-left: 2em;
  }
}
.nav-main .gettingto .level_2 {
  font-size: 0.75em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  width: 16em;
  margin-inline: auto;
  margin-bottom: 1em;
}
.nav-main .gettingto .level_2 > li {
  position: relative;
  width: 7.6em;
  height: 7.6em;
  transition: 0.25s;
  background: currentColor;
}
.nav-main .gettingto .level_2 > li:has(a):hover {
  transform: scale(0.9);
}
.nav-main .gettingto .level_2 > li.insights {
  color: #a6a6a6;
}
.nav-main .gettingto .level_2 > li.strategy {
  color: #fffc04;
}
.nav-main .gettingto .level_2 > li.innovation {
  color: #fff;
}
.nav-main .gettingto .level_2 > li.change {
  color: #d2c9c8;
}
.nav-main .gettingto .level_2 > li.active {
  background-image: linear-gradient(135deg, transparent 90%, #000 90%);
}
.nav-main .gettingto .level_2 > li a, .nav-main .gettingto .level_2 > li strong {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  padding: 1em;
  height: 100%;
}
.nav-main .gettingto .level_2 > li a span, .nav-main .gettingto .level_2 > li strong span {
  display: block;
}
.nav-main .gettingto .level_2 > li a span:first-line, .nav-main .gettingto .level_2 > li strong span:first-line {
  font-weight: 400;
}
.nav-main .gettingto .level_2 > li a::before, .nav-main .gettingto .level_2 > li a::after, .nav-main .gettingto .level_2 > li strong::before, .nav-main .gettingto .level_2 > li strong::after {
  content: "";
  position: absolute;
  z-index: -1;
  background: #000;
}
.nav-main .gettingto .level_2 > li a::before, .nav-main .gettingto .level_2 > li strong::before {
  left: 0.8em;
  top: 0.8em;
  right: 0.8em;
  bottom: 0.8em;
}
.nav-main .gettingto .level_2 > li a::after, .nav-main .gettingto .level_2 > li strong::after {
  left: 0;
  top: 2.5em;
  right: 0;
  bottom: 2.5em;
}
.nav-main .gettingto .level_2 > li > a:hover {
  color: inherit;
}
@media (min-width: 720px) {
  .nav-main .gettingto .level_2 {
    font-size: 0.9em;
  }
}
@media (min-width: 960px) {
  .nav-main .gettingto .level_2 {
    width: unset;
    margin-left: 3em;
  }
}
@media (min-width: 1080px) {
  .nav-main .gettingto .level_2 {
    margin-left: 2em;
  }
}

#mbtn {
  position: fixed;
  z-index: 100;
  right: max(5vw, (100vw - 1920px) / 2);
  background: rgba(0, 0, 0, 0.2);
  padding: 0;
  border: 0;
  justify-self: end;
  width: 50px;
  overflow: hidden;
}
#mbtn img {
  max-width: 100px;
}
.nav-active #mbtn img {
  transform: translateX(-50%);
}

.nav-lang {
  position: fixed;
  z-index: 100;
  right: max(5vw + 50px, (100vw - 1920px) / 2 + 50px);
  margin-right: 5px;
}
.nav-lang ul {
  display: flex;
}
.nav-lang ul li {
  white-space: nowrap;
}
.nav-lang ul li:not(:first-child)::before {
  content: "|";
}
.nav-lang ul a, .nav-lang ul strong {
  display: inline-block;
  line-height: 40px;
  padding: 5px;
}
.nav-lang ul strong {
  color: #fffc04;
}
.nav-lang ul a {
  transition: none;
}
.nav-lang ul a:hover {
  font-weight: bold;
}

.nav-footer .level_1 {
  display: flex;
  flex-wrap: wrap;
}
.nav-footer .level_1 a, .nav-footer .level_1 strong {
  padding-block: 0.5em;
  margin-right: 2em;
}
.nav-footer .level_1 a:hover {
  color: #fff;
}
.nav-footer .level_1 .active {
  color: #fffc04;
}

.contao-cookiebar .cc-inner {
  background: #3c3c3b;
  color: #fff;
  font-size: 0.86rem;
  border-radius: 0;
}
.contao-cookiebar .cc-inner a {
  color: inherit;
}
.contao-cookiebar .cc-inner a:hover {
  text-decoration: underline;
}
.contao-cookiebar .cc-inner p {
  color: inherit;
}
.contao-cookiebar .cc-group {
  border: 0;
  background: #545655;
}
.contao-cookiebar .cc-group input + label {
  padding-left: 55px;
}
.contao-cookiebar .cc-group input + label::before {
  border: 0;
  width: 37px;
  height: 20px;
}
.contao-cookiebar .cc-group input:checked + label::before {
  background: #fffc04;
}
.contao-cookiebar .cc-group input:checked + label::after {
  background: #262626;
}
.contao-cookiebar .cc-group .cc-detail-btn,
.contao-cookiebar .cc-group .cc-detail-btn-details {
  color: #a6a6a6;
  font-family: inherit;
}
.contao-cookiebar .cc-group .cc-detail-btn:hover,
.contao-cookiebar .cc-group .cc-detail-btn-details:hover {
  color: #fff;
}
.contao-cookiebar .cc-group .cc-cookies {
  background: transparent;
}
.contao-cookiebar .cc-group .cc-cookies > p {
  border-top-color: #3c3c3b;
}
.contao-cookiebar .cc-group .cc-cookies .cc-cookie {
  border-top-color: #3c3c3b;
}
.contao-cookiebar .cc-group .cc-cookies .cc-cookie p {
  margin-top: 0;
}
.contao-cookiebar .cc-group .cc-cookies .cc-cookie .cc-cookie-info {
  background: #3c3c3b;
  font-size: 0.875em;
  border: 0;
  border-radius: inherit;
}
.contao-cookiebar .cc-btn {
  border: 0;
  font-family: inherit;
  background: #fffc04;
  color: #262626;
}
.contao-cookiebar .cc-btn:hover {
  background: var(--ccb-unchecked-bg) !important;
}
.contao-cookiebar .cc-group input[type=checkbox] + label {
  padding-left: 5px;
}
.contao-cookiebar .cc-group input[type=checkbox] + label::before, .contao-cookiebar .cc-group input[type=checkbox] + label::after {
  display: none;
}
.contao-cookiebar .cc-cookie input[type=checkbox] + label {
  display: none;
}
.contao-cookiebar .cc-btn.save {
  display: none;
}
/*# sourceMappingURL=../maps/theme.css.map */