/* readex-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./Fonts/readex-pro-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./Fonts/readex-pro-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./Fonts/readex-pro-v27-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./Fonts/readex-pro-v27-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./Fonts/readex-pro-v27-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./Fonts/readex-pro-v27-latin-regular.svg#ReadexPro') format('svg'); /* Legacy iOS */
}

/* readex-pro-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 500;
  src: url('./Fonts/readex-pro-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: url('./Fonts/readex-pro-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./Fonts/readex-pro-v27-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./Fonts/readex-pro-v27-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./Fonts/readex-pro-v27-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./Fonts/readex-pro-v27-latin-500.svg#ReadexPro') format('svg'); /* Legacy iOS */
}

/* readex-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 700;
  src: url('./Fonts/readex-pro-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: url('./Fonts/readex-pro-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./Fonts/readex-pro-v27-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./Fonts/readex-pro-v27-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('./Fonts/readex-pro-v27-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('./Fonts/readex-pro-v27-latin-700.svg#ReadexPro') format('svg'); /* Legacy iOS */
}

:root {
    /* Font stacks */
    --font-sans: "Readex Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif;
    --font-display: "Readex Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif;

    --action-hover: #011014;


    /* Colors */
    --color-turquoise: #05E5CF;
    --color-turquoise-dark: #03776C;
    --color-coral: #F7451D;
    --color-coral-cream: #FDC1B9;
    --color-coral-strong: #CA2B07;
    --color-deep-teal: #01292E;
    --color-deep-teal-dark: #000C0D;
    --color-sand: #EFEBE6;
    --color-sand-border: #e6dcd1;
    --color-white: #fff;
    --color-black: #000;
    --color-gray-medium: #2D4749;
    --color-gray-placeholder: #767676;

    --color-white-90: rgba(255, 255, 255, 0.90);
    --color-white-80: #C8D4D5;
    --color-white-75: rgba(255, 255, 255, 0.75);
    --color-white-72: rgba(255, 255, 255, 0.72);
    --color-white-65: rgba(255, 255, 255, 0.65);
    --color-white-55: rgba(255, 255, 255, 0.55);
    --color-white-25: rgba(255, 255, 255, 0.25);
    --color-white-10: rgba(255, 255, 255, 0.10);
    --color-white-08: rgba(255, 255, 255, 0.08);
    --color-white-05: rgba(255, 255, 255, 0.05);

    --color-turquoise-70: rgba(5, 229, 207, 0.70);
    --color-turquoise-30: rgba(5, 229, 207, 0.30);
    --color-turquoise-20: rgba(5, 229, 207, 0.20);
    --color-turquoise-13: rgba(5, 229, 207, 0.13);

    --color-coral-20: rgba(248, 89, 53, 0.20);
    --color-deep-teal-20: rgba(0, 57, 63, 0.20);
    --color-deep-teal-09: rgba(0, 57, 63, 0.09);
    --color-deep-teal-05: rgba(0, 57, 63, 0.05);
    --color-deep-teal-50: rgba(0, 57, 63, 0.50);
    --color-deep-teal-80: rgba(0, 57, 63, 0.80);

    --color-black-20: rgba(0, 0, 0, 0.20);
    --color-black-00: rgba(0, 0, 0, 0.00);

    --color-gradient-turquoise-overlay: rgba(3, 160, 144, 0.85);
    --color-gradient-coral-overlay: rgba(247, 69, 29, 0.59);

    --link-hover: var(--color-white-80);

    --btn-tone-1: transparent;
    --btn-tone-2: var(--color-deep-teal);
    --btn-tone-3: var(--color-turquoise);
    --btn-tone-4: var(--color-turquoise);
}

a:hover{
    --link-hover: var(--color-deep-teal-dark)!important;
}


/************************/
/* BOOTSTRAP Overrides  */
/************************/

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

sub{
    bottom: -.37em;
}

/************************/
/* ELLI (Graustufen) Overrides */
/************************/

.header-nav-inner {
  min-height: 4.375rem;
}


.news-card{
    box-shadow: unset;
    border: 2px solid var(--color-sand-border);
}

.news-card__date{
    color: var(--color-gray-medium);
}

a:hover,
a span:hover,
a:focus {
    --link-hover: unset;    
    opacity: .9;
    text-decoration: none;
}

.elli-info-card__arrow{
    text-decoration: none;
}

.elli-cta-banner__text p{
    color: var(--color-white-80);
}

/************************/
/* ai_image_marker Overrides  */
/************************/
.tx-ai-image-marker{
    display: unset!important;
}

.tx-ai-image-marker__badge{
    border-radius: 1.5rem;
    background: rgba(0, 0, 0, .9) !important;
    color: #FFF !important;
    font-size: 8px;
    font-weight: 500;
    line-height: 12px;
}

.tx-ai-image-marker__badge,
.shape .tx-ai-image-marker__badge{
    top: 20px!important;
    left: 110px!important;
}


