/* Dunkelmodus für die öffentliche Seite, die Mitgliederbereiche und die Anmeldeseiten.
   Greift, wenn <html> die Klasse "dark" trägt (Schalter in der Navigation, sonst Systemeinstellung, siehe Skript im Layout).
   Setzt die in den Ansichten verwendeten Tailwind-Farbklassen auf dunkle Werte um, damit nicht jede Ansicht einzeln
   Dunkel-Varianten braucht. Neue Farbklassen hier ergänzen. Hintergründe: Seite #0f172a, Karten #1e293b. */
html.dark{color-scheme:dark}
html.dark body{background-color:#0f172a;color:#e2e8f0}
html.dark body.bg-white,html.dark body.bg-slate-50{background-color:#0f172a}
html.dark input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=submit]):not([type=button]),
html.dark select,html.dark textarea{background-color:#0f172a;color:#e2e8f0;border-color:#475569}
html.dark input::placeholder,html.dark textarea::placeholder{color:#64748b}
html.dark option{background-color:#0f172a;color:#e2e8f0}
html.dark hr{border-color:#334155}
html.dark ::selection{background:#334155}
html.dark .bg-white{background-color:#1e293b}
html.dark .bg-slate-50{background-color:#182235}
html.dark .bg-slate-100{background-color:#263449}
html.dark .bg-slate-200{background-color:#334155}
html.dark .bg-slate-300{background-color:#3b4a61}
html.dark .bg-blue-50{background-color:rgba(59,130,246,.12)}
html.dark .bg-blue-100{background-color:rgba(59,130,246,.22)}
html.dark .bg-green-50{background-color:rgba(34,197,94,.12)}
html.dark .bg-green-100{background-color:rgba(34,197,94,.22)}
html.dark .bg-red-50{background-color:rgba(239,68,68,.12)}
html.dark .bg-red-100{background-color:rgba(239,68,68,.22)}
html.dark .bg-amber-50{background-color:rgba(245,158,11,.12)}
html.dark .bg-amber-100{background-color:rgba(245,158,11,.22)}
html.dark .bg-yellow-50{background-color:rgba(234,179,8,.12)}
html.dark .bg-yellow-100{background-color:rgba(234,179,8,.22)}
html.dark .bg-orange-50{background-color:rgba(249,115,22,.12)}
html.dark .bg-orange-100{background-color:rgba(249,115,22,.22)}
html.dark .bg-purple-50{background-color:rgba(168,85,247,.12)}
html.dark .bg-purple-100{background-color:rgba(168,85,247,.22)}
html.dark .bg-emerald-50{background-color:rgba(16,185,129,.12)}
html.dark .bg-emerald-100{background-color:rgba(16,185,129,.22)}
html.dark .bg-teal-50{background-color:rgba(20,184,166,.12)}
html.dark .bg-teal-100{background-color:rgba(20,184,166,.22)}
html.dark .bg-green-50\/50{background-color:rgba(34,197,94,.08)}
html.dark .text-slate-900{color:#f1f5f9}
html.dark .text-slate-800{color:#e2e8f0}
html.dark .text-slate-700{color:#cbd5e1}
html.dark .text-slate-600{color:#b6c2d2}
html.dark .text-slate-500{color:#94a3b8}
html.dark .text-slate-400{color:#8091a8}
html.dark .text-blue-500{color:#60a5fa}
html.dark .text-blue-600{color:#60a5fa}
html.dark .text-blue-700{color:#93c5fd}
html.dark .text-blue-800{color:#bfdbfe}
html.dark .text-blue-900{color:#dbeafe}
html.dark .text-red-500{color:#f87171}
html.dark .text-red-600{color:#f87171}
html.dark .text-red-700{color:#fca5a5}
html.dark .text-red-800{color:#fecaca}
html.dark .text-green-600{color:#4ade80}
html.dark .text-green-700{color:#86efac}
html.dark .text-green-800{color:#bbf7d0}
html.dark .text-amber-500{color:#fbbf24}
html.dark .text-amber-600{color:#fbbf24}
html.dark .text-amber-700{color:#fcd34d}
html.dark .text-amber-800{color:#fde68a}
html.dark .text-amber-900{color:#fef3c7}
html.dark .text-orange-500{color:#fb923c}
html.dark .text-orange-600{color:#fb923c}
html.dark .text-orange-700{color:#fdba74}
html.dark .text-orange-800{color:#fed7aa}
html.dark .text-yellow-800{color:#fde68a}
html.dark .text-yellow-900{color:#fef08a}
html.dark .text-purple-700{color:#d8b4fe}
html.dark .text-purple-800{color:#e9d5ff}
html.dark .text-emerald-700{color:#6ee7b7}
html.dark .text-emerald-800{color:#a7f3d0}
html.dark .text-emerald-900{color:#d1fae5}
html.dark .text-blue-700\/70{color:rgba(147,197,253,.7)}
html.dark .text-teal-800{color:#99f6e4}
html.dark .border-slate-50{border-color:#243247}
html.dark .border-slate-100{border-color:#2b3a50}
html.dark .border-slate-200{border-color:#334155}
html.dark .border-slate-300{border-color:#475569}
html.dark .border-blue-100{border-color:rgba(59,130,246,.3)}
html.dark .border-blue-200{border-color:rgba(59,130,246,.35)}
html.dark .border-blue-300{border-color:rgba(59,130,246,.5)}
html.dark .border-green-100{border-color:rgba(34,197,94,.3)}
html.dark .border-green-200{border-color:rgba(34,197,94,.35)}
html.dark .border-green-300{border-color:rgba(34,197,94,.5)}
html.dark .border-red-100{border-color:rgba(239,68,68,.3)}
html.dark .border-red-200{border-color:rgba(239,68,68,.35)}
html.dark .border-red-300{border-color:rgba(239,68,68,.5)}
html.dark .border-amber-100{border-color:rgba(245,158,11,.3)}
html.dark .border-amber-200{border-color:rgba(245,158,11,.35)}
html.dark .border-amber-300{border-color:rgba(245,158,11,.5)}
html.dark .border-yellow-100{border-color:rgba(234,179,8,.3)}
html.dark .border-yellow-200{border-color:rgba(234,179,8,.35)}
html.dark .border-yellow-300{border-color:rgba(234,179,8,.5)}
html.dark .border-orange-100{border-color:rgba(249,115,22,.3)}
html.dark .border-orange-200{border-color:rgba(249,115,22,.35)}
html.dark .border-orange-300{border-color:rgba(249,115,22,.5)}
html.dark .border-purple-100{border-color:rgba(168,85,247,.3)}
html.dark .border-purple-200{border-color:rgba(168,85,247,.35)}
html.dark .border-purple-300{border-color:rgba(168,85,247,.5)}
html.dark .border-emerald-100{border-color:rgba(16,185,129,.3)}
html.dark .border-emerald-200{border-color:rgba(16,185,129,.35)}
html.dark .border-emerald-300{border-color:rgba(16,185,129,.5)}
html.dark .border-teal-100{border-color:rgba(20,184,166,.3)}
html.dark .border-teal-200{border-color:rgba(20,184,166,.35)}
html.dark .border-teal-300{border-color:rgba(20,184,166,.5)}
html.dark .divide-slate-100>:not([hidden])~:not([hidden]){border-color:#2b3a50}
html.dark .divide-slate-200>:not([hidden])~:not([hidden]){border-color:#334155}
html.dark .hover\:bg-slate-50:hover{background-color:#243247}
html.dark .hover\:bg-slate-100:hover{background-color:#2b3a50}
html.dark .hover\:bg-slate-200:hover{background-color:#334155}
html.dark .hover\:bg-slate-300:hover{background-color:#3b4a61}
html.dark .hover\:bg-blue-50:hover{background-color:rgba(59,130,246,.18)}
html.dark .hover\:bg-blue-100:hover{background-color:rgba(59,130,246,.28)}
html.dark .hover\:bg-red-50:hover{background-color:rgba(239,68,68,.18)}
html.dark .hover\:bg-red-100:hover{background-color:rgba(239,68,68,.28)}
html.dark .hover\:bg-emerald-50:hover{background-color:rgba(16,185,129,.18)}
html.dark .hover\:bg-emerald-100:hover{background-color:rgba(16,185,129,.28)}
html.dark .hover\:text-slate-900:hover{color:#f8fafc}
html.dark .hover\:text-slate-800:hover{color:#f1f5f9}
html.dark .hover\:text-slate-700:hover{color:#e2e8f0}
html.dark .hover\:text-slate-600:hover{color:#e2e8f0}
html.dark .hover\:text-blue-600:hover{color:#93c5fd}
html.dark .hover\:text-blue-700:hover{color:#bfdbfe}
html.dark .hover\:text-blue-800:hover{color:#dbeafe}
html.dark .hover\:text-blue-900:hover{color:#dbeafe}
html.dark .hover\:text-red-600:hover{color:#fca5a5}
html.dark .hover\:text-red-700:hover{color:#fecaca}
html.dark .hover\:border-blue-200:hover{border-color:rgba(59,130,246,.5)}
html.dark .hover\:border-blue-300:hover{border-color:rgba(59,130,246,.6)}
html.dark .hover\:border-red-200:hover{border-color:rgba(239,68,68,.5)}
html.dark .hover\:border-green-200:hover{border-color:rgba(34,197,94,.5)}
/* Bildstil-Schalter der Cocktail-Seiten */
html.dark .bildstil-schalter button[aria-pressed="true"]{background:#e2e8f0;color:#0f172a}
html.dark .bildstil-schalter button{color:#cbd5e1}
html.dark .bildstil-schalter>span:last-child{background:#1e293b;border-color:#475569}