@import url('https://fonts.googleapis.com/css2?family=Gotu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;0,500;1,400;1,500&display=swap');


@font-face {
    font-family: 'Vulf Mono';
    src: url('./fonts/Vulf_Mono-Regular_web.woff2') format('woff2'),
        url('./fonts/Vulf_Mono-Regular_web.woff') format('woff'),
        url('./fonts/Vulf_Mono-Regular_web.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Vulf Mono';
    src: url('./fonts/Vulf_Mono-Italic_web.woff2') format('woff2'),
        url('./fonts/Vulf_Mono-Italic_web.woff') format('woff'),
        url('./fonts/Vulf_Mono-Italic_web.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Vulf Mono';
    src: url('./fonts/Vulf_Mono-Bold_web.woff2') format('woff2'),
        url('./fonts/Vulf_Mono-Bold_web.woff') format('woff'),
        url('./fonts/Vulf_Mono-Bold_web.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Vulf Mono';
    src: url('./fonts/Vulf_Mono-Bold_Italic_web.woff2') format('woff2'),
        url('./fonts/Vulf_Mono-Bold_Italic_web.woff') format('woff'),
        url('./fonts/Vulf_Mono-Bold_Italic_web.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'LenaClean';
    src: url('./fonts/LenaClean-Regular.woff2') format('woff2'),
        url('./fonts/LenaClean-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



a {
    color: var(--main-color);
    text-underline-offset: 20%;
    text-decoration-thickness: 10%; /* Relativ zur Schriftgröße */

}

/*.d-header-container a {*/
/*    color: white;*/
/*    text-decoration: none;*/
/*}*/

.logo-home {
    text-decoration: none;
    font-weight: 500;
    font-size: calc(var(--font-size-6));
}



.dropdown-container a {
    text-decoration: none;
}

.flex-container-days a {
    text-decoration: none;
}

.d-subnav-container a {
    text-decoration: none;
}

.d-carousell-nav-container a {
    text-decoration: none;
}

#m-close-menu-btn a {
    text-decoration: none;
}

#m-logo a {
    text-decoration: none;
}

/*Abstände*/

.space-right {
    padding-right: 10px;
}


.bold {
    font-weight: bold;
}

.spotted {
    /* background: var(--variable-spot-color); */
    margin: 0px -8px;
    padding: 0px 8px;
}

.country {}


.key-text {
    line-height: var(--zab-10);
    font-size: var(--font-size-10);
    margin-block-end: var(--zab-10);
    max-width: 1200px;
    /* text-transform: uppercase; */
}


.key-text a {
    /* background-color: var(--variable-spot-color); */
    text-decoration-color: var(--main-color);
    text-underline-offset: 4px;
    /* Abstand der Linie zum Text */
    /* text-decoration-thickness: 2px; */
}


.chapter-title {
    line-height: var(--zab-12);
    font-size: var(--font-size-12);
    margin-bottom: var(--square-36);
    margin-left: 10%;
}

.paragraph-titel {
    color: #fa0000;
    font-size: var(--font-size-8);
    padding-top: var(--zab-8);
    margin-bottom: var(--zab-8);
}

.sub-titel {
    color: black;
    font-size: var(--font-size-8);
    line-height: var(--zab-8);
    margin-top: var(--zab-8);
    margin-bottom: var(--zab-8);
}

.artist-country {
    color: var(--variable-grey-dark);
}


.reading-text {
    line-height: var(--zab-8);
    font-size: var(--font-size-8);
    margin-block-end: var(--zab-8);
    max-width: 800px;
}

.caption {
    line-height: var(--zab-7);
    font-size: var(--font-size-7);
    max-width: 800px;
}

h3 {
    line-height: var(--zab-5);
    font-size: var(--font-size-5);
    margin-top: var(--square-36);
    margin-bottom: var(--zab-5);
}

.note-list {
    color: black;
    padding-left: 18px;
    max-width: 700px;
    line-height: var(--zab-7);
    font-size: var(--font-size-7);
}

.reading-text-lettre {
    font-family: 'LenaClean';
    line-height: var(--zab-10);
    font-size: var(--font-size-9);
    margin-block-end: var(--font-size-9);
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    padding: var(--font-size-8);
    color: #0202af;
    /* hyphens: auto; */
}

.reading-text-agenda {
    padding-left: var(--square-36);
    padding-right: var(--square-36);


}

.hidden-text {
    display: none;
  }

.expanded .hidden-text {
    display: inline;
  }

.read-more-btn, .read-less-btn {
    background: none;
    border: none;
    color: #007BFF;
    cursor: pointer;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    padding: var(--font-size-8) 0 var(--font-size-8) 0;
  }


.read-more-btn:hover, .read-less-btn:hover {
    color: #0056b3;
  }


.read-less-btn {

}

.reading-text-traeger {
    color: black;
    line-height: var(--zab-8);
    font-size: var(--font-size-7);
    margin-block-end: var(--zab-8);
}


.reading-text-traeger a {
    color: black;
    text-decoration-thickness: 10%;
    text-underline-offset: 12%;
   

}

.paragraph-titel-traeger {
    color: black;
    line-height: var(--zab-8);
    font-size: var(--font-size-8);
    margin-block-end: var(--font-size-8);
    border-top: 1px black solid
}

.spezification {
    /*font-size: var(--zab-5);*/
}



.paragraph-titel-6 {
    margin-top: var(--square-36);
    color: black;
    background-color: var(--variable-grey-light);
    font-weight: 500;
}

.paragraph-titel-6-colored {
    margin-top: calc(var(--zab-7) * 3);
    margin-bottom: var(--zab-7);
    color: var(--variable-year-color);
    font-weight: 500;
}

.paragraph-titel-8 {
    margin-top: calc(var(--zab-7) * 3);
    font-size: var(--font-size-7);
    font-weight: 400;
    color: black;
    padding-bottom: var(--zab-7);


}

.paragraph-titel-8-colored {
    margin-top: calc(var(--zab-7) * 3);
    font-size: var(--font-size-7);
    color: var(--variable-year-color);
    font-weight: 500;
    margin-bottom: var(--zab-7);

}

.dropdown-paragraph-titel-8 {
    font-size: var(--font-size-7);
    font-weight: 400;
    color: black;
    margin-bottom: var(--zab-7);


}



.no-margin {
    margin-block-end: 0;
}


.text {
    line-height: var(--zab-7);
    font-size: var(--font-size-6);
    /*padding-left: var(--unit-padding-left);*/
    /*padding-right: var(--unit-padding-left);*/
    /*padding-top: var(--unit-padding-top-bottom);*/
    /*padding-bottom: var(--unit-padding-top-bottom);*/
    background-color: white;
}

/*.text-2 {*/
/*    line-height: var(--zab-7);*/
/*    font-size: var(--font-size-6);*/
/*    padding-left: var(--unit-padding-left-right);*/
/*    padding-right: var(--unit-padding-left-right);*/
/*    padding-top: var(--unit-padding-top-bottom);*/
/*    padding-bottom: var(--unit-padding-top-bottombottom);*/
/*    background-color: white;*/
/*    border-bottom: 3px solid var(--variable-year-color);*/

/*}*/

.agenda-datum {
    color: black;

}

.agenda-text {
    color: gray;
}

.notizen {
    color: lime;
    font-size: var(--font-size-6);
    line-height: var(--zab-7);

}


.indent {
    text-indent: var(--square-36);
}


.indent-1 {
    padding-left: calc(var(--font-size-8) * 0.75 * 3);
}

.indent-2 {
    padding-left: calc(var(--font-size-8) * 0.75 * 6);
}

.indent-3 {
    padding-left: calc(var(--square-36) * 3);
}

.caption-field {
    background-color: white;
    width: 100%;
}



.no-padding-left {
    padding: 0;
}

.slide-counter {
    display: flex;
    align-items: center;
    font-size: var(--font-size-5);
    line-height: var(--zab-5);
    /*background-color: var(--variable-grey-dark);*/
    color: var(--variable-black);
}

.slide-container .caption {
    background-color: white;
    font-size: var(--font-size-6);
    line-height: var(--zab-6);
}

.line-space {
    height: var(--zab-8);

}

.square-space {
    height: var(--square-36);
}

.fa {
    font-family: Rockwell, sans-serif;
}