/* https://preview.linon.de/idastyles/anne-frank-zentrum/afz.css */

*:focus-visible {
    outline: 3px solid #000;
    outline-offset: 2px;
}
.dark *:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
}
swiper-container::part(button-prev), swiper-container::part(button-next) {
    --slider-navigation-size: 20px;
    --swiper-navigation-sides-offset: 0;
    --swiper-navigation-top-offset: 56%;
    --slider-navigation-color: #Fff;
}
html {
    --tablet-bg: #f2f0ed;
    --tablet-boxes-min-height: 12vh;
    --blackwhite: #3d3d96;
    --whiteblack: #FFF;
    --list-item-border-color: #666 !important;
    --base-h1-color: #403C90;
    --swiper-border-color:#d0cbc3;
}
 body {
     --list-item-background: transparent !important;
     color: #000;
 }
body .dark {color: #FFF}

[data-entity="root"] {
    --blue: #fff
}
.base-tablet {
    --blue: #403C90;
    --tablet-bg: #f2f0ed;
    --module-color: #403C90;
    --tablet-nav-width: 10vw;
    --module-text-color: #ffffff;
    --tablet-sidebar-width: 320px;
    --tablet-gap: 3px;
    --tablet-padding: 24px;
    --tablet-radius: 8px;
    --tablet-font-family: var(--font-family-sans);
    --tablet-nav-hex-size: 55px;
    --tablet-nav-inactive-opacity: 1;
    --player-bg: #fff;
    --page-link-current: #cecece;
    --page-link-current-color: #000000;
    --page-link-color: #000;
    --slider-bg: hsl(36 15% 92% / 1);
    --slider-navigation-color: var(--font-color);
    font-family: var(--tablet-font-family);
    --background-color: var(--tablet-bg);
    min-height: 100vh;
    --slider-active-bullet-color: #f04f32;
    --teaser-link-active-color: #FFF;
    --teaser-link-active-bg: var(--module-color);
    --teaser-link-bg: #FFF;
    --teaser-link-border-color: var(--blue);
    --link-font-color: #f04f32;
}
html .indoor-map {
    --map-bg: #f2f0ed !important;
    margin-bottom: 2em;
    
}

.dark {
    --tablet-bg: #222;
    --list-item-border-color: #fff;
    --base-h1-color: #FFF;
    --swiper-border-color:#0c0c0c;
}

.dark .base-tablet {
    --tablet-bg: #222;
    --page-link-current: #000000;
    --page-link-color: #ffffff;
    --page-link-current-color: #FFF;
    --item-color: #ccc !important;
    --slider-bg: #353535;
    --module-color: #FFF !important;
    --blackwhite: #FFF;
    --whiteblack: #403C90;
    --teaser-link-border-color: transparent;
    --module-text-color: #000;
}

.dark .teaser-list a {
       --item-color: #000 !important;
       --module-color: #000 !important;
       --teaser-link-active-bg: #ffffff !important;
       --blue: #ffffff;
    --teaser-link-bg: #868383;
    --teaser-link-active-color: #000;
    --teaser-link-color: #FFF;
}

.dark .tablet-module-nav * {
    --item-text-color: #000!important;
    --module-text-color: #000 !important;
    /* --item-color: #868383 !important; */
}

.dark .tablet-list--boxes * {
    --item-text-color: #FFF!important;
    /* --item-color: #838383 !important; */
    --module-text-color: #000 !important;
}
.dark .base-tablet .tablet-page-header * {
    color:#FFF
}
.base-tablet .tablet-page-title {
    font-size: min(2.5rem, 44px) !important;
}
.dark :is(h1, h2) {
    color: #FFF !important;
}
.dark .tablet-module-nav .hex-badge svg path {
    fill: var(--item-color, var(--module-color));
}

.base-tablet .MainMenu-SlideRoot,
.base-tablet .MainMenu-menu {
    background-color: var(--tablet-bg);
    min-height: 100vh;
}

.base-tablet {
    background: var(--tablet-bg);
}

.player-controls {
    height: 70px;
}

.tablet-list--boxes li:has(a[href*="modul-prolog-main"]),
.tablet-list--boxes li:has(a[href*="modul-epilog-main"]){
     /* grid-column: 1 / -1; */
     

    & .tablet-list-item-link {
        /* padding: 15px 35px; */
        /* min-height: unset; */
        /* max-width: fit-content; */
    }
    & .tablet-list-item-title1 {
        font-size: 1.1rem;
    }
}



.tablet-list--boxes  > li:has(a[href*="modul-02-main"]),
.tablet-list--boxes  > li:has(a[href*="modul-03-main"]),
.tablet-list--boxes  > li:has(a[href*="modul-04-main"]),
.tablet-list--boxes  > li:has(a[href*="modul-05-main"])
{
    grid-column: 2;
}
.tablet-list--boxes  > li:has(a[href*="modul-A-main"]),
.tablet-list--boxes  > li:has(a[href*="modul-B-main"]),
.tablet-list--boxes  > li:has(a[href*="modul-C-main"])

{
    grid-column: 3;
}
.tablet-list--boxes  > li:has(a[href*="modul-A-main"]){
 grid-row: 1;   
}

/* JVA Modulauswahl liegt hinter B*/
.tablet-list--boxes  > li:has(a[href*="modul-JVA-main"]){
 grid-row: 2;   
    grid-column: 3;
    
}
.tablet-list--boxes  > li:has(a[href*="modul-B-main"]){
 grid-row: 2;
}
.tablet-list--boxes  > li:has(a[href*="modul-C-main"]){
 grid-row: 3;
 grid-column: 3;
 
}
.tablet-list--boxes  > li:has(a[href*="modul-epilog-main"]){
 grid-row: 1;  
    grid-column: 4;
}


.base-tablet .tablet-list--boxes {
    grid-template-columns: repeat(var(--tablet-boxes-columns, 4), minmax(0, 1fr))
}

.base-tablet .tablet-list--boxes .tablet-list-item-link {
    overflow: clip;
    padding: 10px 10px 10px 45px;
    box-shadow: 0 0 10px hsl(0deg 0% 0% / 13%);
}

.base-tablet .tablet-list-item-ribbon {
    width: 45px;
    height: 65px;
    align-items: center;
    left: -10px;
    top: -8px;
    padding-top: 0;
    padding-left: 8px;
    padding-bottom: 4px;
    font-size: 1.35rem;
    clip-path: polygon(
    10% 0%,   /* Oben Links: Rückt leicht nach innen */
    100% 5%, /* Oben Rechts: Rückt tiefer nach innen */
    100% 70%, /* Unten Rechts: Rückt spiegelbildlich hoch */
    10% 100%  /* Unten Links: Rückt leicht nach innen */
  );
    }
 


/* JVA ribbon */
.tablet-list--boxes > li:nth-child(8) .tablet-list-item-ribbon {
    width: 60px;
    font-size: 1em;
}
.tablet-list--boxes > li:nth-child(8) a.tablet-list-item-link {
    padding-left: 68px;
}


.tablet-module-nav {
    margin-top: 18px;
}
.textsize-xl .tablet-module-nav {
    margin-top: .5em
}
.tablet-nav-item-link {position:relative;}

.tablet-module-nav .tablet-nav-item-link:before {
    content:'';
    position:absolute;
    z-index:0;
    background: var(--item-color);
    width: 48px;
    height: 61px;
    align-items: center;
    left: 0;
    top: 0px;
    padding-top: 0;
    padding-left: 8px;
    padding-bottom: 4px;
    font-size: 1.35rem;
    clip-path: polygon(
    10% 0%,
    100% 0%,
    100% 70%, 
    10% 100% 
  );
}

.tablet-module-nav .tablet-nav-item.selected .tablet-nav-item-link:before {
    width: 64px;
    height: 63px;
}
.tablet-module-nav .tablet-nav-item.selected .hex-badge {
    transform: scale(1.3);
}

li.tablet-nav-item.selected:is(:first-child, :last-child) .hex-badge-label{
    /* color: var(--blue) !important; */
    /* text-decoration: underline; */
    /* text-underline-offset: 8px; */
}
.dark li.tablet-nav-item.selected:is(:first-child, :last-child) .hex-badge-label {
    /* color: #FFF !important; */
}
li.tablet-nav-item:is(:first-child, :last-child) .hex-badge-label {
    border: 0px solid #000;

}

li.tablet-nav-item.selected:not(:first-child):not(:last-child) {
    /* filter:
    drop-shadow( 3px  0px 0 #FFF)  
    drop-shadow(-3px  0px 0 #FFF)  
    drop-shadow( 0px  3px 0 #FFF)  
    drop-shadow( 0px -3px 0 #FFF); */ /* Oben */
}
.tablet-module-nav .selected .hex-badge svg path {
        /* fill: var(--blue) !important; */
    }
.dark .tablet-module-nav .selected .hex-badge-label {
    color: #000000;
}
nav#tablet-module-nav ul.tablet-nav-list a  {
    & .hex-badge {/* width: fit-content; *//* height: 20px; */}
    & svg {opacity:0;height: 18px;width: 5em;}
    & .hex-badge-label {
        color: #FFF;
        font-size: 1.35em;
        text-overflow: initial;
        line-height: 2;
    }

    margin-block: 3px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content:center;
    align-content: center;
    flex-wrap: wrap;

}



