@font-face {
    font-family: 'BerlinType';
    font-style: normal;
    font-weight: 400;
    src: url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Regular.eot');
    /* IE9 Compat Modes */
    src: url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Regular.woff') format('woff');
    /* Modern Browsers */
    font-display: swap;
}

@font-face {
    font-family: 'BerlinType';
    font-style: normal;
    font-weight: 700;
    src: url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Bold.eot');
    /* IE9 Compat Modes */
    src: url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Bold.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Fonts/BerlinTypeWeb-Bold.woff') format('woff');
    /* Modern Browsers */
    font-display: swap;
}

body {
    font-family: 'BerlinType', sans-serif;
    font-weight: 400;
    font-style: normal;
    /*max-width: 87.5em;    */
    margin: 0 auto;
    font-size: 1rem;
}

:root {
    --swiper-theme-color: #D1FF5C;
    --gallery-gap: 3rem;
    --frame-link-color: #000;
    --bs-link-color: #000;
    --bs-link-color-rgb: 0, 0, 0;
}

body {
    --ai-Mid-Grey: #A7A7A7;
    --ai-Green: #D1FF5C;
}

#page-content {
    overflow: hidden
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bs-heading-color);
}

h1,
.h1 {
    font-size: 6.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 93%;
    /* 93px */
    text-transform: uppercase;
    margin-bottom: 2rem;
}

h1.h1 span span {
    text-transform: none;
}

h1.h1 i {
    font-style: normal;
    color: var(--ai-Green);
}

h2,
.h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    /* 36px */
    text-transform: uppercase;
}

h4.element-subheader.h5,
h3.element-subheader.h5 {
    font-weight: normal;
}

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

h2.element-header {
    line-height: 1.2
}

h3.element-header {
    font-size: 1.875rem;
    text-transform: uppercase;
}

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

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

.textpic.textpic-left picture img,
.textpic.textpic-right picture img {
    border-radius: 45px
}

.frame-type-textpic:has(.textpic.textpic-left) {
    z-index: 3;
}

.frame-type-textpic:has(.textpic.textpic-right) {
    z-index: 2;
}

.frame-type-shortcut.frame-background-none .frame-background-light {
    background: none !important
}

.frame-type-shortcut {
    padding-top: 0
}

.frame-space-after-extra-small{    margin-bottom: -1rem;
    padding-bottom: 0;}

/* Pfeil oben */
main>.frame:first-child:has(h1):after{content:"";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='27' viewBox='0 0 22 27' fill='none'%3E%3Cpath d='M18.7198 13C18.8265 12.8933 18.9332 12.84 19.0398 12.84C19.1732 12.84 19.2932 12.8933 19.3998 13L21.6398 15.24C21.7732 15.3733 21.8398 15.4933 21.8398 15.6C21.8398 15.7333 21.7732 15.84 21.6398 15.92L11.1998 26.28C11.0932 26.3867 10.9865 26.44 10.8798 26.44C10.7732 26.44 10.6665 26.3867 10.5598 26.28L0.159841 15.92C0.0531743 15.84 -0.000158998 15.7333 -0.000158992 15.6C-0.000158986 15.4667 0.0531743 15.3467 0.159841 15.24L2.39984 13C2.50651 12.8933 2.62651 12.84 2.75984 12.84C2.86651 12.84 2.97318 12.8933 3.07984 13L8.51984 18.64C8.62651 18.7467 8.70651 18.7867 8.75984 18.76C8.83984 18.7333 8.87984 18.6533 8.87984 18.52L8.87984 0.48001C8.87984 0.346677 8.91984 0.226676 8.99984 0.12001C9.10651 0.0400099 9.22651 -5.51346e-07 9.35984 -5.45518e-07L12.4398 -4.10887e-07C12.5732 -4.05059e-07 12.6798 0.04001 12.7598 0.12001C12.8665 0.226677 12.9198 0.346677 12.9198 0.480011L12.9198 18.48C12.9198 18.6133 12.9598 18.6933 13.0398 18.72C13.1198 18.7467 13.2132 18.7067 13.3198 18.6L18.7198 13Z' fill='black'/%3E%3C/svg%3E");
    width: 22px;
    height: 27px;
    /* transform: rotate(90deg); */
    display: block;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: fadeInUp 0.8s ease 0.3s forwards;
    opacity: 0;
    position:absolute;
    left: 50%;
        bottom: 1rem;
}

main>.frame:first-child:has(h1):after{transform: translateY(3rem);}
main>.frame:first-child:has(.row h1):after{transform: translateY(0rem);}
main>.frame.frame-space-after-extra-small:first-child:has(.row h1):after{transform: translateY(-1rem);}
main>.frame.communicationhead:first-child:after{transform: translateY(-1rem);}



@keyframes fadeInUp {
    from {
        opacity: 0;

        bottom: 3rem;
    }
    to {
        opacity: 1;
          bottom: 1rem;

    }
}

/* Scale */

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

.navbar-scale{position:relative;   border-radius:26px;}

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

  .navbar-scale a {
      height: 45px;
  
  }

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

.navbar-scale:hover a{background:var(--ai-Green);}

  .navbar-scale a:hover {
      opacity:1;
        
  }

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

  .navbar-scale .barrierebuttons {
      width: 45px;
      position:absolute;
      z-index:2000;
          display: flex;
    flex-direction: column;
  }

  .navbar-scale .barrierebuttons button {
      height: 45px;
      width: 45px !important;
     /* float: left;*/
      border: 2px solid black;
      border-radius:26px;
      background: #ccc;
      padding-left: 0;
      padding-right: 0;
      font-size:1.3rem;
  }

  .navbar-scale .barrierebuttons button:hover {
      opacity: 1;
      background:var(--ai-Green);
  }

  .navbar-scale .barrierebuttons button:active {
     background:var(--ai-Green);
  }

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



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

.balllinks:before {
    content: "";
    background: var(--ai-Green);
    display: inline-block;
    height: 125%;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    z-index -1;
    left: 0;
    top: 0;
    transform: translate(-50%, -12.5%);
}

.ballrechts:before {
    content: "";
    background: var(--ai-Green);
    display: inline-block;
    height: 125%;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -12.5%);
}

.decorechts .frame-inner:before {
    content: "";
    background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/deco3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 60%;
    aspect-ratio: 1;
    position: absolute;
    right: 0;
    top: -7%;
    z-index: 20;
    transform: translate(50%, 0%);
}


.decolinks .frame-inner:before {
    content: "";
    background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/deco2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 60%;
    aspect-ratio: 1;
    position: absolute;
    left: 0;
    top: -7%;
    z-index: 20;
    transform: translate(-50%, 0%);
}


.decorechts_suche .frame-inner:before {
    content: "";
    background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/deco3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 250px;
    aspect-ratio: 1;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 20;
   /* transform: translate(50%, 0%);*/
}

.balllinks .textpic.textpic-left,
.ballrechts .textpic.textpic-right {
    position: relative;
    z-index: 2;
}

.balllinks p,
.ballrechts p,
.ohneball p {
    max-width: 400px
}

.ballunten {
    overflow: hidden
}

.ballunten:after {
    content: "";
    background: var(--ai-Green);
    display: inline-block;
    width: 80%;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    z-index -1;
    left: 10%;
    top: 52%;
}

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

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

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

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

/* headmotive */

.headmotive .gallery-row {
    position: relative;
    z-index: 1;
}

.headmotive .gallery-row .gallery-item:nth-child(1) img {
    border-radius: 50%;
    width: 92%;
    margin-top: 10%;
    margin-left: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 25%;
}

.headmotive .gallery-row .gallery-item:nth-child(2) {
    position: absolute;
    width: 33%;
    right: 0%;
    z-index: 2;
}

.headmotive .gallery-row::after {
    content: "";
    background: var(--ai-Green);
    display: inline-block;
    width: 75%;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    right: -12%;
    top: 30%;
}

.headteam.headmotive .gallery-row .gallery-item:nth-child(1) img {
    border-radius: 45px;
    width: 100%;
    margin-top: 5%;
    margin-left: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 10%;
}

.headteam.headmotive .gallery-row::after {
    content: "";
    background: var(--ai-Green);
    display: inline-block;
    width: 75%;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    right: -12%;
    top: 20%;
}

/* Buttons */

.btn {
    border-radius: 25px;
    height: 45px;
    font-weight: bold;
    padding: 0.75rem 1.5rem;
    --bs-btn-line-height: 1.25;
}

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

.sliderhomecontainer .buttonmoreright p:has(.btn) {
    margin-right: 2.75rem
}



.sliderhomecontainer .swiper-initialized {
    overflow: hidden;
    mask-image: linear-gradient(to right,
            transparent 10px,
            black 10px,
            black calc(100% - 10px),
            transparent calc(100% - 10px));
    -webkit-mask-image: linear-gradient(to right,
            transparent 10px,
            black 10px,
            black calc(100% - 10px),
            transparent calc(100% - 10px));
}


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

.frame-background-light {
    --frame-color: #212121;
    --frame-background: #A7A7A7;
    --frame-link-color: #D1FF5C;
    --frame-link-hover-color: var(--ai-Green);
}

.footer-section-content {
    background: var(--ai-Mid-Grey);
    --frame-color: black;
    --frame-background: #313131;
    --frame-link-color: black;
    --frame-link-hover-color: var(--ai-Green);
}

#page-header.navbar-mainnavigation {
    background: var(--ai-Mid-Grey) !important;
    border-bottom: 2px solid black;
}


