/* zusatz CSS: Aktuelles Seite */

/* ===================== DESKTOP ===================== */


/* ---------------------------------------------------------
   Grundlayout für jeden Aktuelles‑Block (EINZELBEITRAG)
   Icon links – Text rechts – sauberer Abstand
--------------------------------------------------------- */
.aktuelles-block {
    display: flex;        /* ersetzt die alte Tabelle */
    gap: 20px;            /* Abstand zwischen Icon und Text */
    margin-bottom: 40px;  /* Abstand zum nächsten Beitrag */
}

/* ---------------------------------------------------------
   Icon links (50x50) – fixiert, schrumpft nicht
--------------------------------------------------------- */
.aktuelles-icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;       /* verhindert, dass das Icon kleiner wird */
}





/* ---------------------------------------------------------
   QR‑Boxen (Instagram / WhatsApp Kanal / WhatsApp Chat)
 -----------------------------------------------------------
   QR‑WRAPPER: Flex‑Container für die drei QR‑Boxen
   – sorgt für sauberes Nebeneinander + automatisches Umbrechen
 --------------------------------------------------------- */
.qr-wrapper {
    display: flex;
    flex-wrap: wrap;      /* bricht auf kleinen Screens um */
    gap: 20px;            /* Abstand zwischen den Boxen */
    margin: 20px 0;       /* Abstand oberhalb und unterhalb */
}

/* ---------------------------------------------------------
   Einzelne QR‑Box
   – Flex‑Column für Bild + Label
--------------------------------------------------------- */
.aktuelles-qrbox {
    width: 190px;                 /* feste Breite */
    border-top: 1px dotted #330000;
    /* border-bottom: 1px dotted #330000; */
    padding-top: 20px;
    display: flex;                /* Bild + Text untereinander */
    flex-direction: column;
    align-items: center;          /* zentriert */
    margin: 0;                    /* float‑Reste entfernen */
}

/* Bild-Link als Block, keine Baseline-Lücke */
.aktuelles-qrbox a,
.aktuelles-qrbox img {
    display: block;
    margin: 0 auto;
}

/* Label unter dem QR */
.aktuelles-qrbox p {
    margin-top: 0.3rem;
    font-size: 0.875rem;
    line-height: 1.2;
    text-align: center;
}

/* bricht URLs radikal (Smartphone machte Layoutprobleme wg. langen INSTA- und WA-Links) */
.aktuelles-content a {
    word-break: break-all;
}



/* etwas größere Überschriften */
.aktuelles-content h3 {
    font-size: 1.3rem;
   /*  margin: 0 0 0.5em 0; */
}

/* Bullet bei h3 hier */
.aktuelles-content h3::before {
    content: "• ";
}



/* ---------------------------------------------------------
   Bild im Aktuelles‑Block (nur das große Bild)
   – Desktop: bleibt wie es ist (400px)
   – Mobile: wird automatisch groß / volle Breite
--------------------------------------------------------- */

/* Ziel: nur Bilder innerhalb .aktuelles-content, die NICHT Icons sind */
.aktuelles-content img.img-shadow-big {
    max-width: 100%;     /* verhindert Überlaufen */
    height: auto;        /* korrekt skalieren */
}






/* ============= MOBILE ============== */

@media (max-width: 1000px) {

    .aktuelles-content h3 {
        font-size: 2.5rem;
    }



}