/* https://preview.linon.de/idastyles/grimm-kassel/gwk.css */

.EntityPage-root .ComponentsWrapper-padding .richtext {
    padding-left: clamp(8px, 2vw, 18px);
    padding-right: clamp(8px, 2vw, 18px);
}
.base ul.base-list {
    margin: 0 clamp(8px, 2vw, 18px);
}
body {
    --background-color: var(--lightest);
    --list-item-background: var(--lightest);
    --list-border-color: var(--darker);
    --list-border-width: 1px;
    --thumb-border-color: #ddd;
    --font-color: var(--darker);
    --font-family-sans: Roboto, opensans, Verdana, Helvetica, Arial, sans-serif;
    --font-family-serif: lora, serif;
    --link-font-color: var(--accent-color, var(--color-primary));
    --page-headline-font-family: var(--font-family-serif);
    --page-headline-font-size: clamp(1.75rem, 1.25rem + 2vw, 2.375rem);
    --page-headline-padding: 18px clamp(8px, 2vw, 18px);
    --page-headline-color: var(--accent-foreground-color, inherit);
    --page-headline-background-color: var(--accent-color, inherit);
    --richtext-headline-font-family: inherit;
    --richtext-headline-color: inherit;
    --slider-bg: #FFF;
}
.dark {
    --list-border-color: #666;
}

.richtext {
    font-size: clamp(1.125rem, 3vw, 1.4rem);
}
.richtext * {
    font-family: var(--font-family-serif);
}
.richtext i, .richtext em {
    font-family: serif;
    font-style: italic;
}

.richtext h1 {
    font-family: var(--font-family-serif);
    text-transform: uppercase;
    font-size: clamp(1.5rem, 3vw, 1.6rem) !important;
    margin-block-end: 10px;
    margin-block-start: 0;
    font-weight: 100;
}





.large-image {
    width: 100%;
    height: clamp(290px, 60vw, 600px);
}
.base .list-item {
    margin-bottom: 0;
}
.base .List-listItem {
    border-bottom: var(--list-border-width) var(--list-border-color) solid
}
.base .List-listImg:not(.hero):not(.icon) {
    width: clamp(100px, 20vw, 180px);
    min-width: clamp(100px, 20vw, 180px);
    min-height: clamp(100px, 20vw, 180px);
    margin: 10px 0 10px 0
}
.base .List-numCode {
    font-size: 1rem;
}

.base .List-title1 {
    font-weight: 400;
    font-size: clamp(1.125rem, 4vw, 1.6rem);
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.15;
}

h1.page-headline {
    font-weight: normal;
    text-transform: uppercase;
    font-family: var(--font-family-serif);
    font-size: clamp(1.65rem, 4vw, 1.8rem);
}
.richtext h2 {
    font-family: var(--font-family-sans);
    text-transform: uppercase;
    font-size: clamp(1.25rem, 3vw, 1.6rem);
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 8px;
}
.base .MainMenu-item {
    font-size: clamp(1.25rem, 3vw, 1.6rem);
    border-bottom: 1px solid var(--list-border-color);
    color: var(--font-color);
    -webkit-text-decoration: none;
    text-decoration: none;
    font-weight: 400;
}

[data-id="root"] .List-title1 {
    font-size: 1.25rem;
    font-weight: 700;
    padding: 2vh 0;
}
[data-id="root"] ul div.list-item:last-of-type li.List-listItem {
    border-bottom: 0;
}
[data-id="root"] ul div.list-item:first-of-type li.List-listItem {
    border-top: 1px solid var(--list-border-color);
}

[data-id="root"] h1.page-headline {
    font-weight: 600;
    font-family: var(--font-family-sans);
    text-transform: uppercase;
    padding-left: 15px;
    color: #F36A78;
}







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

.Collapsible__trigger {font-weight: 400 !important;font-size: 1.25rem;} .Collapsible__trigger:after { font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: normal; font-family: inherit; font-size: 24px; line-height: 1; top: 12px; content: '+'; transform: rotate(0deg); } .Collapsible__trigger.is-open:after { transform: rotateZ(135deg); top: 12px; font-size: 24px; } .Collapsible__contentOuter { transition: height 150ms ease-out 0s !important; } main { animation: fadeup 350ms ease-out 0s 1 forwards; } @keyframes fadeup { 0% { margin-top: 150px; } 100% { margin-top: 0; } } [data-testid="ArrowForwardIosIcon"] { font-size: 1em; }