/************************/
/* GLOBAL               */
/************************/

h1 {
    font-size: 3.75rem;
    line-height: 4.6rem;
    font-weight: bold;
}
h2 {
    font-size: 2.5rem;
    line-height: 3.1rem;
    font-weight: bold;
}
h2.big {
    font-size: 3rem;
    line-height: 3.6rem;
    font-weight: bold;
}
h3, .subtitle, figure.elli-image figcaption p.subtitle{
    font-size: 1.25rem;
    line-height: 2.15rem;
    font-weight: bold;
}

h3.big{
  font-size: clamp(1.5rem, 1.25rem + 1.2vw, 2rem);
  line-height: clamp(2rem, 1.7rem + 1.4vw, 2.5rem);
}

h4, h3.small {
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: bold;
}
.subtitle{
    font-weight:normal;
}
.eyebrow{
    font-size: 0.875rem;
    line-height: 1.2rem;
    font-weight: bold;
    letter-spacing:1px;
}
body, p{
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: normal; 
}
/* fuer kleinere Fliesstexte in Boxen - Cards */
p.small{
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: normal; 
}

p{
    color: var(--color-gray-medium);
}

@media(max-width: 576px){
    h1 {
        font-size: 2.75rem;
        line-height: 3.6rem;
    }

    h2 {
        font-size: 2rem;
        line-height: 2.6rem;
    }

    h2.big {
        font-size: 2.1rem;
        line-height: 2.6rem;
    }


}



a, a span{
    font-weight:bold;
    text-decoration: underline;
    text-decoration-thickness: 0.09rem;
}


.elli-textbereich__content .eyebrow:has(+ h2) {
  margin-bottom: 0.75rem;
}

.elli-textbereich__content .eyebrow + h2 {
  margin-top: 0;
}

.elli-textbereich__content * {
  overflow: hidden;
  word-break: break-word;
  hyphens: auto;
}

hr{
    color: #e8e8e8;
}



blockquote{
    position: relative;
    border-inline: none!important;
    border: none;
    display: block;
    background: var(--color-turquoise);
    padding: 3rem!important;
    border-radius: 20%;
    overflow: visible!important;
}

blockquote p{
    color: var(--color-deep-teal);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
    hyphens: inherit;
}

blockquote::after{
    content: url(../Images/quote.svg);
    display: block;
    position: absolute;
    bottom: -3rem;
    right: 3rem;
    width: 23%;
    height: auto;
}

@media(max-width: 992px){
    blockquote{
        border-radius: 15%;
    }
    
}



.elli-button-group__link,
.elli-button__link,
.elli-textbereich__content .btn,
.elli-cta-banner__button{
    padding: 0.875rem 1.75rem!important;
    border-radius: 1.5625rem!important;
    text-decoration: none!important;
    font-size: 1rem!important;
    font-weight: bold!important;
    line-height: 1.5rem!important;
    box-shadow: unset!important;
}

.elli-button__link:hover,
.elli-textbereich__content .btn:hover,
.btn:hover{
    transform: translateY(-0.0625rem);
}

/*Button - Dunkelgrün */
.elli-textbereich__content .btn.btn-primary{
    background: var(--color-deep-teal);
    color: var(--color-white);
    border: 0.125rem solid var(--color-deep-teal);
}

.elli-textbereich__content .btn.btn-primary:hover{
    color: var(--color-white);
    border-color: var(--color-deep-teal);
}

/*Button - Türkis */
.elli-button-group__link--secondary{
    border: none!important;
}


.elli-textbereich__content .btn.btn-secondary,
.news-card__morelink.btn.btn-secondary,
.elli-cta-banner__button--primary{
    text-decoration: unset;
    background: var(--color-turquoise);
    color: var(--color-deep-teal);
    border: none;
}

.elli-cta-banner__button--primary span{
    text-decoration: unset;
}

.elli-cta-banner__button--primary:hover{
    background: var(--color-turquoise)!important;
    border: 0.125rem solid var(--color-turquoise)!important;
}

.elli-textbereich__content .btn.btn-secondary:hover{
    color: var(--color-deep-teal);
}


.elli-button__link--muted{
    color: var(--color-deep-teal)!important
}


