/* https://preview.linon.de/idastyles/zwettl/zwettl.css */


body {
    --page-margin: 0px;

    --font-color: #222;
    --accent-color: #333;
    --link-font-color: #2196F3;
    --accent-foreground-color: #58002F;
    --list-item-background: #FFF;
    --list-border-color: #aaa;

    --page-headline-font-family: alegreya;
    --page-headline-font-size: 1.8rem;
    --page-headline-padding: 15px 8px;
    --page-headline-color: var(
    --accent-foreground-color);
    --page-headline-background-color: var(
    --lightest);

    --fullscreen-button-color: #000;
    --fullscreen-button-bg: #fff;
    --fullscreen-player-bg: #FFF;
    --fullscreen-player-button-color: #222;

    --slider-bg: var(
    --lightest);
    --slider-caption-bg: #ffffff96;
    --slider-caption-fullscreen-color: #000;

    --font-family-sans: montserrat, opensans, Verdana, Helvetica, Arial, sans-serif !important;
    --font-family-serif: alegreya, opensans, sans-serif;
    --richtext-headline-font-family: alegreya, serif;
    --map-bg: var(
    --lightest) !important;
}


.dark {
    --list-item-background: #424242;
    --slider-bg: #3b3b3b;
    --slider-caption-bg: #0f0f0f96;
    --slider-caption-fullscreen-color: #FFF;

    --fullscreen-button-color: #FFF;
    --fullscreen-button-bg: #000;
    --fullscreen-player-bg: #222;
    --fullscreen-player-button-color: #fff;

    --link-font-color: #fff;
    --map-bg: var(--dark-grey);
}

strong {
    font-family: montserratbold, sans-serif;
}


/* ---------main */


