/* RSE Foto-Upload — neuer TBW-Auftritt (2026-09-21), Regelwerk tbw-orga\TBW-Brand\BRAND.md. Override-Schicht ueber Tailwind (CDN) + assets/css/style.css; die Seiten bleiben unveraendert. Tailwind-CDN haengt seine Regeln zur Laufzeit ans Ende von -> hier !important noetig. Rueckbau = auf brand.css in inc/layout.php + index.php entfernen, Logo-Pfade zurueck. Statusfarben (rot/gruen/gelb) bleiben bewusst: sie tragen Bedeutung (Fehler/OK/Warnung). */ @font-face { font-family: "dmsans"; src: url("fonts/DMSans-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "dmsans"; src: url("fonts/DMSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } :root { --tbw-schwarz: #000; --tbw-weiss: #fff; --tbw-pastellblau: #8291C8; --tbw-sand: #E9D9C4; --tbw-schwarz-30: rgba(0, 0, 0, .3); --tbw-schwarz-4: rgba(0, 0, 0, .04); --tbw-font-sans: "dmsans", Arial, sans-serif; } /* ---------- Grundlage ---------- */ body { font-family: var(--tbw-font-sans) !important; font-weight: 300; letter-spacing: .01em; -webkit-font-smoothing: antialiased; } input, select, textarea, button { font-family: inherit !important; } b, strong, .font-bold, .font-semibold, .font-medium { font-weight: 600 !important; } /* ---------- Logo: Mindestbreite 100 px (BRAND.md 2.4) ---------- */ img[src$="/assets/brand/logo-tbw.svg"] { width: auto; min-width: 100px; } /* ---------- Primaerfarbe Blau -> Schwarz ---------- */ .bg-blue-600 { background-color: var(--tbw-schwarz) !important; } .hover\:bg-blue-700:hover { background-color: #333 !important; } .hover\:bg-blue-50:hover { background-color: var(--tbw-schwarz-4) !important; } .text-blue-600, .text-blue-700, .hover\:text-blue-600:hover { color: var(--tbw-schwarz) !important; } .border-blue-600 { border-color: var(--tbw-schwarz) !important; } .focus\:ring-blue-500:focus { --tw-ring-color: var(--tbw-schwarz-30) !important; } .focus\:border-blue-500:focus { border-color: var(--tbw-schwarz) !important; } a.text-blue-600:hover, a.text-blue-700:hover { text-decoration: underline; } /* Info-Meldungen/Badges: Pastellblau als Vollton, schwarze Schrift (keine Rastertoene) */ .bg-blue-100 { background-color: var(--tbw-pastellblau) !important; color: var(--tbw-schwarz) !important; } /* style.css: Drop-Zone + Fortschrittsbalken */ .drop-zone-active { border-color: var(--tbw-schwarz) !important; background-color: var(--tbw-sand) !important; } .upload-progress-bar { background: var(--tbw-schwarz) !important; } /* ---------- Claim ---------- */ .tbw-claim { font-weight: 600; color: var(--tbw-schwarz); letter-spacing: .01em; }