/* ==========================================================================
   [05] CONTENT-SEKTIONEN (MAIN LAYOUT)
   ========================================================================== */

.banner-container {
    line-height: 0;
    border-bottom: 8px solid #431043;
    overflow: hidden; /* WICHTIG: Versteckt die Bilder rechts außerhalb */
    width: 100%;
}

.slider {
    display: flex;
    transition: transform 0.8s ease-in-out; /* Der weiche Übergang */
}

.banner-image {
    width: 100%;
    display: block;
    flex-shrink: 0; /* Verhindert, dass Bilder beim Sliden gequetscht werden */
}

.about-section { background: #ffffff; padding: 40px 0; }
.about-content {
    background: #ffffff;
    padding: 60px 40px;
    border-left: 15px solid #001b3d;
    border-right: 15px solid #001b3d; /* Dual-Glow wie im Logo */
    color: #001b3d;
    box-shadow: 0 0 30px rgba(255, 153, 216, 0.1);
}

.about-highlight {
    background: #001b3d;
    color: white;
    padding: 0 5px;
    font-weight: bold;
}