.navbar-transition {
    --mainnavigation-nav-height: 70px;
}

.navbar-mainnavigation .nav-item {
    justify-content: center;
}

.navbar-mainnavigation .navbar-nav > li > .nav-link {
    --bs-nav-link-color: #000 !important;
    --bs-nav-link-hover-color: #000 !important;
    --bs-navbar-active-color: #AAA;
    height: 46px;
    font-weight: 700;
}

.navbar-nav .nav-link.active {
    color: black;
}



.navbar-mainnavigation .nav-link-indicator:before,
.nav-item.haschildren .nav-link-indicator:before {
    content: "";
    display: block;
    border-top: 3px solid currentColor;
    border-left: 3px solid currentColor;
    padding-top: 0.5em;
    padding-left: 0.5em;
    transform: rotate(-135deg);
    transition: transform 0.3s ease;
    margin-top: -6px;
}

.navbar-mainnavigation .nav-item .nav-link-indicator {
    transition: all 0.2s
}

.navbar-mainnavigation .nav-item:hover .nav-link-indicator {
    transform: rotate(180deg);
    transform-origin: center;
}

.navbar-mainnavigation .navbar-nav > li:has(.nav-link),
.category-menu li a,
.news-list-category-top {
    height: 45px;
    background: white;
    border-radius: 1.5rem;
    padding: 0 1rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.category-menu .nav-item a .nav-link-indicator{margin-left:0.25rem}

.navbar-mainnavigation .navbar-nav > li:has(.nav-link.active) {
    background: var(--ai-Green);
}

@media (min-width: 992px) {

    /* .nav-item.haschildren[data-title="Type"] span.check {
        display: none;
    }

    .category-menu li.nav-item.haschildren[data-title="Type"] ul li a {
        /* text-align: left !important; */
    /*     justify-content: center !important;
    }
*/
    .category-menu ul li a.active {
        background: var(--ai-Green)
    }

    .navbar-mainnavigation .navbar-nav > li:has(.nav-link):hover,
    .navbar-mainnavigation .navbar-nav > li:has(button.show) {
        background: var(--ai-Green)
    }

    .navbar-mainnavigation .nav-style-simple .dropdown-menu {
        width: 100%;
        border: 0;
        border-radius: 24px;
    }



    .navbar .nav-item:has(.nav-link-toggle):hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    .dropdown-menu {
        display: block;
        /* immer block lassen */
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .dropdown-menu {
        --bs-dropdown-zindex: -1;
        --bs-dropdown-min-width: unset;
    }

    .navbar-mainnavigation .dropdown-nav {
        grid-template-columns: unset;
        padding: 0 0.5rem;
        justify-content: center;
        display: inline-block;
    }

    .dropdown-menu[data-bs-popper],
    .navbar .nav-item:has(.nav-link-toggle):hover .dropdown-menu {
        top: 0;
        left: 0;
        margin-top: 0;
        padding-top: 45px;
        padding-bottom: 6px;
    }

    .dropdown-menu {
        --bs-dropdown-font-size: 1rem;
        --bs-dropdown-color: var(--bs-body-color);
        --bs-dropdown-bg: white;
    }

    .navbar-mainnavigation .nav-link {
        flex-shrink: 1;
        flex-grow: 1;
        position: relative;
        display: flex;
        align-items: center;
        gap: 0.25em;
        justify-content: center;
        font-weight: 700;
        text-align: center;
        line-height: 36px;
    }

    .dropdown-nav .nav-item:not(:last-child) .nav-link {
        border-bottom: 1px solid #ddd;
    }

    .navbar-mainnavigation .nav-link:not(.nav-link-toggle):before {
        display: none;
    }

    .navbar-mainnavigation .navbar-nav .dropdown-menu {
        --bs-dropdown-padding-x: 0;
    }

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


}


.navbar-subnavigation,
.container-mainnavigation-before {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 85px;
    gap: 1rem;
}

@media (min-width: 1400px) {
    .navbar-mainnavigation:not(.navbar-transition) {
        /* --mainnavigation-nav-height: 140px;*/
    }
}

.headersuche {
    height: 45px;
}

#tx_indexedsearch {
    display: flex;
}



input:focus,
input:-webkit-autofill {
    outline: none;
    box-shadow: none;
    border:0;
    border-color: transparent; /* falls der Rahmen über border kommt */
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
     background: white !important;
    background-color: white !important;
    color: fieldtext !important;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="file"]::file-selector-button:focus {
    outline: none;
    box-shadow: none;
       border:0;
}

input[type="file"] {
    height: 45px;               /* Gesamthöhe */
    font-size: 1rem;
    padding: 0;
     line-height: 41px; 
   /* border: 1px solid #ccc;
    border-radius:0;
    width: 100%;
    cursor: pointer;*/
}

input[type="file"]::file-selector-button {
    height: 47px;   
     /* Füllt die volle Höhe */
    padding: 0 22px;
    background: #D1FF5C;
    color: black;
    border: none;
    border-radius: 0;
     border: 1px solid #ccc;
    font-size: 1rem;
    cursor: pointer;
    margin-right: 12px;
}

input[type="file"]::file-selector-button:hover {
    background:#ddd;
}




input.senden {
    height: 45px;
    width: 45px;
    background-color: white;
    background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/searchgrey.svg);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-radius: 0 23px 23px 0;
}

.news-menu-view input.senden {
    background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/searchgrey2.svg);
}

input.suchfeld,
input#tx-indexedsearch-searchbox-sword {
    height: 45px;
    background: white;
    border: 0;
    border-radius: 23px 0 0 23px;
    width: 230px;
    padding-left: 1.5rem;
    padding-right: 1rem;
}

#tx_indexedsearch:hover input.senden,
.search-input-group span:hover input.senden {
    background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/search.svg);
}

.language-menu .nav-link {
    height: 45px;
    width: 45px;
    border: 2px solid black;
    border-radius: 23px;
    background: none;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 0;
}

.navbar-scale .nav-link {
    height: 45px;
    width: 45px;
    border: 2px solid black;
    border-radius: 23px;
    background: none;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 0;
}

.navbar-scale .nav-link span:not(b) {
    font-size: 0.7rem;
}

.navbar-scale .nav-link span b {
    font-size: 1rem;
}

.bp-page-footer {
    border-top: 2px solid black;
}

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

.bp-page-footer .sociallinks-link-label {
    display: none;
}

.bp-page-footer .frame-type-menu_pages ul {
    list-style-type: none;
    padding-left: 0;
}

.bp-page-footer .frame-type-menu_pages a {
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.bp-page-footer .sociallinks-list {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 0.25rem;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.bp-page-footer .sociallinks-item {
    width: auto;
}

.bp-page-footer .sociallinks-link-icon {
    display: inline-flex;
    font-size: 45px;
    text-align: center;
    opacity: 0.8;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
}

.bp-page-footer a.sociallinks-link {
    color: black
}

.bp-page-footer a.sociallinks-link:hover {
    color: #D1FF5C;
    opacity: 1;
}

.bp-page-footer .section-row {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {

    .footer-section-content-column-left,
    .footer-section-content-column-middle,
    .footer-section-content-column-right {
        --section-gaps: 2;
        --section-colspan: 4;
    }

    .footer-section-content-column-middle {
        --section-colspan: 3;
    }

    .footer-section-content-column-right {
        --section-colspan: 5;
    }

    .becomepartner {
        padding: 4rem 0
    }

    .becomepartner .frame-inner,
    .becomepartner .frame-inner .frame-header {
        display: flex;
        justify-content: space-between;
        gap: 3rem;
        align-items: baseline;
        margin-bottom: 0
    }

    .becomepartner h2 {
        margin-bottom: 0
    }

    .becomepartner .btn {
        margin-top: -0.7rem;
        white-space: nowrap;
    }
}

.news-list-view a:has(.listevent) {
    text-decoration: none;
    color: black !important;
}

.news .article.listevent {
    display: flex;
    height: 105px;
    background: white;
    border-radius: 60px;
    margin-bottom: 1.5rem !important;
    align-items: center;
}

.news .article.listevent.topnews {
    border: 2px solid #D1FF5C;
}

.news .article.listevent .event-map__location {
    line-height: 1.1
}

.news .article.listevent:hover .explorelink,
.news .article.listevent:hover .thedate {
    background: var(--ai-Green);
}

.eventsection {
    padding-top: 12rem;
}



.article.listevent .thedate {
    height: 100%;
    background: #D0D0CF;
    border-radius: 60px;
    width: 250px;
    display: flex;
    align-items: flex-start;
    padding-left: 2rem;
    flex-direction: column;
    justify-content: center;
    padding-top: 1.25rem;
}

.article.listevent .thedate time {
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1;
}

.explorelink:after {
    content: "Explore Event →";
}

.explorelink {
    background: #D0D0CF;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    font-weight: bold;
    white-space: nowrap;
    height: 45px;
}

.thetitle {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 2rem;
    align-items: center;
}

/* een */
.frame-type-html:has(iframe.iframe-een) {
    padding-top: 0;
    padding-bottom: 2rem;
}

iframe.iframe-een {
    clip-path: inset(2px);
    border-radius: 45px;
}

/* news */

.news-list-view.newsgrid:not(.listevents) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    position: relative;
    z-index: 5;
}

.news-list-view.newsgrid:not(.listevents) > .f3-widget-paginator {
    grid-column: 1 / -1;
}


.news-list-view.newsgrid:not(.listevents) a {
    color: black;
    text-decoration: none;
}

.news-list-view.newsgrid:not(.listevents) .article {
    background: white;
    border-radius: 2.5rem;
    padding: 2rem !important;
    padding-bottom: 5rem !important;
    height: 100%;
    position: relative;
}

.news-list-view.newsgrid:not(.listevents) .article .explorelink:after {
    content: "Explore →";
}

.news-list-view.newsgrid:not(.listevents) .explorelink,
.singleslide .explorelink.readmore,
.newsdetailmodal a[title="Website"],
.eventdetail .news-related a {
    background: #D1FF5C;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    font-weight: bold;
    width: fit-content;
    position: absolute;
    bottom: 2rem;
    color: black;
}

@media (min-width: 992px) {

    .frame-type-news_newsliststicky {
        min-height: 400px
    }


    #newsDetailModal .modal-lg {
        --bs-modal-width: 800px;
    }

    #newsDetailModal .modal-lg:has(.newsdetailmodal.moldalxl) {
        --bs-modal-width: 1140px;
    }

}