#tablet-page-root .tablet-list-item-link {
    width: fit-content;
    background: #E94F35;
    color: #FFF;
    border: none;
    border-radius: 30px;
    padding: 12px 27px;
    margin-top: 15px;
}

main.tablet-content:not(:has(.tablet-list--boxes)) {
  margin-top: 88px;
  position: relative;
  z-index: 9999;
}

/* ################### Hide Children */
[data-id-root*="modul-"] ul.tablet-list.tablet-list--tiles:not(.teaser-list *) {
    display: none;
}

/* ################### Teaserlist on top ausser root */

.teaser-list:not(#tablet-page-root *) ul.tablet-list   {
    position: fixed;
    top: 10px;
    display: flex;
    width: 100%;
    background: var(--tablet-bg);
    padding-top: 10px;
    padding-bottom: 1.5em;
    padding-right: 50px;
    border-top: 70px solid var(--tablet-bg);
    gap: 20px;
    z-index: 65520;
    overflow-x: scroll;
    flex-wrap: nowrap;
}


/* ################### Bei grosser Schrift Teaserlist scrollbar machen */

.teaser-list ul.tablet-list.tablet-list--tiles {
      max-width: calc(100vw - var(--tablet-nav-width));
    overflow-x: auto;
    padding-right: 44px;
    & .tablet-list-item {
        flex-shrink: 0
    }
}

