/* ==========================================================================
   Impressum – Pergamentrolle
   Die Schrift wird im HTML per <link> geladen (schneller als @import).
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body.impressum-body {
    margin: 0;
    height: 100vh;  /* Fallback */
    height: 100svh; /* berücksichtigt mobile Adressleisten */
    background-color: #05070a;
    font-family: 'EB Garamond', Garamond, Georgia, serif;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* Das Rollen-Bild ist hochkant (2:3).
   Der Container passt sich in Breite UND Höhe komplett in den Viewport ein. */
.scroll-container {
    position: relative;
    width: min(92vw, 64vh);
    width: min(92vw, 64svh);
    max-width: 1024px;
}

.scroll-bg {
    width: 100%;
    height: auto;
    display: block;
}

/* Der Textbereich liegt exakt auf der Papierfläche der Rolle
   (Prozentwerte relativ zum Bild) und scrollt bei Bedarf intern. */
.imprint-content {
    position: absolute;
    top: 11%;
    left: 14%;
    width: 72%;
    height: 61%;
    overflow-y: auto;
    text-align: center;
    color: #2c1e14;
    padding: 0 4%;
    scrollbar-width: thin;
    scrollbar-color: #8b4513 transparent;
}

/* Schmale Scrollbar (Chrome/Edge/Safari) */
.imprint-content::-webkit-scrollbar {
    width: 5px;
}

.imprint-content::-webkit-scrollbar-thumb {
    background: #8b4513;
}

.imprint-content h1 {
    font-size: clamp(1.3rem, 4vw, 2.2rem);
    margin: 0;
    border-bottom: 1px solid rgba(44, 30, 20, 0.3);
    padding-bottom: 0.4em;
}

.imprint-content h2 {
    font-size: clamp(0.95rem, 2.2vw, 1.1rem);
    margin: 1.2em 0 0.3em;
}

.imprint-content p {
    font-size: clamp(0.85rem, 2vw, 1rem);
    line-height: 1.5;
    margin: 5px 0;
}

.back-link {
    display: inline-block;
    margin-top: 1.6em;
    color: #8b4513;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    font-size: clamp(0.85rem, 2vw, 1rem);
    transition: color 0.3s;
}

.back-link:hover,
.back-link:focus-visible {
    color: #d4af37;
}