/* responsive */

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

    .frame-container-default,
    .container {
        max-width: calc(100vw - 4rem);
    }

}


@media (min-width: 992px) {

    .frame-container-default,
    .container {
        max-width: calc(100vw - 4rem);
    }

    .container-mainnavigation {
        gap: 0 1rem
    }
}

@media (min-width: 1200px) {

    .frame-container-default,
    .container {
        max-width: calc(100vw - 6rem);
    }

    .container-mainnavigation {
        gap: 0 2rem
    }
    
    .frame-inner:has(.frame-header h1) p {padding-right:5rem;}
    .col-md-7    .frame-inner:has(.frame-header h1) p {padding-right:9rem;}
}


@media (min-width: 1400px) {

    .frame-container-default,
    .container {
        max-width: 1320px;
    }
}

/* Content */
@media(max-width: 1399px) {

    h1,
    .h1 {
        font-size: 5.8rem;
    }
}

@media(max-width: 1199px) {

    h1,
    .h1 {
        font-size: 4.5rem;
    }

    .animHi .frame-inner ul li {
        font-size: 3.5vw !important;
        line-height: 1.1;
    }

    .animkreise li strong {
        font-size: 2.5rem;
    }

    .animkreise li {
        font-size: 1vw;
        padding: 1.5rem;
    }


    .textpic-item.textpic-text p br,
    .frame-header .element-subheader.h4 br {
        display: none
    }

    .hubslider .swiper-pagination-bullet {
        width: 30px;
        height: 30px;
    }

    .hubslider .swiper-horizontal > .swiper-pagination-bullets,
    .hubslider .swiper-pagination-bullets.swiper-pagination-horizontal {
        height: 80px;
    }

}