.outer-main-container.module-baseTablet .TopBar-appBar {
    background-color: var(--tablet-bg);
    filter: brightness(0.97);
}

.base-tablet .tablet-content .components {
    /* display:block; */
    /* max-width: 60vw; */
    column-gap: 3em;
    row-gap: 3em;
    background-color: transparent !important;
    margin-top: -1em;
}
.grid-item-row-1 {
  display: block;
}

.base-tablet .tablet-content .components .grid-item {
  border-bottom: 2px solid #000000;
  padding-bottom: 10px;
}

.base-tablet .tablet-page-header {
    margin-bottom: 2em;
    margin-top: 8px;
}
.base-tablet .tablet-list--boxes {
    margin-top: .5em;
}
[data-root-id="01-start"]  .tablet-page-header{
    margin-bottom: .5em;
}
.base-tablet.has-module-nav .tablet-split, .base-tablet.has-module-nav .tablet-hub {
    padding-left: calc(var(--tablet-nav-width) + 0vw);
}


/* ################### hide children in main modul page */
[data-root-id*="-main"] .tablet-list:not(.teaser-list *) {
    display: none;
}
.tablet-content { animation: fadeup 300ms ease-out 0s 1 forwards; }
@keyframes fadeup {
    0% { margin-top: 150px; opacity: 0.2 }
    100% { margin-top: var(--content-top-margin); opacity: 1 } }

