/* https://preview.linon.de/idastyles/obersalzberg/osb.css */

body {
    /* --slider-bg: hsl(134 8% 95% / 1);
    --slider-caption-bg: var(--slider-bg);
    --slider-caption-fullscreen-color: #000;
    --fullscreen-player-bg: #fff;
    --fullscreen-player-button-color: #333;
    --list-item-background: #f0f0f0; */
--big-player-button-bg: #FFF;

}
*{
     -webkit-touch-callout: transparent;
}

ul:has(.list-item:nth-child(2)) .list-item:not(.inline-list-headline) .List-listItem:not(:has(.List-listImg), .hero) .List-titleDiv {
    padding-left: 0;
}





[data-id=root] ul {
    margin: 15px 8px 0;
}

[data-id="root"] .List-listItem {
    min-height: 80px;
    border-bottom: 2px solid #666;
    background: #fff;
}

[data-id="de-personenregister"] .List-listItem {
    background: #fff;
    text-transform: none;
}
.base .List-listItem.hero {
    position: relative;
}
.base .List-title1,
 .wma-list .List-title1,
.List-title1 {
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    text-transform: uppercase;
}

.MainMenu-menu .MainMenu-item,
.MainMenu-menu .MainMenu-item * {
    font-family: Oswald, sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 1.4rem;
}

h1, h2, h3 {
    font-family: "Oswald", sans-serif;
    font-stretch: condensed;
    font-weight: 500;
    text-transform: uppercase;
}

.TopBar-centered button {
    background-color: #006572;
    width: 34px;
    height: 34px;
}

.TopBar-centered button svg {
   color: #fff;
    width: 22px;
}


[data-id*="tour-"] .ComponentsWrapper-padding:first-of-type h2 {
    font-size: 1.6rem;
    margin-bottom: 8px;
}
[data-id*="tour-"] .ComponentsWrapper-padding:first-of-type h3 {
    font-size: 1.375rem;
    margin-top: 0;
}

.base .list-marker {
    width: 45%;
    height: 8px;
}

/*
.inline-list-headline .List-listItem {
    color: #FFF !important;
}
*/

[data-id=root] ul {
    margin: 15px 8px 0;
}

[data-id="root"] .List-listItem {
    min-height: 80px;
    border-bottom: 2px solid #666;
    background: #fff;
}

[data-id="de-personenregister"] .List-listItem {
    background: #fff;
    text-transform: none;
}

[data-id="de-personenregister"] .List-listItem * {
    text-transform: none !important;
}

[data-id="de-personenregister"] .List-listItem .List-titleFlex {
    min-height: 30px !important;
}

.player-controls {
    height: 56px;
    width: 96%;
    margin: 1em 2%;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
}

.FullScreenWrapper-fullscreen .player-controls {
    position: fixed;
}

.next-link-container {
    width: 96% !important;
    margin: 1em 2%;
    border-radius: 14px;
    background-clip: padding-box;
}

.list-item.next-link {
    margin: 0;
}


.list-item.next-link .List-listItem {
    border-radius: 6px
}

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

/* [lang="he"] .base .List-listItem {
    flex-direction: row-reverse;
} */

:is(html[lang=he]) :is(p,h1,h2,h3,h5,h6,.List-title1,.List-title2,.List-title3) {
    direction: rtl;
    text-align: right;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
}
[lang=he] * {
    unicode-bidi: embed;
}

[lang="he"] .base .List-playButton {
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: fit-content;
}

[lang="he"] .MainMenu-menu .MainMenu-item, .MainMenu-menu .MainMenu-item * {
    text-align: right;
}

[lang="he"] .base .list-marker {
    width: 45%;
    height: 8px;
    right: 0;
    left: unset;
}
body:has([data-id*="Bedienung"])  {
--background-color: #006572;
    --slider-bg: #006572;
    --slider-button-background: #006572;
}

[data-id*="Bedienung"] .caption-inline {
    font-size: 1rem;
    font-weight: 700;
    color: #FFF
}

[data-id*="Bedienung"] .caption-inline p {
    line-height: 1.4;
    margin-bottom: 6px;
    direction:ltr !important;
    text-align: center !important;
}

[lang="he"]  [data-id*="dataprotection"] :is(p,h1,h2,h3,h5,h6,) {
    text-align: left !important;
}
[lang="he"]  [data-id*="imprint"] :is(p,h1,h2,h3,h5,h6,) {
    text-align: left !important;
}

[lang="de-BE"] {
    filter: invert(1);
}
[lang="de-BE"] .large-image > div:before,
[lang="de-BE"] .large-image > div:after {
    filter: invert(1)
}


[lang="de-BE"] .richtext {
    font-size: 20px;
}
[lang="de-BE"] .List-title1 {
    font-size: 1.5rem;
    text-transform: none
}



[lang="de-BE"] .base .list-item .List-titleDiv{
    padding: 0 !important;
}
[lang="de-BE"] body {
    --richtext-headline-color: #000 !important;
    --page-headline-color: #000;
    --link-font-color: #000;
    --font-size-default: 18px;
    --font-size-default-large: 20px;
}



