@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>li.active{display:none}
.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;
        aspect-ratio: 16 / 9;
     aspect-ratio: 79 / 46;
}

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

/* Koopereationspartner  Liste */

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


.kooperationspartner .frame-inner p{
    background: white;
    border-radius: 2.5rem;
    padding: 2rem !important;
    padding-bottom: 1rem !important;
    height: 100%;
    position: relative;
    transition: all 0.2s ease
}

.kooperationspartner .frame-inner p a{text-decoration:none; color:black;}
.kooperationspartner .frame-inner p a:hover{color:black;}

.kooperationspartner .frame-inner p>a:last-child: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: 1.5rem;
    font-weight: bold;
}
.kooperationspartner .frame-inner p strong
{color: black;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.3;
}
.kooperationspartner .frame-inner p>a:first-child:after{margin-bottom:1rem}

.kooperationspartner .frame-inner p: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);
        background-repeat: no-repeat;
}



#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
}