/* =========================================
   Import der anderen CSS-Dateien
========================================= */

@import url("css/werbeschild.css");



/* =========================================
   Panorama-Header
========================================= */

.panorama-header {
    position: relative;
    width: 100%;

    height: 25vh;
    min-height: 120px;
    max-height: 380px;

    background-image: url("https://wittenberge-entdecken.de/wp-content/uploads/2026/05/panorama-wittenberge-landesgartenschau-LAGA-2027.jpg-scaled.webp");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;

    animation: panMove 1000s linear infinite alternate;

    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* Text in der Mitte */
.panorama-title {
    margin-top: 0.5rem; /* feinjustieren */

    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: clamp(1.5rem, 2vw, 3rem);
    text-align: center;
    color: #5e7f63;

    text-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* Bewegung */
@keyframes panMove {
    0% {
        background-position: left center;
    }
    100% {
        background-position: right center;
    }
}

/* Hover pausiert */
.panorama-header:hover {
    animation-play-state: paused;
}


/* =============================
   Menü-Formatierungen
   ============================= */

/* Entfernt den gelben Hintergrund im Menü */
.menu-text-highlight mark {
    background-color: transparent !important;
}


/* =============================
   Bild-Zentrierung
   ============================= */

.wp-block-image.aligncenter {
    display: flex;
    justify-content: center;
}

.wp-block-image.aligncenter img {
    margin: 0 auto;
}



/* ==================================
   Bild-Zentrierung innerhalb von Spalten
   ================================ */

/* Zentriert Bilder innerhalb von wp-block-column sauber horizontal */
.wp-block-column .wp-block-image {
    display: flex;
    justify-content: center;
}


/* =================================
   Link-Styling für Elemente mit Klasse "sz" (sz = Seitenzahlen)
   ================================= */

/* Entfernt die Unterstreichung im Normalzustand */
.sz a {
    text-decoration: none;
}

.sz a:hover,
.sz a:focus {
    text-decoration: underline;
}


/* ============================= */
/* Tabelle in der Ausarbeitung formatieren */
/* Tabelle insgesamt */
/* ============================= */
.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;

    /* Verhindert erzwungene Gleichverteilung */
    table-layout: auto;
}

/* ============================= */
/* Kopfzeile (th) */
/* ============================= */
.wp-block-table th {
    text-align: left;            /* weg von zentriert */
    font-weight: 600;            /* ruhiger als bold */
    font-size: 1.05rem;
    padding: 0.75rem 1rem;
    padding-bottom: 0.75rem;
    line-height: 1.5;
}

/* ============================= */
/* Zellen allgemein */
/* ============================= */
.wp-block-table td {
    padding: 0.75rem 1rem;
    vertical-align: top;
    line-height: 1.5;

    /* Dezente vertikale Trennung */
    border-right: 1px solid rgba(0,0,0,0.05);
}

/* Letzte Spalte ohne rechte Linie */
.wp-block-table td:last-child {
    border-right: none;
}

/* ============================= */
/* Zeilentrennung */
/* ============================= */
.wp-block-table tr:not(:last-child) td {
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* ============================= */
/* Spaltenbreiten (wichtiger Effekt!) */
/* ============================= */
.wp-block-table td:first-child,
.wp-block-table th:first-child {
    width: 40%;
    padding-right: 1.5rem;
}

.wp-block-table td:last-child,
.wp-block-table th:last-child {
    width: 60%;
    padding-left: 1.5rem;
}

/* ============================= */
/* Streifenstil (WordPress-Style) */
/* ============================= */
.wp-block-table.is-style-stripes tr:nth-child(even) td {
    background-color: rgba(0,0,0,0.02);
}


/* ================================
   Rechten Navigations-Pfeil formatieren
   ================================ */


/* Nur die Bilder innerhalb dieses Blocks ansprechen */
.Pfeil-Spalten-rechts .wp-block-image img {
    transition: transform 0.2s ease;
}

/* Hover-Effekt nur für diesen Block */
.Pfeil-Spalten-rechts:hover .wp-block-image img {
    transform: translateX(10px);
}



/* =============================
   Machtvolles-M
   ============================= */

.Machtvolles-M {
    font-size: 0.77em;
    line-height: 1;
    position: relative;
    top: 0.02em;
}


/* =============================
   Magazin - LEBENSFRUST
   ============================= */

/* Bühne */
.lebenslust-buehne {
    position: relative;
    height: 520px;
    margin: 1rem 0;
}

/* Gemeinsame Bildbasis */
.lebenslust-cover,
.lebenslust-teil1,
.lebenslust-teil2 {
    position: absolute;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Schatten */
.lebenslust-buehne img {
    box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

/* Cover */
.lebenslust-cover {
    top: 50px;
    left: 72%;
    transform: translateX(-50%) rotate(1deg);
    z-index: 4;
}

/* Artikel 1 (links) */
.lebenslust-teil1 {
    top: 40px;
    left: 5%;
    transform: rotate(-10deg);
    z-index: 2;
}

/* Artikel 2 (rechts unten) */
.lebenslust-teil2 {
    top: 170px;
    left: 48%;
    transform: rotate(5deg);
    z-index: 3;
}


.lebensfrust {
    text-decoration-line: line-through;
    text-decoration-thickness: 3px;
    text-decoration-color: currentColor;
}