/* @import url(https://fast.fonts.net/lt/1.css?apiType=css&c=9a7c4b36-d3a7-4696-a057-b592e50042a4&fontids=739587,739593,5626790,5626815); */

/* Linotype Fonts */
@font-face{
        font-family:"Plak W02 Black";
        src:url("../fonts/739587/c72d960b-e25d-4860-b9cc-996a5bbcfcc7.woff2") format("woff2"),url("../fonts/739587/8777901b-91b9-477b-b762-daa2152b880c.woff") format("woff");
}
@font-face{
    font-family:"PlakW02-BlackCondensed";
    src:url("../fonts/739593/38acf610-7c61-46ba-9ab9-affaffc8cfd1.woff2") format("woff2"),url("../fonts/739593/f36a1df4-214c-40d1-8807-bf06fe25b515.woff") format("woff");
}
@font-face{
    font-family:"Santral W02 Regular";
    src:url("../fonts/5626790/85717280-6891-4e95-87ab-5369349eb6f9.woff2") format("woff2"),url("../fonts/5626790/c9da2da6-3ef7-4b22-b4a7-e6113953196c.woff") format("woff");
}
@font-face{
    font-family:"Santral W02 Bold";
    src:url("../fonts/5626815/7d3f80e4-3287-407d-965d-2e60bc9b153d.woff2") format("woff2"),url("../fonts/5626815/1cacfab2-9ee8-442e-b065-802c4e39ad42.woff") format("woff");
}
:root {
    --color-black: #000;
    --color-mediumblack: #111;
    --color-white: #fff;
    --color-lightgrey: #f3f3f3;
    --color-red: #d72519;
    --color-darkred: #ac1d14;
}
/* @import "02_tools.css"; */
body {
    font-size: 1.125rem;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
/* global outlines bei links, außer buttons */
a {
    text-underline-offset: 3px;
    -webkit-text-decoration-skip-ink: all;
            text-decoration-skip-ink: all;
}
a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(.wpbf-read-more) {
    outline: 2px solid transparent;
    -webkit-text-decoration: underline 2px dotted currentColor;
            text-decoration: underline 2px dotted currentColor;
    background: #f3f3f3;
    background: var(--color-lightgrey);
}
a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(.wpbf-read-more) img {
    outline: 2px dotted #111;
    outline: 2px dotted var(--color-mediumblack);
}
/* Forms */
textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="number"], input[type="datetime"] {
    border: 1px solid #111;
    border: 1px solid var(--color-mediumblack);
}
b, strong {
    font-family: "Santral W02 Bold";
}
h1, h2, h3, h4, h5, h6 {
    font-family: "PlakW02-BlackCondensed";
    font-weight: 400 !important;
}
h1 {
    font-size: 3.5rem;
}
h2 {
    font-size: 3rem;
}
h3 {
    font-size: 2.5rem;
}
h4 {
    font-size: 2rem;
}
h5 {
    font-size: 1.5rem;
}
h6 {
    font-size: 1.25rem;
}
/* Social Icons in menu and in content */
.menu-item[class^="icon-"] i, .social-icons-content svg {
    border: 3px solid #111;
    border: 3px solid var(--color-mediumblack);
    border-collapse: collapse;
    padding: 6px;
}
.social-icons-content .wp-block-social-link:hover {
    color: #d72519 !important;
    color: var(--color-red) !important;
}
/* Remove background color of a tag when transparent SVG is used */
.wpbf-logo a:focus {
    background: none !important;
}
/* MENU - general */
#mega-menu-wrap-ksm_mega_menu ul ul {
    margin: 0;
}
#mega-menu-wrap-ksm_mega_menu #mega-menu-ksm_mega_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_custom_html {
    padding-top: 0;
}
.current-menu-item a {
    color: #d72519;
    color: var(--color-red);
}
/* MENU - regular menu items */
#mega-menu-wrap-ksm_mega_menu .widget_nav_menu ul {
    padding-left: 5px;
    font-size: 1.3em;
}
#mega-menu-wrap-ksm_mega_menu .widget_nav_menu li {
    list-style: none;
}
#mega-menu-wrap-ksm_mega_menu .widget_nav_menu li a {
    font-family: "Santral W02 Bold";
}
/* MENU - Latest Post */
#mega-menu-wrap-ksm_mega_menu #mega-menu-ksm_mega_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:nth-child(2) {
    border-left: 3px solid #000;
    border-left: 3px solid var(--color-black);
}
#mega-menu-wrap-ksm_mega_menu #mega-menu-ksm_mega_menu .pis-ul {
    margin: 0;
}
#mega-menu-wrap-ksm_mega_menu #mega-menu-ksm_mega_menu .pis-ul li {
    list-style: none;
}
#mega-menu-wrap-ksm_mega_menu #mega-menu-ksm_mega_menu p.pis-thumbnail {
    margin-bottom: 20px;
}
#mega-menu-wrap-ksm_mega_menu #mega-menu-ksm_mega_menu p.pis-excerpt {
    margin-bottom: 0;
}
/* BLOG */
.wpbf-post h2, .wpbf-post h3 {
    line-height: 1;
}
.wpbf-post-grid .wpbf-article-wrapper {
    margin-bottom: 40px;
}
.wpbf-post-grid .wpbf-post {
    display: flex;
    flex-flow: column wrap;
}
.wpbf-post-grid .wpbf-post footer.article-footer {
        margin-top: auto;
    }
