body {
    font-size: medium;
}

.sidebar {
    font-family: 'Cormorant', 'Times New Roman', serif;
}

.sidebar-block {
}

/* Hilfsklassen zur Umwandlung von Image Maps in SVG Overlays */

.site-header {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto 5px 0;
}

.header-image {
    display: block;
    width: 100%;
    height: auto;
}

.header-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* Unsichtbare Klickbereiche */
.header-overlay circle,
.header-overlay rect {
    fill: transparent;
    pointer-events: all;
    cursor: pointer;
}

/* Debug-Hilfe */
/*
.header-overlay circle,
.header-overlay rect {
    fill: rgba(255, 0, 0, .25);
    stroke: #f00;
    stroke-width: 1;
}
*/

/* Menü links */

.menu {
    font-family: "Cormorant", sans-serif;
    font-size: larger;
    line-height: 1.1;
    color: black;
}

.menu:first-child {
    margin-top: -10px;
}

.menu a {
    color: black;
    font-style: normal;
    text-decoration: none;
}

.menu-title {
    margin-top: 15px;
    font-weight: bold;
}

.menu-item {
    margin-left: 10px;
    color: black;
}

.menu-item a:hover {
    color: #0dcaf0;
}

.retro-button {
    margin-bottom: 3px;
}

/* Footer */
.footer {
    position: relative;
    width: 100%;
    margin: 4px auto 0 0;
    height: 47px;
    border: 1px #a9ac75 solid;
    background: #E4E789;
    background: linear-gradient(0deg,rgba(228, 231, 137, 1) 0%, rgba(203, 209, 120, 1) 100%);
    display: flex;
    align-items: center;
    color: #5f5f5f;
}

.horizontal-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 0 20px;
}

.horizontal-list li {
    display: flex;
    align-items: center;
}

.horizontal-list li:not(:last-child)::after {
    content: "•";
    margin: 0 0.75rem;
    font-size: 1.2em;
    font-weight: bold;
}

/* Fan Art */

.artist-data-list {
    margin-bottom: 2rem;
}

.artist-data-list p {
    margin-bottom: 0;
}

/* Icon decorations */
.svg-icon {
    width: 0.9em;
    height: 0.9em;
    margin-right: 0.3em;
    vertical-align: -0.1em;
    fill: currentColor;
}

/* Sakura says-Box design */

.sakura-says {
    width:100%;
}
.sakura-says {
    display: inline-block;
    margin: 5% auto;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    padding: 0 1em 0 1em;
    line-height: 1.5em;
    background: hsla(67, 95%, 95%, 1);
    border: dashed 4px hsla(0, 95%, 35%, 1);
}
.sakura-says .content {
    margin: 0.75rem 0 0.5rem 0;
}
.sakura-says .content p:last-of-type {
    margin-bottom: 0;
}
.sakura-says .text-bg-aaw {
    background-color: #F9D6B5;
    color: black;
}