@media print {

    /* ===========================================
       1. Seite & Ränder
    ============================================ */
    @page {
        size: A4;
        margin: 2cm; /* Oben/Unten/Links/Rechts */
    }

    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 12pt;
        line-height: 1.5;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* ===========================================
       2. Header LOGIK: Keine leere Seite mehr!
       ============================================ */
    
    /* 1. Den Header-Container selbst kollabieren lassen */
    header {
        display: block !important;
        height: auto !important; /* Wichtig: Nur so hoch wie der Inhalt */
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important; /* Inhalt darf rausragen (falls nötig) */
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
        text-align: left !important;
    }

    /* 2. Alles im Header ausblenden AUSSER Logo & Breadcrumb */
    header > *:not(.printlogo):not(.breadcrumb):not(.breadcrumbs) {
        display: none !important;
        height: 0 !important;
        visibility: hidden !important;
    }

    /* 3. Logo Styling */
    .printlogo {
        display: inline-block !important; /* Verhindert, dass es die ganze Breite nimmt mit riesigen Abständen */
        visibility: visible !important;
        width: auto !important;
        max-height: 2.5cm !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
    }
    
    .printlogo img {
        display: block !important; /* Bild selbst als Block */
        max-height: 2.5cm !important;
        width: auto !important;
        margin: 0 !important;
    }

    /* 4. Breadcrumb Styling */
    .breadcrumb, .breadcrumbs {
        display: block !important; /* Unter dem Logo */
        visibility: visible !important;
        margin: 5px 0 10px 0 !important; /* Wenig Abstand nach unten */
        padding: 0 !important;
        font-size: 10pt !important;
        line-height: 1.2 !important;
        color: #000 !important;
        page-break-after: avoid !important;
    }

    /* ===========================================
       3. Video Thumbnails & Overlay
       ============================================ */
    .video-container.youtube,
    .ce_youtube, .ce-video {
        display: block !important;
        width: 100% !important;
        min-height: 200px !important;
        position: relative !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        margin-bottom: 15px !important;
        border: 1px solid #ccc !important;
        page-break-inside: avoid !important;
    }

    .video-container iframe,
    .ce_youtube iframe,
    .ce-video iframe,
    .ce-video video {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .ce_youtube img,
    .ce-video img,
    .video-container img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        filter: blur(3px) !important; 
        margin: 0 auto !important;
    }

    .acceptgdpr, .video-container .acceptgdpr {
        display: flex !important;
        visibility: visible !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 20px !important;
        background: rgba(255,255,255,0.98) !important;
        color: #000 !important;
        text-align: center !important;
        z-index: 10 !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .acceptgdpr button, .acceptgdpr .btn { display: none !important; }

    /* ===========================================
       4. Inhalt & Layout
       ============================================ */
    article, .ce_text, .mod_article, .layout_latest {
        display: block !important;
        width: 100% !important;
    	page-break-inside: auto !important;
    	break-inside: auto !important;
        margin-bottom: 1rem !important;
    }

    /* WICHTIG: Kein Page-Break direkt nach dem Header */
    header + *, header + * + * {
        page-break-before: auto !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    img, figure {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px 0 !important;
    }

    h1,h2,h3,h4,h5,h6 {
        color: #000 !important;
        page-break-after: avoid !important;
        border: none !important;
        margin-top: 0 !important;
    }

    h1 { font-size: 24pt !important; margin-bottom: 10px !important; }
    h2 { font-size: 18pt !important; margin-bottom: 8px !important; }
    h3 { font-size: 14pt !important; margin-bottom: 5px !important; }

    /* ===========================================
       5. Footer & Socials
       ============================================ */
    footer {
        position: static !important;
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        margin-top: 30px !important;
        padding: 20px 0 !important;
        border-top: 2px solid #000 !important;
        background: #fff !important;
        color: #000 !important;
        font-size: 9pt !important;
        text-align: center !important;
        /* page-break-before: always habe ich entfernt, da dies sonst eine leere Seite vor dem Footer erzeugt, 
           falls der Footer nicht genau auf einer neuen Seite anfängt. 
           Wenn du den Footer zwingend auf einer neuen Seite willst, nutze page-break-before: avoid; beim letzten Content-Element */
    }

    .socialicons {
        display: block !important;
        margin-bottom: 0 !important;
        padding-bottom: 5px !important;
    }

    .fa, .fab, .fas, .far, .fal {
        display: inline-block !important;
        visibility: visible !important;
        color: #000 !important;
        font-size: 16pt !important;
        margin: 0 8px !important;
    }

    .socialicons a {
        text-decoration: none !important;
        color: #000 !important;
    }

    /* ===========================================
       6. Links
       ============================================ */
    a {
        color: #000 !important;
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after,
    a[href^="tel:"]:after,
    footer a[href]:after {
        content: "" !important;
    }

 /* Skiplinks im Druck ausblenden */
    .skiplinks,
    .skiplinks * {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }



/* ==========================
   Fix: Inhalt direkt nach Logo+Breadcrumb
   ========================== */
header, .banner, .mod_breadcrumb {
    page-break-after: avoid !important; /* verhindert Zwangsumbruch */
}

header {
    height: auto !important; 
    overflow: visible !important;
    min-height: 0 !important;
}

.mod_breadcrumb {
    display: block !important;
    margin-bottom: 10px !important;
}

/* Main direkt nach Header fließen lassen */
#container, #main {
    page-break-before: auto !important; /* keine Zwangsseite */
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Optional: Banner nur auf der ersten Seite */
.banner {
    page-break-inside: avoid !important;
}

/* Alte „leere Seite“ verhindern */
body > header + #container {
    display: block !important;
    overflow: visible !important;
}

h1, h2, h3 {
    page-break-after: avoid !important;
}

p, ul, ol {
    page-break-inside: avoid !important;
}

img, figure {
    page-break-inside: avoid !important;
}
 .large-image-wrapper,
  .ce_image,
  .ce_textpic,
  figure {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .large-image-wrapper img,
  .ce_image img,
  .ce_textpic img,
  figure img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
  }

  .large-image-wrapper.large-only {
    break-before: page !important;
    page-break-before: always !important;
  }










}