/* her0-forntpage */
@media only screen and (max-width: 1200px) {
  .page-node-type-startseite .page-header-wrapper {
    max-width:unset;
  }
  .page-node-type-startseite .hero.container {
    max-width:unset;
  }
}

@media only screen and (min-width: 576px) {
    /* Menü */
    .menu .menu-content .menu-content-top .menu-quick .menu-quick-left {
        width: 99px;
    }
}

@media only screen and (max-width: 576px) {
    .menu .menu-content {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .menu {
        width: 100%;
        right: calc(-100% - 40px);
    }
}

@media (min-width: 1400px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: var(--max-width);
    }

    .latest-news .latest-news-content .latest-news-top .bottom .button-wrapper {
        max-width: calc(100% - 748px);
    }
}

/* content-container */
@media only screen and (max-width: 992px) {
    .content-container .content-wrapper.left60.right60 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .content-container .content-wrapper.left60 {
        margin-left: 30px;
    }

    .content-container .content-wrapper.right60 {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .content-container .content-wrapper.left60.right60 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .content-container .content-wrapper.left60 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .content-container .content-wrapper.right60 {
        margin-left: 0px;
        margin-right: 0px;
    }
}


/* urban-portals */
@media only screen and (max-width: 1200px) {
    .urban-portals {
        flex-direction: column;
    }
}

@media only screen and (max-width: 992px) {
    .urban-portals {
        margin-top: 80px;
    }

    .urban-portals .urban-portals-left {
        max-width: initial;
    }

    .urban-portals .urban-portals-left .urban-portals-headline {
        text-align: center;
        margin-bottom: 45px;
    }
}

@media only screen and (max-width: 576px) {
    .urban-portals {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* button-card-icon */

@media only screen and (max-width: 992px) {
    .button-card-icon {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 25px;
        padding-bottom: 25px;
        height: 145px;
        flex-direction: column;
        gap: 10px;
        font-size: 0.938rem;
        margin-top: 16px;
    }

    .button-card-icon .button-card-text {
        text-align: center;
    }
}

/* further-topics */

@media only screen and (max-width: 1350px) {
    .further-topics .further-topics-center {
        height: 650px;
    }
}

@media only screen and (max-width: 1300px) {
    .further-topics .further-topics-center {
        height: 635px;
    }
}

@media only screen and (max-width: 1250px) {
    .further-topics .further-topics-center {
        height: 610px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 304px;
    }
}

@media only screen and (max-width: 1200px) {
    .further-topics .further-topics-center {
        height: 590px;
    }
}

@media only screen and (max-width: 1150px) {
    .further-topics .further-topics-center {
        height: 570px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 264px;
    }
}

@media only screen and (max-width: 1100px) {
    .further-topics .further-topics-center {
        height: 545px;
    }
}

@media only screen and (max-width: 1050px) {
    .further-topics .further-topics-center {
        height: 525px;
    }
}

@media only screen and (max-width: 1000px) {
    .further-topics-top {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .further-topics .further-topics-center {
        height: 720px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 344px;
    }

    .further-topics .further-topics-bottom {
        height: 108px;
    }
}

@media only screen and (max-width: 992px) {
    .further-topics {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 950px) {
    .further-topics .further-topics-center {
        height: 685px;
    }
}

@media only screen and (max-width: 900px) {
    .further-topics .further-topics-center {
        height: 650px;
    }
}

@media only screen and (max-width: 850px) {
    .further-topics .further-topics-center {
        height: 610px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 304px;
    }
}

@media only screen and (max-width: 800px) {
    .further-topics .further-topics-center {
        height: 585px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 264px;
    }
}

@media only screen and (max-width: 750px) {
    .further-topics .further-topics-center {
        height: 550px;
    }
}

@media only screen and (max-width: 700px) {
    .further-topics .further-topics-center {
        height: 520px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 224px;
    }
}

@media only screen and (max-width: 650px) {
    .further-topics .further-topics-center {
        height: 485px;
    }
}

@media only screen and (max-width: 600px) {
    .further-topics .further-topics-center {
        height: 835px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 344px;
    }
}

@media only screen and (max-width: 576px) {
    .further-topics .further-topics-center {
        height: 775px;
    }
}

@media only screen and (max-width: 550px) {
    .further-topics .further-topics-center {
        height: 775px;
    }
}

@media only screen and (max-width: 525px) {
    .further-topics .further-topics-center {
        height: 740px;
    }
}

@media only screen and (max-width: 500px) {
    .further-topics .further-topics-center {
        height: 705px;
    }
}

@media only screen and (max-width: 430px) {
    .further-topics .further-topics-center {
        height: 670px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 310px;
    }

    .distributor-teaser-card-wrapper .distributor-teaser-card .content-wrapper .card-wrapper {
      width: 100%;
      position:relative;
    }

    .distributor-teaser-card-wrapper .distributor-teaser-card a {
      position:relative;
      height: auto;
    }

    .distributor-teaser-card .content-wrapper .image-wrapper {
      height: auto;
      display: inline-block;
      clear: both;
    }

    .distributor-teaser-card-wrapper .distributor-teaser-card .content-wrapper .card-wrapper {
      width: 100%;
      position: relative;
      display:inline-block;
      bottom: unset;
      height: auto;
    }

    .distributor-teaser-card-wrapper .content-wrapper {
      position: relative;
      min-width: 265px;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
}

@media only screen and (max-width: 390px) {
    .further-topics .further-topics-center {
        height: 630px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 280px;
    }
}

@media only screen and (max-width: 360px) {
    .further-topics .further-topics-center {
        height: 600px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 255px;
    }
}

@media only screen and (max-width: 340px) {
    .further-topics .further-topics-center {
        height: 600px;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .image-wrapper {
        height: initial;
    }

    .further-topics .further-topics-center .further-topics-card .content-wrapper .card-wrapper {
        width: 100%;
        height: auto;
        position: initial;
    }
}

/* institutionen // municipal-family */

@media only screen and (max-width: 1400px) {
    .municipal-family .municipal-family-content {
        background: url(../img/yellow_shape_medium.svg) left top no-repeat;
        background-size: initial;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom .content-flip-wrapper .content-flip {
        border-left: none;
    }
}

@media only screen and (max-width: 1300px) {
    .municipal-family .municipal-family-content .municipal-family-top .bottom {
        padding-right: 115px;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom .content-flip-wrapper .content-flip {
        margin-top: 0px;
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .municipal-family .municipal-family-content .municipal-family-top .bottom .content-flip-wrapper .content-flip .content-flip-bottom .row > div {
        padding-right: 50px;
    }
}

@media only screen and (max-width: 992px) {
    .municipal-family {
        margin-top: 80px;
    }

    .municipal-family .municipal-family-content .municipal-family-top .top {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom .content-flip-wrapper .content-flip .content-flip-top {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .municipal-family .municipal-family-content {
        background: url(../img/yellow_shape_mobile.svg) left top no-repeat;
        background-size: initial;
    }

    .municipal-family .municipal-family-content .municipal-family-top {
        padding-left: 60px;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom {
        padding-right: 60px;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom .content-flip-wrapper .content-flip .content-flip-top {
        padding-left: 0px;
        padding-right: 0px;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom .content-flip-wrapper .content-flip .content-flip-bottom .row > div {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 576px) {
    .municipal-family .municipal-family-content .municipal-family-top {
        padding-left: 16px;
    }

    .municipal-family .municipal-family-content .municipal-family-top .top {
        text-align: center;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom {
        padding-right: 16px;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom .content-flip-wrapper .content-flip {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
    }

    .municipal-family .municipal-family-content .municipal-family-top .bottom .content-flip-wrapper .content-flip .content-flip-top {
        margin-bottom: 40px;

    }
}

/* quickly-clicked - 4 spalten */
@media only screen and (max-width: 992px) {
    .quickly-clicked {
        margin-top: 80px;
    }

    .quickly-clicked .quickly-clicked-headline {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 576px) {
    .quickly-clicked {
        padding-left: 16px;
        padding-right: 16px;
    }

}

/* Hero Header */
@media only screen and (max-width: 992px) {

  .hero-content .navbar > .container {
    max-width:unset;
  }

  .hero-content-wrapper {
    padding: 155px 48px 80px 48px;
  }

  .header-design.beside {
    flex-direction: column;
  }

  .header-design.beside .region-nav-headline,
  .header-design.beside .field--name-field-einleitung {
    flex: 0 0 auto;
    width: 100%;
  }

    .path-frontpage .hero {
        background: url(../img/hero.jpg) right / cover no-repeat;
      max-width: unset;
    }

    .hero .hero-content .hero-logo {
        left: 30px;
        top: 40px;
    }

    .hero .hero-content .hero-button-menu {
        right: 30px;
    }

  .path-frontpage .hero .hero-content .region-nav-headline {
        left: 30px;
    }

    .path-frontpage .hero .hero-content .region-nav-headline h1 strong {
        font-size: 2.875rem;
        letter-spacing: 0.5px;
        line-height: 30px;
        margin-bottom: 14px;
    }

  .path-frontpage .hero .hero-content .region-nav-headline h1 {
        font-size: 1.25rem;
        letter-spacing: 0.5px;
        line-height: 18px;
    }

    .hero .hero-content .hero-search-wrapper {
        top: 150px;
    }

    .hero .hero-content .hero-search-wrapper .hero-search .hero-search-input-wrapper .hero-search-input {
        width: calc(100% - 316px);
        min-width: 422px;
        max-width: initial;
    }
}

@media only screen and (max-width: 576px) {
    .path-frontpage .hero {
        max-width: 100%;
        height: 687px;
        min-height:687px;
        background: url(../img/hero_mobile.jpg) center / cover no-repeat;
    }
    .path-frontpage .hero .hero-content .search-block-form form {
        width: calc(100% - 60px);
        min-width: initial;
        max-width: initial;
        height: 50px;

        margin-left: auto;
        margin-right: auto;
    }
    .navbar .block-search form .form-actions {
        margin-top: 0;
    }

    .hero .hero-content .region-nav-headline h1 {
        font-size: 2.25rem;    line-height: 50px;
    }

  .button-menu {
    padding: 9px 19px;
  }

  .hero .hero-content .navbar-brand.hero-logo img {
    width: 105px;
  }

  .hero .hero-content::before,
  .path-frontpage .hero .hero-content::before{
    position: absolute;
    width: 62px;
    height: 143px;
    right: 0px;
    bottom: -36px;
    z-index:4;
  }

    .hero .hero-content .hero-logo {
        left: 15px;
        top: 20px;
    }

    .hero .hero-content .hero-button-menu {
        right: 15px;
        top: 20px;
    }

    .hero .hero-content .hero-logo img {
        width: 105px;
    }

  .path-frontpage .hero .hero-content .region-nav-headline {
        left: 44px;
        top: 548px;
    }

  .path-frontpage .hero .hero-content .region-nav-headline h1 strong {
        font-size: 2.25rem;
        letter-spacing: 0.5px;
        line-height: 30px;
        margin-bottom: 10px;
    }

  .path-frontpage .hero .hero-content .region-nav-headline {
        font-size: 0.938rem;
        letter-spacing: 0.5px;
        line-height: 18px;
    }

    .hero .hero-content .hero-search-wrapper {
        top: 392px;
    }

    .hero .hero-content .hero-search-wrapper .hero-search .hero-search-head {
        color: var(--color-white);
    }

    .hero .hero-content .hero-search-wrapper .hero-search .hero-search-input-wrapper .hero-search-input {
        width: calc(100% - 60px);
        min-width: initial;
        max-width: initial;
        height: 50px;
    }

    .hero .hero-content .hero-search-wrapper .hero-search .hero-search-input-wrapper .hero-search-input .separator {
        margin-right: 20px;
    }

    .hero .hero-content .hero-search-wrapper .hero-search .hero-search-input-wrapper .hero-search-input .hero-search-search-suggestions-wrapper {
        padding-top: 50px;
    }

    .hero .hero-content .hero-search-wrapper .hero-search .hero-search-input-wrapper .hero-search-input .hero-search-search-suggestions-wrapper .hero-search-search-suggestions {
        padding: 13px 27px 26px 27px;
    }
    .hero-content-wrapper {
        padding: 102px 48px 80px 48px;
    }
    .path-frontpage .hero .hero-content .region-nav-additional {
        top: 392px;
    }
    .hero .hero-content .search-block-form h2 {
        color: var(--color-white);
    }
}

/* Hero Overlay */

@media only screen and (max-width: 1300px) {
    .hero-overlay .hero-overlay-content .hero-overlay-content-left {
        max-width: 270px;
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    .hero-overlay .hero-overlay-content {
        flex-direction: column;
    }
    .hero-overlay .hero-overlay-content {
        padding-left: 44px;
        padding-right: 0px;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .hero-overlay .hero-overlay-content .hero-overlay-content-left {
        max-width: initial;
    }
}

@media only screen and (max-width: 576px) {
    .hero-overlay {
        margin-top: 0px;
    }

    .hero-overlay::after {
        display: block;
    }

    .hero-overlay .hero-overlay-content .hero-overlay-content-right .row > div {
        margin-bottom: 40px;
    }
}

/* latest news */

@media only screen and (max-width: 1400px) {

    .latest-news .latest-news-content {
        background: url(../img/yellow_shape_medium.svg) left top no-repeat;
        background-size: initial;
    }

    .latest-news .latest-news-content .latest-news-top {
        height: initial;
    }

    .latest-news .latest-news-content .latest-news-top .bottom {
        flex-direction: column;
        padding-right: 60px;
        background-color: var(--color-yellow);
    }

    .latest-news .latest-news-content .latest-news-top .bottom .img-copyright {
        max-width: 100%;
        flex-grow: 1;
        margin-bottom: 30px;
    }

    .latest-news .latest-news-content .latest-news-top .bottom .button-wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
    }

}

@media only screen and (max-width: 992px) {
    .latest-news {
        margin-top: 80px;
    }

    .latest-news .latest-news-content .latest-news-top {
        padding-left: 60px;
    }

    .latest-news .latest-news-content .latest-news-top .top,
    .view-aktuelle-news .attachment-before .view-aktuelle-news .view-header .top {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .latest-news .latest-news-content .latest-news-top {
        margin-bottom: 20px;
    }

    .latest-news .latest-news-content .latest-news-top .bottom {
        padding-right: 30px;
    }

    .latest-news .latest-news-content .latest-news-center {
        padding-left: 60px;
    }

    .latest-news .latest-news-content .latest-news-bottom {
        padding-left: 60px;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 900px) {
    .latest-news .latest-news-content .latest-news-center .slick-slider,
    .view-aktuelle-news .slick-slider .slick-list .slick-track {
        height: 620px;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card .content-wrapper .image-wrapper {
        padding-right: 10px;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card .content-wrapper .card-wrapper {
        right: 10px;
        bottom: initial;
        top: 300px;
    }

    .latest-news .latest-news-content .latest-news-center {
      height: 620px;
    }
}

@media only screen and (max-width: 768px) {
    .latest-news .latest-news-content {
        background: url(../img/yellow_shape_mobile.svg) left top no-repeat;
        background-size: initial;
    }
}

@media only screen and (max-width: 700px) {
    .latest-news .latest-news-content .latest-news-center .slick-slider {
        height: 560px;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card .content-wrapper .card-wrapper {
        top: 250px;
    }
}

@media only screen and (max-width: 576px) {
    .latest-news .latest-news-content .latest-news-top {
        padding-left: 16px;
    }

    .latest-news .latest-news-content .latest-news-top .top {
        text-align: center;
    }

    .latest-news .latest-news-content .latest-news-top .bottom {
        padding-right: 16px;

    }

    .latest-news .latest-news-content .latest-news-center {
        background-color: transparent;
        padding-left: 0px;
        padding-right: 0px;
     }

    .latest-news .latest-news-content .latest-news-center .slick-slide {
        padding-left: 16px;
        padding-right: 16px;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card {
        padding-right: 16px;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card .content-wrapper .card-wrapper {
        right: 0px;
        box-shadow: 0 0 16px 0 var(--box-shadow-rgba-15);
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card .content-wrapper .image-wrapper {
        padding-right: 0px;
    }

    .latest-news .latest-news-content .latest-news-bottom {
      padding-left: 0;
      padding-right: 0;
    }

    .latest-news-center-slider-controls-wrapper {
      width:100%;
    }
}

@media only screen and (max-width: 550px) {
    .latest-news .latest-news-content .latest-news-center.slick-slider,
    .latest-news .latest-news-content .latest-news-center.slick-slider .slick-list {
        height: 510px;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card .content-wrapper .card-wrapper {
        top: 200px;
    }

}

@media only screen and (max-width: 430px) {
    .latest-news .latest-news-content .latest-news-center {
        padding-left: initial;
        padding-right: initial;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card {
        padding-left: 25px;
        padding-right: 25px;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card .content-wrapper .image-wrapper {
        height: initial;
    }

    .latest-news .latest-news-content .latest-news-center .latest-news-card .content-wrapper .card-wrapper {
        width: 100%;
        height: auto;
        position: initial;
    }

    .slick-slider-controls .slick-dots {
      flex-grow: 4;
    }

    .distributor-teaser-card-wrapper .distributor-teaser-card .content-wrapper .card-wrapper {
        width: 100%;
        height: auto;
        position: initial;
    }
}

/* Bildergalerie Paragraphs */


@media only screen and (max-width: 1300px) {
    .monuments-gallery .monuments-gallery-center {
        height: 550px;
    }
}

@media only screen and (max-width: 1200px) {
    .monuments-gallery .monuments-gallery-center {
        height: 500px;
    }
}

@media only screen and (max-width: 1200px) {
    .monuments-gallery .monuments-gallery-center {
        height: 450px;
    }
}

@media only screen and (max-width: 1000px) {
    .monuments-gallery .monuments-gallery-center {
        height: 625px;
    }
}

@media only screen and (max-width: 992px) {
    .monuments-gallery {
        margin-top: 80px;
    }

    .monuments-gallery .monuments-gallery-center {
        height: 620px;
    }
}

@media only screen and (max-width: 900px) {
    .monuments-gallery .monuments-gallery-center {
        height: 560px;
    }
}

@media only screen and (max-width: 800px) {
    .monuments-gallery .monuments-gallery-center {
        height: 495px;
    }
}

@media only screen and (max-width: 700px) {
    .monuments-gallery .monuments-gallery-center {
        height: 425px;
    }
}

@media only screen and (max-width: 600px) {
    .monuments-gallery .monuments-gallery-center {
        height: 755px;
    }
}

@media only screen and (max-width: 576px) {
    .monuments-gallery .monuments-gallery-top {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .monuments-gallery .monuments-gallery-bottom {
        height: 108px;
    }
}

@media only screen and (max-width: 500px) {
    .monuments-gallery .monuments-gallery-center {
        height: 635px;
    }
}

@media only screen and (max-width: 440px) {
    .monuments-gallery .monuments-gallery-center {
        height: 555px;
    }
}

@media only screen and (max-width: 400px) {
    .monuments-gallery .monuments-gallery-center {
        height: 510px;
    }
}

@media only screen and (max-width: 360px) {
    .monuments-gallery .monuments-gallery-center {
        height: 440px;
    }
}

@media only screen and (max-width: 340px) {
    .monuments-gallery .monuments-gallery-center {
        height: 410px;
    }
}

/* Kontakt Tabelle */

@media only screen and (max-width: 1400px) {
    .contact-list .contact-list-content .contact-list-entry .row > div:nth-child(3),
    .contact-list .contact-list-content .contact-list-entry .row > div:nth-child(4),
    .contact-list .contact-list-content .contact-list-entry .row > div:nth-child(5)
    {
        text-align: left;
    }

    .contact-list .contact-list-content .accordion .accordion-item button .contact-list-entry .row > div:nth-child(2) {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}

@media only screen and (max-width: 992px) {
    .contact-list {
        margin-top: 80px;
        padding: 0px 48px 40px 42px;
    }

    .contact-list .contact-list-headline {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 576px) {
    .contact-list .contact-list-content .contact-list-entry {
        font-size: 1rem;
    }
}

/* Par Akkordeon Element */
@media only screen and (max-width: 576px) {
    .accordion .accordion-item .accordion-body {
        font-size: 1rem;
    }
}

/* Par akkordeon */
@media only screen and (max-width: 992px) {
    .accordion-list, .paragraph--type--video {
        padding: 0px 0px 0px 48px;
    }
}

@media only screen and (max-width: 576px) {
    .accordion-list, .paragraph--type--video {
        margin-top: 40px;
        padding: 0px 0px 0px 0px;
    }

    .accordion-list .accordion-list-content {
        padding: 40px 48px 40px 42px;
    }

    .accordion-list .accordion-list-content .accordion-list-headline {
        margin-bottom: 40px;
    }
}

/* Par Auch Interessant */

@media only screen and (max-width: 992px) {
    .also-interesting {
        margin-top: 80px;
    }

    .also-interesting .also-interesting-content {
        padding-left: 0px;
    }

    .also-interesting .also-interesting-content .also-interesting-top .also-interesting-headline {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 48;
        padding-right: 48;
    }

    .also-interesting .also-interesting-content .also-interesting-center {
        padding-left: 25px;
    }

    .also-interesting .slick-slider .slick-list .slick-track {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 900px) {
    .also-interesting .also-interesting-content .also-interesting-center .slick-slider {
        height: 660px;
    }

    .also-interesting .also-interesting-content .also-interesting-center .also-interesting-card {
        padding-right: 25px;
    }

    .also-interesting .also-interesting-content .also-interesting-center .also-interesting-card .content-wrapper .image-wrapper {
        padding-right: initial;
    }

    .also-interesting .also-interesting-content .also-interesting-center .also-interesting-card .content-wrapper .card-wrapper {
        right: 0px;
        box-shadow: 0 0 var(--box-shadow-spread-mobile) 0 var(--box-shadow-rgba-15);
    }
}

@media only screen and (max-width: 768px) {
    .also-interesting .also-interesting-content .also-interesting-center .slick-slider {
        height: 560px;
    }
}

@media only screen and (max-width: 650px) {
    .also-interesting .also-interesting-content .also-interesting-center .slick-slider {
        height: 500px;
    }
}

@media only screen and (max-width: 500px) {
    .also-interesting .also-interesting-content .also-interesting-center .slick-slider {
        height: 450px;
    }
}

@media only screen and (max-width: 390px) {
    .also-interesting .also-interesting-content .also-interesting-center .also-interesting-card .content-wrapper .image-wrapper {
        height: initial;
        padding-right: initial;
    }

    .also-interesting .also-interesting-content .also-interesting-center .also-interesting-card .content-wrapper .card-wrapper {
        width: 100%;
        height: auto;
        position: initial;
    }
}

/* Footer */
@media only screen and (min-width: 1400px) {
  .footer-container {
      max-width: var(--max-width);
      margin-right: auto;
      margin-left: auto;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 1400px) {
  .footer {
    min-height: 300px;
  }

  .footer .footer-left {
    padding-left: 60px;
    max-width: 286px;
  }

  .footer .footer-right .footer-right-links .navigation ul {
    flex-direction: column;
    gap: 20px;
    max-width: 200px;
    align-content: baseline;
  }

  #block-footercopyright {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .footer {
    min-height: initial;
    display: flex;
    flex-direction: column;
  }

    .footer .footer-right .footer-right-social {
        position: relative;
    }

  .footer .footer-right .footer-right-social::before {
        content: url(../img/blue_footer_60_mobile.svg);
        position: absolute;
        width: 48px;
        height: 82px;
        left: 0px;
        top: -1px;
        display: block;
  }

  .footer .footer-left {
    min-height: 220px;
    padding-left: 45px;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 100%;
  }

  .footer .footer-right {
    min-height: initial;
    background: none;
    background-color: var(--color-blue);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: var(--color-white);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
  }

  .footer .footer-right .footer-right-social {
    text-align: center;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .footer .footer-right .footer-right-social::before {
    display: block;
  }

  .footer .footer-right .field--name-body {
    min-width: 384px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    align-self: center;
      margin-left: auto;
      margin-right: auto;
      text-align:right;
  }

  .footer .footer-right .footer-right-links {
    flex-direction: row;
    gap: 30px;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 22px;
      align-self: center;
    width: calc(100% - 90px);
  }

  .footer .footer-right .footer-right-links .navigation {
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  .button-head-text-arrows .copy::after {
    left: 270px;
  }

  .path-frontpage main {
    margin-top: 0px;
  }

  .footer .footer-right .footer-right-links {
    flex-direction: column;
    align-items: flex-start;
    width:100%;
  }

  .footer .footer-right .footer-right-links .navigation {
    flex-direction: column;
    gap: 30px;
    max-width: initial;
    width: 100%;
  }

  .footer .footer-right .field--name-body {
    max-width: 100%;
    min-width: initial;
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
  }

  .view-aktuelle-news .distributor-teaser-card-wrapper,
  .view-aktuelle-news .news-preview.distributor-teaser-card {
    padding-right:0;
  }

  .view-aktuelle-news .news-preview.distributor-teaser-card {
    padding:0 25px;
  }

  .hero-overlay-content-right .row {
    max-width:100%;
  }

  footer .footer-right .footer-right-links .region-footer {
    flex-direction: column;
  }

  #block-footercopyright .field--name-body {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
  }
}

@media only screen and (max-width: 992px) {
    .view-taxonomy-term .view-content,
    .view-news .view-content {
        margin-top: 80px;
        padding-left: 20px;
    }
    .view-taxonomy-term .view-content .views-row,
    .view-news .view-content .views-row {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 3.5rem;
    }
}

/* Social share */
@media only screen and (max-width: 1440px) {
    .hero.d-flex.container,
    .page-header-wrapper.d-flex.container {
        max-width:unset;
    }

  #block-sharebuttons .social-share {
    align-items: flex-start;
  }

  #block-sharebuttons .social-share .social-share-button-wrapper {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .button-social-xxl {
    height: 104px;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1200px) {
  #block-sharebuttons .social-share {
    padding: 40px 40px 40px 40px;
  }
}

@media only screen and (max-width: 900px) {
    .view-aktuelle-news .latest-news-center .news-preview.distributor-teaser-card {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 576px) {
    .view-aktuelle-news .latest-news-center .news-preview.distributor-teaser-card {
        padding-left: 0px;
    }

    .distributor-teaser-card-wrapper .distributor-teaser-card .content-wrapper .card-wrapper {
        right: 0px;
        box-shadow: 0 0 16px 0 var(--box-shadow-rgba-15);
        top: 200px;
        bottom:unset;
    }
}



@media only screen and (max-width: 992px) {
    .slick-slider-controls .slick-dots li {
        width:auto;
        min-width: 15px;
        height: auto;
        flex-grow: 1;
    }

  #block-sharebuttons .social-share {
    margin-top: 80px;
    align-items: flex-start;
    flex-direction: column;
  }

  #block-sharebuttons .social-share .social-share-button-wrapper {
    gap: 40px;
    width: 100%;
  }

  #block-sharebuttons .social-share .social-share-button-wrapper .social-share-button-group {
    gap: 40px;
  }

  #block-sharebuttons {
    margin-left: 0px;
    margin-right: 0px;
  }

    .hero .hero-content .region-nav-additional {
        top: 150px;
    }

}

@media only screen and (max-width: 768px) {
  .button-social-xxl a {
    height: 104px;
    flex-direction: column;
  }
}

/* content conainer */
@media only screen and (max-width: 992px) {
  .content-container .content-wrapper.left60.right60 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .content-container .content-wrapper.left60 {
    margin-left: 30px;
  }

  .content-container .content-wrapper.right60 {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 576px) {
  .content-container .content-wrapper.left60.right60 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .content-container .content-wrapper.left60 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .content-container .content-wrapper.right60 {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (max-width: 1200px) {
    .textblock {
        padding: 0px 242px 0px 242px;
    }
}

@media only screen and (max-width: 992px) {
    .textblock {
        margin-top: 80px;
        padding: 0px 115px 0px 115px;
    }
}

@media only screen and (max-width: 576px) {
    .textblock {
        padding: 0px 48px 0px 48px;
        font-size: 1rem;
    }
}

@media only screen and (max-width: 992px) {
    .our-service-list {
        margin-top: 80px;
        padding: 0px 0px 40px 48px;
    }

    .our-service-list .our-service-list-list ul li {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 576px) {
    .our-service-list {
        padding: 0px 48px 40px 48px;
    }

    .our-service-list .our-service-list-list ul li {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .our-service-list .our-service-list-list ul li::before {
        top: 41px;
    }
}

@media only screen and (max-width: 992px) {
    .info-list {
        margin-top: 80px;
        padding: 0px 48px 0px 48px;
    }
}

@media only screen and (max-width: 576px) {
    .info-list .info-list-content .info-list-bottom .info-list-entry {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 992px) {
    .wide {
            padding: 0px 48px 0px 48px!important;	
    }
}
    
@media only screen and (max-width: 576px) {
    .wide {
        padding: 0px 48px 0px 48px!important;	
    }
}

@media only screen and (max-width: 576px) {
    .cr_img-box-left-50, .cr_img-box-right-50 {
        padding-left:0px;
        padding-right:0px;
        width:100%;
    }
}

@media only screen and (max-width: 576px) {
    .field--name-dynamic-block-fieldnode-einfache-sprache-button, .field--name-dynamic-twig-fieldnode-urspruengliche-seite-button {
        position: relative;
        /*right: 60px;*/
        top: 15px;
        z-index: 4000;
        text-align: center;
    }
}

@media only screen and (max-width: 1400px) {
    .distributor-teaser-list .distributor-teaser-list-top .row {
        --bs-gutter-x: 20rem;
    }
}

@media only screen and (max-width: 1400px) {
    .distributor-teaser-list .distributor-teaser-list-top .row {
        --bs-gutter-x: 10rem;
    }
}

@media only screen and (max-width: 992px) {
    .distributor-teaser-list {
        margin-top: 80px;
        padding-left: 20px;
    }

    .distributor-teaser-list .distributor-teaser-list-top .row {
        --bs-gutter-x: 6rem;
        --bs-gutter-y: 3.5rem;
    }
}

@media only screen and (max-width: 576px) {
    .distributor-teaser-list {
        margin-top: 10px;
        padding-left: 48px;
        padding-right: 48px;
        background-color: var(--color-white);
    }

    .distributor-teaser-list .distributor-teaser-list-bottom .button-rounded-corners {
        background-color: var(--color-light-grey);
    }
}

@media only screen and (max-width: 390px) {
    .distributor-teaser-list {
        padding-left: 25px;
        padding-right: 25px;
    }

    .distributor-teaser-list .distributor-teaser-list-top .row .distributor-teaser-card-wrapper .distributor-teaser-card .content-wrapper .image-wrapper {
        height: initial;
    }

    .distributor-teaser-list .distributor-teaser-list-top .row .distributor-teaser-card-wrapper .distributor-teaser-card .content-wrapper .card-wrapper {

        width: 100%;
        height: auto;
        position: initial;
    }
}


@media only screen and (max-width: 992px) {
  .search-result-list {
    padding: 0px 48px 0px 48px;
  }
}

@media only screen and (max-width: 576px) {
  .search-result-list .search-result-list-top .head {
    text-align: center;
  }

  .search-result-list .search-result-list-top .button-search-filter-select-wrapper {
    display: none;
  }

  .search-result-list .search-result-list-top .dropdown-search-filter-select-wrapper {
    display: block;
  }
}

@media only screen and (max-width: 576px) {
  .button-search-result-list .content .text {
    font-size: 1rem;
  }
}