/* https://preview.linon.de/idastyles/genzgen-liebieg/genzgen.css */

html{scrollbar-gutter: stable both-edges;}

.inline-player .thumb {
  border: 0 !important;
}
body * {-webkit-tap-highlight-color: transparent !important;}



* {
    line-height: 1.4 !important;
}

.MainMenu-item, .MainMenu-item * {
    line-height: initial !important;
}

body {
    --list-item-bg: #f6f6f6;
    --max-page-width: 750px;
}
.dark {
    --list-item-bg: #222;
}


.TopBar-rightItems button { margin-left: 8px; }



.inline-player-container {
    padding: 8px;
}

.inline-player .title .title1 {
  font-size: 1rem;
  font-family: var(--font-family-sans);
  line-height: 1;
  text-wrap: balance;
}


/* hide placeholder image avoid flicker */
[data-placeholder-image] {
    opacity: 0 !important;
    visibility: hidden !important;
    clip-path: inset(50% 50% 50% 50%);
    background-color: transparent !important;
    transition: all 0s !important;
    transform: translateX(500vw);
    inset: unset !important;
}
/* MARK: Menu ------------------------------------------------------------------------------------------------ */

@media (min-width: 750px) and (pointer:fine) {
.MainContainer-main .TopBar-appBar {
    overflow-x: clip;
    overflow-y: visible;
    max-width: 750px;
    }
}
 /* hack for safari only. overflow x on fixed element bug*/
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
.MainContainer-main .TopBar-appBar {
    overflow-x: visible !important;
}
}
.TopBar-rightItems .MainMenu-SlideRoot {
    position: absolute;
    z-index: 100;
    min-height: 100dvh;
    top: 0px;
    left: 0px;
    right: 0;
    margin: auto;
}
.TopBar-rightItems .MainMenu-SlideRoot .MainMenu-menu {
    width: 94%;
    height: auto;
    position: absolute;
    right: 0;
    top: 49px;
    z-index: 8000;
    margin: 0px 10px;
    overflow: auto;
    max-height: 90vh;
}

.MainMenu-menu .MainMenu-item {
    font-size: clamp(1.0625rem, 3vw, 1.6rem);
    border-bottom: 1px solid var(--list-border-color);
    color: var(--font-color);
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    padding-block: 10px;
}
@media (hover: hover) {
  .MainMenu-item:hover {
        filter: brightness(0.85);
  }
    body.dark .MainMenu-item:hover {
        filter: brightness(.6);
  }
    :where(.List-listItem:hover, .inline-player:hover) {
        filter: brightness(.98);
    }
body.dark :where(.List-listItem:hover, .inline-player:hover) {
        filter: brightness(1.15);
    }
}
.MainMenu-menu div > div:has(.PrivateSwitchBase-input) {
    margin-left: 0 !important;
}
.MainMenu-menu .MuiSwitch-root:has(.PrivateSwitchBase-input) {
    margin-right: 60px;
}
.textsize-switch button {
    all: unset;
    color: var(--menu-font-color);
}
.textsize-switch * {
    font-family: serif !important;
}
.MainMenu-closeButton {
    color: var(--menu-font-color)
}


.MainContainer-main main .EntityPage-bHeadline {
  bottom: clamp(80px, 9vh, 90px) !important;
  font-size: clamp(1.25rem, 4vw, 1.8rem);
}

[data-id="info"] .Collapsible a {
    color: var(--font-color);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: none;
  font-weight: normal !important;
  text-decoration: none !important;
  border: 1px solid var(--font-color);
  padding: 4px 8px;
  margin: 14px 0;
}

[data-id="info"] .Collapsible strong a {
    display: inline;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: underline !important;
}

.richtext a {
    text-underline-offset: 3px;
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -.4em
}

body {
  --page-headline-font-family: var(--font-family-sans);
  --page-headline-font-size: 1.4rem;
  --color-primary: #111;
}

.dark .MainMenu-SlideRoot.dark {
  background-color: #111;
}



.Collapsible__contentInner a[href*="fragen"], .Collapsible__contentInner a[href*="question"] {
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: var(--link-font-color);
  font-size: inherit;
  text-decoration: underline;
  padding-top: 1em;
}