/*Button - Transparent */
.elli-button-group__link--dark,
.elli-button__link--dark{
    border: 1px solid var(--color-white-25)!important;
    color: var(--elli-button-group-dark-color, #ffffff)!important;
}

.elli-button__link--dark:hover:hover{
    background-color: var(--btn-tone-1);
}

.elli-cta-banner__button--secondary{
    border: 1px solid #fff!important;
}

.elli-cta-banner__button--secondary:hover{
    background-color: var(--btn-tone-1)!important;
    color: #fff!important;
}

.elli-cta-banner__button--secondary span{
    text-decoration: unset!important;
}

.elli-textbereich__content .btn.btn-dark{
    background: var(--btn-tone-1);
    color: var(--color-white);
    border: 1px solid var(--color-white-25)!important;
}

.elli-textbereich__content .btn.btn-dark:hover{
    background: var(--btn-tone-1);
    color: var(--color-white);
}






/*

.btn-primary,
.elli-button-group__link--primary,
.elli-button__link--primary{
    padding: 0.875rem 1.75rem!important;
    border-radius: 1.5625rem!important;
    background: var(--color-deep-teal)!important;
    color: var(--color-white)!important;
    text-decoration: none!important;
    font-size: 1rem!important;
    font-weight: bold!important;
    line-height: 1.5rem!important;
}

.btn-secondary,
.elli-button-group__link--secondary,
.elli-cta-banner__button--primary{
    padding: 0.875rem 1.75rem!important;
    border-radius: 1.5625rem!important;
    border: none!important;
    background: var(--color-turquoise)!important;
    color: var(--color-deep-teal)!important;
    text-decoration: none!important;
    font-size: 1rem!important;
    font-weight: bold!important;
    line-height: 1.5rem!important;
}

.btn-dark,
.elli-button-group__link--dark,
.elli-cta-banner__button--secondary{
    padding: 0.875rem 1.75rem!important;
    border-radius: 1.5625rem!important;
    background: transparent!important;
    border: 1px solid var(--color-white-25)!important;
    color: var(--color-white)!important;
    text-decoration: none!important;
    font-size: 1rem!important;
    font-weight: bold!important;
    line-height: 1.5rem!important;
}

*/

.elli-button__link--primary{
    background-color: var(--color-deep-teal)!important;
}

.elli-button-group a span,
.elli-button a span{
    text-decoration:none;
}

.btn:hover,
button:hover{
    opacity: .9;
}


.text-turquoise{
    color: var(--color-turquoise);
}

.text-turquoise-dark{
    color: var(--color-turquoise-dark);
}

.text-coral{
    color: var(--color-coral);
}

.text-coral-cream{
    color: var(--color-coral-cream);
}

.text-coral-strong{
    color: var(--color-coral-strong);
}

/************************/
/* GLOBAL: Container    */
/************************/

.jsd-elli-container_container_fluid_grid{
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.jsd-elli-container_container_fluid_grid .jsd-elli-container_container_fluid_grid{
    padding: 2rem;
}


/************************/
/* GLOBAL: Navigation   */
/************************/

.site-header .header-top{
    background: var(--color-deep-teal-dark);
    color: var(--color-white-90);
    padding: 0.625rem 0;
}

.site-header .header-top a{
    color: var(--color-white);
    font-size: .875rem;
    font-weight: 500;

}

.site-header .search form{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

.site-header .search form label{
    margin-bottom: 0;
    color: var(--color-white-90);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.75rem;
}

.site-header .search form .elli-searchbox__field{
    display: flex;
    border-radius: .25rem;
    border: 1px solid var(--color-white-72);
}

.site-header .search form .elli-searchbox__field input{
    background: var(--color-white-25);
    border: none;
    color: #fff;
}

.site-header .search form .elli-searchbox__field button{
    color: var(--color-white-90);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    background: var(--color-white-25);
    border: none;
}


.site-header .header-top .social_languageswitch .langmenu{
    margin-left: 2.5rem;
    border-radius: 2rem;
    border: 1px solid var(--color-white-55);
}

.site-header .header-top .social_languageswitch .langmenu a{
    display: flex;
    padding: 0.1rem 1rem 0.1rem 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: bold;
    color: var(--color-white-65);
}

.site-header .header-top .social_languageswitch .langmenu a.active{
    border-radius: 1.25rem;
    border: 1px solid var(--color-black);
    background: var(--color-turquoise);
    color: var(--color-black);
}

#navigation{
    background: var(--color-deep-teal);
    box-shadow: 0 0.625rem 0.9375rem -0.1875rem var(--color-black-20), 0 0.25rem 0.375rem -0.25rem var(--color-black-20);
}

#navigation .navbar-toggler{
    border: 1px solid var(--color-white);
}

#navigation .navbar-toggler-icon{
    background-image: url(../Images/menu.svg);
}

#navigation .mainmenu{
    flex-grow: 0;
}

#navigation .mainmenu a{
    color: var(--color-white-80);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
}

#navigation .mainmenu a.active{
    color: var(--color-turquoise);
}

#navigation .mainmenu[aria-modal="true"] a{
    color: var(--color-deep-teal);
}



#navigation .contact a.btn{
    display: flex;
    padding: 0.625rem 1.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border: 1px solid var(--color-coral)
}

#navigation .contact a.btn:first-of-type{
    border: 1px solid var(--color-turquoise-70);
    color: var(--color-turquoise);
    margin-right: 0.75rem;
}

#navigation .contact a.btn:last-of-type{
    background: var(--color-coral-strong);
    color: var(--color-white);
}

#navigation .mainmenu[aria-modal="true"]{
    background-color: var(--color-deep-teal);
}