.news-list-view.newsgrid:not(.listevents) .article .footer {
    display: none;
}

.news-list-view.newsgrid:not(.listevents) .article h3 {
    margin-bottom: 0.66rem;
}



.f3-widget-paginator {
    margin-top: 0;
    text-align: center;
    margin-bottom: 2rem;
    /*display:none;*/
}

.showmore a:after {
    content: "Show more +";
}

.news-menu-categories {
    position: relative
}

a.toform.nosearch {
    float: inline-end;
}

.toformandsubscribe {
    float: inline-end;
    margin-top: -70px
}


a.toform.nosearch.submiteventbutton {
    margin-top: -70px
}

.category-menu ul:not(.category-menu-sub) {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding-left: 0;
    gap: 1rem;
}

.category-menu li a {
    text-decoration: none;
    color: black !important;
    font-weight: bold;
    padding-left: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

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

.category-menu ul li a.active {
    border-radius: 0;
}

.category-menu > li:hover > a {
    background: var(--ai-Green);
}

.category-menu ul li a:hover {
    background: var(--ai-Green);
    border-radius: 0;
}

.category-menu ul li a {
    text-align: left !important;
    justify-content: flex-start !important;
    white-space: nowrap;
    font-size:0.9rem;
}

.category-menu ul li a .check {
    width: 20px;
    height: 20px;
    border: 2px solid black;
    display: inline-flex;
    align-items: center;
    justify-content: center;
        margin-right: 0.25rem;
}

.category-menu ul li a.active .check:after {
    content: "";
    width: 10px;
    height: 10px;
    background: black;
    border-radius: 10px;
}

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

.category-menu-sub {
    position: absolute;
    height: 0;
    overflow: hidden;
    z-index: 10;
    background: white;
    border-radius: 0 0 1.5rem 1.5rem;
    min-width: 200px;
}

.category-menu-sub:hover {
    display: block;
    height: auto;
}

.category-menu .nav-item.haschildren > a:hover,
.category-menu .nav-item.haschildren:has(.category-menu-sub:hover) > a {
    border-radius: 1.5rem 1.5rem 0 0;
}

.category-menu ul li a {
    height: 45px;
    background: none;
    border-radius: 1.5rem;
    padding: 0 0.5rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    font-weight: normal;
}

.category-menu .nav-item a {
    flex-shrink: 1;
    flex-grow: 1;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.25em;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
}

.category-menu li.nav-item.haschildren[data-title="Type"] ul li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.category-menu li.nav-item.haschildren ul li {
    border-bottom: 1px solid #ddd;
}

/*
.category-menu li.nav-item.haschildren:not([data-title="Type"]) ul li:last-child:after {
    content: "select a maximum of two";
    display: block;
    height: 45px;
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 8px;
}
*/

.news-menu-categories #selected-info a,
#selected-info.fn a {
    height: 45px;
    background: black;
    border-radius: 1.5rem;
    padding: 0 1rem;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    font-weight: normal;
    color: white;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-weight: bold
}

.news-menu-categories #selected-info a:after,
#selected-info.fn a:after {
    content: "✕";
    margin-left: 1rem;
    font-weight: bold
}

.news-menu-categories #selected-info {
    padding-top: 0;
}

/* Suchfeld-Container */

.search-input-group {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-input-group span {
    display: flex;
    align-items: center;
    position: relative;
}

.search-input-group .search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 1rem;
    pointer-events: none;
    z-index: 5;
    transition: color 0.2s;
}

#searchInput {
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 10px;
    border: 2px solid #dee2e6;
    font-size: 0.95rem;
    height: 48px;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: #fff;
    width: 300px;
    height: 45px;
    background: white;
    border: 0;
    border-radius: 23px 0 0 23px;
    width: 230px;
    padding-left: 1.5rem;
    padding-right: 1rem;
}

#searchInput:focus,
#fnbb_suche:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
    outline: none;
}

#searchInput:focus + .search-icon,
.search-input-group:focus-within .search-icon {
    color: #0d6efd;
}

.frame-default frame-type-news_newssearchresult {
    margin-top: 5rem;
}

label[for="tx-indexedsearch-searchbox-sword"] {
    display: none
}


#suchergebnis .card-body a {
    color: black;
    text-decoration: none;
}

#suchergebnis .card {
    border: 0;
    border-bottom: 2px solid #000;
    border-radius: 0
}

#suchergebnis .card-body {
    padding: 2rem 0
}

#suchergebnis .card-body p{
  max-width:1200px;
    
}

#suchergebnis .card-body div a:last-child:after {
    content: "Learn more →";
    font-size: 1rem;
    line-height: 45px;
}

#suchergebnis .card-body div:last-child a {
    border-radius: 21px;
    height: 45px;
    font-weight: bold;
    line-height: 34px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background: var(--ai-Green);
    font-size: 0;
    float: inline-end;
}

/* X-Button */

#clearBtn {
    position: absolute;
    right: 49px;
    top: 23px;
    transform: translateY(-50%);
    z-index: 5;
    border: none;
    background: transparent;
    color: #adb5bd;
    font-size: 1.1rem;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 50%;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
    display: none;
    /* Standardmäßig versteckt */
}

#clearBtn:hover {
    color: #495057;
    background: #e9ecef;
}

/* Status-Hinweis */

#searchStatus {
    font-size: 0.8rem;
    min-height: 1.2em;
    transition: opacity 0.2s;
}

#dercounter,
#dercounter span {
    display: none
}

.frame-type-news_categorylist {
    position: relative;
    z-index: 20
}

.frame-type-news_categorylist .frame-header {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.countnum {
    font-size: 1rem;
    font-weight: normal;
    text-transform: none;
}

.news-menu-view > ul > li:hover ul.category-menu-sub {
    display: block;
    height: auto;
}

.news-menu-view ul {
    list-style: none;
    padding: 0;

}

.news-menu-view ul.category-menu:hover {
    filter: drop-shadow(0px 0px 10px #00000066);
}


.news-list-view.newsgrid a .article.article-news {
    padding: 0 !important;
}

.news-list-view.newsgrid > a .article.article-news.topnews {
    border: 2px solid #D1FF5C;
}

.news-list-view.newsgrid a .article.article-news .article-inner {
    padding: 0 1.5rem;
    padding-bottom: 5rem;
    display: inline-block;
}

.news-list-view.newsgrid a .article.article-news .article-inner .header {
    margin-top: 1rem;
}

.news-list-view.newsgrid .article .news-img-wrap img {
    float: left;
    height: auto;
    width: 100%;
    object-fit: cover;
    border-radius: 2.5rem;
}

.news-list-view.newsgrid .article .news-img-wrap {
    float: left;
    margin: 0;
    background: none;
    /*margin-bottom: 1rem;*/
}

.news-list-view.newsgrid .article .news-img-placeholder {
    float: left;
    height: auto;
    width: 100%;
    aspect-ratio: 79 / 46;
    object-fit: cover;
    border-radius: 2.5rem;
    background: var(--ai-Green);
}


.news-list-view.newsgrid .article .explorelink.readmore {
    right: 1.5rem;
    bottom: 1.5rem;
}

.news-list-view.newsgrid .article .explorelink.readmore:after,
.singleslide .explorelink.readmore:after {
    content: "Read more +";
}

.news-list-category-top {
    position: absolute;
    background: black;
    color: white;
    font-weight: bold;
    left: 1.5rem;
    top: 1.5rem;
}

.frame .news-list-view.newsgrid a:hover {
    color: black;
    transform: scale(1.1) !important;
}

.frame .news-list-view.newsgrid a {
    transition: all 0.2s ease
}

/* Powermail */

.tx-powermail .powermail_fieldwrap+.powermail_fieldwrap{margin-block-start: 1.75rem;}

.form-control:focus-visible{outline:0; box-shadow: none !important; border:2px solid black; background:#fff;}

ul.powermail-errors-list{margin:0;padding-left:0}
ul.powermail-errors-list li    {margin-left:1rem;margin-top: 0.75rem;}

.frame-type-powermail_pi1 .tx-powermail {
    background: white;
    border-radius: 52.5px;
    padding: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.tx-powermail input,
.tx-powermail select,
.tx-powermail textarea {
    border-radius: 100px;
    border: 2px solid #A7A7A7;
    height: 45px;
    background: white;
}

.tx-powermail h3 {
    text-transform: uppercase;
    font-size: 30px;
}

.tx-powermail textarea {
    min-height: 90px;
    border-radius: 22.5px;
}

.powermail_fieldset.powermail_fieldset_1.layout1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: repeat(8, 1fr);*/
    grid-column-gap: 4rem;
    grid-row-gap: 0px;
}

.tx-powermail .powermail_fieldwrap_tc .form-check-input[type="checkbox"] {
    border-radius: 2rem;
    width: 30px;
    height: 30px;
    background: #D0D0CF;
    margin-right: 1rem;
}

.powermail_fieldset.powermail_fieldset_1.layout1 legend {
    grid-area: 1 / 1 / 2 / 3;
    font-size: 1rem;
    font-weight: normal;
    height: 1rem;
}

.powermail_fieldset.powermail_fieldset_1.layout1 div:nth-child(2) {
    grid-area: 2 / 1 / 3 / 3;
}

.powermail_fieldset.powermail_fieldset_1 div:nth-child(4) {
   grid-column: 1;
}

.powermail_fieldset.powermail_fieldset_1.layout1 div:nth-child(12) {
    grid-column: 1 / -1;
}
.powermail_fieldset.powermail_fieldset_1.layout1 div:nth-child(16){grid-column: 1;}

.powermail_fieldset.powermail_fieldset_1.layout1 div:nth-child(18){grid-column: 2;}

.tx-powermail input[type="submit"] {
    background: #D1FF5C !important;
    float: left;
    border: 0;
}

.tx-powermail input[type="submit"].btn:disabled{  background: #CCC !important;}


.tx-powermail .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.tx-powermail .powermail_fieldwrap_type_select .powermail_field {
    position: relative;
}

.tx-powermail .powermail_fieldwrap_type_select .powermail_field:after {
    content: "";
    display: block;
    border-top: 2px solid #A7A7A7;
    border-left: 2px solid #A7A7A7;
    padding-top: 0.35em;
    padding-left: 0.35em;
    transform: rotate(-135deg);
    transition: transform 0.3s ease;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 1.5rem;
    top: 1rem;
}

.powermail_fieldset.powermail_fieldset_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: repeat(8, 1fr);*/
    grid-column-gap: 4rem;
    grid-row-gap: 0px;
}

.powermail_fieldset.powermail_fieldset_2 div:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
}

.powermail_fieldset.powermail_fieldset_2 div:nth-child(4) {
     grid-column: 1 / -1;
}


.powermail_fieldset.powermail_fieldset_2 div:nth-child(6) {
   grid-column: 1;
}

.powermail_fieldset.powermail_fieldset_2 div:nth-child(12) {
   grid-column: 2;
}




.powermail_fieldset.powermail_fieldset_3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: repeat(8, 1fr);*/
    grid-column-gap: 4rem;
    grid-row-gap: 0px;
}

.powermail_fieldset.powermail_fieldset_3 div:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
}

