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

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

/* --------------------------------------------------------
   Base (Mobile)
   -------------------------------------------------------- */
/* Überschreibungen */

#side-panel ul li a {
  background-color: transparent;
  text-transform: none;
  color: unset;
}

label {
  font-size: 16px;
  line-height: 24px;
}

.pi-form {
  background-color: transparent;
}

/* Global */

/* Redesign 2020 */

.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-12 {
  padding-bottom: 40px;
}

.nav-social__link svg {
  height: 24px;
}

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

aside#side-panel ul {
  padding-top: 10px;
}

aside ul li {
  margin-bottom: 4px;
  margin-right: 5px;
  transform: skew(-8deg);
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
}

aside ul li a {
  transform: skew(8deg);
  text-transform: none;
  padding: 9px 15px 11px 15px;
  text-decoration: none;
}

aside [class^="icon-"]::before,
aside [class*=" icon-"]::before {
  font-size: 17px;
}

a.icon-side-download::before {
  padding-top: 3px;
}

.nav-meta__link,
.nav-lang__link,
.nav-lang__link--footer,
.nav-footer__link {
  font-weight: 600;
  font-size: 16px;
  text-transform: none;
  text-decoration: none;
}

.footer__partner {
  margin: 75px 0 25px 0;
}

.footer__copyright {
  font-size: 16px;
}

.organizer--mobile .organizer {
  padding: 10px;
  height: 15px;
  box-sizing: content-box;
}

h1 {
  font-style: italic;
  font-weight: 900;
  font-size: 34px;
  line-height: 41px;
  letter-spacing: 0.25px;
  text-transform: uppercase;
}

h1 {
  padding-top: 30px;
  margin: 0;
}

h1 span {
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
}

h2 {
  font-style: italic;
  font-weight: 900;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.25px;
  text-transform: uppercase;
}

h2 span {
  font-weight: normal;
  font-size: 30px;
  line-height: 36px;
}

h3 {
  font-style: italic;
  font-weight: 900;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.25px;
  text-transform: none;
}

h4,
#content .pressreleases-item h3,
#content .pressreleases-archive-item h3 {
  font-style: italic;
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.25px;
  text-transform: none;
}

h5 {
  font-style: italic;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.25px;
}

#content p,
#content li,
#content ul li ul li,
.tooltip-content ul li ul li,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  font-size: 20px;
  line-height: 1.5em;
}

#content li::before,
.tooltip-content li::before {
  padding-top: 6px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  font-style: italic;
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0.25px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  padding: 6px 14px;
}

.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 16px 14px;
}

#content ul.ui-tabs-nav li {
  font-weight: 900;
  font-style: italic;
  letter-spacing: 0.25px;
  text-transform: none;
}

.accordion-category {
  font-style: italic;
  font-weight: 900;
  text-transform: uppercase;
}

.accordion-navigation-link,
.ui-accordion .ui-accordion-header {
  font-weight: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 24px;
}

.nav-mobile__toggle__burger,
.nav-mobile__toggle__burger::before,
.nav-mobile__toggle__burger::after {
  border-radius: 0;
}

