@import url("https://use.typekit.net/yfn6hbt.css");


  :root {
      --frame-embedded-border-radius: 0;
  }

  body {
      font-family: "ff-good-headline-web-pro", sans-serif;
      font-weight: 400;
      font-style: normal;
  }

  b,
  strong {
      font-family: "ff-good-headline-web-pro", sans-serif;
      font-weight: 700;
      font-style: normal;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .accordion-button,
  legend {
      font-family: "ff-good-headline-web-pro", sans-serif;
      font-weight: 800;
      font-style: italic;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }


  h4.element-subheader.h5 {
      font-family: "ff-good-headline-web-pro", sans-serif;
      font-weight: 400;
      font-style: normal;
      text-transform: none;
      margin-bottom: 2.5rem;
      -webkit-font-smoothing: auto;
      font-size: 1rem;
  }

  h1.awesome.h1,
  .body-bg > .frame-header h1 {
      color: #FFF;
      margin-bottom: 0;
      font-size: 140px;
      line-height: 90%;
      /* 140px */
      text-transform: uppercase;
  }


  h2.awesome.h2,
  .body-bg > .frame-header h2 {
      color: #FFF;
      font-size: 70px;
      line-height: 100%;
      text-transform: uppercase;
  }



  @media (min-width: 992px) and (max-height: 900px) {

      .body-bg > .frame-header h1 {
          font-size: 14vh;
          max-width: 60%;
      }

      .body-bg > .frame-header h2 {

          line-height: 100%;
          font-size: 9vh;
      }
  }


  h2 {
      text-transform: uppercase;
      font-size: 3rem;
  }

  .hl-blue h2,
  .hl-blue h3 {
      color: #1081C4
  }

  .hl-green h2,
  .hl-green h3 {
      color: #00A651;
      margin-bottom: 0
  }

  .hl-red h2,
  .hl-red h3 {
      color: #EE334E
  }


  .texticon-content h3 {
      color: black
  }


  h3,
  .dasformular legend {
      text-transform: uppercase;
      font-size: 1.625rem;

  }

  h4 {
      text-transform: uppercase;
      font-size: 1.25rem;
  }

  .videohome figure .caption {
      font-family: "ff-good-headline-web-pro", sans-serif;
      font-weight: bold;
      font-style: italic;
      -webkit-font-smoothing: antialiased;
      color: white;
      font-size: 1.1rem;
      text-transform: uppercase;
      opacity: 1;
  }

  p {
      font-size: 1rem;
      line-height: 1.5rem
  }

  ul.list-normal {
      margin-top: -0.5rem;
      padding-left: 1.5rem;
  }

  .body-bg.body-bg-top {
      max-width: 1600px;
      margin: 0 auto;
      border: 1px solid #dedede;
  }

  /* Navigation */

#language_menu{display:none}

  @media (min-width: 1200px) {
      .navbar-mainnavigation {

          --mainnavigation-nav-height: 100px;
          box-shadow: none;
      }
  }

  .navbar-default:not(.navbar-transition) {
      --bs-bg-opacity: 0;
      background-color: unset;
      box-shadow: none;
  }

  .bg-white,
  .navbar-default.navbar-transition,
  .navbar-default-transition.navbar-transition {
      --bs-bg-opacity: 1;
      background-color: #ffffff66 !important;
      box-shadow: none;
  }



  .navbar-mainnavigation .navbar-brand-image img {
      filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.50));
  }


  .navbar-nav li:not(.nav-spacer) {
      background-color: white;
      color: #000;
      height: 48px;
      line-height: 2rem;

  }

  .navbar-collapse {
      align-items: flex-start;
  }

  .nav-link {
      display: block;
      padding: 0.5rem 1rem;
      color: #000;
      font-family: "ff-good-headline-web-pro", sans-serif;
      font-weight: 800;
      font-style: italic;
      font-size: 20px;
      text-transform: uppercase;
      color: black;
      text-decoration: none;
      background: none;
      border: 0;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  }

  .navbar-mainnavigation {

      --mainnavigation-nav-spacing-y: 0;
      --mainnavigation-nav-spacing-x: 0;

      box-shadow: none;
  }


  .navbar-mainnavigation .nav-link {
      flex-shrink: 1;
      flex-grow: 1;
      position: relative;
      display: flex;
      align-items: center;
      gap: 0.25em;
      border-radius: 0;
  }


  .textmedia,
  .textpic {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
  }


  @media (min-width: 992px) {


      .navbar-mainnavigation .navbar-nav {
          flex-direction: row;
          filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.20));
      }

      .navbar-mainnavigation .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
      }

      .navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link,
      .navbar-inverse-transition:not(.navbar-transition) .navbar-nav > li > .nav-link {
          --bs-nav-link-color: #000;
          --bs-nav-link-hover-color: #000;
          --bs-navbar-active-color: #000;
      }

      .navbar-mainnavigation {
          --mainnavigation-link-padding-x: 1rem;
      }

      .max66 .frame-inner {
          max-width: 66%;
      }

      .max66 .frame-container.frame-container-default {
          padding: 0
      }

      .meinungkarte .frame-inner {
          max-width: 66%;
      }

      .meinungkarte {
          transform: translateY(-6rem);
        
          margin-bottom: -6rem
      }
      
      .frame.kieztour {padding-bottom:7rem !important;}

  }

  .meinungkarte img {
      border: 2px solid black;
  }

  .meinungkarte .frame-container.frame-container-default {
      padding: 0
  }



  .body-bg > .carousel {
      margin-top: -110px;
  }

  #subnavigation .language-menu {
      margin-left: 0em;
      width: 48px;
  }

  #subnavigation .language-menu li.active {
      display: none
  }

  #subnavigation .language-menu li a,
  #subnavigation .navbar-scale a {
      padding-left: 0.6em;
      padding-right: 0.6em;
      height: 48px;
  }

  #subnavigation .language-menu li a span {
      width: 2.5ch;
      overflow: hidden;
      white-space: nowrap;
      text-transform: uppercase;
      letter-spacing: 0.05em;
  }

  #subnavigation .language-menu li a .nav-link-text {
      visibility: hidden
  }

  #subnavigation .language-menu li a:hover {
      opacity: 0.7
  }

  #subnavigation .language-menu li.English a {
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/Langen.svg);
      background-size: contain;
  }

  #subnavigation .language-menu li.Deutsch a {
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/Langde.svg);
      background-size: contain;
  }

  #subnavigation .nav-link-text {
      display: inline-block;
      vertical-align: middle;
  }


  #subnavigation .navbar-scale {
     /* margin-left: 3em;*/
      width: 48px;
  }

  #subnavigation .navbar-search {
      margin-left: 0;
      width: 48px;
  }

  #subnavigation .navbar-search a {
      height: 48px;
      width: 48px;
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/Search.svg);
      background-size: contain;
  }

  #subnavigation .navbar-search a .nav-link-text {
      visibility: hidden
  }

  #subnavigation .navbar-search a:hover {
      opacity: 0.7
  }

  #subnavigation .headersuche {
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s;
  }

  #subnavigation .navbar-search:hover .headersuche {
      visibility: visible;
      opacity: 1;
      transition: all 0.3s;
  }

  #subnavigation .navbar-search input.senden {
      height: 48px;
      width: 48px;
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/buttonarrow.svg);
      background-size: contain;
      border: 0;
      float: left
  }

  #subnavigation .navbar-search input.senden:hover {
      opacity: 0.7
  }

  #subnavigation .navbar-search input.suchfeld {
      height: 48px;
      line-height: 48px;
      width: 0;
      float: left;
      border: 1px solid #ddd;
      padding-left: 5px;
      transition: width 0.4s;
      font-size: 0.95em;

  }

  #subnavigation .navbar-search:hover input.suchfeld {
      width: 180px !important;
  }