.powermail_fieldset.powermail_fieldset_3 div:nth-child(10) {
      grid-column: 1 / -1;
}

.powermail_fieldset.powermail_fieldset_3 div:nth-child(12) {
   grid-column: 1;
}
.powermail_fieldset.powermail_fieldset_3 div:nth-child(16) {
   grid-column: 2;
}


.tx-powermail a {
    color: black !important;
}

/* checkboxenn als Dropdown */

.powermail_fieldwrap_type_check.layout2 {
    position: relative;
    z-index: 5;
    height: 45px;
}

.powermail_fieldwrap_type_check.layout2:has(.powermail_field_error_container>ul)  {height: 70px;}
.powermail_field_error_container
position: absolute;
    top: 40px;
    z-index: -1;
}

.powermail_field.layout2(.powermail_checkwrap) {}

.powermail_fieldwrap_type_check:not(.powermail_fieldwrap_tc) > .powermail_field {
    position: absolute;
    width: 100%
}

.powermail_fieldwrap_type_check.layout2 .form-check .form-check-input {
    float: left;
    margin-left: 0;
}


.powermail_field .mandatory {
    display: none
}

/* ── Dropdown Container ── */

.powermail_fieldwrap_type_check.layout2 .powermail_field {
    position: absolute;
    display: inline-block;
    min-width: 260px;
    z-index: 5
}

.powermail_fieldwrap_type_check.is-open {
    z-index: 15
}

/* ── Toggle-Button (das "Pick a Type*" Label) ── */

.powermail_fieldwrap_type_check.layout2 .powermail_label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    cursor: pointer;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0;
    border-radius: 100px;
    border: 2px solid #A7A7A7;
    height: 45px;
    background: white;
}

.powermail_fieldwrap_type_check.layout2 .powermail_label::after {
    content: "▾";
    font-size: 14px;
    transition: transform 0.2s ease;
    margin-left: 12px;
    content: "";
    display: block;
    border-top: 2px solid currentColor;
    border-left: 2px solid currentColor;
    padding-top: 0.35em;
    padding-left: 0.35em;
    transform: rotate(-135deg);
    transition: transform 0.3s ease;
    margin-top: -4px;
}

/* ── Menü: standardmäßig versteckt ── */

.powermail_fieldwrap_type_check.layout2 .powermail_checkwrap {
    display: none;
    padding: 8px 16px;
    background: #fff;
    align-items: center;
    gap: 10px;
    border-left: 2px solid #A7A7A7;
    border-right: 2px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.powermail_fieldwrap_type_check.powermail_checkwrap:hover {
    background: #f5f5f5;
}

/* Erster sichtbarer Eintrag: obere Rundung */

.powermail_fieldwrap_type_check.powermail_checkwrap:nth-of-type(1) {
    border-top: 1px solid #A7A7A7
}

/* Letzter Eintrag: untere Rundung */

.powermail_fieldwrap_type_check.layout2 .powermail_checkwrap:nth-last-child(2) {
    border-bottom: 2px solid #A7A7A7;
    border-radius: 0 0 23px 23px;
}

/* ── Geöffneter Zustand (Klasse via JS gesetzt) ── */

.powermail_fieldwrap_type_check.is-open .powermail_label {
    border-radius: 23px 23px 0 0;
    border-bottom: 0;
}

.powermail_fieldwrap_type_check.is-open .powermail_label::after {
    transform: rotate(45deg);
}

.powermail_fieldwrap_type_check.is-open .powermail_checkwrap {
    display: flex;
}

/* ── Checkbox Styling ── */

.powermail_fieldwrap_type_check.layout2 .form-check-input {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    accent-color: #4f46e5;
    cursor: pointer;
}

.powermail_fieldwrap_type_check.layout2 .form-check-label {
    cursor: pointer;
    white-space: nowrap;
    font-weight: normal;
    width: 100%;
}

.powermail_field_description{font-size:.8rem; margin-left:1rem; height:1rem;margin-bottom:-0.4rem;}



.powermail_fieldwrap_type_check .powermail_field_description{position:absolute; bottom:-0.5rem}

.powermail_fieldwrap_type_check:has(.powermail_field_error_container li) .powermail_field_description{display:none}

/* hCptcha  */

.h-captcha iframe {
    border: 2px solid #A7A7A7;
    border-radius: 26px !important;
}

/* Swiper */

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -35px !important;
}




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

.sliderhomecontainer .frame-type-news_newsliststicky .news-slider {
    margin-right: 0
}

.hubslider .textpic-item.textpic-text {
    padding-right: 7rem
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    /* right: -1.5rem !important;*/
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    /* left: -1.5rem !important;*/
}

.swiper-button-next,
.swiper-button-prev {
    top: 57% !important;
    color: var(--ai-Green) !important;
}

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

.singleslide h3 {
    font-size: 2rem;
}

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

.singleslide a.explorelink.readmore {
    position: relative;
    top: 1rem;
    bottom: 0;
    text-decoration: none;
    height: 45px;
    display: inline-block;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='22' viewBox='0 0 27 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3.12C12.8933 3.01333 12.84 2.90667 12.84 2.8C12.84 2.66667 12.8933 2.54667 13 2.44L15.24 0.2C15.3733 0.0666666 15.4933 0 15.6 0C15.7333 0 15.84 0.0666666 15.92 0.2L26.28 10.64C26.3867 10.7467 26.44 10.8533 26.44 10.96C26.44 11.0667 26.3867 11.1733 26.28 11.28L15.92 21.68C15.84 21.7867 15.7333 21.84 15.6 21.84C15.4667 21.84 15.3467 21.7867 15.24 21.68L13 19.44C12.8933 19.3333 12.84 19.2133 12.84 19.08C12.84 18.9733 12.8933 18.8667 13 18.76L18.64 13.32C18.7467 13.2133 18.7867 13.1333 18.76 13.08C18.7333 13 18.6533 12.96 18.52 12.96L0.480011 12.96C0.346678 12.96 0.226677 12.92 0.12001 12.84C0.0400104 12.7333 0 12.6133 0 12.48L0 9.4C0 9.26667 0.0400104 9.16 0.12001 9.08C0.226677 8.97333 0.346678 8.92 0.480011 8.92L18.48 8.92C18.6133 8.92 18.6933 8.88 18.72 8.8C18.7467 8.72 18.7067 8.62667 18.6 8.52L13 3.12Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 27px;
    height: 22px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '';
    transform: rotate(180deg);
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='22' viewBox='0 0 27 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3.12C12.8933 3.01333 12.84 2.90667 12.84 2.8C12.84 2.66667 12.8933 2.54667 13 2.44L15.24 0.2C15.3733 0.0666666 15.4933 0 15.6 0C15.7333 0 15.84 0.0666666 15.92 0.2L26.28 10.64C26.3867 10.7467 26.44 10.8533 26.44 10.96C26.44 11.0667 26.3867 11.1733 26.28 11.28L15.92 21.68C15.84 21.7867 15.7333 21.84 15.6 21.84C15.4667 21.84 15.3467 21.7867 15.24 21.68L13 19.44C12.8933 19.3333 12.84 19.2133 12.84 19.08C12.84 18.9733 12.8933 18.8667 13 18.76L18.64 13.32C18.7467 13.2133 18.7867 13.1333 18.76 13.08C18.7333 13 18.6533 12.96 18.52 12.96L0.480011 12.96C0.346678 12.96 0.226677 12.92 0.12001 12.84C0.0400104 12.7333 0 12.6133 0 12.48L0 9.4C0 9.26667 0.0400104 9.16 0.12001 9.08C0.226677 8.97333 0.346678 8.92 0.480011 8.92L18.48 8.92C18.6133 8.92 18.6933 8.88 18.72 8.8C18.7467 8.72 18.7067 8.62667 18.6 8.52L13 3.12Z' fill='%23D1FF5C'/%3E%3C/svg%3E%0A");
}