.header__mobile__meta__date {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

a {
  text-decoration: underline;
}

#content .mwf-form ul > li input[type="button"],
.mwf-upload-button {
  border-radius: 0;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
}

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

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

.col-highlight.col-grouped-section {
  padding-bottom: 1px;
}

.col-highlight {
  padding-top: 20px;
}

.col-highlight h4 {
  padding-bottom: 20px;
}

[class^="icon-"]::before,
[class*=" icon-"]::before,
[class^="fa-"]::before,
[class*=" fa-"]::before,
.b-arrow-prev div,
.b-arrow-next div,
a.link-highlight,
a.link-highlight-block,
#content .anchor-links li a,
#content .anchor-links li a,
#content .anchor-links-color li a,
.cta-button,
#content .page-navigation li a,
.nav-mobile__item a,
.nav-mobile-extra__item a,
.nav-main__link,
.nav-main__subnav__link {
  text-decoration: none;
}

.cta-button {
  font-size: 16px;
  font-weight: 900;
  line-height: 19px;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skew(-8deg);
  letter-spacing: 0.25px;
}

.cta-button--with-icon .cta-button,
.cta-button__icon-longarrow-right .cta-button {
  padding-top: 14px;
  padding-bottom: 14px;
}

.cta-button__icon {
  transform: skew(8deg);
}

.cta-button__icon-longarrow-right.cta-wrapper--dark-light .cta-button::after {
  content: url("data:image/svg+xml,%3Csvg width='18' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.712 7.3-6.5-6.5a.978.978 0 0 0-.697-.287A.978.978 0 0 0 9.82.8l-.59.59a.997.997 0 0 0 0 1.401l3.792 3.801H.972A.961.961 0 0 0 0 7.561v.835c0 .543.43 1.011.972 1.011h12.092L9.229 13.23a.963.963 0 0 0-.288.69.97.97 0 0 0 .288.693l.59.589a.977.977 0 0 0 .696.286.978.978 0 0 0 .697-.288l6.5-6.5A.979.979 0 0 0 18 8a.978.978 0 0 0-.288-.7Z' fill='%2300558C'/%3E%3C/svg%3E");
  margin-left: 15px;
  transform: skew(8deg);
}

.cta-button__icon-longarrow-right.cta-wrapper--light-dark .cta-button::after {
  content: url("data:image/svg+xml,%3Csvg width='18' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.712 7.3-6.5-6.5a.978.978 0 0 0-.697-.287A.978.978 0 0 0 9.82.8l-.59.59a.997.997 0 0 0 0 1.401l3.792 3.801H.972A.961.961 0 0 0 0 7.561v.835c0 .543.43 1.011.972 1.011h12.092L9.229 13.23a.963.963 0 0 0-.288.69.97.97 0 0 0 .288.693l.59.589a.977.977 0 0 0 .696.286.978.978 0 0 0 .697-.288l6.5-6.5A.979.979 0 0 0 18 8a.978.978 0 0 0-.288-.7Z' fill='%23B9CE00'/%3E%3C/svg%3E");
  margin-left: 15px;
  transform: skew(8deg);
}

.cta-button__icon-longarrow-right.cta-wrapper--light-dark
  .cta-button:hover::after {
  content: url("data:image/svg+xml,%3Csvg width='18' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.712 7.3-6.5-6.5a.978.978 0 0 0-.697-.287A.978.978 0 0 0 9.82.8l-.59.59a.997.997 0 0 0 0 1.401l3.792 3.801H.972A.961.961 0 0 0 0 7.561v.835c0 .543.43 1.011.972 1.011h12.092L9.229 13.23a.963.963 0 0 0-.288.69.97.97 0 0 0 .288.693l.59.589a.977.977 0 0 0 .696.286.978.978 0 0 0 .697-.288l6.5-6.5A.979.979 0 0 0 18 8a.978.978 0 0 0-.288-.7Z' fill='%23DFEE5B'/%3E%3C/svg%3E");
}

.cta-button__icon-play-circle {
  height: 38px;
  width: 38px;
  margin-right: 9px;
}

.cta-button__icon-play-circle svg {
  height: 38px;
}

.hero .container {
  width: 100%;
  padding: 0 0 0 32px;
  /* height: calc(100vh - 140px); */
}

.hero__button-next a {
  height: 80px;
}

.hero .col-12 {
  padding-bottom: 0;
}

.hero__button-next {
  padding-top: 35px;
}

/* Startseite */

section.home__hero {
  justify-content: start;
}

section.home__hero .hero__button-next {
  padding-top: 75px;
}

section.home__hero h1 {
  padding-bottom: 25px;
}

.background-image--map
  .contentarea__background-wrapper
  .contentarea__background-mobile {
  background-size: 623px;
}

.teaser-link {
  padding-bottom: 20px !important;
}

.teaser-link .textimage-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 62px;
}

.teaser-link.teaser--third .textimage-right {
  height: 70px;
}

.teaser-link .textimage-right .textimage-img {
  padding: 0;
  width: 65px;
  margin-right: -1px;
}

.teaser-link.teaser--third .textimage-right .textimage-img {
  width: 62px;
}

.teaser-link .textimage-right .textimage-right-img a {
  text-decoration: none;
  height: 100%;
}

.teaser-link .textimage-right .textimage-right-img img {
  height: 62px;
  margin-top: 4px;
  margin-right: -1px;
}

.teaser-link.teaser--third .textimage-right .textimage-right-img img {
  margin-top: 4px;
  height: 70px;
}

.teaser-link .textimage-right-text {
  height: 100%;
  width: 100%;
  display: block;
}

#content .teaser-link .textimage-right-text p {
  padding: 0;
}

.teaser-link .textimage-right-text a {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  height: 62px;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  text-decoration: none;
}

.teaser-link .textimage-right-text a {
  height: 62px;
}

.teaser-link.teaser--third .textimage-right-text a {
  height: 70px;
}