#content .wpbf-read-more {
    text-decoration: none;
}
#content .wpbf-read-more:focus, #content .wpbf-read-more:active {
        background-color: #111;
        background-color: var(--color-mediumblack);
        color: #fff;
        color: var(--color-white);
    }
/* SINGLE POST */
.single .subtitle {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}
.yarpp-thumbnails-horizontal {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.yarpp-post {
    max-width: 300px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img {
    display: block !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    margin: 0 !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    margin: 5px 0 5px 0 !important;
    max-height: revert !important;
    font-size: revert !important;
    line-height: revert !important;
    width: auto !important;
    overflow: auto !important;
    font-weight: bold;
    display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-excerpt {
    font-size: 16px;
}
/* COMMENTS */
.comment {
    border: 0;
    padding: 0;
}
/* SEARCH */
.wpbf-search-content h1 {
    margin-bottom: 40px;
}
/* PRE-FOOTER / WIDGET AREA */
.wpbf-widget-footer {
    border-top: 3px solid #111;
    border-top: 3px solid var(--color-mediumblack);
    border-bottom: 3px solid #111;
    border-bottom: 3px solid var(--color-mediumblack);
}
.wpbf-inner-widget-footer {
    padding: 20px;
}
.wpbf-widget-footer .wpbf-footer-widget {
    margin-bottom: 0 !important;
    width: 100%;
}
.wpbf-widget-footer .wpbf-footer-widget .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: 700;
}
.wpbf-widget-footer .wpbf-footer-widget .menu a {
    display: inline-block;
    padding: 10px 15px;
}
.wpbf-widget-footer a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: #fff;
    background: var(--color-white);
}
/* FOOTER */
.wpbf-inner-footer-content .wpbf-menu li:first-child:after {
    content: '|';
}
.wpbf-inner-footer-content .wpbf-menu a {
    display: inline-block;
    font-weight: bold;
}
/* Block: Separator */
.wp-block-separator {
    background: #111;
    background: var(--color-mediumblack);
}
.wp-block-separator.is-style-wide {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url( '../img/stadtmuseum-divider.svg' );
    height: 10px;
    border-top: 0;
    border-bottom: 0;
}
/* Single post shariff buttons */
.wp-block-separator.is-style-wide.margin-bottom-less {
    margin-bottom: 20px;
}
.wp-block-separator.is-style-wide.margin-top-less {
    margin-top: 20px;
}
/* Block: Button Style */
.wp-block-button.is-style-ksm-button {
    margin-bottom: 1em;
}
.wp-block-button.is-style-ksm-button .wp-block-button__link {
        border: 3px solid #111;
        border: 3px solid var(--color-mediumblack);
        border-radius: 8px;
        padding: calc(.333em + 2px) calc(1.333em + 2px);
        text-decoration: none !important;
    }
.wp-block-button.is-style-ksm-button .wp-block-button__link:not(.has-background) {
        background: #fff;
        background: var(--color-white);
    }
.wp-block-button.is-style-ksm-button .wp-block-button__link:not(.has-background):hover, .wp-block-button.is-style-ksm-button .wp-block-button__link:not(.has-background):active, .wp-block-button.is-style-ksm-button .wp-block-button__link:not(.has-background):focus {
            background: #111 !important;
            background: var(--color-mediumblack) !important;
        }
.wp-block-button.is-style-ksm-button .wp-block-button__link:not(.has-text-color) {
        color: #111;
        color: var(--color-mediumblack);
    }
.wp-block-button.is-style-ksm-button .wp-block-button__link:not(.has-text-color):hover, .wp-block-button.is-style-ksm-button .wp-block-button__link:not(.has-text-color):active, .wp-block-button.is-style-ksm-button .wp-block-button__link:not(.has-text-color):focus {
            color: #fff;
            color: var(--color-white);
        }
/* Block: Image Style */
.wp-block-image.is-style-blog-img-right-align .alignright {
        float: none;
        display: block;
        margin: 0;
        text-align: right;
    }
.wp-block-image.is-style-blog-img-right-align figcaption {
        display: block;
        width: 100%;
        text-align: right;
    }
/* Grids plugin */
.grids-s-w_i figure {
    margin-bottom: 0;
}
/* Custom Post Blocks */
.grid-post {
    display: -ms-grid;
    display: grid;
}
.grid-post .entry-image {
    -ms-grid-column: 1;
    grid-column: 1 / 1;
    -ms-grid-row: 1;
    grid-row: 1 / 1;
    -ms-grid-row-align: start;
        align-self: start;
    -ms-grid-column-align: center;
        justify-self: center;
    margin-bottom: 0;
}
.grid-post .entry-details {
    -ms-grid-column: 1;
    grid-column: 1 / 1;
    -ms-grid-row: 1;
    grid-row: 1 / 1;
    background: rgba(255,255,255,0.85);
    -ms-grid-column-align: end;
        justify-self: end;
    -ms-grid-row-align: end;
        align-self: end;
    padding: 20px;
    display: block;
}
.grid-post:hover .entry-image img, .grid-post[focus-within] .entry-image img {
    border-radius: 8px;
}
.grid-post:hover .entry-image img, .grid-post:focus-within .entry-image img {
    border-radius: 8px;
}
.grid-post[focus-within] {
    outline: 2px dotted #111;
    outline: 2px dotted var(--color-mediumblack);
}
.grid-post[focus-within] {
    outline: 2px dotted #111;
    outline: 2px dotted #111;
    outline: 2px dotted var(--color-mediumblack);
}
.grid-post:focus-within {
    outline: 2px dotted #111;
    outline: 2px dotted var(--color-mediumblack);
}
.grid-post h2.entry-title {
    margin-bottom: 1rem;
    font-size: 28px;
}
.grid-post .entry-excerpt {
    margin-bottom: 0;
}
/* Startseite Öffnungszeiten */
.start-oeffnungszeiten, .besuch-oeffnungszeiten {
    border: 3px solid #111;
    border: 3px solid var(--color-mediumblack);
    height: 100%;
    padding: 20px;
    line-height: 1.5;
}
.start-oeffnungszeiten p {
        font-size: 16px;
        margin-bottom: 0;
    }
.start-oeffnungszeiten .wp-block-separator {
        max-width: 40px;
        margin: 5px auto;
    }
.besuch-oeffnungszeiten strong {
        font-size: 24px;
    }
/* Advanced Posts Block */
.wp-block-advanced-posts-blocks-posts {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows:1fr 20px 1fr 20px 1fr 20px 1fr;
    -ms-grid-columns:1fr;
        grid-template: repeat( 4, 1fr ) / 1fr;
    /* grid-template-columns: repeat( 4, 1fr );
    grid-template-rows: 1fr; */
    grid-gap: 20px;
}
.wp-block-advanced-posts-blocks-posts figure.entry-image {
        background: #f3f3f3;
        background: var(--color-lightgrey);
    }
.wp-block-advanced-posts-blocks-posts figure.entry-image:hover {
            border-radius: 8px;
        }
.wp-block-advanced-posts-blocks-posts figure.entry-image img {
            display: block;
            margin: 0 auto;
        }
/* Accordion Block */
.wp-block-pb-accordion-item .c-accordion__title {
        padding-right: 0;
        padding-left: 2rem;
        font-size: 32px;
    }
.wp-block-pb-accordion-item .c-accordion__title:after {
            color: #000;
            color: var(--color-black);
            font-weight: 700;
            font-size: 36px;
            left: 0;
            right: auto;
        }
.wp-block-pb-accordion-item.is-open > .c-accordion__title:after {
        content: "−";
        color: #d72519;
        color: var(--color-red);
    }
/* Team Flip Box */
.ksm-image-switch {
  display: inline-block;
  position: relative;
}
.ksm-image-switch figure img, .team-details p {
  transition: 0s ease;
}
.ksm-image-switch figure:first-child img, .team-details p:first-child {
  opacity: 1;
}
.ksm-image-switch figure:last-child img, .team-details p:last-child {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.ksm-image-switch:hover figure:first-child img {
  opacity: 0;
}
.ksm-image-switch:hover figure:last-child img {
  opacity: 1;
}
.team-details {
    position: relative;
}
.team-details .wp-block-group__inner-container {
        padding: 0;
    }
.team-details p.team-details-front {
        z-index: 10;
    }
.team-details p.team-details-back {
        z-index: 0;
        margin-top: 0;
    }
/* Accessibility */
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.max-width-900 {
    max-width: 900px;
    margin: 0 auto;
}
.font-plak-black {
    font-family: "Plak W02 Black";
}
.font-plak-condensed {
    font-family: "PlakW02-BlackCondensed";
}
.font-santral-regular {
    font-family: "Santral W02 Regular";
}
.font-santral-bold {
    font-family: "Santral W02 Bold";
}
/* Sidewide changes both needed in frontend and editor (was in 04_components.css before which is not loaded in the editor) */
/* CONTENT */
#content a, .pis-more-link {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
            text-decoration-style: dotted;
    text-decoration-thickness: 2px;
}
.single .entry-content p {
    max-width: 920px;   
}
@media ( min-width: 650px ){
.wp-block-advanced-posts-blocks-posts {
        -ms-grid-rows:1fr 20px 1fr;
        -ms-grid-columns:1fr 20px 1fr;
            grid-template: repeat( 2, 1fr ) / repeat( 2, 1fr )
}
}
@media ( min-width: 1024px ){
.grid-post .entry-details {
        display: none
}
    .grid-post:hover .entry-details, .grid-post[focus-within] .entry-details {
        display: block;
    }
    .grid-post:hover .entry-details, .grid-post:focus-within .entry-details {
        display: block;
    }
.wp-block-advanced-posts-blocks-posts {
        -ms-grid-rows:1fr;
        -ms-grid-columns:1fr 20px 1fr 20px 1fr 20px 1fr;
            grid-template: 1fr / repeat( 4, 1fr )
}
}
@media ( min-width: 1200px ){
    .front-grid-tablet {
        display: none;
    }
}
@media ( max-width: 1199px ){
    .front-grid-desktop {
        display: none;
    }
}