table.ck-table-resized {
    width: 100%;
    margin: 0;
}
table.ck-table-resized td {
    padding-right: 20px !important;
}


figure.table {
    margin: 0;
}

img#overlay-0 {
    max-width: 500px;
}

.entity-overlays {
    max-width: 900px;
    margin: 0 auto;
}

[data-id="root"] .TopBar-appBar,
[data-id="root"] .TopBar-toolbarMargin {
    background: transparent;
    max-height: 56px !important;
    min-height: 56px !important;
}

[data-id="root"] .MuiToolbar-root{
    background: transparent;
    max-height: 56px !important;
    min-height: 56px !important;
}
[data-id="root"] .TopBar-toolbarMargin {
    max-height: 0px !important;
    min-height: 0px !important;
}
[data-id="root"] .TopBar-rightItems button {color: #fff;}

[data-id="root"] .MainMenu-closeButton {
    color: var(--font-color) !important;
}



.textsize-switch button {
    color: var(--font-color) !important;
}

.wma-hp .topbar .wrapper2 {
    height: 100vh;
    max-height: 100vh;
}

.wma-hp .homepage-linklist {
    margin-bottom: calc(39vh - 100px);
    margin-left: calc(4% - 10px);
}


a.childlink {
    font-size: clamp(1.7rem, 4vw, 2.4rem);
    background: transparent;
}

.stretch .main-container {
    position: relative;
}

.only-menu-button {
    position: absolute !important;
}

@media (min-width: 900px) {
    body:not(.fullscreen) .outer-main-container {
        box-shadow: 0 0 26px hsl(0deg 0% 0% / 45%);
        max-width: 900px;
    }
}

.MainMenu-menu .MainMenu-item {
    font-size: clamp(1.2rem, 4vw, 1.6rem);
    text-transform: uppercase;
}

.imageslider-advanced.with-player .player-controls {
    margin: 1px 0 0em 0;
    height: 56px;
    padding: 0 .5em !important;
}

.imageslider-advanced.with-player .FullScreenWrapper-fullscreen .player-controls {
    margin: 0;
}


main .player-controls button:has(.controlsIcon--small) {
    background-color: #666;
    height: 36px;
    width: 36px;
    margin: 0 .3em
}
main .player-controls button:has(.controlsIcon--small) svg {
    color: #fff;
    fill: #fff
}

.list-item:not(:has(.gatsby-image-wrapper)) .List-titleDiv {
    padding-left: 0px;
}

.base .list-item:not(.inline-list-headline) .List-titleFlex {
    min-height: clamp(60px, 10vw, 90px);
}

:not(.FullScreenWrapper-fullscreen) .imageslider-advanced.with-player .player-div {
    width: 100%;
    z-index: 9;
    margin-top: -4px;
    /* position: fixed; */
    /* bottom: 0; */
}

.imageslider-advanced.with-player .MuiSlider-valueLabelLabel {
    color: #FFF !important;
    font-size: 1em !important;
    font-family: sans-serif;
    font-weight: 700;
}




@media (min-width: 900px) {
.MainContainer-main .TopBar-appBar {
    overflow-x: clip;
    overflow-y: visible;
    }
}
 /* hack für 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.25rem, 3vw, 1.6rem);
    border-bottom: 1px solid var(--list-border-color);
    color: var(--font-color);
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    padding-block: 12px;
    font-family: var(--font-family-serif)
}
@media (hover: hover) {
  .MainMenu-item:hover {
        filter: brightness(1.8);
  }
    body.dark .MainMenu-item:hover {
        filter: brightness(.6);
  }
    :where(.List-listItem:hover, .inline-player:hover) .List-titleDiv {
        filter: brightness(.98);
        opacity: .6;
    }
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);
}
.MainMenu-closeButton {
    color: var(--menu-font-color)
}
/*  underline current text-size */
html:not(.textsize-large):not(.textsize-xl) .switch-small {
    text-decoration: underline;
    text-underline-offset: 4px;
}
html.textsize-large .switch-large {
    text-decoration: underline;
    text-underline-offset: 4px;
}
html.textsize-xl .switch-xl {
    text-decoration: underline;
    text-underline-offset: 4px;
}



.imageslider-advanced.with-player img {
    max-height: calc(100vh - 112px) !important;!i;!;
}