.teaser-link .clear {
  display: none;
}

/* Facts */
.background-edges--purplepinkgreen {
  padding-top: 39%;
}

.background-edges--purplepinkgreen.background-photo--buslight {
  background-repeat: no-repeat, no-repeat;
  background-position: center -1px, right top;
  background-size: contain, 78%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 146'%3E%3Cpath style='fill:%23bb007f' d='M0 52h137v44.807L0 146V52z'/%3E%3Cpath d='M-.184-.186h375.663L137.1 92.308-.184 65.921Z' style='fill:%23682d6d'/%3E%3Cpath d='M375.122 146.1h-375L137.1 92.308l238.021 42.9Z' style='fill:%23b9ce00'/%3E%3C/svg%3E"),
    url(/bus2bus/layout/images/bus2bus_background_photo_buslights.jpg);
}

.numbers {
  text-align: left;
}

.fact .numbers-text {
  padding-bottom: 30px;
}

.numbers .fact h4 {
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
  font-style: normal;
}

#content .fact p {
  font-size: 16px;
  line-height: 19px; 
}

/* News */
.news-teaser {
  padding-bottom: 20px;
}

.news-teaser h4 {
  font-size: 23px;
  line-height: 28px;
  padding-bottom: 10px;
}

.news-teaser .textimage-img {
  padding-bottom: 36px;
}

/* Rückblick */

.background-edges--whitepinkpurple.background-photo--ruecken {
  background-repeat: no-repeat, no-repeat;
  background-position: center top, left top;
  background-size: contain, 52%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 176'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-105.958' y1='92.843' x2='-216.863' y2='109.473' gradientTransform='rotate(180 77.5 110.445)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b8017e'/%3E%3Cstop offset='1' stop-color='%23682d6d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath style='fill:url(%23a)' d='M376.389 44.661 254.085 74.467l-62.418 16.225-.666 85.308 184.594.934.794-132.273z'/%3E%3Cpath d='M376.389-.7H-1.481l193.148 91.392 184.722-41.981Z' style='fill:%23fff'/%3E%3Cpath d='M-.814 176.279H375.6L191.667 90.692-.814 132.816Z' style='fill:%23682d6d'/%3E%3C/svg%3E"),
    url(/bus2bus/layout/images/bus2bus_background_photo_ruecken.jpg);
}

.cta-button--round {
  padding-top: 7%;
}

@media (min-width: 550px) {
  .cta-button--round {
    padding-top: 17%;
  }
}

.icon-button--play::before {
  content: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24.5' cy='24.5' r='22.5' stroke='white' stroke-width='4'/%3E%3Cpath d='M33.1082 25.1621L21.1892 35.4842L21.1892 14.84L33.1082 25.1621Z' fill='white'/%3E%3C/svg%3E%0A");
  background-color: #b9ce00;
  width: 96px;
  height: 96px;
  border-radius: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.3s ease-out;
}

.icon-button--play {
  position: relative;
  padding-bottom: 5px;
}

.icon-button--play a {
  text-indent: -5000px;
  width: 96px;
  height: 96px;
  border-radius: 48px;
  position: absolute;
  top: 0;
  left: calc(50% - 60px);
  transform: none;
}

.icon-button--play a:focus {
  outline: none;
  border: solid 3px #682d6d;
}

a.icon-link--play {
  text-decoration: none;
  font-style: italic;
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 9px;
}

a.icon-link--small {
  text-decoration: none;
  font-style: italic;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  margin-top: 9px;
}

a.icon-link--small .link-download-fileinfo {
  margin-left: 3px;
}

a.icon-link--play::before,
a.icon--play::before {
  margin: 0 10px 0 0;
}

a.icon-link--small::before {
  padding: 0;
  margin: 0 10px 0 0;
}

a.icon-link--play::before {
  width: 20px;
  height: 20px;
}

a.icon-link--small.icon--play::before {
  width: 17px;
  height: 17px;
}

/* Newsletter-Anmeldung */
.pi-heading {
  display: none;
}

.webforms--no-background.text-align-center
  .pi-newsletter-widget
  .pi-form-input
  input {
  height: 56px;
  padding: 15px 19px 17px 19px;
  box-sizing: border-box;
}

#content .pi-newsletter-widget button[type="submit"] {
  font-size: 16px;
  font-weight: 900;
  line-height: 19px;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skew(-8deg);
}

#content .pi-newsletter-widget button:last-child {
  margin-left: unset;
}

.pi-form-button {
  display: flex;
  justify-content: center;
}

