/* project.css (media queries included)  */

/* ========================================================
   Elements
   ======================================================== */

/* --------------------------------------------------------
   Base (Mobile)
   -------------------------------------------------------- */

/* Webfont - Baloo Paaji 2 */
/* baloo-paaji-2-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Baloo Paaji 2";
  font-style: normal;
  font-weight: 400;
  src: url(/internationale-gruene-woche/layout/fonts/baloo-paaji-2/baloo-paaji-2-regular.woff2.woff2) format("woff2"),
    url(/internationale-gruene-woche/layout/fonts/baloo-paaji-2/baloo-paaji-2-regular.woff.woff) format("woff");
}

/* baloo-paaji-2-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Baloo Paaji 2";
  font-style: normal;
  font-weight: 600;
  src: url(/internationale-gruene-woche/layout/fonts/baloo-paaji-2/baloo-paaji-2-600.woff2.woff2) format("woff2"),
    url(/internationale-gruene-woche/layout/fonts/baloo-paaji-2/baloo-paaji-2-600.woff.woff) format("woff");
}

/* baloo-paaji-2-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Baloo Paaji 2";
  font-style: normal;
  font-weight: 700;
  src: url(/internationale-gruene-woche/layout/fonts/baloo-paaji-2/baloo-paaji-2-700.woff2.woff2) format("woff2"),
    url(/internationale-gruene-woche/layout/fonts/baloo-paaji-2/baloo-paaji-2-700.woff.woff) format("woff");
}

/* baloo-paaji-2-800 - latin */
@font-face {
  font-display: swap;
  font-family: "Baloo Paaji 2";
  font-style: normal;
  font-weight: 800;
  src: url(/internationale-gruene-woche/layout/fonts/baloo-paaji-2/baloo-paaji-2-800.woff2.woff2) format("woff2"),
    url(/internationale-gruene-woche/layout/fonts/baloo-paaji-2/baloo-paaji-2-800.woff.woff) format("woff");
}

body,
.uc-embedding-wrapper h3,
.uc-embedding-wrapper p,
.uc-embedding-buttons button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Baloo Paaji 2", sans-serif;
}

/* Schriften */
h1 {
  font-size: 50px;
  line-height: 54px;
  font-weight: 800;
  letter-spacing: -2px;
}
h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 800;
  letter-spacing: -2px;
}
h3 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 800;
  letter-spacing: -1px;
}

h4 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 800;
  letter-spacing: -1px;
}

#content p,
#content li,
table {
  font-size: 19px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.5px;
}
b,
strong {
  font-weight: 800;
}

#content .copy--big p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

/* Links */
#content p a,
#content li a,
#content table a {
  text-decoration: underline;
  font-weight: 800;
}
#content a:hover {
  text-decoration: none;
}

#content a.button-link {
  text-decoration: none;
}

a.icon-link-download::before {
  width: 20px;
  padding: 4px 5px 0 0;
  margin-left: 0;
}
.contentarea--dark-light a.icon-link-download::before,
.accordion-navigation .accordion-navigation-box a.icon-link-download::before,
.tab-navigation .ui-tabs-panel a.icon-link-download::before,
.contentarea--light-dark .col-highlight a.icon-link-download::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23004440' d='M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 15L17.55 9.54L16.13 8.13L13 11.25V2H11V11.25L7.88 8.13L6.46 9.55L12 15Z' /%3E%3C/svg%3E");
}
.contentarea--light-dark a.icon-link-download::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 15L17.55 9.54L16.13 8.13L13 11.25V2H11V11.25L7.88 8.13L6.46 9.55L12 15Z' /%3E%3C/svg%3E");
}
#content a.link-download {
  font-weight: 800;
}
#content a.link-download .link-download-fileinfo {
  font-weight: 400;
}

/* Formulare */
.mwf-field .mwf-input input[type="text"],
.mwf-field .mwf-input textarea,
.mwf-form ul > li.mwf-field .mwf-input select,
.form-control {
  border-radius: 12px;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 15px 9px 15px;
}

.form-control {
  height: 41px;
}

/* Tabellen */
.table > thead > tr > th {
  font-weight: 800;
  text-transform: none;
}

/* Listen */
#content li::before {
  content: "•";
  font-size: 20px;
  width: 7px;
  font-family: "Lato", sans-serif;
  padding-top: 3px;
}
#content ul {
  margin-left: 10px;
}
#content ul.agency-list-continent {
  margin-left: 0;
}

#content ul ul {
  margin-left: 20px;
}

#content li.shariff-button::before,
#content li.agency-country::before {
  content: "";
}

/* Anchor-Links */
#content .anchor-links li a {
  border-radius: 8px;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  padding-top: 12px;
  text-decoration: none;
}

/* Tab-Navigation */
#content ul.ui-tabs-nav {
  margin-left: 0;
}

#content ul.ui-tabs-nav li {
  border-radius: 8px;
}

#content ul.ui-tabs-nav li a {
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  padding: 10px 14px 8px 14px;
  border-radius: 8px;
  text-decoration: none;
}

#content .ui-tabs .ui-tabs-panel {
  border-radius: 8px;
}

/* Akkordeon-Navigation */
.accordion-category {
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  text-transform: none;
  height: 30px;
  padding-top: 12px;
}

.accordion-navigation-link,
.ui-accordion .ui-accordion-header {
  text-transform: none;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  border-radius: 8px;
  padding: 20px 56px 17px 27px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  bottom: 37%;
  width: 17px;
  right: 27px;
}

.ui-accordion .ui-state-active,
.ui-accordion.accordion-navigation-colored .ui-state-active {
  border-radius: 8px 8px 0 0;
}

/* A-Z-Liste */

#content .page-navigation li a,
#content .page-navigation li span.page-navigation-active {
  font-weight: 800;
}

#content .page-navigation li a,
#content .page-navigation li span {
  border-radius: 5px;
  padding: 5px 2px 4px 2px;
  text-decoration: none;
}

#content .page-navigation li.newsreport-select-all a {
  padding: 5px 15px 4px 15px;
}

/* Buttons */
.cta-button,
#content .pi-newsletter-widget button[type="submit"],
#content .mwf-form ul > li input[type="button"],
.mwf-upload-button,
#content div.form-buttons button,
#content .newsreport-search-reset button {
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  border-radius: 130px;
  text-transform: none;
  letter-spacing: -0.5px;
}
#content a.cta-button,
#content div.form-buttons button,
#content .newsreport-search-reset button {
  padding: 18px 30px 16px 30px;
  text-decoration: none;
}
#content .pi-newsletter-widget button[type="submit"],
#content .mwf-form ul > li input[type="button"],
.mwf-upload-button {
  padding: 18px 30px 16px 30px !important;
}

.cta-button__icon-arrow-right .cta-button::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 2.5 4.793 4.793a1 1 0 0 1 0 1.414L2 13.5' stroke='%23004440' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  padding-left: 12px;
  padding-top: 3px;
}

.cta-button__darkgreen .cta-button__icon-arrow-right .cta-button::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 2.5 4.793 4.793a1 1 0 0 1 0 1.414L2 13.5' stroke='%23ffffff' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  padding-left: 12px;
  padding-top: 3px;
}

.cta-button__darkgreen .cta-button__icon-arrow-right .cta-button:hover::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 2.5 4.793 4.793a1 1 0 0 1 0 1.414L2 13.5' stroke='%23004440' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.cta-wrapper .cta-button__icon-email2 .cta-button,
.cta-wrapper .cta-button__icon-phone .cta-button {
  display: flex;
}
.cta-wrapper .cta-button__icon-email2 .cta-button::before,
.cta-wrapper .cta-button__icon-phone .cta-button::before {
  width: 22px;
  padding-right: 13px;
  height: 22px;
  padding-top: 3px;
}
.cta-wrapper .cta-button__icon-email2 .cta-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23004440' d='M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z' /%3E%3C/svg%3E");
}
.cta-wrapper .cta-button__icon-phone .cta-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23004440' d='M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M15 12H17A5 5 0 0 0 12 7V9A3 3 0 0 1 15 12M19 12H21C21 7 16.97 3 12 3V5C15.86 5 19 8.13 19 12Z' /%3E%3C/svg%3E");
}

.mwf-upload-button:hover,
.mwf-upload-button span:hover {
  cursor: pointer;
}

#content .mwf-form ul > li input[type="button"]:hover {
  text-decoration: none;
}

/* Mobile Menu neu */
.header__mobile__meta,
.header__mobile__meta a {
  font-size: 18px;
}

.header__mobile__meta__date {
  font-weight: 700;
  font-size: 16px;
}

.nav-mobile-extra__item {
  font-size: 20px;
  line-height: 30px;
}

.nav-mobile__item a {
  font-size: 20px;
}

.nav-mobile__subnav--level2 .nav-mobile__subnav__item a {
  font-weight: 400;
}

.nav-mobile__item > a {
  font-size: 30px;
}

/* Meta- & Footer-Navigation */
.footer {
  padding-bottom: 35px;
}

#nav-social {
  margin-top: 35px;
}

.nav-social {
  width: 100%;
  justify-content: space-around;
}

.nav-social__link svg {
  height: 30px;
  width: 30px;
}

.footer__partner {
  order: -1;
  padding-bottom: 94px;
}
.footer__partner::before {
  content: "Unsere Partner";
  font-weight: 800;
  font-size: 35px;
  line-height: 44px;
  text-align: center;
  letter-spacing: -1px;
  width: 100%;
  padding: 82px 0 44px 0;
}

.nav-meta__link,
.nav-lang__link--footer,
#nav-footer .nav-footer__link {
  font-weight: 800;
  font-size: 18px;
  line-height: 35px;
}

.nav-footer__item:not(:last-child) {
  margin-right: 8px;
}

.nav-footer__item:last-child {
  margin: 0 8px;
}

.nav-footer__item {
  margin: 0 8px;
}

.footer__copyright {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

/* Startseite */
.home__hero {
  position: relative;
  overflow: hidden;
}
.home__hero::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120.919'%3E%3Cpath d='M521.922 109.307c-267.131 0-523.255-96.362-523.255-96.362v109.369H1441.37V37.035C1324.313 9.933 1215.26-7.131 1113.21 2.907 905.173 23.369 720.663 109.306 521.921 109.306Z' style='fill:%23ffffff'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 100%;
}
.hero h1 {
  text-shadow: 0px 4px 50px rgba(0, 0, 0, 0.5);
}

.home__hero h1 {
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}

.countdown__prefix {
  text-align: center;
}

.countdown {
  justify-content: center;
}

.home__hero .cta-wrapper--align-left {
  justify-content: center;
}

.home__hero .cta-wrapper--align-left .cta-button {
  margin-right: 0;
}