#navigation .mainmenu[aria-modal="true"] .offcanvas-header{
    color: var(--color-white-80);
}

#navigation .mainmenu[aria-modal="true"] a{
    color: var(--color-white-80);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
}
#navigation .mainmenu[aria-modal="true"] a:hover{
    opacity: .9;
}
#navigation .mainmenu[aria-modal="true"] a.active{
    color: var(--color-turquoise);
}



/* End Bildergalerie */

.modal-backdrop.fade.show {
  z-index: 1 !important;
}
.elli-gallery-modal__title{
    color:#FFF;
}
/* Bildergalerie */




/************************/
/* GLOBAL: FOOTER       */
/************************/

.site-footer{
    margin-top: 0;
    padding-top: 4rem;
    background-color: var(--color-deep-teal);
}

.site-footer .footerlogo{
    margin-bottom: 1.25rem;
}
.site-footer .footertext{
    padding-bottom: 1.5rem;
    margin: 0;
    color: var(--color-white-75);
}

.site-footer .footercontact a{
    display: flex;
    border-radius: 100%;
    border: 1px solid var(--color-white-25);
    width: 2.1875rem;
    height: 2.1875rem;
    justify-content: center;
    align-items: center;
    margin-right: 0.75rem;
}

.site-footer span.eyebrow{
    color: var(--color-turquoise);
}

.site-footer ul{
    margin-top: 1.25rem;
}

.site-footer ul,
.site-footer li{
    list-style: none;
    padding: 0;
    margin-bottom: 0.75rem;
}

.site-footer li a{
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--color-white-72);
}

.site-footer li a:hover{
    text-decoration: underline;
}


.site-footer hr{
    margin: 0;
    margin-top: 4rem;
}

.site-footer .subline {
    color: var(--color-white-55);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/************************/
/* GLOBAL: Formular       */
/************************/

.frame-type-form_formframework > div{
    padding: 2rem;
    border-radius: 1.5rem;
    background: var(--color-white);
    font-size: 1rem;
    font-weight: bold;
}

.frame-type-form_formframework form{
    padding: 2rem;
    border-radius: 1.5rem;
    background: var(--color-white);
}

.frame-type-form_formframework form h2{
    margin-bottom: 2.75rem;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.75rem;
}

.frame-type-form_formframework form .form-group{
    padding: 0 0 1rem 0;
}

.frame-type-form_formframework form .form-group .form-check{
    padding-left: 0;
}

.frame-type-form_formframework form .form-group .form-check label{
    display: flex;
    gap: 0.75rem;
}

.frame-type-form_formframework form .form-group label{
    color: var(--color-deep-teal);
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.25rem; 
}

.frame-type-form_formframework form .form-group input, .frame-type-form_formframework form .form-group textarea{
    border-radius: 1.25rem;
    border: 1px solid var(--color-deep-teal-09);
    background: var(--color-sand);
}

.frame-type-form_formframework form .form-group textarea{
    min-height: 6.25rem;
    resize: none;
}

.frame-type-form_formframework form .form-group input::placeholder, 
.frame-type-form_formframework form .form-group textarea::placeholder{
    color: var(--color-gray-placeholder);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
}

.frame-type-form_formframework form .btn-group, .frame-type-form_formframework form .btn-group.submit{
    width: 100%;
}

.frame-type-form_formframework form .btn-group.submit button{
    border-radius: 1.25rem;
    background: var(--color-deep-teal);
    color: var(--color-white);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 1rem;
    justify-content:center;
}


@media(max-width: 768px){
    .frame-type-form_formframework{
        padding: 0;
    }
}


/************************/
/* Programm: Startseite */
/************************/

.news-list-view .programm{
    border-radius: 1.5rem;
    border: 1px solid var(--color-turquoise-20);
    background: transparent
}

.news-list-view .programm.topprogramm .news-card__body{
    padding: 3rem;
}

.news-list-view .programm .news-card__body{
    padding: 1.5rem;
}

.news-list-view .programm.topprogramm .program-card__category{
    display: flex;
    padding: 0.375rem 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 2rem;
    background: var(--color-turquoise-13);
    width: max-content;
    margin-right: 0.75rem;
    color: var(--color-turquoise);
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: 1.2px;
}

.news-list-view .programm .program-card__badge{
    background: var(--color-white-08);
    color: var(--color-white-65);
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: bold;
    line-height: 1rem;
    width: max-content;
    border-radius: 2rem;
}

.news-list-view .programm.topprogramm .program-card__badge{
    display: flex;
    padding: 0.375rem 0.75rem;
    align-items: center;
    gap: 0.375rem;
}

.news-list-view .programm.topprogramm .program-card__badge[data-status="neu"]{
    background: var(--color-coral-strong);
    color: var(--color-white);
}

.news-list-view .programm h3{
    color: var(--color-white);
}

.news-list-view .programm.topprogramm h3{
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    margin-top: 1.5rem
}

.news-list-view .programm p,
.news-list-view .programm ul,
.news-list-view .programm li{
    color: var(--color-white-80);
}

.news-list-view .programm .program-card__details .program-card__fact{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.0568125rem solid var(--color-white-10);
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1rem;
}

.news-list-view .programm .program-card__details .program-card__fact dt{
    color: var(--color-white-65);
    font-style: normal;
    font-weight: 400;
}

.news-list-view .programm .program-card__details .program-card__fact dd{
    color: var(--color-white);
    font-style: normal;
    font-weight: bold;
}

/************************/
/* Programm: Detailseite*/
/************************/

.news-detail__back{
    color: var(--color-turquoise-dark);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
}


.news-card__badge.news-card__badge{
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    background: var(--color-turquoise-20);
    color: var(--color-turquoise-dark);
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1rem;
    width: max-content;
    text-transform: unset;
    margin-bottom: .5rem;
}


article.news-detail.programm .news-detail__heroWrap .zitat{
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
}

@media(max-width: 767px){
    article.news-detail.programm .news-detail__heroWrap .zitat{
        display: none;
    }

    article.news-detail.programm .news-detail__heroWrap .info .line{
        font-size: 0.875rem!important;
    }
    
}

article.news-detail.programm .news-detail__heroWrap .zitat blockquote{
    padding: 3.75rem 1.25rem 5rem 1.875rem!important;
    max-width: 17.1875rem;
    margin: 0;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: bold;
    line-height: 1.75rem;
}

article.news-detail.programm .news-detail__heroWrap .zitat blockquote::after{
  content: "";
  display: inline-block;
  width: 4.0625rem;
  height: 3rem;
  background-image: url('../Images/quote.svg');
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -1.5rem;
  right: 1.5rem;
}

article.news-detail.programm .news-detail__heroWrap .info{
    position: absolute;
    left: 1.75rem;
    bottom: 1.75rem;
    z-index: 1;
}

article.news-detail.programm .news-detail__heroWrap .info .badge{
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    background: var(--color-turquoise-20);
    color: var(--color-turquoise);
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1rem; 
    width: max-content;
    text-transform: unset;
    margin-bottom: .5rem
}

article.news-detail.programm .news-detail__heroWrap .info .line{
    color: var(--color-white);
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 2.0625rem;
    width: max-content;
    padding: .5rem 1rem;
    display: block;
    background-color: var(--color-deep-teal-80);
    border-radius: 1.5rem;
}


article.news-detail.programm .news-detail__heroImg{
    max-height: 35.3125rem;
    height: 100%;
}
article.news-detail.programm .news-detail__heroWrap::after{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, var(--color-deep-teal-80) 0%, var(--color-black-00) 55%);
}