.tablet-content:has(.teaser-list):not(#tablet-page-root *) {
    --content-top-margin: 88px;
}

.richtext {
    font-size: 1.125rem;
}
.richtext .text-popup-trigger {
    text-underline-offset: .3rem
}

.richtext h2 {
    color: var(--module-color);
    text-transform: none;
    font-size: 1.4rem;
    margin-bottom: 1em
}
.richtext h3 {
    color: var(--module-color);
    text-transform: none;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: .2em;
    margin-top: 1em;
}

.base-tablet .MainMenu-item {
    font-size: 1.5rem;
    font-weight: bold;
}

.ComponentsWrapper-padding + .imageslider-advanced {
    margin-top: 0em;
}
.imageslider-advanced + .ComponentsWrapper-padding {
    margin-top: 0em;
    padding-top: 0;
}


button[data-textsize-class="textsize-xxl"] {
    display: none
}
.imageslider-advanced:not(.single) .FullScreenWrapper-fullscreen:has(.swiper-custom-buttons) .swiper .caption-inline {
    bottom: 30px;
    & * {
        color: var(--font-color)
    }
}

swiper-container::part(bullet) {
    opacity: .9;
}

swiper-container::part(bullet-active)
 {
    width: 12px;
    height: 6px;
     border-radius: 8px;
    opacity: 1;
    background-color: var(--slider-active-bullet-color);
}

.imageslider-advanced .FullScreenWrapper-fullScreenButton {
    top: 8px;
    right: 8px;
    left: revert !important;
}
.imageslider-advanced .FullScreenWrapper-fullscreen .FullScreenWrapper-fullScreenButton svg {
display: none;
}
.imageslider-advanced .FullScreenWrapper-fullscreen .FullScreenWrapper-fullScreenButton:before {
    content: '+';
    line-height: 0.65;
    font-size: 2.25rem;
    transform: rotate(135deg);
}


swiper-container::part(button-prev), swiper-container::part(button-next) {
    background: hsl(0deg 0% 0% / 30%);
    padding: 5px;
}
swiper-container::part(button-prev) {
    padding-left: 3px;
}
swiper-container::part(button-next) {
    padding-right: 3px;
}

swiper-slide.swiper-slide-active {
    /* min-height: 100%; */
    /* position: static; */
}

html {
    background: var(--tablet-bg)
}

.teaser-list {
    width: 100%;
    height: 10px;
}

[data-root-id="01-start"] .tablet-split {
    display: block;
}

@media (orientation: portrait) and (hover: none) and (pointer: coarse) {

    .base-tablet .tablet-content .components {
    display: block; 
}
    .base-tablet {
    --tablet-nav-width: 100px;
}
    .teaser-list ul.tablet-list.tablet-list--tiles {
      max-width: calc(100vw - var(--tablet-nav-width));
    overflow-x: auto;
        gap: 8px;
    padding-right: 44px;
    & .tablet-list-item {
        flex-shrink: 0
    }
}
    [data-root-id="01-start"] .tablet-list--boxes > li:nth-child(5), .tablet-list--boxes > li:nth-child(7) {
    grid-column: auto;
}
    .base-tablet.has-module-nav .tablet-split, .base-tablet.has-module-nav .tablet-hub {
    padding-left: calc(var(--tablet-nav-width) + 4vw);
}
}

.tablet-content .richtext {
    padding-left: 0 !important;
}