/* Fakten */
.fact .textimage-img {
  padding-bottom: 10px;
}

.fact .textimage-img img,
.numbers-row .fact img,
.numbers .fact img {
  height: 100px;
}
.numbers .numbers-row.fact img {
  min-width: 100px;
}
.numbers .numbers-row.fact picture {
  flex-grow: 1;
}
.numbers .numbers-row.fact .numbers-text {
  flex-shrink: 1;
}

.fact {
  margin-bottom: 10px;
}

.fact h4,
.numbers .fact h4 {
  font-weight: 800;
  font-size: 45px;
  line-height: 45px;
  letter-spacing: -0.5px;
  padding: 5px 0 0 0;
}

#content .fact p {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  padding-top: 4px;
}

.odometer-digit {
  width: 26px;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: right;
}

.numbers {
  flex-direction: column;
}
.numbers .numbers-text {
  padding-top: 14px;
}

/* Wellen */
.next-section--darkgreen1,
.next-section--darkgreen2,
.next-section--lightgreen1,
.next-section--lightgrey1,
.next-section--lightgrey2,
.next-section--lightgrey3,
.next-section--white1,
.next-section--footer {
  position: relative;
  overflow: hidden;
}
.next-section--darkgreen1::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 135.879'%3E%3Cpath d='M445.001 6.379C192.258-26.673 7.574 79.522-2.382 85.457v52.944h1444.703V6.374c-130 16-204.321 79.005-356.321 106.005-237.75 42.232-380.999-72.001-640.999-106Z' style='fill:%23004440'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 102%;
}
.next-section--darkgreen2::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140.056'%3E%3Cpath d='M1441.598 33.952c-7.82 6.1-155.728 117.048-408.598 83.981-117.42-15.355-197.313-43.954-267.679-69.142-85.442-30.586-156.838-56.144-264.32-46.858-80.957 6.994-118.857 16.069-151.708 23.935-12.147 2.909-23.604 5.652-36.292 8.064-101 19.199-234 13.068-315-31.999v140.065L1442.25 142l-.653-108.048Z' style='fill:%23004440'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 102%;
}
.next-section--lightgreen1::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140.562'%3E%3Cpath d='M370 56.197C252.471 31.876 159.198 26.013-2.472 114.71v28.696l1444.933.086.261-127.036C1175.582-27.295 1169.8 22.795 981 83.196c-271.806 86.958-380 20.803-611-27Z' style='fill:%23D7E200'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 102%;
}
.next-section--lightgrey1::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 122.38'%3E%3Cpath d='M523.137 109.998C350.411 96.023 213.351 12.944-1.5 23.95V124h1443V37.958C1324.58 10.943 1243.64-8.74 1113.73 3.939 905.925 24.221 721 126.007 523.137 109.998Z' style='fill:%23f8f8f8'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 102%;
}
.next-section--lightgrey2::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 148.89'%3E%3Cpath d='M1058.03 119.144c249.65 0 386.806-67.822 386.806-67.822V154.89H-5V33.019c48.932-15.468 209.716-64.218 492.822-1.284 203.674 45.276 320.555 87.409 570.208 87.409Z' style='fill:%23f9f9f9'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 102%;
}
.next-section--lightgrey3::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 130.89'%3E%3Cpath d='M523.273 110.55C350.667 96.433 212.702 12.513-2 23.63V133h1444V37.78c-116.84-27.289-218.38-45.739-328.55-34.364C905.849 24.852 720.999 126.722 523.273 110.55Z' style='fill:%23f9f9f9'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 102%;
}
.next-section--white1::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 133.736'%3E%3Cpath d='M372.483 101.412C116.838 101.412-4 48.556-4 48.556V138h1448V27.115c-48.93-15.442-206.6-52.403-491.822 0-274.12 50.362-324.05 74.297-579.695 74.297Z' style='fill:%23fff'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 102%;
}
.next-section--footer::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 133.736'%3E%3Cpath d='M372.483 101.412C116.838 101.412-4 48.556-4 48.556V138h1448V27.115c-48.93-15.442-206.6-52.403-491.822 0-274.12 50.362-324.05 74.297-579.695 74.297Z' style='fill:%23fff'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -6px;
  width: 102%;
}

/* Highlights */
.highlight-tile .textpic__image {
  display: flex;
  border-radius: 30px;
  overflow: hidden;
}
.highlight-tile .textpic__image picture {
  width: 100%;
}
#content .highlight-tile .textpic__text p {
  font-weight: 800;
  font-size: 32px;
  line-height: 35px;
  letter-spacing: -1px;
}

/* Partnerland */
.section--partnerland {
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
  overflow: hidden;
}
.section--partnerland::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M407.001 122.933C154.134 156 8.151 45.293.331 39.194c-.239-.186-.331-.426-.331-.73V1.467C0 .914.383.47.935.47h208.049c48.017 0 109.017-1.055 209.017 0H1439.13c.55 0 .87.517.87 1.07v37.394C1409 53.933 1331 77 1230 52c-70-17.327-160.11-35.486-270.999-45.067-196-16.933-292 82-552 116Z' fill='%23004440'/%3E%3C/svg%3E");
  position: absolute;
  top: -1px;
  width: 100%;
  z-index: 1;
}

/* Zitat */
.section--quote {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 441'%3E%3Cpath style='fill:%23f8f8f8' d='M0 0h375v441H0z'/%3E%3Cpath d='M375 441v-16.956c-34.551-36.996-81.33-65.322-131.621-75.54C153.551 330.253 52.729 369.961 0 438.672V441h375Z' style='fill:%23D7FD73'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 441'%3E%3Cpath style='fill:%23f8f8f8' d='M0 0h375v441H0z'/%3E%3Cpath d='M0 0v9.259c5.858 8.44 12.285 16.36 19.258 23.627 60.993 63.544 163.346 77.031 252.715 40.52C310.564 57.442 346.729 32.157 375 1.401V0H0Z' style='fill:%23D7FD73'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top -90px, center bottom -180px;
  min-height: 750px;
  padding: 100px 0;
}

#content .quote--bubble blockquote {
  border-left-width: 0;
  padding-top: 0;
}
#content .quote--bubble blockquote::before {
  content: "“";
  font-weight: 800;
  font-size: 250px;
  line-height: 0;
  text-align: center;
  display: block;
  margin-top: 90px;
}
#content .quote--bubble blockquote p {
  font-style: italic;
  font-weight: 800;
  font-size: 25px;
  line-height: 32px;
  text-align: center;
  padding: 80px 0 0 0;
}
#content .quote--bubble p.blockquote-author {
  text-align: center;
  padding: 40px 30px 80px 30px;
  font-size: 18px;
}

@media (min-width: 400px) {
  .section--quote {
    background-position: center top -120px, center bottom -210px;
  }
}

@media (min-width: 450px) {
  .section--quote {
    background-position: center top -170px, center bottom -250px;
  }
}

@media (min-width: 500px) {
  .section--quote {
    background-position: center top -270px, center bottom -270px;
  }
}

@media (min-width: 590px) {
  .section--quote {
    background-position: center top -340px, center bottom -350px;
  }
}

@media (min-width: 630px) {
  .section--quote {
    background-position: center top -380px, center bottom -400px;
  }
}

@media (min-width: 680px) {
  .section--quote {
    background-position: center top -430px, center bottom -400px;
  }
}

@media (min-width: 730px) {
  .section--quote {
    background-position: center top -470px, center bottom -400px;
  }
}

/***************************************************************\
|* Meilensteine                                                *|
\***************************************************************/
#content .section--milestones .container {
  padding: 0 20px;
}

/* Flex container (column) */
#content .section--milestones .row {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 400px;
  margin: 0 auto;
}

/* dotted line */
#content .section--milestones .row::before {
  content: " ";
  position: absolute;
  display: block;
  height: 100%;
  border-left: 1px dashed;
}

/* Scale start (circle) */
#content .section--milestones .row > div:first-child::before {
  position: absolute;
  content: " ";
  top: -15px;
  left: -7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 3px solid;
}

/* Scale end (arrow) */
#content .section--milestones .row > div:last-child::after {
  position: absolute;
  content: " ";
  left: -10px;
  bottom: -18px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 16px solid;
  border-radius: 4px;
}

/* Flex item container */
#content .section--milestones .row > div {
  padding: 0;
  position: relative;
  width: 100%;
  flex: 1 1 160px;
}

/* Point of scale */
#content .section--milestones .row > div > .milestone::before {
  position: absolute;
  content: " ";
  left: -6px;
  top: 61px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
}

/* Flex item */
#content .section--milestones .milestone {
  position: absolute;
  font-style: normal;
  width: 100%;
}

/* Dashed line on point of scale */
#content .section--milestones .row > div > .milestone::after {
  position: absolute;
  content: " ";
  left: 8px;
  top: 67px;
  width: 20px;
  border-bottom: 1px dashed;
}

/* Date (day and month) */
#content .section--milestones .milestone h3,
#content .section--milestones .milestone h4 {
  position: absolute;
  left: 30px;
  text-align: center;
  width: 110px;
  text-transform: uppercase;
  padding: 25px 0;
}

/* Day with circle */
#content .section--milestones .milestone h3 {
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -2px;
  height: 60px;
  top: 67px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22108%22%20height%3D%2299%22%20viewBox%3D%220%200%20108%2099%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.8029%2017.2501C25.6373%201.1968%2052.7074%20-4.71826%2073.6987%204.41151C94.6901%2013.5413%20109.565%2037.6508%20106.704%2057.5163C103.815%2077.4845%2083.1522%2093.1435%2061.829%2097.1283C40.5333%20101.01%2018.5772%2093.2183%207.93601%2076.2915C-2.74275%2059.2997%20-2.06902%2033.2383%2011.8029%2017.2501Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E");
}

/* Day with circle - every 2nd child */
#content .section--milestones .row > div:nth-child(2n) .milestone h3 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22106%22%20height%3D%2299%22%20viewBox%3D%220%200%20106%2099%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M84.7376%2090.4518C67.2198%20102.377%2039.5411%20101.085%2021.628%2086.8331C3.71487%2072.5814%20-4.41329%2045.4435%203.49207%2026.9954C11.4506%208.45537%2035.4622%20-1.32223%2057.0902%200.347624C78.6649%202.1095%2097.8562%2015.3188%20103.754%2034.423C109.671%2053.5997%20102.275%2078.5987%2084.7376%2090.4518Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E");
}

/* Day with circle - every 3rd child */
#content .section--milestones .row > div:nth-child(3n) .milestone h3 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22108%22%20height%3D%22100%22%20viewBox%3D%220%200%20108%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.93866%2029.954C14.1467%2010.8671%2038.7635%20-1.85271%2061.4025%201.53301C84.0415%204.91873%20104.65%2024.3569%20107.027%2044.286C109.405%2064.3215%2093.4993%2084.795%2073.934%2094.1629C54.3688%20103.424%2031.1441%20101.58%2016.4846%2087.9846C1.77188%2074.3356%20-4.32252%2048.9878%204.93866%2029.954Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E");
}

