/* Default: Extra-small devices such as small phones (less than 640px) */
@import url("/css/very-small.css");
@import url("/css/small.css") only screen and (min-width: 640px);
@import url("/css/medium.css") only screen and (min-width: 768px);
/* mein handy 1108  */
/* mein notebook klein 1280  */
@import url("/css/large.css") only screen and (min-width: 1024px);
/* mein desktop 1920 */
@import url("/css/desktop.css") only screen and (min-width: 1500px);

@font-face {
    font-family: P052;
    src: url("p052-roman.otf") format("opentype");
}

html, body {
    color: #ffd948;
    background-color: #3b1157;
    font-family: Roman, serif;
}

a, a:visited, a:active {
    text-decoration: none;
    color: #ffd948;
}

.page-parent {
}

.main-parent {
    display: grid;
}


.menu-parent {
    background-color: #1f1436;
    display: grid;
}

.top-bar .menu-item {
    border-radius: 6px;
    background-color: #2f2446;
    color: #ffd948;
}

a:hover .menu-item {
    color: #2f2446;
    background-color: #ffd948;
}

.menu-item.bastian {
    background-color: #473560;
    /* color: #efc39d; */
    font-weight: 600;
}

.menu-item.book {
    background-color: #4f4466;
    color: #ffd948;
}

a:hover .menu-item.book, a:hover .menu-item.bastian {
    color: #4f4466;
    background-color: #ffd948;
}

.menu-item.active {
    color: #4f4466;
    background-color: #ffd948;
}


.logo {
}

.left-sidebar .logo {
}

.right-sidebar .menu-item {
    color: #ffd948;
}

.right-sidebar .menu-item a {
    background-color: #2f2446;
    color: #ffd948;
}


.main-content {
    border-radius: 6px;
    background-color: #fff;
    color: #1f1436;
}

.title {
    border-radius: 6px;
    font-weight: bold;
    background-color: #4b3181;
    color: #ffd948;
}


.main-content div.cover {
    text-align: center;
}

.main-content img.cover {
}


.main-content a, .main-content a:visited, .main-content a:active {
    color: #3f3456;
}

.teaser {
    border-radius: 6px;
    background-color: #fec5fe;
    font-style: italic;
}

.book-excerpt {
    text-align: justify;
}

.blurred {
    filter: brightness(40%) blur(4px) url("blur.svg#gaussian_blur");
    -webkit-filter: brightness(40%) blur(4px);
}

#over18warning {
    border: 2px solid #f00;
    border-radius: 6px;
    background-color: #fff;
    color: #000;
    line-height: 2.2em;
}

#over18options {
}

#over18options button {
    cursor: pointer;
    background-color: #fff;
    border-radius: 6px;
}

#over18options button.yes {
    border: 3px solid green;
}

#over18options button.no {
    border: 3px solid red;
}

.legalese {
    text-align: center;
}

.main-content img.cover {
}

.bottom-logo {
    text-align: center;
}

#expanded-top-menu {
    visibiliy: hidden;
}