div.search-box {
    padding: 1em 0px 1em 36px;
    position: relative;
}

[data-root-id*="solo"],
[data-root-id*="glossar"],
[data-root-id*="gl-"],
[data-root-id*="keypad"],
[data-root-id*="imprint"]
{
    
    & .tablet-module-nav {
        display:none;
    }
    & .tablet-hub {
        padding-left: 1em !important
    }
    & .tablet-list-item-link {
        width: fit-content;
        min-width: 360px;
    }
}
[data-root-id*="glossar"] {
     & .tablet-list-item-link {
        width: fit-content;
        min-width: 50%;
    }
}
.dark [data-root-id*="glossar"] {
     & .tablet-list-item-link {
        width: fit-content;
        min-width: 50%;
         background: #FFF;
    }
}

[data-id="glossar"] {
    
    & .list-item {
    width: fit-content;
    min-width: 60%;
}
    & h1 {
        font-family: var(--font-family-sans);
        font-size: min(2.5rem, 40px) !important;
        margin-left: 31px;
        color: var(--base-h1-color);
    }
                    }

[data-root-id*="solo"] .tablet-list--tiles {
    /* grid-template-columns: 2fr 2fr; */
}

.Collapsible__trigger {
    font-weight: bold !important;
}

    body:not(.fullscreen) .outer-main-container {
        box-shadow:unset;
        max-width: unset; 
        background: var(--tablet-bg)
    }
.base .TopBar-appBar {
    max-width: unset;
    right: auto;
    background-color: var(--tablet-bg);
    filter: brightness(0.97);
}
.base .list-item {
    border-bottom: 1px solid var(--list-item-border-color)
}
.base ul li.list-item:last-of-type .List-listItem{
    border-bottom: none;
}
.base ul.base-list {
    margin: 0 30px;
}
.MainMenu-SlideRoot {
    background-color: var(--tablet-bg) !important;
    min-height: 100vh
}
.MainMenu-menu {
    background: var(--tablet-bg) !important;
}
.text-popup-paper .text-popup-title {
    display: none;
}

.tablet-content .richtext h2 {
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 1.1;
}

.base-tablet .tablet-hub {
    max-width: calc(100vw - var(--tablet-padding));
}
.tablet-content:has(.teaser-list) .tablet-page-header {
    margin-bottom: 0;
}

.imageslider-advanced .caption-inline {
    font-size: 1rem;
    
    
    
    
    & * {line-height: 1.2 !important;
        }
}

main:not(:has(.FullScreenWrapper-fullscreen)) .imageslider-advanced .caption-inline {
    text-align: left;
    & p {
        padding: 0;
    }
}
.expander {
    display: none !important;
}

.tablet-module-nav .tablet-nav-list {
    align-items: flex-start;
}

[data-root-id="root"] main {
    min-height: 100dvh;
}

[data-root-id="root"] .main-container.MainContainer-main {
    min-height: 100dvh;
}

[data-root-id="root"] .entity-overlays {
    inset: 0;
    max-width: unset;
    min-height: 100%;
}

[data-root-id="root"] .TopBar-toolbarMargin {
    height: 0 !important;
    min-height: 0 !important;
}
body:has([data-root-id="root"]) .outer-main-container.module-baseTablet .TopBar-appBar {
    background-color: transparent;
    filter: brightness(0.97);
}
body:has([data-root-id="root"]) .TopBar-rightItems button:not(.MainMenu-SlideRoot *) * {
    color: #FFF;
}

[data-root-id="root"] img#overlay-0 {
    object-fit: cover;
    object-position: right top;
    height: 100%;
    bottom: unset !important;
    transform: none !important;
}

[data-root-id="root"] .tablet-list {
    position: absolute;
    left: 20px;
    bottom: 100px;
    
    
  
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    & .tablet-list-item-title1 {
        font-size: 1.5rem;
    }
}

[data-root-id="01-start"] h1.tablet-page-title {
    margin-bottom: 43px;
    margin-top: 0px;
}