article.news-detail.programm .additionalinfo-box{
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    color: var(--color-deep-teal);
    background: var(--color-sand);
    border-radius: 1.25rem;
    border: 1.5px solid var(--color-sand-border);    
}

article.news-detail.programm .additionalinfo-box img{
    margin-bottom: 0.625rem;
}

article.news-detail.programm .additionalinfo-box span{
    color: var(--color-gray-medium);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.55px;
}

article.news-detail.programm .news-detail__teaser ul{
    border-radius: 1rem;
    border: 1px solid var(--color-deep-teal-05);
    background: var(--color-turquoise-30);
    list-style: none;
    padding: 0.375rem 0.75rem;
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    width: max-content;
    max-width: 100%;
}

article.news-detail.programm .news-detail__teaser ul li{
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: normal; 
}

article.news-detail.programm .news-detail__teaser ul li::after{
    content: ',';
    margin-right: 0.25rem;
}

article.news-detail.programm .news-detail__teaser ul li:last-of-type:after{
    content: '';
    margin-right: 0;
}


/************************/
/* Programm: Filter */
/************************/
.news-filter .nav-pills .nav-link{
    background: var(--color-deep-teal-dark);
    color: #fff;
    border-radius: 2rem;
    box-shadow: none;
}

.news-filter .nav-pills .nav-link.active,
.news-filter .nav-pills .nav-link:hover,
.news-filter .nav-pills .show > .nav-link{
    background: var(--color-turquoise-dark)!important;
    color: #fff;
}

.news-list-view.programme .news-card__titlelink:hover,
.news-list-view.programme .news-card__titlelink:focus{
    color: var(--text);
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
}

/************************/
/* News: Startseite */
/************************/

.news-list-view article.news{
    border-radius: 1.5rem;
}

.news-list-view article.news .card-body.news-card__body{
    padding: 1.5rem;
}

.news-list-view article.news .news-card__badgewrapper{
    width: max-content;
}

.news-list-view article.news .news-card__badgewrapper .news-detail__badge{
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1rem;     


}
.news-list-view article.news .news-card__badgewrapper .news-detail__badge.news-card__badge--2{
    background-color: #FEE8E1;
    color: var(--color-coral-strong);
}

