/* Minified styles for Corporate Digital Brain Website */
.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.2)}.text-gradient{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to right,#ffaa3a,#ffbc5e)}.lazy-loading{opacity:.6;transition:opacity .3s}.lazy-loaded{opacity:1}.compact-header{box-shadow:0 4px 12px rgba(0,0,0,.15)}.header-shadow{box-shadow:0 2px 6px rgba(0,0,0,.1)}header{transition:all .3s ease-in-out}#network-canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%; z-index: 1; /* Canvas über Gradient legen */}#hero{position:relative; /* Wichtig für absolute Kinder */ overflow:hidden; /* Verhindert, dass Canvas überläuft */ /* background:linear-gradient(to bottom, rgba(0, 14, 34, 1) 0%, rgba(0, 14, 34, 0.05) 50%, rgba(0, 14, 34, 1) 100%); */ /* Verlauf entfernt */}.hidden{display:none}.cta-button{transition:transform .1s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease}.cta-button:active{transform:scale(.98)}.problem-card-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;cursor:pointer;border-radius:0.25rem;transition:transform 0.3s ease;box-shadow:0 0 12px rgba(255,255,255,0.35)}.problem-card-image:hover{transform:scale(1.03);box-shadow:0 0 16px rgba(255,255,255,0.45)}.solution-image{width:100%;height:auto;object-fit:contain;cursor:pointer;border-radius:0.25rem;transition:transform 0.3s ease;box-shadow:0 0 12px rgba(255,255,255,0.35)}.solution-image:hover{transform:scale(1.02);box-shadow:0 0 16px rgba(255,255,255,0.45)}.module-container{position:relative}.module-box{position:relative}.module-connection{position:absolute;top:40px;left:15%;width:70%;height:2px;background-color:rgba(255,255,255,0.6);z-index:5}@media (max-width:768px){.module-connection{display:none}}

/* Karussell: Horizontales Padding entfernt */
.carousel-container{position:relative; /* padding:0 3.5rem; <-- Entfernt */}

.carousel-wrapper{overflow:hidden}.carousel-slides{display:flex;transition:transform 0.5s ease}.carousel-slide{flex-shrink:0;width:100%}@media (min-width:768px){.carousel-slide{width:50%}}@media (min-width:1024px){.carousel-slide{width:33.333%}}.carousel-nav{opacity:0.7;transition:opacity 0.2s ease;padding:0.75rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center; position: absolute; /* Sicherstellen, dass sie absolut sind */ top: 50%; transform: translateY(-50%); /* Vertikal zentrieren */}.carousel-nav:hover{opacity:0.9}.carousel-nav.opacity-50{pointer-events:none}

/* Karussell: Negative Positionierung entfernt, stattdessen positives Padding/Margin */
.carousel-nav.prev{left:0; /* Direkt am linken Rand */}
.carousel-nav.next{right:0; /* Direkt am rechten Rand */}

/* Desktop: Pfeile weiter nach außen schieben (ENTFERNT) */
/*
@media (min-width: 1024px) {
    .carousel-nav.prev {
        left: -1.5rem; 
    }
    .carousel-nav.next {
        right: -1.5rem; 
    }
}
*/

.carousel-indicators{margin-top:1rem}.carousel-indicators button{width:0.75rem;height:0.75rem;margin:0 0.25rem;transition:background-color 0.3s ease}

.use-case-card{transition:transform 0.3s ease, box-shadow 0.3s ease}
/* Apply hover effect only on devices that support hover */
@media (hover: hover) {
    .use-case-card:hover{
        transform:scale(1.03);
        box-shadow:0 8px 20px rgba(0,0,0,0.2)
    }
}

#trust-levels .trust-level-card{transition:transform 0.3s ease, box-shadow 0.3s ease}
#trust-levels .trust-level-card:hover{transform:scale(1.03);box-shadow:0 8px 20px rgba(0,0,0,0.2)}

.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 14, 34, 0.9);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{position:relative;max-width:90%;max-height:90vh; padding: 1rem;}.modal-content img{max-width:100%;max-height:calc(90vh - 4rem); object-fit:contain;box-shadow:0 0 15px rgba(255,255,255,0.4);display: block; margin: auto;}.modal-content-text{background-color:#001e42; /* Helleres Blau für Konsistenz */ border-radius:0.5rem;box-shadow:0 10px 30px rgba(0,0,0,0.3);max-width:90%;width:60rem; /* Feste Breite für Text-Modals */ max-height:85vh;overflow:hidden; /* Wichtig für Flexbox-Aufbau */ position:relative;display:flex; /* Flexbox für Titel/Inhalt */ flex-direction:column;transform:scale(.95);transition:transform .3s ease, opacity .3s ease}.modal-overlay.active .modal-content-text{transform:scale(1)}.modal-title-bar{background-color:#ffaa3a; /* Orange */ color:white;padding:0.75rem 1.5rem;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-title-bar h3{font-size:1.25rem;font-weight:bold}.modal-text-content{padding:1.5rem 2rem;overflow-y:auto;flex-grow:1; scrollbar-width: thin; /* Firefox */ scrollbar-color: #ffaa3a #001e42; /* Firefox: thumb track */}.modal-text-content::-webkit-scrollbar{width:8px}.modal-text-content::-webkit-scrollbar-track{background:#001e42}.modal-text-content::-webkit-scrollbar-thumb{background-color:#ffaa3a;border-radius:4px;border:2px solid #001e42}.modal-close{position:absolute;top:0.5rem;right:0.5rem;color:#000e22; /* Dunkler Text für Kontrast */ font-size:1.5rem; /* Etwas kleiner */ font-weight:bold; cursor:pointer;background-color:#ffaa3a; /* Orange Hintergrund */ border:none;border-radius: 50%; width: 2rem; height: 2rem; line-height: 2rem; /* Zentriert 'x' */ text-align: center; z-index: 10; transition: background-color 0.3s ease, color 0.3s ease;}.modal-close:hover{background-color:#ffbc5e; /* Helleres Orange */ color:#000e22;}.modal-close-text{color:white;font-size:1.5rem;line-height:1;cursor:pointer;background:none;border:none;padding:0.25rem}.modal-close-text:hover{color:#000e22}.image-caption{text-align:center;color:white;margin-top:1rem;font-size:0.875rem}