@font-face { font-family: 'Quicksand'; src: url('/fntsrv/quicksand/quicksand-v21-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Quicksand'; src: url('/fntsrv/quicksand/quicksand-v21-latin-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } body, p, li, a, span { font-family: 'Quicksand', sans-serif !important; } h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand', sans-serif !important; font-weight: 600; } h2::before { content: none; display: none; } /* Menütext-Farben (Nur im Light Mode) */ html:not(.dark):not([data-theme="dark"]) #header .dropmenu ul li a { color: #000000 !important; } html:not(.dark):not([data-theme="dark"]) #header .dropmenu ul li a.active, html:not(.dark):not([data-theme="dark"]) #header .dropmenu ul li a:focus, html:not(.dark):not([data-theme="dark"]) #header .dropmenu ul li a:hover { color: #F59E0B !important; } /* Theme-Toggle-Icon im Light Mode sichtbar machen */ html:not(.dark):not([data-theme="dark"]) .theme-toggle, html:not(.dark):not([data-theme="dark"]) .theme-toggle .icon { color: #000000 !important; /* Schwarz – bei Bedarf anpassen */ } /* Hover-Zustand */ html:not(.dark):not([data-theme="dark"]) .theme-toggle:hover, html:not(.dark):not([data-theme="dark"]) .theme-toggle:hover .icon { color: #F59E0B !important; /* Deine Akzentfarbe (orange) */ } /* Markdown-Notices im Dark Mode lesbar machen Quark2 setzt: ========================================================= */ /* Basis-Angleichung für alle Notices im Dark Mode */ html.dark[data-theme="dark"] .notices { background-color: rgba(255, 255, 255, 0.06) !important; color: #eaeaea !important; } /* --- Blau (!) --- */ html.dark[data-theme="dark"] .notices.blue { background-color: rgba(91, 155, 213, 0.12) !important; border-left-color: #5b9bd5 !important; color: #9ecbff !important; } html.dark[data-theme="dark"] .notices.blue p, html.dark[data-theme="dark"] .notices.blue strong, html.dark[data-theme="dark"] .notices.blue em { color: #9ecbff !important; } /* --- Gelb (!!) --- */ html.dark[data-theme="dark"] .notices.yellow { background-color: rgba(240, 173, 78, 0.12) !important; border-left-color: #f0ad4e !important; color: #f5c98a !important; } html.dark[data-theme="dark"] .notices.yellow p, html.dark[data-theme="dark"] .notices.yellow strong, html.dark[data-theme="dark"] .notices.yellow em { color: #f5c98a !important; } /* --- Rot (!!!) --- */ html.dark[data-theme="dark"] .notices.red { background-color: rgba(217, 83, 79, 0.14) !important; border-left-color: #d9534f !important; color: #ff9b98 !important; } html.dark[data-theme="dark"] .notices.red p, html.dark[data-theme="dark"] .notices.red strong, html.dark[data-theme="dark"] .notices.red em { color: #ff9b98 !important; } /* --- Grün (falls genutzt) --- */ html.dark[data-theme="dark"] .notices.green { background-color: rgba(92, 184, 92, 0.12) !important; border-left-color: #5cb85c !important; color: #9ee09e !important; } html.dark[data-theme="dark"] .notices.green p, html.dark[data-theme="dark"] .notices.green strong, html.dark[data-theme="dark"] .notices.green em { color: #9ee09e !important; }