/* Hier können Sie bei Bedarf Ihre eigenen CSS-Definitionen einfügen. */


/* ==========================================
   SV VIKTORIA THORR – TERMIN-DETAILSEITE
   Bessere Lesbarkeit und modernes Design
   ========================================== */

/* Hintergrund und Inhaltsbereich */
.cd-detail-area {
    background: rgba(255, 255, 255, 0.75);
    padding: 30px 35px;
    border-radius: 12px;
    max-width: 1000px;
    margin: 25px auto;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}

/* Überschrift */
.cd-detail-area h1 {
    color: #b5121b !important;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 30px;
}

/* Zwischenüberschriften und Feldbezeichnungen */
.cd-detail-area h2,
.cd-detail-area h3 {
    color: #b5121b !important;
    font-weight: 700;
}

/* Allgemeine Texte */
.cd-detail-area,
.cd-detail-area p,
.cd-detail-area span,
.cd-detail-area div,
.cd-data-html {
    color: #292929 !important;
    line-height: 1.65;
}

/* Links */
.cd-detail-area a {
    color: #b5121b !important;
    font-weight: 600;
    text-decoration: underline;
}

/* Kalender-Link */
.cd-detail-area a:hover {
    color: #850d14 !important;
}

/* Mobile Darstellung */
@media (max-width: 768px) {
    .cd-detail-area {
        padding: 20px 16px;
        margin: 15px 10px;
        border-radius: 8px;
    }

    .cd-detail-area h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}


/* ==========================================
   SV VIKTORIA THORR
   Beitrags-Detailansicht – Bildgröße optimieren
   ========================================== */

/* Bildbereich in der Beitrags-Detailansicht */
.cd-news-detail .cd-carousel-container {
    max-width: 900px !important;
    width: 100%;
    margin: 30px auto !important;
}

/* Bildcontainer */
.cd-news-detail .cd-image-wrapper-4_3 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Bild proportional darstellen */
.cd-news-detail .cd-image-container {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Mobile Darstellung */
@media (max-width: 768px) {
    .cd-news-detail .cd-carousel-container {
        max-width: 100% !important;
        margin: 20px auto !important;
    }
}



/* ==========================================
   SV VIKTORIA THORR – BREADCRUMB NAVIGATION
   ========================================== */

/* Breadcrumb-Links */
#block_1000669 a,
#block_1000670 a,
#block_1000671 a,
#block_1000672 a,
#block_1000673 a,
#block_1000674 a,
#block_1000675 a,
#block_1000676 a,
#block_1000678 a {
    color: #b5121b !important;
    text-decoration: none !important;
    font-weight: 600;
}

/* Hover-Effekt */
#block_1000669 a:hover,
#block_1000670 a:hover,
#block_1000671 a:hover,
#block_1000672 a:hover,
#block_1000673 a:hover,
#block_1000674 a:hover,
#block_1000675 a:hover,
#block_1000676 a:hover,
#block_1000678 a:hover {
    color: #850d14 !important;
    text-decoration: underline !important;
}


/* ==========================================
   VIKTORIA THORR – MOBILE AKTIONSBUTTONS
   Nur Smartphone – Desktop und Tablet bleiben
   unverändert
   ========================================== */

@media screen and (max-width: 600px) {

    /* Gemeinsame Zeile der vier Aktionsbuttons */
    .cd-row:has(#block_1000497_content)
    {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
    }

    /* Alle vier Button-Spalten */
    .cd-row:has(#block_1000497_content) > .cd-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Bildbuttons zentrieren */
    .cd-row:has(#block_1000497_content) .cd-image-block {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    /* Klickfläche */
    .cd-row:has(#block_1000497_content) .cd-image-block a {
        display: block;
        width: 88%;
        max-width: 330px;
        margin: 0 auto;
    }

    /* Bilder proportional skalieren */
    .cd-row:has(#block_1000497_content) .cd-image-block img {
        display: block;
        width: 100% !important;
        max-width: 330px;
        height: auto !important;
    }
}

/* MOBILE – Abstände der Aktionsbuttons optimieren */

@media screen and (max-width: 600px) {

    .cd-row:has(#block_1000497_content) {
        gap: 6px !important;
        row-gap: 6px !important;
    }

    .cd-row:has(#block_1000497_content) > .cd-col {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .cd-row:has(#block_1000497_content) .cd-block {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* MOBILE – unnötige Mindesthöhe des Button-Bereichs entfernen */

@media screen and (max-width: 600px) {

    .cd-section:has(#block_1000497_content) {
        min-height: 0 !important;
        height: auto !important;
    }

    .cd-section:has(#block_1000497_content) .cd-row {
        justify-content: flex-start !important;
        align-content: flex-start !important;
        row-gap: 12px !important;
        gap: 12px !important;
    }

}