.richtext blockquote p{
    font-size: 1.4rem;
    line-height: 1.3;
    display: block;
    height: auto;
    font-weight: 400;
    font-style: italic;
    font-family: serif;
}
.richtext blockquote {
    padding-top: 15px;
    border-top: 1px dotted #0000005e;
    margin-bottom:1em;
    margin-top: .5em;
}

/* todo jva modul-nav  */
li#tablet-nav-item-modul-JVA-main {
    display: block;
        & .hex-badge-label {
            font-size: 1rem !important;
            
        }
}
li#tablet-nav-item-modul-JVA-main.selected{
    & .hex-badge-label {
            padding-left:12px 
        }
}

.ComponentsWrapper-padding:has(a[href*="2spalten"]) {
    grid-column: span 2 !important;
}
a[href*="2spalten"] {
    display: none;
}

.components .Collapsible {
    margin-top: -2em;
}

.teaser-list .tablet-list  a.tablet-list-item-link {
    border-radius: 50px;
    background-color: var(--teaser-link-bg);
    color: var(--teaser-link-color);
    border: 1px solid var(--item-color);
    gap: 10px;
    padding: 10px 18px;
    min-height: 35px;
}

.teaser-list .tablet-list  a[href*="sb-"]:not(.MainMenu-menu *),
.teaser-list .tablet-list  a[href*="dgs-"]:not(.MainMenu-menu *){
    border-radius: 11px;
    background-color: var(--teaser-link-bg);
    color: var(--blue);
    border: 1px solid var(--teaser-link-border-color);
    padding: 7px 18px;
    min-height: unset;
}

