/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 12 2026 | 02:39:58 */
/* ============================================================
   GLOBAL: Basis-Einstellungen für alle Bildunterschriften
   ============================================================ */
.feature-image-caption,
.post-caption,
.wp-element-caption,
figure.wp-block-image figcaption {
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    line-height: 1.4;
}

/* Das "Bild:" Prefix - IMMER sichtbar machen */
.feature-image-caption::before,
.post-caption::before,
.wp-element-caption::before,
figure.wp-block-image figcaption::before {
    content: "Bild: ";
    font-weight: bold;
    margin-right: 4px;
}

/* ============================================================
   DESKTOP (ab 769px) - Overlay Design für ALLE Bilder
   ============================================================ */
@media (min-width: 769px) {
    
    /* Figure Container mit Position - Featured Image UND Content-Bilder */
    .single-post .feature-image,
    .mobile-post .post-thumbnail,
    .entry-content figure.wp-block-image,
    .entry-content figure {
        position: relative;
        overflow: hidden;
    }
    
    /* Caption als Overlay INNERHALB der Figure - FÜR ALLE BILDER */
    .single-post .feature-image .feature-image-caption,
    .mobile-post .post-thumbnail .post-caption,
    .entry-content figure.wp-block-image .wp-element-caption,
    .entry-content figure.wp-block-image figcaption,
    .entry-content figure .wp-element-caption,
    .entry-content figure figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        color: #ffffff;
        font-size: 12px;
        padding: 6px 12px;
        z-index: 5;
        margin: 0 !important;
        font-style: normal; /* Nicht kursiv auf Desktop */
    }
    
    /* Links auf Desktop (Weiß) */
    .feature-image-caption a,
    .post-caption a,
    .wp-element-caption a, 
    .entry-content figure figcaption a {
        color: #ffffff;
        text-decoration: underline;
    }
    
    .feature-image-caption a:hover,
    .post-caption a:hover,
    .wp-element-caption a:hover, 
    .entry-content figure figcaption a:hover {
        color: #ffd700;
    }
}

/* ============================================================
   MOBILE (bis 768px) - Caption UNTER dem Bild, klein & kursiv
   ============================================================ */