/* Veteilerseiten */
.background-edges--greenbluewhite {
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1441 785'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-14.645' y1='126.898' x2='524.895' y2='67.284' gradientTransform='matrix(1 0 0 -1 0 785.89)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300558c'/%3E%3Cstop offset='1' stop-color='%23289dcb'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='m0 616.5 529-.455 912.893 135.736.329 34.572L0 785.5Z' style='fill:%23fff'/%3E%3Cpath style='fill:%23b9ce00' d='m-1.201-.857.072 536.357 1443.078 222.122 1.293-758.609-1444.443.13z'/%3E%3Cpath d='m-1 535.5 529.222 81.062L-1 785.5Z' style='fill:url(%23a)'/%3E%3C/svg%3E");
}

.background-edges--greenbluewhite h1 {
  width: 80%;
}

.bus2bus_background_photobar {
  min-height: 9vh;
}

@media (min-width: 560px) {
  .bus2bus_background_photobar {
    min-height: 19vh;
  }
}

.background-edges--whitegreenbluepurple {
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: -1px;
  background-size: 100% 100%;
  -webkit-background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='238' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23682D6D' d='M0 151h1440v87H0z'/%3E%3Cpath fill='%23fff' d='M0 0h1440v151H0z'/%3E%3Cpath d='m1440 108-529 42.692L1440 238V108Z' fill='url(%23a)'/%3E%3Cpath d='m0 0 911 150.542L0 221V0Z' fill='%23B9CE00'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='1440' y1='108' x2='917.424' y2='218.594' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300558C'/%3E%3Cstop offset='1' stop-color='%23289DCB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  min-height: 12vh;
}

/* Blog */
a.blog-latest__entry-link,
a.link-back.icon-link-left,
.blog-list__entry a {
  text-decoration: none;
}

a.link-back.icon-link-left,
.blog-entry__tags {
  font-style: italic;
  font-weight: 900;
  text-transform: uppercase;
}

.shariff-label {
  font-weight: 400;
}

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

/* Breadcrumb */
.breadcrumb a {
  text-decoration: none;
}

.contentarea--light-dark .breadcrumb-container {
  padding: 8px 12px;
}

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

@media (min-width: 768px) {
  /* Pressemitteilungen */

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

  /* Redesign 2020 */
  /* Startseite */

  section.home__hero {
    justify-content: center;
  }

  .hero .container {
    padding: 0 1.5%;
  }

  .home__hero .cta-buttons {
    width: 50%;
  }

  .teaser-link .textimage-right,
  .teaser-link .textimage-right-text a {
    height: 100px;
  }

  .teaser-link .textimage-right .textimage-right-img img {
    height: 100px;
    margin-top: 3px;
  }

  .teaser-link .textimage-right .textimage-img {
    width: 96px;
  }

  .teaser-links--third .col-6 {
    width: 30.3%;
  }

  .teaser-link.teaser--third .textimage-right {
    height: 100px;
  }

  .teaser-link.teaser--third .textimage-right-text a {
    height: 100px;
    hyphens: auto;
  }

  .teaser-link.teaser--third .textimage-right .textimage-img {
    width: 88px;
  }

  .teaser-link.teaser--third .textimage-right .textimage-right-img img {
    margin-top: 3px;
    height: 100px;
  }

  .background-edges--greenblue {
    background-size: 100% 20%;
  }

  .background-edges--whitepinkpurple.background-photo--ruecken {
    padding-top: 0;
    background-size: cover, 52%;
  }

  .cta-button--round {
    padding-top: 23%;
  }

  /* Verteilerseite */
  .bus2bus_background_photobar {
    min-height: 15vh;
  }

  .background-edges--greenbluewhite {
    min-height: 270px;
  }

  .background-edges--whitegreenbluepurple {
    min-height: 20vh;
  }
}

/*@media Tablet */

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

@media (min-width: 1000px) {
  .header__main__notch {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
  }

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

  .header__main__center {
    left: 47%;
  }

  .nav-main__link {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
  }

  .nav-meta__link,
  .nav-lang__link {
    font-weight: 700;
    font-size: 13px;
  }

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

  .footer__partner {
    margin: 0 0 0 auto;
  }

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

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

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

  .background-edges--whitepinkpurple.background-photo--ruecken {
    min-height: 455px;
  }

  .cta-button--round {
    padding-top: 28%;
  }

  .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;
  }

  /* Startseite */
  .hero .container {
    height: auto;
    justify-content: center;
  }

  .home__hero .cta-buttons {
    width: 100%;
  }

  /* Verteilerseite */
  .content-hero {
    padding-top: 150px;
  }

  .bus2bus_background_photobar {
    min-height: 23vh;
  }

  .background-edges--whitegreenbluepurple {
    min-height: 32vh;
  }

  /* Pressemitteilungen - Detail */
  .press-detail {
    margin-top: 146px;
  }
}

