/* ── doodles.css ── */ /* ══════════════════════════════════════════ DPSG Doodle-Look: Filzstift auf Papier, hell und dunkel ────────────────────────────────────────── Der einzige Look der Seite. Folgt hell/dunkel: • Hell → Striche in DPSG-Blau auf Papierweiß • Dunkel→ Striche weiß auf Navy Karten aufgebrochen, Rahmen und Linien gezeichnet, Text bleibt gesetzt. Seit dem Designsystem 1.0 (05.11.2026) zeichnet der Filzstift statt des Kreidefilters. Rahmen sind kein ::after mit filter:url(#chalkf) mehr, sondern ein Span als erstes Kind, um den js/filz.js einen Filzstift-Zug legt (`.x > .filz`). Hier steht nur, wo er sitzt, wie rund er ist und in welcher Farbe und Deckung er zeichnet. Linien (Trenner, Kanten, Unterstriche) sind `.x > .filz-linie`. Welche Elemente welches bekommen, steht in js/filz.js. :root vor einem Selektor hält die Spezifität der früheren Klasse html.doodle. Diese Datei lädt VOR css/teil-*.css (js/kopf.js), ihre Regeln gewinnen also nur über die Spezifität. Seit es die Klasse nicht mehr gibt (der Look ist dauerhaft an), steht dort :root, mit demselben Gewicht. ══════════════════════════════════════════ */ /* Die Tokens (--filz-*, --filz-radius, --trenner-*) stehen in css/tokens.css. */ /* ── Filzstift: Grundform von Rahmen und Linien ── Ein Rahmen sitzt 2,5px innerhalb der Kante: So liegt der Strich ganz in der Box, und Karten mit overflow:hidden schneiden ihn nicht an. Vorher 1px, aber der Filzstift wackelt bis gut 2px über seine Linie hinaus; an zehn Kartenarten wurde die Kante dadurch stellenweise hauchdünn (gemessen auf allen Seiten, Janis 10.11.2026: Downloads beim AK Ökologie). */ .filz { position: absolute; inset: 2.5px; z-index: 1; border-radius: inherit; pointer-events: none; color: var(--filz-tinte); } .filz-linie { position: absolute; left: 0; bottom: -3px; width: 100%; height: 6px; overflow: visible; pointer-events: none; color: var(--filz-tinte); } .filz-linie--oben { top: -3px; bottom: auto; } .filz-linie--links { top: 0; bottom: auto; left: -3px; width: 6px; height: 100%; } /* Trennlinien in Listen (FAQ, Archiv, AK-Infozeilen, Terminliste, Teilen): 1,5px gestrichelt in der Tinte, keine gezogene Linie. So steht es im Designsystem (tokens.css, --divider-row/-head), und so war es auf main (Janis, 06.11.2026). Zwei Stufen: Zeile zwischen Einträgen, Kopf unter einer Überschrift oder als Abschluss. */ /* Inhalt über die Doodle-Layer heben (.gallery liegt außerhalb von .wrap → sonst kritzeln Motive über die Pfeile) */ :root .hero-inner, :root .sec .wrap, :root .gallery, :root .marquee-scroll, :root .ft-inner, :root .ft-bottom-inner { position: relative; z-index: 2; } /* ── Karten aufbrechen → kartenlose Blöcke ── Füllung = Seitenfarbe (nicht transparent): Hintergrund-Motive verschwinden HINTER den Karten, statt in sie hineinzulaufen. */ :root .hero-door, :root .qc, :root .news-card, :root .blog-post, :root .ak-member, :root .mat-card { background: var(--bg) !important; border: none !important; backdrop-filter: none !important; box-shadow: none !important; } /* Hero-Stat-Karten: gezeichneter Kasten (Halt + Lesbarkeit auf dem Foto). Der Rahmen liegt auf der Kante, die Karten sind kompakter, damit sich benachbarte Rahmen nicht überschneiden. Der Rahmen ist eine fertige Fläche und schwebt mit, ohne neu gezeichnet zu werden. */ :root .stat-c { background: rgba(var(--photo-overlay-rgb), .6) !important; border: none !important; box-shadow: none !important; backdrop-filter: blur(3px); padding: 14px 22px; position: relative; will-change: transform; animation-name: floatY-dood; } @keyframes floatY-dood { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } } .stat-c > .filz { inset: 0; border-radius: var(--filz-radius); color: var(--on-photo); } :root .hero-right { gap: 18px; } :root .stat-n { color: #8FC0E4 !important; } :root .stat-l { color: rgba(var(--weiss-rgb), .85) !important; } /* Light-Mode: der Startseiten-Hero ist hell -> Stat-Karten hell statt dunkel (dunkler Rahmen, Navy-Zahlen, dunkle Labels). Dark-Mode unveraendert. */ html:root:not([data-theme="dunkel"]) .hero .stat-c { background: color-mix(in srgb, var(--bg-mid) 88%, transparent) !important; } html:not([data-theme="dunkel"]) .hero .stat-c > .filz { color: var(--filz-tinte); } html:root:not([data-theme="dunkel"]) .hero .stat-n { color: var(--sc, var(--primary)) !important; } html:root:not([data-theme="dunkel"]) .hero .stat-l { color: var(--text-secondary) !important; } :root .quick-grid { background: transparent !important; border: none !important; gap: 28px; } /* Aufgebrochene Karten: Eckverlauf-Hover (Karten-System) passt nicht zum gezeichneten Look → aus. Overflow freigeben, damit die Kreise um die Icons beim Wachsen nicht am Kartenrand abgeschnitten werden. */ :root :is(.hero-door, .qc, .news-card, .stat-c, .mat-card) { overflow: visible !important; } :root :is(.hero-door, .qc, .news-card, .stat-c, .blog-post, .ak-member)::before { display: none !important; } :root .hero-door, :root .qc { padding: 8px 4px 22px; position: relative; } :root .news-card, :root .blog-post, :root .mat-card { padding-bottom: 18px; position: relative; } :root :is(.news-img, .bp-img, .ak-mimg, .mat-img) { border-radius: 10px 10px 0 0; overflow: hidden; } /* Gezeichneter Rahmen im News-Bild (Startseite .news-img UND Aktuelles .bp-img): 8px IM Bild wie eingeklebt, unten offen: per Maske nach unten ausgeblendet, der Strich „verschwindet" in die Karte. WEISS statt Tinte: der Strich liegt auf dem Foto, nicht auf dem Seitenhintergrund. Dunkelblau wäre auf dunklen Fotos (Lagerfeuer bei Nacht) unsichtbar. */ :is(.news-img, .bp-img, .ak-mimg, .mat-img) > .filz { inset: 8px; z-index: 2; border-radius: 10px 10px 0 0; color: var(--on-photo); opacity: .85; /* Strich wie bei Bildpaaren und Bildreihen (Janis, 15.11.2026) */ } :is(.news-img, .bp-img, .ak-mimg, .mat-img) > .filz > svg { -webkit-mask-image: linear-gradient(to bottom, #000 52%, transparent 100%); mask-image: linear-gradient(to bottom, #000 52%, transparent 100%); } /* Personenkarten (AK-Teams, "Vielleicht du?") stehen ohne Rahmen: Das ::before mit dem Rahmen war seit Langem von der Regel oben (display:none !important) ausgeblendet. So bleibt es, js/filz.js führt .ak-member nicht. Der weiße Rahmen im Foto ist so dick wie bei allen Fotos (Janis, 15.11.2026; vom 07.11. bis dahin eine Stufe kräftiger). */ :root .ak-member { position: relative; } /* pg-header-Lilie (Wasserzeichen oben rechts) als dunkle Fläche */ :root .pg-header::after { filter: brightness(0); opacity: .08; } /* Suche/Filter/Sortierung: gezeichneter Rahmen auf dem Wrapper (.nc-field), das Feld selbst trägt keinen (wie .ff-box/.stamm-search). */ :root .news-controls :is(input, select) { border-color: transparent !important; border-radius: 12px !important; } :root .news-controls .nc-field { position: relative; } :root .news-controls span.nc-field { display: inline-block; } :root .news-controls span.nc-field > select { display: block; } .news-controls .nc-field > .filz { border-radius: 12px; color: color-mix(in srgb, var(--filz-tinte) 75%, transparent); opacity: .85; } .news-controls .nc-field:focus-within > .filz { color: var(--filz-tinte); opacity: 1; } /* Doodle-Select: Knopf + Menü bekommen den Rahmen (Beschriftung bleibt gesetzt) */ :root .ds-btn { border-color: transparent !important; border-radius: 12px !important; position: relative; } .ds-btn > .filz { color: color-mix(in srgb, var(--filz-tinte) 75%, transparent); opacity: .85; } .ds.is-open .ds-btn > .filz { color: var(--filz-tinte); opacity: 1; } .ds.is-invalid .ds-btn > .filz { color: var(--cta-text); opacity: 1; } :root .ds-menu { border-color: transparent !important; border-radius: 12px !important; } .ds-menu > .filz { opacity: .8; } :root .ds-opt { border-radius: 8px; } /* Lightbox: gezeichnete Kreise, weiß auf dunklem Overlay */ :root .lb-btn { position: relative; } :root .lb-btn, :root .lb-nav { border-color: transparent !important; } :is(.lb-btn, .lb-nav) > .filz { inset: 0; border-radius: 50%; color: rgba(var(--weiss-rgb), .9); } /* Materialausleihe-Karten: Look kommt komplett aus dem News-Karten-System (Bild-Rahmen .mat-img, blended Karte) - keine Sonderregel noetig */ :root .news-card:hover .news-img img { transform: scale(1.05); } /* ── Knöpfe: DREI Varianten (Designsystem, Knopf) ── fire = gefüllter Knopf, OHNE Rahmen (gefüllte Flächen haben keinen) outline = Filzstift-Rahmen in Tinte (der echte Rahmen ist unsichtbar) text = Textlink mit Pfeil (.btn-text in css/teil-02-geruest.css), ohne Rahmen Beim Hover hebt sich der Knopf und färbt sich (css/teil-02-geruest.css); der Rahmen ist eine fertige Fläche und wackelt nicht. */ :root .btn { position: relative; } /* So rund wie die Rahmen. tokens.css bindet --button-radius: var(--filz-radius) an html.doodle, und die Klasse gibt es nicht mehr; bis das Designsystem es an :root setzt, steht die Rundung hier direkt. */ :root .btn { border-radius: var(--filz-radius); } :root .btn-outline { border-color: transparent; color: var(--text); background: transparent; } /* Textlink in Knopfreihen (.btn-text, in Download-Listen .dl-btn-text): ohne Rahmen, das ::after ist der Pfeil (Regel in css/teil-02-geruest.css). */ :root a.dl-btn-text:hover { background: transparent !important; color: var(--sc, var(--primary)); } .btn-outline > .filz { inset: 0; border-radius: var(--filz-radius); opacity: .9; } :root .btn-outline:hover { background: color-mix(in srgb, var(--filz-tinte) 8%, transparent); } /* Auf dunklem Foto (Hero) zeichnet die Tinte immer weiß */ :root .hero .btn-outline, :root .page-hero .btn-outline { color: var(--on-photo); } :is(.hero, .page-hero) .btn-outline > .filz { color: var(--on-photo); } /* Hover: weiche Schatten passen nicht zum gezeichneten Look. */ :root .btn:hover { box-shadow: none !important; } /* ── Bleed-Cards (große Inhalts-Bühnen: 100×100-Aktion, Hilfe-Block, …): Fläche/Verlauf weg, gezeichneter Rahmen — Inline-Styles brauchen !important */ :root .bleed-card { background: var(--bg) !important; border-color: transparent !important; box-shadow: none !important; position: relative; } .bleed-card > .filz { z-index: 0; border-radius: var(--filz-radius); opacity: .75; } /* Icon-Flächen (Boxen): randlos, gezeichneter Rahmen */ :root .srv-icon, :root .int-icon { background: transparent; border: none; position: relative; } :is(.srv-icon, .int-icon) > .filz { opacity: .8; } /* Nackte Icons → Symbol in gezeichnetem Kreis. Die Glyphe selbst bleibt gesetzt, gezeichnet ist nur der Kreis. */ :root .qc-icon, :root .hero-door-icon { width: 58px !important; height: 58px; display: inline-flex; align-items: center; justify-content: center; font-size: 23px; position: relative; margin-bottom: 16px; } :is(.qc-icon, .hero-door-icon) > .filz { inset: 0; border-radius: 50%; color: currentColor; } /* Zurück-nach-oben-Knopf: eine gefüllte Fläche und deshalb ohne Ring. */ /* ── Termin-Karten (Startseite): flache, gezeichnete Box statt Farbverlauf ── */ :root .bp-cal { background: transparent !important; color: var(--filz-tinte); position: relative; } /* Der Rahmen läuft über die volle Kartenbreite, nur oben und unten steht er ab. Termin-Karten haben kein Foto, die Kachel IST der Bildplatz — und seit der Text darunter randbündig steht (.news-body ohne seitliche Polsterung), wäre ein eingerückter Rahmen die einzige Kante, die nicht mit den anderen fluchtet. */ .bp-cal > .filz { inset: 8px 1px; border-radius: var(--filz-radius); opacity: .85; } :root .bp-cal::after { display: none; } /* Lilie-Wasserzeichen passt nicht zum gezeichneten Look */ :root .bp-cal-mon { color: color-mix(in srgb, var(--filz-tinte) 70%, transparent); } /* ── Text-Links (Tertiär): gezeichneter Unterstrich blendet beim Hover ein → klar erkennbar klickbar, einheitlich für alle Pfeil-Links. Er zieht sich nicht auf, er blendet nur ein (Janis, 05.11.2026). text-decoration aus, sonst doppelter Unterstrich. ── */ :root :is(.hero-door-more, .int-link, .ev-more, .stamm-more, .qc-link, .ak-info-row a, .sidebar-box p a, .stamm-fallback-note a) { position: relative; text-decoration: none !important; } :is(.ak-info-row a, .sidebar-box p a, .stamm-fallback-note a) > .filz-linie { bottom: -6px; opacity: 0; transition: opacity var(--duration-hover) ease; } :is(.ak-info-row a, .sidebar-box p a, .stamm-fallback-note a):hover > .filz-linie { opacity: .85; } /* ── ALLE übrigen Karten site-weit: Fläche weg, gezeichneter Rahmen ── Gleiche Liste wie das KARTEN-HOVER-SYSTEM in css/teil-*.css (ohne die aufgebrochenen Startseiten-Karten qc/hero-door/news-card, die ganz ohne Rahmen stehen). NEUE KARTEN-KLASSE? → hier und in js/filz.js (RAHMEN). */ :root :is(.srv-card, .int-card, .ak-card, .ak-dl, .ak-info-card, .vs-card, .dl-person, .blog-sidebar-sub, .stamm, .meth, .stufe-mini, .stufen-card, .mod-card, .weg-step, .ak-member-cta, .stufe-feat, .steckbrief, .accord, .gl-item, .meth-achtung) { background: var(--bg) !important; border-color: transparent !important; box-shadow: none !important; position: relative; } :root :is(.srv-card, .int-card, .ak-card, .ak-dl, .ak-info-card, .vs-card, .dl-person, .blog-sidebar-sub, .stamm, .meth, .stufe-mini, .stufen-card, .mod-card, .weg-step, .ak-member-cta, .stufe-feat, .steckbrief, .accord, .gl-item, .meth-achtung)::before { display: none !important; } :is(.srv-card, .int-card, .ak-card, .ak-dl, .ak-info-card, .vs-card, .dl-person, .blog-sidebar-sub, .stamm, .meth, .stufe-mini, .stufen-card, .mod-card, .weg-step, .ak-member-cta, .stufe-feat, .steckbrief, .accord, .gl-item, .meth-achtung) > .filz { z-index: 0; border-radius: var(--filz-radius); opacity: .7; } /* Karte auf den Rahmen-Radius (--filz-radius) bringen + clippen. */ :root :is(.ak-card, .stamm) { border-radius: var(--filz-radius); overflow: hidden; } /* Der kleine Strich vor der Hero-Zeile ist eine kurze gezogene Linie */ /* Das ::before bleibt als Platzhalter im Fluss, die Linie liegt darauf. */ :root .hero-tag::before { background: none !important; } .hero-tag > .filz-linie { top: 50%; bottom: auto; left: 0; width: 28px; margin-top: -3px; color: rgba(var(--weiss-rgb), .72); } html:not([data-theme="dunkel"]) .hero-tag > .filz-linie { color: var(--cta); } /* ── Navbar: Suchknopf mit Rahmen. Der Kontakt-Knopf ist gefüllt und hat deshalb keinen (Text/Logo bleiben gesetzt) ── */ :root .nav-search { border-color: transparent; position: relative; } .nav-search > .filz { inset: 0; border-radius: 10px; opacity: .6; } /* Am Handy stehen Suche und Hell/Dunkel wie der Burger daneben: ohne Rahmen und ohne Fläche, nur das Icon (Janis, 13.11.2026). Die Trefferfläche bleibt 44 px. */ .nav-actions-mobile .nav-search > .filz { display: none; } :root .nav-actions-mobile .nav-search { background: none; } .nav-actions-mobile .nav-search i { font-size: 1.15rem; } /* ── Kanten site-weit gezeichnet ────────────────────────────────────────── Harte 1px-Kanten (Navbar-Schatten, Hero-Unterkante, Footer-Linien) werden zu gezogenen Linien. Auf dunklen Flächen (Hero-Foto, Footer-Navy) helle Tinte, sonst --filz-tinte. */ :root header { box-shadow: none; } header > .filz-linie { opacity: .5; } /* Unterkante der großflächigen Bild-Heroes (Foto ist dort dunkel getönt → weiß) */ :is(.page-hero, .ak-hero-ov) > .filz-linie { z-index: 3; color: var(--on-photo); opacity: .6; } /* Light-Mode: das helle Overlay macht die weiße Linie auf Creme unsichtbar -> in der Tinte zeichnen (hell = --primary). */ html:not([data-theme="dunkel"]) :is(.page-hero, .ak-hero-ov) > .filz-linie { color: var(--filz-tinte); } /* Oberkante des Footers + Trennlinie zur unteren Copyright-Leiste */ :root footer { border-top-color: transparent; } footer > .filz-linie { opacity: .5; } :root .ft-bottom { border-top-color: transparent; position: relative; } .ft-bottom > .filz-linie { opacity: .4; } /* Footer-Motive: Tinte auf Creme wirkt stärker als Weiß auf Navy (js/doodles.js) */ footer { --fuss-motiv: var(--motiv-deckung-footer); } html[data-theme="dunkel"] footer { --fuss-motiv: .4; } /* Icon-Ring: gezeichneter Ring statt glatter Linie. */ :root .ic-ring { border-color: transparent; } .ic-ring > .filz { inset: -2px; border-radius: 50%; color: color-mix(in srgb, var(--ac) 55%, transparent); } /* ── Zitat-Streifen (.quote): gezogener Balken in der Seitenakzentfarbe statt harter Kante ── */ :root .quote { border-left-color: transparent; position: relative; } .quote > .filz-linie { top: 3px; height: calc(100% - 6px); color: var(--quote-accent, var(--sc, var(--primary))); --filz-breite: 3px; } /* ── Chips/Labels: Füllung weg, gezeichneter Rahmen in der jeweiligen Stufen-/Statusfarbe — Text bleibt gesetzt ── */ :root .chip { background: transparent !important; position: relative; } .chip > .filz { inset: 0; border-radius: 8px; color: currentColor; opacity: .8; } /* "In Planung"-Badge (Service-Karten): wie Chips, Pillen-Rand in der Badge-Farbe */ :root .soon-badge { background: transparent; border-color: transparent; position: relative; } .soon-badge > .filz { inset: 0; border-radius: 50px; color: currentColor; opacity: .8; } /* ── Termin-Zeilen: kein sichtbarer Rahmen um das Datum, nur die große Zahl. Gilt für alle Termin-Ansichten (Liste + AK-/Stufen-Seiten teilen sich .ev-date). */ :root .ev-date { background: transparent !important; } /* ── Förderverein/100×100: Zahl leicht gekippt mit gezeichnetem Kringel ── */ :root .card-split.lead-left > div:first-child { position: relative; transform: rotate(-3deg); } .card-split.lead-left > div:first-child > .filz { inset: -16px -24px; border-radius: 50%; color: currentColor; opacity: .4; transform: rotate(-5deg); } /* ── Steckbrief (Stufen-Seiten): Rahmen in der Stufenfarbe ── */ .steckbrief > .filz { color: color-mix(in srgb, var(--sc, var(--filz-tinte)) 75%, transparent); } /* ── Download-Knöpfe (Akkordeons/Service): Control-Stil ── */ :root .dl-btn { background: transparent !important; position: relative; border-radius: 10px; } .dl-btn > .filz { inset: 0; border-radius: 10px; opacity: .75; } :root .dl-btn:hover { background: var(--filz-tinte) !important; color: var(--bg); } /* Platzhalterrahmen: gezeichneter Rahmen statt CSS-Strichlinie */ :root .ph-doodle { border: none; background: color-mix(in srgb, var(--filz-tinte) 4%, transparent); } .ph-doodle > .filz { border-radius: var(--radius-lg); opacity: .5; } /* „Gruppenfoto folgt“ auf dem Lagerfeuer ist ein Foto: weißer Rahmen im Bild wie beim echten Gruppenfoto (.foto-band), nicht der Tintenrahmen außen (Janis, 12.11.2026). */ .ph-doodle.mit-bild > .filz { inset: 7px; border-radius: 10px; color: var(--on-photo); opacity: .85; } /* Roter Download-Knopf: rote Füllung wie btn-fire, ohne Rahmen. */ :root .dl-btn-primary { background: var(--sc-btn, var(--cta)) !important; color: var(--on-fill); } /* Abdunkeln statt --sc-btn-hover (die Variable fehlt bei den meisten Tints und im Hellmodus komplett → wäre dieselbe Farbe = kein sichtbarer Hover). */ :root .dl-btn-primary:hover { background: color-mix(in srgb, var(--sc-btn, var(--cta)) 82%, #000) !important; color: var(--on-fill); } /* ── Trennlinien in Listen: gestrichelt, Kopf-Stufe ── !important beim FAQ, weil css/teil-07-inhaltsseiten.css den Rand dort spezifischer setzt. */ :root .beitrag-teilen { border-top: 1.5px dashed color-mix(in srgb, var(--filz-tinte) var(--divider-head), transparent); } :root .faq { border-bottom: 1.5px dashed color-mix(in srgb, var(--filz-tinte) var(--divider-head), transparent) !important; } :root .faq:first-child { border-top: 1.5px dashed color-mix(in srgb, var(--filz-tinte) var(--divider-head), transparent) !important; } /* ── News-Suche: gezeichneter Rahmen auf dem Wrapper (.nc-field) ── Gleiches Muster wie die Stämme-Suche und die Formularfelder. */ :root .nc-field > input { border-color: transparent !important; } .nc-field > .filz { border-radius: 999px; color: color-mix(in srgb, var(--filz-tinte) 75%, transparent); opacity: .85; } .nc-field:focus-within > .filz { color: var(--filz-tinte); opacity: 1; } /* ── Archiv-Hinweis über alten Beiträgen: gezeichneter Rahmen wie die Karten ── */ :root .archiv-hinweis { border-color: transparent; position: relative; background: color-mix(in srgb, var(--filz-tinte) 4%, transparent); } .archiv-hinweis > .filz { border-radius: var(--filz-radius); color: color-mix(in srgb, var(--filz-tinte) 55%, transparent); opacity: .85; } /* ── Neuigkeiten-Archiv: dieselbe gestrichelte Linie wie FAQ und Terminliste ── */ :root .arch-year-h { border-bottom: 1.5px dashed color-mix(in srgb, var(--filz-tinte) var(--divider-head), transparent); } :root .arch-list a { border-bottom: 1.5px dashed color-mix(in srgb, var(--filz-tinte) var(--divider-row), transparent); } /* ── Galerie-Pfeile: gezeichneter Ring, Glyphe bleibt gesetzt ── */ /* .gnav ist bereits position:absolute (Basis) → NICHT auf relative ändern, sonst greifen left/right nicht mehr und der Next-Pfeil verrutscht. */ :root .gnav { border-color: transparent; } .gnav > .filz { inset: 0; border-radius: 50%; color: color-mix(in srgb, var(--gal-fg) 90%, transparent); opacity: .85; } /* Galerie-Fortschrittspunkte: mittig statt am Rand, leerer Ring = inaktiv, gefüllt = aktuelles Bild. Höher gesetzt (34px), damit sie nicht auf der unteren Rahmenlinie der Slide (.gslide, inset 14px) kleben. Für einen 11px-Punkt zeichnet der Filzstift nichts Erkennbares; ein runder Rand reicht. */ /* Zielgröße (WCAG 2.5.8, 11.11.2026): Der Knopf ist 24 × 24 px groß, der sichtbare Punkt bleibt 11 px und sitzt als ::before in der Mitte. Vorher war der Knopf selbst der Punkt, 11 px mit 11 px Abstand, also zu klein und zu dicht. Ohne Lücke zwischen den Knöpfen stehen die Punkte jetzt 24 px auseinander statt 22, das Bild der Reihe bleibt fast gleich. bottom ist so gewählt, dass die Punktmitte an derselben Stelle bleibt. */ :root .gdots { left: 50%; right: auto; transform: translateX(-50%); bottom: 27.5px; gap: 0; } :root .gdot, :root .gdot.is-active, :root .gdot:hover, :root .art-carousel .acx-dot, :root .art-carousel .acx-dot.is-active, :root .art-carousel .acx-dot:hover { width: 24px; height: 24px; border-radius: 50%; border: 0; background: transparent; display: grid; place-items: center; } :root .gdot::before, :root .art-carousel .acx-dot::before { content: ''; width: 11px; height: 11px; border-radius: 50%; /* In der Galerie-Schriftfarbe: auf dem hellen Creme-Schleier wäre Weiß unsichtbar. Die Punkte des Artikel-Karussells unten sitzen direkt auf dem Foto ohne Schleier und bleiben deshalb weiß. */ border: var(--filz-strich) solid color-mix(in srgb, var(--gal-fg) 90%, transparent); transition: background .3s; } :root .gdot.is-active::before { background: var(--gal-fg); } :root .gdot:hover::before { background: color-mix(in srgb, var(--gal-fg) 50%, transparent); } /* Artikel-Karussell (Aktuelles etc.): Fortschrittspunkte wie auf der Startseite. */ :root .art-carousel .acx-dots { bottom: 9.5px; gap: 0; } :root .art-carousel .acx-dot::before { border-color: rgba(var(--weiss-rgb), .9); } :root .art-carousel .acx-dot.is-active::before { background: var(--on-photo); } :root .art-carousel .acx-dot:hover::before { background: rgba(var(--weiss-rgb), .5); } /* ── Modul-Pills (Ausbildung): wie Chips — Füllung weg, gezeichneter Rand. Text NICHT weiß (unsichtbar im Light) sondern in der Modulfarbe --mc, der Rand erbt sie über currentColor. Rückfall --filz-tinte. ── */ :root .mod-pill { background: transparent !important; border-color: transparent; position: relative; color: var(--mc, var(--filz-tinte)); } .mod-pill > .filz { inset: 0; border-radius: 999px; color: currentColor; opacity: .75; } /* ── Formulare ── Der Rahmen sitzt auf der Hülle .ff-box, Eingabefelder können keine Kinder tragen. Feldrahmen (hier, .ds-btn, .nc-field, .stamm-search-wrap) mit 75 % Tinte statt 55 %: Im hellen Modus erreichten sie 2,7:1, nötig sind 3:1 (WCAG 1.4.11). Jetzt 4,2:1 auf --bg-mid, dunkel über 7:1 (gemessen 11.11.2026). */ /* display:block entfernt die Inline-Grundlinien-Lücke UNTER dem Feld — sonst ist die .ff-box (und damit der Rahmen) ein paar px höher als das Feld. */ :root .ff-box :is(input, textarea, select) { display: block; border-color: transparent; border-radius: 12px; } .ff-box > .filz { border-radius: 12px; color: color-mix(in srgb, var(--filz-tinte) 75%, transparent); opacity: .85; } .ff-box:focus-within > .filz { color: var(--filz-tinte); opacity: 1; } /* Auswahlfelder: js/auswahl.js setzt einen eigenen Knopf (.ds-btn) mit eigenem Rahmen in die .ff-box. Zwei Rahmen übereinander sahen aus wie ein doppelt so dicker Strich (Janis, 11.11.2026). Es zählt der des Knopfs, er kennt auch die Zustände offen und fehlerhaft. */ .ff-box:has(.ds) > .filz { display: none; } :root .ff-box:focus-within :is(input, textarea, select) { background: color-mix(in srgb, var(--filz-tinte) 5%, transparent); } /* Stämme-Suche: gezeichneter Rahmen auf dem Wrapper (.stamm-search-wrap). */ :root .stamm-search { border-color: transparent; border-radius: 12px; } :root .stamm-search-wrap { position: relative; } .stamm-search-wrap > .filz { border-radius: 12px; color: color-mix(in srgb, var(--filz-tinte) 75%, transparent); opacity: .85; } .stamm-search-wrap:focus-within > .filz { color: var(--filz-tinte); opacity: 1; } /* ── Funktions-Overlays (Suche, Cookie-Banner): Fläche bleibt (Lesbarkeit), feiner Rahmen macht sie zugehörig ── */ :root .search-box, :root .consent-inner { position: relative; } :is(.search-box, .consent-inner) > .filz { inset: 2px; border-radius: var(--radius-lg); opacity: .6; } /* ── Steckbrief-Karten der Suche (js/suche-karten.js): Rahmen in der Tinte, auch wenn das Zeichen die AK-Farbe trägt. Bild und Initialen im Kreis. ── */ .suche-karte > .filz { border-radius: var(--filz-radius); opacity: .7; } .sk-bild > .filz { inset: 0; border-radius: 50%; opacity: .8; } /* ── Strg+K-Suche innen: Trennlinien und Tastenkürzel gezeichnet ── */ :root .search-bar { border-bottom-color: transparent; position: relative; } :root .search-foot { border-top-color: transparent; position: relative; } :is(.search-bar, .search-foot) > .filz-linie { left: 14px; width: calc(100% - 28px); opacity: .45; } /* Tastenkürzel als gezeichnete Kästchen (Beschriftung bleibt gesetzt) */ :root .search-foot kbd { border-color: transparent; position: relative; } .search-foot kbd > .filz { inset: 0; border-radius: 6px; opacity: .6; } /* ── Kalender-Tageszellen: Flächen weg, ganz feine Kästchen — bewusst leise (30% Tinte), heute/ausgewählt kräftiger ── */ :root .ev-grid-cell { background: transparent !important; position: relative; } .ev-grid-cell > .filz { inset: 1px; border-radius: 8px; color: color-mix(in srgb, var(--filz-tinte) 30%, transparent); } :root .ev-grid-today { background: color-mix(in srgb, var(--filz-tinte) 8%, transparent) !important; outline: none; } :is(.ev-grid-today, .ev-grid-sel) > .filz { color: var(--filz-tinte); } :root .ev-grid-sel { outline: none; } :root .ev-grid-has-ev:hover { background: color-mix(in srgb, var(--filz-tinte) 7%, transparent) !important; box-shadow: none; } /* ── Personen-Karten: Mail-Knopf als Control, Platzhalter flach mit gezeichnetem Kreis um die Initialen ── */ :root .card-mail { background: transparent; position: relative; } .card-mail > .filz { inset: 0; border-radius: 9px; opacity: .75; } :root .card-mail:hover { background: var(--filz-tinte); color: var(--bg); } :root .ak-mimg-ph { background: var(--bg) !important; color: var(--filz-tinte); } /* Blanko-Karte hat kein Foto → KEIN Foto-Rahmen (der ist fürs Foto gedacht und clasht mit dem Kreis um das Kürzel). Nur der Kreis mit den Initialen bleibt. */ .ak-mimg-ph > .filz { inset: auto; width: 76px; height: 76px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; opacity: .75; color: var(--filz-tinte); /* nicht das Weiß des Fotorahmens: hell war der Kreis unsichtbar */ } .ak-mimg-ph > .filz > svg { -webkit-mask-image: none; mask-image: none; } :root .ak-mimg-ph::after { display: none !important; } /* ── Kontakt-Seite: linke Info-Spalte, Icon-Boxen + Trenner gezeichnet ── */ :root .kl { background: var(--bg) !important; border-right: none; } :root .kl-row:hover { background: transparent; } :root .kl-icon { background: transparent; position: relative; } .kl-icon > .filz { inset: 0; border-radius: 10px; opacity: .75; } :root .kl-row:hover .kl-icon { background: color-mix(in srgb, var(--filz-tinte) 10%, transparent); } :root .kl-divider { background: none; position: relative; } .kl-divider > .filz-linie { opacity: .35; } /* ── Kontakt-Knopf in der Navbar: gefüllt, ohne Rahmen ── */ :root .nav-cta { border-radius: 10px; } /* Mobilmenü-Kontakt-Knopf: gleiche Rundung wie oben (Basisregel .mobile-nav .nav-cta setzt sonst 2px = scharfe Ecken). */ :root .mobile-nav .nav-cta { border-radius: 10px; } /* ── Mobilmenü: gezogene Führungslinie bei den Untermenü-Gruppen ── */ :root .mnav-subs { border-left: none; position: relative; } .mnav-subs > .filz-linie { top: 3px; height: calc(100% - 6px); opacity: .45; } /* Termin-Zeilen-Hover: Titel-Farbwechsel kommt aus css/teil-*.css, hier nichts nötig. */ /* ── Stufen-Navigation (Stufen-Seiten): Rahmen in Stufenfarbe + farbige Lilie (über die :root-Lilie-Maske, keine extra Assets) ── */ /* Rahmen ganz weg statt nur transparent: der Hintergrund wird bis zur Außenkante gemalt (Border-Box), der gezeichnete Rahmen sitzt innen — dadurch war die gefüllte Karte oben 3px und seitlich 1px größer als die umrandeten. Die verlorenen Randbreiten wandern ins Padding, damit die Kachelgröße und die Textposition exakt gleich bleiben. */ :root .stufe-nav > * { background: var(--bg) !important; border: 0 !important; padding: 16px 16px 14px; border-radius: var(--filz-radius); position: relative; transition: transform .2s ease, background-color .2s ease; } /* Standard-Hover wie bei den anderen Karten: leichtes Anheben + dezenter Stufen-Tint. */ :root .stufe-nav > *:hover { transform: translateY(-3px); background: color-mix(in srgb, var(--snc) 12%, var(--bg)) !important; } /* Rahmen/Lilie: Stufenfarbe Richtung Textfarbe gemischt — rettet Weiß (Biber) und Gelb (Leitende) auf hellem Grund, bleibt im Dunkeln leuchtend */ .stufe-nav > * > .filz { color: var(--snc-line, color-mix(in srgb, var(--snc, var(--filz-tinte)) 68%, var(--text))); border-radius: var(--filz-radius); opacity: .85; } /* Aktuelle Stufe: gefüllt und deshalb ohne Rahmen. */ .stufe-nav .is-current > .filz { display: none; } :root .stufe-nav > *::before { content: ''; position: absolute; right: 12px; top: 12px; width: 18px; height: 18px; background: var(--snc-line, color-mix(in srgb, var(--snc, var(--filz-tinte)) 72%, var(--text))); -webkit-mask: var(--lilie-mask) center/contain no-repeat; mask: var(--lilie-mask) center/contain no-repeat; opacity: .95; pointer-events: none; } /* Ausgewählte Stufe: vollflächige Stufenfarbe (leicht abgedunkelt für lesbaren weißen Text) */ /* Dieselben Variablen wie in css/teil-*.css (--snc-fill/-fg/-shadow), damit die Leitenden-Ausnahme dort (Gold mit dunkler Schrift) auch hier gilt. Vorher stand hier fest Weiss mit !important, und die Ausnahme fragte per [style*="#E6D45A"] eine Farbe ab, die laengst als --snc:var(--stufe-leitende) im Markup steht: weisse Schrift auf abgedunkeltem Gold, 3,59:1. */ :root .stufe-nav .is-current { background: var(--snc-fill, color-mix(in srgb, var(--snc) 65%, #16242e)) !important; } :root .stufe-nav .is-current .nm, :root .stufe-nav .is-current .ag { color: var(--snc-fg, #fff) !important; text-shadow: var(--snc-shadow, 0 1px 4px rgba(var(--schwarz-rgb), .4)); } :root .stufe-nav .is-current::before { background: var(--snc-fg, #fff); } /* ── Leaflet-Karten (Stammesfinder + Stammes-Seiten): gezeichneter Rahmen wie bei Fotos; auch die Consent-Boxen davor ── */ :root #staemme-map, :root #stamm-map { position: relative; } /* Rahmen bündig an der Kante (Radius = Kartenradius), über den Leaflet-Panes. Tinte statt Weiß → sichtbar auf heller Karte (im Dunkelmodus wird --filz-tinte weiß, passt zur invertierten Karte). */ :is(#staemme-map, #stamm-map) > .filz { z-index: 900; border-radius: var(--radius-lg); opacity: .85; } :root :is(#map-gate, #stamm-map-gate) { background: var(--bg) !important; border-color: transparent !important; position: relative; } :is(#map-gate, #stamm-map-gate) > .filz { border-radius: var(--radius-lg); opacity: .75; } /* ── Fotos wie eingeklebt: gezeichneter Rahmen AUF dem Bild ── Auf Fotos zeichnet der Filzstift immer weiß (wie Hero/Footer). FOTO-CONTAINER-LISTE: neue Bild-Wrapper hier und in js/filz.js eintragen. */ :root .news-img, :root .foto-band, :root .int-split figure { position: relative; } :is(.foto-band, .article-hero, .art-frame, .int-split figure, .foto-trio figure, .foto-duo figure) > .filz { inset: 7px; border-radius: 10px; color: var(--on-photo); opacity: .85; } /* Unten offene Fotorahmen: Der Strich ragt bis 2px über den SVG-Kasten hinaus, und eine Maske schneidet alles außerhalb ihres Kastens ab. Ohne Polster fehlte die äußere Hälfte, die offenen Rahmen wirkten halb so dick wie die geschlossenen (Janis, 15.11.2026). Das Polster vergrößert nur den Kasten, translate hält den Strich an seiner Stelle. */ :is(.news-img, .bp-img, .ak-mimg, .mat-img, .foto-band, .gslide) > .filz > svg { padding: 4px; box-sizing: content-box; translate: -4px -4px; } /* Auf Fotos zeichnet der Filzstift rauer: Das Wackeln ist in festen Pixeln gerechnet und wirkte an 300–900 px langen Fotokanten wie mit dem Lineal gezogen (Janis, 15.11.2026). --filz-rauh liest js/filzstift.js; 1 = wie überall sonst (Designsystem rc.26). */ :is(.news-img, .bp-img, .ak-mimg, .mat-img, .foto-band, .gslide, .article-hero, .art-frame) > .filz, :is(.int-split, .foto-trio, .foto-duo) figure > .filz { --filz-rauh: 2; } /* Gruppenfoto (.foto-band) wie die News-Bilder: unten offen, der Strich läuft nach unten aus, Strich wie bei den Bildpaaren (Janis, 15.11.2026). Bildpaare und Hero bleiben geschlossen. */ :root .foto-band > .filz { inset: 8px; border-radius: 10px 10px 0 0; } .foto-band > .filz > svg { -webkit-mask-image: linear-gradient(to bottom, #000 52%, transparent 100%); mask-image: linear-gradient(to bottom, #000 52%, transparent 100%); } /* Galerie-Foto: Rahmen oben/seitlich, unten offen und nach unten ausgeblendet (wie die News-Bilder) → der Strich „verschwindet" Richtung Text und Punkte. ::after bleibt das Lesbarkeits-Overlay. Weiß statt --gal-fg: Die Linie liegt oben auf dem Foto und läuft aus, bevor der helle Schleier beginnt. Dunkelblau ging dort im hellen Modus im Bild unter (Janis, 04.11.2026). */ .gslide > .filz { inset: 14px; border-radius: var(--filz-radius) var(--filz-radius) 0 0; color: var(--on-photo); opacity: .85; } .gslide > .filz > svg { -webkit-mask-image: linear-gradient(to bottom, #000 42%, transparent 90%); mask-image: linear-gradient(to bottom, #000 42%, transparent 90%); } /* Nur Geometrie. Der Verlauf selbst kommt aus --gal-overlay und folgt damit dem Modus — vorher stand hier ein fest dunkler, der die Regel aus css/teil-10-karussell-stufen.css ueberschrieben hat und im hellen Design nicht mitzog. */ :root .gslide::after { inset: 0; z-index: 1; border: 0; border-radius: 0; } /* Mobil: Karten nicht bis an die Bildschirmkante ziehen, sonst klebt der Rahmen am Rand — der kleine Abstand aus dem .wrap bleibt. */ @media (max-width: 760px) { :root .bleed-card { margin-left: 0 !important; margin-right: 0 !important; } } /* ── Blog-/Aktuelles-Boxen: Fläche weg, gezeichneter Rahmen (wie die übrigen Karten). ── */ :root :is(.article-infobox, .blog-sidebar-sub) { background: transparent !important; border-color: transparent !important; position: relative; } :is(.article-infobox, .blog-sidebar-sub) > .filz { border-radius: var(--radius-lg); opacity: .7; } /* ── Marquee-Band: gezogene Ober- und Unterkante. Die Seiten-Fade-Pseudos aus css/teil-18-mobil-iphone.css trugen früher die Linien, jetzt tun das zwei SVG. ── */ :root .marquee-bar { border-top: none; border-bottom: none; } :root .marquee-bar::before, :root .marquee-bar::after { content: none; } .marquee-bar > .filz-linie { color: rgba(var(--weiss-rgb), .82); z-index: 3; } /* ── Controls (4. Kategorie neben den 3 Knopf-Varianten): Filter-Chips + kleine Icon-Knöpfe (Ansicht, Kalender-Nav). Gezeichneter Rahmen, Beschriftung bleibt gesetzt. */ :root :is(.nf-chip, .ev-view-btn, .ev-cal-nav-btn, .view-toggle) { border-color: transparent; background: transparent; color: var(--text); position: relative; } :is(.nf-chip, .ev-view-btn, .ev-cal-nav-btn, .view-toggle) > .filz { inset: 0; border-radius: 50px; opacity: .8; } :is(.ev-view-btn, .ev-cal-nav-btn) > .filz { border-radius: 10px; } /* ══════════════════════════════════════════ WEGZEICHEN- UND DOODLE-LIGHTBOX ────────────────────────────────────────── currentColor, nicht --filz-tinte: die Lightbox dreht sich mit dem Modus. Dunkel ist die Fläche dunkel und die Bedienelemente weiß, hell umgekehrt (siehe die html:not([data-theme="dunkel"])-Regeln in css/teil-*.css). Eine feste Tinte wäre in einem der beiden Modi unsichtbar. ══════════════════════════════════════════ */ /* Nur .lb-btn bekommt position:relative, .lb-nav NICHT. Der Unterschied ist der ganze Fehler vom 03.08.: Ich hatte relative auf alle drei Knopfarten gelegt. Die Pfeile sind aber position:fixed, und diese Regel ist spezifischer und laedt spaeter — sie fielen damit aus ihrer Verankerung in den Textfluss, und die Lightbox sah auf dem Handy zerlegt aus. .lb-btn dagegen sitzt statisch in der Leiste .lb-actions. Ohne relative wuerde sein Ring gegen die Leiste aufgespannt statt gegen den Knopf, also ein grosser Ring um alles statt zwei kleine. js/filz.js setzt relative nur bei static. */ :root .wz-lightbox .lb-btn { position: relative; } .wz-lightbox :is(.lb-btn, .lb-nav) > .filz { color: currentColor; opacity: .5; } /* Der Strich über Name und Erklärung: dieselbe Linie wie die Trenner im Archiv, nur mittig und kurz. */ :root .wz-lb-cap { position: relative; padding-top: 22px; } .wz-lb-cap > .filz-linie { top: 0; left: 50%; width: 84px; margin-left: -42px; color: currentColor; opacity: .45; } /* Karten-Popup: gezeichneter Rahmen ums Popup (Backdrop bleibt glatt) */ :root .card-popup-inner { border-color: transparent; } .card-popup-inner > .filz { border-radius: var(--filz-radius); opacity: .6; } /* Termine-Filter-Chips in ihrer Stufen-/AK-Farbe (--cc); "Alle" bleibt Tinte */ .ev-toolbar .nf-chip[style*="--cc"] > .filz { color: var(--cc); } :root .ev-toolbar .nf-chip[style*="--cc"]:hover { background: color-mix(in srgb, var(--cc) 12%, transparent); color: var(--cc); } :root .ev-toolbar .nf-chip[style*="--cc"].active { background: color-mix(in srgb, var(--cc) 22%, transparent); color: var(--cc); } :root .nf-chip:hover { background: color-mix(in srgb, var(--filz-tinte) 8%, transparent); color: var(--text); } :root .nf-chip.active { background: var(--filz-tinte); color: var(--bg); border-color: transparent; } /* .nf-chip.active aus css/teil-08-termine.css laedt spaeter und setzte sonst einen glatten Ring */ :root .ev-view-btn.active, :root .ev-view-btn:hover, :root .ev-cal-nav-btn:hover { background: var(--filz-tinte); color: var(--bg); } /* Gefüllt heißt ohne Rahmen. Die getönten Stufen-Chips bleiben gerahmt, sie sind nur zu 22 % gefüllt. */ :is(.nf-chip.active:not([style*="--cc"]), .ev-view-btn.active) > .filz { display: none; } /* ── Termine-Seite: Boxen aufbrechen, Fläche weg, gezeichneter Rahmen ── */ :root :is(.sidebar-box, .ev-cal-grid-wrap, .ev-cal-day-panel) { background: var(--bg) !important; border: none !important; box-shadow: none !important; position: relative; } :is(.sidebar-box, .ev-cal-grid-wrap, .ev-cal-day-panel) > .filz { z-index: 0; border-radius: var(--filz-radius); opacity: .75; } :root .sidebar-box::before { display: none !important; } /* Eckverlauf-Hover passt nicht */ /* Share-Card: Fläche bleibt (Lesbarkeit überm Backdrop), Rahmen gezeichnet */ :root .ev-modal-card { border: none; } .ev-modal-card > .filz { inset: 4px; border-radius: var(--filz-radius); opacity: .8; } /* Monats-Header: gezogener Unterstrich — Text bleibt gesetzt */ :root .ev-month-head { border-bottom: none; position: relative; padding-bottom: 12px; } .ev-month-head > .filz-linie { opacity: .7; --filz-breite: 2px; } /* ── Navbar-Dropdown: gezeichneter Rahmen (Menü behält seinen Hintergrund) ── */ :root .nav-drop-menu { border-color: transparent; } .nav-drop-menu > .filz { border-radius: 12px; opacity: .95; } /* ── ABSCHNITTE OHNE WELLEN (Janis, 05.11.2026) ── Bis hier stand vor jedem Abschnitt eine gezeichnete Wellenlinie. Jetzt trennt Luft: Jeder Abschnitt nach dem ersten bekommt oben --abschnitt-abstand (css/website-tokens.css), zusammen mit dem Polster darüber 112px am Desktop (vorher 168px, Janis 10.11.2026: ein Drittel zu viel). !important, weil viele Block-Snippets style="padding-top:0" ins Markup schreiben; das hat bisher die Welle ausgeglichen. Angehängte Abschnitte (.sec--anschluss) und Kästen, die am Thema darüber hängen (ANBAU in css/teil-02-geruest.css), bleiben eng. */ :root main .sec ~ .sec:not(.sec--anschluss) { padding-top: var(--abschnitt-abstand, var(--section-space, clamp(64px, 8vw, 96px))) !important; } :root main .sec ~ .sec:not(.sec--thema):has(> .wrap > .bleed-card:only-child) { padding-top: 34px !important; } /* ══════════════════════════════════════════ Doodle-Layer + Motive ══════════════════════════════════════════ */ .dood-layer { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: visible; } /* Die Ebene über die ganze Seite endet mit main: Motive, die die Parallaxe nach unten schiebt, liefen sonst in den Footer (Janis, 10.11.2026). */ .dood-layer.dood-seite { overflow: hidden; } /* SCHUTZZONE statt Ausblenden: Der horizontale Verlauf ist an die zentrierte Inhaltsspalte (max-width 1240px ≈ ±620px um die Bildschirmmitte) gekoppelt, NICHT an Prozente. Über der Lesespalte (±600px) sind die Motive transparent, mit weichem ~120px-Verlauf nach außen; erst in den echten Guttern (jenseits ±720px) voll sichtbar. So bleibt Text bei JEDER Breite lesbar, ohne die Doodles je hart abzuschneiden oder auszublenden — auf schmalen Screens werden sie einfach sanft blass. Außen laufen sie ungeschnitten zum Rand aus (html: overflow-x: clip fängt den Überstand). Gradient-Stops mit calc() < 0 werden vom Browser auf den vorherigen Stop geklemmt → auf schmal sauber transparent. */ .dood-layer { /* Schutzzone-Grenzen --dpl/--dpr (px, layer-relativ): doodles.js misst pro Sektion die echten Inhalts-Kanten (Textläufe + Karten/Bilder/Buttons) und setzt sie hier. So sind die Motive nur dort transparent, wo wirklich Inhalt liegt, und bleiben in echten Freiräumen sichtbar — auch schmal. Ohne JS: Fallback an die zentrierte 1240er-Spalte. --dfade = weiche Verlaufsbreite. 2. Verlauf (vertikal) blendet Ober-/Unterkante der Sektion sanft aus, auf festen --motiv-rand statt 7 % (bei hohen Abschnitten waren das 70px und mehr, Motive darin sahen angeschnitten aus). doodles.js haelt die Motive innerhalb. */ --dpl: calc(50% - 600px); --dpr: calc(50% + 600px); --dfade: 74px; -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(var(--dpl) - var(--dfade)), transparent var(--dpl), transparent var(--dpr), #000 calc(var(--dpr) + var(--dfade)), #000 100%), linear-gradient(to bottom, transparent 0, #000 var(--motiv-rand), #000 calc(100% - var(--motiv-rand)), transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, #000 0, #000 calc(var(--dpl) - var(--dfade)), transparent var(--dpl), transparent var(--dpr), #000 calc(var(--dpr) + var(--dfade)), #000 100%), linear-gradient(to bottom, transparent 0, #000 var(--motiv-rand), #000 calc(100% - var(--motiv-rand)), transparent 100%); mask-composite: intersect; } /* Hero: Inhalt sitzt nur UNTEN. Schutzzone daher nur ums Inhalts-Rechteck unten, oben sollen die Swirls frei sichtbar sein. Union aus Seitengutter (horizontal) + oberer Zone (vertikal) -> nur unten-mitte blendet die Motive aus. */ .hero .dood-layer { -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(var(--dpl) - var(--dfade)), transparent var(--dpl), transparent var(--dpr), #000 calc(var(--dpr) + var(--dfade)), #000 100%), linear-gradient(to bottom, #000 0%, #000 52%, transparent 64%, transparent 100%); -webkit-mask-composite: source-over; mask-image: linear-gradient(to right, #000 0, #000 calc(var(--dpl) - var(--dfade)), transparent var(--dpl), transparent var(--dpr), #000 calc(var(--dpr) + var(--dfade)), #000 100%), linear-gradient(to bottom, #000 0%, #000 52%, transparent 64%, transparent 100%); mask-composite: add; } .dood-px { will-change: transform; } /* Parallaxe über den Compositor (js/doodles.js setzt .dood-px-css und --pxw, wo animation-timeline: view() geht). Das Motiv wandert, während es durchs Bild läuft, von --pxw nach oben bis --pxw nach unten, also langsamer als die Seite. Dieselbe Bewegung wie die JS-Variante, nur ohne Ruckeln. */ @keyframes dood-tiefe { from { transform: translate3d(0, calc(var(--pxw, 0px) * -1), 0); } to { transform: translate3d(0, var(--pxw, 0px), 0); } } @supports (animation-timeline: view()) { .dood-px-css { animation: dood-tiefe linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; } } @media (prefers-reduced-motion: reduce) { .dood-px-css { animation: none; } } .dood-svg { position: absolute; display: block; overflow: visible; color: var(--dood-c, var(--on-photo)); opacity: var(--dood-o, .9); } /* Light-Mode-Hero ist hell -> Deko in Marken-Blau statt weiss (auf Creme sonst kaum sichtbar). Dark-Mode bleibt weiss (auf dem dunklen Foto). */ html:not([data-theme="dunkel"]) .hero .dood-svg { color: var(--sc, var(--primary)); } /* Die Motive sind Filzstift-Flächen (js/doodles.js). Nur falls filzstift.js fehlt, kommen die rohen Mittellinien an, dann als einfacher Strich. */ .dood-svg .dood { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; } /* Die Lilie ist eine gefüllte Fläche (img/logo/lilie-filz.svg), die anderen Motive sind Striche. Mit gleicher Deckung wöge sie ein Vielfaches; so steht sie da wie ein Wasserzeichen. */ .dood-svg.dood-lilie { opacity: calc(var(--dood-o, .9) * .35); } /* Schweben ist seit 04.11.2026 aus (js/doodles.js, SCHWEBEN), die Animation bleibt, damit es sich mit einer Zeile wieder einschalten lässt. */ .dood-drift { animation: dood-drift 8s ease-in-out infinite; } @keyframes dood-drift { 0%,100% { transform: translateY(0) rotate(var(--r,0deg)); } 50% { transform: translateY(-16px) rotate(calc(var(--r,0deg) + 6deg)); } } .dood-drift.dood-slow { animation-duration: 12s; } @media (max-width: 760px) { :root .quick-grid { gap: 18px; } } @media (prefers-reduced-motion: reduce) { .dood-drift { animation: none !important; } } /* ══════════════════════════════════════════ WEGZEICHEN Basis-Styling steht in css/teil-*.css (.wz). Die Zeichen selbst sind seit dem Designsystem 1.0 Filzstift-Flächen im Sprite (js/filz.js), hier nur Tinte statt Marken-Blau und die Legende kartenlos wie der Rest des Looks. ══════════════════════════════════════════ */ :root .wz-item { background: transparent !important; border: none !important; } :root .wz-item-sign { color: var(--filz-tinte); } :root .wz-item figcaption { color: var(--filz-tinte); } /* 65 % ergab im hellen Modus #56758C auf der Seite, 4,45:1, knapp unter AA. */ :root .wz-item figcaption small { color: color-mix(in srgb, var(--filz-tinte) 72%, transparent); } /* ── Karten-Bedienelemente (Leaflet) ────────────────────────── Leaflet liefert weisse Kaesten mit 2px-Rahmen und 4px-Radius — auf einer Seite, auf der jeder Rahmen gezeichnet ist, das einzige Element mit Lineal-Kante. Jeder Knopf bekommt deshalb seinen eigenen Rahmen. Einzeln statt EIN Kasten um die Leiste: die Knoepfe sind getrennte Ziele, und zwei gestapelte Rechtecke lesen sich als zwei Knoepfe. Dafuer muss die Leiste ihren eigenen Rahmen und ihr Clipping abgeben. Die Kacheln werden im Dunkelmodus per Filter invertiert (.map-dark .leaflet-tile-pane). Die Bedienelemente liegen NICHT in dieser Ebene, sie bekommen ihre Farben also normal aus den Tokens. */ /* Der graue Kasten um die Knopfgruppe ist Leaflets eigener Rahmen (2px rgba(0,0,0,.2)) — hier die einzige Lineal-Kante weit und breit. `border: 0` allein reichte nicht: leaflet.css laedt spaeter und trifft mit `.leaflet-touch .leaflet-bar` dieselbe Spezifitaet. */ :root .leaflet-bar { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible; } /* !important, weil leaflet.css NACH dieser Datei laedt und mit `.leaflet-touch .leaflet-bar a` dieselbe Spezifitaet hat — ohne das bleiben Groesse und Radius bei Leaflets Werten (gemessen: 30px statt 36, und ein Radius von "2px 2px 14px 14px", weil `:first-child` nur die oberen Ecken setzt und meine Regel die unteren). */ /* Flex statt line-height zum Zentrieren. Leaflet stellt „+" und „−" ueber line-height mittig, und das trifft nie genau: die Glyphen haengen in ihrer Zeile unterschiedlich hoch, das Minus sass sichtbar zu tief. Flex misst die tatsaechliche Box und ist bei allen drei Knoepfen gleich. */ :root .leaflet-bar a { position: relative; display: flex !important; align-items: center; justify-content: center; width: 36px !important; height: 36px !important; line-height: 1 !important; margin-bottom: 6px; background: var(--bg); color: var(--filz-tinte); border: 0 !important; border-radius: var(--filz-radius) !important; } :root .leaflet-bar a:last-child { margin-bottom: 0; } .leaflet-bar a > .filz { border-radius: var(--filz-radius); opacity: .75; } :root .leaflet-bar a:hover { background: var(--bg-mid); color: var(--filz-tinte); } .leaflet-bar a:hover > .filz { opacity: 1; } :root .leaflet-bar a:focus-visible { outline: 2px solid var(--sc, var(--primary)); outline-offset: 3px; } /* Leaflets ausgegraute Zoomstufe (am Anschlag) sichtbar halten, ohne den Rahmen mit auszublenden. */ :root .leaflet-bar a.leaflet-disabled { color: color-mix(in srgb, var(--filz-tinte) 35%, transparent); } .leaflet-bar a.leaflet-disabled > .filz { opacity: .35; } /* Alle drei Knoepfe tragen Icons (js/staemme.js tauscht Leaflets Textzeichen gegen fa-plus/fa-minus), also eine Groesse fuer alle. */ :root .leaflet-bar a i { font-size: .95rem; line-height: 1; } /* Kopierblock: gezeichneter Rahmen statt Border, wie bei den Seitenkästen. Die Trennlinie unter der Kopfzeile ist ebenfalls gezogen. */ :root .kopierblock { background: var(--bg) !important; border: none !important; position: relative; } .kopierblock > .filz { z-index: 0; border-radius: var(--filz-radius); opacity: .75; } :root .kopierblock-kopf { border-bottom: none; position: relative; background: color-mix(in srgb, var(--filz-tinte) 5%, transparent); } .kopierblock-kopf > .filz-linie { opacity: .45; } /* ── „Worauf achten": der Akzentbalken links fällt weg ── Der Rahmen aus der Kartenliste darüber übernimmt. Damit der Kasten trotzdem heraussticht, bekommt sein Rahmen die Akzentfarbe statt der Tinte, und die Tönung bleibt. */ :root .meth-achtung { border-left: 0 !important; background: color-mix(in srgb, var(--filz-tinte) 4%, transparent) !important; } .meth-achtung > .filz { color: color-mix(in srgb, var(--highlight) 60%, transparent); opacity: .9; } /* ── Filterleiste der Methodensammlung ── Suchfeld und Chips bekommen denselben gezeichneten Rahmen wie die Suche im Kopf. Beim Chip sitzt er auf dem span, weil das Label selbst nur ein Klickbereich ist. */ :root .meth-filter-suche input { border-color: transparent; background: var(--bg); } .meth-filter-suche > .filz { border-radius: var(--filz-radius); opacity: .55; } :root .meth-chip span { border-color: transparent !important; background: var(--bg); position: relative; } .meth-chip > span > .filz { inset: 0; border-radius: 999px; opacity: .5; } /* --sf traegt die Stufenfarbe und wird am Label gesetzt; ohne Stufe faellt es auf --primary zurueck. Das MUSS hier stehen und nicht nur in css/teil-15-methoden-druck.css: `:root .meth-chip` ist spezifischer als `.meth-chip--stufe`, diese Regel hat die Stufenfarbe sonst wieder ueberschrieben und alle sechs Chips waren gleich dunkelblau. */ :root .meth-chip:has(input:checked) span { background: var(--sf, var(--primary)); color: var(--sf-fg, var(--on-accent)); } /* Gewählt ist der Chip gefüllt und damit ohne Rahmen. */ .meth-chip:has(input:checked) > span > .filz { display: none; } /* Stufen-Chips ungewaehlt: Der gezeichnete Rahmen traegt die Karte, nicht die Flaeche. Blieb er bei allen sechs in der Tinte, unterschied sie nur die Schriftfarbe, und die Stufenfarbe kam nicht an. Der Rahmen bekommt deshalb --sk, die abgedunkelte Fassung der Stufenfarbe. Die Flaeche bleibt neutral: Gefuellte Kaesten sind im Doodle-Look ueberall aus, ein getoenter Chip waere die Ausnahme. */ .meth-chip--stufe > span > .filz { color: var(--sk); opacity: .8; } .meth-chip--stufe:hover > span > .filz { opacity: 1; } /* ══════════════════════════════════════════ Glatte Linien, die noch durchkamen (Pruefung 02.10.2026) ══════════════════════════════════════════ */ /* Fotos hatten zum Rahmen innen noch den 1px-Rahmen der Karte: doppelt */ :root :is(.foto-trio, .foto-duo) figure { border-color: transparent; } /* Aktiver Ansichts-Knopf: .ev-view-btn.active aus css/teil-08-termine.css laedt spaeter */ :root .ev-view-btn.active { border-color: transparent; } /* Pillen und Hinweiskasten mit gezeichnetem statt glattem Rand */ :root :is(.mod-tag, .meth-stufe-punkt, .stufe-note) { border-color: transparent; position: relative; } :is(.mod-tag, .meth-stufe-punkt) > .filz { inset: 0; border-radius: 999px; color: currentColor; opacity: .55; } .stufe-note > .filz { border-radius: var(--filz-radius); color: color-mix(in srgb, var(--sc) 55%, transparent); } /* Zeilentrenner wie bei FAQ und Archivliste: gestrichelt in der Tinte */ :root .ak-info-row { border-bottom: 1.5px dashed color-mix(in srgb, var(--filz-tinte) var(--divider-row), transparent); } /* Letzte Zeile ohne Linie, wie in css/teil-17-menue-suche-kennzahlen.css gemeint: die Regel darüber gewann sonst wegen :root und zeichnete unter den letzten Eintrag eine Linie (Janis, 11.11.2026, Inhaltskarte). */ :root .ak-info-row:last-child { border-bottom: none; } /* Die Mail-Zeile hatte zusaetzlich einen eigenen Strich oben (inline). Mit dem Strich unter der Zeile davor ergab das zwei Linien uebereinander, auf jeder AK-Seite; beim Jupfi-AK mit nur einer Zeile davor fiel es auf. Raus 06.10.2026. */ :root .ev-ov-row { border-bottom: 1.5px dashed color-mix(in srgb, var(--filz-tinte) var(--divider-row), transparent); } /* Fehlermeldung im Kontaktformular (erscheint erst nach dem Absenden) */ :root .f-fehler { border-color: transparent; position: relative; } .f-fehler > .filz { border-radius: var(--radius); color: color-mix(in srgb, var(--cta-text) 55%, transparent); } /* ══════════════════════════════════════════ TOUCH: RUHIG STATT BEWEGT (06.10.2026) ────────────────────────────────────────── Auf dem iPhone luden Elemente spät, und beim Scrollen gab es Artefakte. Safari rechnet Weichzeichner auf der CPU. Alles, was sich darüber bewegt, kostet deshalb jedes Frame. Auf Touch-Geräten steht die Deko darum still: - kein Dauer-Schweben bei Kennzahlen, Stufenlilien und Motiven - kein Weichzeichner hinter den Kacheln im Hero (das Foto liegt dort ohnehin unter 72 bis 97 % Overlay) - will-change nur, wo sich noch etwas bewegt: Jede Ebene kostet auf dem Handy Grafikspeicher, und wird der knapp, zeigt Safari leere Kacheln. Dieselbe Abfrage wie für die Navbar in css/teil-*.css. */ @media (pointer: coarse) { .dood-px { will-change: auto; } .dood-drift, .stat-c, :root .stat-c { animation: none !important; will-change: auto; } .stat-c, :root .stat-c, .hero-door { -webkit-backdrop-filter: none; backdrop-filter: none; } } /* ══════════════════════════════════════════ RAHMEN NUR IN DER TINTE (Janis, 08.11.2026) ────────────────────────────────────────── Gezeichnete Rahmen von Karten und Kästen stehen immer in --filz-tinte, nie in der Stufen- oder AK-Farbe. Farbe zeigt sich über Zeichen, Schrift und getönte Flächen, nicht über den Rand. Vorher farbig: Steckbrief, Stufen-Leiste unten auf den Stufenseiten, Hinweiskasten der Stufen. ══════════════════════════════════════════ */ :root .steckbrief > .filz, :root .stufe-nav > * > .filz, :root .stufe-note > .filz { color: var(--filz-tinte); opacity: .85; } :root .nav-flyout { border-color: transparent; } .nav-flyout > .filz { border-radius: 12px; opacity: .95; } /* ── tokens.css ── */ /* ══════════════════════════════════════════ DPSG DV Limburg — Design-Tokens ══════════════════════════════════════════ DIE EINE QUELLE fuer Farben, Formen, Schriften und Filzstift. Projekte holen diese Datei unveraendert (Website, pretix, Dashboard, Quiz, Instagram), statt Werte abzuschreiben. Fuer Mail, PDF und alles ohne CSS erzeugt werkzeuge/tokens-json.mjs daraus tokens.json, fuer Figma und andere Werkzeuge werkzeuge/tokens-dtcg.mjs die Dateien in dtcg/. Zwei Ebenen (1.0, Entscheidung 05.11.2026): - Palette: die Farben des Verbands mit deutschem Namen. Nur fuer diese Datei; Projekte nutzen sie nie direkt. Ausnahme: die R,G,B-Tripel (--weiss-rgb …) fuer Transparenz, siehe Schatten und Transparenz. - Bedeutung: was ein Wert tut (--bg, --primary, --status-error). Nur diese Namen nutzen Projekte. Farbtoene, die eigens fuer den Kontrast an einer Stelle abgestimmt sind, stehen direkt hier und nicht in der Palette. Namen nach der Mischregel (PLAN.md §5): was es in jedem Designsystem gibt, englisch; was es nur beim DV gibt, deutsch. Die Umbenennung von 0.x auf 1.0 steht in umbenennung-1.0.json, die Pruefung meldet jeden alten Namen. Zwei Bloecke, in dieser Reihenfolge: 1. :root Palette und Hellmodus (Standard) 2. html[data-theme="dunkel"] Dunkelmodus, ueberschreibt nur, was sich aendert Geprueft von werkzeuge/token-check.mjs (Dubletten, abgeleitete Dateien aktuell) und werkzeuge/wcag-check.mjs (Farbpaare, beide Modi). ══════════════════════════════════════════ */ /* ── 1. Palette und Hellmodus ── */ :root { color-scheme: light; /* native Controls (Selects etc.) hell rendern */ /* Palette: Grundwerte, nur hier benutzt */ --blau-dpsg: #003056; /* DPSG-Blau */ --blau-dpsg-hell: #6FA8D2; /* DPSG-Blau fuer dunklen Grund */ --rot-dpsg: #A8112A; /* DPSG-Rot, webtauglich; traegt in beiden Modi Weiss */ --rot-dpsg-hell: #F65A65; /* DPSG-Rot als Schrift auf dunklem Grund */ --gold-dpsg: #876000; /* Honig-Gold aus dem DPSG-Gelb */ --cyan-dpsg: #0087C4; /* DPSG-Cyan, abgedunkelt */ --blau-friedenslicht: #006BB2; --papier: #F5F5F1; /* neutrales Papierweiss, zwischen warm und kuehl */ --papier-mitte: #ECEDE7; --papier-karte: #F1F1EC; --papier-tief: #DFE1D8; --nacht: #0A1820; /* dunkler Grund, ersetzt das alte Navy #0B1F30 */ --nacht-mitte: #122534; --nacht-karte: #162B3A; --nacht-tief: #1C3548; --nacht-footer: #06101A; --tinte: #14222E; /* Schrift auf hellem Grund, dunkle Schrift auf hellen Akzenten */ --tinte-hell: #EAF2F8; /* Schrift auf dunklem Grund */ --weiss: #FFFFFF; --orange-woe: #FF6400; /* Stufenfarben als Flaeche (hell und dunkel gleich) */ --blau-jupfi: #2F53A7; --gruen-pfadi: #00823C; --rot-rover: #CC1F2F; --gold-leitende: #E8B92E; --braun-biber: #7E6244; /* das offizielle Biber-Weiss bleibt der Lilie, als Flaeche ist es Braun */ /* Flaechen */ --bg: var(--papier); --bg-mid: var(--papier-mitte); /* Karten und Flaechen */ --bg-subtle: var(--papier-tief); --bg-card: var(--papier-karte); /* Footer folgt dem Modus: hell eine helle Flaeche, deutlich vom Seitengrund abgesetzt (1,21 Helligkeitsverhaeltnis). */ --bg-footer: var(--papier-tief); --border-card: rgba(20,34,46,.13); /* Marke */ --primary: var(--blau-dpsg); /* Struktur, Links, Fokusring */ /* Dasselbe Blau, das eine Stufen- oder AK-Toenung NICHT mitmacht: Projekte setzen --primary auf getoenten Seiten lokal auf die Seitenfarbe; Kopf, Menue und Fuss holen sich hiermit das Verbandsblau zurueck. Immer gleich --primary vor der Toenung, hell und dunkel (rc.22, 13.11.2026). */ --primary-dpsg: var(--blau-dpsg); /* Hervorhebung im Text (kursiv UND eingefaerbt, nie eins ohne das andere) auf Seiten ohne eigenen Ton (--sc). --primary ist hell zu nah an --text (1,2:1), kursive Woerter lasen sich als schwarz. Mittelblau: 4,96:1 auf --papier, 2,98:1 gegen --text. Dunkel gleich --primary-dpsg (rc.24, 15.11.2026). */ --akzent-text: #2A6CB0; --secondary: #135E96; /* helleres Blau: Hover, Verlauf */ --cta: var(--rot-dpsg); /* Flaeche des gefuellten Knopfs */ --cta-hover: #C41834; /* Rot als TEXT, getrennt vom Knopf-Rot. Weiss auf --cta ergibt 7,56:1, der Knopf stimmt also; dieselbe Farbe als Text auf dunklem Grund kam nur auf 2,39:1. Ein Wert kann nicht beides. */ --cta-text: var(--cta); /* Schrift auf gefuellten AKZENT-Flaechen (--sc, --primary, Stufen- und AK-Farben). Hell weiss, im Dunkelmodus dunkel: dort sind alle Akzente aufgehellt, und Weiss kam darauf auf 1,5 bis 3,4:1. Fuer --cta gilt das NICHT, das Rot bleibt in beiden Modi tief und traegt Weiss. */ --on-accent: var(--weiss); /* Schrift und Icons auf gefuellten Flaechen, die in BEIDEN Modi tief bleiben: --cta, eigene Knopf-Toene, --friedenslicht-fill. In beiden Modi weiss (rc.22, 13.11.2026). NICHT auf --primary, --secondary, --sc oder --ak-*: die werden dunkel aufgehellt, Weiss kommt darauf nur auf 1,5 bis 3,2:1. Dort gilt --on-accent. */ --on-fill: var(--weiss); --highlight: var(--gold-dpsg); /* warme Akzente, AA-fest auf hellem Grund */ --accent-cyan: var(--cyan-dpsg); /* Info-Akzente */ /* Hover und Auswahl von Links: einheitlich Rot, in beiden Modi. */ --link-hover: var(--cta); /* Text */ --text: var(--tinte); --text-secondary: #41566A; /* Untertitel, Feldbeschriftung, Hilfetext */ --text-muted: #566A7D; /* nur auf --bg, --bg-mid, --bg-card */ /* Statusfarben als TEXT (Meldungen, Bestellstatus, Formularfehler). Auf Seite, Flaeche und Karte AA in beiden Modi, geprueft in wcag-check. */ --status-success: #097954; --status-warning: var(--gold-dpsg); /* derselbe Ton wie --highlight (seit der Vereinheitlichung #876000) */ --status-error: var(--cta-text); --status-info: var(--primary); /* Chips (Kategorien an Terminen und Beitraegen). --chip-x ist die Schrift auf der getoenten Flaeche --chip-x-surface und zugleich die volle Farbe der Termin-Balken im Kalender; Schrift auf dem Balken ist --on-accent. Geprueft in wcag-check, beide Modi. */ --chip-blue: var(--ak-jupfi); --chip-blue-surface: rgba(47,83,167,.12); --chip-green: var(--ak-pfadi); --chip-green-surface: rgba(0,130,60,.12); --chip-orange: var(--ak-woe); --chip-orange-surface: rgba(224,90,0,.13); --chip-purple: var(--ak-ausbildung); --chip-purple-surface: rgba(124,77,224,.12); --chip-teal: #0B6D64; --chip-teal-surface: rgba(13,148,136,.12); --chip-red: var(--ak-rover); --chip-red-surface: rgba(192,24,42,.12); --chip-leitende: var(--ak-leitende); --chip-leitende-surface: rgba(148,112,10,.14); --chip-neutral: var(--text-secondary); --chip-neutral-surface: rgba(20,34,46,.10); --chip-stamm: var(--primary); --chip-stamm-surface: rgba(0,48,86,.11); /* Sammel-Chip: ganzer Stamm */ /* Stufen als FLAECHE (gefuellte Kachel, Rahmen, Lilie). Bewusst getrennt von den --ak-*-Toenen: die sind fuer TEXT abgedunkelt. */ --stufe-biber: var(--ak-biber); --stufe-woe: var(--orange-woe); --stufe-jupfi: var(--blau-jupfi); --stufe-pfadi: var(--gruen-pfadi); --stufe-rover: var(--rot-rover); --stufe-leitende: var(--gold-leitende); /* Schrift auf gefuellten Stufenflaechen, je nach Kontrast hell oder dunkel (Entscheidung 07.10.2026). Woelflings-Orange und Leitenden-Gold sind in beiden Modi hell, Jupfi-Blau bleibt dunkel. Geprueft in wcag-check. */ --on-stufe-biber: var(--weiss); --on-stufe-woe: var(--tinte); --on-stufe-jupfi: var(--weiss); --on-stufe-pfadi: var(--weiss); --on-stufe-rover: var(--weiss); --on-stufe-leitende: var(--tinte); /* Stufen und AKs als TEXT und Seitenton (nur in Stufen- und AK-Zusammenhang). Hell kraeftig genug fuer Schrift auf getoenten Chips, die Chips zeigen deshalb hierher (06.11.2026). */ --ak-biber: var(--braun-biber); /* AA als Akzenttext auch auf Karten */ --ak-woe: #A34200; --ak-jupfi: var(--blau-jupfi); --ak-pfadi: #00702F; --ak-rover: #B0182A; --ak-leitende: #7A5C08; /* das Stufen-Gelb kommt als Text nur auf 1,8:1 */ --ak-ausbildung: #6633CC; --ak-drachen: #0D7481; --ak-praevention: #B81E6B; /* 330°, liest sich als Pink, nicht als Rot */ --ak-oeko: #097954; --ak-stamm: #9F5804; --friedenslicht: var(--blau-friedenslicht); --friedenslicht-fill: var(--blau-friedenslicht); /* Knopf-Flaeche, Weiss AA in beiden Modi */ --friedenslicht-fill-hover: #0D7BC4; /* Weiss 4,52:1 (vor rc.23 #0E7CC6, 4,45:1) */ /* Formen */ --radius: 3px; --radius-lg: 14px; --radius-sm: 6px; --card-glow: 18%; /* Staerke des Eckverlaufs beim Hover von Linkkarten */ /* Hoehe JEDES Bedienelements: Knopf klein, Chip, Suchfeld, Dropdown, Umschalter. Bis 1024 px Breite (Touch) ist 44 px auch die Mindest- Trefferflaeche. Dichte Raster am Desktop (Kalender, Sortierkoepfe, Reiter): mindestens 24 px, WCAG 2.5.8 (Entscheidung 05.11.2026). */ --control-height: 44px; /* Knoepfe so rund wie die Filzstift-Rahmen. Drei Varianten, mehr nicht: gefuellt (cta), Outline (Filzstift-Rahmen), Textlink mit Pfeil. */ --button-radius: var(--filz-radius); --button-lift: -2px; /* Schriften: Arvo (Ueberschriften, Zahlen) und Carlito (Text, Bedienung) */ --font-heading: 'Arvo', 'Georgia', serif; --font-ui: 'Carlito', 'Segoe UI', sans-serif; /* Handschrift fuer Randnotizen: nur Social und Praesentation, nie auf der Website, hoechstens eine pro Slide (Entscheidung 07.10.2026). */ --font-hand: 'Caveat', cursive; /* Abstaende: 8 Icon zu Text · 12 Knoepfe in einer Reihe · 16 Seitenrand Handy · 24 Formularzeile und Karteninnenraum · 48 Seitenrand Desktop · 72 Abschnitte */ --space-4: 4px; --space-8: 8px; --space-12: 12px; --space-16: 16px; --space-24: 24px; --space-32: 32px; --space-48: 48px; --space-72: 72px; /* Luft oben auf jedem Abschnitt nach dem ersten. Abschnitte trennt nur Luft, keine Linie (Entscheidung 05.11.2026, Design „ruhiger“). Angehaengte Abschnitte bleiben eng. */ --section-space: clamp(64px, 8vw, 96px); /* Schriftgroessen und Zeilenhoehen */ --font-size-hero: clamp(2.7rem, 4.8vw, 4.3rem); /* Titel auf dem Hero-Foto */ --font-size-h1: clamp(2.4rem, 4.6vw, 3.6rem); /* Seitentitel */ --font-size-h2: clamp(1.55rem, 2.6vw, 2.15rem); /* Abschnittstitel */ --font-size-card: 1.38rem; /* Titel in Karten */ --font-size-reading: 1.125rem; /* Lesetext: Absaetze, Listen, Einleitungen, FAQ, Kartentexte (18px, Entscheidung 05.11.2026) */ --font-size-body: 1rem; /* Zusatzinfos, Knoepfe, Labels, Navigation, Footer */ --font-size-label: .82rem; /* kleiner Gruppenkopf in Versalien */ --font-size-chip: .8rem; --line-height-title: 1.06; /* Hero und Seitentitel */ --line-height-heading: 1.14; /* Abschnittstitel */ --line-height-body: 1.5; --line-height-lead: 1.72; /* Untertitel unter Abschnittstiteln */ --letter-spacing-button: .04em; --letter-spacing-chip: .1em; --letter-spacing-label: .12em; /* Feldbeschriftung, Gruppenkopf */ /* Schatten: nur fuer Ebenen, die ueber der Seite schweben. Karten tragen einen Filzstift-Rahmen, keinen Schatten. */ --shadow-soft: 0 2px 20px rgba(15,30,45,0.10); --shadow-menu: 0 14px 34px rgba(10,20,30,.22); /* Schattenfarbe als R,G,B fuer eigene Schatten: rgba(var(--shadow-rgb), .16). In beiden Modi gleich. --shadow-soft und --shadow-menu nutzen sie (noch) nicht. */ --shadow-rgb: 10,25,40; /* Feste Farben als R,G,B, NUR fuer Transparenz: rgba(var(--weiss-rgb), .4) statt rgba(255,255,255,.4). Deckend gilt das Bedeutungs-Token (--text, --on-photo …), nie diese. In beiden Modi gleich, weil sie eine feste Farbe ersetzen; was im Dunkelmodus wechseln soll, braucht ein eigenes Token (wie --photo-overlay-rgb). Seit rc.21, 13.11.2026. */ --weiss-rgb: 255,255,255; /* --weiss */ --schwarz-rgb: 0,0,0; --tinte-rgb: 20,34,46; /* --tinte */ --papier-rgb: 245,245,241; /* --papier */ /* Hover (Entscheidung 05.11.2026: Bewegung nur, wo man etwas tun kann) */ --duration-hover: .25s; /* Farbe, Pfeil, Knopf */ --duration-zoom: .4s; /* Foto und Datum zoomen */ --hover-arrow-shift: 5px; /* Pfeil in Links und Linkkarten */ --hover-row-shift: 6px; /* Terminzeile, die einzige ganze Zeile, die rueckt */ --hover-scale-icon: 1.08; /* Icons und Wegzeichen */ --hover-scale-photo: 1.05; /* Fotos in Karten */ --hover-scale-date: 1.06; /* Datum in Terminkarten */ /* Mail: Clients ohne Webfonts. Carlito ist metrisch gleich mit Calibri, deshalb steht Calibri als erster Rueckfall. */ --font-mail-heading: Arvo, Georgia, 'Times New Roman', serif; --font-mail-ui: Carlito, Calibri, Arial, sans-serif; --mail-card: var(--weiss); --mail-card-border: #E3E5E1; /* Material fuer Social, Praesentation und Druck (Entscheidung 05.11.2026) */ --notizzettel: #F0E0AD; /* gelber Zettel, Schrift darauf --text */ --abzug: var(--weiss); /* Rand des Fotoabzugs, in beiden Modi weiss */ --on-photo: var(--weiss); /* Schrift auf Fotos mit Schleier, in beiden Modi weiss */ --photo-overlay-rgb: 4,16,28; /* Schleier auf Fotos als R,G,B fuer rgba(); die Website hat ihr eigenes --overlay-rgb */ /* Filzstift (Entscheidung 05.11.2026): gezeichnet mit 03-design/filzstift/filzstift.js. Post = Web × 2, Beamer = Web × 1,5. */ --filz-tinte: var(--sc, var(--primary)); /* Farbe der Striche; --sc ist der Seitenton */ --filz-strich: 2px; /* Rahmen und Linien im Web */ --filz-zeichen: 2.9; /* Strich der Zeichen in der 60er-Flaeche */ --filz-radius: 14px; /* Rundung der Rahmen und Knoepfe; Felder 12px */ /* Trennlinien in Listen: 1,5px gestrichelt in --filz-tinte, zwei Stufen. Zeile = zwischen Eintraegen, Kopf = unter einer Ueberschrift oder als Abschluss eines Blocks. Nur die Deckung ist Token; die Farbe muss an der Stelle aufgeloest werden, weil --sc erst am sitzt. */ --divider-row: 30%; --divider-head: 42%; } /* ── 2. Dunkelmodus ── html[…]: hoehere Spezifitaet als :root, unabhaengig von der Ladereihenfolge. [data-theme="dunkel"] an einem einzelnen Element (ein dunkler Post, eine dunkle Karte) schaltet nur dieses Element und seine Kinder dunkel (Hinweis aus Instagram, 06.11.2026). */ html[data-theme="dunkel"], [data-theme="dunkel"] { color-scheme: dark; /* native Controls dunkel rendern */ --bg: var(--nacht); --bg-mid: var(--nacht-mitte); --bg-subtle: var(--nacht-tief); --bg-card: var(--nacht-karte); --bg-footer: var(--nacht-footer); --border-card: rgba(255,255,255,.09); --primary: var(--blau-dpsg-hell); --primary-dpsg: var(--blau-dpsg-hell); --akzent-text: var(--blau-dpsg-hell); --secondary: #8FC0E4; --cta: var(--rot-dpsg); /* bleibt tief statt grell, traegt Weiss mit 7,56:1 */ --cta-hover: #C21A34; /* Dasselbe Rot als TEXT reicht nicht (2,39:1). Aufgehellt auf H356 L0,66: bleibt rot, wird nicht rosa, 5,64:1 vor der Seite, 4,56:1 auf Karten. */ --cta-text: var(--rot-dpsg-hell); --on-accent: var(--tinte); --highlight: #D9A82F; --accent-cyan: #36A9DE; /* Im selben Farbton (356°) aufgehellt, ueber 4,5 auf allen dunklen Flaechen */ --link-hover: #F05660; --text: var(--tinte-hell); --text-secondary: #9DB6C8; --text-muted: #7A94A7; --status-success: #34D399; --status-warning: var(--highlight); --chip-blue: #73AEFF; --chip-blue-surface: rgba(59,130,246,.15); --chip-green: #5BDB8A; --chip-green-surface: rgba(34,197,94,.15); --chip-orange: #FF9759; --chip-orange-surface: rgba(224,94,20,.18); --chip-purple: var(--ak-ausbildung); --chip-purple-surface: rgba(168,85,247,.15); --chip-teal: #2DD4BF; --chip-teal-surface: rgba(20,184,166,.15); --chip-red: #FF8A8A; --chip-red-surface: rgba(204,31,47,.16); --chip-leitende: #E6D45A; --chip-leitende-surface: rgba(230,205,90,.15); --chip-neutral: var(--tinte-hell); --chip-neutral-surface: rgba(255,255,255,.14); --chip-stamm: var(--secondary); --chip-stamm-surface: rgba(120,165,215,.18); /* Stufenflaechen wie hell (Janis, 06.11.2026: heller und froehlicher), nur Leitende aufgehellt */ --stufe-leitende: #E6C34A; --on-stufe-biber: var(--tinte); /* Biber folgt --ak-biber, dunkel hell: Weiss nur 2,43:1 */ --ak-biber: #C2A177; --ak-woe: #FF7A26; --ak-jupfi: #6E92E8; --ak-pfadi: #2EB368; --ak-rover: #F35F6A; --ak-leitende: #FACC15; --ak-ausbildung: #C084FC; --ak-drachen: #34B5C3; --ak-praevention: #F472B6; --ak-oeko: #34D399; --ak-stamm: #B68A36; --friedenslicht: #3FA0DE; /* aufgehellt, Akzent AA */ --shadow-soft: 0 2px 20px rgba(0,0,0,.35); --filz-tinte: var(--weiss); /* Filzstift auf dunklem Grund weiss */ } /* ── website-tokens.css ── */ /* Tokens, die nur die Website nutzt. Bis Designsystem v0.6.0 standen sie in tokens.css; seit 1.0 pflegt die Website sie selbst (Vorlage im Designsystem: 03-design/tokens/nur-website.css, v1.0.0-rc.4). Lädt direkt nach tokens.css. */ :root { /* Akzent für Hervorhebungen (kursiv + eingefärbt) auf Seiten ohne eigenen Ton: --akzent-text aus dem Designsystem (rc.24), hell Mittelblau #2A6CB0, dunkel das helle DPSG-Blau (Janis, 15.11.2026). */ --akzent: var(--akzent-text); /* Footer-Schrift: im hellen Footer die Textfarben, im dunklen Weiss-Abstufungen. --ft-lilie entfaellt: die Lilien-Wasserzeichen im Footer sind weg (05.11.2026). */ --ft-head: var(--text); --ft-link: var(--text-secondary); --ft-border: var(--border-card); /* Lesbarkeits-Schleier der Galerie. --gal-overlay haelt den ganzen Verlauf, weil sich zwischen den Modi auch die Deckungsstufen unterscheiden. */ --gal-scrim: 245,245,241; --gal-fg: var(--text); --gal-shadow: 0 0 10px rgba(255,255,255,.92), 0 2px 22px rgba(255,255,255,.72); --gal-overlay: linear-gradient(to top, var(--bg-footer) 0%, rgba(245,245,241,.66) 14%, rgba(245,245,241,.32) 30%, rgba(245,245,241,0) 46%), radial-gradient(170% 155% at 0% 100%, rgba(245,245,241,.90) 0%, rgba(245,245,241,.70) 26%, rgba(245,245,241,.18) 48%, rgba(245,245,241,0) 66%); /* Schleier auf Hero-Fotos, unten/Mitte/oben; gemessen an 22 Seiten */ --hero-wash-unten: .95; --hero-wash-mitte: .82; --hero-wash-oben: .64; --overlay-rgb: 0,32,58; /* Overlay auf Fotos (Hero, Galerie, Strips) */ --hbg: 245,245,241; /* Header-Grund als R,G,B fuer rgba() */ /* Modulbausteine der Ausbildung, je 4,5:1 gegen Seite und Karte */ --mod-einstieg: #6957BF; --mod-1: #784AD8; --mod-2: #9A34B8; --mod-3: var(--ak-drachen); /* vorher #0D7481, der alte Ton von AK Drachen; seit rc.6 das Token selbst */ /* Hintergrund-Motive im Footer (vorher --dood-o-footer, --dood-rand) */ --motiv-deckung-footer: .16; --motiv-rand: 24px; /* Abstand zwischen zwei Bereichen, oben am nächsten Bereich. Kleiner als --section-space aus dem Designsystem (64 bis 96px): dort kamen mit dem Polster darüber 168px am Desktop zusammen, gut ein Drittel zu viel (Janis, 10.11.2026). Zusammen mit .sec unten jetzt 112/104/88px. */ --abschnitt-abstand: 64px; /* Lilie als Maske (data-URI fuer zuverlaessiges CSS-Masking) */ --lilie-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20809%20796'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M404.649%200.037C410.608%200.037%20470.394-1.606%20494.918%2015.401%20519.18%2032.239%20501.866%2098.604%20499.083%20101.441%20490.94%20109.711%20670.487%20104.727%20673.961%20105.231%20677.435%20105.716%20751.454%20183.002%20743.572%20186.511%20713.259%20199.971%20500.783%20207.905%20495.329%20210.873%20489.875%20213.86%20479.322%20335.294%20479.322%20343.415%20479.322%20350.807%20635.317%20230.997%20714.772%20227.375%20769.105%20224.911%20790.042%20280.616%20794.338%20296.185%20799.138%20313.584%20812.96%20359.563%20807.917%20431.584%20805.563%20465.354%20782.665%20598.064%20712.157%20655.767%20693.815%20670.757%20654.63%20688.977%20625.306%20671.634%20600.185%20656.756%20491.556%20569.446%20494.918%20569.073%20513.801%20567.038%20545.03%20578.519%20559.823%20568.457%20582.217%20553.224%20583.879%20455.31%20587.111%20421.652%20587.652%20416.014%20512.68%20440.507%20499.289%20449.934%20485.897%20459.361%20468.639%20478.141%20464.137%20494.998%20459.393%20512.789%20467.985%20539.447%20460.327%20539.447H348.972C341.314%20539.447%20349.905%20512.77%20345.161%20494.998%20340.66%20478.16%20323.402%20459.361%20310.01%20449.934%20296.618%20440.507%20221.647%20416.014%20222.188%20421.652%20225.438%20455.31%20227.082%20553.224%20249.476%20568.457%20264.288%20578.519%20295.516%20567.057%20314.381%20569.073%20317.743%20569.427%20209.095%20656.756%20183.993%20671.634%20154.688%20688.977%20115.483%20670.757%2097.161%20655.767%2026.653%20598.045%203.754%20465.354%201.382%20431.565-3.642%20359.544%205.996%20324.411%2014.681%20296.166%2019.481%20280.541%2040.213%20224.874%2094.546%20227.357%20174.019%20230.978%20329.995%20350.789%20329.995%20343.396%20329.995%20335.294%20319.442%20213.841%20313.989%20210.854%20308.535%20207.886%2096.059%20199.952%2065.726%20186.492%2057.826%20183.002%20131.864%20105.716%20135.356%20105.212%20138.83%20104.708%20318.378%20109.693%20310.234%20101.423%20307.451%2098.604%20290.119%2032.221%20314.381%2015.382%20338.904-1.606%20398.691%200.037%20404.649%200.037Z'%20fill='white'/%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M404.649%20561.456S398.15%20561.27%20456.087%20561.251C466.902%20561.251%20581.376%20733.462%20591.257%20746.623%20595.459%20752.205%20560.663%20765.198%20550.092%20764.731%20530.984%20763.854%20480.424%20714.832%20474.354%20708.765%20468.284%20702.679%20483.637%20781.738%20479.285%20786.927%20474.952%20792.136%20404.631%20795.981%20404.631%20795.981S334.328%20792.136%20329.976%20786.927C325.643%20781.719%20340.996%20702.679%20334.926%20708.765%20328.856%20714.832%20278.277%20763.854%20259.189%20764.731%20248.636%20765.198%20213.821%20752.205%20218.023%20746.623%20227.904%20733.462%20342.21%20561.064%20353.043%20561.251%20404.631%20561.251%20404.631%20561.456%20404.631%20561.456H404.649Z'%20fill='white'/%3E%3C/svg%3E"); } html[data-theme="dunkel"] { --ft-head: rgba(255,255,255,.55); --ft-link: rgba(255,255,255,.5); --ft-border: rgba(255,255,255,.07); --gal-scrim: var(--overlay-rgb); --gal-fg: #fff; --gal-shadow: 0 2px 24px rgba(0,0,0,.5); --gal-overlay: linear-gradient(to top, rgba(8,12,18,.74) 0%, rgba(8,12,18,.32) 24%, transparent 52%); --hero-wash-unten: .94; --hero-wash-mitte: .80; --hero-wash-oben: .64; --overlay-rgb: 4,16,28; --hbg: 10,24,32; --mod-einstieg: #9FA6F5; --mod-1: #A78BFA; --mod-2: #D08BF5; --motiv-deckung-footer: .4; } @media (max-width: 960px) { :root { --abschnitt-abstand: 56px; } } @media (max-width: 560px) { :root { --abschnitt-abstand: 48px; } } /* ── bausteine.css ── */ /* Grundaussehen für das gemeinsame Modul (meldung.js, schublade.js, reiter.js). Braucht tokens.css. Die Auswahl (auswahl.js) bringt kein CSS mit: Jedes Projekt hat seine .ds-Regeln schon, Vorbild ist 04-komponenten/components/Dropdown. Alles mit .bs- vorn, damit nichts mit Projekt-Klassen zusammenstößt. Projekte dürfen überschreiben, aber nur mit Tokens. */ /* ── Meldung ─────────────────────────────────────────────────────────── */ .bs-ansage { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* Die Hülle ist ein Popover in der obersten Ebene (meldung.js): ohne eigene Fläche */ .bs-meldungen[popover] { position: fixed; inset: auto; width: 0; height: 0; margin: 0; padding: 0; border: 0; background: none; overflow: visible; color: inherit; } .bs-stapel { position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 1000; width: min(420px, calc(100vw - 32px)); transform: translateX(-50%); transition: height .2s ease; } .bs-stapel:empty { display: none; } .bs-meldung { position: absolute; left: 0; right: 0; bottom: 0; transform-origin: 50% 100%; opacity: 0; translate: 0 16px; transition: transform .2s ease, opacity .2s ease, translate .2s ease; touch-action: none; } .bs-meldung.ist-da { opacity: 1; translate: 0 0; } .bs-meldung.ist-weg { opacity: 0; translate: 0 8px; pointer-events: none; } .bs-meldung.ist-gezogen { transition: none; } .bs-meldung-karte { position: relative; display: flex; align-items: center; gap: 12px; padding: 10px 6px 10px 16px; background: var(--bg-card); color: var(--filz-tinte); border-radius: var(--filz-radius); box-shadow: var(--shadow-menu); font: var(--font-size-body, 1rem)/1.4 var(--font-ui); } .bs-meldung-karte > * { transition: opacity .15s ease; } .bs-meldung.ist-hinten .bs-meldung-karte > :not(svg) { opacity: 0; } /* Icon in der Statusfarbe: Font Awesome Solid (mit Filzstift-Kante über das Projekt-CSS) oder, ohne Einstellung, ein Textzeichen im gefüllten Kreis. */ .bs-meldung-zeichen { flex: none; display: grid; place-items: center; font-size: 1.25rem; line-height: 1; } .bs-meldung-ok .bs-meldung-zeichen { color: var(--status-success); } .bs-meldung-info .bs-meldung-zeichen { color: var(--status-info); } .bs-meldung-fehler .bs-meldung-zeichen { color: var(--status-error); } .bs-zeichen-text { width: 22px; height: 22px; border-radius: 50%; background: currentColor; font-size: .8rem; } .bs-zeichen-text b { color: var(--on-accent); } .bs-meldung-text { flex: 1; margin: 0; color: var(--text); } .bs-meldung-aktion { border: 0; padding: 0; background: none; font: inherit; font-weight: 700; color: var(--primary); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } .bs-meldung-zu { flex: none; width: var(--control-height); height: var(--control-height); border: 0; border-radius: 50%; background: transparent; color: var(--text-secondary); font: 1.2rem/1 var(--font-ui); cursor: pointer; } .bs-meldung-zu:hover { color: var(--text); } /* ── Schublade ───────────────────────────────────────────────────────── */ .bs-gesperrt { overflow: hidden; } .bs-schublade { position: fixed; margin: 0; padding: 10px 20px 24px; box-sizing: border-box; border: 0; background: var(--bg); color: var(--text); overscroll-behavior: contain; overflow: auto; transition: transform .25s cubic-bezier(.32, .72, 0, 1), opacity .25s ease; /* Handy: von unten */ inset: auto 0 0 0; width: 100%; max-width: none; max-height: 90dvh; border-radius: var(--filz-radius) var(--filz-radius) 0 0; padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateY(100%); } .bs-schublade.ist-offen { transform: none; } .bs-schublade.ist-gezogen { transition: none; } .bs-schublade::backdrop { background: rgb(0 0 0 / 0); transition: background .25s ease; } .bs-schublade.ist-offen::backdrop { background: rgb(0 0 0 / .55); } .bs-griff { width: 36px; height: 4px; margin: 0 auto 14px; border-radius: 2px; background: var(--text-muted); touch-action: none; } .bs-schublade-zu { position: absolute; top: 8px; right: 8px; width: var(--control-height); height: var(--control-height); border: 0; border-radius: 50%; background: transparent; color: var(--text); font: 1.3rem/1 var(--font-ui); cursor: pointer; } .bs-schublade h2:first-of-type { margin: 0; padding-right: 48px; font-family: var(--font-heading); } .bs-schublade h2:focus { outline: none; } @media (min-width: 768px) { /* Desktop: von rechts, 420px, volle Höhe, ohne Griff */ .bs-schublade { inset: 0 0 0 auto; width: 420px; height: 100dvh; max-height: none; border-radius: var(--filz-radius) 0 0 var(--filz-radius); padding: 24px 28px; transform: translateX(100%); } .bs-griff { display: none; } } /* ── Reiter ──────────────────────────────────────────────────────────── */ .bs-reiter { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; } .bs-reiter [role="tab"] { position: relative; flex: none; min-height: var(--control-height); padding: 0 14px; border: 0; background: transparent; cursor: pointer; font: 700 var(--font-size-label)/1 var(--font-ui); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; color: var(--text-secondary); } .bs-reiter [role="tab"]:hover { color: var(--text); } .bs-reiter [role="tab"][aria-selected="true"] { color: var(--primary); } /* Ohne Filzstift ein schlichter Balken, mit Filzstift die gezogene Linie aus reiter.js */ .bs-reiter:not(.bs-reiter-filz) [role="tab"][aria-selected="true"]::after { content: ""; position: absolute; left: 6px; right: 6px; bottom: 2px; height: var(--filz-strich, 2px); border-radius: 2px; background: currentColor; } .bs-reiter-strich { position: absolute; left: 0; bottom: -1px; pointer-events: none; overflow: visible; } [role="tabpanel"]:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; border-radius: 4px; } /* ── Ruhig ───────────────────────────────────────────────────────────── */ @media (prefers-reduced-motion: reduce) { .bs-meldung, .bs-meldung.ist-da, .bs-meldung.ist-weg { translate: none; transition: opacity .15s ease; } .bs-stapel { transition: none; } .bs-schublade, .bs-schublade.ist-offen { transform: none; opacity: 0; transition: opacity .15s ease; } .bs-schublade.ist-offen { opacity: 1; } .bs-schublade.ist-gezogen { opacity: 1; } } /* ── fonts.css ── */ /* ══════════════════════════════════════════ DPSG DV Limburg — Lokale Schriften (DSGVO) ────────────────────────────────────────── Finale Schriften des Designs: Arvo (Headlines, Slab-Serif) + Carlito (UI/Body). Quelle: google-webfonts-helper, self-hosted in /fonts. ══════════════════════════════════════════ */ @font-face { font-family: 'Arvo'; font-style: italic; font-weight: 400; font-display: optional; src: url(../fonts/arvo-400-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Arvo'; font-style: italic; font-weight: 700; font-display: optional; src: url(../fonts/arvo-700-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Arvo'; font-style: normal; font-weight: 400; font-display: optional; src: url(../fonts/arvo-400-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Arvo'; font-style: normal; font-weight: 700; font-display: optional; src: url(../fonts/arvo-700-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Carlito'; font-style: italic; font-weight: 400; font-display: optional; src: url(../fonts/carlito-400-italic-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Carlito'; font-style: italic; font-weight: 400; font-display: optional; src: url(../fonts/carlito-400-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Carlito'; font-style: italic; font-weight: 700; font-display: optional; src: url(../fonts/carlito-700-italic-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Carlito'; font-style: italic; font-weight: 700; font-display: optional; src: url(../fonts/carlito-700-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Carlito'; font-style: normal; font-weight: 400; font-display: optional; src: url(../fonts/carlito-400-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Carlito'; font-style: normal; font-weight: 400; font-display: optional; src: url(../fonts/carlito-400-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Carlito'; font-style: normal; font-weight: 700; font-display: optional; src: url(../fonts/carlito-700-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Carlito'; font-style: normal; font-weight: 700; font-display: optional; src: url(../fonts/carlito-700-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ── fontawesome.min.css ── */ /*! * Font Awesome Free 6.5.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)} .fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-fill-drip:before{content:"\f576"}.fa-arrows-to-circle:before{content:"\e4bd"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-at:before{content:"\40"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-text-height:before{content:"\f034"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-stethoscope:before{content:"\f0f1"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-info:before{content:"\f129"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-explosion:before{content:"\e4e9"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-wave-square:before{content:"\f83e"}.fa-ring:before{content:"\f70b"}.fa-building-un:before{content:"\e4d9"}.fa-dice-three:before{content:"\f527"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-anchor-circle-check:before{content:"\e4aa"}.fa-building-circle-arrow-right:before{content:"\e4d1"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-arrows-up-to-line:before{content:"\e4c2"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-door-open:before{content:"\f52b"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-atom:before{content:"\f5d2"}.fa-soap:before{content:"\e06e"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-bridge-circle-check:before{content:"\e4c9"}.fa-pump-medical:before{content:"\e06a"}.fa-fingerprint:before{content:"\f577"}.fa-hand-point-right:before{content:"\f0a4"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-flag-checkered:before{content:"\f11e"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-school-circle-exclamation:before{content:"\e56c"}.fa-crop:before{content:"\f125"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-users-rectangle:before{content:"\e594"}.fa-people-roof:before{content:"\e537"}.fa-people-line:before{content:"\e534"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-diagram-predecessor:before{content:"\e477"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-laptop:before{content:"\f109"}.fa-file-csv:before{content:"\f6dd"}.fa-menorah:before{content:"\f676"}.fa-truck-plane:before{content:"\e58f"}.fa-record-vinyl:before{content:"\f8d9"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-bong:before{content:"\f55c"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-arrow-down-up-across-line:before{content:"\e4af"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-jar-wheat:before{content:"\e517"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-file-circle-exclamation:before{content:"\e4eb"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-pager:before{content:"\f815"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-strikethrough:before{content:"\f0cc"}.fa-k:before{content:"\4b"}.fa-landmark-flag:before{content:"\e51c"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-backward:before{content:"\f04a"}.fa-caret-right:before{content:"\f0da"}.fa-comments:before{content:"\f086"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-code-pull-request:before{content:"\e13c"}.fa-clipboard-list:before{content:"\f46d"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-user-check:before{content:"\f4fc"}.fa-vial-virus:before{content:"\e597"}.fa-sheet-plastic:before{content:"\e571"}.fa-blog:before{content:"\f781"}.fa-user-ninja:before{content:"\f504"}.fa-person-arrow-up-from-line:before{content:"\e539"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-toggle-off:before{content:"\f204"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-person-drowning:before{content:"\e545"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-spray-can:before{content:"\f5bd"}.fa-truck-monster:before{content:"\f63b"}.fa-w:before{content:"\57"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}.fa-rainbow:before{content:"\f75b"}.fa-circle-notch:before{content:"\f1ce"}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}.fa-paw:before{content:"\f1b0"}.fa-cloud:before{content:"\f0c2"}.fa-trowel-bricks:before{content:"\e58a"}.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}.fa-hospital-user:before{content:"\f80d"}.fa-tent-arrow-left-right:before{content:"\e57f"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-binoculars:before{content:"\f1e5"}.fa-microphone-slash:before{content:"\f131"}.fa-box-tissue:before{content:"\e05b"}.fa-motorcycle:before{content:"\f21c"}.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}.fa-mars-and-venus-burst:before{content:"\e523"}.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-sun-plant-wilt:before{content:"\e57a"}.fa-toilets-portable:before{content:"\e584"}.fa-hockey-puck:before{content:"\f453"}.fa-table:before{content:"\f0ce"}.fa-magnifying-glass-arrow-right:before{content:"\e521"}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}.fa-users-slash:before{content:"\e073"}.fa-clover:before{content:"\e139"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-star-and-crescent:before{content:"\f699"}.fa-house-fire:before{content:"\e50c"}.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}.fa-helicopter:before{content:"\f533"}.fa-compass:before{content:"\f14e"}.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}.fa-file-circle-question:before{content:"\e4ef"}.fa-laptop-code:before{content:"\f5fc"}.fa-swatchbook:before{content:"\f5c3"}.fa-prescription-bottle:before{content:"\f485"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-people-group:before{content:"\e533"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}.fa-film:before{content:"\f008"}.fa-ruler-horizontal:before{content:"\f547"}.fa-people-robbery:before{content:"\e536"}.fa-lightbulb:before{content:"\f0eb"}.fa-caret-left:before{content:"\f0d9"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-school-circle-xmark:before{content:"\e56d"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-sitemap:before{content:"\f0e8"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-memory:before{content:"\f538"}.fa-road-spikes:before{content:"\e568"}.fa-fire-burner:before{content:"\e4f1"}.fa-flag:before{content:"\f024"}.fa-hanukiah:before{content:"\f6e6"}.fa-feather:before{content:"\f52d"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-comment-slash:before{content:"\f4b3"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-compress:before{content:"\f066"}.fa-wheat-alt:before,.fa-wheat-awn:before{content:"\e2cd"}.fa-ankh:before{content:"\f644"}.fa-hands-holding-child:before{content:"\e4fa"}.fa-asterisk:before{content:"\2a"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-peseta-sign:before{content:"\e221"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-ghost:before{content:"\f6e2"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}.fa-cart-plus:before{content:"\f217"}.fa-gamepad:before{content:"\f11b"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}.fa-egg:before{content:"\f7fb"}.fa-house-medical-circle-xmark:before{content:"\e513"}.fa-campground:before{content:"\f6bb"}.fa-folder-plus:before{content:"\f65e"}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}.fa-lock:before{content:"\f023"}.fa-gas-pump:before{content:"\f52f"}.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}.fa-house-flood-water:before{content:"\e50e"}.fa-tree:before{content:"\f1bb"}.fa-bridge-lock:before{content:"\e4cc"}.fa-sack-dollar:before{content:"\f81d"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-car-side:before{content:"\f5e4"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-heart-circle-minus:before{content:"\e4ff"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-microscope:before{content:"\f610"}.fa-sink:before{content:"\e06d"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-mitten:before{content:"\f7b5"}.fa-person-rays:before{content:"\e54d"}.fa-users:before{content:"\f0c0"}.fa-eye-slash:before{content:"\f070"}.fa-flask-vial:before{content:"\e4f3"}.fa-hand-paper:before,.fa-hand:before{content:"\f256"}.fa-om:before{content:"\f679"}.fa-worm:before{content:"\e599"}.fa-house-circle-xmark:before{content:"\e50b"}.fa-plug:before{content:"\f1e6"}.fa-chevron-up:before{content:"\f077"}.fa-hand-spock:before{content:"\f259"}.fa-stopwatch:before{content:"\f2f2"}.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}.fa-bridge-circle-xmark:before{content:"\e4cb"}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}.fa-chess-bishop:before{content:"\f43a"}.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-road-circle-check:before{content:"\e564"}.fa-dice-five:before{content:"\f523"}.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}.fa-land-mine-on:before{content:"\e51b"}.fa-i-cursor:before{content:"\f246"}.fa-stamp:before{content:"\f5bf"}.fa-stairs:before{content:"\e289"}.fa-i:before{content:"\49"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}.fa-pills:before{content:"\f484"}.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}.fa-tooth:before{content:"\f5c9"}.fa-v:before{content:"\56"}.fa-bangladeshi-taka-sign:before{content:"\e2e6"}.fa-bicycle:before{content:"\f206"}.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-staff-snake:before{content:"\e579"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}.fa-wheat-awn-circle-exclamation:before{content:"\e598"}.fa-snowman:before{content:"\f7d0"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-road-barrier:before{content:"\e562"}.fa-school:before{content:"\f549"}.fa-igloo:before{content:"\f7ae"}.fa-joint:before{content:"\f595"}.fa-angle-right:before{content:"\f105"}.fa-horse:before{content:"\f6f0"}.fa-q:before{content:"\51"}.fa-g:before{content:"\47"}.fa-notes-medical:before{content:"\f481"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-dong-sign:before{content:"\e169"}.fa-capsules:before{content:"\f46b"}.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}.fa-hand-point-up:before{content:"\f0a6"}.fa-money-bill:before{content:"\f0d6"}.fa-bookmark:before{content:"\f02e"}.fa-align-justify:before{content:"\f039"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-helmet-un:before{content:"\e503"}.fa-bullseye:before{content:"\f140"}.fa-bacon:before{content:"\f7e5"}.fa-hand-point-down:before{content:"\f0a7"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}.fa-radiation:before{content:"\f7b9"}.fa-chart-simple:before{content:"\e473"}.fa-mars-stroke:before{content:"\f229"}.fa-vial:before{content:"\f492"}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-e:before{content:"\45"}.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}.fa-bridge-circle-exclamation:before{content:"\e4ca"}.fa-user:before{content:"\f007"}.fa-school-circle-check:before{content:"\e56b"}.fa-dumpster:before{content:"\f793"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}.fa-building-user:before{content:"\e4da"}.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}.fa-highlighter:before{content:"\f591"}.fa-key:before{content:"\f084"}.fa-bullhorn:before{content:"\f0a1"}.fa-globe:before{content:"\f0ac"}.fa-synagogue:before{content:"\f69b"}.fa-person-half-dress:before{content:"\e548"}.fa-road-bridge:before{content:"\e563"}.fa-location-arrow:before{content:"\f124"}.fa-c:before{content:"\43"}.fa-tablet-button:before{content:"\f10a"}.fa-building-lock:before{content:"\e4d6"}.fa-pizza-slice:before{content:"\f818"}.fa-money-bill-wave:before{content:"\f53a"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-house-flag:before{content:"\e50d"}.fa-person-circle-minus:before{content:"\e540"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-camera-rotate:before{content:"\e0d8"}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}.fa-star:before{content:"\f005"}.fa-repeat:before{content:"\f363"}.fa-cross:before{content:"\f654"}.fa-box:before{content:"\f466"}.fa-venus-mars:before{content:"\f228"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-charging-station:before{content:"\f5e7"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-mobile-retro:before{content:"\e527"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-spider:before{content:"\f717"}.fa-hands-bound:before{content:"\e4f9"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-plane-circle-exclamation:before{content:"\e556"}.fa-x-ray:before{content:"\f497"}.fa-spell-check:before{content:"\f891"}.fa-slash:before{content:"\f715"}.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}.fa-server:before{content:"\f233"}.fa-virus-covid-slash:before{content:"\e4a9"}.fa-shop-lock:before{content:"\e4a5"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-blender-phone:before{content:"\f6b6"}.fa-building-wheat:before{content:"\e4db"}.fa-person-breastfeeding:before{content:"\e53a"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-venus:before{content:"\f221"}.fa-passport:before{content:"\f5ab"}.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"}.fa-temperature-high:before{content:"\f769"}.fa-microchip:before{content:"\f2db"}.fa-crown:before{content:"\f521"}.fa-weight-hanging:before{content:"\f5cd"}.fa-xmarks-lines:before{content:"\e59a"}.fa-file-prescription:before{content:"\f572"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-user-friends:before,.fa-user-group:before{content:"\f500"}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-chess-knight:before{content:"\f441"}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}.fa-wheelchair:before{content:"\f193"}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}.fa-toggle-on:before{content:"\f205"}.fa-person-walking:before,.fa-walking:before{content:"\f554"}.fa-l:before{content:"\4c"}.fa-fire:before{content:"\f06d"}.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}.fa-folder-open:before{content:"\f07c"}.fa-heart-circle-plus:before{content:"\e500"}.fa-code-fork:before{content:"\e13b"}.fa-city:before{content:"\f64f"}.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}.fa-pepper-hot:before{content:"\f816"}.fa-unlock:before{content:"\f09c"}.fa-colon-sign:before{content:"\e140"}.fa-headset:before{content:"\f590"}.fa-store-slash:before{content:"\e071"}.fa-road-circle-xmark:before{content:"\e566"}.fa-user-minus:before{content:"\f503"}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}.fa-clipboard:before{content:"\f328"}.fa-house-circle-exclamation:before{content:"\e50a"}.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}.fa-underline:before{content:"\f0cd"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-signature:before{content:"\f5b7"}.fa-stroopwafel:before{content:"\f551"}.fa-bold:before{content:"\f032"}.fa-anchor-lock:before{content:"\e4ad"}.fa-building-ngo:before{content:"\e4d7"}.fa-manat-sign:before{content:"\e1d5"}.fa-not-equal:before{content:"\f53e"}.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-jedi:before{content:"\f669"}.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}.fa-mug-hot:before{content:"\f7b6"}.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}.fa-gift:before{content:"\f06b"}.fa-dice-two:before{content:"\f528"}.fa-chess-queen:before{content:"\f445"}.fa-glasses:before{content:"\f530"}.fa-chess-board:before{content:"\f43c"}.fa-building-circle-check:before{content:"\e4d2"}.fa-person-chalkboard:before{content:"\e53d"}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}.fa-cloud-showers-water:before{content:"\e4e4"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}.fa-less-than-equal:before{content:"\f537"}.fa-train:before{content:"\f238"}.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}.fa-crow:before{content:"\f520"}.fa-sailboat:before{content:"\e445"}.fa-window-restore:before{content:"\f2d2"}.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}.fa-torii-gate:before{content:"\f6a1"}.fa-frog:before{content:"\f52e"}.fa-bucket:before{content:"\e4cf"}.fa-image:before{content:"\f03e"}.fa-microphone:before{content:"\f130"}.fa-cow:before{content:"\f6c8"}.fa-caret-up:before{content:"\f0d8"}.fa-screwdriver:before{content:"\f54a"}.fa-folder-closed:before{content:"\e185"}.fa-house-tsunami:before{content:"\e515"}.fa-square-nfi:before{content:"\e576"}.fa-arrow-up-from-ground-water:before{content:"\e4b5"}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-lemon:before{content:"\f094"}.fa-head-side-mask:before{content:"\e063"}.fa-handshake:before{content:"\f2b5"}.fa-gem:before{content:"\f3a5"}.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}.fa-smoking:before{content:"\f48d"}.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}.fa-monument:before{content:"\f5a6"}.fa-snowplow:before{content:"\f7d2"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-cannabis:before{content:"\f55f"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-tablets:before{content:"\f490"}.fa-ethernet:before{content:"\f796"}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}.fa-chair:before{content:"\f6c0"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-plate-wheat:before{content:"\e55a"}.fa-icicles:before{content:"\f7ad"}.fa-person-shelter:before{content:"\e54f"}.fa-neuter:before{content:"\f22c"}.fa-id-badge:before{content:"\f2c1"}.fa-marker:before{content:"\f5a1"}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}.fa-helicopter-symbol:before{content:"\e502"}.fa-universal-access:before{content:"\f29a"}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}.fa-lari-sign:before{content:"\e1c8"}.fa-volcano:before{content:"\f770"}.fa-person-walking-dashed-line-arrow-right:before{content:"\e553"}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}.fa-viruses:before{content:"\e076"}.fa-square-person-confined:before{content:"\e577"}.fa-user-tie:before{content:"\f508"}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}.fa-tent-arrow-down-to-line:before{content:"\e57e"}.fa-certificate:before{content:"\f0a3"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-suitcase:before{content:"\f0f2"}.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}.fa-camera-retro:before{content:"\f083"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}.fa-box-open:before{content:"\f49e"}.fa-scroll:before{content:"\f70e"}.fa-spa:before{content:"\f5bb"}.fa-location-pin-lock:before{content:"\e51f"}.fa-pause:before{content:"\f04c"}.fa-hill-avalanche:before{content:"\e507"}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-bomb:before{content:"\f1e2"}.fa-registered:before{content:"\f25d"}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}.fa-subscript:before{content:"\f12c"}.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}.fa-burst:before{content:"\e4dc"}.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}.fa-money-bills:before{content:"\e1f3"}.fa-smog:before{content:"\f75f"}.fa-crutch:before{content:"\f7f7"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-palette:before{content:"\f53f"}.fa-arrows-turn-right:before{content:"\e4c0"}.fa-vest:before{content:"\e085"}.fa-ferry:before{content:"\e4ea"}.fa-arrows-down-to-people:before{content:"\e4b9"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-boxes-packing:before{content:"\e4c7"}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}.fa-group-arrows-rotate:before{content:"\e4f6"}.fa-bowl-food:before{content:"\e4c6"}.fa-candy-cane:before{content:"\f786"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-cloud-bolt:before,.fa-thunderstorm:before{content:"\f76c"}.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}.fa-file-word:before{content:"\f1c2"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-house-lock:before{content:"\e510"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-children:before{content:"\e4e1"}.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}.fa-envelope-open:before{content:"\f2b6"}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}.fa-mattress-pillow:before{content:"\e525"}.fa-guarani-sign:before{content:"\e19a"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-fire-extinguisher:before{content:"\f134"}.fa-cruzeiro-sign:before{content:"\e152"}.fa-greater-than-equal:before{content:"\f532"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-virus:before{content:"\e074"}.fa-envelope-circle-check:before{content:"\e4e8"}.fa-layer-group:before{content:"\f5fd"}.fa-arrows-to-dot:before{content:"\e4be"}.fa-archway:before{content:"\f557"}.fa-heart-circle-check:before{content:"\e4fd"}.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-square:before{content:"\f0c8"}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}.fa-couch:before{content:"\f4b8"}.fa-cedi-sign:before{content:"\e0df"}.fa-italic:before{content:"\f033"}.fa-church:before{content:"\f51d"}.fa-comments-dollar:before{content:"\f653"}.fa-democrat:before{content:"\f747"}.fa-z:before{content:"\5a"}.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}.fa-road-lock:before{content:"\e567"}.fa-a:before{content:"\41"}.fa-temperature-arrow-down:before,.fa-temperature-down:before{content:"\e03f"}.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}.fa-p:before{content:"\50"}.fa-snowflake:before{content:"\f2dc"}.fa-newspaper:before{content:"\f1ea"}.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-filter-circle-xmark:before{content:"\e17b"}.fa-locust:before{content:"\e520"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-person-dress-burst:before{content:"\e544"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-vector-square:before{content:"\f5cb"}.fa-bread-slice:before{content:"\f7ec"}.fa-language:before{content:"\f1ab"}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}.fa-filter:before{content:"\f0b0"}.fa-question:before{content:"\3f"}.fa-file-signature:before{content:"\f573"}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}.fa-house-chimney-user:before{content:"\e065"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-puzzle-piece:before{content:"\f12e"}.fa-money-check:before{content:"\f53c"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-code:before{content:"\f121"}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}.fa-building-circle-exclamation:before{content:"\e4d3"}.fa-magnifying-glass-chart:before{content:"\e522"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-cubes-stacked:before{content:"\e4e6"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-virus-covid:before{content:"\e4a8"}.fa-austral-sign:before{content:"\e0a9"}.fa-f:before{content:"\46"}.fa-leaf:before{content:"\f06c"}.fa-road:before{content:"\f018"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-person-circle-plus:before{content:"\e541"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-sack-xmark:before{content:"\e56a"}.fa-file-excel:before{content:"\f1c3"}.fa-file-contract:before{content:"\f56c"}.fa-fish-fins:before{content:"\e4f2"}.fa-building-flag:before{content:"\e4d5"}.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}.fa-object-ungroup:before{content:"\f248"}.fa-poop:before{content:"\f619"}.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-kaaba:before{content:"\f66b"}.fa-toilet-paper:before{content:"\f71e"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-eject:before{content:"\f052"}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}.fa-plane-circle-check:before{content:"\e555"}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-object-group:before{content:"\f247"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-mask-ventilator:before{content:"\e524"}.fa-arrow-right:before{content:"\f061"}.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}.fa-cash-register:before{content:"\f788"}.fa-person-circle-question:before{content:"\e542"}.fa-h:before{content:"\48"}.fa-tarp:before{content:"\e57b"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-arrows-to-eye:before{content:"\e4bf"}.fa-plug-circle-bolt:before{content:"\e55b"}.fa-heart:before{content:"\f004"}.fa-mars-and-venus:before{content:"\f224"}.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}.fa-dumpster-fire:before{content:"\f794"}.fa-house-crack:before{content:"\e3b1"}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}.fa-bottle-water:before{content:"\e4c5"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}.fa-kitchen-set:before{content:"\e51a"}.fa-r:before{content:"\52"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-cube:before{content:"\f1b2"}.fa-bitcoin-sign:before{content:"\e0b4"}.fa-shield-dog:before{content:"\e573"}.fa-solar-panel:before{content:"\f5ba"}.fa-lock-open:before{content:"\f3c1"}.fa-elevator:before{content:"\e16d"}.fa-money-bill-transfer:before{content:"\e528"}.fa-money-bill-trend-up:before{content:"\e529"}.fa-house-flood-water-circle-arrow-right:before{content:"\e50f"}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}.fa-circle:before{content:"\f111"}.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}.fa-recycle:before{content:"\f1b8"}.fa-user-astronaut:before{content:"\f4fb"}.fa-plane-slash:before{content:"\e069"}.fa-trademark:before{content:"\f25c"}.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}.fa-satellite-dish:before{content:"\f7c0"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}.fa-users-rays:before{content:"\e593"}.fa-wallet:before{content:"\f555"}.fa-clipboard-check:before{content:"\f46c"}.fa-file-audio:before{content:"\f1c7"}.fa-burger:before,.fa-hamburger:before{content:"\f805"}.fa-wrench:before{content:"\f0ad"}.fa-bugs:before{content:"\e4d0"}.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}.fa-file-image:before{content:"\f1c5"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-plane-departure:before{content:"\f5b0"}.fa-handshake-slash:before{content:"\e060"}.fa-book-bookmark:before{content:"\e0bb"}.fa-code-branch:before{content:"\f126"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-bridge:before{content:"\e4c8"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-truck-front:before{content:"\e2b7"}.fa-cat:before{content:"\f6be"}.fa-anchor-circle-exclamation:before{content:"\e4ab"}.fa-truck-field:before{content:"\e58d"}.fa-route:before{content:"\f4d7"}.fa-clipboard-question:before{content:"\e4e3"}.fa-panorama:before{content:"\e209"}.fa-comment-medical:before{content:"\f7f5"}.fa-teeth-open:before{content:"\f62f"}.fa-file-circle-minus:before{content:"\e4ed"}.fa-tags:before{content:"\f02c"}.fa-wine-glass:before{content:"\f4e3"}.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-house-signal:before{content:"\e012"}.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}.fa-faucet-drip:before{content:"\e006"}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}.fa-terminal:before{content:"\f120"}.fa-mobile-button:before{content:"\f10b"}.fa-house-medical-flag:before{content:"\e514"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-tape:before{content:"\f4db"}.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}.fa-eye:before{content:"\f06e"}.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}.fa-audio-description:before{content:"\f29e"}.fa-person-military-to-person:before{content:"\e54c"}.fa-file-shield:before{content:"\e4f0"}.fa-user-slash:before{content:"\f506"}.fa-pen:before{content:"\f304"}.fa-tower-observation:before{content:"\e586"}.fa-file-code:before{content:"\f1c9"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-bus:before{content:"\f207"}.fa-heart-circle-xmark:before{content:"\e501"}.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}.fa-window-maximize:before{content:"\f2d0"}.fa-face-frown:before,.fa-frown:before{content:"\f119"}.fa-prescription:before{content:"\f5b1"}.fa-shop:before,.fa-store-alt:before{content:"\f54f"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-vihara:before{content:"\f6a7"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-plant-wilt:before{content:"\e5aa"}.fa-diamond:before{content:"\f219"}.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-bacterium:before{content:"\e05a"}.fa-hand-pointer:before{content:"\f25a"}.fa-drum-steelpan:before{content:"\f56a"}.fa-hand-scissors:before{content:"\f257"}.fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-biohazard:before{content:"\f780"}.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}.fa-mars-double:before{content:"\f227"}.fa-child-dress:before{content:"\e59c"}.fa-users-between-lines:before{content:"\e591"}.fa-lungs-virus:before{content:"\e067"}.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}.fa-phone:before{content:"\f095"}.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}.fa-child-reaching:before{content:"\e59d"}.fa-head-side-virus:before{content:"\e064"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-door-closed:before{content:"\f52a"}.fa-shield-virus:before{content:"\e06c"}.fa-dice-six:before{content:"\f526"}.fa-mosquito-net:before{content:"\e52c"}.fa-bridge-water:before{content:"\e4ce"}.fa-person-booth:before{content:"\f756"}.fa-text-width:before{content:"\f035"}.fa-hat-wizard:before{content:"\f6e8"}.fa-pen-fancy:before{content:"\f5ac"}.fa-digging:before,.fa-person-digging:before{content:"\f85e"}.fa-trash:before{content:"\f1f8"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}.fa-book-medical:before{content:"\f7e6"}.fa-poo:before{content:"\f2fe"}.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}.fa-cubes:before{content:"\f1b3"}.fa-divide:before{content:"\f529"}.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}.fa-headphones:before{content:"\f025"}.fa-hands-holding:before{content:"\f4c2"}.fa-hands-clapping:before{content:"\e1a8"}.fa-republican:before{content:"\f75e"}.fa-arrow-left:before{content:"\f060"}.fa-person-circle-xmark:before{content:"\e543"}.fa-ruler:before{content:"\f545"}.fa-align-left:before{content:"\f036"}.fa-dice-d6:before{content:"\f6d1"}.fa-restroom:before{content:"\f7bd"}.fa-j:before{content:"\4a"}.fa-users-viewfinder:before{content:"\e595"}.fa-file-video:before{content:"\f1c8"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-file-pdf:before{content:"\f1c1"}.fa-bible:before,.fa-book-bible:before{content:"\f647"}.fa-o:before{content:"\4f"}.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"}.fa-user-secret:before{content:"\f21b"}.fa-otter:before{content:"\f700"}.fa-female:before,.fa-person-dress:before{content:"\f182"}.fa-comment-dollar:before{content:"\f651"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-book-tanakh:before,.fa-tanakh:before{content:"\f827"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-clipboard-user:before{content:"\f7f3"}.fa-child:before{content:"\f1ae"}.fa-lira-sign:before{content:"\f195"}.fa-satellite:before{content:"\f7bf"}.fa-plane-lock:before{content:"\e558"}.fa-tag:before{content:"\f02b"}.fa-comment:before{content:"\f075"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}.fa-envelope:before{content:"\f0e0"}.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}.fa-paperclip:before{content:"\f0c6"}.fa-arrow-right-to-city:before{content:"\e4b3"}.fa-ribbon:before{content:"\f4d6"}.fa-lungs:before{content:"\f604"}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-litecoin-sign:before{content:"\e1d3"}.fa-border-none:before{content:"\f850"}.fa-circle-nodes:before{content:"\e4e2"}.fa-parachute-box:before{content:"\f4cd"}.fa-indent:before{content:"\f03c"}.fa-truck-field-un:before{content:"\e58e"}.fa-hourglass-empty:before,.fa-hourglass:before{content:"\f254"}.fa-mountain:before{content:"\f6fc"}.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-square-virus:before{content:"\e578"}.fa-meteor:before{content:"\f753"}.fa-car-on:before{content:"\e4dd"}.fa-sleigh:before{content:"\f7cc"}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}.fa-water:before{content:"\f773"}.fa-calendar-check:before{content:"\f274"}.fa-braille:before{content:"\f2a1"}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}.fa-landmark:before{content:"\f66f"}.fa-truck:before{content:"\f0d1"}.fa-crosshairs:before{content:"\f05b"}.fa-person-cane:before{content:"\e53c"}.fa-tent:before{content:"\e57d"}.fa-vest-patches:before{content:"\e086"}.fa-check-double:before{content:"\f560"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-money-bill-wheat:before{content:"\e52a"}.fa-cookie:before{content:"\f563"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}.fa-dumbbell:before{content:"\f44b"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-tarp-droplet:before{content:"\e57c"}.fa-house-medical-circle-check:before{content:"\e511"}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}.fa-calendar-plus:before{content:"\f271"}.fa-plane-arrival:before{content:"\f5af"}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}.fa-subway:before,.fa-train-subway:before{content:"\f239"}.fa-chart-gantt:before{content:"\e0e4"}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-dna:before{content:"\f471"}.fa-virus-slash:before{content:"\e075"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-chess:before{content:"\f439"}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}.fa-plug-circle-check:before{content:"\e55c"}.fa-street-view:before{content:"\f21d"}.fa-franc-sign:before{content:"\e18f"}.fa-volume-off:before{content:"\f026"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}.fa-mosque:before{content:"\f678"}.fa-mosquito:before{content:"\e52b"}.fa-star-of-david:before{content:"\f69a"}.fa-person-military-rifle:before{content:"\e54b"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-vials:before{content:"\f493"}.fa-plug-circle-plus:before{content:"\e55f"}.fa-place-of-worship:before{content:"\f67f"}.fa-grip-vertical:before{content:"\f58e"}.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}.fa-u:before{content:"\55"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}.fa-pallet:before{content:"\f482"}.fa-faucet:before{content:"\e005"}.fa-baseball-bat-ball:before{content:"\f432"}.fa-s:before{content:"\53"}.fa-timeline:before{content:"\e29c"}.fa-keyboard:before{content:"\f11c"}.fa-caret-down:before{content:"\f0d7"}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-mobile-android-alt:before,.fa-mobile-screen:before{content:"\f3cf"}.fa-plane-up:before{content:"\e22d"}.fa-piggy-bank:before{content:"\f4d3"}.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}.fa-mountain-city:before{content:"\e52e"}.fa-coins:before{content:"\f51e"}.fa-khanda:before{content:"\f66d"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-folder-tree:before{content:"\f802"}.fa-network-wired:before{content:"\f6ff"}.fa-map-pin:before{content:"\f276"}.fa-hamsa:before{content:"\f665"}.fa-cent-sign:before{content:"\e3f5"}.fa-flask:before{content:"\f0c3"}.fa-person-pregnant:before{content:"\e31e"}.fa-wand-sparkles:before{content:"\f72b"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-ticket:before{content:"\f145"}.fa-power-off:before{content:"\f011"}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}.fa-flag-usa:before{content:"\f74d"}.fa-laptop-file:before{content:"\e51d"}.fa-teletype:before,.fa-tty:before{content:"\f1e4"}.fa-diagram-next:before{content:"\e476"}.fa-person-rifle:before{content:"\e54e"}.fa-house-medical-circle-exclamation:before{content:"\e512"}.fa-closed-captioning:before{content:"\f20a"}.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}.fa-venus-double:before{content:"\f226"}.fa-images:before{content:"\f302"}.fa-calculator:before{content:"\f1ec"}.fa-people-pulling:before{content:"\e535"}.fa-n:before{content:"\4e"}.fa-cable-car:before,.fa-tram:before{content:"\f7da"}.fa-cloud-rain:before{content:"\f73d"}.fa-building-circle-xmark:before{content:"\e4d4"}.fa-ship:before{content:"\f21a"}.fa-arrows-down-to-line:before{content:"\e4b8"}.fa-download:before{content:"\f019"}.fa-face-grin:before,.fa-grin:before{content:"\f580"}.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}.fa-file-circle-check:before{content:"\e5a0"}.fa-forward:before{content:"\f04e"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-face-meh:before,.fa-meh:before{content:"\f11a"}.fa-align-center:before{content:"\f037"}.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-heart-circle-exclamation:before{content:"\e4fe"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-calendar-week:before{content:"\f784"}.fa-laptop-medical:before{content:"\f812"}.fa-b:before{content:"\42"}.fa-file-medical:before{content:"\f477"}.fa-dice-one:before{content:"\f525"}.fa-kiwi-bird:before{content:"\f535"}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}.fa-mill-sign:before{content:"\e1ed"}.fa-bowl-rice:before{content:"\e2eb"}.fa-skull:before{content:"\f54c"}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}.fa-truck-pickup:before{content:"\f63c"}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}.fa-stop:before{content:"\f04d"}.fa-code-merge:before{content:"\f387"}.fa-upload:before{content:"\f093"}.fa-hurricane:before{content:"\f751"}.fa-mound:before{content:"\e52d"}.fa-toilet-portable:before{content:"\e583"}.fa-compact-disc:before{content:"\f51f"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-caravan:before{content:"\f8ff"}.fa-shield-cat:before{content:"\e572"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-glass-water:before{content:"\e4f4"}.fa-oil-well:before{content:"\e532"}.fa-vault:before{content:"\e2c5"}.fa-mars:before{content:"\f222"}.fa-toilet:before{content:"\f7d8"}.fa-plane-circle-xmark:before{content:"\e557"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:"\f158"}.fa-sun:before{content:"\f185"}.fa-guitar:before{content:"\f7a6"}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}.fa-horse-head:before{content:"\f7ab"}.fa-bore-hole:before{content:"\e4c3"}.fa-industry:before{content:"\f275"}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}.fa-arrows-turn-to-dots:before{content:"\e4c1"}.fa-florin-sign:before{content:"\e184"}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}.fa-less-than:before{content:"\3c"}.fa-angle-down:before{content:"\f107"}.fa-car-tunnel:before{content:"\e4de"}.fa-head-side-cough:before{content:"\e061"}.fa-grip-lines:before{content:"\f7a4"}.fa-thumbs-down:before{content:"\f165"}.fa-user-lock:before{content:"\f502"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-anchor-circle-xmark:before{content:"\e4ac"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-chess-pawn:before{content:"\f443"}.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}.fa-person-through-window:before{content:"\e5a9"}.fa-toolbox:before{content:"\f552"}.fa-hands-holding-circle:before{content:"\e4fb"}.fa-bug:before{content:"\f188"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-hand-holding-hand:before{content:"\e4f7"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-mountain-sun:before{content:"\e52f"}.fa-arrows-left-right-to-line:before{content:"\e4ba"}.fa-dice-d20:before{content:"\f6cf"}.fa-truck-droplet:before{content:"\e58c"}.fa-file-circle-xmark:before{content:"\e5a1"}.fa-temperature-arrow-up:before,.fa-temperature-up:before{content:"\e040"}.fa-medal:before{content:"\f5a2"}.fa-bed:before{content:"\f236"}.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}.fa-podcast:before{content:"\f2ce"}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-bell:before{content:"\f0f3"}.fa-superscript:before{content:"\f12b"}.fa-plug-circle-xmark:before{content:"\e560"}.fa-star-of-life:before{content:"\f621"}.fa-phone-slash:before{content:"\f3dd"}.fa-paint-roller:before{content:"\f5aa"}.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-file:before{content:"\f15b"}.fa-greater-than:before{content:"\3e"}.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}.fa-arrow-down:before{content:"\f063"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-eraser:before{content:"\f12d"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-person-burst:before{content:"\e53b"}.fa-dove:before{content:"\f4ba"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-socks:before{content:"\f696"}.fa-inbox:before{content:"\f01c"}.fa-section:before{content:"\e447"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-envelope-open-text:before{content:"\f658"}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}.fa-wine-bottle:before{content:"\f72f"}.fa-chess-rook:before{content:"\f447"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-dharmachakra:before{content:"\f655"}.fa-hotdog:before{content:"\f80f"}.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}.fa-drum:before{content:"\f569"}.fa-ice-cream:before{content:"\f810"}.fa-heart-circle-bolt:before{content:"\e4fc"}.fa-fax:before{content:"\f1ac"}.fa-paragraph:before{content:"\f1dd"}.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}.fa-star-half:before{content:"\f089"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}.fa-tree-city:before{content:"\e587"}.fa-play:before{content:"\f04b"}.fa-font:before{content:"\f031"}.fa-rupiah-sign:before{content:"\e23d"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}.fa-naira-sign:before{content:"\e1f6"}.fa-cart-arrow-down:before{content:"\f218"}.fa-walkie-talkie:before{content:"\f8ef"}.fa-file-edit:before,.fa-file-pen:before{content:"\f31c"}.fa-receipt:before{content:"\f543"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-person-circle-exclamation:before{content:"\e53f"}.fa-chevron-down:before{content:"\f078"}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-skull-crossbones:before{content:"\f714"}.fa-code-compare:before{content:"\e13a"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-school-lock:before{content:"\e56f"}.fa-tower-cell:before{content:"\e585"}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}.fa-ranking-star:before{content:"\e561"}.fa-chess-king:before{content:"\f43f"}.fa-person-harassing:before{content:"\e549"}.fa-brazilian-real-sign:before{content:"\e46c"}.fa-landmark-alt:before,.fa-landmark-dome:before{content:"\f752"}.fa-arrow-up:before{content:"\f062"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-shrimp:before{content:"\e448"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-jug-detergent:before{content:"\e519"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-user-shield:before{content:"\f505"}.fa-wind:before{content:"\f72e"}.fa-car-burst:before,.fa-car-crash:before{content:"\f5e1"}.fa-y:before{content:"\59"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}.fa-fish:before{content:"\f578"}.fa-user-graduate:before{content:"\f501"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-clapperboard:before{content:"\e131"}.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}.fa-jet-fighter-up:before{content:"\e518"}.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}.fa-copy:before{content:"\f0c5"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-hand-sparkles:before{content:"\e05d"}.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}.fa-child-combatant:before,.fa-child-rifle:before{content:"\e4e0"}.fa-gun:before{content:"\e19b"}.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-expand:before{content:"\f065"}.fa-computer:before{content:"\e4e5"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-peso-sign:before{content:"\e222"}.fa-building-shield:before{content:"\e4d8"}.fa-baby:before{content:"\f77c"}.fa-users-line:before{content:"\e592"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-tractor:before{content:"\f722"}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}.fa-arrow-down-up-lock:before{content:"\e4b0"}.fa-lines-leaning:before{content:"\e51e"}.fa-ruler-combined:before{content:"\f546"}.fa-copyright:before{content:"\f1f9"}.fa-equals:before{content:"\3d"}.fa-blender:before{content:"\f517"}.fa-teeth:before{content:"\f62e"}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}.fa-map:before{content:"\f279"}.fa-rocket:before{content:"\f135"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-folder-minus:before{content:"\f65d"}.fa-store:before{content:"\f54e"}.fa-arrow-trend-up:before{content:"\e098"}.fa-plug-circle-minus:before{content:"\e55e"}.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}.fa-bezier-curve:before{content:"\f55b"}.fa-bell-slash:before{content:"\f1f6"}.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}.fa-school-flag:before{content:"\e56e"}.fa-fill:before{content:"\f575"}.fa-angle-up:before{content:"\f106"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-holly-berry:before{content:"\f7aa"}.fa-chevron-left:before{content:"\f053"}.fa-bacteria:before{content:"\e059"}.fa-hand-lizard:before{content:"\f258"}.fa-notdef:before{content:"\e1fe"}.fa-disease:before{content:"\f7fa"}.fa-briefcase-medical:before{content:"\f469"}.fa-genderless:before{content:"\f22d"}.fa-chevron-right:before{content:"\f054"}.fa-retweet:before{content:"\f079"}.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}.fa-pump-soap:before{content:"\e06b"}.fa-video-slash:before{content:"\f4e2"}.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}.fa-radio:before{content:"\f8d7"}.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}.fa-traffic-light:before{content:"\f637"}.fa-thermometer:before{content:"\f491"}.fa-vr-cardboard:before{content:"\f729"}.fa-hand-middle-finger:before{content:"\f806"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-truck-moving:before{content:"\f4df"}.fa-glass-water-droplet:before{content:"\e4f5"}.fa-display:before{content:"\e163"}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-trophy:before{content:"\f091"}.fa-person-praying:before,.fa-pray:before{content:"\f683"}.fa-hammer:before{content:"\f6e3"}.fa-hand-peace:before{content:"\f25b"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-spinner:before{content:"\f110"}.fa-robot:before{content:"\f544"}.fa-peace:before{content:"\f67c"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-warehouse:before{content:"\f494"}.fa-arrow-up-right-dots:before{content:"\e4b7"}.fa-splotch:before{content:"\f5bc"}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}.fa-dice-four:before{content:"\f524"}.fa-sim-card:before{content:"\f7c4"}.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}.fa-mercury:before{content:"\f223"}.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}.fa-person-falling-burst:before{content:"\e547"}.fa-award:before{content:"\f559"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-building:before{content:"\f1ad"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-qrcode:before{content:"\f029"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}.fa-shield-blank:before,.fa-shield:before{content:"\f132"}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}.fa-house-medical:before{content:"\e3b2"}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}.fa-house-chimney-window:before{content:"\e00d"}.fa-pen-nib:before{content:"\f5ad"}.fa-tent-arrow-turn-left:before{content:"\e580"}.fa-tents:before{content:"\e582"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-dog:before{content:"\f6d3"}.fa-carrot:before{content:"\f787"}.fa-moon:before{content:"\f186"}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}.fa-cheese:before{content:"\f7ef"}.fa-yin-yang:before{content:"\f6ad"}.fa-music:before{content:"\f001"}.fa-code-commit:before{content:"\f386"}.fa-temperature-low:before{content:"\f76b"}.fa-biking:before,.fa-person-biking:before{content:"\f84a"}.fa-broom:before{content:"\f51a"}.fa-shield-heart:before{content:"\e574"}.fa-gopuram:before{content:"\f664"}.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}.fa-hashtag:before{content:"\23"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}.fa-oil-can:before{content:"\f613"}.fa-t:before{content:"\54"}.fa-hippo:before{content:"\f6ed"}.fa-chart-column:before{content:"\e0e3"}.fa-infinity:before{content:"\f534"}.fa-vial-circle-check:before{content:"\e596"}.fa-person-arrow-down-to-line:before{content:"\e538"}.fa-voicemail:before{content:"\f897"}.fa-fan:before{content:"\f863"}.fa-person-walking-luggage:before{content:"\e554"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-calendar:before{content:"\f133"}.fa-trailer:before{content:"\e041"}.fa-bahai:before,.fa-haykal:before{content:"\f666"}.fa-sd-card:before{content:"\f7c2"}.fa-dragon:before{content:"\f6d5"}.fa-shoe-prints:before{content:"\f54b"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}.fa-hand-holding:before{content:"\f4bd"}.fa-plug-circle-exclamation:before{content:"\e55d"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-clone:before{content:"\f24d"}.fa-person-walking-arrow-loop-left:before{content:"\e551"}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-tornado:before{content:"\f76f"}.fa-file-circle-plus:before{content:"\e494"}.fa-book-quran:before,.fa-quran:before{content:"\f687"}.fa-anchor:before{content:"\f13d"}.fa-border-all:before{content:"\f84c"}.fa-angry:before,.fa-face-angry:before{content:"\f556"}.fa-cookie-bite:before{content:"\f564"}.fa-arrow-trend-down:before{content:"\e097"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-draw-polygon:before{content:"\f5ee"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}.fa-shower:before{content:"\f2cc"}.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-m:before{content:"\4d"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}.fa-book:before{content:"\f02d"}.fa-user-plus:before{content:"\f234"}.fa-check:before{content:"\f00c"}.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-house-circle-check:before{content:"\e509"}.fa-angle-left:before{content:"\f104"}.fa-diagram-successor:before{content:"\e47a"}.fa-truck-arrow-right:before{content:"\e58b"}.fa-arrows-split-up-and-left:before{content:"\e4bc"}.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}.fa-cloud-moon:before{content:"\f6c3"}.fa-briefcase:before{content:"\f0b1"}.fa-person-falling:before{content:"\e546"}.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}.fa-user-tag:before{content:"\f507"}.fa-rug:before{content:"\e569"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}.fa-baht-sign:before{content:"\e0ac"}.fa-book-open:before{content:"\f518"}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-handcuffs:before{content:"\e4f8"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-database:before{content:"\f1c0"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-bottle-droplet:before{content:"\e4c4"}.fa-mask-face:before{content:"\e1d7"}.fa-hill-rockslide:before{content:"\e508"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-paper-plane:before{content:"\f1d8"}.fa-road-circle-exclamation:before{content:"\e565"}.fa-dungeon:before{content:"\f6d9"}.fa-align-right:before{content:"\f038"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-life-ring:before{content:"\f1cd"}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-calendar-day:before{content:"\f783"}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}.fa-wheelchair-alt:before,.fa-wheelchair-move:before{content:"\e2ce"}.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}.fa-person-walking-arrow-right:before{content:"\e552"}.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}.fa-dice:before{content:"\f522"}.fa-bowling-ball:before{content:"\f436"}.fa-brain:before{content:"\f5dc"}.fa-band-aid:before,.fa-bandage:before{content:"\f462"}.fa-calendar-minus:before{content:"\f272"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-gifts:before{content:"\f79c"}.fa-hotel:before{content:"\f594"}.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-thumbs-up:before{content:"\f164"}.fa-user-clock:before{content:"\f4fd"}.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}.fa-file-invoice:before{content:"\f570"}.fa-window-minimize:before{content:"\f2d1"}.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}.fa-brush:before{content:"\f55d"}.fa-mask:before{content:"\f6fa"}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}.fa-ruler-vertical:before{content:"\f548"}.fa-user-alt:before,.fa-user-large:before{content:"\f406"}.fa-train-tram:before{content:"\e5b4"}.fa-user-nurse:before{content:"\f82f"}.fa-syringe:before{content:"\f48e"}.fa-cloud-sun:before{content:"\f6c4"}.fa-stopwatch-20:before{content:"\e06f"}.fa-square-full:before{content:"\f45c"}.fa-magnet:before{content:"\f076"}.fa-jar:before{content:"\e516"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-bug-slash:before{content:"\e490"}.fa-arrow-up-from-water-pump:before{content:"\e4b6"}.fa-bone:before{content:"\f5d7"}.fa-user-injured:before{content:"\f728"}.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}.fa-plane:before{content:"\f072"}.fa-tent-arrows-down:before{content:"\e581"}.fa-exclamation:before{content:"\21"}.fa-arrows-spin:before{content:"\e4bb"}.fa-print:before{content:"\f02f"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-x:before{content:"\58"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-person-military-pointing:before{content:"\e54a"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-umbrella:before{content:"\f0e9"}.fa-trowel:before{content:"\e589"}.fa-d:before{content:"\44"}.fa-stapler:before{content:"\e5af"}.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}.fa-kip-sign:before{content:"\e1c4"}.fa-hand-point-left:before{content:"\f0a5"}.fa-handshake-alt:before,.fa-handshake-simple:before{content:"\f4c6"}.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}.fa-barcode:before{content:"\f02a"}.fa-plus-minus:before{content:"\e43c"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-person-circle-check:before{content:"\e53e"}.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"} .fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero:before{content:"\f3d0"}.fa-hooli:before{content:"\f427"}.fa-yelp:before{content:"\f1e9"}.fa-cc-visa:before{content:"\f1f0"}.fa-lastfm:before{content:"\f202"}.fa-shopware:before{content:"\f5b5"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-aws:before{content:"\f375"}.fa-redhat:before{content:"\f7bc"}.fa-yoast:before{content:"\f2b1"}.fa-cloudflare:before{content:"\e07d"}.fa-ups:before{content:"\f7e0"}.fa-pixiv:before{content:"\e640"}.fa-wpexplorer:before{content:"\f2de"}.fa-dyalog:before{content:"\f399"}.fa-bity:before{content:"\f37a"}.fa-stackpath:before{content:"\f842"}.fa-buysellads:before{content:"\f20d"}.fa-first-order:before{content:"\f2b0"}.fa-modx:before{content:"\f285"}.fa-guilded:before{content:"\e07e"}.fa-vnv:before{content:"\f40b"}.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}.fa-microsoft:before{content:"\f3ca"}.fa-qq:before{content:"\f1d6"}.fa-orcid:before{content:"\f8d2"}.fa-java:before{content:"\f4e4"}.fa-invision:before{content:"\f7b0"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-centercode:before{content:"\f380"}.fa-glide-g:before{content:"\f2a6"}.fa-drupal:before{content:"\f1a9"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-unity:before{content:"\e049"}.fa-whmcs:before{content:"\f40d"}.fa-rocketchat:before{content:"\f3e8"}.fa-vk:before{content:"\f189"}.fa-untappd:before{content:"\f405"}.fa-mailchimp:before{content:"\f59e"}.fa-css3-alt:before{content:"\f38b"}.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}.fa-vimeo-v:before{content:"\f27d"}.fa-contao:before{content:"\f26d"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-deskpro:before{content:"\f38f"}.fa-brave:before{content:"\e63c"}.fa-sistrix:before{content:"\f3ee"}.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}.fa-battle-net:before{content:"\f835"}.fa-the-red-yeti:before{content:"\f69d"}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}.fa-edge:before{content:"\f282"}.fa-threads:before{content:"\e618"}.fa-napster:before{content:"\f3d2"}.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}.fa-google-plus-g:before{content:"\f0d5"}.fa-artstation:before{content:"\f77a"}.fa-markdown:before{content:"\f60f"}.fa-sourcetree:before{content:"\f7d3"}.fa-google-plus:before{content:"\f2b3"}.fa-diaspora:before{content:"\f791"}.fa-foursquare:before{content:"\f180"}.fa-stack-overflow:before{content:"\f16c"}.fa-github-alt:before{content:"\f113"}.fa-phoenix-squadron:before{content:"\f511"}.fa-pagelines:before{content:"\f18c"}.fa-algolia:before{content:"\f36c"}.fa-red-river:before{content:"\f3e3"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-safari:before{content:"\f267"}.fa-google:before{content:"\f1a0"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-atlassian:before{content:"\f77b"}.fa-linkedin-in:before{content:"\f0e1"}.fa-digital-ocean:before{content:"\f391"}.fa-nimblr:before{content:"\f5a8"}.fa-chromecast:before{content:"\f838"}.fa-evernote:before{content:"\f839"}.fa-hacker-news:before{content:"\f1d4"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-adversal:before{content:"\f36a"}.fa-creative-commons:before{content:"\f25e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-fonticons:before{content:"\f280"}.fa-weixin:before{content:"\f1d7"}.fa-shirtsinbulk:before{content:"\f214"}.fa-codepen:before{content:"\f1cb"}.fa-git-alt:before{content:"\f841"}.fa-lyft:before{content:"\f3c3"}.fa-rev:before{content:"\f5b2"}.fa-windows:before{content:"\f17a"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-square-viadeo:before,.fa-viadeo-square:before{content:"\f2aa"}.fa-meetup:before{content:"\f2e0"}.fa-centos:before{content:"\f789"}.fa-adn:before{content:"\f170"}.fa-cloudsmith:before{content:"\f384"}.fa-opensuse:before{content:"\e62b"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-dribbble-square:before,.fa-square-dribbble:before{content:"\f397"}.fa-codiepie:before{content:"\f284"}.fa-node:before{content:"\f419"}.fa-mix:before{content:"\f3cb"}.fa-steam:before{content:"\f1b6"}.fa-cc-apple-pay:before{content:"\f416"}.fa-scribd:before{content:"\f28a"}.fa-debian:before{content:"\e60b"}.fa-openid:before{content:"\f19b"}.fa-instalod:before{content:"\e081"}.fa-expeditedssl:before{content:"\f23e"}.fa-sellcast:before{content:"\f2da"}.fa-square-twitter:before,.fa-twitter-square:before{content:"\f081"}.fa-r-project:before{content:"\f4f7"}.fa-delicious:before{content:"\f1a5"}.fa-freebsd:before{content:"\f3a4"}.fa-vuejs:before{content:"\f41f"}.fa-accusoft:before{content:"\f369"}.fa-ioxhost:before{content:"\f208"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-app-store:before{content:"\f36f"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-itunes-note:before{content:"\f3b5"}.fa-golang:before{content:"\e40f"}.fa-kickstarter:before{content:"\f3bb"}.fa-grav:before{content:"\f2d6"}.fa-weibo:before{content:"\f18a"}.fa-uncharted:before{content:"\e084"}.fa-firstdraft:before{content:"\f3a1"}.fa-square-youtube:before,.fa-youtube-square:before{content:"\f431"}.fa-wikipedia-w:before{content:"\f266"}.fa-rendact:before,.fa-wpressr:before{content:"\f3e4"}.fa-angellist:before{content:"\f209"}.fa-galactic-republic:before{content:"\f50c"}.fa-nfc-directional:before{content:"\e530"}.fa-skype:before{content:"\f17e"}.fa-joget:before{content:"\f3b7"}.fa-fedora:before{content:"\f798"}.fa-stripe-s:before{content:"\f42a"}.fa-meta:before{content:"\e49b"}.fa-laravel:before{content:"\f3bd"}.fa-hotjar:before{content:"\f3b1"}.fa-bluetooth-b:before{content:"\f294"}.fa-square-letterboxd:before{content:"\e62e"}.fa-sticker-mule:before{content:"\f3f7"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-hips:before{content:"\f452"}.fa-behance:before{content:"\f1b4"}.fa-reddit:before{content:"\f1a1"}.fa-discord:before{content:"\f392"}.fa-chrome:before{content:"\f268"}.fa-app-store-ios:before{content:"\f370"}.fa-cc-discover:before{content:"\f1f2"}.fa-wpbeginner:before{content:"\f297"}.fa-confluence:before{content:"\f78d"}.fa-mdb:before{content:"\f8ca"}.fa-dochub:before{content:"\f394"}.fa-accessible-icon:before{content:"\f368"}.fa-ebay:before{content:"\f4f4"}.fa-amazon:before{content:"\f270"}.fa-unsplash:before{content:"\e07c"}.fa-yarn:before{content:"\f7e3"}.fa-square-steam:before,.fa-steam-square:before{content:"\f1b7"}.fa-500px:before{content:"\f26e"}.fa-square-vimeo:before,.fa-vimeo-square:before{content:"\f194"}.fa-asymmetrik:before{content:"\f372"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-gratipay:before{content:"\f184"}.fa-apple:before{content:"\f179"}.fa-hive:before{content:"\e07f"}.fa-gitkraken:before{content:"\f3a6"}.fa-keybase:before{content:"\f4f5"}.fa-apple-pay:before{content:"\f415"}.fa-padlet:before{content:"\e4a0"}.fa-amazon-pay:before{content:"\f42c"}.fa-github-square:before,.fa-square-github:before{content:"\f092"}.fa-stumbleupon:before{content:"\f1a4"}.fa-fedex:before{content:"\f797"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-shopify:before{content:"\e057"}.fa-neos:before{content:"\f612"}.fa-square-threads:before{content:"\e619"}.fa-hackerrank:before{content:"\f5f7"}.fa-researchgate:before{content:"\f4f8"}.fa-swift:before{content:"\f8e1"}.fa-angular:before{content:"\f420"}.fa-speakap:before{content:"\f3f3"}.fa-angrycreative:before{content:"\f36e"}.fa-y-combinator:before{content:"\f23b"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-google-scholar:before{content:"\e63b"}.fa-gitlab-square:before,.fa-square-gitlab:before{content:"\e5ae"}.fa-studiovinari:before{content:"\f3f8"}.fa-pied-piper:before{content:"\f2ae"}.fa-wordpress:before{content:"\f19a"}.fa-product-hunt:before{content:"\f288"}.fa-firefox:before{content:"\f269"}.fa-linode:before{content:"\f2b8"}.fa-goodreads:before{content:"\f3a8"}.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before{content:"\f264"}.fa-jsfiddle:before{content:"\f1cc"}.fa-sith:before{content:"\f512"}.fa-themeisle:before{content:"\f2b2"}.fa-page4:before{content:"\f3d7"}.fa-hashnode:before{content:"\e499"}.fa-react:before{content:"\f41b"}.fa-cc-paypal:before{content:"\f1f4"}.fa-squarespace:before{content:"\f5be"}.fa-cc-stripe:before{content:"\f1f5"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-bitcoin:before{content:"\f379"}.fa-keycdn:before{content:"\f3ba"}.fa-opera:before{content:"\f26a"}.fa-itch-io:before{content:"\f83a"}.fa-umbraco:before{content:"\f8e8"}.fa-galactic-senate:before{content:"\f50d"}.fa-ubuntu:before{content:"\f7df"}.fa-draft2digital:before{content:"\f396"}.fa-stripe:before{content:"\f429"}.fa-houzz:before{content:"\f27c"}.fa-gg:before{content:"\f260"}.fa-dhl:before{content:"\f790"}.fa-pinterest-square:before,.fa-square-pinterest:before{content:"\f0d3"}.fa-xing:before{content:"\f168"}.fa-blackberry:before{content:"\f37b"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-playstation:before{content:"\f3df"}.fa-quinscape:before{content:"\f459"}.fa-less:before{content:"\f41d"}.fa-blogger-b:before{content:"\f37d"}.fa-opencart:before{content:"\f23d"}.fa-vine:before{content:"\f1ca"}.fa-paypal:before{content:"\f1ed"}.fa-gitlab:before{content:"\f296"}.fa-typo3:before{content:"\f42b"}.fa-reddit-alien:before{content:"\f281"}.fa-yahoo:before{content:"\f19e"}.fa-dailymotion:before{content:"\e052"}.fa-affiliatetheme:before{content:"\f36b"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-bootstrap:before{content:"\f836"}.fa-odnoklassniki:before{content:"\f263"}.fa-nfc-symbol:before{content:"\e531"}.fa-mintbit:before{content:"\e62f"}.fa-ethereum:before{content:"\f42e"}.fa-speaker-deck:before{content:"\f83c"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-patreon:before{content:"\f3d9"}.fa-avianex:before{content:"\f374"}.fa-ello:before{content:"\f5f1"}.fa-gofore:before{content:"\f3a7"}.fa-bimobject:before{content:"\f378"}.fa-brave-reverse:before{content:"\e63d"}.fa-facebook-f:before{content:"\f39e"}.fa-google-plus-square:before,.fa-square-google-plus:before{content:"\f0d4"}.fa-mandalorian:before{content:"\f50f"}.fa-first-order-alt:before{content:"\f50a"}.fa-osi:before{content:"\f41a"}.fa-google-wallet:before{content:"\f1ee"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-periscope:before{content:"\f3da"}.fa-fulcrum:before{content:"\f50b"}.fa-cloudscale:before{content:"\f383"}.fa-forumbee:before{content:"\f211"}.fa-mizuni:before{content:"\f3cc"}.fa-schlix:before{content:"\f3ea"}.fa-square-xing:before,.fa-xing-square:before{content:"\f169"}.fa-bandcamp:before{content:"\f2d5"}.fa-wpforms:before{content:"\f298"}.fa-cloudversify:before{content:"\f385"}.fa-usps:before{content:"\f7e1"}.fa-megaport:before{content:"\f5a3"}.fa-magento:before{content:"\f3c4"}.fa-spotify:before{content:"\f1bc"}.fa-optin-monster:before{content:"\f23c"}.fa-fly:before{content:"\f417"}.fa-aviato:before{content:"\f421"}.fa-itunes:before{content:"\f3b4"}.fa-cuttlefish:before{content:"\f38c"}.fa-blogger:before{content:"\f37c"}.fa-flickr:before{content:"\f16e"}.fa-viber:before{content:"\f409"}.fa-soundcloud:before{content:"\f1be"}.fa-digg:before{content:"\f1a6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-letterboxd:before{content:"\e62d"}.fa-symfony:before{content:"\f83d"}.fa-maxcdn:before{content:"\f136"}.fa-etsy:before{content:"\f2d7"}.fa-facebook-messenger:before{content:"\f39f"}.fa-audible:before{content:"\f373"}.fa-think-peaks:before{content:"\f731"}.fa-bilibili:before{content:"\e3d9"}.fa-erlang:before{content:"\f39d"}.fa-x-twitter:before{content:"\e61b"}.fa-cotton-bureau:before{content:"\f89e"}.fa-dashcube:before{content:"\f210"}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-stack-exchange:before{content:"\f18d"}.fa-elementor:before{content:"\f430"}.fa-pied-piper-square:before,.fa-square-pied-piper:before{content:"\e01e"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-palfed:before{content:"\f3d8"}.fa-superpowers:before{content:"\f2dd"}.fa-resolving:before{content:"\f3e7"}.fa-xbox:before{content:"\f412"}.fa-searchengin:before{content:"\f3eb"}.fa-tiktok:before{content:"\e07b"}.fa-facebook-square:before,.fa-square-facebook:before{content:"\f082"}.fa-renren:before{content:"\f18b"}.fa-linux:before{content:"\f17c"}.fa-glide:before{content:"\f2a5"}.fa-linkedin:before{content:"\f08c"}.fa-hubspot:before{content:"\f3b2"}.fa-deploydog:before{content:"\f38e"}.fa-twitch:before{content:"\f1e8"}.fa-ravelry:before{content:"\f2d9"}.fa-mixer:before{content:"\e056"}.fa-lastfm-square:before,.fa-square-lastfm:before{content:"\f203"}.fa-vimeo:before{content:"\f40a"}.fa-mendeley:before{content:"\f7b3"}.fa-uniregistry:before{content:"\f404"}.fa-figma:before{content:"\f799"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-dropbox:before{content:"\f16b"}.fa-instagram:before{content:"\f16d"}.fa-cmplid:before{content:"\e360"}.fa-upwork:before{content:"\e641"}.fa-facebook:before{content:"\f09a"}.fa-gripfire:before{content:"\f3ac"}.fa-jedi-order:before{content:"\f50e"}.fa-uikit:before{content:"\f403"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-phabricator:before{content:"\f3db"}.fa-ussunnah:before{content:"\f407"}.fa-earlybirds:before{content:"\f39a"}.fa-trade-federation:before{content:"\f513"}.fa-autoprefixer:before{content:"\f41c"}.fa-whatsapp:before{content:"\f232"}.fa-slideshare:before{content:"\f1e7"}.fa-google-play:before{content:"\f3ab"}.fa-viadeo:before{content:"\f2a9"}.fa-line:before{content:"\f3c0"}.fa-google-drive:before{content:"\f3aa"}.fa-servicestack:before{content:"\f3ec"}.fa-simplybuilt:before{content:"\f215"}.fa-bitbucket:before{content:"\f171"}.fa-imdb:before{content:"\f2d8"}.fa-deezer:before{content:"\e077"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-jira:before{content:"\f7b1"}.fa-docker:before{content:"\f395"}.fa-screenpal:before{content:"\e570"}.fa-bluetooth:before{content:"\f293"}.fa-gitter:before{content:"\f426"}.fa-d-and-d:before{content:"\f38d"}.fa-microblog:before{content:"\e01a"}.fa-cc-diners-club:before{content:"\f24c"}.fa-gg-circle:before{content:"\f261"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-yandex:before{content:"\f413"}.fa-readme:before{content:"\f4d5"}.fa-html5:before{content:"\f13b"}.fa-sellsy:before{content:"\f213"}.fa-sass:before{content:"\f41e"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-buromobelexperte:before{content:"\f37f"}.fa-salesforce:before{content:"\f83b"}.fa-octopus-deploy:before{content:"\e082"}.fa-medapps:before{content:"\f3c6"}.fa-ns8:before{content:"\f3d5"}.fa-pinterest-p:before{content:"\f231"}.fa-apper:before{content:"\f371"}.fa-fort-awesome:before{content:"\f286"}.fa-waze:before{content:"\f83f"}.fa-cc-jcb:before{content:"\f24b"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-rust:before{content:"\e07a"}.fa-wix:before{content:"\f5cf"}.fa-behance-square:before,.fa-square-behance:before{content:"\f1b5"}.fa-supple:before{content:"\f3f9"}.fa-rebel:before{content:"\f1d0"}.fa-css3:before{content:"\f13c"}.fa-staylinked:before{content:"\f3f5"}.fa-kaggle:before{content:"\f5fa"}.fa-space-awesome:before{content:"\e5ac"}.fa-deviantart:before{content:"\f1bd"}.fa-cpanel:before{content:"\f388"}.fa-goodreads-g:before{content:"\f3a9"}.fa-git-square:before,.fa-square-git:before{content:"\f1d2"}.fa-square-tumblr:before,.fa-tumblr-square:before{content:"\f174"}.fa-trello:before{content:"\f181"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-get-pocket:before{content:"\f265"}.fa-perbyte:before{content:"\e083"}.fa-grunt:before{content:"\f3ad"}.fa-weebly:before{content:"\f5cc"}.fa-connectdevelop:before{content:"\f20e"}.fa-leanpub:before{content:"\f212"}.fa-black-tie:before{content:"\f27e"}.fa-themeco:before{content:"\f5c6"}.fa-python:before{content:"\f3e2"}.fa-android:before{content:"\f17b"}.fa-bots:before{content:"\e340"}.fa-free-code-camp:before{content:"\f2c5"}.fa-hornbill:before{content:"\f592"}.fa-js:before{content:"\f3b8"}.fa-ideal:before{content:"\e013"}.fa-git:before{content:"\f1d3"}.fa-dev:before{content:"\f6cc"}.fa-sketch:before{content:"\f7c6"}.fa-yandex-international:before{content:"\f414"}.fa-cc-amex:before{content:"\f1f3"}.fa-uber:before{content:"\f402"}.fa-github:before{content:"\f09b"}.fa-php:before{content:"\f457"}.fa-alipay:before{content:"\f642"}.fa-youtube:before{content:"\f167"}.fa-skyatlas:before{content:"\f216"}.fa-firefox-browser:before{content:"\e007"}.fa-replyd:before{content:"\f3e6"}.fa-suse:before{content:"\f7d6"}.fa-jenkins:before{content:"\f3b6"}.fa-twitter:before{content:"\f099"}.fa-rockrms:before{content:"\f3e9"}.fa-pinterest:before{content:"\f0d2"}.fa-buffer:before{content:"\f837"}.fa-npm:before{content:"\f3d4"}.fa-yammer:before{content:"\f840"}.fa-btc:before{content:"\f15a"}.fa-dribbble:before{content:"\f17d"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-internet-explorer:before{content:"\f26b"}.fa-stubber:before{content:"\e5c7"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-old-republic:before{content:"\f510"}.fa-odysee:before{content:"\e5c6"}.fa-square-whatsapp:before,.fa-whatsapp-square:before{content:"\f40c"}.fa-node-js:before{content:"\f3d3"}.fa-edge-legacy:before{content:"\e078"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-medrt:before{content:"\f3c8"}.fa-usb:before{content:"\f287"}.fa-tumblr:before{content:"\f173"}.fa-vaadin:before{content:"\f408"}.fa-quora:before{content:"\f2c4"}.fa-square-x-twitter:before{content:"\e61a"}.fa-reacteurope:before{content:"\f75d"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-amilia:before{content:"\f36d"}.fa-mixcloud:before{content:"\f289"}.fa-flipboard:before{content:"\f44d"}.fa-viacoin:before{content:"\f237"}.fa-critical-role:before{content:"\f6c9"}.fa-sitrox:before{content:"\e44a"}.fa-discourse:before{content:"\f393"}.fa-joomla:before{content:"\f1aa"}.fa-mastodon:before{content:"\f4f6"}.fa-airbnb:before{content:"\f834"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-buy-n-large:before{content:"\f8a6"}.fa-gulp:before{content:"\f3ae"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-strava:before{content:"\f428"}.fa-ember:before{content:"\f423"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-teamspeak:before{content:"\f4f9"}.fa-pushed:before{content:"\f3e1"}.fa-wordpress-simple:before{content:"\f411"}.fa-nutritionix:before{content:"\f3d6"}.fa-wodu:before{content:"\e088"}.fa-google-pay:before{content:"\e079"}.fa-intercom:before{content:"\f7af"}.fa-zhihu:before{content:"\f63f"}.fa-korvue:before{content:"\f42f"}.fa-pix:before{content:"\e43a"}.fa-steam-symbol:before{content:"\f3f6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2?v=120) format("woff2"),url(../webfonts/fa-solid-900.ttf?v=120) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2?v=120) format("woff2"),url(../webfonts/fa-solid-900.ttf?v=120) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2?v=120) format("woff2"),url(../webfonts/fa-solid-900.ttf?v=120) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}