.teaser-list .tablet-list  a[href*="sb-"]:not(.MainMenu-menu *):before,
.teaser-list .tablet-list  a[href*="dgs-"]:not(.MainMenu-menu *):before{
    content:'';
    display: block;
    height: 24px;
    width: 24px;
    background: var(--blue);
}
.teaser-list .tablet-list  a[href*="dgs-"]:not(.MainMenu-menu *):before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='165' height='159' viewBox='0 0 165 159'%3E%3Cg transform='translate(-17.6051 -20.8865)'%3E%3Cg transform='matrix(.480242 0 0 .480244 -21.3603 -16.8405)'%3E%3Cpath d='M258.688 157.043L332.993 82.743C338.57 77.152 347.671 77.165 353.289 82.77C358.866 88.361 358.866 97.448 353.289 103.053L274.232 182.089C271.498 184.837 271.511 189.217 274.232 191.951C276.953 194.658 281.347 194.672 284.081 191.937L378.754 97.366C384.358 91.761 393.473 91.748 399.078 97.366C404.655 102.944 404.655 112.058 399.051 117.662L304.46 212.328C301.726 215.049 301.739 219.457 304.46 222.178C307.181 224.899 311.574 224.899 314.309 222.178L393.366 143.128C398.943 137.537 408.057 137.55 413.662 143.142C419.266 148.733 419.266 157.847 413.662 163.424L343.331 233.767L216.759 233.741C226.792 220.64 253.617 186.305 253.971 185.844C259.045 179.015 261.154 170.635 259.902 162.201C259.638 160.433 259.225 158.711 258.688 157.043ZM420.081 197.161C414.477 191.57 405.362 191.57 399.785 197.147L360.201 236.731C369.271 240.961 376.022 249.35 377.995 259.439L420.081 217.457C425.659 211.867 425.686 202.767 420.081 197.161ZM204.12 146.475C205.575 145.117 207.075 143.89 208.606 142.779C206.405 125.27 204.041 105.961 203.876 104.576C203.332 100.944 201.318 97.584 198.23 95.271C195.128 92.986 191.333 92.047 187.551 92.605C177.457 94.087 175.621 104.277 175.43 110.208C175.24 115.731 174.26 136.408 173.076 161.167C172.856 165.796 172.629 170.572 172.399 175.415C188.252 160.992 200.568 149.792 204.12 146.475ZM383.243 308.247C383.243 300.316 376.795 293.882 368.878 293.882L235.034 293.815C231.184 293.815 228.069 290.7 228.069 286.863C228.069 283 231.184 279.898 235.034 279.898L346.827 279.898C354.738 279.898 361.179 273.45 361.179 265.56C361.179 257.629 354.738 251.181 346.827 251.181L209.01 251.181C203.711 251.181 199.242 248.61 197.052 244.312C194.57 239.456 195.433 233.306 199.364 227.878C203.921 221.62 238.617 177.219 240.093 175.328C242.29 172.376 243.242 168.567 242.677 164.758C242.113 160.949 240.106 157.603 237.018 155.318C228.842 149.223 220.347 155.128 216.008 159.209C211.967 162.963 196.65 176.894 178.306 193.571C154.772 214.956 126.252 240.883 110.262 255.63C99.386 265.67 81.137 287.625 81.137 321.73C81.137 373.246 122.6 407.853 184.319 407.853L313.164 408.03C321.074 408.03 327.516 401.595 327.516 393.678C327.516 385.761 321.075 379.313 313.164 379.313L235.033 379.313C231.183 379.313 228.068 376.198 228.068 372.348C228.068 372.334 228.075 372.321 228.075 372.293C228.075 372.279 228.068 372.266 228.068 372.253C228.068 368.402 231.183 365.287 235.033 365.287L346.826 365.287C354.737 365.287 361.178 358.853 361.178 350.935C361.178 343.018 354.737 336.57 346.826 336.57L235.034 336.57C231.184 336.57 228.069 333.455 228.069 329.605C228.069 325.755 231.184 322.64 235.034 322.64L368.878 322.585C376.795 322.585 383.243 316.151 383.243 308.247Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}
.teaser-list .tablet-list  a[href*="sb-"]:not(.MainMenu-menu *):before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='40' viewBox='0 0 47 40'%3E%3Cg transform='matrix(1 0 0 1 -753.507 -99.2579)'%3E%3Cg transform='matrix(.993977 0 0 .993977 389.805 27.6151)'%3E%3Cg transform='matrix(1 0 0 1 376.16 81.8509)'%3E%3Cpath fill='%23f2f0ed' d='M0 19.844C-.179 19.601-.192 19.026-.212 18.712C-.583 13.01.084 6.912-.211 1.167L-.016.256L14.432-9.464C15.958-10.298 17.815-9.365 18.121-7.676L18.126 27.401C17.882 29.205 16.462 30.142 14.685 29.563L0 19.844Z'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 368.294 82.7357)'%3E%3Cpath fill='%23f2f0ed' d='M0 18.532C-.086 18.516-.909 18.096-1.058 18.007C-1.729 17.604-2.181 16.516-2.273 15.75C-2.084 11.579-2.584 7.101-2.298 2.966C-2.241 2.149-2.129 1.322-1.57.693C-1.357.454-.204-.265 0-.265L5.055-.265L5.292-.028L5.292 18.295L5.055 18.532C3.566 18.335 1.396 18.797 0 18.532Z'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 406.059 107.151)'%3E%3Cpath fill='%23f2f0ed' d='M0-31.559C.236-31.399.948-30.552 1.167-30.283C7.496-22.514 7.815-11.267 2.247-2.991C1.558-1.966-.107.676-1.512.037C-3.277-.765-.55-3.112.039-3.935C4.758-10.524 5.156-19.63.921-26.562C.42-27.381-2.001-30.216-2.08-30.673C-2.299-31.935-.996-32.235 0-31.559Z'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 400.978 80.8616)'%3E%3Cpath fill='%23f2f0ed' d='M0 19.841C4.39 14.142 5.12 7.725.72 1.691C.207.988-1.148.197-.548-.847C.521-2.708 2.511.127 3.128 1.021C6.985 6.625 6.884 14.357 2.999 19.918C2.784 20.226 1.474 21.886 1.285 21.994C.317 22.549-.971 21.78-.634 20.716C-.561 20.483-.175 20.068 0 19.841Z'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 399.119 99.3123)'%3E%3Cpath fill='%23f2f0ed' d='M0-15.206C2.569-13.034 3.096-7.374 2.024-4.369C1.651-3.323-.283.664-1.755-1.051C-2.597-2.03-1.327-2.983-.865-3.783C.647-6.402.677-9.638-.794-12.28C-1.112-12.853-2.188-14.007-2.154-14.54C-2.087-15.576-.785-15.87 0-15.206Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