@media(max-width: 991px) {
    .onlydesktop{display:none}
    
    .decorechts_suche .frame-inner:before{display:none;}
    h1,
    .h1 {
        font-size: 3.2rem;
    }

    h2,
    .h2 {
        font-size: 2rem;
    }

    h3,
    .article.listevent .thedate time,
    .filelink-title,
    .btn.btn-outline-secondary {
        font-size: calc(1rem + 0.2vw);
    }

    input.suchfeld,
    input#tx-indexedsearch-searchbox-sword {
        width: 120px;
    }

    /* Navigation */

    .navbar-mainnavigation .navbar-nav > li > .nav-link {
        width: 100px
    }

    .navbar-mainnavigation .nav-item .nav-link-indicator {
        margin-left: auto;
    }

    .navbar-mainnavigation .navbar-nav > li:has(.nav-link) {
        height: auto
    }

    .navbar-mainnavigation .dropdown-menu {
        width: 100%;
        background: transparent !important;
        margin-bottom: 1rem;
        padding: 0 5px;
    }

    .navbar-mainnavigation .dropdown-nav {
        padding: 0;
        display: block;
    }

    .nav-link-toggle .nav-link-indicator {
        transform: rotate(0deg) !important;
        transform-origin: center;
    }

    .nav-link-toggle.show .nav-link-indicator {
        transform: rotate(0deg) translateY(7px) !important;

    }

    .dropdown-menu {
        --bs-dropdown-box-shadow: none;
        --bs-dropdown-border-width: 0;
    }


    .newsdetailmodal .col-lg-4 {
        order: 1
    }

    .newsdetailmodal .col {
        order: 2
    }

    .buttonmoreright p:has(.btn) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .animkreise li strong {
        font-size: 1.5rem;
    }

    .animkreise li {
        font-size: 1vw;
        padding: 1rem;
    }


    .listevent .explorelink,
    .filelink-body .explorelink,
    .btn.btn-outline-secondary:after {
        display: none;
    }

    .news .article.listevent,
    .filelink-item .filelink-body,
    .btn.btn-outline-secondary {
        height: 70px;
    }

    .news .article.listevent .event-map__location,
    .filelink-title p {
        line-height: 1.1;
        font-size: 0.8rem;

    }

    .article.listevent .thedate {
        width: 33%
    }

    .singleslide {
        display: flex;
        align-items: center;
        gap: 2rem;
        padding: 2rem 3rem;
    }

    .singleslide h3 {
        font-size: calc(1rem + 0.2vw);
    }

    div.slide-image {
        max-width: 70%;
    }

    div.slide-image:after {
      width: 80px;
        height: 80px;
    }

    .singleslide img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }

    .singleslide .slide-content {
        width: 50%
    }


    .thefacts .textpic.textpic-right .textpic-item.textpic-gallery,
    .thefacts .textpic-left .textpic-item.textpic-gallery {
        width: calc(50% - (40px / 2));
    }

    .thefacts .textpic.textpic-right .textpic-item.textpic-text,
    .thefacts .textpic.textpic-left .textpic-item.textpic-text {
        width: calc(50% - (40px / 2));
    }

    .btn.btn-outline-secondary {
        padding: 0 3rem 0 3rem;

    }

    .balllinks:before {
        height: 110%;
        margin-top: 4%
    }

    .ballrechts:before {
        height: 110%;
        margin-top: 4%
    }



    .ebl_article_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    .news-list-view.newsgrid:not(.listevents) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    h4.accordion-header .accordion-button {
        font-size: 1.225rem;
    }

    .accordion-button {
        min-height: 60px;
    }

    .accordion-header {
        margin-bottom: 0;
        padding: 0 1rem;
    }

    .accordion-item,
    .accordion-item:first-of-type,
    .accordion-item:last-of-type {
        border-radius: 30px;
    }

    .supportofferings .accordion-body > .frame {
        padding-right: 3rem;
    }

    .supportofferings hr {
        margin: 2rem -3rem 2rem 0;
    }

    .accordion-pfeil {

        width: 60px;
        height: 60px;
        border-radius: 30px;

    }

    #reqfilter .frame-inner ul li {
        padding: 0.5rem 1rem;
        border-radius: 2rem;
        width: stretch;
        color: black;
        min-height: 4rem;

    }

    #reqfilter .frame-inner ul:not(.active):not(:first-child) li {
        padding: 0.5rem 0.5rem;
    }

    #page-content > .section:has(.newssection):before {
        width: 30vw;
        height: 30vw;
        margin-top: -11.5vw;
        margin-right: 0;
        background-repeat: no-repeat;
        right: 5vw;
    }

    .accordion-body > .frame:has(.textpic) {
        padding-right: 2rem
    }


    .aboutkarte .textpic-item.textpic-text {
        width: calc(40% - (40px / 2));
    }

    .aboutkarte .textpic-item.textpic-gallery {
        width: calc(60% - (40px / 2));
    }

    .hubslider .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
    }

    .hubslider .swiper-horizontal > .swiper-pagination-bullets,
    .hubslider .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0px !important;
        height: 20px;
        width: 50%;
        left: calc(50% + 16px);
    }

    .coreteam figure .caption {
        width: 120px;
        height: 120px;
        font-size: 0.8rem;
    }

}