/* Day with circle - every 4th child */
#content .section--milestones .row > div:nth-child(4n) .milestone h3 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22104%22%20height%3D%22101%22%20viewBox%3D%220%200%20104%20101%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M33.1111%202.84435C53.1187%20-4.14101%2079.5196%204.27146%2093.1338%2022.6737C106.748%2041.076%20107.575%2069.393%2095.1646%2085.1664C82.6787%20101.015%2056.9547%20104.245%2036.4959%2097.034C16.1122%2089.7482%200.993758%2072.0219%200.241594%2052.0423C-0.510569%2031.9875%2013.1036%209.75459%2033.1111%202.84435Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E");
}

/* Day with circle - every 5th child */
#content .section--milestones .row > div:nth-child(5n) .milestone h3 {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22106%22%20height%3D%22101%22%20viewBox%3D%220%200%20106%20101%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M104.864%2058.0949C100.91%2078.9146%2080.4241%2097.5723%2057.6802%20100.161C34.9363%20102.75%209.99936%2089.3084%202.54456%2070.6738C-4.93768%2051.9364%205.12723%2028.0439%2021.6013%2013.9313C38.1028%20-0.0784924%2061.0134%20-4.30834%2078.6924%205.03008C96.4364%2014.4061%20108.884%2037.3127%20104.864%2058.0949Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

/* Month */
#content .section--milestones .milestone h4 {
  font-weight: 800;
  font-size: 18px;
  line-height: 23px;
  top: calc(67px + 20px);
  transform: translateY(-50%);
}

/* Text */
#content .section--milestones .milestone p {
  position: absolute;
  left: 160px;
  top: 67px;
  transform: translateY(-50%);
  font-size: 25px;
  line-height: 30px;
  font-weight: 800;
  padding: 10px;
}

/***************************************************************\
|* Verteilerseiten                                             *|
\***************************************************************/
.content-hero .contentarea__background {
  background-size: contain;
}
.content-hero .background--position-y-bottom {
  background-position-y: bottom -1px;
}
.content-hero .cta-wrapper--align-left {
  justify-content: center;
}
.content-hero h1 {
  margin: 0;
}
.image--rounded-corner img {
  border-radius: 15px;
}
.image--rounded-corner h3 {
  padding-top: 8px;
}

/* Sections mit Foto-Hintergründen */

section[class*="section-photo-bg"] {
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
  overflow: hidden;
}
section[class*="section-photo-bg"]::before {
  position: absolute;
  top: -1px;
  width: 100%;
  z-index: 1;
}
.section-photo-bg--darkgreen::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M407.001 122.933C154.134 156 8.151 45.293.331 39.194c-.239-.186-.331-.426-.331-.73V1.467C0 .914.383.47.935.47h208.049c48.017 0 109.017-1.055 209.017 0H1439.13c.55 0 .87.517.87 1.07v37.394C1409 53.933 1331 77 1230 52c-70-17.327-160.11-35.486-270.999-45.067-196-16.933-292 82-552 116Z' fill='%23004440'/%3E%3C/svg%3E");
}
.section-photo-bg--lightgrey::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M407.001 122.933C154.134 156 8.151 45.293.331 39.194c-.239-.186-.331-.426-.331-.73V1.467C0 .914.383.47.935.47h208.049c48.017 0 109.017-1.055 209.017 0H1439.13c.55 0 .87.517.87 1.07v37.394C1409 53.933 1331 77 1230 52c-70-17.327-160.11-35.486-270.999-45.067-196-16.933-292 82-552 116Z' fill='%23f8f8f8'/%3E%3C/svg%3E");
}
.section-photo-bg--white::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M407.001 122.933C154.134 156 8.151 45.293.331 39.194c-.239-.186-.331-.426-.331-.73V1.467C0 .914.383.47.935.47h208.049c48.017 0 109.017-1.055 209.017 0H1439.13c.55 0 .87.517.87 1.07v37.394C1409 53.933 1331 77 1230 52c-70-17.327-160.11-35.486-270.999-45.067-196-16.933-292 82-552 116Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.section-photo-bg--lightgreen::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M407.001 122.933C154.134 156 8.151 45.293.331 39.194c-.239-.186-.331-.426-.331-.73V1.467C0 .914.383.47.935.47h208.049c48.017 0 109.017-1.055 209.017 0H1439.13c.55 0 .87.517.87 1.07v37.394C1409 53.933 1331 77 1230 52c-70-17.327-160.11-35.486-270.999-45.067-196-16.933-292 82-552 116Z' fill='%23D7E200'/%3E%3C/svg%3E");
}

/***************************************************************\
|* Zitate-Slider                                               *|
\***************************************************************/
.section--quotation-slider {
  background-image: url("data:image/svg+xml,%3Csvg width='375' height='503' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 435.187V77.641C63.69 18.366 161.711-12.534 250.632 6.055 296.167 15.573 339.275 38.024 375 68.053v357.376c-26.561 22.602-56.971 41.257-88.863 54.313C185.732 520.329 70.624 505.383 0 435.187Z' fill='%23004440'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center 210px;
  background-size: 100% 58%;
  min-height: 750px;
  padding: 50px 0 150px 0;
}

.quotation-content-slider--bubble .quotation {
  background: transparent;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 50px;
}
.quotation-content-slider--bubble .quotation .clear {
  display: none;
}
.quotation-content-slider--bubble p {
  text-align: center;
}
#content .quotation-content-slider--bubble blockquote p {
  font-style: normal;
}
#content .quotation-content-slider--bubble p b {
  font-style: normal;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -3px;
  font-weight: 800;
}
#content .quotation-content-slider--bubble p i {
  font-style: normal;
  font-size: 34px;
  line-height: 50px;
  letter-spacing: -1px;
  font-weight: 800;
}

.quotation-content-slider--bubble .icon-news-right::before {
  content: url("data:image/svg+xml,%3Csvg width='15' height='27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.437 25.448C2.187 26.74 0 25.855 0 24.058V2.942C0 1.145 2.187.26 3.437 1.552l10.217 10.557a2 2 0 0 1 0 2.782L3.437 25.448Z' fill='%23D7E200'/%3E%3C/svg%3E");
}

.quotation-content-slider--bubble .icon-news-left::before {
  content: url("data:image/svg+xml,%3Csvg width='15' height='27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.563 1.552C12.813.26 15 1.145 15 2.942v21.115c0 1.798-2.187 2.683-3.437 1.391L1.346 14.891a2 2 0 0 1 0-2.782L11.563 1.552Z' fill='%23D7E200'/%3E%3C/svg%3E");
}

#content .quotation-content-slider--bubble .quotation-button {
  width: auto;
}
#content .quotation-content-slider--bubble .quotation-button button {
  min-width: 0;
}

@media (min-width: 515px) {
  .section--quotation-slider {
    background-position: center 170px;
    background-size: 100% 48%;
  }
}

/***************************************************************\
|* Sections                                                    *|
\***************************************************************/
.section--topics,
.section--downloads {
  padding: 60px 0;
}

.section--milestones,
.section--contact {
  padding-bottom: 90px;
}

/***************************************************************\
|* Unterseiten                                                 *|
\***************************************************************/
.subpage-hero,
.subpage-hero--lightgrey {
  position: relative;
  overflow: hidden;
}
.subpage-hero::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120.919'%3E%3Cpath d='M521.922 109.307c-267.131 0-523.255-96.362-523.255-96.362v109.369H1441.37V37.035C1324.313 9.933 1215.26-7.131 1113.21 2.907 905.173 23.369 720.663 109.306 521.921 109.306Z' style='fill:%23ffffff'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 102%;
}
.subpage-hero--lightgrey::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120.919'%3E%3Cpath d='M521.922 109.307c-267.131 0-523.255-96.362-523.255-96.362v109.369H1441.37V37.035C1324.313 9.933 1215.26-7.131 1113.21 2.907 905.173 23.369 720.663 109.306 521.921 109.306Z' style='fill:%23f8f8f8'/%3E%3C/svg%3E");
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 102%;
}

/* Pause- und Play-Button für Hintergrundvideos */
#content button.contentarea__background-video-button {
  bottom: 100px;
}

/* Blog */
#content .blog-list__entry a,
.blog-entry__backlink a.icon-link-left::before,
#content .blog-entry__backlink a,
#content .blog-latest__entry-link {
  text-decoration: none;
}
#content .blog-list__entry a:hover .blog-list__headline,
#content .blog-latest__entry-link:hover .blog-latest__title,
#content .blog-entry__backlink a:hover {
  text-decoration: underline;
}

.blog-list__headline {
  letter-spacing: -0.5px;
}

.blog-entry__text:first-child h2,
.blog-entry__text h2 {
  padding-bottom: 15px;
  font-size: 30px;
  line-height: 36px;
}

/* Redesign for blog_teaser */

.blog-list.redesign {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 46px;
}

.blog-list.redesign .blog-list__image {
  overflow: hidden;
  border-radius: 20px;
}

.blog-list.redesign .blog-list__image > picture {
  width: 100%;
}

.blog-list.redesign .blog-list__entry {
  width: 100%;
}

.blog-list.redesign .blog-list__entry > a {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.blog-list.redesign .blog-list__text {
  padding-top: 25px;
}

.blog-list.redesign .blog-list__teaser {
  padding-top: 12px;
}

.blog-list.redesign .blog-list__teaser > * {
  font-weight: normal;
}

.blog-list.redesign .blog-list__date {
  font-size: 18px;
  font-weight: 900;
  line-height: 26px;
  letter-spacing: 0.25px;
}

.blog-list.redesign .blog-list__headline {
  font-weight: 900;
  font-size: 25px;
  line-height: 30px;
  padding-top: 10px;
}

@media (min-width: 768px) {
  .blog-list.redesign {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 35px;
  }
}

@media (min-width: 1250px) {
  .blog-list.redesign {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

#content p.blog-list__tag {
  font-size: 18px;
  font-style: italic;
}

.blog-list__tag::after {
  font-style: normal;
}

/* Breadcrumb */
.breadcrumb-container {
  text-align: left;
  padding: 8px 20px;
  border-radius: 8px;
}

/* Website Guide */
.websiteguide__label {
  font-size: 24px;
}

.websiteguide__label,
div.websiteguide__select {
  border: none;
}

.websiteguide__select--styled,
#content button.websiteguide__button {
  border-radius: 41px;
}

.websiteguide__select--styled {
  font-size: 18px;
}

#content button.websiteguide__button {
  font-size: 24px;
}

