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





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

}




#logo a {
    text-decoration: none;
}

#logo a:hover {
    text-decoration: underline;
    text-underline-offset: 20%;
    text-decoration-thickness: 8%;
}

/*Abstände*/



.h1 {
    line-height: var(--zab-10);
    font-size: var(--font-size-10);
    margin-block-end: var(--square-96);
   margin-top: 160px;
max-width: 450px;
   /* text-transform: uppercase; */
}


.h1 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; */
}


.reading-text {
    line-height: var(--zab-9);
    font-size: var(--font-size-9);
}

.italic {
    font-style: oblique 50deg;
}

.book-autor {
    
}

.book-title {
    font-style: italic;
}

.grey-color-text {
    color: #9e9d9d;
}

.indent {
    text-indent: 60px;
}


.specification {
    display: block;
    line-height: var(--zab-7);
    font-size: var(--font-size-7);
    text-align: center;
    max-width: 600px;
    color: #9e9d9d;
}

.specification:hover {
        color: black;
}

.specification a {
    text-underline-offset: 4px;
}