div.slide-image {
    position: relative;
    top: 2rem;
}

div.slide-image:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='126' height='126' viewBox='0 0 126 126' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='63' cy='63' r='63' fill='%23D1FF5C'/%3E%3Cpath d='M46.3025 37.7998C50.2015 37.7998 53.4335 39.185 55.9986 41.9553C58.5637 44.623 59.8462 48.1115 59.8462 52.4209C59.8462 55.8068 59.0767 59.0901 57.5376 62.2709C56.1012 65.349 54.1004 68.8375 51.5353 72.7365L41.3775 87.6653C41.0697 88.281 40.608 88.5888 39.9924 88.5888C39.582 88.5888 39.1715 88.4349 38.7611 88.1271L31.3736 83.2021C30.758 82.6891 30.4502 82.2273 30.4502 81.8169C30.4502 81.4065 30.6041 80.9961 30.9119 80.5857L41.2236 65.6568C41.4288 65.4516 41.5314 65.1438 41.5314 64.7334C41.5314 64.2203 41.2749 63.8612 40.7619 63.656C38.402 62.5274 36.5038 60.8344 35.0674 58.5771C33.6309 56.3198 32.9127 53.8573 32.9127 51.1896C32.9127 47.4959 34.1952 44.3665 36.7603 41.8014C39.428 39.1337 42.6088 37.7998 46.3025 37.7998ZM80.4696 37.7998C84.3686 37.7998 87.6006 39.185 90.1657 41.9553C92.7308 44.623 94.0134 48.1115 94.0134 52.4209C94.0134 55.8068 93.2438 59.0901 91.7048 62.2709C90.2683 65.349 88.2675 68.8375 85.7024 72.7365L75.5447 87.6653C75.2368 88.281 74.7751 88.5888 74.1595 88.5888C73.7491 88.5888 73.3387 88.4349 72.9282 88.1271L65.5408 83.2021C64.9251 82.6891 64.6173 82.2273 64.6173 81.8169C64.6173 81.4065 64.7712 80.9961 65.079 80.5857L75.3907 65.6568C75.596 65.4516 75.6986 65.1438 75.6986 64.7334C75.6986 64.2203 75.442 63.8612 74.929 63.656C72.5691 62.5274 70.671 60.8344 69.2345 58.5771C67.798 56.3198 67.0798 53.8573 67.0798 51.1896C67.0798 47.4959 68.3624 44.3665 70.9275 41.8014C73.5952 39.1337 76.7759 37.7998 80.4696 37.7998Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 126px;
    height: 126px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -2rem;
}

/* partnerslider */

.partnerslider.frame-type-ce_slider {
    background: white;
}

.partnerslider .frame-container-default {
    max-width: 100% !important
}

.partnerslider .ce-slides-wrapper.swiper-wrapper {
    transition-timing-function: linear !important;
}

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

.ce-slides-wrapper.swiper-wrapper .gallery-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.75rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
}

/* hub slider */

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

.hubslider .swiper-pagination-bullet {
    background: var(--bs-body-bg);
    border: 2px var(--ai-Green) solid;
    opacity: 1;
    margin: 0 6px !important;
}

.hubslider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--ai-Green)
}

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

.hubslider .swiper-pagination {
    text-align: left
}

/* filelink-list */

.filelink-title {
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1;
    text-transform: uppercase;
}

.filelink-title p {
    font-size: 1rem;
    margin-bottom: 0;
    text-transform: none;
}

.filelink-heading {
    height: 100%;
    background: #D0D0CF;
    border-radius: 60px;
    width: 250px;
    display: flex;
    align-items: flex-start;
    padding-left: 2rem;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    margin: 0;
}

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

.filelink-item .filelink-body {
    display: flex;
    height: 105px;
    background: white;
    border-radius: 60px;
    margin-bottom: 1.5rem !important;
    align-items: center;
    width: 100%;
}

.filelink-filedescription {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 2rem;
    align-items: center;
}

li.filelink-item > a {
    width: 100% !important;
    text-decoration: none;
    color: black !important
}

li.filelink-item > a:hover .filelink-heading,
li.filelink-item > a:hover .explorelink {
    background: var(--ai-Green)
}

li.filelink-item .explorelink:after {
    content: "Learn more →";
}


.downloads .filelink-heading {
    background: var(--ai-Mid-Grey);
}


.downloads li.filelink-item .explorelink:after {
    content: "Download";
}

.downloads h2.element-subheader.h5 {
    font-weight: normal;
    margin-bottom: 4rem;
    text-transform: none;
}

/* Buttons */

.btn.btn-outline-secondary {
    background: white;
    color: black;
    display: flex;
    width: 100%;
    height: 105px;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 1.625rem;
    font-weight: normal;
    border-radius: 60px;
    border: 0;
    align-items: center;
    padding: 0 10rem 0 3rem;
    position: relative;
    margin: 2.5rem 0;
}

.btn.btn-outline-secondary strong {
    margin-right: 0.5rem;
}



.btn.btn-outline-secondary:after {
    content: "Learn more →";
    background: #D0D0CF;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    font-weight: bold;
    white-space: nowrap;
    display: inline-flex;
    font-size: 1rem;
    position: absolute;
    right: 2rem;
}

.btn.btn-outline-secondary:hover:after {
    background: var(--ai-Green)
}

/* bilder Services */

.theservices .gallery-row {
    position: relative;
    z-index: 10;
}

.theservices .gallery-item img {
    border-radius: 2.5rem
}

.theservices .gallery-item figure {
    display: inline-flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

.theservices .gallery-item .caption {
    width: fit-content;
    min-width: 160px;
    height: 45px;
    border-radius: 100px;
    background: var(--ai-Green, #D1FF5C);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    opacity: 1;
    position: absolute;
    pointer-events: none;
}

/* Fördernews */

.ebl_article_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(8, 1fr);*/
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}

.ebl_article_list > div {
    background: white;
    border-radius: 2.5rem;
    padding: 2rem !important;
    padding-bottom: 2rem !important;
    height: 100%;
    position: relative;
    transition: all 0.2s ease
}

.ebl_article_list > div:after {
    content: "Explore →";
    display: flex;
    width: 135px;
    height: 45px;
    flex-direction: column;
    justify-content: center;
    background: var(--ai-Green);
    border-radius: 30px;
    align-items: center;
    margin-top: -3.5rem;
    font-weight: bold;
}

.ebl_article_list > div p {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-bottom: 4rem;
}

.ebl_article_list > div img {
    display: none !important
}

.ebl_article_list > div a {
    color: black;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.3;
}

.ebl_article_list > div:has(a:hover) {
    transform: scale(1.1)
}

.frame .news-list-view.newsgrid a:hover {
    color: black;
    transform: scale(1.1)
}

div a.ebl_detaillink::after {
    content: '';
    position: absolute;
    inset: 0;
    /* top/right/bottom/left = 0 */
}

#ebl_register_link {
    display: none;
}

input#fnbb_suche,
input:-internal-autofill-selected {
    padding-left: 1rem;
    padding-right: 1rem;
    border: 2px solid #dee2e6;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    height: 45px;
    line-height: 45px;
    background-color: white;
    border: 0;
    border-radius: 23px;
    min-width: 200px;
    padding-left: 1rem;
    padding-right: 3rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    position: relative;
}

input.suchfeld:-internal-autofill-selected {
    border-radius: 23px 0 0 23px;
    width: 230px;
    padding-left: 1.5rem;
    padding-right: 1rem;
}

form > div:has(#fnbb_suche)::after {
    content: '';
   /* background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/search.svg) !important;*/
     background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/searchgrey2.svg)!important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
}
form > div:has(#fnbb_suche):hover::after{
    background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/search.svg) !important;
}



form#ebl_filter_form > div:last-of-type {
    display: none
}

div:has(#fnbb_suche) {
    position: relative;
}

#ebl_filter_form {
    display: flex;
    gap: 1rem;
    margin-bottom: 0;
    position: relative;
}

#fnbb_regionsuche {
    line-height: 45px;
    border-radius: 100px;
    border: 2px solid #A7A7A7;
    height: 45px;
    background: white;
    font-weight: bold;
    padding: 0 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41909 -2.93127e-05L6.38591 4.94972L11.3527 -3.13211e-05L12.7718 1.41418L6.38591 7.77815L0 1.41418L1.41909 -2.93127e-05Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 12px center;
    /* Abstand vom Rand hier anpassen */
    /* Platz für den Pfeil */
    padding-right: 2rem;
}

#fnbb_regionsuche:focus {
    background-color: var(--ai-Green);
    border: 0;
    outline: none;
    box-shadow: none;
}