.news-list-view article.news .news-card__badgewrapper .news-detail__badge.news-card__badge--3{
    background-color: var(--color-turquoise-20);
    color: var(--color-turquoise-dark);
}

.news-list-view article.news .news-card__badgewrapper .news-detail__badge.news-card__badge--4{
    background-color: var(--color-deep-teal-20);
    color: var(--color-deep-teal);
}

.news-list-view article.news .news-card__date{
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
}

.news-list-view article.news .news-card__title{
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.75rem; 
}

.news-list-view article.news .news-card__teaser{
    margin-top: 0;
    color: var(--color-gray-medium);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.421875rem;
}

.news-list-view article.news .news-card__location{
    margin-top: 1rem;
    margin-bottom: 0;
    color: var(--color-gray-medium);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    
}

/************************/
/* Akkordeon            */
/************************/

.accordion-item{
    margin-bottom: 0.75rem;
    border-radius: var(--bs-accordion-border-radius);
}

.accordion-item button,
.accordion-item .accordion-body{
    border-radius: var(--bs-accordion-border-radius);
}




/************************/
/* Themenkarte          */
/************************/

/* 6_6: nur wenn beide Spalten eine Info-Card enthalten */
.jsd-elli-container_6_6__grid.row:has(> .jsd-elli-container_6_6__column--left .elli-info-card):has(> .jsd-elli-container_6_6__column--right .elli-info-card) > .jsd-elli-container_6_6__column {
    display: flex;
    flex-direction: column;
}