/* --------------------------------------------------------
   Tablet
   -------------------------------------------------------- */

@media (min-width: 768px) {
  h1 {
    font-size: 60px;
    line-height: 65px;
  }
  h2 {
    font-size: 48px;
    line-height: 50px;
  }

  /* Akkordeon-Navigation */
  .accordion-category {
    padding: 15px 10px 15px 13px;
    margin-left: -13px;
    margin-right: 10px;
  }

  .accordion-navigation-link,
  .ui-accordion .ui-accordion-header {
    padding-left: 13px;
  }

  .accordion-navigation .ui-state-default .ui-icon,
  .accordion-navigation-colored .ui-state-default .ui-icon {
    right: 15px;
  }

  /* Pressemitteilungen */

  #content .pressreleases .ui-tabs-panel {
    display: flex;
    flex-wrap: wrap;
  }

  /* Startseite */
  /* Hero */

  .home__hero h1 {
    width: 100%;

    /* einkommentieren, wenn Hero wieder mit CTAs befüllt ist. 
    text-align: left; */
  }

  .countdown__prefix {
    text-align: left;
  }

  .countdown {
    justify-content: flex-start;
  }

  .home__hero .cta-wrapper--align-left {
    justify-content: flex-start;
  }

  .home__hero .cta-wrapper--align-left .cta-button {
    margin-right: 24px;
  }

  /* Fakten */
  .numbers {
    flex-direction: row;
  }
  .numbers .fact {
    width: 44%;
  }

  /* Sections */
  .section--facts,
  .section--highlights {
    padding: 130px 0;
  }

  .section--newsletter {
    padding: 200px 0 180px 0;
  }

  /* Partnerland */
  .section--partnerland {
    padding: 200px 0 130px 0;
  }

  .section--partnerland .cta-wrapper {
    padding-top: 35px;
  }

  /* Zitat */
  .section--quote {
    padding: 210px 0;
    background-image: none;
    background-color: #f8f8f8 !important;
    min-height: auto;
  }
  .quote__headline {
    text-align: left;
    width: 33%;
  }
  .section--quote .col-6 {
    width: 33%;
    box-sizing: border-box;
  }
  .section--quote .row {
    position: relative;
  }
  .section--quote .row .col-6:last-child {
    width: 66%;
    position: absolute;
    right: 0;
    top: 50%;
  }
  .quote--bubble {
    margin-top: -310px;
    padding: 155px 200px 100px 200px;
  }
  #content .quote--bubble blockquote::before {
    font-size: 300px;
  }

  .quote--bubble {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 785 725' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M467.563 7.861c-164.491-34.56-350.409 48.085-426.12 184.033-75.327 134.2-42.965 320.254 56.67 427.174l-9.026 41.843c-1.136 5.267 3.855 9.79 8.985 8.14l41.072-13.208c102.661 76.704 250.149 88.958 380.418 36.401 147.448-60.248 272.85-203.477 264.043-351.364C774.751 193.773 632.054 42.42 467.563 7.861Z' fill='%23D7FD73'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 1px 35px;
    margin-top: -190px;
    background-size: cover;
    height: 402px;
  }

  #content .quote--bubble blockquote {
    padding-top: 0;
  }
  #content .quote--bubble blockquote p {
    font-size: 21px;
    line-height: 28px;
    margin-top: 35px;
  }

  #content .quote--bubble p.blockquote-author {
    padding: 20px 20px 50px 20px;
  }

  /***************************************************************\
  |* Verteilerseiten                                             *|
  \***************************************************************/

  .image--rounded-corner img {
    border-radius: 0;
  }
  .image--rounded-corner picture {
    display: flex;
    border-radius: 15px;
    overflow: hidden;
  }
  .image--same-height picture {
    overflow: hidden;
    display: inline-block;
  }
  .col-6 .image--same-height picture,
  .col-4 .image--same-height picture {
    height: 208px;
  }
  .content-hero {
    padding-bottom: 100px;
  }

  /* Wellen */
  .home__hero::after,
  .next-section--darkgreen1::after,
  .next-section--darkgreen2::after,
  .next-section--lightgreen1::after {
    bottom: -7px;
    left: -2px;
    width: 102%;
  }
  .section--partnerland::before {
    left: -2px;
    width: 102%;
  }
  /* Sections */
  .section--faq,
  .section--contact {
    padding: 90px 0;
  }
  .section--downloads,
  .section--topics {
    padding: 90px 0 150px 0;
  }

  .next-section--white1 {
    padding: 0 0 90px 0;
  }

  section[class*="section-photo-bg"] {
    padding: 200px 0 130px 0;
  }

  section[class*="section-photo-bg"]::before {
    left: -2px;
    width: 102%;
  }

  /* Zitate-Slider */
  .section--quotation-slider {
    background-image: none;
  }
  .quotation-content-slider--bubble {
    display: flex;
    justify-content: center;
  }
  .quotation-content-slider--bubble .quotation {
    width: 672px;
    min-height: 620px;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml,%3Csvg width='672' height='620' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.253 164.758C101.137 48.429 260.246-22.415 400.92 6.992 541.596 36.4 663.523 165.707 670.965 291.504c7.401 126.463-99.997 249.063-226.178 300.72-126.141 50.99-271.066 31.036-357.885-59.496-87.133-90.884-115.847-251.993-50.65-367.97Z' fill='%23004440'/%3E%3C/svg%3E");
    padding: 0 60px;
  }
  #content .quotation-content-slider--bubble p:first-child {
    padding-bottom: 35px;
  }
  #content .quotation-content-slider--bubble p:nth-child(2) {
    padding-bottom: 10px;
  }
  #content .quotation-content-slider--bubble p i {
    font-size: 50px;
  }
  #content .quotation-content-slider--bubble .quotation-button {
    width: 12%;
  }
  #content .quotation-content-slider--bubble .quotation-content {
    width: 76%;
  }
  #content .quotation-content-slider--bubble .quotation-button button {
    min-width: 2em;
  }
  #content .quotation-content-slider--bubble .quotation-button-right {
    display: flex;
  }

  /* Blog */
  .blog-entry__sharing {
    align-items: end;
  }

  /* Breadcrumb */
  .content-hero.text-align-center .container .row:first-child .col-12,
  .subpage-hero.text-align-center .container .row:first-child .col-12 {
    text-align: left;
  }
  .breadcrumb-container {
    display: inline-flex;
  }
}

/*@media Tablet */

/* --------------------------------------------------------
	Overlay-Menü
	-------------------------------------------------------- */

@media (min-width: 1000px) {
  .header__main {
    height: 131px;
  }

  .header__main__notch {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    width: 112px;
  }

  .header__home-link img[src$="svg"],
  .header__home-link img {
    height: 90px;
    width: 200px;
  }

  .header__home-link {
    padding: 0 0 35px 0;
  }

  .header__main__center {
    left: 43%;
  }

  .nav-main__link {
    font-size: 20px;
    font-weight: 800;
    line-height: 23px;
    text-transform: uppercase;
  }

  .nav-main__subnav__link {
    font-size: 18px;
    line-height: 20px;
    text-transform: none;
  }

  .nav-main__subnav__link:hover,
  .nav-main__subnav__current,
  .nav-main__subnav__item--active > .nav-main__subnav__link,
  .nav-main__subnav__item--nested > .nav-main__subnav__link--current,
  .nav-main__subnav__link:focus-visible {
    border-radius: 35px;
  }

  .nav-main__subnav--level1 > .nav-main__subnav__item > .nav-main__subnav__link,
  .nav-main__subnav--level2
    > .nav-main__subnav__item
    > .nav-main__subnav__link {
    padding: 12px 30px 12px 17px;
  }

  .nav-main__subnav__item--nested > .nav-main__subnav__link::after,
  .nav-main__subnav__item--nested
    > .nav-main__subnav-container
    > .nav-main__subnav__current::after {
    width: 7px;
    height: 7px;
    right: 22px;
  }

  .header__main {
    border-bottom-width: 0;
  }

  .nav-meta__link,
  .nav-lang__link {
    font-weight: 800;
    font-size: 15px;
  }

  .nav-meta__link::after {
    bottom: -18px;
  }

  .nav-lang__item:first-child {
    margin-left: 20px;
  }

  /* Footer */

  .footer__partner {
    margin: 0 0 0 auto;
  }
  .footer {
    padding-bottom: 0;
  }
  .footer__partner::before {
    content: "";
    padding: 0;
  }
  .footer__partner {
    order: 0;
    padding-bottom: 0;
  }
  #nav-social {
    margin-top: 0;
  }

  .nav-footer__link {
    font-weight: 400;
  }

  .nav-social__link svg {
    height: 18px;
    width: 18px;
  }

  .nav-social__item:not(:first-child) {
    margin-left: 20px;
  }

  .webforms--no-background.text-align-center
    .pi-newsletter-widget
    .pi-form-input {
    display: flex;
    justify-content: center;
  }

  .webforms--no-background.text-align-center
    .pi-newsletter-widget
    .pi-form-input
    input {
    max-width: 590px;
  }

  h1,
  h2 {
    margin-top: 0;
    padding-top: 0;
  }

  /***************************************************************\
  |* Verteilerseiten                                             *|
  \***************************************************************/
  .content-hero {
    padding-top: 173px;
    padding-bottom: 100px;
  }
  .content-hero h1 {
    text-align: left;
  }
  .content-hero .cta-wrapper--align-left {
    justify-content: flex-start;
  }
  .image--rounded-corner picture {
    border-radius: 20px;
  }

  /***************************************************************\
  |* Unterseiten                                                 *|
  \***************************************************************/
  .subpage-hero {
    padding-top: 173px;
    padding-bottom: 100px;
  }
  .subpage-hero h1 {
    text-align: left;
  }

  /* Breadcrumb */
  .breadcrumb-container {
    margin-top: 65px;
    margin-bottom: 37px;
  }
}

/* --------------------------------------------------------
    Desktop
   -------------------------------------------------------- */

