/* ============================================================
   FILE: css/03-components.css
   VERSION: 1.4
   LAST MODIFIED: March 07, 2026
   DESCRIPTION: Bereinigung: Überschriften entfernt (jetzt in 08-content).
                Responsive Fix für ce-image hinzugefügt.
   ============================================================ */

/* 1. THEMEN-VARIABLEN (Zentral gesteuert) */
.theme-orange {
    --primary-color: #ae6a3d;
    --nav-bg: #fff4ec;
    --nav-border: #ae6a3d;
}

.theme-blau {
    --primary-color: #2a6b94;
    --nav-bg: #ecf5ff;
    --nav-border: #2a6b94;
}
/* 3. INHALTS-ELEMENTE (Module/Content-Elemente) */

.ce-element {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    clear: both !important;
}

/* Bilder innerhalb der Blöcke */
.ce-image {
    float: right;
    margin: 0 0 20px 20px;
    border-radius: 4px;
    box-shadow: 3px 3px 5px #666;
    max-width: 100%; /* Sicherstellung der Skalierung */
    height: auto;
}

/* 4. RESPONSIVE */
@media (max-width: 600px) {
    /* Bilder in Modulen auf Mobile zentrieren statt floaten */
    .ce-image {
        float: none !important;
        display: block !important;
        margin: 0 auto 20px auto !important;
        max-width: 320px !important; /* Deckelung wie im Content-Bild */
    }
}