.Collapsible__trigger {font-weight: 500 !important;font-size: clamp(1.25rem, 4vw, 1.5rem);padding-inline-start: 10px;color: var(--collapsible-label-color);position: relative;} .Collapsible__trigger:after {font-weight: normal;font-family: monospace;font-size: clamp(28px, 4vw, 32px);line-height: 0;top: 50% !important;content: '+';transform: rotate(0deg) translateY(-50%);} .Collapsible__trigger.is-open:after {transform: rotate(135deg);/* top: 0; *//* font-size: 24px; */} .Collapsible__contentOuter { transition: height 150ms ease-out 0s !important; }

.Collapsible:last-child {
    border: none;
}

div[style*="height: 296px"] {
  /* height: clamp(350px, 80vw, 590px) !important; */
  aspect-ratio: 9 / 8;
  height: auto !important;
}
div[style*="height: 296px"] + div {
  font-size: clamp(1.25rem, 4vw, 2rem) !important;
  padding-left: 14px;
}

main {
  animation: fadeup 300ms ease-out 0s 1 forwards;
  min-width: 100%;
}

@keyframes fadeup {
  0% {
    margin-top: 300px;
  }

  100% {
    margin-top: 0;
  }
}

.FullScreenWrapper-fullscreen .player-div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.MuiSlider-valueLabelOpen {
  background: #222;
  z-index: 99999;
  font-weight: bold;
}



.FullScreenWrapper-fullscreen .player-div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.MuiSlider-valueLabelOpen {
  background: #222;
  z-index: 99999;
  font-weight: bold;
}

.dark .inline-player {
  background: #222;
}



[data-placeholder-image] {
    opacity: 0 !important;
    visibility: hidden !important;
    clip-path: inset(50% 50% 50% 50%);
    background-color: transparent !important;
    transition: all 0s !important;
    transform: translateX(500vw);
    inset: unset !important;
}

html:has(body.dark) {
    background-color: #333;
}

.inline-player .player-controls span.MuiSlider-valueLabelLabel {
    color: var(--lightest) !important;
}


.richtext h4 {
    text-transform: uppercase;
}

.richtext a:has(strong) strong {
  font-weight: normal !important;
}
.richtext a:has(strong) {
  border: none !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  display:inline !important;
  text-decoration: underline !important
}

.FullScreenWrapper-fullscreen:has(.swiper-custom-buttons) .swiper .caption-inline {
    bottom: 35px;
}








/*Höhenverhältnis kacheln startseite ändern*/
.imagelist div[style*="height: 38vh"] {
    height: 45vh !important;
}
.imagelist div[style*="height: 62vh"] {
    height: 55vh !important;
    background-size: contain !important;
    background-position: center !important;
    background-color: #0b386a;
}


/* positionen caption und navdots */
.imageslider-advanced.with-player.single .FullScreenWrapper-fullscreen .caption-inline {
    bottom: 10px;
}



/* move background position home imagelist kacheln*/
.imagelist a[href*="Guide"] > div > div,
.imagelist a[href*="Guide"] > div > div::after,
.imagelist a[href*="Guide"] > div > div::before {
    background-position: center top !important;
}

.imagelist a[href*="Info"] > div > div,
.imagelist a[href*="Info"] > div > div::after,
.imagelist a[href*="Info"] > div > div::before {
    background-position: center top !important;
}

.imageslider-advanced.with-player .FullScreenWrapper-fullscreen .swiper .carousel-child .gatsby-image-wrapper img {
    max-width: 98%;
    margin-left: 1%;
    max-height: 80vh;
}