@media (min-width: 1250px) {
  .header__home-link img[src$="svg"],
  .header__home-link img {
    height: 120px;
    width: 240px;
  }

  .header__home-link {
    padding: 0;
  }

  /* Schriften */
  h1 {
    font-size: 85px;
    line-height: 75px;
  }
  h2.headline {
    font-size: 64px;
    line-height: 70px;
    padding-bottom: 40px;
  }
  h3 {
    font-size: 48px;
    line-height: 52px;
  }
  h4 {
    font-size: 28px;
    line-height: 34px;
  }
  #content .copy--big p {
    font-size: 22px;
    line-height: 32px;
  }

  /* Menü */
  .header__main__center {
    left: 50%;
  }
  /* Section zentriert */
  .section__content--centered .row {
    display: flex;
    flex-flow: column;
    align-items: center;
  }

  /* Formulare */
  .mwf-field .mwf-input input[type="text"],
  .mwf-field .mwf-input textarea,
  .mwf-form ul > li.mwf-field .mwf-input select {
    border-radius: 12px;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px 9px 15px;
  }

  /* CTA-Buttons */
  .cta-button {
    font-size: 22px;
    line-height: 28px;
    padding: 19px 38px 17px 38px;
  }

  /* Startseite */
  /* Hero */
  .home__hero h1 {
    width: 70%;
    margin-top: 30px;
    /* auskommentieren, wenn Hero wieder mit CTAs befüllt ist. */
    margin: auto;
  }
  /* Wellen */
  .home__hero::after,
  .next-section--darkgreen1::after,
  .next-section--darkgreen2::after,
  .next-section--lightgreen1::after {
    bottom: -7px;
    left: -2px;
    width: 102%;
  }
  /* Fakten */
  .section--facts,
  .section--highlights,
  .section--partnerland,
  section[class*="section-photo-bg"] {
    padding: 190px 0;
  }
  .fact h4 {
    font-size: 53px;
    line-height: 53px;
  }
  #content .fact p {
    font-size: 20px;
    line-height: 30px;
  }
  .odometer-digit {
    width: 31px;
  }
  .numbers .odometer-digit {
    width: 26px;
  }
  .numbers .fact {
    width: 21%;
  }
  /* Highlights */
  .section--highlights .highlight-tile--small.align-bottom .textimage-img {
    padding-bottom: 0;
  }
  .section--highlights .highlight-tile--small.align-bottom {
    padding-top: 12px;
  }

  #content .highlight-tile .textpic__text p {
    font-size: 50px;
    line-height: 50px;
  }
  #content .highlight-tile--small .textpic__text p {
    font-size: 28px;
    line-height: 34px;
  }

  /* Zitat */
  .section--quote {
    padding: 280px 0 380px 0;
  }
  .quote--bubble {
    margin-top: -330px;
    padding: 0 100px 60px 100px;
    height: 667px;
  }

  #content .quote--bubble blockquote {
    padding-top: 120px;
  }

  #content .quote--bubble blockquote p {
    font-size: 34px;
    line-height: 42px;
    margin-top: 50px;
  }

  /***************************************************************\
  |* Meilensteine                                                *|
  \***************************************************************/
  #content .section--milestones .container {
    max-width: initial;
  }

  /* Container (row) */
  #content .section--milestones .row {
    max-width: unset;
    /* display: block; */
    flex-direction: row;
    width: fit-content;
  }

  /* dotted line */
  #content .section--milestones .row::before {
    content: " ";
    position: absolute;
    top: 50%;
    width: 100%;
    border-top: 1px dashed #ffffff;
    border-left: none;
  }

  /* Scale start (circle) */
  #content .section--milestones .row > div:first-child::before {
    top: calc(50% - 7px);
    left: -15px;
  }

  /* Scale end (arrow) */
  #content .section--milestones .row > div:last-child::after {
    left: unset;
    top: calc(50% - 10px);
    right: -18px;
    bottom: unset;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid;
    border-right: none;
  }

  /* Item container */
  #content .section--milestones .row > div {
    width: 300px;
    height: 450px;
    flex: unset;
  }

  /* Item container (odd ordinal - not last item) */
  #content .section--milestones .row > div:nth-child(odd):not(:last-child) {
    width: 70px;
  }

  /* Point of scale */
  #content .section--milestones .row > div > .milestone::before {
    left: 64px;
    top: unset;
  }

  /* Point of scale (odd ordinal) */
  #content .section--milestones .row > div:nth-child(odd) > .milestone::before {
    bottom: -7px;
  }

  /* Point of scale (even ordinal) */
  #content
    .section--milestones
    .row
    > div:nth-child(even)
    > .milestone::before {
    top: -6px;
  }

  /* Item (odd ordinal) */
  #content .section--milestones .row > div:nth-child(odd) > .milestone {
    top: 0;
    bottom: 50%;
  }

  /* Item (even ordinal) */
  #content .section--milestones .row > div:nth-child(even) > .milestone {
    top: 50%;
    bottom: 0;
  }

  /* Dashed line on point of scale */
  #content .section--milestones .row > div > .milestone::after {
    top: unset;
    left: 70px;
    width: unset;
    height: calc(50% - 70px);
    border-left: 1pt dashed #d7e200;
    border-bottom: none;
  }

  /* Dashed line on point of scale (odd ordinal) */
  #content .section--milestones .row > div:nth-child(odd) > .milestone::after {
    bottom: 8px;
  }

  /* Dashed line on point of scale (even ordinal) */
  #content .section--milestones .row > div:nth-child(even) > .milestone::after {
    top: 8px;
  }

  /* Date (day and month) */
  #content .section--milestones .milestone h3,
  #content .section--milestones .milestone h4 {
    left: 7px;
    width: 130px;
    padding: 25px 0;
  }

  /* Day with circle*/
  #content .section--milestones .milestone h3 {
    top: 50%;
    height: 80px;
    font-size: 50px;
    line-height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22131%22%20height%3D%22122%22%20viewBox%3D%220%200%20131%20122%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.96912%2032.7089C19.5453%2010.1267%2050.4281%20-3.60141%2077.7517%202.1393C105.075%207.88%20128.778%2033.0211%20130.249%2057.457C131.712%2082.0223%20110.882%20105.814%2086.3891%20115.822C61.9043%20125.7%2033.7574%20121.795%2016.8796%20104.193C-0.0591425%2086.5219%20-5.66792%2055.2226%206.96912%2032.7089Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E");
  }

  /* Day with circle - every 2nd child */
  #content .section--milestones .row > div:nth-child(2n) .milestone h3 {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22129%22%20height%3D%22121%22%20viewBox%3D%220%200%20129%20121%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M103.311%20111.026C81.9444%20125.571%2048.1845%20123.995%2026.3358%20106.612C4.48702%2089.229%20-5.42695%2056.1286%204.21528%2033.6274C13.9224%2011.014%2043.2094%20-0.91182%2069.5892%201.12491C95.9041%203.27388%20119.312%2019.3854%20126.505%2042.6868C133.722%2066.0768%20124.701%2096.5682%20103.311%20111.026Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E");
  }

  /* Day with circle - every 3rd child */
  #content .section--milestones .row > div:nth-child(3n) .milestone h3 {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22131%22%20height%3D%22120%22%20viewBox%3D%220%200%20131%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M116.621%2020.4857C99.5419%201.0838%2066.4503%20-5.78342%2040.9654%205.62068C15.4805%2017.0248%20-2.35263%2046.6204%201.39174%2070.8124C5.17107%2095.1293%2030.5729%20113.963%2056.6306%20118.549C82.6534%20123.011%20109.332%20113.226%20122.094%2092.4453C134.9%2071.5845%20133.744%2039.8077%20116.621%2020.4857Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E");
  }

  /* Day with circle - every 5th child */
  #content .section--milestones .row > div:nth-child(5n) .milestone h3 {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22131%22%20height%3D%22120%22%20viewBox%3D%220%200%20131%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M116.621%2020.4856C99.5419%201.08379%2066.4502%20-5.78344%2040.9654%205.62065C15.4805%2017.0247%20-2.35263%2046.6203%201.39175%2070.8124C5.17107%2095.1293%2030.5729%20113.963%2056.6306%20118.549C82.6534%20123.011%20109.332%20113.226%20122.094%2092.4453C134.9%2071.5845%20133.744%2039.8077%20116.621%2020.4856Z%22%20fill%3D%22%23D7E200%22%2F%3E%0A%3C%2Fsvg%3E");
  }

  /* Month */
  #content .section--milestones .milestone h4 {
    top: calc(50% + 25px);
  }

  /* Text */
  #content .section--milestones .milestone p {
    left: 155px;
    top: 50%;
    min-width: 200px;
  }

  /***************************************************************\
  |* Verteilerseiten                                             *|
  \***************************************************************/
  .content-hero .contentarea__background {
    background-size: 101%;
  }

  .col-6 .image--same-height picture {
    height: 393px;
  }

  .col-4 .image--same-height picture {
    height: 244px;
  }

  /***************************************************************\
  |* Unterseiten                                                 *|
  \***************************************************************/
  .section--quotation-slider {
    padding: 190px 0 290px 0;
  }

  /* Blog */
  h1.blog-entry__headline {
    font-size: 60px;
    line-height: 68px;
  }
  .blog-entry__text:first-child h2,
  .blog-entry__text h2 {
    font-size: 40px;
    line-height: 48px;
  }

  /* Website Guide */
  .websiteguide__label {
    padding-right: 10px;
  }
  div.websiteguide__select {
    width: 28%;
  }
}

/*@media Desktop */

@media (min-width: 1500px) {
  /* Pause- und Play-Button für Hintergrundvideos */
  #content button.contentarea__background-video-button {
    bottom: 120px;
  }
}

@media (min-width: 1800px) {
  /* Pause- und Play-Button für Hintergrundvideos */
  #content button.contentarea__background-video-button {
    bottom: 140px;
  }
}

@media (min-width: 2100px) {
  /* Pause- und Play-Button für Hintergrundvideos */
  #content button.contentarea__background-video-button {
    bottom: 170px;
  }
}

@media (min-width: 2600px) {
  /* Pause- und Play-Button für Hintergrundvideos */
  #content button.contentarea__background-video-button {
    bottom: 200px;
  }
}

/* ========================================================
   Colors
   ========================================================

   Primär:      #004440 (Dunkelgrün)
   Sekundär:    #D7E200 (Hellgrün)
   Tertiär:     #FFFFFF (Weiß)
   Icons:       #004440
   Links:       #2D2D2D
   Schrift:     #2D2D2D
   Highlight:   #F8F8F8 (Hellgrau)
   Grau:        #EEEEEE (Grau)

   ======================================================== */

/* Base */
body {
  background-color: #ffffff;
}
aside ul li {
  background-color: #d7e200;
}

aside#side-panel ul li a {
  color: #004440;
}

aside#side-panel,
.footer {
  background-color: #ffffff;
}

a.link-aside .icon-side-home-item {
  background-color: #004440;
}

a,
.accordion-navigation .accordion-navigation-box a,
.tab-navigation .ui-tabs-panel a,
.table-responsive .table a {
  color: #004440;
}

a.link-highlight,
a.link-highlight-block,
a.button-link,
#content button.btn-colored,
#content .newsreport-search-reset button {
  background-color: #d7e200;
  color: #004440;
}

h1,
h2,
h3,
h4,
h5,
p,
li,
table {
  color: #004440;
}