@media (max-width: 768px) {
    
    /* ===== FEATURED IMAGE - Desktop Template (.feature-image) ===== */
    
    .single-post .feature-image {
        position: relative;
        margin: 0 -15px 0 -15px !important; 
        width: auto;
    }
    
    .single-post .feature-image img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 !important;
    }
    
    /* Caption für Featured Image - UNTER dem Bild */
    .single-post .feature-image .feature-image-caption {
        position: relative !important;
        background: #f4f4f4; 
        color: #333333; 
        width: 100%;
        padding: 6px 15px; 
        font-size: 10px; /* Klein */
        font-style: italic; /* Kursiv */
        text-align: left;
        border-bottom: 1px solid #e0e0e0; 
        margin: 0 !important;
        top: auto !important; 
        bottom: auto !important; 
        left: auto !important;
        display: block !important;
        overflow: hidden;
    }
    
    /* ===== POST THUMBNAIL - Mobile Template (.post-thumbnail) ===== */
    
    .mobile-post .post-thumbnail {
        position: relative;
        margin: 0 -15px 0 -15px !important; 
        width: auto;
    }
    
    .mobile-post .post-thumbnail img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 !important;
    }
    
    /* Caption für Post Thumbnail - UNTER dem Bild */
    .mobile-post .post-thumbnail .post-caption {
        position: relative !important;
        background: #f4f4f4; 
        color: #333333; 
        width: 100%;
        padding: 6px 15px; 
        font-size: 10px; /* Klein */
        font-style: italic; /* Kursiv */
        text-align: left;
        border-bottom: 1px solid #e0e0e0; 
        margin: 0 !important;
        top: auto !important; 
        bottom: auto !important; 
        left: auto !important;
        display: block !important;
        overflow: hidden;
    }
    
    /* ===== BILDER IM ARTIKEL-CONTENT (WordPress Block Editor) ===== */
    
    /* Figure Container im Content */
    .entry-content figure.wp-block-image,
    .entry-content figure {
        margin: 1rem -15px !important;
        width: auto;
        position: relative;
    }
    
    .entry-content figure.wp-block-image img,
    .entry-content figure img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 !important;
    }
    
    /* Caption für Content-Bilder - UNTER dem Bild */
    .entry-content figure.wp-block-image .wp-element-caption,
    .entry-content figure.wp-block-image figcaption,
    .entry-content figure .wp-element-caption,
    .entry-content figure figcaption {
        position: relative !important;
        background: #f4f4f4; 
        color: #333333; 
        width: 100%;
        padding: 6px 15px; 
        font-size: 10px; /* Klein */
        font-style: italic; /* Kursiv */
        text-align: left;
        border-bottom: 1px solid #e0e0e0; 
        margin: 0 !important;
        top: auto !important; 
        bottom: auto !important; 
        left: auto !important;
        display: block !important;
        overflow: hidden;
    }
    
    /* ===== TEXT CLEANUP für alle Captions ===== */
    
    /* Alle Kind-Elemente inline darstellen */
    .feature-image-caption *,
    .post-caption *,
    .wp-element-caption *,
    .entry-content figure figcaption * {
        display: inline !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        background: transparent !important;
        font-style: inherit !important;
    }
    
    /* Absätze inline */
    .feature-image-caption p,
    .post-caption p,
    .wp-element-caption p,
    .entry-content figure figcaption p {
        display: inline !important;
    }
    
    /* Breaks entfernen */
    .feature-image-caption br,
    .post-caption br,
    .wp-element-caption br,
    .entry-content figure figcaption br {
        display: none !important;
    }
    
    /* Links für Mobile */
    .feature-image-caption a,
    .post-caption a,
    .wp-element-caption a, 
    .entry-content figure figcaption a {
        color: #333333 !important;
        text-decoration: underline !important;
        background: transparent !important;
    }
    
    .feature-image-caption a:hover,
    .post-caption a:hover,
    .wp-element-caption a:hover, 
    .entry-content figure figcaption a:hover {
        color: #000000 !important;
    }
    
    /* Prefix "Bild:" auch kursiv und klein */
    .feature-image-caption::before,
    .post-caption::before,
    .wp-element-caption::before,
    .entry-content figure figcaption::before {
        color: #333333; 
        font-weight: bold;
        font-size: 10px;
        font-style: italic;
    }
    
    /* ===== ENTRY HEADER & CONTENT ===== */
    
    .entry-header {
        padding: 0 15px;
        margin-bottom: 1rem;
    }
    
    .entry-title {
        font-size: 1.7rem !important;
        line-height: 1.2;
        margin-top: 1rem;
    }
    
    .entry-content {
        overflow-x: hidden;
        padding: 0 15px;
    }
}

/* ============================================================
   ANTI-DUPLIKAT Schutz
   ============================================================ */

/* Wenn zwei identische Captions direkt nacheinander kommen */
.wp-element-caption + .wp-element-caption,
.feature-image-caption + .feature-image-caption,
.post-caption + .post-caption {
    display: none !important;
}

/* Wenn eine Caption sowohl IN als auch NACH einer Figure existiert */
figure.wp-block-image:has(.wp-element-caption) + .wp-element-caption,
figure:has(.wp-element-caption) + .wp-element-caption,
.single-post .feature-image:has(.feature-image-caption) + .feature-image-caption,
.mobile-post .post-thumbnail:has(.post-caption) + .post-caption {
    display: none !important;
}

/* ============================================================
   ZUSÄTZLICHE OPTIMIERUNGEN
   ============================================================ */

/* Verhindere, dass Captions aus ihrem Container ausbrechen */
.feature-image-caption,
.post-caption,
.wp-element-caption,
figure.wp-block-image figcaption,
.entry-content figure figcaption {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Saubere Darstellung von Links in Captions */
.feature-image-caption a,
.post-caption a,
.wp-element-caption a,
figure.wp-block-image figcaption a,
.entry-content figure figcaption a {
    word-break: break-word;
}