@media(max-width: 767px) {

    main_ > .frame > .frame-group-container > .frame-group-inner > .frame-container {
        padding: 0
    }

    .btn {
    border-radius: 25px;
    height: 45px;
    font-weight: bold;
    padding: 0.75rem 1rem;
    --bs-btn-line-height: 1.25;
}
    
    .animkreise li strong {
        font-size: 1.2rem;
    }

    h1,
    .h1 {
        font-size: 2.2rem;
        margin-bottom: 1rem;
        line-height: 1.1;
    }

    h2,
    .h2 {
        font-size: 1.4rem;
    }

    h2.element-subheader.h4,
    h4 {
        text-transform: none;
        font-size: 1.225rem;
        margin-bottom: 1rem;
    }

    .animHi {
        padding-top: 3rem;
    }

    footer .frame {
        padding: 0 0 1rem
    }

    .swiper-wrapper .news-img-wrap {
        width: 100%
    }

    .swiper-wrapper .article.article-news {
        padding: 0 !important;


    }
.news_:has(  .news-slider.news-list-view.newsgrid ) { width: calc(100% - 3rem);}
    
   .news-slider.news-list-view.newsgrid .article .news-img-wrap img {
    float: left;
  height: auto; 
           width: 100%;

}
    
    .news-slider.news-list-view.newsgrid .swiper-slide{padding-right:2.6rem;}
    
    
    
    .singleslide {
        display: flex;
        align-items: center;
        gap: 4rem;
        padding: 2rem 0;
        flex-direction: column;
    }

    .singleslide .slide-content {
        width: 80%;
    }

    .animkreise ul {
        margin-top: 2rem;
        padding-left: 0
    }


    .animkreise li {
        font-size: 1.2vw;
        padding: 0.5rem;
    }

    .animkreiseecosystem {
        padding-bottom: 4rem;
    }

    .thefacts .textpic.textpic-right .textpic-item.textpic-gallery,
    .thefacts .textpic-left .textpic-item.textpic-gallery {
        width: 100%;
    }

    .thefacts .textpic.textpic-right .textpic-item.textpic-gallery,
    .thefacts .textpic-left .textpic-item.textpic-gallery {
        width: 100%;
    }

    thefacts .textpic.textpic-right .textpic-item.textpic-text,
    .thefacts .textpic.textpic-left .textpic-item.textpic-text {
        width: 100%;
    }

    .thefacts .textpic.textpic-right .textpic-item.textpic-text,
    .thefacts .textpic.textpic-left .textpic-item.textpic-text {
        width: 100%;
    }

    .focusfacts .textpic.textpic-right .textpic-item.textpic-gallery,
    .focusfacts .textpic.textpic-left .textpic-item.textpic-text {
        width: 100%;
    }

    .focusfacts .textpic-left .textpic-item.textpic-gallery,
    .focusfacts .textpic.textpic-right .textpic-item.textpic-text {
        width: 100%;
    }

    .frame-space-before-large {
        padding-top: 2rem;
        margin-top: 0;
    }

    .frame-space-after-large {
        padding-bottom: 2rem;
        margin-bottom: 0;
    }

    .decorechts .frame-inner:before {
        z-index: -1;
        right: 18vw;
        height: 40%;
    }

    .decolinks .frame-inner:before {

        height: 40%;
        aspect-ratio: 1;
        left: 18vw;
        top: 0;
        z-index: -1;
    }

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

    .bp-page-footer h3 {
        text-transform: uppercase;
        font-size: 1.275rem;
    }

    h3,
    .article.listevent .thedate time,
    .filelink-title,
    .btn.btn-outline-secondary {
        font-size: calc(1rem + 0.2vw);
        padding-right: 2rem;
    }

    .filelink-body h3 {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 0;
        align-items: center;
        margin-bottom: 0;
        font-size: 0.8rem;
    }

    ul.navbar-nav.category-menu_ > li:first-child {
        margin-right: 50%
    }

    .news-list-view.newsgrid:not(.listevents) {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        padding-right: 0;
    }

    #newsDetailModal .modal-dialog-scrollable .modal-body {
               overflow: auto;
        margin: -2rem 1rem 1rem;
    }

    .newsdetailmodal h2 {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
        line-height: 1.2;
    }

    .gallery-item-size-3 {
        --gallery-columns: 1;
    }

    .gallery-item-size-2 {
        --gallery-columns: 1;
    }

    .frame-container:has(#reqfilter) {
        padding: 0
    }

    #reqfilter ul:nth-child(n+2).active li:nth-child(n+2) > span {
        max-height: unset;
    }

    .accordion-body > .frame {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-right: 0rem;
    }

    .aboutkarte .textpic-item.textpic-gallery {
        width: calc(100% - (40px / 2));
    }

    .aboutkarte .textpic-item.textpic-text {
        width: calc(100% - (40px / 2));
    }

    .news-slider,
    .hubslider .ce-slider {
        margin-left: -1rem;
        margin-right: -1rem;
        padding: 0 2.75rem;
        overflow: hidden;
    }

    .ce-slides-wrapper.swiper-wrapper .gallery-item-size-1 {
        padding: 0;
    }

    .hubslider .textpic-item.textpic-text {
        padding-right: 0;
        margin-bottom: 2rem;
    }

    .hubslider .swiper-horizontal > .swiper-pagination-bullets,
    .hubslider .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0px !important;
        height: 20px;
        width: 60%;
        left: unset;
        right: 0rem;
        /* margin: 0 auto; */
    }

    .animHi .frame-inner ul li {
        font-size: 6vw !important;
        line-height: 1.1;
    }


    .ballunten:after {

        margin-top: 100%;
    }

    .gallery-item img,
    .gallery-item picture {
        width: revert-layer;
        max-width: 100%
    }

    .toformandsubscribe {
   float: unset;
        margin-top: 0px;
        margin-bottom: 5rem;
    }
    
  
    
    .monatsauswahl {
  display: flex;
    justify-content: flex-end;
    padding: 1rem;
    position: absolute;
    right: 5px;
    top: 6.25rem;
    z-index: 25;
}
    .frame-type-news_newsliststicky:has(.listevents){    width: calc(100% - 0.5rem);}
    
        .article.listevent .thedate {
        width: 32%;
        padding: 1.75rem 1rem;
    
}
    .news .article.listevent .event-map__location{display:none}
    
        .article.listevent .thedate time,   .article.listevent h3 {
        font-size: 0.8rem;
        padding-right: 1rem;
    }