.contentarea--light-dark h1,
.contentarea--light-dark h2,
.contentarea--light-dark h3,
.contentarea--light-dark h4,
.contentarea--light-dark h5,
.contentarea--light-dark p,
.contentarea--light-dark li,
.contentarea--light-dark label,
.contentarea--light-dark a {
  color: #ffffff;
}

#content hr,
.downloadcenter-category {
  border-bottom-color: rgba(32, 76, 69, 0.3);
}

/* Cookie-Hinweis */

.cookie-confirm {
  background-color: #004440;
}

.cookie-confirm:hover {
  background-color: #bcc504;
}

/* Formulare */

.mwf-field .mwf-input input[type="text"],
.mwf-field .mwf-input textarea,
.mwf-form ul > li.mwf-field .mwf-input select,
.form-control {
  background-color: #eeeeee;
  border-color: #eeeeee !important;
  color: #004440;
}

.form-control {
  background-image: linear-gradient(to left, #eeeeee 50%, #eeeeee 50%);
}

.mwf-field .mwf-input input[type="text"]:focus,
.mwf-field .mwf-input textarea:focus,
.form-control:focus {
  border-color: #004440 !important;
  background-color: #fff;
  outline: 0;
}

.form-control:focus {
  background-image: linear-gradient(to left, #ffffff 50%, #ffffff 50%);
}

label {
  color: #2d2d2d;
}

legend {
  color: #004440;
}

/* Neuheitenreport */
.newsreport-search-form,
#content .newsreport-search .newsreport-search-button {
  background-color: #d7e200;
  color: #004440;
}

#content .page-navigation li a.active,
#content .page-navigation.cal-alphabet li.newsreport-select-all a,
#content .newsreport-navigation a.item-square {
  border-color: #d7e200;
}

.newsreport-filter label.active,
#content .page-navigation li a.active,
#content .page-navigation.cal-alphabet li.newsreport-select-all a,
#content .newsreport-search-reset button,
#content .newsreport-navigation a.item-square {
  background-color: #d7e200;
  color: #004440;
}

/* Form-Button */

#content .mwf-form ul > li input[type="button"],
.mwf-upload-button {
  background-color: #d7e200;
  border-color: #d7e200;
  color: #004440;
}

#content .mwf-form ul > li.mwf-cancel input[type="button"] {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #004440;
}

#content .mwf-form ul > li input[type="button"]:hover,
.mwf-upload-button:hover {
  background-color: #bcc504;
  border-color: #bcc504;
  color: #004440;
}

/* Tabellen */

.table-responsive {
  border-width: 0;
  border-radius: 8px;
}

.table > thead > tr > th {
  background-color: #004440;
  color: #ffffff;
}

.table-color > thead > tr > th {
  background-color: #d7e200;
  color: #004440;
}

.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  color: #004440;
  background-color: #f8f8f8;
}

.table-color > tbody > tr > th,
.table-color > tfoot > tr > th,
.table-color > thead > tr > td,
.table-color > tbody > tr > td,
.table-color > tfoot > tr > td {
  color: #004440;
  background-color: #f8f8f8;
}

.table-striped > tbody > tr > td,
.table-striped > tbody > tr > th {
  background-color: #f8f8f8;
}

.table-striped > tbody > tr:nth-child(2n + 1) > td,
.table-striped > tbody > tr:nth-child(2n + 1) > th {
  background-color: #eeeeee;
}

.table-striped > tbody > tr:nth-child(2n) > td,
.table-striped > tbody > tr:nth-child(2n) > th {
  background-color: #f8f8f8;
}

.table-color.table-striped > tbody > tr:nth-child(2n + 1) > td,
.table-color.table-striped > tbody > tr:nth-child(2n + 1) > th {
  background-color: #eeeeee;
}

.table-color.table-striped > tbody > tr:nth-child(2n) > td,
.table-color.table-striped > tbody > tr:nth-child(2n) > th {
  background-color: #f8f8f8;
}

.table > tbody > tr > th,
.table > tbody > tr > td {
  border-bottom-color: #004440;
}

/* Content */

.color--white h2,
.color--white p {
  color: #ffffff;
}

#content blockquote {
  border-left-color: #d7e200;
}

#content .quote--bubble .blockquote-author {
  color: #2d2d2d;
}
#content .quote--bubble blockquote::before {
  color: #004440;
}

#content li:before,
#content .contentarea--light-dark .col-highlight li::before,
#content .contentarea--light-dark .highlight li::before,
#content .contentarea--light-dark .accordion-navigation li::before,
#content .contentarea--light-dark .tab-navigation li::before,
#content .contentarea--light-dark table li::before {
  color: #004440;
}

#content ul ul li:before,
#content .col-highlight ul ul li:before,
#content .highlight ul ul li:before {
  color: #2d2d2d;
}

.col-highlight,
#content .highlight {
  background-color: #f8f8f8;
}
#content .ui-tabs-panel .highlight,
#content .ui-tabs-panel .col-highlight,
#content .ui-accordion-content .highlight,
#content .ui-accordion-content .col-highlight {
  background-color: #ffffff;
}

p.col-highlight,
h3.highlight,
#content .col-highlight h2,
#content .col-highlight h3,
#content .col-highlight h4,
#content .col-highlight h5,
#content .col-highlight p,
#content .col-highlight li,
#content .col-highlight table,
#content .contentarea--light-dark .col-highlight li::before,
#content .contentarea--light-dark .col-highlight h3,
#content .contentarea--light-dark h3.highlight,
#content .contentarea--light-dark .col-highlight h4,
#content .contentarea--light-dark h4.highlight {
  color: #2d2d2d;
}

.col-highlight a,
#content .highlight a {
  color: #2d2d2d;
}

.col-highlight a.link-highlight,
#content .highlight a.link-highlight,
.col-highlight a.link-highlight-block,
#content .highlight a.link-highlight-block {
  color: #2d2d2d;
}

#content .col-highlight .highlight {
  background-color: #ffffff;
}

.text-success {
  color: #277a00;
}

.text-error {
  color: #b30000;
}

.text-success a,
.text-error a,
a.gsa-spellcheck-link b {
  color: #004440;
}

#content .anchor-links li a {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #004440;
}

#content .anchor-links-color li a {
  background-color: #d7e200;
  border-color: #d7e200;
  color: #004440;
}

.img-border img {
  border-width: 0;
  outline: #004440 1px solid;
}

#content .border {
  border-width: 0;
  outline: #004440 1px solid;
  padding: 1em;
}

.img-border .gallery-thumb,
.img-border .gallery-thumb-small {
  outline: #004440 1px solid;
}

.img-border .gallery-thumb img,
.img-border .gallery-thumb-small img {
  border-width: 0;
}

.icon-gallery-zoom:before {
  color: #d7e200;
}

.quotation {
  background: #f8f8f8;
  border-radius: 15px;
}

.quotation .icon-news-left:before,
.quotation .icon-news-right:before {
  color: #004440;
}

/* Zitate-Slider Bubble */
.quotation-content-slider--bubble p {
  color: #ffffff;
}
.quotation-content-slider--bubble p b {
  color: #d7e200;
}

/* Meilensteine */
#content .section--milestones .row::before {
  border-color: #ffffff;
}

#content .section--milestones .row > div {
  color: #ffffff;
}

#content .section--milestones .row > div > .milestone::before {
  background-color: #d7e200;
}

#content .section--milestones .row > div > .milestone::after {
  border-color: #d7e200;
}

#content .section--milestones .milestone h3,
#content .section--milestones .milestone h4 {
  color: #004440;
}
/* Fancybox */

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span,
#fancybox-buttons ul {
  background-color: #004440;
}

/* GSA */

.gsa-search input,
input.gsa-search-mobile-input,
.gsa-search input::-webkit-input-placeholder,
input.gsa-search-mobile-input::-webkit-input-placeholder,
.gsa-search input:-moz-placeholder,
input.gsa-search-mobile-input:-moz-placeholder,
.gsa-search input:-ms-input-placeholder,
input.gsa-search-mobile-input:-ms-input-placeholder {
  opacity: 1;
}

.gsa-spellcheck,
.gsa-related-queries,
.gsa-keymatch,
.gsa-result {
  border-bottom-color: #004440;
}

/* GSA Content Search */

.gsa-content-search,
#content .gsa-content-search-option,
#content button.gsa-content-search-button,
#content .gsa-content-search-button:hover {
  background-color: #004440;
}

#content #gsa-content-search-select {
  background-color: #ffffff;
  color: #004440;
}

#content .gsa-content-search-button {
  color: #fff;
}

/* Tab-Navigation */

#content .ui-tabs .ui-tabs-panel {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}

#content ul.ui-tabs-nav .ui-state-active {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}

#content .tab-navigation .ui-state-default {
  background-color: #004440;
  border-color: #004440;
}

#content .tab-navigation-colored .ui-state-default {
  background-color: #d7e200;
  border-color: #d7e200;
}

#content .tab-navigation .ui-state-default a {
  color: #ffffff;
  background-color: #004440;
}

#content .tab-navigation-colored .ui-widget-header .ui-state-default a {
  color: #004440;
  background-color: #d7e200;
}

#content .tab-navigation-colored .ui-widget-header .ui-state-active a,
#content .tab-navigation .ui-widget-header .ui-state-active a {
  background: #f8f8f8;
  color: #004440;
}

/* Akkordeon-Navigation */

.accordion-navigation-link,
.ui-accordion .ui-accordion-header {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #004440;
}

.accordion-navigation-colored .accordion-navigation-link,
.accordion-navigation-colored .ui-accordion-header {
  border-color: #d7e200;
  background-color: #d7e200;
  color: #004440;
}

.ui-accordion .ui-state-active,
.ui-accordion.accordion-navigation-colored .ui-state-active {
  background-color: #f8f8f8;
  border-color: #f8f8f8 #f8f8f8 #004440 #f8f8f8;
  color: #004440;
  border-width: 1px;
}

.accordion-navigation-colored
  .ui-accordion
  .ui-accordion-header.ui-state-hover {
  background-color: #f8f8f8;
  color: #004440;
  background-image: none;
}

.accordion-navigation .ui-state-default .ui-icon,
.accordion-navigation-colored .ui-state-default .ui-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.836 1.728C.176 1.108.616 0 1.522 0h11.956c.906 0 1.345 1.108.686 1.728L8.185 7.355a1 1 0 0 1-1.37 0L.836 1.728Z' fill='%23004440'/%3E%3C/svg%3E");
}

.accordion-navigation .ui-state-active .ui-icon,
.accordion-navigation-colored .ui-state-active .ui-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.836 1.728C.176 1.108.616 0 1.522 0h11.956c.906 0 1.345 1.108.686 1.728L8.185 7.355a1 1 0 0 1-1.37 0L.836 1.728Z' fill='%23004440'/%3E%3C/svg%3E");
}