@media (min-width: 1080px) {
  .cta-button--round {
    padding-top: 31%;
  }
}

/* --------------------------------------------------------
    Navigation
   -------------------------------------------------------- */

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

  .header__main__center {
    left: 48%;
  }

  .nav-main__link {
    font-size: 16px;
  }

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

  .nav-main__link {
    padding-left: 10px;
    padding-right: 10px;
  }

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

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

@media (min-width: 1250px) {
  h1 {
    font-size: 60px;
    line-height: 72px;
  }

  h1 span {
    font-size: 46px;
    line-height: 55px;
  }

  h2 {
    font-size: 40px;
    line-height: 48px;
  }

  h2 span {
    font-size: 40px;
    line-height: 48px;
  }

  h3 {
    font-size: 30px;
    line-height: 36px;
  }

  h4,
  #content .pressreleases-item h3,
  #content .pressreleases-archive-item h3 {
    font-size: 24px;
    line-height: 29px;
  }

  h5 {
    font-size: 20px;
    line-height: 24px;
  }

  #side-panel ul li a {
    font-size: 12px;
  }

  aside [class^="icon-"]::before,
  aside [class*=" icon-"]::before {
    font-size: 27px;
  }

  .cta-button {
    font-size: 20px;
    line-height: 24px;
  }

  /* Startseite */

  section.home__hero {
    justify-content: center;
  }

  section.home__hero .col-12 {
    padding-left: 104px;
  }

  section.home__hero h1 {
    padding-bottom: 40px;
  }

  .teaser-links--third .col-6 {
    width: 30.9%;
  }

  .teaser-link .textimage-right-text a {
    font-size: 40px;
    line-height: 48px;
    padding-left: 43px;
  }

  .teaser-link .textimage-right,
  .teaser-link .textimage-right-text a {
    height: 267px;
  }

  .teaser-link .textimage-right .textimage-right-img img {
    height: 267px;
  }

  .teaser-link .textimage-right .textimage-img {
    width: 277px;
  }

  .teaser-link.teaser--third .textimage-right {
    height: 187px;
  }

  .teaser-link.teaser--third .textimage-right-text a {
    font-size: 27px;
    line-height: 32px;
    height: 187px;
  }

  .teaser-link.teaser--third .textimage-right .textimage-img {
    width: 164px;
  }

  .teaser-link.teaser--third .textimage-right .textimage-right-img img {
    height: 187px;
  }

  .teaser-link .textimage-right .textimage-right-img img,
  .teaser-link.teaser--third .textimage-right .textimage-right-img img {
    margin-top: 4px;
  }

  .background-edges--whitepinkpurple.background-photo--ruecken {
    min-height: 745px;
    background-size: cover, 71%;
  }

  .news-teaser h4 {
    font-size: 26px;
    line-height: 31px;
  }

  .cta-button--round {
    padding-top: 29%;
  }

  /* Verteilerseite */

  .background-edges--greenbluewhite {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .background-edges--greenbluewhite h1 {
    padding-bottom: 9vh;
  }

  .h2-padding-bottom--xl {
    padding-bottom: 100px;
  }

  .topic-row {
    padding-bottom: 60px;
  }

  .facts--fourth {
    padding-top: 40px;
  }

  .facts .container:last-child {
    padding-bottom: 90px;
  }

  .facts--fourth .col-6 {
    width: 22.58%;
  }

  .fact .textimage {
    display: flex;
    flex-direction: column-reverse;
    justify-content: left;
  }

  .fact .textimage-left-text {
    padding-left: 0;
    max-width: 100%;
  }

  .fact .textimage-left-img {
    padding: 30px 0 0 0;
  }

  .bus2bus_background_photobar {
    min-height: 34vh;
    margin-bottom: 50px;
  }

  /* Ticketwidget */
  .pretix-widget-wrapper {
    width: 80%;
  }
}

/*@media Desktop */

/* --------------------------------------------------------
    Navigation
   -------------------------------------------------------- */

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

  .header__main__center {
    left: 50%;
  }

  .nav-main__link {
    font-size: 18px;
  }

  .nav-meta__link,
  .nav-lang__link {
    font-size: 14px;
  }

  .nav-main__link {
    padding-left: 21px;
    padding-right: 21px;
  }
}