.teaser-list .tablet-list  a[href*="sb-"]:not(.MainMenu-menu *):not([data-entity="root"] *){
    margin-left: 3.5em;
}
.textsize-xl .teaser-list .tablet-list  a[href*="sb-"]:not(.MainMenu-menu *){
    margin-left: 10px
}

[data-root-id*="-main"] .teaser-list a[href*="-main"]:not(.tablet-module-nav *):not(.MainMenu-menu *) {
    background: var(--teaser-link-active-bg) !important;
    border: 1px solid var(--teaser-link-active-bg) !important;
    & * {color: var(--teaser-link-active-color) !important}
}
[data-root-id*="vt-"] .teaser-list a[href*="vt-"]:not(.tablet-module-nav *):not(.MainMenu-menu *) {
    background: var(--teaser-link-active-bg) !important;
    border: 1px solid var(--item-color) !important;
    & * {color: var(--teaser-link-active-color) !important}
}

[data-root-id*="sb-"] .teaser-list a[href*="sb-"]:not(.tablet-module-nav *):not(.MainMenu-menu *) {
    background: var(--blue) !important;
    border: 1px solid var(--blue) !important;
    & * {color: var(--teaser-link-active-color) !important}
    &:before {background: var(--teaser-link-active-color)}
}
[data-root-id*="dgs-"] .teaser-list a[href*="dgs-"]:not(.tablet-module-nav *):not(.MainMenu-menu *) {
    background: var(--blue) !important;
    border: 1px solid var(--blue) !important;
    & * {color: var(--teaser-link-active-color) !important}
    &:before {background: var(--teaser-link-active-color)}
}





body {
    --teaser-link-active-color: #FFF;
    --teaser-link-active-bg: var(--item-color) !important;
    
}

html .indoor-map {
    --popup-image-size: 250px;
    --popup-text-size: 1em;
}



.dark ul.tablet-nav-list li.selected a {
    
    & .hex-badge-label{color: #000 !important;}
    
    &:before {
     background: #FFF   
    }
    
} 

.base-tablet .tablet-list-item-title1 {
    font-weight: 700;
    font-size: min(1.125rem, 23px);
    line-height: 1.25;
}

main:has(.videoplayer-container) .tablet-page-title {
    font-size: 1.5rem !important;
}

.search-box {
    max-width: 60%;
    /* margin-left: 23px; */
    margin-bottom: 1em;
}

.tablet-content:not(:has(.teaser-list)) .tablet-page-title {
    margin-bottom: 1.2em;
}





swiper-container.imageslider {
    border: 1px solid var(--swiper-border-color,hsl(37 12% 90% / 1));
    border-radius: 4px;
}

[data-root-id="vertiefung-solo-liste"] .tablet-list-item-link  {
 --module-text-color: #FFF !important;
} 

.dark [data-root-id="01-start"] .tablet-list--boxes .tablet-list-item-title1 {
    color: #000;
}

.textsize-switch span {
    font-family: serif;
    display: block;
    transform: scale(1.25);
}
.textsize-switch button  {
    margin-right: 20px !important;
}



.FullScreenWrapper-fullscreen:has(.swiper-custom-buttons) .swiper .caption-inline {
    font-size: min(1rem, 20px)
}