.caption-inline:empty {
    display: none;
}
img {
    vertical-align: text-bottom;
}
swiper-container::part(button-prev) {
    filter: drop-shadow(1px 0px 0px #00000075);
}

swiper-container::part(button-next) {
    filter: drop-shadow(-1px 0px 0px #00000075);
}
/* hack wenn Farbe im Editor gesetzt */
span[style*="color"] {
    color: inherit !important;
}



/* Menu */

.MainMenu-menu .MainMenu-item {
    font-size: 1.1rem;
    border-bottom: 1px solid;
    border-color: #616161;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    padding-left: 4px;
    color: var(--font-color);
    text-decoration: none;
    font-weight: bold;
    font-family: montserratbold;
}

.MainMenu-menu .MainMenu-item .translation {
     text-decoration: none;
     font-weight: bold;
     font-family: montserratbold;
     font-size: 1.1rem;
     padding-left: 8px;
}

/* -----------pagemargin */
.EntityPage-root {
    margin: 0 var(--page-margin);
}

.page-headline {
    margin-bottom: 0px;
    text-transform: none;
    font-weight: normal;
}

/* ----------list */
.base ul.base-list {
    margin: 0px 4px;
}
.base .list-item {
    position: relative;
    margin-bottom: 0px;
}
.base .List-listItem {
    border-bottom: 1px solid;
    border-color: var(--list-border-color);
}

.hero + .List-listItem {
    border-bottom: 0px solid;
    border-color: var(--list-border-color);
    margin-bottom: 8px;
}

.base .List-title1 {
    font-weight: bold;
    font-family: montserratbold, sans-serif;
    color: var(--font-color);
    font-size: 1rem;
}
.base .List-title2 {
    font-size: .95rem;
    font-weight: normal;
    line-height: 1.15;
    margin-top: 4px;
}

.base .list-marker {
    display: none;
}

.base .List-numCode
{
  position: absolute;
  right: 7px;
  bottom: 9px;
  font-size: 15px;
  font-weight: 700;
  font-family: figtree-bold, sans-serif;
}


.base .List-listImg:not(.hero):not(.icon) {
    width: 80px;
    min-width: 80px;
    height: 80px;
    margin: 10px 0;
    margin-left: 3px;
    border-radius: 0px;
    border: 0;
}

.base ul div.list-item:last-of-type li.List-listItem {
    /* border-bottom: none; */
}

/* ------Fullscreen */
.imageslider-advanced .FullScreenWrapper-fullscreen .caption-inline {
    bottom: 27px;
}
.imageslider-advanced .FullScreenWrapper-fullscreen .caption-inline p {
    font-weight: normal;
    font-size: 1rem;
}
.imageslider-advanced .FullScreenWrapper-fullscreen .FullScreenWrapper-fullScreenButton {
    color: var(--fullscreen-button-color);
    background: var(--fullscreen-button-bg) !important;
}
.imageslider-advanced .FullScreenWrapper-fullscreen .swiper .overlay-toggle {
    color: var(--fullscreen-button-color);
    background: var(--fullscreen-button-bg);
}


/* -----richtext */
.richtext h2 {
    color: var(--accent-foreground-color);
    font-size: 1.8rem;
    margin-bottom: 10px;
    font-family: 'alegreya';
    font-weight: 400;
    text-transform: none;
    line-height: 1;
}


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

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

    100% {
        opacity: 1;
        margin-top: 0;
    }
}


/*  ------------map styles */
.leaflet-popup-content svg {
    margin: 10px 0;
    color: var(--accent-color);
}

.leaflet-popup-content {
    font-weight: bold;
    font-size: 1rem;
}

.leaflet-popup-content .gatsby-image-wrapper {
    min-width: 120px;
    max-width: 120px;
    aspect-ratio: 4 / 3;
    border-radius: 4px;
    display: block;
    margin-bottom: 12px;
}

a {
    color: inherit;
}

.inline-list-headline .List-listItem {
    background: #333;

}

.inline-list-headline .List-title1{
    color: #FFF;
}

.inline-list-headline .List-titleFlex{
    min-height: 40px;
}

/* language */
.wma-list.language-selection .List-listImg:not(.hero):not(.svg) {
    border: 1px solid;
    border-color: var(--thumb-border-color);
    border-radius: 100%;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 8px;
}

.wma-list.language-selection .large-image {
    width: 100%;
    height: calc(100dvh - 192px);
}

.wma-list.language-selection .large-image div:after,
.wma-list.language-selection .large-image div:before,
.wma-list.language-selection .large-image div {
    background-position: left top !important;
}


.wma-list.language-selection .List-listItem {
    background: transparent
}

.language-selection .TopBar-appBar {
    display: none;
}

.language-selection .TopBar-toolbarMargin {
    height: 0;
    min-height: 0;
}

.language-selection .List-title1 {
    font-family: 'figtree-bold', sans-serif;
    font-weight: bold;
    font-size: 1.2rem;
}

.FullScreenWrapper-fullscreen{
    max-width: 900px;
    left: auto!important;
    margin-left: calc(0px - var(--page-margin));
}
.outer-main-container {
    max-width: 900px;
    margin: 0 auto;
}



main:has(.FullScreenWrapper-fullscreen) {
    animation: none !important;
}

[data-root-id="root"] .large-image {
    height: calc(100dvh - 299px);
}

.large-image {
    width: 100%;
    height: clamp(387px, 100vw, 550px);
}

html .indoor-map {
    --map-bg: var(--lightest);
}
html .dark .indoor-map {
    --map-bg: var(--dark-grey);
}

.leaflet-marker-icon * {
    font-weight: bold;
    white-space: nowrap;
    font-size: 38px;
}

.list-item:only-child {
    border-bottom: 1px solid;
}

.list-item:only-child .List-title1 {
    font-size: 1.25rem;
}

.base .List-playButton svg {
    color: var(--font-color);
    font-size: 16px;
}
.base .List-playButton [data-testid="VolumeUpIcon"] {
    font-size: 20px
}
.base .List-playButton [data-testid="RoomIcon"] {
    font-size: 22px
}

.videoplayer .player-controls {
    background: transparent;
}

.videoplayer .MuiSlider-track {
    color: red;
}
.videoplayer .MuiSlider-rail {
    color: #ddd;
}
.videoplayer .MuiSlider-thumb {
    color: #a8a8a8;
}
.Collapsible {
    border-bottom: 1px solid #999;
}
.Collapsible__trigger {
    font-size: 1.1rem;
    font-weight: bold !important;
    font-family: 'montserrat';
}

.player-controls {
    width: 92%;
    margin: 0 auto;
    height: 56px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
}

.tour .imageslider-advanced .caption-inline h3 {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
}
.tour-navigation {
    background-color: #fafafa;
    color: var(--font-color);
    border-top: 1px solid #ddd;
}

.components .imageslider-advanced + .imageslider-advanced {
    margin-top: 0rem;
}

img {vertical-align: text-bottom;}

.tour-navigation svg {
    font-size: 32px;
    fill: #555;
}
.tour-navigation button {
    background: transparent;
}

.player-div {
    z-index: 100;
}

.MuiSlider-valueLabel {
    background: #fff;
}

.controlsIcon--small {
    font-size: 34px;
}

[data-id*="k-"] .imageslider-advanced .caption-inline p, [data-id*="g-"] .imageslider-advanced .caption-inline p {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: bold;
    font-family: montserratbold;
    letter-spacing:1px;
}

[data-id*="k-"] .imageslider-advanced img, [data-id*="g-"] .imageslider-advanced img {
    max-height: 60vh
}



.List-listImg.svg.icon text {
    font-weight: bold;
    font-size: 38px;
}

.List-title2 {}

.EntityPage-root:has(.map-wrapper) .List-title2 {
    display: none;
}

[data-id*="about"] .richtext h2 {
    font-size: 24px;
}