#selected-info.fn {
    min-height: 97px;
    padding-top: 1rem;
}

#fnbb_regionsuche:before {
    content: "";
    display: block;
    border-top: 3px solid currentColor;
    border-left: 3px solid currentColor;
    padding-top: 0.5em;
    padding-left: 0.5em;
    transform: rotate(-135deg);
    transition: transform 0.3s ease;
    margin-top: -6px;
}

#ebl_filter_form button:not(#clearBtn) {
    border: 2px solid #A7A7A7;
    height: 45px;
    border-radius: 23px;
    font-weight: bold;
    line-height: 45px;
    padding: 0 4rem 0 1rem;
    background-color: white;
    background-image: url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
}

#ebl_filter_form button:hover {
    background-color: var(--ai-Green);
}

#ebl_filter_form button#remfilter {
    background-image: none !important;
    background: black;
    color: white;
    padding-right: 1rem;
    position: absolute;
    left: 0;
    top: 4rem;
}

#remfilter:after {
    content: "✕";
    margin-left: 1rem;
    font-weight: bold;
}

/* Detailanzeige */

#fnbb_main a[href="?channel=17"]:before {
    content: '← ';
    margin-right:0.25rem;
}

#fnbb_main a[href="?channel=17"] {
    color: black;
    border-radius: 21px;
    height: 45px;
    font-weight: bold;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: inline-flex;
    background-color:  var(--ai-Green);;
    align-items: center;
    text-decoration: none;
}

.fnbb_article {
    margin: 0 auto;
    max-width: 800px
}

.fnbb_article_main h2 {
    line-height: 1.2;
}

.fnbb_article_main h2 img {
    display: none !important
}

.fnbb_article a {
    color: black !important
}

/* News Detail*/

.news-single .article .header.row {
    align-items: center;
}

.news-single .article .header .news-img-wrap {
    float: unset;
    width: unset;
    margin: 0;
    background: none;
}

.news-single .article .header .news-img-wrap img {
    max-width: 100%;
    border-radius: 45px;
}

.news.news-single .article .news-img-wrap a {
    background: none;
    border: 0
}

.news-single .header h2 {
    line-height: 1.2;
}

.news-single .themaintext h3 {
    font-size: 1.2rem
}

.frame .news-text-wrap a:not([class]) {
    color: black;
}

.news-single .news-img-caption {
    padding-left: 3rem
}

.news-single .news-related {
    width: auto;
    padding: 0;
    border: 0;
    display: inline-block;
}

.news-single .shariff .orientation-horizontal.button-style-standard li,
.news-single .shariff li,
.news-single .shariff li a,
.news-single .shariff li .fab {
    width: 45px;
    height: 45px;
    min-width: unset;
    max-width: unset;
}

.news-single .shariff .orientation-horizontal.button-style-standard li .share_text {
    display: none
}

.news-single .shariff .shariff-button a {
    background: black !important;
    color: white !important;
    border-radius: 25px;
}

.news-single .shariff .shariff-button a:hover {
    background-color: #e6ff26 !important;
    color: black !important
}

.news-single .shariff a .fab {
    font-size: 23px !important;
    line-height: 45px;
}

.news-single .shariff .orientation-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 3px;
}

/* Event Detail*/

.diebeschreibung {
    column-count: 2;
    column-gap: 2rem;
}

.diebeschreibung ul:last-of-type {
    break-before: column;
}

.eventdetail ul:last-of-type {
    list-style: none;
    padding-left: 0;
    position: relative;
    padding: 2rem;
    margin-bottom: 0;
}

.eventdetail ul:last-of-type li:first-child {}

.eventdetail .diebeschreibung > ul:last-of-type:before {
    content: "";
    background: #A7A7A7;
    height: calc(100% + 5rem);
    position: absolute;
    z-index: -1;
    border-radius: 45px 0 0 45px;
    width: 50vw;
    left: 0;
    top: 0;
}

h3:has(+ ul) {
    display: none
}

.diebeschreibung > ul:last-of-type:not(:has(~ div.news-related-links)):before {
    height: 100%;
}

.diebeschreibung:has(ul:last-of-type) .news-related-links {
    margin-left: 2rem;
}

.eventdetail .news-related a {
    position: relative;
    text-decoration: none;
    bottom: 0;
}

.diebeschreibung:has(ul:last-of-type) .news-related-links h4 {
    display: none;
}

.diebeschreibung:has(ul:last-of-type) .news-related-links ul {
    padding: 0
}

.backtoevents:before,
.backtonews:before,
.backtodirectory:before {
    content: "← "
}

/*
.backtoevents:after {
    content: " to events"
}


.backtonews:after {
    content: " to news"
}

.backtodirectory:after {
    content: " to directory"
}
*/
/* Accordiion */

.accordion {
    --bs-accordion-bg: none;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-focus-box-shadow: none;
}

.accordion-item,
.accordion-item:first-of-type,
.accordion-item:last-of-type {
    color: var(--bs-accordion-color);
    background-color: white;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-radius: 52.5px;
    margin-bottom: 2rem;
    position: relative;
}

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

.accordion-button {
    color: var(--bs-accordion-active-color);
    background-color: white;
    box-shadow: none;
    position: unset;
    min-height: 73px;
}

h4.accordion-header .accordion-button {
    font-size: 1.625rem;
    color: #000;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    background-color: unset !important;
    border: 0 !important;
}

.accsubheader {
    font-style: normal;
    font-weight: bold;
    font-size: 1rem;
    margin: 1rem;
    padding: 1rem 20% 1rem 0;
    margin-top: -1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid black;
    transition: margin 0.3s;
}

.accordion-collapse.show .accsubheader,
.accordion-collapse.collapsing_ .accsubheader {
    margin-top: -2rem;
}

.accordion-collapse {
    z-index: 2;
    position: relative
}

.accordion-body {
    padding-top: 0
}

.accordion-body .frame-header {
    display: none !important
}

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

.accordion-button::after {
    display: none;
}

.accordion-pfeil {
    background-color: var(--ai-Green);
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='27' viewBox='0 0 22 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.12 13.44C3.01333 13.5467 2.90667 13.6 2.8 13.6C2.66667 13.6 2.54667 13.5467 2.44 13.44L0.2 11.2C0.0666668 11.0667 1.84756e-07 10.9467 1.86028e-07 10.84C1.87618e-07 10.7067 0.0666668 10.6 0.2 10.52L10.64 0.160004C10.7467 0.0533376 10.8533 4.60826e-07 10.96 4.62098e-07C11.0667 4.6337e-07 11.1733 0.0533376 11.28 0.160004L21.68 10.52C21.7867 10.6 21.84 10.7067 21.84 10.84C21.84 10.9733 21.7867 11.0933 21.68 11.2L19.44 13.44C19.3333 13.5467 19.2133 13.6 19.08 13.6C18.9733 13.6 18.8667 13.5467 18.76 13.44L13.32 7.8C13.2133 7.69334 13.1333 7.65333 13.08 7.67999C13 7.70666 12.96 7.78667 12.96 7.92L12.96 25.96C12.96 26.0933 12.92 26.2133 12.84 26.32C12.7333 26.4 12.6133 26.44 12.48 26.44L9.4 26.44C9.26667 26.44 9.16 26.4 9.08 26.32C8.97333 26.2133 8.92 26.0933 8.92 25.96L8.92 7.95999C8.92 7.82666 8.88 7.74667 8.8 7.72C8.72 7.69333 8.62667 7.73333 8.52 7.84L3.12 13.44Z' fill='black'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    width: 105px;
    height: 105px;
    border-radius: 52.5px;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0;
    transform: rotate(-180deg);
    z-index: 10;
    transition: transform 0.3s;
}

.accordion-pfeil:not(.collapsed) {
    transform: rotate(0);
    transition: transform 0.3s;
}

button:focus:not(:focus-visible) {
    outline: 0 !important;
}

.accordion-item .textpic.textpic-right picture img {
    border-radius: 0;
}

.accordion-item a[title="To the website"]:after {
    content: "To the website →";
    display: inline-block;
    background-color: var(--ai-Green);
    border-radius: 21px;
    height: 45px;
    font-weight: bold;
    line-height: 45px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-left: 0;
    margin-top: 2rem;
    color: black;
}

.frame .accordion-item a:not([class]) {
    color: #fff;
    text-decoration: none;
}

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

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

/* Accordion supportofferings */

.supportofferings h2 {
    margin-bottom: 4rem !important
}

.supportofferings .accordion-body p:has(a) {
    float: inline-end;
    margin-top: -4rem;
}

.supportofferings .accordion-body p:not(:has(a)) {
    padding-right: 20%;
}

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

.supportofferings hr {
    margin: 2rem -8rem 2rem 0;
    opacity: 1;
    border-top: 2px black solid;
}



/* Tooltip */

.tooltip {
    --bs-tooltip-bg: var(--ai-Green);
    /* Hintergrundfarbe */
    --bs-tooltip-color: #000;
    /* Textfarbe        */
    --bs-tooltip-max-width: 450px;
    /* Breite           */
    opacity: 1 !important;
}

.tooltip-inner {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    padding: 0.5rem 0.75rem;
}

.tooltip .tooltip-arrow {
    display: none !important;
}

/* Bootstrap-Pfeil weg */

.tooltip-inner::before {
    /* eigener Pfeil */
    content: "";
    position: absolute;
    top: -12px;
    left: 32px;
    /* ← Abstand von links anpassen */
    border-width: 0 12px 13px 12px;
    border-style: solid;
    border-color: transparent transparent var(--ai-Green) transparent;
}