@media (max-width: 991px) {
     #subnavigation .navbar-search:hover input.suchfeld {
      width: 120px !important;
  }
}

  #subnavigation .navbar-search form {
      display: inline-flex;
  }


  .navbar-mainnavigation #subnavigation .nav-link {
      flex-grow: 0;
  }

  .navbar-scale .barrierebuttons {
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s;
  }

  .navbar-scale a {
      height: 48px;
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/scaletext.svg);
      background-size: contain;
  }

  .navbar-scale a .nav-link-text {
      visibility: hidden
  }

  .navbar-scale a:hover {
      opacity: 0.7
  }

  .navbar-scale a b {
      font-size: 1.3em
  }

  .navbar-scale .barrierebuttons {
      width: 98px;
  }

  .navbar-scale .barrierebuttons button {
      height: 48px;
      width: 48px !important;
      float: left;
      border: 0;
      background: #ccc;
      padding-left: 0;
      padding-right: 0;
  }

  .navbar-scale .barrierebuttons button:hover {
      opacity: 0.7
  }

  .navbar-scale .barrierebuttons button:active {
      background: #eee
  }

  .navbar-scale:hover .barrierebuttons {
      visibility: visible;
      opacity: 1;
      transition: all 0.3s;
  }



  #subnavigation .navbar-scale {
    /*  margin-left: 48px;*/
      width: 48px;
  }




  #subnavigation .navbar-search .headersuche {
      position: fixed;
      top: 48px;
  }

  #subnavigation .navbar-search .headersuche form {
      width: 100%;
  }

  #subnavigation .navbar-search .headersuche input.suchfeld {
      background: #EAEAEA;

      height: 48px;
      line-height: 48px;
  }

  #subnavigation .navbar-search .headersuche {
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/Search.svg);
      height: 30px;
      padding: 0;
  }

  #subnavigation .navbar-nav li {
      background-color: transparent !important;
      color: #000;
      height: 30px;
      line-height: 2rem;
  }


  .dropdown-item.active,
  .dropdown-item:active {
      color: #fff;
      text-decoration: none;
      background-color: #E4001F;
      font-size: 15px;
  }

  #subnavigation {
      display: flex;
      flex-direction: row;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      margin-left: 3%;
  }

  @media (max-width:1199px) {
      #subnavigation {
          margin-left: 0;
      }

      #subnavigation .navbar-scale {
          margin-left: 0
      }

      .nav-link {
          padding: 0.5rem
      }

      .container.container-mainnavigation {
          max-width: calc(100vw - 0px);
      }
  }

  /* Allgemeines */

  .scroll-top {
      background: fade(black, 30%);
      border: fade(white, 30%) 1px solid;
      border-radius: 0;
      right: unset;
      bottom: 37.5px;
      width: 45px;
      height: 45px;
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/scrollup.svg);
      background-size: contain;
      margin-left: 1520px;
      transition: none;
      transition-delay: 0.3s;
      border: 0;
  }

  @media (max-width: 1600px) {
      .scroll-top {
          right: 37.5px;
          margin-left: 0;
      }
  }

  #page-footer {
      position: relative;
  }

  #page-footer:after {
      position: absolute;
      right: 0;
      bottom: 0;
      content: " ";
      width: 120px;
      height: 120px;
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/Stripes_White.svg);
  }

  .body-bg > .frame-header {
      position: absolute;
      z-index: 100;
      display: flex;
      align-items: flex-start;
      height: calc(80vh * 0.85);
      top: 0;
      /*padding-bottom: 11%;*/
      width: 100%;
      flex-direction: column;
      justify-content: flex-end;
      max-width: 680px;
      left: 50%;
      transform: translateX(-50%);
  }

  @media (min-width: 992px) {
      .body-bg > .frame-header {
          max-width: 920px;
      }
  }

  @media (min-width: 1200px) {
      .body-bg > .frame-header {
          max-width: 1100px;
      }

      .nav-link {
          padding: 0.5rem 0.5rem;
      }
  }

  @media (min-width: 1400px) {
      .body-bg > .frame-header {
          max-width: 1280px;
      }

      .nav-link {
          padding: 0.5rem 1rem;
      }
  }

  /* Container */

  @media (min-width: 576px) {

      .frame-container-default,
      .container,
      .frame-layout-embedded > .frame-group-container {
          max-width: 540px;
      }
  }

  @media (min-width: 768px) {

      .frame-container-default,
      .container,
      .frame-layout-embedded > .frame-group-container {
          max-width: 720px;
          max-width: calc(100vw - 80px);
      }
  }

  @media (min-width: 992px) {

      .frame-container-default,
      .container,
      .frame-layout-embedded > .frame-group-container {
          max-width: 960px;
          max-width: calc(100vw - 80px);
      }


  }

  @media (min-width: 1200px) {

      .frame-container-default,
      .container,
      .frame-layout-embedded > .frame-group-container {
          max-width: 1140px;
          max-width: calc(100vw - 80px);
      }
  }

  @media (min-width: 1400px) {

      .frame-container-default,
      .container,
      .frame-layout-embedded > .frame-group-container {
          max-width: 1320px;
      }
  }


  /* buttons */

  a.link-arrow,
  a.link-file {
      font-size: 1rem;
      text-decoration: none !important;
      transition: all 0.1s;
  }

  .linkbutton a,
  a.link-arrow,
  a.link-file,
  a.link-external,
  .news-list-view a.more {
      background-size: 45px;
      width: 45px;
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/Arrow.svg);
      background-repeat: no-repeat;
      background-position: right bottom;
      height: 45px;
      border: 0;
      color: transparent;
      position: absolute;
      right: 0;
      bottom: 0;
      overflow: hidden;
      width: 100%;
      height: 100%;
  }

  .partner-links-page a.link-arrow {
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/buttonlinkred.svg);
  }


  .partner-links-page a.link-external {
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/Arrow-up-red.svg);
  }


  .link-arrow:after {
      background: none;
      display: none;
  }

  .partner-links-page a.link-external:after {
      display: none;
  }

  .frame-background-dark {
      --frame-color: #ffffff;
      --frame-background: black;
      --frame-link-color: #1081C4;
      --frame-link-hover-color: #0d679d;
  }




  /* Header */



  .flaghead .frame-header h3,
  .flaghead header h3 {
      background: white !important;
      text-transform: uppercase;
      font-size: 1.1rem;
      color: black !important;
      background: #000;
      height: 30px;
      line-height: 30px;
      display: inline-table;
      padding: 0 8px;
      font-weight: bold;
      margin-bottom: 0;
  }

  .flaghead .frame-header {
      position: absolute;
      top: 0;
      transform: translateY(-100%);
  }

  .flaghead .textmedia {
      display: flex;
      flex-wrap: wrap;
      gap: 0;
  }


  /* Footer */

  .footer-section-content {
      background: #000;
      --frame-color: #fff;
      --frame-background: #313131;
      --frame-link-color: #000;
      --frame-link-hover-color: #999
  }

  .footer-section-content-column {
      text-transform: uppercase
  }

  footer a {
      text-decoration: none;
      line-height: 2rem;
      text-transform: none;
      color: white !important;
  }

  footer .sociallinks-item {
      filter: invert(1);
  }

  .sociallinks-link-label {
      display: none;
  }

  .sociallinks-list {
      display: flex;
      padding: 0;
      margin: 0;
      list-style: none;
      gap: 0.25rem;
      flex-direction: row;
      flex-wrap: nowrap;
  }

  .sociallinks-link-icon {
      display: inline-flex;
      font-size: 3rem;
      text-align: center;
      opacity: 1;
      width: 3rem;
      height: 3rem;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      color: black;
  }

  .sociallinks-item {
      width: auto;
      margin-right: 0.5rem;
  }

  @media (min-width: 768px) {
      .footer-section-content-column-middle {
          --section-gaps: 2;
          --section-colspan: 3;
      }
  }

  .footer-section-content-column {
      display: flex;
      flex-direction: row;
      align-items: center;
  }

  /* content */

  .carousel-item-type-header .carousel-text-inner {
      width: 100%;
  }

  .carousel.carousel-fullscreen .carousel-content-inner {
      align-items: flex-end;
      height: 85%;
  }




  .carousel-header.awesome.h2 {
      color: #FFF;
      font-family: "ff-good-headline-web-pro", sans-serif;
      font-weight: 700;
      font-style: italic;
      font-size: 70px;
      line-height: 100%;
      /* 70px */
      text-transform: uppercase;
  }


  @media (min-width: 992px) and (max-height: 900px) {

     /* .carousel-header.awesome.h2 {

          line-height: 100%;
          font-size: 8vh;
      }*/
  }



  @media (min-width: 992px) {
      .carousel-fullscreen .item {
          height: 80vh;
      }


      .carousel-small .item {
          height: 550px;
      }

  }

  .carousel-indicators [data-bs-target] {
      box-sizing: content-box;
      flex: 0 1 auto;
      width: 10px;
      height: 10px;
      padding: 0;
      margin-right: 5px;
      margin-left: 5px;
      text-indent: -999px;
      cursor: pointer;
      background-color: var(--bs-carousel-indicator-active-bg);
      background-clip: padding-box;
      border: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      opacity: 1;
      transition: opacity 0.6s ease;
      border-radius: 10px;
  }

  .carousel .carousel-indicators button {
      height: 10px;
      border-top-width: 0;
      border-bottom-width: 0;
      border-radius: 10px;
  }

  .carousel .carousel-indicators button.active {
      height: 10px;
      border-top-width: 0;
      border-bottom-width: 0;
      background-color: #FCB131;
  }

  .carousel-control-next-icon,
  .slick-next:before {
      background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0586 0L20.5917 10.6377L20.589 10.639L10.0597 21.2816L7.05022 18.2423L12.402 12.8371L0 12.8376V8.53929L12.495 8.53878L7.04918 3.03933L10.0586 0Z' fill='white'/%3E%3C/svg%3E%0A");
  }

  .carousel-control-prev-icon,
  .slick-prev:before {
      background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5332 8.76227e-07L0.00011156 10.6377L0.00279711 10.639L10.5321 21.2816L13.5416 18.2423L8.1898 12.8371L20.5918 12.8376L20.5918 8.53929L8.0968 8.53878L13.5426 3.03933L10.5332 8.76227e-07Z' fill='white'/%3E%3C/svg%3E%0A");
  }

  .carousel .carousel-control-icon {
      max-width: 45px;
  }

  h4.carousel-item-header.h5 {
      display: none;
  }


  .carousel.carousel-small .carousel-content-inner {
      align-items: flex-start;
      padding-top: 7%;
  }

  .carousel.carousel-small .carousel-item-type-text .carousel-text-inner {
      margin-left: 1rem;
  }

  .carousel.carousel-small h4 {
      color: #FCB131;
      margin-bottom: 1.5rem;
  }

  .carousel.carousel-small p {
      color: #FFF;

  }


  .carousel .carousel-content-inner {
      display: flex;
      height: 100%;
      align-items: flex-end;
      gap: 1rem;
      margin: 0 auto;
      padding-bottom: 6%;
  }

  .slick-next:before,
  .slick-prev:before {
      content: "" !important;
      width: 45px !important;
      height: 45px !important;
  }

  .slick-prev,
  .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 45px !important;
      height: 45px !important;
      ;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
  }



  .slick-prev:before,
  .slick-next:before {
      content: "" !important font-family: 'slick';
      font-size: 0 !important;
      line-height: 1;
      opacity: 1 !important;
      color: white;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 33px !important;
      height: 33px !important;
      display: inline-flex !important;
      background-size: cover;
  }



  .btn.btn-info,
  .btn.btn-success,
  .btn.btn-primary {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.00001L44 1L44 44L1 44L1 1.00001Z' fill='%230081C8' stroke='black' stroke-width='2'/%3E%3Cpath d='M22.6569 11.7676L33.3338 22.2806L33.3311 22.282L22.658 32.7999L19.6074 29.7962L25.0323 24.4543L12.4609 24.4548L12.4609 20.2069L25.1266 20.2064L19.6064 14.7713L22.6569 11.7676Z' fill='white'/%3E%3C/svg%3E%0A");

      background-position: calc(100% + 2px) center;
      background-repeat: no-repeat;
      background-color: white;
      border: 2px solid black;
      color: black;
      padding: 8px 55px 8px 15px;
      height: 45px;
      /* line-height: 45px; */
      border-radius: 0;
      font-weight: bold;
      font-style: italic;
  }

  .btn.btn-success {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.00001L44 1L44 44L1 44L1 1.00001Z' fill='%2310A651' stroke='black' stroke-width='2'/%3E%3Cpath d='M22.6569 11.7676L33.3338 22.2806L33.3311 22.282L22.658 32.7999L19.6074 29.7962L25.0323 24.4543L12.4609 24.4548L12.4609 20.2069L25.1266 20.2064L19.6064 14.7713L22.6569 11.7676Z' fill='white'/%3E%3C/svg%3E%0A");
  }

  .btn.btn-primary {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.00001L44 1L44 44L1 44L1 1.00001Z' fill='%23EE334E' stroke='black' stroke-width='2'/%3E%3Cpath d='M22.6569 11.7676L33.3338 22.2806L33.3311 22.282L22.658 32.7999L19.6074 29.7962L25.0323 24.4543L12.4609 24.4548L12.4609 20.2069L25.1266 20.2064L19.6064 14.7713L22.6569 11.7676Z' fill='white'/%3E%3C/svg%3E%0A");
  }

  .partner-links-page {
      margin-bottom: -120px;
  }

  .partner-links-page {
      margin: 0 auto;
      margin-bottom: -120px;
      background: transparent;
      max-width: 1320px;
      padding: 0;
      z-index: 5;
      /*   padding-right: calc(40px * .5);*/
  }

  .partner-links-page > div {
      max-width: 400px;
      background: #fff;
      margin-left: auto;
  }

  .partner-links-page .frame-container {
      padding: 0
  }

  .partner-links-page .frame-inner {
      padding: 0 !important;
      height: 240px;
  }

  .partner-links-page .frame-header {
      font-size: 1rem;
      font-weight: normal;
      color: #fff;
      background: var(--frame-background);
  }

  .partner-links-page .frame-inner p:not(:last-child) {
      color: #000;
      padding: 0.5rem 8rem 0.5rem 1.5rem;
      margin: 0;
      height: 120px;
      display: flex;
      align-items: center;
  }

  .partner-links-page a.link-arrow {
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/buttonlinkred.svg);
  }

  .partner-links-page .frame-header {
      padding: 2rem;
      height: 120px;
      display: flex;
      align-items: center;
      margin-bottom: 0;
  }

  .partner-links-page .link-arrow:after {
      display: none
  }


  .partner-links-page h3 {
      text-transform: uppercase;
      font-size: 1.625rem;
  }


  .flowtext {
      position: relative
  }

  .flowtext:after {
      content: "";
      position: absolute;
      border: 2px solid black;
      height: 100%;
      width: 130%;
      top: 0;
      left: 0;
      z-index: -1;
  }

  .flowimg {
      padding: 0;
  }

  .flowimg img {
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
  }

  .flowimg picture {
      transform: translateY(6rem);
  }


  .flowimg .gallery-item picture,
  .flowimg .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .flowimg .gallery-row,
  .flowimg figure {
      height: 100%
  }


  .flowtext:not(.order-md-1):after {
      left: -30%;
  }

  .row:has(.flowimg) {
      margin-bottom: 8rem;
  }


  .flowkarte img {
      border: 2px solid black;
  }

  .flowkarte figure a picture {
      position: relative
  }

  .flowkarte figure a picture:after {
      content: "";
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/buttondownloadred.svg);
      background-repeat: no-repeat;
      background-position: bottom right;
      background-size: 45px 45px;
      display: inline-block;
      width: 45px;
      height: 45px;
      z-index: 10;
      position: absolute;
      right: 2px;
      bottom: 2px;

  }


  .bgstadion {
      background: url(../images/bgstadion.jpg);
      background-size: cover;
      margin-top: 10rem;
  }

  .blurtext {
      position: relative;
  }

  .blurtext > * {
      position: relative;
      z-index: 10;
  }

  .blurtext:after {
      content: "";
      position: absolute;
      background-color: #ffffff66;
      height: 100%;
      width: 148%;
      top: 0;
      left: 0;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      z-index: 0;
  }


  .blurtext h2,
  .blurtext h3 {
      color: #00A651;
      margin-bottom: 0;
      text-transform: uppercase
  }


  .blurkarte {
      position: relative;
  }

  .blurkarte img {
    object-fit: contain;
    height: calc(100% + 6rem);
    width: 115%;
    margin-top: -1rem;
    max-width: 115%;
    margin-bottom: -2rem;
  }


  .karte-bewerbung .frame-container {
      background: #00A651;
      color: white;
      border: 2px solid black;
      padding: 2rem 0 0 0;
  }

  .karte-bewerbung .image {
      border-top: 2px solid #000;
  }

  .karte-bewerbung .textpic-item.textpic-text {
      max-width: 850px;
      margin: 0 auto;
      padding: 1rem;
  }

  .diemeilensteine {
      border: 2px solid black
  }

  .meilensteine {
      background: #0081C8;
      color: white;
      border-bottom: 2px solid black;
  }

  .meilensteine p {
      max-width: 770px;
      margin: auto;
  }


  /* Slick slider*/

  /* Bilder*/

  .diekampagne .slick-slide {
      padding: 0 1rem;
  }

  .diekampagne .slick-list {
      margin-left: -1rem;
      margin-right: -1rem;
  }


  .diekampagne .slick-slide .caption-text {
      background: white;
      color: black;
      padding: 1rem
  }


  .diekampagne .slick-track .slick-slide:nth-child(3n+1) {
      padding-top: 0;
  }

  .diekampagne .slick-track .slick-slide:nth-child(3n+2) {
      padding-top: 80px;
  }

  .diekampagne .slick-track .slick-slide:nth-child(3n+3) {
      padding-top: 160px;
  }

  .diekampagne a {
      color: black;
      text-decoration: none;
  }

  .diekampagne a[title*="Instagram"],
  .diekampagne a[title*="Facebook"] {
      display: inline-flex;
      font-size: 0;
      text-align: center;
      opacity: 1;
      width: 3rem;
      height: 3rem;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      color: black;
  }

  .diekampagne a[title*="Instagram"]:before {

      content: "\f101";
      font-size: 2rem;
  }

  .diekampagne a[title*="Facebook"]:before {
      content: "\f108";
      font-size: 2rem;
  }

  .diekampagne a::before {
      font-family: bootstrappackageicon !important;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-weight: 400 !important;
      font-variant: normal;
      text-rendering: auto;
      text-transform: none;
      line-height: 1;
  }

  .diekampagne .caption-body p {
      margin-bottom: 0
  }

  .diekampagne .caption-body {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .diekampagne .caption-body p:first-child a {
      color: black !important;
      text-decoration: underline;
  }


  .diekampagne .caption-body p:last-child {
      display: flex
  }


  #wsslider-237 .slick-track {
      display: inline-flex !important;
      align-items: center;
  }

  #wsslider-237 .slick-slide {
      padding: 1rem;
  }


  #wsslider-237 .slick-slide .img-fluid {
      /*
      width: 250px;
      height: auto;*/
  }



  #wsslider-237 .slick-prev:before,
  #wsslider-237 .slick-next:before {
      width: 25px !important;
      height: 25px !important;
      filter: invert(27%) sepia(98%) saturate(7481%) hue-rotate(359deg) brightness(95%) contrast(118%);

  }


  .frame-type-ce_container:has(.diekampagne) {
      margin-top: -1px;
  }



  .foerderer {
      background: #E9E9E9;
      padding-top: 0;
  }

  .foerderer.flaghead .frame-header h3,
  .dienews.flaghead .frame-header h3,
  .dasformular.flaghead h3 {
      background: black !important;
      color: white !important;
  }

  .diekampagne .frame-type-textmedia .frame-group-inner > .frame-container.frame-container-default {
      padding: 0
  }

  /* icons top  */

  .texticon-icon .texticon-inner-icon,
  .texticon-icon .texticon-inner-icon svg,
  .texticon-icon .texticon-inner-icon img {
      text-align: center;
      margin: 0 auto;
      display: block;
      height: 11rem;
      width: 11rem;
  }

  .texticon-content {
      position: relative
  }

  .frame-type-ce_grid .row-cols-lg-4 .texticon-content:before {
      content: "";
      position: absolute;
      border: 2px solid black;
      height: calc(100% + 8.5rem);
      width: calc(100% + 2rem);
      top: -7rem;
      left: -1rem;
      z-index: -1;
  }



  .frame-type-ce_grid .row-cols-lg-4 .col {
      padding-left: 12px;
      padding-right: 12px;
  }

  .frame-type-ce_grid .row-cols-lg-3 .col {
      position: relative
  }

  .frame-type-ce_grid .row-cols-lg-3 .col:before {
      content: "";
      position: absolute;
      border: 2px solid black;
      height: calc(100% - 8.5rem);
      width: calc(100% - 2rem);
      top: 8rem;
      left: 1rem;
      z-index: -1;
  }


  @media (min-width: 992px) {

      .frame-container.frame-container-default:has(>div>.row-cols-lg-3) {
          padding: 0
      }
      .kuratoriumfoto .textpic{position:absolute}
  }

  /* mach mit */
  .row.machmitrow > div:nth-child(1) .frame-type-text {
      /* color: white*/
  }

  .row.machmitrow .blkborder .frame-type-text,
  .kuratorium .frame-type-text {
      background: white;
      border: 2px solid black;
      margin: 1rem 0;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;

  }



  .machmit .frame-backgroundimage-container {
      width: 66%;
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
  }

  .machmit > .frame-group-container {
      padding: 0
  }

  .machmit.frame-layout-embedded > .frame-group-container > .frame-group-inner {
      padding: 0
  }

  .machmitrow a.link-arrow {
      width: 45px;
      height: 45px;
      right: -2px;
      bottom: -2px;
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.00001L44 1L44 44L1 44L1 1.00001Z' fill='%231081C4' stroke='black' stroke-width='2'/%3E%3Cpath d='M22.6569 11.7673L33.3338 22.2804L33.3311 22.2818L22.658 32.7997L19.6074 29.7959L25.0323 24.4541L12.4609 24.4545L12.4609 20.2066L25.1266 20.2061L19.6064 14.7711L22.6569 11.7673Z' fill='white'/%3E%3C/svg%3E%0A");
  }


  .machmitrow .frame-container {
      position: unset;
  }

  @media (min-width: 1200px) {
      .abschlussforum .frame-type-text {
          margin-bottom: 15rem !important;
      }
  }

  @media (min-width: 1200px) {
      .kuratorium_ {
          transform: translateY(-10rem) !important;
      }
  }

  @media (min-width: 1300px) {
      .kuratorium_ {
          transform: translateY(-15rem) !important;
      }
  }




  /* kontaktformular */


  .formparent {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      /*grid-template-rows: repeat(6, 1fr);*/
      grid-column-gap: 10px;
      grid-row-gap: 0;
  }

  .formparent .formcol:nth-child(1) {
      grid-area: 1 / 2 / 2 / 3;
      text-align: end;
  }

  .formparent .formcol:nth-child(2) {
      grid-area: 2 / 1 / 3 / 2;
  }

  .formparent .formcol:nth-child(3) {
      grid-area: 2 / 2 / 3 / 3;
  }

  .formparent .formcol:nth-child(4) {
      grid-area: 3 / 1 / 4 / 3;
  }

  .formparent .formcol:nth-child(5) {
      grid-area: 4 / 1 / 5 / 2;
  }

  .formparent .formcol:nth-child(6) {
      grid-area: 4 / 2 / 5 / 3;
  }

  .formparent .formcol:nth-child(7) {
      grid-area: 5 / 1 / 6 / 3;
  }

  .formparent .formcol:nth-child(8) {
      grid-area: 6 / 1 / 7 / 2;
  }

  .formparent .formcol:nth-child(9) {
      grid-area: 6 / 2 / 7 / 3;
      text-align: end;
  }



  .form-control,
  .form-group input[type="file"],
  .frame-type-felogin_login input[type="text"],
  .frame-type-felogin_login input[type="password"] {
      display: block;
      width: 100%;
      padding: 0.75rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: var(--bs-body-color);
      appearance: none;
      background-color: var(--bs-body-bg);
      background-clip: padding-box;
      border: 2px solid black;
      border-radius: 0;
      box-shadow: none;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .formparent {
      margin-top: -2rem
  }


  .dasformular .frame-container.frame-container-default {
      padding: 0
  }

  .dasformular legend {
      margin-bottom: -2rem;
  }

  .form-check-input[type="checkbox"] {
      border: 2px solid black;
      width: 1.5rem;
      height: 1.5rem;
  }

  .dasformular label.form-check-label a {
      color: black;
  }

  label.form-check-label {
      margin: 0.25rem 0.5rem;
  }



  /* accordion */


  .frame-type-ce_accordion .frame-container.frame-container-default {
      padding: 0;
  }

  .accordion-item,
  .accordion-item_:first-of-type {
      border-radius: 0 !important;
      border: 2px solid black;
      margin-bottom: 2rem;
      position: relative;

  }

  .accordion-body {
      padding-top: 0 !important;
  }

  .accordion-button:focus {
      box-shadow: none;
  }


  .accordion-button:not(.collapsed) {
      color: var(--bs-accordion-active-color);
      background-color: unset;
      box-shadow: none;
      border-radius: 0;
  }

  .accordion-item:not(:first-of-type) .accordion-button {
      border-top: 2px solid black;
      border-radius: 0;
  }


  .accordion-button {
      text-transform: uppercase;
      font-size: 1.25rem;
      color: black !important;
      padding: 1.5rem;
      position: unset;
  }

  .accordion-body > .frame {
      padding-top: 0;
      padding-bottom: 1rem;
  }

  .accordion-body .frame-container.frame-container-default {
      padding-left: 0.5rem
  }


  .accordion-button::after {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 1V44H1V1H44Z' fill='%230081C8' stroke='black' stroke-width='2'/%3E%3Cpath d='M33.2324 22.6567L22.7194 33.3336L22.718 33.3308L12.2001 22.6577L15.2038 19.6072L20.5457 25.032L20.5452 12.4607L24.7932 12.4607L24.7937 25.1263L30.2287 19.6061L33.2324 22.6567Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  }


  .accordion-button::after {
      position: absolute;
      right: -2px;
      bottom: -2px;
      flex-shrink: 0;
      width: 45px;
      height: 45px;
      margin-left: auto;
      content: "";
      background-repeat: no-repeat;
      background-size: 45px;
      transition: none;
      z-index: 10;
  }




  .accordion .accordion-item:nth-child(4n+1) .accordion-button::after {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 1V44H1V1H44Z' fill='%23EE334E' stroke='black' stroke-width='2'/%3E%3Cpath d='M33.2324 22.6567L22.7194 33.3336L22.718 33.3308L12.2001 22.6577L15.2038 19.6072L20.5457 25.032L20.5452 12.4607L24.7932 12.4607L24.7937 25.1263L30.2287 19.6061L33.2324 22.6567Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  }

  .accordion .accordion-item:nth-child(4n+2) .accordion-button::after {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 1V44H1V1H44Z' fill='%23FCB131' stroke='black' stroke-width='2'/%3E%3Cpath d='M33.2324 22.6567L22.7194 33.3336L22.718 33.3308L12.2001 22.6577L15.2038 19.6072L20.5457 25.032L20.5452 12.4607L24.7932 12.4607L24.7937 25.1263L30.2287 19.6061L33.2324 22.6567Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  }

  .accordion .accordion-item:nth-child(4n+3) .accordion-button::after {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 1V44H1V1H44Z' fill='%230081C8' stroke='black' stroke-width='2'/%3E%3Cpath d='M33.2324 22.6567L22.7194 33.3336L22.718 33.3308L12.2001 22.6577L15.2038 19.6072L20.5457 25.032L20.5452 12.4607L24.7932 12.4607L24.7937 25.1263L30.2287 19.6061L33.2324 22.6567Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  }

  .accordion .accordion-item:nth-child(4n+4) .accordion-button::after {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 1V44H1V1H44Z' fill='%2310A651' stroke='black' stroke-width='2'/%3E%3Cpath d='M33.2324 22.6567L22.7194 33.3336L22.718 33.3308L12.2001 22.6577L15.2038 19.6072L20.5457 25.032L20.5452 12.4607L24.7932 12.4607L24.7937 25.1263L30.2287 19.6061L33.2324 22.6567Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  }


  /* downloads */

  .diedownloads > div {
      padding-top: 0
  }

  .diedownloads .frame-header {
      background: #EE334E;
      color: white;
      width: 100%;
      text-align: center;
      height: 7rem;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      transform: none;
  }

  .filelink-heading a {
      width: 100%;
      padding: 1.5rem 2rem;
      padding-right: 4rem;
      min-height: 90px;
      display: flex;
      flex-flow: wrap;
      align-items: center;
      position: relative;
      font-weight: bold;
      text-transform: uppercase;
      background-image: url(/typo3conf/ext/berlinolympia_sitepackage/Resources/Public/Images/buttondownloadred.svg);
      background-repeat: no-repeat;
      background-position: bottom right;
      background-size: 45px 45px;
      align-content: flex-start;
      color: black !important;
      text-decoration: none;
      text-transform: none;

  }

  .filelink-item {
      margin-top: 0;
      min-height: 90px;
      margin: 0;
      align-items: center;
      display: block;
      width: 100%;
  }

  .filelink-item:nth-child(even) {
      background-color: #f0f0f0;
  }

  .filelink-item:nth-child(odd) {
      background-color: #ffffff;
  }


  h4.filelink-heading {
      font-size: 1.25rem;
      margin-bottom: 0.25em;
      font-weight: bold;
  }

  .diedownloads > div:after {
      content: "";
      height: 2rem;
      width: 100%;
      display: block;
      background-image: linear-gradient(-45deg, #1d1d1b 15%, #ffffff 15%, #ffffff 50%, #1d1d1b 50%, #1d1d1b 65%, #ffffff 65%, #ffffff 100%);
      background-size: 14.14px 14.14px;
  }

  .filelink-item + .filelink-item {
      margin-top: 0;
  }

  .filelink-heading {
      margin-bottom: 0;
  }

  .diedownloads .frame-container.frame-container-default {
      padding: 0
  }

  .diedownloads .filelink-filedescription {
      position: absolute;
      padding-left: 2rem;
      margin-top: -2.6rem;
  }



  /* News */


  .dienews .frame-container.frame-container-default {
      padding: 0
  }

  .news-list-view {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      ;
  }


  .news-list-view .article {
      display: flex;
      flex-direction: column;
      background-color: #1081C4;
      position: relative;
  }




  .news-list-view .article .header {
      order: 2;
      padding: 2rem;
      padding-bottom: 1rem;
  }

  .news-list-view .article .news-img-wrap {
      order: 1
  }

  .news-list-view .article .teaser-text {
      order: 3;
      padding: 0 2rem;
      color: white;
  }

  .news-list-view .article .footer {
      order: 4;
      display: none;
  }

  .news .article .news-img-wrap a {
      display: block;
      float: left;
      padding: 0 !important;

      border: 0 !important;

      background: unset !important;

  }

  .news .article .news-img-wrap {
      float: left;
      margin: 0 !important;
      background: none !important;

  }

  .news .article .news-img-wrap img {
      float: left;
      height: auto;
      width: 100% !important;
      /*  max-height: 210px;*/
      object-fit: cover;
      max-width: 100%;
  }

  .news .article .news-img-wrap a {
      width: 100% !important;
  }



  .news-list-view .article .header a {
      color: white;
      text-decoration: none;
  }

  .news-list-view a.more {
      background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45 0H0V45H45V0Z' fill='white'/%3E%3Cpath d='M15.4934 14.781L30.4767 14.8684L30.4758 14.8713L30.5693 29.8555L26.2883 29.8305L26.2438 22.2174L17.4746 30.9873L14.4298 27.9425L23.2647 19.1068L15.5183 19.062L15.4934 14.781Z' fill='%23EE334E'/%3E%3C/svg%3E%0A");
  }

  .news .article,
  .news .article:last-child {
      padding-bottom: 35px !important;
      margin-bottom: 15px !important;
  }



  .news-list-view .article:nth-child(3n+1) {
      background-color: #1081C4;
  }

  .news-list-view .article:nth-child(3n+2) {
      background-color: #10A651;
  }

  .news-list-view .article:nth-child(3n+3) {
      background-color: #FCB131;
      color: black !important;
  }

  .news-list-view .article:nth-child(3n+3) .teaser-text,
  .news-list-view .article:nth-child(3n+3) .header a {
      color: black
  }


  /* Bildquellenangabe  */


  .gallery-item figure:has(.caption),
  .slick-slide:has(.caption) {
      position: relative;
  }

  .gallery-item figure .caption,
  .slick-slide .caption {
      padding-top: 0.25rem;
      font-size: 0.85rem;
      word-wrap: break-word;
      opacity: 1;
      background: rgba(0, 0, 0, 0.50);
      position: absolute;
      bottom: 0;
      right: 0;
      color: white;
      padding: 0.3rem .8rem;
  }

  .slick-slide .caption {
      bottom: 1rem;
      right: 1rem;
      max-width: calc(100% - 2rem);
      font-size: 11px;
      padding: 0.4rem .9rem;
  }

  .flowimg .caption {
      transform: translateY(6rem);
  }


  .carousel.carousel-fullscreen .carousel-inner .item:first-child:after,
  .abschlussforum .frame-backgroundimage-container:after {
      content: "© City-Press";
      padding-top: 0.25rem;
      font-size: 0.85rem;
      word-wrap: break-word;
      opacity: 1;
      background: rgba(0, 0, 0, 0.50);
      position: absolute;
      bottom: 0;
      right: 0;
      color: white;
      padding: 0.3rem .8rem;
  }



  /* Mobile */





  @media (max-width: 991px) {


      .body-bg > .carousel {
          margin-top: -70px;
      }

      .navbar-toggler:focus {
          text-decoration: none;
          border: none;
          box-shadow: none;
      }

      .navbar:not(.navbar-transition) .navbar-toggler.collapsed .navbar-toggler-icon:before,
      .navbar:not(.navbar-transition) .navbar-toggler.collapsed .navbar-toggler-icon:after,
      .navbar:not(.navbar-transition) .navbar-toggler.collapsed .navbar-toggler-icon {
          background-color: #fff;
      }

      .navbar-default-transition.navbar-transition {
          --bs-bg-opacity: 1;
          background-color: #ffffffff !important;

      }

      .bg-white,
      .navbar-default.navbar-transition,
      .navbar-default-transition.navbar-transition {
          --bs-bg-opacity: 1;
          background-color: #ffffffff !important;
          box-shadow: -1px 0px 12px 7px #00000044;
      }

      .navbar-default:not(.navbar-transition):has(.navbar-toggler),
      .navbar-default-transition:has(div > button.navbar-toggler:not(.collapsed)) {
          --bs-bg-opacity: 1;
          background: white;

      }

      .navbar:has(div > button.navbar-toggler.collapsed) {
          --bs-bg-opacity: 0;

      }


      .navbar-mainnavigation .navbar-brand-image img {
          filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
      }

      .container-mainnavigation .navbar-toggler {
          order: 3
      }

      .container-mainnavigation #subnavigation {
          order: 2;
      }

      .container-mainnavigation #mainnavigation {
          order: 4
      }

      .onlydesktop {
          display: none;
      }

      .navbar-mainnavigation .navbar-nav:before {
          content: "";
          height: 0;
      }

      #mainnavigation ul.navbar-nav {
          margin-top: 2rem
      }

      h1.awesome.h1,
      .body-bg > .frame-header h1 {
          font-size: 12vw;
      }

      h2.awesome.h2,
      .body-bg > .frame-header h2 {
          font-size: 5vw;
      }

      .carousel-header.awesome.h2 {
          font-size: 7.5vw;
      }

      .carousel-fullscreen .item {
          height: 90vh !important;
      }

      .body-bg > .frame-header {
          height: calc(90vh * 0.85);
          width: calc(100% - 2rem);
      }




      h2 {
          font-size: 1.75rem;
      }

      h4 {
          font-size: 1.1rem;
      }

      h3,
      .dasformular legend {
          font-size: 1.2rem;
      }

      .frame-header {
          margin-bottom: 0.5rem;
      }


      .diekampagne .slick-track .slick-slide {
          padding-top: 0 !important;
      }


      .blurtext:after {
          content: "";
          position: absolute;
          background-color: #ffffff66;
          height: 150%;
          width: 100%;
          top: -50%;
          left: 0;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          z-index: 0;
      }

      .blurkarte {
          position: relative;
          z-index: 5;
      }

      .blurkarte img {
          width: 100%;

      }

      .carousel .item {
          height: 400px;
      }

      .partner-links-page {
          padding-left: 2rem;
      }




      footer .gallery-item img {
          width: 100%;
          max-width: 75%;
          margin-bottom: 2rem;
          height: auto;
      }

      .news-list-view {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 30px;
      }

      .carousel .item {
          height: 400px;
      }
  }



  @media (max-width: 767px) {

      #subnavigation .language-menu {
          margin-left: 0em;
          width: 35px;
      }

      #subnavigation .language-menu li a,
      #subnavigation .navbar-scale a {
          height: 35px;
          width: 35px;
      }

      #subnavigation .navbar-search a {
          height: 35px;
          width: 35px;
      }


      .body-bg > .frame-header {
          height: calc(50vh * 0.85);
          width: calc(100% - 2rem);
      }


      .carousel-fullscreen .item {
          height: 55vh !important;
      }

      .carousel.carousel-small h4 {
          font-size: 1rem;
          margin-bottom: 0.5rem;
      }

      .carousel-small .carousel-backgroundimage {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          background-position: center right;
          background-size: cover;
      }

      .carousel.carousel-small .carousel-content-inner {
          align-items: center;

      }

      .frame-container.frame-container-default:has(.diekampagne) {
          padding: 0
      }

      .carousel .item {
          height: 300px;
      }

      .texticon-icon .texticon-inner-icon,
      .texticon-icon .texticon-inner-icon svg,
      .texticon-icon .texticon-inner-icon img {

          height: 9rem;
          width: 9rem;
      }

      .blurtext:after {
          height: 120%;
          top: -20%;

      }

      .carousel .item {
          height: 300px;
      }


      .flowimg img {
          transform: none !important;
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
      }

      .flowimg picture {
          transform: none !important;
      }

      .flowkarte a picture {
          transform: translateY(2px) !important;
      }

      .flowimg .gallery-item picture,
      .flowimg .gallery-item img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      .flowimg .gallery-row,
      .flowimg figure {
          height: 100%
      }

      .flowimg {
          padding: 0 1rem;
      }

      .flowtext:not(.order-md-1):after {
          left: 1rem;
      }

      .row:has(.flowimg) {
          margin-bottom: 0;
      }

      .flowtext:after {
          height: 100%;
          width: calc(100% - 2rem);
          left: 1rem;

      }

      .flowtext .frame-container.frame-container-default {
          /*padding: 0*/
      }

      .flowimg .caption {
          transform: none;
      }

      footer .section-row .footer-section-content-column-middle {
          order: 3
      }


      footer .section-row {
          --section-gap-x: 0;
      }

      footer .gallery-item img {
          width: 100%;
          max-width: 50%;
          margin-bottom: 2rem;
          height: auto;
          margin-left: 2rem;

      }


      .machmit .frame-backgroundimage-container {
          width: 100%;
      }

      .row.machmitrow > div:nth-child(1) .frame-type-text {
          /* color: white;
          text-shadow: 0 0 5px #0000008a; */
      }



      .row.machmitrow > div:nth-child(2) .frame-type-text {
          background: white;
          border: 2px solid black;
          margin: 1rem;
      }

      .frame-inner:has(.diemeilensteine) {
          padding: 1rem;
      }

      .frame-space-before-medium {
          --frame-outer-spacing-before: 0;
      }

      .frame-type-ce_accordion .frame-container.frame-container-default {
          padding: 0 1rem;
      }

      .dasformular .frame-container.frame-container-default {
          padding: 0
      }

      .formparent {
          margin-top: 2rem;
      }

      .news-list-view {
          grid-template-columns: repeat(1, 1fr);
      }

      .frame-type-ce_grid .row-cols-lg-3 .col:before {
          content: "";
          position: absolute;
          border: 2px solid black;
          height: calc(100% - 6.5rem);
          width: calc(100% - 2rem);
          top: 6rem;
          left: 1rem;
          z-index: -1;
      }

      .accordion-button {
          padding: 1rem;
      }

      .accordion-body {
          padding: 0 !important;
      }

      .dasformular,
      .dienews {
          padding: 0 20px
      }

      .news .article,
      .news .article:last-child {
          padding-bottom: 25px !important;
          margin-bottom: 0 !important;
      }
  }