body * {-webkit-tap-highlight-color: transparent;}

a[href*="digitorial"] .EntityPage-bildbutton:after {
  content: '®';
  font-size: 15px;
  vertical-align: top;
  padding-left: 2px;
  padding-bottom: 3px;
  display: inline-block;
}

.EntityPage-bHeadline {
  bottom: 68px !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;
}



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

.swiper:has(.swiper-pagination) .caption-inline {
  bottom: 30px ;
}

.swiper:not(:has(.swiper-custom-buttons)) .caption-inline {
  bottom: 5px;
}

.inline-player .thumb {
  border: 0 !important;
}


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

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

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


.Collapsible__trigger {
    font-weight: 600 !important;
    font-size: clamp(1rem, 3vw, 1.375rem);
    padding: 16px 50px 16px 8px;
    text-transform: uppercase;
}

.Collapsible:last-of-type {
  margin-bottom: 3em;
}

.Collapsible__trigger:before {
    font-weight: normal;
    font-family: monospace;
    font-size: clamp(24px, 4vw, 32px);
    line-height: clamp(24px, 4vw, 32px);
    top: clamp(14px, 4vw, 17px);
    content: '+';
    transform: rotate(0deg);
    position: absolute;
    right: 12px;
    transition-duration: 350ms;
}

.Collapsible__trigger.is-open:before {
    transform: rotateZ(135deg);
    top: clamp(14px, 4vw, 17px);
    font-size: clamp(28px, 4vw, 32px);
    line-height: clamp(28px, 4vw, 32px);
    transition-duration: 350ms;
}

.Collapsible__contentOuter {
    transition: height 150ms ease-out 0s !important;
}




.Collapsible:nth-of-type(6) span:after {
  content: "®" !important;
  font-size: 16px;
  vertical-align: baseline;
  position: relative;
  top: -.4em !important;
}
.MainMenu-item:nth-of-type(7):after {
  content: "®" !important;
  font-size: 14px;
  vertical-align: baseline;
  position: relative;
  top: -.4em !important;
}

a[href*="digitorial"] .EntityPage-bildbutton:after {
  content: '®';
  font-size: 15px;
  vertical-align: top;
  padding-left: 2px;
  padding-bottom: 4px;
  display: inline-block;
  margin-top: -3px;
}

.EntityPage-bHeadline {
  bottom: 68px !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;
}



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

.swiper:has(.swiper-pagination) .caption-inline {
  bottom: 30px ;
}

.swiper:not(:has(.swiper-custom-buttons)) .caption-inline {
  bottom: 5px;
}




.inline-player-container {
    padding: 8px;
    /* height: min-content; */
}

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

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



.Collapsible__trigger:after {
  font-family: inherit!important;
  content: ""!important;
  position: relative!important;
  right: unset!important;
  top: .4em!important;
  display: inline-block!important;
  transition: unset!important;
  transform: unset!important
}

.Collapsible:nth-of-type(6) span:after {
  content: "®" !important;
  font-size: 16px;
  vertical-align: baseline;
  position: relative;
  top: -.4em !important;
}
.MainMenu-item:nth-of-type(7):after {
  content: "®" !important;
  font-size: 14px;
  vertical-align: baseline;
  position: relative;
  top: -.4em !important;
}

div[style*="height: 296px"] {
  height: clamp(350px, 80vw, 590px) !important;
}

main {
  animation: fadeup 350ms ease-out 0s 1 forwards;
}

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

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

main {
  animation: fadeup 350ms ease-out 0s 1 forwards;
}

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

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

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

.css-1t8r4r img {
  max-height: 71vh;
}

[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;
}


.only-menu-button * {
    color: #FFF;
}

.entity-overlays {
    z-index: 100;
    pointer-events: none;
    max-height: 61vh;
}

/* overide commons.css */

.renoir .Collapsible__contentOuter a {
    display: inline;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: revert;
}

a strong {
  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;
}
a:has(strong) {
  text-decoration: none !important
}

.richtext h2 {
    margin-bottom: 8px;
}

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


/*  underline current text-size */
html:not(.textsize-large):not(.textsize-xl) .switch-small {
    /* text-decoration: underline; */
    /* text-underline-offset: 5px; */
}
html.textsize-large .switch-large {
    text-decoration: underline;
    text-underline-offset: 5px;
}
html.textsize-xl .switch-xl {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.textsize-switch * {
    font-family: serif !important;
}
@media (min-width: 890px) {
[style*="61vh"], .entity-overlays {
  min-height: 800px!important;
}
  [style*="37vh"] {
  min-height: 500px!important;
}
}


 /* iphone SE */
@media (max-height: 770px) {
[style*="37vh"] {
  height: 46vh !important;
}
[style*="61vh"] {
  height: 58vh !important;
}
  .renoir a.MainMenu-item {
    padding-top: 8px;
    padding-bottom: 8px;
}
} /* END iphone SE */



img#overlay-1 {
    margin-bottom: clamp(63px, 8vw, 70px) !important;
}

.renoir.imagelist main a .EntityPage-bildbutton {
    bottom: 16px;
    background: rgb(0 0 0 / 20%);
    border: 1px solid hsl(0deg 0% 100% / 70%);
    backdrop-filter: blur(3px);
}

.dark .gatsby-image-wrapper.List-listImg  {position: relative;opacity: .8;   
    
  &:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    box-shadow: inset 0px 0px 0px 1px #292929;
  }
}





.inline-player .MuiCollapse-entered {
  height: 40px !important;
}

.TopBar-rightItems a.MuiButtonBase-root:active ,
.TopBar-rightItems a.MuiButtonBase-root:hover {
  border: none;
}

/* positions of caption and paginations in various settings including video */
.imageslider-advanced:not(.single) .FullScreenWrapper-fullscreen:has(.swiper-custom-buttons) .swiper .caption-inline {
    bottom: 35px;
}
.imageslider-advanced.with-player:not(.single) .FullScreenWrapper-fullscreen:has(.swiper-custom-buttons) .swiper .caption-inline {
    bottom: 26px;
}
.imageslider-advanced.with-player.single .FullScreenWrapper-fullscreen .caption-inline {
    bottom: 25px;
}
.imageslider-advanced.with-player .FullScreenWrapper-fullscreen:has(.swiper-custom-buttons) swiper-container::part(pagination) {
    bottom: 4px;
}
.imageslider-advanced:not(.with-player) .FullScreenWrapper-fullscreen swiper-container::part(pagination) {
    bottom: 6px
}
.imageslider-advanced:not(:has(.FullScreenWrapper-fullscreen)):has(video) {
    & swiper-container::part(pagination) {bottom: 40px;}
    & .caption-inline {padding: 6px;}
}


.imageslider-advanced.with-player .FullScreenWrapper-fullscreen .swiper .carousel-child .gatsby-image-wrapper img {
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px);
}

.textsize-switch button {
    border-bottom: 2px solid transparent;
    padding-bottom: 0px;
}

button[data-textsize-class="textsize-xxl"] {
  display: none;
}



.MuiTooltip-popper {
  display: none !important;
}
/* fix link in header image */
div[style*="height: 296px"] {
  position: relative;
}