@font-face {
    font-family: 'Kazimir';
    src: url('/assets/fonts/kazimirtext-medium-webfont.woff2') format('woff2'),
         url('/assets/fonts/kazimirtext-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kazimir';
    src: url('/assets/fonts/kazimirtext-mediumit-webfont.woff2') format('woff2'),
         url('/assets/fonts/kazimirtext-mediumit-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

body {
    background-color: #e0c0ea;
    font-family: 'Kazimir', serif;
    color: #fff;
    font-size: 1.2em;
    /*perspective: 1px;
    height: 100vh;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
    background: linear-gradient(to bottom, #e0c0ea 0%, #e0c0ea 60%, #4F3624 100%);
    padding-bottom: 3em;
}
a {
    color: #fff !important;
}
.block:not(.block-type-parallax) {
    padding: 0 20px;
}
/* Remove padding from absolutely positioned text blocks */
.grid:first-child .blocks:first-child .block-type-text {
    padding: 0 !important;
}
.block-type-parallax {
    margin-bottom: 20vh;
}
.grid {
    padding: 0;
    max-width: none;
}
#backtoimpressum a {
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.1em;
}
h1, h2 {
    font-weight: 500;
    font-size: 3.5em;
    margin: 0;
}
/* Make sure the parent container has relative positioning */
.grid:first-child .blocks:first-child {
    position: relative;
}

/* Base positioning for headings and text */
.grid:first-child .blocks:first-child .block-type-heading h2,
.grid:first-child .blocks:first-child .block-type-text p {
    position: absolute;
    z-index: 900;
}

/* Position of Headline "Tonfeld" */
.grid:first-child .blocks:first-child .block-type-heading:first-of-type h2 {
    transform: translate(calc(100vw - 19ch), 430vh);
}

/* Position of Headline "Wohnfeld" */
.grid:first-child .blocks:first-child .block-type-heading:nth-of-type(2) h2 {
    transform: translate(calc(100vw - 10ch), 540vh);
}

/* Position of Text 1 */
.grid:first-child .blocks:first-child .block:nth-child(3) p {
    transform: translate(calc(100vw - 55ch), 80vh) !important;
    width: 50ch !important;
    z-index: 10 !important;
}

/* Position of Text 2 */
.grid:first-child .blocks:first-child .block:nth-child(4) p {
    transform: translate(20px, 280vh) !important;
    width: 50ch !important;
    z-index: 10 !important;
}

@media (max-width: 768px) {
    /*position of headline "Tonfeld"*/
    .grid:first-child .blocks:first-child .block-type-heading:first-of-type h2 {
        transform: translate(20px, 540vh);
    }
    /*position of headline "Wohnfeld"*/
    .grid:first-child .blocks:first-child .block-type-heading:nth-of-type(2) h2 {
        transform: translate(20px, 940vh);
    }
    /*position of text 1*/
    .grid:first-child .blocks:first-child .block:nth-child(3) p {
        transform: translate(20px, 30vh) !important;
        width: 90vw !important;
    }
    /*position of text 2*/
    .grid:first-child .blocks:first-child .block:nth-child(4) p {
        transform: translate(20px, 320vh) !important;
        width: 90vw !important;
    }
}


figure {
    margin: 0;
}
figcaption {
    font-style: italic;
    font-size: 0.8em;
    padding-left: 1em;
}
.extramargin {
    margin-bottom: 20em;
}
.werkliste .column .blocks .block-type-text p em {
    padding: 0.75em 0 0 0em;
    display: inline-block;
}
.werkliste {
    margin-top: 6em;

}
.pdfview {
    aspect-ratio: 15/5.7 !important;
}