/* * Dunkler Modus fuer das GPG Haendlerportal. * * ERZEUGT - nicht von Hand aendern. * Quelle: scratchpad/dark-css-bauen.py, gelesen aus den Vorlagen selbst. * * Warum als Ebene darueber und nicht in den Vorlagen: Die Farben stecken an * ueber 1600 Stellen als Tailwind-Klassen in den Vorlagen, und das fertige * Tailwind-CSS des Portals laesst sich hier nicht neu bauen. Diese Datei * faengt genau die Klassen ab, die tatsaechlich vorkommen. * * Greift nur, wenn am data-gpg-theme="dunkel" steht. */ /* * Die Bedienelemente, die der Browser selbst zeichnet: Kontrollkaestchen, * Auswahlknoepfe, Datumsauswahl, Bildlaufleisten. Ohne diese eine Zeile * bleiben sie hell und stehen als weisse Flecken im dunklen Formular. */ html[data-gpg-theme="dunkel"] { color-scheme: dark; } /* * Tailwind gibt JEDEM Element eine helle Randfarbe mit auf den Weg. Klassen * wie "border" oder "border-t" setzen nur die Staerke, nicht die Farbe - die * kommt aus dieser Voreinstellung. Ohne die naechste Zeile zoege das Portal * im dunklen Modus ueberall weisse Linien. Sie steht bewusst VOR allen * Farbregeln: Wo eine Klasse wie border-emerald-200 eine eigene Farbe * mitbringt, gewinnt die spaetere Regel. */ html[data-gpg-theme="dunkel"] * { border-color: rgba(255,255,255,.15); } html[data-gpg-theme="dunkel"] body { background: #0a1113 !important; color: #cdd8d7; } html[data-gpg-theme="dunkel"] .bg-\[\#e6f6f5\] { background-color: #0a1113 !important; } /* Der Rahmen um eingebettete Inhalte */ html[data-gpg-theme="dunkel"] iframe { background: #1c282c; } /* Bilder und Motive einen Hauch zurueckhaltender */ html[data-gpg-theme="dunkel"] .gpg-banner img { filter: brightness(.94); } html[data-gpg-theme="dunkel"] .bg-amber-100{background-color:#2c2915 !important} html[data-gpg-theme="dunkel"] .bg-amber-200{background-color:#3f3717 !important} html[data-gpg-theme="dunkel"] .bg-amber-50{background-color:#2c2915 !important} html[data-gpg-theme="dunkel"] .bg-blue-100{background-color:#162633 !important} html[data-gpg-theme="dunkel"] .bg-blue-50{background-color:#162633 !important} html[data-gpg-theme="dunkel"] .bg-cyan-100\/80{background-color:#0d2c32 !important} html[data-gpg-theme="dunkel"] .bg-emerald-100{background-color:#102c26 !important} html[data-gpg-theme="dunkel"] .bg-emerald-100\/70{background-color:#102c26 !important} html[data-gpg-theme="dunkel"] .bg-emerald-50{background-color:#102c26 !important} html[data-gpg-theme="dunkel"] .bg-gray-100{background-color:#26343a !important} html[data-gpg-theme="dunkel"] .bg-gray-200{background-color:#2f3d43 !important} html[data-gpg-theme="dunkel"] .bg-gray-400{background-color:#46585e !important} html[data-gpg-theme="dunkel"] .bg-gray-50{background-color:#141d20 !important} html[data-gpg-theme="dunkel"] .bg-gray-50\/80{background-color:#141d20 !important} html[data-gpg-theme="dunkel"] .bg-green-100{background-color:#132e22 !important} html[data-gpg-theme="dunkel"] .bg-green-50{background-color:#132e22 !important} html[data-gpg-theme="dunkel"] .bg-orange-100{background-color:#2c2319 !important} html[data-gpg-theme="dunkel"] .bg-orange-200{background-color:#3f2d1c !important} html[data-gpg-theme="dunkel"] .bg-orange-300{background-color:#573a20 !important} html[data-gpg-theme="dunkel"] .bg-red-100{background-color:#2b1e20 !important} html[data-gpg-theme="dunkel"] .bg-red-50{background-color:#2b1e20 !important} html[data-gpg-theme="dunkel"] .bg-rose-100{background-color:#2c1e23 !important} html[data-gpg-theme="dunkel"] .bg-rose-50{background-color:#2c1e23 !important} html[data-gpg-theme="dunkel"] .bg-sky-50{background-color:#102933 !important} html[data-gpg-theme="dunkel"] .bg-slate-100{background-color:#26343a !important} html[data-gpg-theme="dunkel"] .bg-slate-50{background-color:#141d20 !important} html[data-gpg-theme="dunkel"] .bg-teal-50{background-color:#0f2c2b !important} html[data-gpg-theme="dunkel"] .bg-white{background-color:#1c282c !important} html[data-gpg-theme="dunkel"] .bg-yellow-100{background-color:#2c2b13 !important} html[data-gpg-theme="dunkel"] .bg-yellow-50{background-color:#2c2b13 !important} html[data-gpg-theme="dunkel"] .border-amber-100{border-color:rgba(191,148,32,.85) !important} html[data-gpg-theme="dunkel"] .border-amber-200{border-color:rgba(191,148,32,.85) !important} html[data-gpg-theme="dunkel"] .border-amber-300{border-color:rgba(191,148,32,.85) !important} html[data-gpg-theme="dunkel"] .border-amber-400{border-color:rgba(191,148,32,.85) !important} html[data-gpg-theme="dunkel"] .border-blue-200{border-color:rgba(74,128,192,.55) !important} html[data-gpg-theme="dunkel"] .border-blue-300{border-color:rgba(74,128,192,.55) !important} html[data-gpg-theme="dunkel"] .border-blue-500{border-color:rgba(74,128,192,.55) !important} html[data-gpg-theme="dunkel"] .border-emerald-100{border-color:rgba(42,162,120,.55) !important} html[data-gpg-theme="dunkel"] .border-emerald-200{border-color:rgba(42,162,120,.55) !important} html[data-gpg-theme="dunkel"] .border-emerald-300{border-color:rgba(42,162,120,.55) !important} html[data-gpg-theme="dunkel"] .border-gray-100{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .border-gray-200{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .border-gray-300{border-color:rgba(255,255,255,.26) !important} html[data-gpg-theme="dunkel"] .border-green-200{border-color:rgba(58,171,101,.55) !important} html[data-gpg-theme="dunkel"] .border-red-100{border-color:rgba(188,89,90,.85) !important} html[data-gpg-theme="dunkel"] .border-red-200{border-color:rgba(188,89,90,.85) !important} html[data-gpg-theme="dunkel"] .border-red-300{border-color:rgba(188,89,90,.85) !important} html[data-gpg-theme="dunkel"] .border-rose-200{border-color:rgba(191,89,104,.85) !important} html[data-gpg-theme="dunkel"] .border-rose-300{border-color:rgba(191,89,104,.85) !important} html[data-gpg-theme="dunkel"] .border-sky-100{border-color:rgba(44,146,191,.55) !important} html[data-gpg-theme="dunkel"] .border-slate-100{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .border-slate-200{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .border-slate-200\/70{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .border-teal-100{border-color:rgba(36,163,148,.55) !important} html[data-gpg-theme="dunkel"] .border-white{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .border-yellow-200{border-color:rgba(190,157,20,.85) !important} html[data-gpg-theme="dunkel"] .border-yellow-500{border-color:rgba(190,157,20,.85) !important} html[data-gpg-theme="dunkel"] .focus\:ring-red-300:focus{--tw-ring-color:rgba(188,89,90,.85) !important} html[data-gpg-theme="dunkel"] .focus\:ring-rose-300:focus{--tw-ring-color:rgba(191,89,104,.85) !important} html[data-gpg-theme="dunkel"] .hover\:bg-amber-100:hover{background-color:#2c2915 !important} html[data-gpg-theme="dunkel"] .hover\:bg-amber-300:hover{background-color:#574918 !important} html[data-gpg-theme="dunkel"] .hover\:bg-amber-50:hover{background-color:#2c2915 !important} html[data-gpg-theme="dunkel"] .hover\:bg-blue-100:hover{background-color:#162633 !important} html[data-gpg-theme="dunkel"] .hover\:bg-blue-50:hover{background-color:#162633 !important} html[data-gpg-theme="dunkel"] .hover\:bg-gray-100:hover{background-color:#26343a !important} html[data-gpg-theme="dunkel"] .hover\:bg-gray-200:hover{background-color:#2f3d43 !important} html[data-gpg-theme="dunkel"] .hover\:bg-gray-50:hover{background-color:#141d20 !important} html[data-gpg-theme="dunkel"] .hover\:bg-green-100:hover{background-color:#132e22 !important} html[data-gpg-theme="dunkel"] .hover\:bg-green-50:hover{background-color:#132e22 !important} html[data-gpg-theme="dunkel"] .hover\:bg-red-100:hover{background-color:#2b1e20 !important} html[data-gpg-theme="dunkel"] .hover\:bg-red-50:hover{background-color:#2b1e20 !important} html[data-gpg-theme="dunkel"] .hover\:bg-white:hover{background-color:#1c282c !important} html[data-gpg-theme="dunkel"] .hover\:border-emerald-200:hover{border-color:rgba(42,162,120,.55) !important} html[data-gpg-theme="dunkel"] .hover\:border-gray-200:hover{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .hover\:text-amber-800:hover{color:#fbc73e !important} html[data-gpg-theme="dunkel"] .hover\:text-amber-900:hover{color:#fbc73e !important} html[data-gpg-theme="dunkel"] .hover\:text-blue-700:hover{color:#73b0fb !important} html[data-gpg-theme="dunkel"] .hover\:text-blue-800:hover{color:#73b0fb !important} html[data-gpg-theme="dunkel"] .hover\:text-emerald-800:hover{color:#4cd8a5 !important} html[data-gpg-theme="dunkel"] .hover\:text-gray-700:hover{color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .hover\:text-gray-800:hover{color:#e9f0ef !important} html[data-gpg-theme="dunkel"] .hover\:text-gray-900:hover{color:#e9f0ef !important} html[data-gpg-theme="dunkel"] .hover\:text-red-600:hover{color:#f98282 !important} html[data-gpg-theme="dunkel"] .hover\:text-red-700:hover{color:#f98282 !important} html[data-gpg-theme="dunkel"] .hover\:text-red-800:hover{color:#f98282 !important} html[data-gpg-theme="dunkel"] .hover\:text-red-900:hover{color:#f98282 !important} html[data-gpg-theme="dunkel"] .text-amber-500{color:#fbbf24 !important} html[data-gpg-theme="dunkel"] .text-amber-600{color:#fbc73e !important} html[data-gpg-theme="dunkel"] .text-amber-700{color:#fbc73e !important} html[data-gpg-theme="dunkel"] .text-amber-800{color:#fbc73e !important} html[data-gpg-theme="dunkel"] .text-amber-900{color:#fbc73e !important} html[data-gpg-theme="dunkel"] .text-blue-600{color:#73b0fb !important} html[data-gpg-theme="dunkel"] .text-blue-700{color:#73b0fb !important} html[data-gpg-theme="dunkel"] .text-blue-800{color:#73b0fb !important} html[data-gpg-theme="dunkel"] .text-emerald-600{color:#4cd8a5 !important} html[data-gpg-theme="dunkel"] .text-emerald-700{color:#4cd8a5 !important} html[data-gpg-theme="dunkel"] .text-emerald-800{color:#4cd8a5 !important} html[data-gpg-theme="dunkel"] .text-emerald-900{color:#4cd8a5 !important} html[data-gpg-theme="dunkel"] .text-gray-300{color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .text-gray-400{color:#93a4a3 !important} html[data-gpg-theme="dunkel"] .text-gray-500{color:#a4b3b2 !important} html[data-gpg-theme="dunkel"] .text-gray-600{color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .text-gray-700{color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .text-gray-800{color:#e9f0ef !important} html[data-gpg-theme="dunkel"] .text-gray-900{color:#e9f0ef !important} html[data-gpg-theme="dunkel"] .text-green-600{color:#60e28f !important} html[data-gpg-theme="dunkel"] .text-green-700{color:#60e28f !important} html[data-gpg-theme="dunkel"] .text-green-800{color:#60e28f !important} html[data-gpg-theme="dunkel"] .text-orange-600{color:#fb9f53 !important} html[data-gpg-theme="dunkel"] .text-orange-800{color:#fb9f53 !important} html[data-gpg-theme="dunkel"] .text-orange-900{color:#fb9f53 !important} html[data-gpg-theme="dunkel"] .text-red-500{color:#f87171 !important} html[data-gpg-theme="dunkel"] .text-red-600{color:#f98282 !important} html[data-gpg-theme="dunkel"] .text-red-700{color:#f98282 !important} html[data-gpg-theme="dunkel"] .text-red-800{color:#f98282 !important} html[data-gpg-theme="dunkel"] .text-red-900{color:#f98282 !important} html[data-gpg-theme="dunkel"] .text-rose-600{color:#fb8294 !important} html[data-gpg-theme="dunkel"] .text-rose-700{color:#fb8294 !important} html[data-gpg-theme="dunkel"] .text-rose-800{color:#fb8294 !important} html[data-gpg-theme="dunkel"] .text-rose-900{color:#fb8294 !important} html[data-gpg-theme="dunkel"] .text-sky-500{color:#38bdf8 !important} html[data-gpg-theme="dunkel"] .text-sky-700{color:#50c5f9 !important} html[data-gpg-theme="dunkel"] .text-slate-400{color:#93a4a3 !important} html[data-gpg-theme="dunkel"] .text-slate-500{color:#a4b3b2 !important} html[data-gpg-theme="dunkel"] .text-slate-600{color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .text-slate-700{color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .text-slate-800{color:#e9f0ef !important} html[data-gpg-theme="dunkel"] .text-teal-500{color:#2dd4bf !important} html[data-gpg-theme="dunkel"] .text-teal-700{color:#46d9c7 !important} html[data-gpg-theme="dunkel"] .text-yellow-600{color:#fbd231 !important} html[data-gpg-theme="dunkel"] .text-yellow-700{color:#fbd231 !important} html[data-gpg-theme="dunkel"] .text-yellow-800{color:#fbd231 !important} /* --- Helle Verlaeufe --- */ html[data-gpg-theme="dunkel"] .from-white, html[data-gpg-theme="dunkel"] .via-white, html[data-gpg-theme="dunkel"] .from-emerald-50, html[data-gpg-theme="dunkel"] .to-emerald-50\/40, html[data-gpg-theme="dunkel"] .to-cyan-50, html[data-gpg-theme="dunkel"] .from-\[\#e7fbf8\], html[data-gpg-theme="dunkel"] .to-\[\#e9fbff\], html[data-gpg-theme="dunkel"] .from-\[\#e8f7f5\], html[data-gpg-theme="dunkel"] .to-\[\#f0f7ff\]{background-image:none !important;background-color:#1c282c !important} html[data-gpg-theme="dunkel"] .from-emerald-50.via-white.to-cyan-50{background-image:linear-gradient(to bottom right,#15302b,#162124,#13282d) !important} html[data-gpg-theme="dunkel"] .from-white.to-emerald-50\/40{background-image:linear-gradient(to bottom right,#182427,#15302b) !important} html[data-gpg-theme="dunkel"] .from-\[\#e7fbf8\].via-white.to-\[\#e9fbff\]{background-image:linear-gradient(to right,#142b2b,#162124,#132a30) !important} html[data-gpg-theme="dunkel"] .from-\[\#e8f7f5\].via-white.to-\[\#f0f7ff\]{background-image:linear-gradient(to bottom right,#142b2b,#162124,#141f2b) !important} /* --- Weiss mit hoher Deckkraft: liegt auf hellen Karten --- */ html[data-gpg-theme="dunkel"] .bg-white\/60{background-color:rgba(255,255,255,.06) !important} html[data-gpg-theme="dunkel"] .bg-white\/80{background-color:rgba(255,255,255,.06) !important} html[data-gpg-theme="dunkel"] .bg-white\/90{background-color:rgba(255,255,255,.06) !important} /* --- Schleier hinter Fenstern kraeftiger --- */ html[data-gpg-theme="dunkel"] .bg-black\/40{background-color:rgba(0,0,0,.72) !important} html[data-gpg-theme="dunkel"] .bg-black\/50{background-color:rgba(0,0,0,.72) !important} /* --- Weisse Flaechen in der Seitenleiste bleiben weiss --- */ html[data-gpg-theme="dunkel"] aside .bg-white, html[data-gpg-theme="dunkel"] nav .bg-white{background-color:#fff !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-gray-400, html[data-gpg-theme="dunkel"] nav .bg-white .text-gray-400{color:#9ca3af !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-gray-500, html[data-gpg-theme="dunkel"] nav .bg-white .text-gray-500{color:#6b7280 !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-gray-600, html[data-gpg-theme="dunkel"] nav .bg-white .text-gray-600{color:#4b5563 !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-gray-700, html[data-gpg-theme="dunkel"] nav .bg-white .text-gray-700{color:#374151 !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-gray-800, html[data-gpg-theme="dunkel"] nav .bg-white .text-gray-800{color:#1f2937 !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-gray-900, html[data-gpg-theme="dunkel"] nav .bg-white .text-gray-900{color:#111827 !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-slate-400, html[data-gpg-theme="dunkel"] nav .bg-white .text-slate-400{color:#94a3b8 !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-slate-500, html[data-gpg-theme="dunkel"] nav .bg-white .text-slate-500{color:#64748b !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-slate-600, html[data-gpg-theme="dunkel"] nav .bg-white .text-slate-600{color:#475569 !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-slate-700, html[data-gpg-theme="dunkel"] nav .bg-white .text-slate-700{color:#334155 !important} html[data-gpg-theme="dunkel"] aside .bg-white .text-slate-800, html[data-gpg-theme="dunkel"] nav .bg-white .text-slate-800{color:#1e293b !important} html[data-gpg-theme="dunkel"] aside .bg-white.text-\[\#00a49a\], html[data-gpg-theme="dunkel"] nav .bg-white.text-\[\#00a49a\], html[data-gpg-theme="dunkel"] aside .bg-white .text-\[\#00a49a\], html[data-gpg-theme="dunkel"] nav .bg-white .text-\[\#00a49a\]{color:#00a49a !important} /* --- Seitenleiste: Hausfarbe eine Stufe zurueckgenommen --- */ html[data-gpg-theme="dunkel"] aside.from-\[\#00a49a\]{background-image:linear-gradient(to bottom,#064f4c,#086b66) !important} html[data-gpg-theme="dunkel"] nav.from-\[\#00a49a\]{background-image:linear-gradient(to right,#064f4c,#086b66) !important} /* --- Bauteile aus @apply --- */ html[data-gpg-theme="dunkel"] .gpg-table{background-color:#1c282c !important} html[data-gpg-theme="dunkel"] .gpg-table-head{background-color:#26343a !important;color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .gpg-table-row{border-top-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .gpg-table-row:hover{background-color:rgba(255,255,255,.05) !important} html[data-gpg-theme="dunkel"] .gpg-empty{color:#a4b3b2 !important} html[data-gpg-theme="dunkel"] .gpg-pagination .gpg-page--inactive, html[data-gpg-theme="dunkel"] .gpg-pagination .gpg-arrow{background-color:#26343a !important;color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .gpg-pagination .gpg-ellipsis{color:#93a4a3 !important} html[data-gpg-theme="dunkel"] .gpg-alert-error{background-color:#3a1c1e !important;border-color:rgba(248,113,113,.85) !important;color:#fca5a5 !important} html[data-gpg-theme="dunkel"] .mobile-userbox{background-color:#1c282c !important;border-bottom-color:rgba(255,255,255,.15) !important} /* --- Festgeheftete Aktionen-Spalte --- */ html[data-gpg-theme="dunkel"] .gpg-spalte-aktionen{background:#1c282c !important;box-shadow:-6px 0 6px -4px rgba(0,0,0,.6) !important} html[data-gpg-theme="dunkel"] thead .gpg-spalte-aktionen{background:#26343a !important} html[data-gpg-theme="dunkel"] .gpg-table-row:hover .gpg-spalte-aktionen{background:#26343a !important} /* --- Schatten tragen auf dunklem Grund nicht --- */ html[data-gpg-theme="dunkel"] .shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05) !important} html[data-gpg-theme="dunkel"] .shadow{box-shadow:0 1px 3px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05) !important} html[data-gpg-theme="dunkel"] .shadow-md{box-shadow:0 4px 10px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05) !important} html[data-gpg-theme="dunkel"] .shadow-lg{box-shadow:0 10px 22px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05) !important} html[data-gpg-theme="dunkel"] .shadow-xl{box-shadow:0 16px 34px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.05) !important} html[data-gpg-theme="dunkel"] .shadow-2xl{box-shadow:0 24px 52px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.05) !important} /* --- Werbebanner --- */ html[data-gpg-theme="dunkel"] .gpg-banner{box-shadow:0 14px 34px rgba(0,0,0,.55) !important;outline:1px solid rgba(255,255,255,.07);outline-offset:-1px} html[data-gpg-theme="dunkel"] .gpg-banner__punkt span{background-color:rgba(255,255,255,.22) !important} html[data-gpg-theme="dunkel"] .gpg-banner__punkt[aria-selected="true"] span{background-color:#00d1c8 !important} /* --- Statistik und Nachrichtentext --- */ html[data-gpg-theme="dunkel"] .gpg-st{--rand:rgba(255,255,255,.14);--grau:#a4b3b2} html[data-gpg-theme="dunkel"] .gpg-st__schild--gpg{background:#26343a !important;color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .gpg-news-content, html[data-gpg-theme="dunkel"] .gpg-news-content p, html[data-gpg-theme="dunkel"] .gpg-news-content li, html[data-gpg-theme="dunkel"] .gpg-news-content td{color:#cdd8d7 !important} html[data-gpg-theme="dunkel"] .gpg-news-content h1, html[data-gpg-theme="dunkel"] .gpg-news-content h2, html[data-gpg-theme="dunkel"] .gpg-news-content h3, html[data-gpg-theme="dunkel"] .gpg-news-content h4, html[data-gpg-theme="dunkel"] .gpg-news-content strong{color:#e9f0ef !important} html[data-gpg-theme="dunkel"] .gpg-news-content a{color:#4fd7cf !important} html[data-gpg-theme="dunkel"] .gpg-news-content blockquote{color:#a4b3b2 !important;border-left-color:rgba(255,255,255,.24) !important} html[data-gpg-theme="dunkel"] .gpg-news-content img{opacity:.94} /* --- Eingabefelder --- */ html[data-gpg-theme="dunkel"] .gpg-input, html[data-gpg-theme="dunkel"] input[type="text"], html[data-gpg-theme="dunkel"] input[type="email"], html[data-gpg-theme="dunkel"] input[type="number"], html[data-gpg-theme="dunkel"] input[type="url"], html[data-gpg-theme="dunkel"] input[type="date"], html[data-gpg-theme="dunkel"] input[type="password"], html[data-gpg-theme="dunkel"] input[type="search"], html[data-gpg-theme="dunkel"] input[type="tel"], html[data-gpg-theme="dunkel"] select, html[data-gpg-theme="dunkel"] textarea{background-color:#141d20 !important;border-color:rgba(255,255,255,.34) !important;color:#e9f0ef !important} html[data-gpg-theme="dunkel"] input::placeholder, html[data-gpg-theme="dunkel"] textarea::placeholder{color:#93a4a3 !important} /* --- Feste Farben in eckigen Klammern --- */ html[data-gpg-theme="dunkel"] .border-\[\#6ee7b7\]{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .group:hover .text-\[\#00a49a\]{color:#74cdc8 !important} html[data-gpg-theme="dunkel"] .border-\[\#bbf7d0\]:hover{border-color:rgba(255,255,255,.15) !important} html[data-gpg-theme="dunkel"] .text-\[\#008f83\]:hover{color:#88cbc5 !important} html[data-gpg-theme="dunkel"] .text-\[\#00a49a\]:hover{color:#74cdc8 !important} html[data-gpg-theme="dunkel"] .text-\[\#007c74\]{color:#70b5b1 !important} html[data-gpg-theme="dunkel"] .text-\[\#00a49a\]{color:#42bbb4 !important} /* --- Skizze der Zulassungsbescheinigung --- */ html[data-gpg-theme="dunkel"] .gpg-hilfe-blase svg{opacity:.88}