.btn-info-circle {
    margin-right: 1rem;
    background-color: transparent;
    color: white;
    padding: 0;
    border: 0;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M14.9791 0C23.2636 0 30 6.7364 30 15.0209C30 23.3054 23.2636 30 14.9791 30C6.69456 30 0 23.3054 0 15.0209C0 6.7364 6.69456 0 14.9791 0ZM14.8117 5.52301C14.3933 6.0251 14.1841 6.61088 14.1841 7.23849C14.1841 7.74059 14.3515 8.159 14.6025 8.45188C14.8954 8.74477 15.3138 8.91213 15.7322 8.91213C16.318 8.91213 16.8619 8.66109 17.2803 8.159C17.6569 7.69874 17.8661 7.02929 17.8661 6.31799C17.8661 5.89958 17.7406 5.52301 17.4477 5.23013C17.1548 4.93724 16.7364 4.76987 16.318 4.76987C15.7741 4.76987 15.2301 5.02092 14.8117 5.52301ZM11.0042 14.1841L11.5063 14.728C11.8828 14.3096 12.2594 13.9749 12.5105 13.7657C12.7615 13.5983 12.9707 13.5146 13.1381 13.5146C13.2636 13.5146 13.3891 13.5565 13.4728 13.6402C13.5146 13.7657 13.5565 13.8912 13.5565 14.1004C13.5565 15.1464 13.431 15.8159 12.887 18.3264C12.3431 20.8368 12.0502 22.6778 12.0502 23.8912C12.0502 24.3515 12.1339 24.6862 12.3013 24.8954C12.4268 25.1046 12.6778 25.272 13.0126 25.272C13.5565 25.272 14.3515 24.8536 15.272 24.1423C16.1925 23.3891 17.113 22.3431 18.1172 21.0042L17.5732 20.5439C17.2385 20.9623 16.9038 21.2552 16.6527 21.4644C16.4017 21.6318 16.1925 21.7992 16.0251 21.7992C15.8996 21.7992 15.7741 21.6736 15.6904 21.59C15.6485 21.4644 15.6067 21.2971 15.6067 21.046C15.6067 20.8787 15.6485 20.3347 15.8159 19.3724C15.9414 18.41 15.8996 18.41 16.1506 16.9874C16.1925 16.569 16.318 15.9833 16.4435 15.272C16.7782 13.1381 16.9874 11.841 16.9874 11.4226C16.9874 11.046 16.8619 10.7113 16.7364 10.5021C16.569 10.2929 16.318 10.2092 16.0251 10.2092C15.523 10.2092 14.8536 10.5858 13.9331 11.2552C13.0126 11.9665 12.092 12.9289 11.0042 14.1841Z' fill='black'/%3E%3C/svg%3E");
}

.tooltip-inner {
    text-align: left;
}

.btn-info-circle:hover {
    opacity: 0.9
}

/*Das Team */

.coreteam .gallery-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 0rem;
    flex-direction: row;
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-right: 6%;
}

.coreteam .gallery-row img,
.domainexperts .gallery-row img {
    border-radius: 50%
}

.coreteam .gallery-row .gallery-item {
    position: relative;
    height: 170%;
    aspect-ratio: 0.5;
}

.coreteam .gallery-row .gallery-item figure {
    position: absolute;
    width: 130%
}

.coreteam .gallery-row .gallery-item:nth-child(odd) figure {
    top: 0
}

.coreteam .gallery-row .gallery-item:nth-child(even) figure {
    bottom: 0
}

.coreteam figure .caption {
    word-wrap: break-word;
    opacity: 0.8;
    position: absolute;
    background-color: var(--ai-Green);
    width: 160px;
    height: 160px;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    text-align: center;
    padding: 1rem;
    font-size: 1rem;
    color: black;
    top: -5%;
    opacity: 1;
    left: -5%;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
}

.coreteam .gallery-row .gallery-item:nth-child(even) figure .caption {
    top: unset;
    bottom: -5%
}

.domainexperts .gallery-row {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.domainexperts .gallery-item img,
.domainexperts .gallery-item picture {
    width: 88%;
    height: auto;
}

.domainexperts figure .caption {
    padding-top: 1rem;
    word-wrap: break-word;
    opacity: 1;
    text-align: center;
    font-size: 1rem;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* SME Support */

#reqfilter {
    padding-top: 0 !important;
}

#reqfilter .frame-inner {
    display: flex;
    gap: 0;
    flex-wrap: nowrap;
    position: relative;
    padding-top: 1rem;
}

#reqfilter .frame-inner ul {
    list-style-type: none;
    padding-left: 0;
    width: 33.3%;
    width: auto;
}

#reqfilter_ .frame-inner ul li:first-child {
    position: absolute;
    display: flex;
    top: 0;
    width: 100%;
    gap: 0;
}

#reqfilter .frame-inner ul li:first-child {
    background: none;
    justify-content: center;
    background: linear-gradient(#D1FF5C 0 0) right / 50% 5px no-repeat;
    pointer-events: none;
    cursor: none;
}

#reqfilter .frame-inner ul:nth-child(1) li:first-child {
    background: linear-gradient(#D1FF5C 0 0) right / 50% 5px no-repeat;
}

#reqfilter .frame-inner ul:nth-child(2) li:first-child {
    background: linear-gradient(#D1FF5C 0 0) center / 100% 5px no-repeat;
}

#reqfilter .frame-inner ul:nth-child(3) li:first-child {
    background: linear-gradient(#D1FF5C 0 0) left / 50% 5px no-repeat;
}

#reqfilter .frame-inner ul li:first-child span {
    background: #D1FF5C;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    text-align: center;
    line-height: 65px;
    font-weight: bold;
    font-size: 2rem;
}

#reqfilter .frame-inner ul li {
    background: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 4rem;
    width: stretch;
    color: black;
    min-height: 6rem;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    cursor: pointer;

}

#reqfilter .frame-inner ul:nth-child(n+2):not(.active) li {
    cursor: default;
    pointer-events: none;
}


#reqfilter .frame-inner ul li:nth-child(n+2) {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}

#reqfilter ul li.activ,
#reqfilter ul li:hover {
    background: #D1FF5C;
}

#reqfilter .frame-inner > ul:first-child:not(.active) {
    width: calc(100% - 14rem);
}



#reqfilter ul:nth-child(n+2):not(.active) li:nth-child(n+2) > span {
    visibility: hidden;
    opacity: 0;
    transition: all 1s;
    max-width: 0;
    max-height: 50px;
    overflow: hidden;
    transition: all 0.4s;
}

#reqfilter ul:nth-child(n+2):not(.active) li:nth-child(n+2):after {
    content: "...";
    font-size: 2rem;
    text-align: center;
}

#reqfilter ul:nth-child(n+2):not(.active) li:nth-child(n+2) {
    justify-content: center;
}

#reqfilter ul:nth-child(n+2) li:nth-child(n+2) {
    max-width: 95px;
    overflow: hidden;
    transition: max-width 0.4s ease-in-out;
}

#reqfilter ul:nth-child(n+2).active li:nth-child(n+2) {
    max-width: 500px;
    transition: max-width 0.4s ease-in-out;
    /* großzügiger Maximalwert */
}

#reqfilter ul:nth-child(n+2).active li:nth-child(n+2) > span {
    visibility: show;
    opacity: 1;
    transition: all 0.5s;
    transition-delay: 0.4s;
    max-width: auto;
    max-height: 50px;
    overflow: hidden;
}

#reqfilter ul li.notactive {
    opacity: 0.5;
    pointer-events: none;
}

.smeangebote {
    background: white;
    border-radius: 50px;
    padding: 2rem 2rem 0 !important;
    margin: 0.5rem;
}


/* Standardmäßig alle ausblenden */
.smeangebote .pre-group {
    display: none;
    border-bottom: 2px solid black;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}


