/*
Theme Name: Pauscha Theme
Author: Piiit
Author URI: https://piiit-creates.de
Description: 
Version: 1
*/

* {
    --border-radius: 7px !important;
    --shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    /* --wp--preset--color--primary: #d10d9a !important;
    --wp--preset--color--secondary: #5b8e51 !important;
    --wp--preset--color--tertiary: #5b8e51 !important; */
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.has-accent-red-background-color {
    color: var(--wp--preset--color--base);
}

.has-accent-red-dark-background-color {
    color: var(--wp--preset--color--base);
}

.has-accent-base-background-color {
    color: var(--wp--preset--color--contrast);
}

main.wp-block-group {
    margin-block-start: 0;
}

.wp-block-post-content>* {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-block-start: 0;
}

/* nav */
header.wp-block-template-part {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 0 40px var(--wp--preset--color--accent-red-dark),
        0 0 8px var(--wp--preset--color--accent-red-dark);
    border-bottom: 2px solid var(--wp--preset--color--accent-red);
    transition: .3s;
}

.nav-down header.wp-block-template-part {
    top: -50px !important;
}

.admin-bar header.wp-block-template-part {
    top: 32px;
}

nav li.active {
    border-bottom: 2px dashed var(--wp--preset--color--accent-red-dark);
    color: var(--wp--preset--color--accent-red-dark);
}

/* gallery */
.wp-block-gallery.is-style-Slider {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 0;
    overflow-x: scroll;
    position: relative;
}

.wp-block-gallery.has-nested-images.is-style-Slider figure.wp-block-image img {
    height: 300px !important;
    width: auto !important;
    max-width: none !important;
}

#baguetteBox-overlay {
    backdrop-filter: blur(12px);
}

/* map */

.map .wp-block-cover__inner-container .wp-block-group {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.611);
}

/* cards */

