/* DROGT SPEZIALREINIGUNG - STATIC STYLES */

/* 1. Firmenfarben */
.bg-brand-50 { background-color: #f9f9fa; }
.bg-brand-100 { background-color: #e8e8eb; }
.bg-brand-500 { background-color: #2b87da; }
.bg-brand-600 { background-color: #0068a0; }
.bg-brand-700 { background-color: #005585; }
.bg-brand-800 { background-color: #141b38; }
.bg-brand-900 { background-color: #0e1329; }

/* TEXT FARBEN */
.text-brand-100 { color: #ffffff; }
.text-brand-200 { color: #bae0ff; }
.text-brand-400 { color: #408bd1; }
.text-brand-500 { color: #2b87da; }
.text-brand-600 { color: #0068a0; }
.text-brand-700 { color: #005585; }
.text-brand-800 { color: #141b38; }
.text-brand-900 { color: #0e1329; }

/* RAHMEN */
.border-brand-100 { border-color: #e8e8eb; }
.border-brand-200 { border-color: #bae0ff; }
.border-brand-400 { border-color: #408bd1; }
.border-brand-600 { border-color: #0068a0; }

/* HOVER EFFEKTE */
.hover\:bg-brand-50:hover { background-color: #f9f9fa; }
.hover\:bg-brand-500:hover { background-color: #2b7ac0; }
.hover\:bg-brand-700:hover { background-color: #005585; }

.hover\:text-brand-400:hover { color: #408bd1; }
.hover\:text-brand-600:hover { color: #0068a0; }
.hover\:text-white:hover { color: #ffffff; }

.hover\:border-brand-400:hover { border-color: #408bd1; }
.hover\:scale-105:hover { transform: scale(1.05); }

/* GRUPPEN HOVER */
.group:hover .group-hover\:text-brand-400 { color: #408bd1; }
.group:hover .group-hover\:text-brand-500 { color: #2b87da; }
.group:hover .group-hover\:text-brand-600 { color: #0068a0; }

/* 2. Custom Fixes */
html { scroll-behavior: smooth; }
.max-h-500-custom { max-height: 500px; }

/* Text-Bremse */
.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Barrierefreiheit & Deko */
*:focus-visible { outline: 2px solid #408bd1; outline-offset: 2px; }
#cookie-banner { display: none; }
.z-minus-10 { z-index: -10; }

/* 3. DESIGN DETAILS (Schatten) */
.shadow-card { box-shadow: 0 2px 4px rgba(20, 27, 56, 0.04); }
.shadow-card-hover { box-shadow: 0 12px 24px rgba(20, 27, 56, 0.08); }