/* Big Fullscreeenplayer Blind---------------------------------------------------------------------- */

[lang="de-BE"] .imageslider-advanced .FullScreenWrapper-fullscreen .FullScreenWrapper-fullScreenButton,
[data-id*="bl-"] .imageslider-advanced .FullScreenWrapper-fullscreen .FullScreenWrapper-fullScreenButton {
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 33.3333vh;
    background-color: var(--big-player-button-bg) !important;
    border-radius: 0;
    padding: 0;
}
[lang="de-BE"] .imageslider-advanced .FullScreenWrapper-fullscreen .FullScreenWrapper-fullScreenButton svg,
[data-id*="bl-"] .imageslider-advanced .FullScreenWrapper-fullscreen .FullScreenWrapper-fullScreenButton svg {
    font-size: 90px;
    fill: #000;
}

[lang="de-BE"] .FullScreenWrapper-fullscreen .player-controls,
[data-id*="bl-"] .FullScreenWrapper-fullscreen .player-controls {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 66vh;
    flex-wrap: wrap;
    background: #fff;
}
[lang="de-BE"] .FullScreenWrapper-fullscreen .player-controls .MuiTouchRipple-root,
[data-id*="bl-"] .FullScreenWrapper-fullscreen .player-controls .MuiTouchRipple-root {
display: none;
}

[lang="de-BE"] h1.page-headline {
    color: #000;
}


[lang="de-BE"] .player-controls button:first-of-type,
[data-id*="bl-"] .player-controls button:first-of-type {
    width: 100%;
    height: 33.3333vh;
    border-radius: 0;
    padding: 0;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

[lang="de-BE"]  {
    filter: invert(1);
}
[lang="de-BE"] .FullScreenWrapper-fullscreen .player-controls * {
    color: #000;
}

[lang="de-BE"] .player-controls button:first-of-type svg,
[data-id*="bl-"] .player-controls button:first-of-type svg {
    font-size: 100px;
}

[lang="de-BE"] .player-controls .MuiSlider-root,
[data-id*="bl-"] .player-controls .MuiSlider-root{
    height: 33.333vh;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: #ddd;
}

[lang="de-BE"] .player-controls  .MuiSlider-rail {
    background: #e7e7e7;
    opacity: 1;
}


[lang="de-BE"] .player-controls .MuiSlider-thumb,
[data-id*="bl-"] .player-controls .MuiSlider-thumb
{
    height: 100%;
    border-radius: 0;
    background: #000;
    width: 30px;
    margin-left: 15px;
}
[lang="de-BE"] .player-controls .MuiSlider-track,
[data-id*="bl-"] .player-controls .MuiSlider-track
{
    color: #b2b2b2;
}

[lang="de-BE"] .MuiMenu-list a {
    font-size: 1.3rem;
    font-weight: bold;
}

[lang="de-BE"] .MuiBox-root {
    padding: 0 1px;
    border-top: 6px solid #494949
}

/* end Bigplayer ------------------------------------------------------------------------------------------------ */

.Toastify__toast-container {
    --toastify-color-dark: #006572;
}
.tour {
    --slider-bg: #f8f8f8
}
.tour .caption-inline {
    font-size: 1rem;
    padding: 8px 8px 0 8px;
}
.tour .caption-inline p:first-child {
    font-weight:700
}
.tour .caption-inline h2 {
    text-transform: none;
    font-size: 1.125rem
}

.tour-navigation {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.tour .imageslider-advanced {
    padding-bottom: 60px;
    --imageslider-image-height: 67vh !important;
}

.tour .imageslider-advanced.with-player {
    --imageslider-image-height: 60vh !important;
}

@media screen and (max-height: 720px) {
  .tour .imageslider-advanced.swiper.with-player {
      --imageslider-image-height: 50vh !important;
  }
[data-id="Bedienungsanleitung"] .imageslider-advanced .FullScreenWrapper-fullscreen .swiper .carousel-child .gatsby-image-wrapper img {
  max-height: 80vh;
}

}

[data-id="Bedienungsanleitung"] .imageslider-advanced .FullScreenWrapper-fullscreen .swiper .carousel-child .gatsby-image-wrapper img {
  margin-top: 15px;
}

[data-id="Bedienungsanleitung"] .swiper-slide-active div {
    justify-content: flex-start !important;
}
[data-id="Bedienungsanleitung"] .FullScreenWrapper-fullscreen .swiper-custom-buttons {
    justify-content: center !important;
}

.transcription button {
    border: 1px solid #aaa;
}

.search-result-hidden {
    border-bottom: 0 !important;
    border-top: 0 !important;
    overflow: hidden;
    margin: 0 !important;
}

.tour-dialog {
    background-color: var(--background-color);
    background: var(--background-color);

}
.tour-dialog button {
    min-width: 50vw;
    max-width: 250px;
    padding: .8em;
    margin-bottom: .5em;
    margin-top: .5em;
    background-color: #006572;
    color: white;
    font-weight: bold;
    font-size: 1rem;
    border: 0;
    border-radius: 5px;
}