.cards .wp-block-group {
    padding-bottom: 20px;
    background-color: var(--wp--preset--color--base);
    box-shadow: var(--shadow);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.cards .wp-block-group>*:not(.wp-block-image) {
    padding: 12px 6% 0;
    color: var(--wp--preset--color--contrast);
}

.bank-details {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    display: inline-block;
}

/* Spendenbarometer */
.spendenbarometer {
    text-align: center;
    max-width: 80%;
    margin: 1em auto;
}

.spendenbarometer-bar {
    width: 100%;
    height: 30px;
    background: var(--wp--preset--color--base);
    border-radius: 100px;
    overflow: hidden;
    margin-bottom: 8px;
    box-shadow: var(--shadow);
}

.spendenbarometer-fill {
    height: 100%;
    background: linear-gradient(90deg, #2b5516, #408314);
    width: 0%;
    transition: width 0.8s ease;
}

.spendenbarometer-text {
    font-size: 14px;
    font-weight: bold;
    opacity: .6;
    transition: .3s;
}

.spendenbarometer:hover .spendenbarometer-text {
    opacity: 1;
}

/* contact form */

.contact.wp-block-group {
    background: var(--wp--preset--color--base);
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    padding: 20px;
    color: var(--wp--preset--color--accent-red-dark);
    overflow: hidden;
}

.wpcf7-form-control {
    padding: 10px;
    width: 100%;
    box-shadow: var(--shadow);
    border-radius: var(--border-radius);
    border: 2px solid var(--wp--preset--color--accent-red);
    font-size: var(--wp--preset--font-size--medium);
}

.wpcf7-acceptance {
    box-shadow: none;
    border: 0;
    padding: 20px 0 0 0;
    display: block;
}

.is-style-spalten {
    column-count: 2;
}

@media (max-width: 950px) {
    .is-style-spalten {
        column-count: 1;
    }
}

/* fader */
body:not(.block-editor-page) .is-style-Fader {
    /* max-height: 300px; */
}

.is-style-Fader {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 60px;
    padding-bottom: 100px;
    transition: .4s;
}

.is-style-Fader .wp-block-image {
    padding: 0 !important;
}

.is-style-Fader img {
    width: 100%;
    object-fit: cover;
    transition: .4s;
}

.is-style-Fader>*:not(.wp-block-image) {
    padding-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
}

body:not(.block-editor-page) .is-style-Fader::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(0deg, #8d4c40cf 0%, #f4ebd700);
    transition: .6s;
}

body:not(.block-editor-page) .expanded.is-style-Fader::after {
    opacity: 0;
}

body:not(.block-editor-page) .fader-toggle,
.slider-scroll-btn {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    bottom: 10px;
    border-radius: 50%;
    left: calc(50% - 30px);
    padding: 0;
    background-color: var(--wp--preset--color--accent-red-dark);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' clip-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5'%3E%3Cpath d='m9 33 41 32 41-32' fill='none' stroke='%23fff' stroke-width='18.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center 60%;
    border: 0;
    outline: none;
    box-shadow: 0 0 5px var(--wp--preset--color--base), 0 0 50px var(--wp--preset--color--base), 0 0 50px var(--wp--preset--color--base);
    z-index: 1;
    cursor: pointer;
    transition: .6s;
}

body:not(.block-editor-page) .fader-toggle:hover {
    bottom: 5px;
}

body:not(.block-editor-page) .expanded .fader-toggle:hover {
    bottom: 15px;
    opacity: 1;
}

.expanded .fader-toggle {
    transform: rotate(180deg);
    opacity: .5;
}

.slider-scroll-btn {
    transform: rotate(-90deg);
    right: 20px;
    left: auto;
    top: 41%;
}

.slider-scroll-btn:hover {
    transform: rotate(-90deg) translateY(10px);
}

/* team */

.is-style-Rund img {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: var(--shadow);
}

.team>.wp-block-group {
    background: white;
    text-align: center;
    box-shadow: var(--shadow);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.team h5 {
    margin-block-end: 1.2rem;
}

.team p {
    background: var(--wp--preset--color--accent-red);
    display: inline-block;
    margin: 5px;
    padding: 0 12px;
    border-radius: 50px;
    color: white;
    font-size: .9rem;
}

#team .is-style-Fader {
    box-shadow: none;
}

#team .is-style-Fader img {}

/* carousel */
.carousel {
    overflow: hidden;
    position: relative;
}

.carousel .team {
    display: flex;
    /* horizontales Karussell */
    flex-wrap: nowrap;
    justify-items: center;
    gap: 15px;
    transform: 'none';
}

.carousel .team>* {
    width: 300px;
    /* Breite der Items */
    min-width: 300px;
    margin-right: 10px;
    transition: transform 0.3s;
    margin: 30px 0;
}

/* Mobile: when switched to native scroll, children fill viewport and snap */
@media (max-width: 768px) {
    .carousel .team {
        display: flex;
        /* will be set to native scroll on user touch */
        transform: none !important;
    }

    .carousel .team.native-scroll {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .carousel .team.native-scroll>* {
        flex: 0 0 100vw;
        width: 100vw;
        scroll-snap-align: center;
    }

    /* hide desktop arrow buttons */
    #scroll-left,
    #scroll-right {
        display: none !important;
    }
}

/* simple arrow inside hint */
.carousel .scroll-hint .arrow {
    font-size: 28px;
    color: rgba(0, 0, 0, 0.6);
}

#scroll-left.slider-scroll-btn {
    transform: rotate(90deg);
    left: 20px;
}

/* Mobile: when switched to native scroll, children fill viewport and snap */
@media (max-width: 768px) {
    .carousel .team {
        display: flex;
        /* will be set to native scroll on user touch */
        transform: none !important;
    }

    .carousel .team.native-scroll {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .carousel .team.native-scroll>* {
        flex: 0 0 100vw;
        width: 100vw;
        scroll-snap-align: center;
    }

    /* hide desktop arrow buttons */
    #scroll-left,
    #scroll-right {
        display: none !important;
    }
}


/* zeitstrahl */

.zeitstrahl>* {
    justify-content: center;
    align-items: flex-start;
}

.zeitstrahl>*:nth-child(even) {
    flex-direction: row-reverse;
}


.zeitstrahl .jahr {
    background: var(--wp--preset--color--accent-red);
    color: var(--wp--preset--color--base);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: var(--shadow);
    font-weight: bold;
    padding: 27px 14px;
    font-size: 1.8rem;
    z-index: 9;
    position: relative;
}

.zeitstrahl .inhalte {
    max-width: 400px;
    background: white;
    color: var(--wp--preset--color--accent-red-dark);
    padding: 25px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    z-index: 9;
}

.zeitstrahl h4 {
    margin-block-start: 5px;
}

.zeitstrahl .jahr::after {
    content: '';
    display: block;
    position: absolute;
    background-color: white;
    height: 10px;
    width: 50px;
    right: -50px;
    top: 45px;
    z-index: 0;
}


.zeitstrahl>*:nth-child(even) .jahr::after {
    left: -50px;
}

.zeitstrahl .inhalte.current::before {
    content: 'Jetzt!';
    display: block;
    position: absolute;
    top: 6px;
    right: -30px;
    padding: 10px 50px;
    background: rgb(80, 155, 80);
    transform: rotate(14deg);
    color: white;
    font-weight: bold;
    box-shadow: 3px 3px 10px #012d01;
    border-radius: var(--border-radius);
}

.zeitstrahl .inhalte::after {
    content: '';
    display: block;
    position: absolute;
    background-color: white;
    height: 50px;
    width: 10px;
    left: calc(50% - 5px);
    bottom: -35px;
    z-index: 0;
}

.zeitstrahl .inhalte:last-of-type::after {
    display: none;
}

.zeitstrahl .datum {
    font-weight: bold;
    opacity: .5;
    text-align: center;
}

@media (max-width: 450px) {
    .zeitstrahl>div {
        flex-wrap: wrap;
    }

    .zeitstrahl .jahr::after {
        right: auto;
        top: auto;
        content: '';
        display: block;
        position: absolute;
        background-color: white;
        height: 35px;
        width: 10px;
        left: calc(50% - 5px) !important;
        bottom: -35px;
        z-index: 0;
    }

    .zeitstrahl .inhalte.current::before {
        top: -17px;
        right: -5px;
        padding: 10px 13px;
    }
}


.wp-block-separator[class*="is-style-farbe"] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 1000 54.8'%3E%3Cpath d='M0 55h1000V24l-2 1q-2-1-2-3h1q1-2-2-2v2-3l1 1q1-2-2-2l1-1h-1 1l1 1-2-2v-1q-2 0-2 2l-1-1-2 1h-1q0 1-2 1l-2 2h-1l-2 1s-1 3-1 0h-1c-2-2-1 1-2 1v-1h-3v1l-2-1 1 1-2-1c0 3-3 1-4 2v3l-1-2-1-2q-1-2-4 0l-2-4q-2 0-1 3v-2l-2 3-1 1h-1l-4-1 1 1c0-1-3 0-1-1q-2-2-3 1 0-2-2 1v-1 2h-3v1h-2l-1-1v1l-1-1-3 1 2-1-7-1h2-4l-4-1q-2 2-5 2-2 2-4-1l-2-2-2 1h-5l-6 2v-1h-2v1h-4 1l-3-1-1-2q0-3-2-3h-4q1 2-2 0l1 2q-1-1-3 1l-1-1 2-1q-4 2-8 0h1q-2-1 0-2l-2-1h1l-2-1h1-9l1 1-2-1q-1 2-3-1l-1 1 1-1-2-1q-1 2-3 1h1-2l2 2-3-1 1 1q-2-2-4-1l-1 1c2-2-3 1-4 1l1-1q-5 0-10 1l-9 2-9 2-4 1-2 1-6 2 2 3c-1-2-9 2-9-1h-6l-8-1-5-1h-19l-2-1h-1l-2-2h-3l-2-1q0 2-1 1c1 0-3-1-1 1l-1-1-1 1 1 1h-1l-2 1v1l-1-2-1 1-1-1q0 3-1 0l-2 1 1-1-7-1 2 1c-2-3-6 1-8 0l1 1q-3 0-4-3v-1h-2l1-1q-3 3-6 1-1 1-3 1v-1l-2 1h2q-2 3-4 2l1-1c-7 1-26 6-20 3 3-1-14 3-10 3s-3 1-4 2l-6 1q2-1 2 3c-2-3-5 0-7 0l-7-1h-5l-5-1-5-1h-17l-5-3-6-1q0 2-1 1-2-1-2 1l-1-1v1q2 1-3 1l1 1h-3l-1-1v2-2l-8 6 7-6h-4l-4-1 3 1q-2-2-4-1h-4l-7 2q-2-1-3-3h-3l-3 1-6 2-2-1h-5q-2 1-2-2l-1-1v-2h-7l1 1-3-1 1 1q-1 0-3 1h-1l2-1c-1 0-7 1-7-1h1l-2-1 1-1h-1v-1h-1v-1l-9 1 1 1h-6 4l-3 1v-1l-2 1h1q-3 0-5-3v1-2q-4 0-8 2v-1l-6 2 1-1-12 2-4 1-4 1-5 1-5 2-9 2 1 3h-5l-5-1c-4 0-2-10-14-1-4 3-5-1-4-1 15-1 2-3-6 0h-17l-4-1v4l-3-1q-2-1-3 1l1 3q-1 2-2 1l1 2q-1 0-3-2h-4l2 1v1l-2-1-4 1c1-2 2 0 3-2h-6c-1 1 3 1 4 1h-8l1-1c-1 0-4 0-1 1h-2v-1h-1v2q-8-1-17-1h-22c6-2-2-4 0-6h-1l3-2-3-2 1-1q-2-1-5-3 1-1-2-1l-4 2h2-3l1 1-3 2v-1l-6 1q2 0-1-1v-1q-1 0-3-1h1l-4 2-4 1 2 1q-2 0-3-1l-1 2-4 2h2q-3 1-5-2-1 1-1-1l-7 4q-3 2-5 3l1-1-4 2q-2 2-5 1h3l-2-2h1l1 1 1-2v-2l3-1-2 2q3-1 1-3h1l-2-1c0 2-1-1-1-1q-2-1-2 1l-1-1-1 1v-2l-4 1q-1-2-5-2h1l-1-1v-1l-2 1q1-2-1-3l-1 1-1-1v1h-2l1-1 1-1q-2 0-3-1l-4 2c0-3 5-5-1-5l2-4q1-2-3-3v-2q1-3-4-2l1-1h-1l-3-1-2-2q-2 1-5 4h1q-1 0-2 1h2q-1 0-1 2h-1l-1 1q2-2 1-3-2 4-6 4c3 0-1 0-2-1l-3-1-5 6h2q-3 0-5 4 1-2 4-2l-2 2v-1l-3 1h3q-4 2-7 0v1c-2-2-5 2-5 4l-2 3-1 1h1q-3 0-3 3h2l-2 1 1-1q-3 1-4 3-3 3-6 4v-1h-1q0-2-2-5-1 2-2 1l1-1h-3l1-1-2 1-3-1 1-1-1 1v-1h-1l1-2-3 1 2-2-2-1q2 2 1-1l-3-2v-1h1l1 1-2-3-2 1v1l-2-1-2 2c-2-2-3 4-5 2l-2 1s-1 3-1 0l-1 1v-1h-2v1h-3v1h-2 1-3q-2 1-3 1v3c-1-2-3-6-6-3l-1-4h-5q-2 1-3-1l-1-1q-3 0-3 2-2-2-4 0l-4 1v2l1 3q-2-1-2 1c-1-2-2 0-3-2h1-1v-2h-1l1-1-2 1 2-2-3-1 2 1q0-3-3-4l1-1h-1c0-2 1 1 2 1l-2-3q-2-1-2 2-2-2-3 0h-1l-2 1-2 1c1 0-3 1-1 1h-2s-1 4-1 1h-1q-2-2-2 1-1-2-3-1s-3 0-1 1l-2-1q-1 1-4 1v4l-1-2-1-2q-1-2-4 0l-2-4q-2-1-1 3v-2l-2 2-1 1-1 1c-1-2-7-3-7 0q0-2-2 0v-1 2h-1q0 2-2 1v1l-2-2-1 1-1-1v2-2l-3 1 2-1h-5q-2-2-4 0v-1q-1 2-4 0l-4 1q-2 2-5 0 0-2-2-2h-2l-3 1-4 2h-4q0-2-2-2h1l-7-2-2-2h-5c2 2-1 0-1 1l1 1h-5l2-1v1l1-1h-8 1l-2-1 1-1q0-1-2-2h1-9l1 1-2-1-2 2 1-1 1-1zm64-15-8 2 11-3zm483-11q0-2 2-1zm48 12-17 2 8-2s7-1 8-3c1 1-6 3-6 3l9-3c0 1-5 3-2 3m5-7 3-2zm16-4v-1zm121-6h2zl2 1q-3 1-3-2m14 0v-1zm4 0q0-2-1-1 2-2 1 1m3 0q-3 0-1-1zm33 4-2-1zm16 1zh2zm34-11h3zm10-1h2l-1 1zm3 2h-2l2-1zm5 0v-1h-3l3-1zm5-1q-2 2-2-1zm14 4 2-1zm47 11-5 3-10 2 9-3h3s5-4 7-3zm8-9h2l-1 1 2 1q-2 1-3-2m14 0v-1zm6-1q-2 0 0 0zm34-3-1-2z' style='fill:%236a3500'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f4ebd7' data-bbox='-0.001 205.493 1920.001 94.507' data-type='shape' preserveAspectRatio='xMidYMax slice' viewBox='0 205.5 1920 94.5'%3E%3Cpath d='M0 300h1920v-59h-3l2-2v-1l-3-1v-1h1l2 1v-2l-1-1-2-1-1 4q-2-2 1-6l2 3v-2q-1-2-4-2 2-1 1-3l-2 1 2-1q0 2 2 3l-1-4-3-1 1-1-4 1-1 2-2-1v-1l-3 3-1-1-1 2h-4l-3 4-2-1q-1 3-4 2-2 0-1 2v1h-1v-2l-1 1h-2l1-1-2-1c-3 1 0 2-1 3l-1-2-1 1-5-1 1 1v1l-4-1q-1 1 1 2h-1l-3-2q0 3-3 2l-1 1c-3-2-2 1-3 1v5l-1-2-2-2v-1l-1-3-2-1-2-1-3 3-3-7q0-3-3-2h-1v6-4l-3 4-1 3h-3v1q-2-3-5-2h-2q2 0 1 2v-1h-3v-1h1l-2-1h-2l-1 3v-2h-3l-1 3-1-2-1 2 1 2h-1q-2 3-5 1v2l-3-2-1 1-2-2v3l-1-3-4 2h-1l3-2-4-1h-5l-2 1-3-2 2 1h3l-2-1h-2q-3-2-4 1l-1-1q0 2-2 2l-1-2h-1l-3-1v2q-6 0-10 2l-3 1q-5-2-5-5l-3-2h-2v2h-1l-5-1-18 4 1-1h-4l1 1-4 1h-4l1-1-2-1h-4l-2-4q1-3-1-5h-10l1 1v1h-1l-2-2h-1l2 3h-1l-2-1-3 2v-1h-3l4-1 1-1-8 2-5-1-2-1h2l-3-2v-1l2-1-3-1 1-1-3-1 1-1-10 1h-7l3 2q-5 0-4-2l-5 1-2-3-1 1 1-2-4-1v2h-5l1-1h-3l3 2v1l-4-1 2 2-4-3-2 1-1-1-2 1 1 1-1 1h-1l1-1v-1h-1q-3 0-5 3h-3l2-1q-5-1-8 1l-7 1h-11l-10 4-7 2-1 1q-4-1-9 1l-3 1-5 1-3 2q-5-1-12 2l2 3c-2 1 1 2 1 3l-1-1h-3l-4 1h-8l-2-1v-1l-9 1h-1q-3-3-8-1l-9-1-6-3h-2l-11 1h-21l-6-1h-1l-1-1-2-1h-2l-2-2-1-1h-6v-1l-3-1-1 3h-1v-2h-2q-2 1-1 3h-1v-2l-2 2h1l1 2-2-1q-1 4-5 2l1 1v1l-3-3-1 2-2-2v3h-1l-1-3-3 2h-1l2-2-4-1h-5l-1 1-4-2 3 1h2l-1-1-3-1q-2 0-3 2l-2-1-3 1-2 1-1-1v1l2 2h-3l-5-7-1 1 1-2h-4l1-2-5 2-3 1h-2v-1l-1 2h-2l-1-1-2 1v-2l-4 1 3 1-5 3-2 1-1-1 2-1-8 1-7 1h-11l-11 4-6 3h-1q-4-1-9 2h-3l-5 1-3 2-12 2 2 3c-2 1 1 2 1 3l-1-1h-3l-4 1h-8l-2-1h-10q-3-3-8-1l-9-1-7-2-1-1-11 1-8 1h-1q-4-3-9-1h-3l-6-1-1-1h-1l-1-1-3-1-1-1-2-1h-6l-4-2v3h-1v-1l-2-1q-3 1-1 4h-1l-1-3-1 2h1v2h-1q-2 3-5 1l1 2h-1l-3-2-1 1-2-2v4l-1-4-4 3-1-1 3-2h-4q-2-3-5 0h-2l-3-2 2 1 3 1-2-1-2-1q-3-2-4 1l-1-1q0 2-2 2l-1-2-1 1-3-1v1l-10 2-3 1q-5-1-5-5l-3-2h-2v2h-6l-4 2q-5 3-11 4l-1-1h-1v-1h-1l-6-1v1h-4v-1h2-4l-1-4-1-1-1-1v-3l-3-1-10 1 1 1 1 1h-2l-2-2h-1l2 2-2-1-4 3v-1h-2l3-1 1-1-8 1h-5l-1-2 1 1 1-1-4-2h1l1-2h-2l1-2-3-1 1-1q-6-1-11 2h-7l3 2-3-2-9 1-1 1h4v-1q3-1 5 1h-5l-2 1 1-1h-4l-1 1 2 1h-2l-6-6v1h-1l1-3h-8l-8 3v-1q-5 0-9 3l-2 1v-1l1-1-7 2h-7q-6 2-10 0l-1 1-11 3-6 3h-1q-6-1-9 2l-3 1-5 1-4 1-11 2 1 3 1 3h-1l-2-1-5 1h-8l-2-1h-9l-9-1-8-1-7-2-2-1-11 1-7 1h-1q-5-3-10-1h-3q-5-2-9 1c-3-3-7-1-11-2v3l-1 3v-1h-6q-3-1-6 1l1 3h1v4q0 3-2 2h-1l2 3-3-1v-1l-1-1h-6l-4-1q1 3 4 2v3l-4-3-1 2h-6l2-2 2 1 1-2h-11v1h7l-5 2-1-2c-1 3-4 0-6 2l-2-2 1-1h-4v1h2-4l1-1h-3l1 4h-4l-7-1h-6l-5-2h-14l-6 1h-14q-5-2-8 1c-4-3-8-1-12-2l4-1q2-2 1-3l-4-3q-2-1 0-3h-2l2-1 2-1q3-1 1-4l-5-3 1-1-2-1q0-2-2-3-2 0-2-2h-2c2-3-2-2-3-3l-9 4 3 1-1 1-4-1 2 2h-2l-2 2h-2l-1 1v-1l-6 2h-5 2v-1l-4-1 1-2h-2l-1-2h-3l1-1q-6 1-9 5-4 0-6 2l3 1q-2 1-4-1l-10 6 3 1-2 1-8-5v1h-1v-2q-8 1-14 7v-1l-4 2-3 3-1 2h-1l1-2-6 3v1l-4 2-7-1h6l-3-3 1-1 2 3 2-3 1-1q2-2 0-3v-2q2 2 3-1h1l-3 3 1 1 3-4-1-2h1l1-1-4-1v1h-3v-3h-4v1l-1-2-2 2v-3q-5 0-8 2l-1-3h-8l1-1h-1l-1-1h1l-1-3-3 3 1-2-3-4v1l-1 1q-2-1-2-3-3 0-1 2h-5l3-2v1h1v-2q-3 2-4-1h-1c-1-3-3 0-5 0q-1 3-3 2l1-3 3-3c2-2-1-3-1-4h-4l4-7q2-2 0-3l-5-2-2-1h-1v-1l2-3v-3q-3-2-8-1l1-2-1 1q-1-3-4-2-3 0-3-2h-2q-1-3-4-1l-6 6h2v1h-4v1h3v1h-2v4l-2-1-1 2v-1l2-2-1-2-4 6-3 2h-4 2v-1h-4l-1-1h-2v-1h-4v-1l-6 7q-3 1-4 4h4-5l-5 7h1l2-3q1-2 4-1l-2 1-1 1v2l-1-1q0 2-4 2l1 1 3-1-2 2-10-2v1l-1-1q-8 3-9 10l-1-1-3 4v3l-1 2h-1l1-2q-4 3-5 6h4l-4 3 2-3h-1l-3 2-2 3-6 5-1 1q-1 3-7 3v-2l-2 1q2-2-1-5-2-2-1-3l-1-2-3 2-1-1 2-1-1-1q-3-1-4 1h-1l3-2h-2l-3 2v-1h-2l-3-2h1v-1l-2 2q-1-2 1-3h-3l2-3-4 2 3-3-4-1v-1l1 1h2v-2l-1-2q-1-2-3-2l-3-1q2-2 1-3l-1 1 2-1q0 2 2 3l-2-4-2-1v-2l-4 2 1 1h-1v1l-2-1-1-1-3 3h-1v2l-1-1q-2-1-3 1l-3 4-2-1v1l-4 1q-2 1-1 2v1h-1v-2l-1 1h-2l1-1-3-1v3l-1-2v1l-6-1v1l1 1h-4l2 1-2 1-2-2q-1 3-3 1l-1 2h-3l-1 2q3 3 1 4l-3-4-1-1v-2q-1-2-3-2h-2l-3 2-3-6q0-2-4-2l-5 2h-4l-1-3q-1-3-3-2-5 0-6 4l-2-2q-1 2-3 1l-3 2q-1-1-3 1-3-1-5 2c3 2 1 4 3 7h-2l-2 2-1-2h-1l-1 1-2-2 1-1-2 1 1-3h-2l1-2-4 1 4-3-5-1v-1h1l2 1v-2l-1-1v-2q-1-2-4-2 2-2 1-3l-2 1v-1h2q0 2 2 3l-1-4-3-1 1-1-4 1-1 2-2-2-3 2v1l-1-1-1 2h-4l-3 4-2-1q-1 2-4 2-2 0-1 2v1h-1v-2l-1 1-2-1h1l-2-1c-3 1 0 2-1 3l-1-2h-6l1 1h-4q-1 1 1 2h-1l-3-2q0 3-3 1l-1 1q-3 0-3 2v5l-1-2-2-2v-1l-1-3-2-2h-2l-3 3-3-7q0-3-3-2h-1v6-4l-3 4-1 3h-3v1q-2-2-5-2l-5-1h-2l-1 3v-2h-3l-1 3-1-2-1 2 1 2-1-1q-2 4-5 2v2l-3-3-1 2-2-2v3l-1-3-4 2h-1l3-2-4-1h-5l-2-1-2-1q-3 0-4 2l-1-1q0 2-2 2l-1-2h-1l-3-1v1q-6 0-10 3l-3 1q-5-2-5-5l-3-2h-2v1h-6l-5 3q-5 3-11 2h-1l-1-1-1-2h-2 2l-2-1h-3l-3-2-5-1-2-3-3-2-9 1 1 1v1h-1l-2-2-1 1 2 2-2-1-4 2v-1h-2l3-1v1l1-2-8 2-5-1-2-1h2l-3-2 1-1 1-1h-2v-2l-2-1 1-1-11 1H5l3 2q-4 0-3-2l-5 1m122 31-4 2-1 1-6 1h-3l19-6 2-1v1zm930-22 1-1 3-1 1 1zm92 22-5 2v1l-6 1h-4l19-6 2-1v1zm14-17h4-2l3 3q-2 1-5-3m27-2q-3-2 0-2zm233-12h4l-2 1 4 3q-3 1-6-4m27-1q-3-2 0-2zm9 0-1-2h-2q5-1 3 2m4 0h-2q-2-2 1-2l-1 1zm64 9-4-1v-1l4 1zm32 1-2-1 3-1 1 1zm65-20 4-1 1 1zm19-2 3-1-1 2zm5 4-4-1 4-2zm10 0-1-1 1-2h-6l7-1zm9-3h-2l-1-1zm27 8 1-1 4-1v1zm92 22-4 2-1 1-13 3q-5 3-11 3l4-2 1-1h2l26-8 2-1 1 1zm15-18h4l-2 1 3 3q-3 1-5-4m27-1q-3-2-1-2zm12-1h-2q-2-1 1-1l-1 1zm65-6h-1l-1-2v-1l2 2z'/%3E%3C/svg%3E");
    height: 50px;
    width: 100vw;
    max-width: 100vw;
    display: block;
    position: absolute;
    left: 0;
    padding: 0;
    margin: -50px 0 0 0 !important;
    border: none;
    mask-size: auto 100%;
    mask-position: top;
    mask-repeat: repeat-x;
}