swiper-container::part(button-prev) {
    filter: drop-shadow(1px 0px 0px #00000083);
}
swiper-container::part(button-next) {
    filter: drop-shadow(-1px 0px 0px #00000083);
}

h2 + h3 {
    margin-top: 0!important;
    margin-bottom: 0 !important
}
h3 + h3 {
    margin-top: 8px!important;
    margin-bottom: 0 !important
}




.only-menu-button {
    color: #FFF !important;
    position: absolute !important;
    width: 100% !important;
    text-align: right !important;
}

.background.animate a {
  border: 1px solid hsl(0deg 0% 100% / 60%);
  border-radius: 4px;
   font-weight: 600;
}

.renoir.imagelist .EntityPage-bildbutton {
  border: 1px solid hsl(0deg 0% 100% / 60%) !important;
  border-radius: 4px;
  font-weight: 600;
  bottom: 16px;
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
}

.EntityPage-root .List-listItem {
    background: var(--list-item-bg, #f6f6f6)
}

main .EntityPage-root .List-listImg {
    width: clamp(125px, 22vw, 210px);
    min-width: clamp(125px, 22vw, 210px);
    min-height: clamp(125px, 22vw, 210px);
    max-height: clamp(125px, 22vw, 210px);
}

.main-container.MainContainer-main.no-topbar {
    position: relative;
}

.only-menu-button .MainMenu-SlideRoot {
    position: absolute !important;
    min-height: 100dvh;
    width: 100%;
    text-align: left;
}

.MainMenu-menu.AltMenu {
    position: absolute;
    left: 0;
    margin: 0 1em;
    width: auto;
}

@media (min-width: 750px) and (pointer:fine) {
     html body #gatsby-focus-wrapper .outer-main-container {
        box-shadow: 0 0 50px hsl(0deg 0% 0% / 33%);
        max-width: 750px !important;
    }
}


.imageslider-advanced {
    position:relative;
    width: 100%;
    /* min-height: 100dvh; */
    max-width: 900px;
    margin: 0 auto;
}
.imageslider-advanced:not(:has(.FullScreenWrapper-fullscreen)){
    margin-bottom: 0;
}

@media (min-width: 750px) and (pointer:fine) {
    .imageslider-advanced .FullScreenWrapper-fullscreen {
        max-width: 750px
    }
}
.imageslider-advanced .FullScreenWrapper-fullscreen {
    left: auto;
    right: auto;
    box-shadow: 0 0 50px hsl(0deg 0% 0% / 16%);
    /* margin: 0 auto; */
    /* position: absolute; */
}

.imageslider-advanced:has(.FullScreenWrapper-fullscreen) {
    box-shadow: 0 0 50px hsl(0deg 0% 0% / 20%);
}

.keypad {
    z-index: 10;
    position: relative;
}

@media (pointer: fine) {
    .MainContainer-main .TopBar-appBar {
        overflow-x: clip;
        overflow-y: visible;
        max-width: var(--max-page-width, 900px);
        }
    }
     /* hack for safari only. overflow clip on fixed element bug*/
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .MainContainer-main .TopBar-appBar {
        overflow-x: visible !important;
    }
    }

.imageslider-advanced .caption-inline {
    min-height: 4.5em;
}

.imageslider-advanced .FullScreenWrapper-fullscreen .caption-inline {
    min-height: 0em;
}

img#overlay-1 {
    max-width: 185px;
}

.imagelist img#overlay-0 {
    /* max-width: 422px; */
    /* top: 98px !important; */
    margin-bottom: clamp(10vh, 10%, 100px)!important;

    @media (height <=750px) {

        top: 73px !important;
        width: 56% !important;

    }

    @media (width >=750px) {

        
        
        
        
        
        /* bottom: 86px !important; */
        width: 50%;
        /* max-width: 54%; */
        width: auto !important;
        height: 59%;
        /* aspect-ratio: 737 / 720; */
        
        
        
        
        

    }
}

.entity-overlays {
    z-index: 9;
    pointer-events: none;
    container: overlays / size;
}

@container overlays (height < 430px) {
    #overlay-0 {
        /* height: 240px !important; */
    }
}

.outer-main-container:has(.imagelist) .entity-overlays {
    max-height: 55vh;
}

.outer-main-container:has(.List-listItem) .entity-overlays {
    max-height: clamp(350px, 80vw, 590px);
}

.background a {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
}

.List-titleFlex .List-title1 {
    font-size: clamp(1rem, 4vw, 1.25rem);
}
.List-titleFlex .List-title2 {
    font-size: clamp(1rem, 4vw, 1.25rem);
}

.richtext p {
    font-size: clamp(1rem, 4vw, 1.25rem);
}

.richtext h2 {
    font-size: clamp(1.25rem, 4vw, 1.375rem);
}

.transcription p {
    font-size: clamp(1rem, 3vw, 1.25rem);
}

.List-titleFlex .List-titleDiv {
    padding-left: clamp(10px, 3vw, 22px);
}



.List-titleDiv .List-numCode {
    font-size: clamp(0.9375rem, 3vw, 1.25rem);
}

.large-image {
    height: clamp(295px, 60vw, 550px);
}

button:has(.switch-xxl) {
    display: none;
}

.background {
    position: relative;
}