.thetitle {
    padding: 0 1rem;
}
  .coreteam .gallery-row {
  display: flex;
        gap: 3rem;
        margin-top: 4rem;
        margin-bottom: 4rem;
        padding: 0 2.5rem;
        flex-direction: column;
}
    
    .coreteam .gallery-row .gallery-item figure {
   position: relative; 
    width: 100%;
}
    
    .coreteam .gallery-row .gallery-item {
    position: relative;
     height: 100%; 
     aspect-ratio: unset; 
}
    
    .coreteam .gallery-row .gallery-item:nth-child(even) figure .caption {
    top: -5%;
    bottom: unset;
}
    #searchInput{width:130px}
    
    .btn.btn-outline-secondary {
        font-size: calc(1rem + 0.2vw);
        padding-right: 1rem;
        font-size: 0.8rem;
    }
        .btn.btn-outline-secondary {
        padding: 0 1rem 0 1rem;
    }

/* Filter */

.category-menu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    z-index: 25;
    flex-wrap: wrap;
}

.news-menu-view > ul > li ul.category-menu-sub {
    min-width: 100%;
}




.category-menu li.haschildren.open>a {
    border-radius: 1.5rem 1.5rem 0 0;
    background: var(--ai-Green);
}

.news-menu-view > ul >li.haschildren.open ul.category-menu-sub {
    display: block;
    height: auto;
}
.category-menu.open li.haschildren:not(.open) ul.category-menu-sub, .news-menu-view > ul > li:hover ul.category-menu-sub {
    display: block;
    height: 0;
}



.category-menu li.haschildren:not(.open)>a, .category-menu li.nav-item.haschildren > a:hover {
    background: white;
    border-radius: 1.5rem;
}



.category-menu li.nav-item.haschildren.open > a{    border-radius: 1.5rem 1.5rem 0 0;
    background: var(--ai-Green);}









a.toform.nosearch {
    float: none;
    margin-bottom: 1rem;
    margin-left: auto;
}




.powermail_fieldset.powermail_fieldset_1.layout1, .powermail_fieldset.powermail_fieldset_2, .powermail_fieldset.powermail_fieldset_3 {
    display: block;,
    grid-template-columns: repeat(1, 1fr);
    /* grid-template-rows: repeat(8, 1fr); */
    grid-column-gap: 4rem;
    grid-row-gap: 0px;
}
.frame-type-powermail_pi1 .tx-powermail {
    background: white;
    border-radius: 52.5px;
    padding: 2.5rem 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.powermail_fieldset.powermail_fieldset_1.layout1 legend {
    height: auto;
}


}