.wp-block-separator.is-style-farbe-inverted {
    transform: rotate(180deg);
    margin: 0 0 -50px 0 !important;
    mask-position: bottom;

    z-index: 99;
}

/* video banner */
.cover-play-button {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 80%;
    background: var(--wp--preset--color--accent-red-dark);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5' viewBox='0 0 43 43'%3E%3Cpath d='m12 35 22-14L12 7z' style='fill:%23fff;stroke:%23fff;stroke-width:4px'/%3E%3C/svg%3E");
    display: block;
    border: none;
    border-radius: 50%;
    left: calc(50% - 40px);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 53% 50%;
    box-shadow: 0 0 5px var(--wp--preset--color--base), 0 0 50px var(--wp--preset--color--base), 0 0 50px var(--wp--preset--color--base);
    cursor: pointer;
    backdrop-filter: blur(10px);
    transform: scale(1);
    transition: .3s;
}

.cover-play-button:hover {
    transform: scale(1.05);
    background-size: 75%;
}

.blur .wp-block-cover__image-background {
    filter: blur(5px);
}

/* interactive map */
/* [class*="isimb"] [class*="main-svg"] polygon {
    fill: rgba(255, 255, 255, 0.01) !important;
    stroke: rgba(255, 255, 255, 0.3) !important;
    stroke-width: 2px !important;
    transition: .3s;
} */
/* 
#pauscha-map polygon:hover {
    fill: rgba(255, 255, 255, 0.37) !important;
    stroke: rgba(255, 255, 255, 0.6) !important;
    stroke-width: 2px !important;
    filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.7));
} */