.jsd-elli-container_6_6__grid.row:has(> .jsd-elli-container_6_6__column--left .elli-info-card):has(> .jsd-elli-container_6_6__column--right .elli-info-card) > .jsd-elli-container_6_6__column .frame:has(> article.elli-info-card) {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.jsd-elli-container_6_6__grid.row:has(> .jsd-elli-container_6_6__column--left .elli-info-card):has(> .jsd-elli-container_6_6__column--right .elli-info-card) > .jsd-elli-container_6_6__column .frame > article.elli-info-card {
    flex-grow: 1;
}

/* 4_4_4: nur wenn alle drei Spalten eine Info-Card enthalten */
.jsd-elli-container_4_4_4_grid.row:has(> .jsd-elli-container_4_4_4_column--left .elli-info-card):has(> .jsd-elli-container_4_4_4_column--middle .elli-info-card):has(> .jsd-elli-container_4_4_4_column--right .elli-info-card) > .jsd-elli-container_4_4_4_column {
    display: flex;
    flex-direction: column;
}

.jsd-elli-container_4_4_4_grid.row:has(> .jsd-elli-container_4_4_4_column--left .elli-info-card):has(> .jsd-elli-container_4_4_4_column--middle .elli-info-card):has(> .jsd-elli-container_4_4_4_column--right .elli-info-card) > .jsd-elli-container_4_4_4_column .frame:has(> article.elli-info-card) {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.jsd-elli-container_4_4_4_grid.row:has(> .jsd-elli-container_4_4_4_column--left .elli-info-card):has(> .jsd-elli-container_4_4_4_column--middle .elli-info-card):has(> .jsd-elli-container_4_4_4_column--right .elli-info-card) > .jsd-elli-container_4_4_4_column .frame > article.elli-info-card {
    flex-grow: 1;
}

.elli-info-card{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.elli-info-card.elli-infocard-bgcolor-white{
    --elli-info-card-bg: var(--color-white);
    --elli-info-card-border-color: var(--color-sand-border);
    --elli-info-card-shadow: none;
}

.elli-info-card.elli-infocard-bgcolor-turquoise {
  --elli-info-card-bg: var(--color-turquoise-20);
  border: none;
  --elli-info-card-shadow: none;
}

.elli-info-card.elli-infocard-bgcolor-turquoise .elli-info-card__inner {
  padding: 1.25rem;
}

.elli-info-card.elli-infocard-bgcolor-turquoise .elli-info-card__text p {
  color: var(--color-gray-medium);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.elli-info-card.elli-infocard-bgcolor-sand {
    --elli-info-card-bg: var(--color-sand);
    --elli-info-card-border-color: var(--color-sand-border);
    --elli-info-card-shadow: none;
}

.elli-info-card.elli-infocard-bgcolor-sand .elli-info-card__inner {
    padding: 1.25rem;
}

.elli-info-card.elli-infocard-bgcolor-sand .elli-info-card__title {
    color: var(--color-deep-teal);
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.375rem;
    margin-bottom: 0.375rem;
}

.elli-info-card.elli-infocard-bgcolor-sand .elli-info-card__text p {
    color: var(--color-gray-medium);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
}

.elli-info-card.elli-infocard-bgcolor-transparent {
    --elli-info-card-bg: var(--color-white-05);
    --elli-info-card-border-color: rgba(255, 255, 255, 0.12);
}

.elli-info-card.elli-infocard-bgcolor-transparent .elli-info-card__inner {
    padding: 1rem;
}

.elli-info-card.elli-infocard-bgcolor-transparent .elli-info-card__head {
    margin-bottom: 0;
}

.elli-info-card.elli-infocard-bgcolor-transparent .elli-info-card__blocks {
    margin-top: 0;
}

.elli-info-card.elli-infocard-bgcolor-transparent .elli-info-card__title {
    color: var(--color-white);
    margin-bottom: 0;
}

.elli-info-card.elli-infocard-bgcolor-transparent .elli-info-card__text p {
    color: var(--color-white-80);
}



.elli-info-card .elli-info-card__iconwrap--sand{
    --elli-info-card-iconwrap-bg: rgba(230, 220, 209, 1);
}

.elli-info-card .elli-info-card__iconwrap--turquoise{
    --elli-info-card-iconwrap-bg: var(--color-turquoise-20);
}

.elli-info-card .elli-info-card__iconwrap--coral{
    --elli-info-card-iconwrap-bg: var(--color-coral-20);
}

.elli-info-card .elli-info-card__iconwrap--grey{
    --elli-info-card-iconwrap-bg: var(--color-deep-teal-20);
}

.elli-info-card .elli-info-card__inner:has(.elli-info-card__iconwrap--turquoise)
.elli-info-card__morelink {
    color: var(--color-turquoise-dark);
}

.elli-info-card .elli-info-card__inner:has(.elli-info-card__iconwrap--coral)
.elli-info-card__morelink {
    color: var(--color-coral-strong);
}

.elli-info-card .elli-info-card__inner:has(.elli-info-card__iconwrap--grey)
.elli-info-card__morelink {
    color: var(--color-deep-teal);
}


.elli-info-card .elli-info-card__imagearea::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.elli-info-card:has(.elli-info-card__iconwrap--turquoise)
.elli-info-card__imagearea::before {
    background: linear-gradient(0deg, var(--color-gradient-turquoise-overlay) 0%, rgba(5, 229, 207, 0.00) 100%);
}

.elli-info-card:has(.elli-info-card__iconwrap--coral)
.elli-info-card__imagearea::before {
    background: linear-gradient(0deg, var(--color-gradient-coral-overlay) 0%, var(--color-black-00) 70%);
}

.elli-info-card:has(.elli-info-card__iconwrap--grey)
.elli-info-card__imagearea::before {
    background: linear-gradient(0deg, var(--color-deep-teal) 0%, var(--color-black-00) 70%);
}

.elli-info-card .elli-info-card__imagearea {
    border-bottom: 0.375rem solid var(--card-accent, transparent);
}

.elli-info-card .elli-info-card__imagearea .imagedescription{
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.6px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 2;
    background-color: rgba(0,0,0,.5);
    padding: 0.2rem 0.8rem;
    border-radius: 20px;
    display: none!important;
}

.elli-info-card .elli-info-card__li{
    align-items: center;
}

.elli-info-card .elli-info-card__liicon{
    --elli-info-card-list-icon-size: 1.5rem;
}

.elli-info-card .elli-info-card__liicon--check::before{
    content: '';
    background: url(../Images/check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
}

/************************/
/* Fakten & Zahlen      */
/************************/

.elli-fakten .elli-fakten__box{
    --elli-fakten-color: #595959;
}

.elli-fakten.elli-fakten--turquoise .elli-fakten__box{
    --elli-fakten-bg: var(--color-turquoise-20);
}

.elli-fakten.elli-fakten--sand .elli-fakten__box{
    --elli-fakten-bg: var(--color-sand);
    border: var(--elli-fakten-border-width) solid var(--color-sand-border);
}

/************************/
/* Bildbereich          */
/************************/

figure.elli-image{
    position: relative;
}

figure.elli-image figcaption{
    position: absolute;
    left: -1.5rem;
    bottom: 10%;
    z-index: 1;

    display: inline-flex;
    padding: 1rem 5.625rem 1rem 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    border-radius: 1rem;

    background: var(--color-deep-teal-50);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.2px);
    -webkit-backdrop-filter: blur(10.2px);
    border: 1px solid rgb(30, 116, 126)
}

@media(max-width: 991px){
    figure.elli-image figcaption{
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
    }
}

.jsd-headersection__content figure.elli-image figcaption .subtitle .text-white{
    color: var(--color-white)!important;
}

body:not(.home) figure.elli-image:not(.jsd-headersection figure.elli-image) figcaption{
    border-radius: 16px;
    background: var(--color-deep-teal);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
}

body:not(.home) figure.elli-image:is(.jsd-headersection figure.elli-image) figcaption {
  padding: 1rem;
}

figure.elli-image:not(.jsd-headersection figure.elli-image) figcaption {
  padding: 1.25rem;
}

figure.elli-image figcaption p{
    margin-bottom: 0;
    color: var(--color-white-75);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375;
}

figure.elli-image figcaption img{
    width: 24px;
    height: 24px;
    margin-right: .5rem;
    background: var(--color-coral-strong);
    border-radius: 1rem;
    aspect-ratio: 1/1;
}

figure.elli-image figcaption p a{
    color: var(--color-turquoise)!important;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.375;
}

/************************/
/* Kontaktkarte          */
/************************/

.contact-info-box .contact-info-box__body{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.contact-info-box .contact-info-box__badgewrap{
order: 2;
}
    

.contact-info-box .contact-info-box__badge{
    color: var(--color-coral-strong);
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.25rem;
}

.contact-info-box .contact-info-box__title{
    order: 1;
    color: var(--color-deep-teal);
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.75rem;
    margin: 0;
}

.contact-info-box .contact-info-box__subtitle{
    order: 3;
    display: flex;
    padding: .875rem;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 1.25rem;
    background: #FFF;
}
.contact-info-box .contact-info-box__subtitle p{
    color: var(--color-deep-teal);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.contact-info-box .contact-info-box__list{
    order: 4;
}


.contact-info-box .contact-info-box__item{
    border-radius: 1.875rem;
    border: 1px solid var(--color-deep-teal-50);
    display: flex;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin-top: .25rem;
}

/************************/
/* Kopfbereich          */
/************************/

body.home .jsd-headersection .eyebrow{
    border-radius: 2rem;
    border: 1px solid var(--color-turquoise-30);
    width: max-content;
    padding: 6px 14px;
    color: var(--color-turquoise);
    font-size: .75rem;
    font-weight: bold;
    line-height: 1rem;
    letter-spacing: 1.2px;
}

.jsd-headersection__content h1{
    margin-bottom: 2rem;
}

.jsd-headersection__content .subtitle .text-white{
	color: var(--color-white-80)!important;
}


body.home .jsd-headersection #c5{
    padding-top: 2.5rem;
    border-top: 1px solid var(--color-white-10);
}


body .jsd-headersection .elli-image__media,
.elli-image.elli-image--shape .elli-image__media,
.shape{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 676 / 610.33091;
    object-fit: cover;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 676 610.33091'%3E%3Cpath fill='black' d='M668.65659 101.12809c-4.88466-20.16732-14.25958-37.16775-28.09414-50.99117-17.84322-17.85476-41.05092-30.68847-69.5723-38.46984-24.25074-6.61482-61.21846-10.38573-110.67757-11.37543v-.29165h-244.62517v.29165c-49.44824.98969-86.42683 4.76061-110.67758 11.37543-28.5196 7.78135-51.72907 20.5944-69.57229 38.46984-13.83278 13.83378-23.20771 30.81348-28.09414 50.99117C2.44765 121.28486 0 150.96298 0 190.15163v230.01728c0 39.17833 2.44765 68.85624 7.34342 89.02356 4.88643 20.16732 14.26135 37.16776 28.09414 51.00154 17.84322 17.8547 41.05269 30.67794 69.57229 38.46978 24.25074 6.61487 61.21846 10.38573 110.67757 11.37542v.2917h244.62517v-.2917c49.44824-.98963 86.42683-4.76055 110.67757-11.37542 28.52138-7.78136 51.72908-20.59417 69.5723-38.46978 13.83456-13.83373 23.20947-30.81348 28.09414-50.99117 4.90662-20.15678 7.34341-49.83489 7.34341-89.02358v-230.02761c0-39.1783-2.43679-68.85624-7.34341-89.02356Z'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 676 610.33091'%3E%3Cpath fill='black' d='M668.65659 101.12809c-4.88466-20.16732-14.25958-37.16775-28.09414-50.99117-17.84322-17.85476-41.05092-30.68847-69.5723-38.46984-24.25074-6.61482-61.21846-10.38573-110.67757-11.37543v-.29165h-244.62517v.29165c-49.44824.98969-86.42683 4.76061-110.67758 11.37543-28.5196 7.78135-51.72907 20.5944-69.57229 38.46984-13.83278 13.83378-23.20771 30.81348-28.09414 50.99117C2.44765 121.28486 0 150.96298 0 190.15163v230.01728c0 39.17833 2.44765 68.85624 7.34342 89.02356 4.88643 20.16732 14.26135 37.16776 28.09414 51.00154 17.84322 17.8547 41.05269 30.67794 69.57229 38.46978 24.25074 6.61487 61.21846 10.38573 110.67757 11.37542v.2917h244.62517v-.2917c49.44824-.98963 86.42683-4.76055 110.67757-11.37542 28.52138-7.78136 51.72908-20.59417 69.5723-38.46978 13.83456-13.83373 23.20947-30.81348 28.09414-50.99117 4.90662-20.15678 7.34341-49.83489 7.34341-89.02358v-230.02761c0-39.1783-2.43679-68.85624-7.34341-89.02356Z'/%3E%3C/svg%3E");

    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
}