.accordion-navigation-box {
  border-color: #f8f8f8;
}

.ui-accordion .ui-accordion-content {
  background-color: #f8f8f8;
}

.accordion-category {
  background-color: #004440;
  background-image: none;
  color: #ffffff;
}

/* A-Z-Liste */

#content .page-navigation li span {
  background-color: #eeeeee;
  color: #2d2d2d;
  border-color: #eeeeee;
}

#content .page-navigation li a {
  background-color: #d7e200;
  color: #004440;
  border-color: #d7e200;
}

#content .page-navigation li span.page-navigation-active {
  background-color: #004440;
  color: #fff;
  border-color: #004440;
}

/* Pressemitteilungen */

.pressreleases-date,
.pressreleases-details-date {
  color: #004440;
}

/* Progress Bar */

progress {
  background-color: #d7e200;
}

progress[role],
progress[aria-valuenow]:before {
  background-color: #004440;
}

progress[aria-valuenow] {
  background: #d7e200;
}

progress::-moz-progress-bar {
  background-color: #004440;
}

progress::-webkit-progress-bar {
  background-color: #d7e200;
}

progress::-webkit-progress-value {
  background-color: #004440;
}

progress[aria-valuenow]:before {
  background-color: #004440;
}

/* Loader */

.icon-loader-animation {
  border-color: #d7e200 #d7e200 #d7e200 #004440;
}

/* CTA-Buttons */

.cta-wrapper--dark-light .cta-button,
#content .pi-newsletter-widget button[type="submit"] {
  background-color: #d7e200;
  border-color: #d7e200;
  color: #004440;
}

.cta-wrapper--light-dark .cta-button {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #004440;
}

.cta-button__darkgreen .cta-button {
  background-color: #004440;
  border-color: #004440;
  color: #ffffff;
}

.cta-wrapper--dark-light .cta-button:hover,
.cta-wrapper--light-dark .cta-button:hover,
#content .pi-newsletter-widget button[type="submit"]:hover {
  background-color: #bcc504;
  border-color: #bcc504;
  color: #004440;
}

.icon-button--play:hover::before {
  background-color: #bcc504;
}

/* Meta- & Footer-Navigation */

.footer__partner::before {
  color: #004440;
}

.nav-meta__link,
.nav-lang__link--footer,
.nav-footer__link,
.footer__copyright {
  color: #004440;
}

.nav-meta__link.link-navigation-active,
.nav-footer__link.link-navigation-active {
  color: #000000;
}

.nav-social__link svg {
  fill: #004440;
}

/* Mobile Menu neu */
.header__mobile__top {
  background-color: #004440;
}

.nav-mobile__toggle {
  background-color: #004440;
}

.nav-mobile__toggle__burger,
.nav-mobile__toggle__burger::before,
.nav-mobile__toggle__burger::after {
  background-color: #ffffff;
}

.header__mobile__home-link img[src$="svg"] {
  height: 19px;
  width: 324px;
}

.header__mobile__meta {
  background-color: #d7e200;
}

.header__mobile__meta,
.header__mobile__meta a {
  color: #004440;
}

.header__mobile__meta__search .header__search-trigger {
  background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23004440' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
}

.search-area {
  background-color: #d7e200;
}

.search-area__search-box__submit {
  background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23004440' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
}

.search-area__close::before,
.search-area__close::after {
  background-color: #004440;
}

label.search-area__label {
  color: #004440;
  border-bottom-color: #004440;
}

@media (min-width: 470px) {
  #nav-mobile {
    background-color: rgba(255, 255, 255, 0.85);
  }
}

#nav-mobile.nav-mobile--expanded::before,
.nav-mobile__toggle--fixed {
  background-color: #004440;
}

.nav-mobile__item a,
.nav-mobile-extra__item a {
  color: #ffffff;
}

.subnav-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='8px' viewBox='0 0 14 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M338.712171,12.693072 L332.677699,18.7126627 C332.293833,19.0957791 331.671461,19.0957791 331.287783,18.7126627 C330.904072,18.3298871 330.904072,17.7090619 331.287783,17.3263173 L336.627359,11.9998993 L331.287938,6.67366719 C330.904228,6.29073669 330.904228,5.66997346 331.287938,5.28719788 C331.671648,4.90426737 332.293989,4.90426737 332.677854,5.28719788 L338.712326,11.3068815 C338.904181,11.4983623 339,11.7490533 339,11.9998683 C339,12.2508072 338.903995,12.5016842 338.712171,12.693072 Z' fill='%23ffffff' transform='translate(7.000000, 4.000000) rotate(90.000000) translate(-335.000000, -12.000000)'/%3E%3C/svg%3E");
}

ul li ul li .subnav-toggle--expanded::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='8px' viewBox='0 0 14 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M338.712171,12.693072 L332.677699,18.7126627 C332.293833,19.0957791 331.671461,19.0957791 331.287783,18.7126627 C330.904072,18.3298871 330.904072,17.7090619 331.287783,17.3263173 L336.627359,11.9998993 L331.287938,6.67366719 C330.904228,6.29073669 330.904228,5.66997346 331.287938,5.28719788 C331.671648,4.90426737 332.293989,4.90426737 332.677854,5.28719788 L338.712326,11.3068815 C338.904181,11.4983623 339,11.7490533 339,11.9998683 C339,12.2508072 338.903995,12.5016842 338.712171,12.693072 Z' fill='%23004440' transform='translate(7.000000, 4.000000) rotate(90.000000) translate(-335.000000, -12.000000)'/%3E%3C/svg%3E");
}

.nav-mobile__container::before,
.nav-mobile__container {
  background-color: #004440;
}

.nav-mobile__subnav__item.nav-mobile__item--expanded,
.nav-mobile__subnav--quicklinks.nav-mobile__subnav--expanded {
  background-color: #d7e200;
}

#nav-mobile .is-active > a {
  color: #d7e200;
}

#nav-mobile .nav-mobile__subnav__item.nav-mobile__item--expanded .is-active > a,
#nav-mobile
  li.nav-mobile__subnav__item.nav-mobile__item--nested.is-active.nested.nav-mobile__item--expanded
  > a {
  color: #000000;
}

ul li ul li.nav-mobile__item--nested.nav-mobile__item--expanded a {
  color: #004440;
}

/* End: Mobile Menu neu */

/* Startseite */

.hero__button-next a::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 61.8 38' style='enable-background:new 0 0 61.8 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23ffffff;stroke-width:10;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline id='arrow' class='st0' points='58.2,3.5 30.9,30.9 3.5,3.5 '/%3E%3C/svg%3E%0A");
  filter: drop-shadow(0px 0px 12px #000000);
}

/* Facts */

.contentarea--light-dark .fact h4 {
  color: #d7e200;
}

.contentarea--dark-light .fact h4 {
  color: #004440;
}

.fact p {
  color: #004440;
}

/* Blog */
#content .blog-filter__button {
  background-color: #004440;
  border-color: #004440;
  color: #ffffff;
}

#content .blog-filter__button--active {
  background-color: #ffffff;
  border-color: #004440;
  color: #004440;
}

p.blog-list__tag {
  color: #8b94a6;
}

/* Countdown */
.contentarea--light-dark .countdown__element {
  border-color: #ffffff;
}

.contentarea--dark-light .countdown__element {
  border-color: #000000;
}

.contentarea--light-dark .countdown__element:first-child {
  border-left-color: #ffffff;
}

.contentarea--dark-light .countdown__element:first-child {
  border-left-color: #000000;
}

.contentarea--light-dark .countdown__value {
  color: #d7e200;
}

.contentarea--dark-light .countdown__value {
  color: #004440;
}

.contentarea--light-dark .countdown__label {
  color: #ffffff;
}

.contentarea--dark-light .countdown__label {
  color: #000000;
}

/* Usercentrics Overlay / Embedding wrapper */
#content .uc-embedding-wrapper h3 {
  color: #004440;
}

#content .uc-embedding-wrapper button.uc-embedding-accept {
  background-color: #d7e200;
  border-color: #d7e200;
  color: #004440;
}

/* Pause- und Play-Button für Hintergrundvideos */
#content button.contentarea__background-video-button,
#content button.contentarea__background-video-button:focus {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #004440;
}
#content button.contentarea__background-video-button:hover {
  background-color: #bcc504;
  border-color: #bcc504;
  color: #004440;
}

/* Breadcrumb */
.breadcrumb-container {
  background-color: rgba(32, 76, 69, 0.8);
}
.breadcrumb a,
.breadcrumb-container button,
.contentarea--dark-light .breadcrumb-container button {
  color: #d7e200 !important;
}
.breadcrumb li {
  color: #ffffff;
}

.breadcrumb ol li::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath stroke='%23d7e200' d='M1.313.843 6.47 6l-5.157 5.157'/%3E%3C/svg%3E");
}
button.breadcrumb__button--hide::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.14995 12.55L3.44995 11.85L7.29995 8.00001L3.44995 4.15001L4.14995 3.45001L7.99995 7.30001L11.85 3.45001L12.55 4.15001L8.69995 8.00001L12.55 11.85L11.85 12.55L7.99995 8.70001L4.14995 12.55Z' fill='%23d7e200'/%3E%3C/svg%3E");
}

/* Website Guide */
.websiteguide {
  background-color: transparent;
}

.websiteguide__label {
  background-color: transparent;
}

.websiteguide__select--styled {
  background-color: #eeeeee;
  color: #004440;
}
.websiteguide__select--disabled .websiteguide__select--styled {
  opacity: 0.5;
}

.websiteguide__select--styled::after,
.websiteguide__select--disabled .websiteguide__select--styled::after {
  border-color: #004440 transparent transparent transparent;
}

.websiteguide__select--options li:hover {
  background-color: #d7e200;
  color: #004440;
}

#content button.websiteguide__button.disabled {
  opacity: 0.5;
  background-color: #d7e200;
  color: #004440;
}
#content button.websiteguide__button:not(.disabled) {
  background-color: #d7e200;
  color: #004440;
  opacity: 1;
}

#content button.websiteguide__button:not(.disabled):hover {
  background-color: #bcc504;
  color: #004440;
}

/* Tablet Colors */