/* Gruppe0 anzeigen */
.smeangebote .pre-group[data-group="0"],
.smeangebote .pre-group[data-group="1"] {
    display: block;
    border-bottom: 0;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

/* pre selbst immer ausblenden */
.smeangebote .pre-group pre,
.smeangebote .pre-group[data-group="1"] {
    display: none;
}

.smeangebote hr {
    display: none;
}

.smeangebote .pre-group p:not(:has(a)) {
    margin-right: 16rem
}

.smeangebote .pre-group p:has(a) {
    float: inline-end;
    margin-top: -4rem;
    margin-right: 2rem;
}


.smeangebote .frame-inner > .pre-group.active.is-last {
    border-bottom: 0;
    margin-bottom: 0;
}


/*ANimkreise Startseite */
.animkreise.frame-space-after-extra-large,
    {
    margin-bottom: 6rem !important
}

.animkreiseecosystem {
    padding-bottom: 8rem
}


.animkreise ul {
    margin-top: 6rem
}

.animkreise li {
    background: white;
    border-radius: 50%;
    width: 20%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    margin-left: 10%;
    padding: 2rem;
}

.animkreise li br {
    display: none;
}

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


.animkreise li:before {
    content: "";
    width: 50%;
    border: 2px solid #D1FF5C;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    left: -50%;
}

.animkreise li:last-of-type:after {
    content: "";
    width: 50%;
    border: 2px solid #D1FF5C;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    right: -50%;
}

/* Startanim top */
.animHi {
    padding-top: 6rem;
}

.animHi .frame-inner {
    background: var(--ai-Green);
    border-radius: 50%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.animHi .frame-inner:after {
    content: "";
    width: 33.3%;
    width: 42.5%;
    aspect-ratio: 1;
    background-color: var(--ai-Green);
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='22' viewBox='0 0 27 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3.12C12.8933 3.01333 12.84 2.90667 12.84 2.8C12.84 2.66667 12.8933 2.54667 13 2.44L15.24 0.2C15.3733 0.0666666 15.4933 0 15.6 0C15.7333 0 15.84 0.0666666 15.92 0.2L26.28 10.64C26.3867 10.7467 26.44 10.8533 26.44 10.96C26.44 11.0667 26.3867 11.1733 26.28 11.28L15.92 21.68C15.84 21.7867 15.7333 21.84 15.6 21.84C15.4667 21.84 15.3467 21.7867 15.24 21.68L13 19.44C12.8933 19.3333 12.84 19.2133 12.84 19.08C12.84 18.9733 12.8933 18.8667 13 18.76L18.64 13.32C18.7467 13.2133 18.7867 13.1333 18.76 13.08C18.7333 13 18.6533 12.96 18.52 12.96L0.480011 12.96C0.346678 12.96 0.226677 12.92 0.12001 12.84C0.0400104 12.7333 0 12.6133 0 12.48L0 9.4C0 9.26667 0.0400104 9.16 0.12001 9.08C0.226677 8.97333 0.346678 8.92 0.480011 8.92L18.48 8.92C18.6133 8.92 18.6933 8.88 18.72 8.8C18.7467 8.72 18.7067 8.62667 18.6 8.52L13 3.12Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: 2.5rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    position: absolute;
    left: -10%;
    top: -10%;
}

.animHi .frame-inner ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.animHi .frame-inner ul li a {
    color: black !important;
    text-decoration: none;
}

.animHi .frame-inner ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -20%;
    bottom: -20%;
}

.animHi .frame-inner ul li {
    font-size: 2.8rem;
    position: absolute;
    font-weight: bold;
    text-transform: none;
    padding: 20%;
    line-height: 1.33;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.animHi .frame-inner ul li i {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    margin-top: 0.5rem;
}

.animHi .frame-inner ul:last-child li {
    opacity: 0;
    pointer-events: none;
}


/* Decopunkte  */



.pagelevel-0 #page-content > .section:before {
    content: "";
    background-image: url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/deco1.svg');
    position: absolute;
    width: 280px;
    height: 50px;
    display: inline-block;
    margin-top: -25px;
    z-index: 20;
    left: calc((100vw - 1280px) / 2);
}



#page-content > .section:has(.newssection):before {
    content: "";
    background-image: url('/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/deco2.svg');
    position: absolute;
    width: 280px;
    height: 200px;
    background-size: contain;
    display: inline-block;
    margin-top: -100px;
    z-index: 20;
    margin-right: 100px;
    background-repeat: no-repeat;
    right: calc((100vw - 1280px) / 2);
}


/* .newssection:not(.eventsection) .category-menu .nav-item.haschildren{order:3} */

/* Monatsmenu */

.monatsauswahl {
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
    position: absolute;
    right: 5px;
    top: 40px;
    z-index: 25;
}

.news-month-swiper {
    position: relative;
    padding: 0 40px;
    margin: 20px 0;
    width: 200px;
    position: relative;

    background:#D0D0CF;
    border-radius: 28px;
    height: 45px;
}

.news-month-swiper:hover, .news-month-swiper.active{     background: var(--ai-Green);}


.news-month-swiper .swiper-slide {
    text-align: center;
}

.news-month-swiper .swiper-slide a {
    display: block;
    padding: 4px 12px;
    text-decoration: none;
    font-size: 1rem;
    color: #333;
    transition: all 0.2s;
    font-weight: bold;
    line-height: 38px;
}

.news-month-swiper:has(a:hover) {
    background: #666;
     background: var(--ai-Green);

}

.news-month-swiper a:hover {
   color: #000 !important;
   
}

.news-month-swiper .swiper-slide-active-custom a {
    /*  background: #0055a0;*/
    color: #000;
    border-color: #0055a0;
}

.news-month-swiper .count {
    display: block;
    font-size: 11px;
    color: inherit;
    opacity: 0.7;
    margin-top: -4px;
    display: none;
}


.news-month-swiper .swiper-button-next,
.news-month-swiper .swiper-button-prev {
    transform: none;
    opacity: 1 !important;
    background: white;
    height: 45px;
    width: 45px;
    border-radius: 28px;
    transform: translate(-10px, -4px);
}

.news-month-swiper .swiper-button-next {
    transform: translate(10px, -4px);
}


/* Modal Directory */

#newsDetailModal .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: 52px;
    box-shadow: var(--bs-modal-box-shadow);
    outline: 0;
}

#newsDetailModal .modal-header {
    border: 0
}


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

#newsDetailModal .modal-header .btn-close {
    padding: 0;
    z-index: 20;
    opacity: 1;
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 0.75;
    margin-right: 1rem;
    margin-top: 1rem;
    width: 2em;
    height: 2em;
    background-size: contain !important;
}



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


.newsdetailmodal .col-lg-4 {
    display: flex;
    align-items: center;
}

.newsdetailmodal h5 {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
}

.newsdetailmodal a[title="Website"] {
    position: relative;
    text-decoration: none;
    bottom: 0
}

.newsdetailmodal a[title="Website"]:after {
    content: " →"
}


.newsdetailmodal a[title="LinkedIn"]:before {
    content: "\f109";
    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;
    font-size: 45px;
}

.newsdetailmodal a[title="LinkedIn"] {
    display: inline-flex;
    font-size: 45px;
    text-align: center;
    opacity: 0.8;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 0;
    text-decoration: none
}

.newsdetailmodal a:hover {
    color: black
}

.newsdetailmodal .news-related-links {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
}

.news-related-links a:first-child {
    margin-right: auto;
}


#newsDetailModal .news-backlink-wrap {
    display: none;
}



.newsdetailmodal .mediaelement-image img {
    max-width: 100%;
    height: auto;
}

/* Slide Out Menu */

#slideout-menu {
    position: fixed;
    bottom: 0;
    right: -320px;
    width: 320px;
    z-index: 100;
    transition:all 0.5s ease-in-out;
}

#slideout-menu.open{  right: 0;}

.slideout-inner > div:has(.btnclose) {
    display: flex;
    justify-content: flex-end;
    margin-bottom:-1rem;
}

#slideout-menu .btnclose {
    width: 45px;
    height: 45px;
    background: black;
    color: white;
    border-radius: 25px;
    padding: 0;
    font-size: 1.5rem;
    text-align: center;
}


#slideout-menu h3{    font-size: 1.8rem;  text-transform: uppercase}


.slideout-inner {
    background: white;
    padding: 1rem;
    border-radius: 25px 0 0 0;
    padding-bottom:4rem;
}

.slideout-buttons {
      position: absolute;
    left: -23px;
    bottom: 75px;
    height: 45px;
}


.sociallinks-list-slideout {
    list-style-type: none;
    position: absolute;
    bottom: 165px;
  left: -22px;
    padding-left: 0;
    margin-bottom: 0;
}

.sociallinks-list-slideout .bootstrappackageicon::before{color:white;font-size: 2rem;    margin-left: 8px;}


.sociallinks-list-slideout  .sociallinks-link-icon {
    display: inline-flex;
    font-size: 1.25rem;
    text-align: center;
    opacity: 1;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    background: black;
    margin-bottom: 1rem;
    border-radius: 25px 0 0 25px;
}

.sociallinks-list-slideout .bootstrappackageicon-facebook::before{content:"";
 width:45px; height:45px;
    background-image:url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/facebook.svg);
    background-size:contain;  
    background-position:center;
}

.sociallinks-list-slideout .bootstrappackageicon-linkedin::before {content:"";
 width:45px; height:45px;
    background-image:url(/typo3conf/ext/aiberlin_sitepackage/Resources/Public/Icons/linkedin.svg);
    background-size:contain; 
        background-position:center;
}

.btn-slideout {
     position: absolute;
    transform: rotate(-90deg);
    transform-origin: left;
    height: 45px;
    background: blue;
    border-radius: 25px 25px 0 0;
    color: white;
    text-transform: uppercase
}

.btn-slideout:hover {
    background: blue;
    color: white
}


form.news-letter__form input {
    height: 45px;
    border-radius: 25px;
    border: 2px solid black;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.sociallinks-list-slideout{list-style-type: none}

.sociallinks-list-slideout .sociallinks-link-label{display:none}


.factslinks ul {padding-left:0;    list-style-type: none;}

.factslinks ul li{
    position:relative;

    height: 105px;
    background: white;
    border-radius: 60px;
    margin-bottom: 1.5rem !important;
    align-items: center;
    width: 100%;
    font-weight: bold;
    font-size: 1.3rem;
    justify-content: flex-start;
    padding-left: 2rem;
    padding-top:1.3rem;
    position: relative; /* für absolute Positionierung des Links */
}
.factslinks ul li i{font-size:1rem;}


.factslinks li a{background: #D0D0CF;
    background: #D0D0CF;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    font-weight: bold;
    white-space: nowrap;
    height: 45px;
    font-size: 0;
    text-decoration: none;
    float: right;
    margin-left: auto;
    position: absolute;
    right: 3.5rem;
    top:2rem;
}
.factslinks li a:hover{background:var(--ai-Green);}

.factslinks li a:after {
    content: "Learn more →";
    font-size:1rem;
        color:black
}