/* ==========================================================================
   SYDNEY HERO HEADER FIX
   ========================================================================== */

/* Sydney macht den Hero-Bereich zu flex → zerschneidet den Slider. */
.sydney-hero-area {
    display: block !important;
}

/* Der Bereich, der den Shortcode enthält → MUSS 100 % bekommen */
.sydney-hero-area .shortcode-area {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Container im Header → NICHT einschränken */
.sydney-hero-area .container,
.sydney-hero-area .row,
.sydney-hero-area .header-slider {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}



/* ==========================================================================
   SLIDER GRUNDSTRUKTUR
   ========================================================================== */
.schacht-carousel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    padding: 0;
    overflow: hidden !important;
    position: relative;
}

.schacht-slide {
    position: relative;
    width: 100%;
    height: 575px; /* Desktop */
    overflow: hidden;
    display: none; /* Nur aktive Slide */
}

.schacht-slide.active {
    display: block;
    animation: fadeIn 0.8s ease-in-out;
}

/* Mobile Höhe */
@media (max-width: 768px) {
    .schacht-slide {
        height: 400px !important;
    }
}


/* ==========================================================================
   BILDER
   ========================================================================== */
.schacht-slide img {
    position: absolute;
    top: 0;
    left: 0;

    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}


/* ==========================================================================
   TEXTBOX
   ========================================================================== */
.schacht-slide-text {
    position: absolute;
    bottom: 30px;
    left: 30px;

    background: rgba(255,255,255,0.88) !important;
    color: #000 !important;

    padding: 18px 22px;
    border-radius: 12px;

    max-width: 70% !important;
    width: auto !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    backdrop-filter: blur(4px);
}

.schacht-slide-text h2 {
    margin: 0 0 12px 0;
    font-size: 24px;
    font-weight: 600;
    color: #000 !important;
}

/* Handy-Optimierung */
@media (max-width: 768px) {
    .schacht-slide-text {
        bottom: 22px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;

        max-width: 90% !important;
        padding: 12px 14px !important;
        border-radius: 10px;
        text-align: center;
    }

    .schacht-slide-text h2 {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }
}


/* ==========================================================================
   BUTTON
   ========================================================================== */
.schacht-btn {
    display: inline-block;
    padding: 12px 18px;

    background: #006633 !important; /* Dunkelgrün */
    color: #fff !important;

    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none !important;

    transition: background 0.3s, transform 0.2s;
}

.schacht-btn:hover {
    background: #004d26 !important;
    transform: translateY(-2px);
}

/* Handy */
@media (max-width: 768px) {
    .schacht-btn {
        padding: 9px 12px !important;
        font-size: 14px !important;
        border-radius: 6px !important;
    }
}



/* ==========================================================================
   DOTS (Punkte) – HARD FIX
   ========================================================================== */
.schacht-carousel-dots {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 14px !important;
    padding: 0 !important;
}

.schacht-carousel-dots .schacht-dot {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;

    background: #bbb !important;
    border-radius: 50% !important;
    margin: 0 6px !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

.schacht-carousel-dots .schacht-dot.active {
    background: #006633 !important;
    transform: scale(1.25) !important;
}



/* ==========================================================================
   PFEILE
   ========================================================================== */
.schacht-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;

    width: 42px !important;
    height: 42px !important;

    background: #006633 !important;
    color: #fff !important;

    border-radius: 6px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;
    font-size: 22px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* Hover */
.schacht-arrow:hover {
    background: #004d26 !important;
}

/* Position */
.schacht-arrow-left { left: 15px !important; }
.schacht-arrow-right { right: 15px !important; }

/* Handy */
@media (max-width: 768px) {
    .schacht-arrow {
        width: 34px !important;
        height: 34px !important;
        font-size: 18px !important;
    }
}



/* ==========================================================================
   ANIMATION
   ========================================================================== */
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}