/* ============================================
   Pattern Decorations - Stratible
   ============================================ */

/* Stats Section - Pattern rechts */
.stats-section {
    position: relative;
    overflow: hidden;
}

.stats-section::before {
    content: '';
    position: absolute;
    bottom: -50px;
    right: -100px;
    width: 450px;
    height: 450px;
    background: url('../assets/images/stratible_pattern_fuerDunklenHintergrund.svg') no-repeat center;
    background-size: contain;
    opacity: 0.1;
    pointer-events: none;
    z-index: 1;
    /* Disabled: Stats ("Messbare Erfolge") should not show a pattern */
    display: none;
}

/* Ensure content is above patterns */
.stats-container {
    position: relative;
    z-index: 2;
}

/* Mobile Anpassungen */
@media (min-width: 768px) {
    .stats-section::before {
        width: 500px;
        height: 500px;
        bottom: -80px;
        right: -80px;
        opacity: 0.12;
    }
}

@media (min-width: 1024px) {
    .stats-section::before {
        width: 600px;
        height: 600px;
        bottom: -100px;
        right: -50px;
        opacity: 0.15;
    }
}

/* CTA Section - Pattern rechts */
.cta-section {
    position: relative;
    overflow: hidden;
}

.cta-section::before {
    content: '';
    position: absolute;
    bottom: -50px;
    right: -100px;
    width: 450px;
    height: 450px;
    background: url('../assets/images/stratible_pattern_fuerHellenHintergrund.svg') no-repeat center;
    background-size: contain;
    opacity: 0.25;
    pointer-events: none;
    z-index: 1;
}

/* Ensure content is above patterns */
.cta-container {
    position: relative;
    z-index: 2;
}

/* Mobile Anpassungen */
@media (min-width: 768px) {
    .cta-section::before {
        width: 500px;
        height: 500px;
        bottom: -80px;
        right: -80px;
        opacity: 0.28;
    }
}

@media (min-width: 1024px) {
    .cta-section::before {
        width: 600px;
        height: 600px;
        bottom: -100px;
        right: -50px;
        opacity: 0.3;
    }
}