@media (min-width: 1700px) {
  .background-edges--whitepinkpurple.background-photo--ruecken {
    min-height: 845px;
    background-size: cover, 56%;
  }

  .cta-button--round {
    padding-top: 32%;
  }
}

@media (min-width: 1980px) {
  /* Verteilerseite */

  .bus2bus_background_photobar {
    min-height: 31vh;
  }

  .cta-button--round {
    padding-top: 38%;
  }
}

@media (min-width: 2250px) {
  .background-edges--whitepinkpurple.background-photo--ruecken {
    min-height: 1035px;
    background-size: cover, 56%;
  }

  .cta-button--round {
    padding-top: 41%;
  }
}

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

   Primär:      #00558C (Dunkelblau)
   Sekundär:    #B9CE00 (Grün)
   Tertiär:     #BB007F (Pink)
   Sonderfarbe: #682D6D (Lila)
   Icons:       #00558C
   Links:       #A6B800 (dunkleres Grün)
   Schrift:     #00558C
   Highlight:   #E5F5FF

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

/* Base */
aside ul li {
  background-color: #b9ce00;
}

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

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

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

.organizer--mobile .organizer {
  background-color: #ffffff;
}

a {
  color: #00558c;
}

a.link-highlight,
a.link-highlight-block {
  background-color: #b9ce00;
  color: #00558c;
}

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

.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 {
  color: #ffffff;
}

#content hr,
.downloadcenter-category {
  border-bottom-color: rgba(0, 85, 140, 0.3);
}

/* Cookie-Hinweis */

.cookie-confirm {
  background-color: #00558c;
}

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

/* Formulare */

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

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

label {
  color: #00558c;
}

legend {
  color: #00558c;
}

/* Form-Button */

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

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

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

/* Tabellen */

.table-responsive {
  border-width: 0;
}

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

.table-color > thead > tr > th {
  background-color: #bb007f;
  color: #fff;
}

.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  color: #00558c;
  background-color: #e5f5ff;
}

.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: #00558c;
  background-color: #e5f5ff;
}

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

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

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

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

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

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

.table .td-highlight {
  color: #888888 !important;
}

.table th.td-highlight {
  color: #bfbfbf !important;
}

/* Content */

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

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

#content li:before {
  color: #b9ce00;
}

#content ul ul li:before,
#content .col-highlight ul ul li:before,
#content .highlight ul ul li:before {
  color: #00558c;
}

#content .col-highlight li:before,
#content .highlight li:before {
  color: #bb007f;
}

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

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 {
  color: #00558c;
}

.col-highlight a,
#content .highlight a {
  color: #00558c;
}

.col-highlight a.link-highlight,
#content .highlight a.link-highlight,
.col-highlight a.link-highlight-block,
#content .highlight a.link-highlight-block {
  color: #00558c;
}

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

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

.text-error {
  color: #b30000;
}

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

#content .anchor-links li a {
  background-color: #00558c;
  border-color: #00558c;
  color: #ffffff;
}

#content .anchor-links-color li a {
  background-color: #b9ce00;
  border-color: #b9ce00;
  color: #00558c;
}

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

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

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

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

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

.pressphoto-img {
  background-color: #b9ce00;
}

.quotation {
  background: #f5fbff;
}

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

/* Fancybox */

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

/* 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: #00558c;
}

/* 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: #00558c;
}

#content #gsa-content-search-select {
  background-color: #e5f5ff;
  color: #00558c;
}

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

/* Tab-Navigation */

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

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

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

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

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

#content .tab-navigation-colored .ui-widget-header .ui-state-default a {
  color: #00558c;
  background-color: #b9ce00;
}

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

/* Akkordeon-Navigation */

.accordion-navigation-link,
.ui-accordion .ui-accordion-header {
  background-color: #e5f5ff;
  border-color: #e5f5ff;
  color: #00558c;
}

.accordion-navigation-colored .accordion-navigation-link,
.accordion-navigation-colored .ui-accordion-header {
  border-color: #b9ce00;
  background-color: #b9ce00;
  color: #00558c;
}

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

.accordion-navigation-colored
  .ui-accordion
  .ui-accordion-header.ui-state-hover {
  background-color: #e5f5ff;
  color: #00558c;
}