@media (min-width: 768px) {
  body {
    background: #fff;
  }

  /* Anchor-Links */
  #content .anchor-links li a:hover,
  #content .anchor-links-color li a:hover {
    background-color: #bcc504;
    color: #004440;
    border-color: #bcc504;
  }

  /* Button-Links */
  a.button-link:hover {
    background-color: #bcc504;
    color: #004440;
    border-color: #bcc504;
  }

  /* Tabellen */
  .table-hover > tbody > tr:hover > td,
  .table-hover > tbody > tr:hover > th {
    background-color: #ffffff;
  }

  .table-hover.table-color > tbody > tr:hover > td {
    background-color: #ffffff;
  }

  /* Akkordeon */
  .accordion-navigation-colored .accordion-category {
    background-color: #d7e200;
  }

  .accordion-category {
    background-color: #f8f8f8;
    color: #ffffff;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 848.5 56.7' viewBox='0 0 848.5 56.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='840.9 56.7 0 56.7 0 0 840.9 0 848.5 28.3' fill='%23004440'/%3E%3C/svg%3E%0A");
    background-size: cover;
  }

  .ui-accordion-header.ui-state-active .accordion-category,
  .ui-accordion-header:hover .accordion-category {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 848.5 56.7' viewBox='0 0 848.5 56.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='840.9 56.7 0 56.7 0 0 840.9 0 848.5 28.3' fill='%23004440'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-color: #bcc504;
    color: #fff;
  }

  .ui-accordion .ui-accordion-header.ui-state-hover {
    background-color: #bcc504;
    border-color: #bcc504;
    color: #004440;
  }

  .ui-accordion.accordion-navigation .ui-accordion-header:hover,
  .ui-accordion.accordion-navigation-colored .ui-accordion-header:hover,
  .ui-accordion .ui-state-hover {
    background-color: #bcc504;
    color: #004440;
  }

  .accordion-navigation .ui-state-default.ui-accordion-header:hover .ui-icon,
  .accordion-navigation-colored
    .ui-state-default.ui-accordion-header:hover
    .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.836 1.728C.176 1.108.616 0 1.522 0h11.956c.906 0 1.345 1.108.686 1.728L8.185 7.355a1 1 0 0 1-1.37 0L.836 1.728Z' fill='%23004440'/%3E%3C/svg%3E");
  }

  .accordion-navigation
    .ui-state-default.ui-state-active.ui-state-hover
    .ui-icon,
  .accordion-navigation-colored
    .ui-state-default.ui-state-active.ui-state-hover
    .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.836 1.728C.176 1.108.616 0 1.522 0h11.956c.906 0 1.345 1.108.686 1.728L8.185 7.355a1 1 0 0 1-1.37 0L.836 1.728Z' fill='%23004440'/%3E%3C/svg%3E");
  }

  .ui-accordion .ui-state-active.ui-state-hover,
  .ui-accordion.accordion-navigation-colored .ui-state-active.ui-state-hover,
  .ui-accordion.accordion-navigation
    .ui-state-active.ui-accordion-header:hover {
    background-color: #f8f8f8;
    border-color: #f8f8f8 #f8f8f8 #004440 #f8f8f8;
    color: #004440;
    border-width: 1px;
  }

  /* Tab-Navigation */
  #content .tab-navigation .ui-state-hover {
    border-color: #bcc504;
    background-color: #bcc504;
  }

  #content .tab-navigation .ui-state-default.ui-state-hover a,
  #content .tab-navigation-colored .ui-state-default.ui-state-hover a,
  #content .tab-navigation .ui-state-active.ui-state-hover a,
  #content .tab-navigation-colored .ui-state-active.ui-state-hover a {
    background-color: #bcc504;
    color: #004440;
  }

  #content ul.ui-tabs-nav .ui-state-active.ui-state-hover {
    border-color: #f8f8f8;
  }

  #content .tab-navigation .ui-state-active.ui-state-hover a,
  #content .tab-navigation-colored .ui-state-active.ui-state-hover a,
  #content .tab-navigation .ui-state-active.ui-state-hover a,
  #content .tab-navigation-colored .ui-state-active.ui-state-hover a {
    background-color: #f8f8f8;
    color: #004440;
  }

  /* Pressemitteilungen */
  .pressreleases-item {
    background-color: #f8f8f8;
  }

  #content .pressreleases-item h3,
  #content .pressreleases-archive-item h3 {
    color: #004440;
  }

  .quotation button:hover .icon-news-left::before,
  .quotation button:hover .icon-news-right::before {
    color: #bcc504;
  }

  #content .quotation button:hover {
    background-color: transparent;
  }

  /* Formulare */
  .form-elements {
    background-color: transparent;
  }

  /* Redesign */
  /* Startseite */

  /* Blog */
  #content .blog-filter__button:hover,
  #content .blog-filter__button:focus {
    background-color: #bcc504;
    border-color: #bcc504;
    color: #004440;
  }
}

/*@media Tablet Colors */

/* --------------------------------------------------------
	Overlay-Menü
	-------------------------------------------------------- */

@media (min-width: 1000px) {
  *:focus-visible {
    outline-color: #d7e200 !important;
  }
  .header__top-bar,
  .header__main__notch {
    background-color: #ffffff;
    color: #07262d;
  }

  .header__main__notch::before,
  .header__main__notch::after {
    background-image: url("data:image/svg+xml,%3Csvg width='40px' height='29px' viewBox='0 0 40 29' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M40,28.9837918 C26.3344864,29.2189003 17.6935272,26.8962342 14.0771225,22.0157934 C10.4607178,17.1353526 8.169771,11.1977843 7.20428226,4.20308866 C6.80767336,1.40102955 4.50001376,-7.10542736e-15 0.28130348,-7.10542736e-15 L-3.27897692e-13,-7.10542736e-15 L40,-7.10542736e-15 L40,28.9837918 Z'/%3E%3C/svg%3E");
  }

  .header__bg {
    background-color: #1a3d38;
    opacity: 0.8;
    top: 70px;
  }

  .header__bg--expanded {
    top: 42px;
  }

  body.body--has-hero.homepage .header__bg {
    opacity: 0;
  }

  body.body--has-hero.header__bg {
    opacity: 0.2;
  }

  body.body--has-hero .header__bg--expanded,
  body.body--has-hero.homepage .header__bg--expanded {
    opacity: 0.8;
  }

  .header__bg--expanded {
    opacity: 1;
  }

  body.body--has-hero.design2019.body--is-scrolled .header__bg,
  body.design2019.body--is-scrolled .header__bg {
    opacity: 1;
  }

  .body--darkened .header__main {
    border-bottom-color: rgba(255, 255, 255, 0.2);
  }

  .nav-main__link,
  .nav-meta__link,
  .nav-lang__link,
  .nav-lang__link--footer,
  .nav-main__subnav__link,
  #nav-meta ul li a,
  #nav-lang ul li a,
  #nav-social ul li a,
  #footer-copyright,
  .nav-main__quicklinks a {
    color: #ffffff;
  }

  .nav-main__link::after {
    background-color: #ffffff;
  }

  .nav-main__link:hover {
    color: #ffffff;
  }

  .nav-main__link--current::after {
    background-color: #d7e200;
  }

  .nav-main__subnav__link:hover,
  .nav-main__subnav__current,
  .nav-main__subnav__link--current,
  .nav-main__subnav__item--active > .nav-main__subnav__link,
  .nav-main__subnav__link:active {
    color: #004440;
    background: #d7e200;
  }

  .nav-main__quicklinks a {
    text-decoration: none;
  }

  .nav-main__quicklinks a:hover {
    text-decoration: underline;
  }

  ul.nav-main__subnav.nav-main__subnav--level1 {
    border-right-color: #ffffff;
  }

  .nav-main__quicklinks {
    border-left-color: #ffffff;
  }

  .nav-footer__link:hover,
  .nav-meta__link:hover,
  .nav-meta__link.link-navigation-active,
  #nav-meta ul li a:hover,
  #nav-footer ul li a:hover {
    color: #d7e200;
  }

  .nav-meta__link::after {
    background-color: #d7e200;
  }

  .nav-footer__link.link-navigation-active:hover {
    color: #000000;
  }
  .nav-footer__link.link-navigation-active {
    color: #000000;
    text-decoration: underline;
  }

  .nav-social__link:hover svg {
    fill: #d7e200;
  }

  .nav-main__subnav__item--nested > .nav-main__subnav__link::after,
  .nav-main__subnav__item--nested > .nav-main__subnav__link:hover:after,
  .nav-main__subnav__item--nested > .nav-main__subnav__current:hover:after,
  .nav-main__subnav__item--nested > .nav-main__subnav__link--current:after {
    border-color: #ffffff;
  }

  .nav-main__subnav__item--active > a.nav-main__subnav__link::after,
  .nav-main__subnav__item--nested > .nav-main__subnav__link--current:after,
  .nav-main__subnav__item--nested > .nav-main__subnav__link:hover:after,
  .nav-main__subnav__item--nested > .nav-main__subnav__current:hover:after {
    border-color: #004440;
  }

  .header__search-trigger {
    background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
  }

  .header__search-trigger:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23D7E200' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
  }

  .search-area__search-box__submit:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23D7E200' d='M22.7857681,19.7007603 L18.7776692,15.6895031 C19.7934203,14.1050951 20.3895368,12.2192632 20.3895368,10.1943126 C20.3895368,4.56386777 15.8245395,0 10.1928075,0 C4.56891908,0 0,4.56386777 0,10.1943126 C0,15.8247574 4.56499727,20.3924896 10.1928075,20.3924896 C12.2203879,20.3924896 14.0989391,19.7935061 15.683354,18.7771664 L19.691453,22.7884236 C19.9777458,23.0705255 20.4405204,23.0705255 20.7228914,22.7884236 L22.7818463,20.7286932 C23.0720609,20.4504557 23.0720609,19.9867266 22.7857681,19.7007603 Z M10.1928075,17.4825892 C6.18078668,17.4825892 2.91391148,14.2132986 2.91391148,10.198177 C2.91391148,6.1830554 6.18470849,2.91762927 10.1928075,2.91762927 C14.2048283,2.91762927 17.4756288,6.1830554 17.4756288,10.198177 C17.4795471,14.2132986 14.2087501,17.4825892 10.1928075,17.4825892 Z' /%3E%3C/svg%3E");
  }

  .body--darkened::after {
    z-index: 5001;
  }
}

/* Desktop Colors */

@media (min-width: 1250px) {
  #content .page-navigation li a:hover {
    background-color: #bcc504;
    border-color: #bcc504;
    color: #004440;
  }

  a.link-highlight:hover,
  a.link-highlight-block:hover {
    background-color: #bcc504;
    color: #004440;
  }

  /* Suche */
  .gsa-dynamic-navigation-headline {
    background-color: #f8f8f8;
    color: #004440;
  }

  #content .gsa-content-search-button:hover {
    color: #f8f8f8;
  }

  /* Startseite */
  section.home__hero {
    background-position: left calc(50% + 60px),
      calc(50% + 540px) calc(50% + 100px), center center;
    background-size: 315px 304px, 845px 544px, auto;
  }
}