#map-container {
    position: relative;
}

#map-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: white;
}

#map-wrapper svg {
    width: 100%;
    height: 100%;
    transform-origin: center center;
    cursor: grab;
}

#map-wrapper svg:active {
    cursor: grabbing;
}

/* Tooltip */
#tooltip {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    transition: opacity 0.15s ease;
    opacity: 0;
}

/* Highlight */
#pauscha-map .highlight {
    fill: rgba(166, 43, 43, 0.2);
    stroke: #770c0c !important;
    stroke-width: 4px !important;
    filter: drop-shadow(0 0 4px rgb(255, 255, 255)) drop-shadow(0 0 14px rgb(255, 255, 255));
}

/* Legende */

#map-legend {
    width: 300px;
    max-width: 90vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    display: flex;
    align-items: center;
    overflow-y: scroll;
}

#map-legend ul {
    list-style: none;
    padding: 0;
}

#map-legend li {
    display: inline-block;
    padding: 4px 6px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.674);
    border-radius: var(--border-radius);
    margin: 5px;
    backdrop-filter: blur(5px);
    box-shadow: var(--shadow);
}

#map-legend li:hover {
    background: #eee;
}

#map-wrapper svg [id][data-name] {
    pointer-events: all;
    /* ermöglicht Maus-Hover */
    cursor: pointer;
}

#svg-pan-zoom-controls {
    transform: translate(calc(100% - 90px), 90px) scale(.9);
    z-index: 999;
    position: relative;
}

#svg-pan-zoom-controls .svg-pan-zoom-control {
    fill-opacity: .5;
}

#svg-pan-zoom-controls .svg-pan-zoom-control:hover {
    fill-opacity: .9;
}

#zoomControls {
    right: 10px;
    position: absolute;
    top: 10px;
    z-index: 99;
}

@media (max-width: 850px) {
    #map-legend {
        display: none;
    }
}

footer.wp-block-template-part {
    margin-block-start: 0;
}