.accordion-navigation .ui-state-default .ui-icon,
.accordion-navigation-colored .ui-state-default .ui-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M14 11.88L6.25 4.12h15.5z' fill='%2300558C'/%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 xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M21.75 11.88H6.25L14 4.12z' fill='%2300558C'/%3E%3C/svg%3E");
}

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

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

.accordion-category {
  background-color: #00558c;
  color: #ffffff;
}

/* A-Z-Liste */

#content .page-navigation li span {
  background-color: #ffffff;
  color: #00558c;
  border-color: #ffffff;
}

#content .page-navigation li a {
  background-color: #b9ce00;
  color: #00558c;
  border-color: #b9ce00;
}

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

/* Pressemitteilungen */

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

/* Progress Bar */

progress {
  background-color: #e5f5ff;
}

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

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

progress::-moz-progress-bar {
  background-color: #00558c;
}

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

progress::-webkit-progress-value {
  background-color: #00558c;
}

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

/* Loader */

.icon-loader-animation {
  border-color: #e5f5ff #e5f5ff #e5f5ff #00558c;
}

/* CTA-Buttons */

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

.cta-wrapper--light-dark .cta-button {
  background-color: transparent;
  border-color: transparent;
  color: #b9ce00;
}

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

.cta-wrapper--light-dark .cta-button:hover {
  background-color: transparent;
  border-color: transparent;
  color: #dfee5b;
}

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

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

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

/* Mobile Menu neu */

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

.header__mobile__meta {
  background-color: #eeeeee;
}

.header__mobile__meta,
.header__mobile__meta a {
  color: #00558c;
}

.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='%2300558C' 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: #00558c;
}

.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='%2300558C' 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");
}

@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: #ffffff;
}

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

.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='%2300558C' transform='translate(7.000000, 4.000000) rotate(90.000000) translate(-335.000000, -12.000000)'/%3E%3C/svg%3E");
}

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

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

/* End: Mobile Menu neu */

/* Startseite */
section.home__hero {
  background-color: #682d6d;
  background-image: url(/bus2bus/layout/images/bus2bus_background_skyline.png),
    url(/bus2bus/layout/images/bus2bus_background_kvbus.png),
    linear-gradient(
      rgb(216, 230, 238) 0%,
      rgb(0, 85, 140) 36%,
      rgb(104, 45, 109) 87%
    );
  background-position: left 0px top 330px, right -80px top 350px, center center;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 243px, 326px, auto;
}

.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);
}

.teaser-link .textimage-right {
  background-color: #ffffff;
}

/* Facts */

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

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

.fact p {
  color: #00558c;
}

/* Newsroom */
.background-edges--greenblue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='421'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-10.882' y1='-818.394' x2='1429.758' y2='-1074.669' gradientTransform='matrix(1 0 0 -1 0 -757.223)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300558c'/%3E%3Cstop offset='1' stop-color='%23289dcb'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 58 1440 0v421L0 382.376Z' style='fill:url(%23a)'/%3E%3Cpath d='M0 0h1440L0 58Z' style='fill:%23b9ce00'/%3E%3C/svg%3E");
  background-size: 100% 14%;
  -webkit-background-size: 1000px 300px;
  background-position-x: 50%;
  background-position-y: -5px;
  background-repeat: no-repeat;
}

/* Rückblick */

a.icon-link--play,
a.icon-link--small {
  color: #b9ce00;
}

a.icon-link--play:hover,
a.icon-link--small:hover {
  color: #dfee5b;
}

a.icon-link--play::before,
a.icon--play::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 49'%3E%3Cpath d='M24.5 49A24.5 24.5 0 1 1 49 24.5 24.528 24.528 0 0 1 24.5 49Zm0-45A20.5 20.5 0 1 0 45 24.5 20.523 20.523 0 0 0 24.5 4Zm8.608 21.162L21.189 35.484V14.84Z' style='fill:%23b9ce00'/%3E%3C/svg%3E");
}

a.icon-link--play:hover:before,
a.icon--play:hover::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 49'%3E%3Cpath d='M24.5 49A24.5 24.5 0 1 1 49 24.5 24.528 24.528 0 0 1 24.5 49Zm0-45A20.5 20.5 0 1 0 45 24.5 20.523 20.523 0 0 0 24.5 4Zm8.608 21.162L21.189 35.484V14.84Z' style='fill:%23DFEE5B'/%3E%3C/svg%3E");
}

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

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

a.link-back.icon-link-left::before {
  color: #b9ce00;
}

.shariff-label {
  color: #005795;
}

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

/* Usercentrics Overlay / Embedding wrapper */
.uc-embedding-wrapper h3 {
  color: #005795 !important;
}

#content .uc-embedding-wrapper button.uc-embedding-accept {
  background-color: #b9ce00;
  border-color: #b9ce00;
  color: #00558c;
}

/* Breadcrumb */
.contentarea--light-dark .breadcrumb-container {
  background-color: rgba(0, 0, 0, 0.75);
}

.contentarea--light-dark .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='%23ffffff' d='M1.313.843 6.47 6l-5.157 5.157'/%3E%3C/svg%3E");
}
.contentarea--light-dark .breadcrumb ol li:last-of-type::after {
  content: "";
}

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='%23009de0'/%3E%3C/svg%3E");
}

.contentarea--light-dark .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='%23dfee5b'/%3E%3C/svg%3E");
}
#content .breadcrumb ol li {
  color: #000000;
}
#content .contentarea--light-dark .breadcrumb ol li {
  color: #e5f5ff;
}

.breadcrumb-container a,
.breadcrumb-container button {
  color: #00558c !important;
}

.contentarea--light-dark .breadcrumb-container a,
.contentarea--light-dark .breadcrumb-container button {
  color: #dfee5b !important;
}

/* Tablet Colors */

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

  /* Side-Panel */
  aside#side-panel {
    background-color: transparent;
  }

  aside#side-panel li {
    background-color: #ffffff;
    border: solid #00558c;
    border-width: 1px 0 1px 1px;
  }

  aside#side-panel ul li a:hover {
    background-color: #dfee5b;
    color: #00558c;
  }

  #content .anchor-links li a:hover,
  #content .anchor-links-color li a:hover {
    background-color: #dfee5b;
    color: #00558c;
    border-color: #dfee5b;
  }

  /* 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: #b9ce00;
  }

  .accordion-category {
    background-color: #e5f5ff;
    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='%2300558C'/%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='%2300558C'/%3E%3C/svg%3E%0A");
    background-size: cover;
    color: #fff;
  }

  .ui-accordion .ui-accordion-header.ui-state-hover {
    background-color: #dfee5b;
    border-color: #dfee5b;
    color: #00558c;
  }

  .ui-accordion.accordion-navigation .ui-accordion-header:hover,
  .ui-accordion.accordion-navigation-colored .ui-accordion-header:hover,
  .ui-accordion .ui-state-hover {
    background-color: #dfee5b;
    color: #00558c;
  }

  .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 xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M14 11.88L6.25 4.12h15.5z' fill='%2300558C'/%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 xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M21.75 11.88H6.25L14 4.12z' fill='%2300558C'/%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: #e5f5ff;
    border-color: #e5f5ff #e5f5ff #00558c #e5f5ff;
    color: #00558c;
    border-width: 1px;
  }

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

  #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: #dfee5b;
    color: #00558c;
  }

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

  #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: #e5f5ff;
    color: #00558c;
  }

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

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

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

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

  /* Redesign */
  /* Startseite */

  section.home__hero {
    background-position: left 270px, 130% 250px, center center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 200px, 500px, auto;
  }

  .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:%23B9CE00;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: none;
  }

  .background-edges--greenblue {
    background-size: contain;
    background-position-x: 50%;
    background-position-y: 0%;
  }

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

/*@media Tablet Colors */

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

@media (min-width: 1000px) {
  *:focus-visible {
    outline-color: #b9ce00 !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: #000000;
    opacity: 0.8;
  }

  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: 0.8;
  }

  .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-footer__link,
  .footer__copyright,
  .nav-main__subnav__link,
  #footer-copyright,
  .nav-main__quicklinks a {
    color: #ffffff;
  }

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

  .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 ul li a.nav-main__subnav__link:hover {
    color: #00558c;
    background: #b9ce00;
  }

  .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-footer ul li a:hover {
    color: #b9ce00;
  }

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

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

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

  .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,
  .nav-main__subnav__item--active > .nav-main__subnav__link:after {
    border-color: #00558c;
  }

  .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='%23B9CE00' 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='%23B9CE00' 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: #dfee5b;
    border-color: #dfee5b;
    color: #00558c;
  }

  a.link-highlight:hover,
  a.link-highlight-block:hover {
    background-color: #dfee5b;
    color: #00558c;
  }

  /* Suche */
  .gsa-dynamic-navigation-headline {
    background-color: #e5f5ff;
    color: #00558c;
  }

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

  /* 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;
  }

  .background-edges--greenblue {
    background-size: 100% 40%;
  }
}

/*@media Desktop Colors */

.d-none {
display: none;
}