From: Snapshot-Content-Location: https://karriere.niedersachsen.de/stellenausschreibungen/leitung-teilreferat-m-w-d-boden-grundwasserschutz-und-abwassertechnik-118213.html Subject: =?utf-8?Q?Leitung=20Teilreferat=20(m/w/d)=20=E2=80=9EBoden-=20/=20Grundwa?= =?utf-8?Q?sserschutz=20und=20Abwassertechnik=E2=80=9C?= Date: Thu, 24 Sep 2026 09:56:16 +0200 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A----" ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/stellenausschreibungen/leitung-teilreferat-m-w-d-boden-grundwasserschutz-und-abwassertechnik-118213.html Leit= ung Teilreferat (m/w/d) =E2=80=9EBoden- / Grundwasserschutz und Abwassert= echnik=E2=80=9C= 3D"Leichte
3D"Karriereportal
Stellenangebot

Leitun= g Teilreferat (m/w/d) =E2=80=9EBoden- / Grundwasserschutz und Abwassertec= hnik=E2=80=9C

=20 =20 =20

Das = Nieders=C3=A4chsische Landesamt f=C3=BCr Bau und Liegenschaften (NLBL) =C3=BCbt die Aufsicht =C3=BCber di= e sieben Bau=C3=A4mter des Staatlichen Baumanagements Niedersachsen (SBN) aus. Mit rund 360 Besch=C3= =A4ftigten sind wir f=C3=BCr die Bauprojekte des Landes und des Bundes in Niedersachsen sow= ie f=C3=BCr das Landesliegenschaftsmanagement verantwortlich.

F=C3=BCr unseren Standort Hannover suchen wir f=C3=BCr das Referat BL 37 - Leitstellen des Bundes unbefristet eine

    

Leitung Teilreferat (m/w/d) = =E2=80=9EBoden- / Grundwasserschutz und   Abwassertechnik=E2=80=9C

Besoldungsgruppe A 14 NBesG bzw. Entgeltgruppe 14 TV-L

 

Ihre Aufgaben:

Leitung des Referatsteils Boden-/Grundwasserschutz (BoGwS) und Abwassertechnik<= /p>

o   Koordination der Fachaufgaben

o   F=C3=BChrung und Lenkung der dem Referatsteil angeh=C3=B6rige= n Besch=C3=A4ftigten und deren Aufgaben in organisatorischer, fachlicher und personeller Hinsicht na= ch den F=C3=BChrungsleits=C3=A4tzen des SBN, d.h.

-&= nbsp;  Wahrnehmung der dienstrechtlichen Personalverantwortung

-   Personalf=C3=BC= hrung und -einsatz

-   F=C3=B6rderung und Entwicklung der Besch=C3=A4ftigten u. a. Festlegung von Arbeitszielen und Koordination = der Arbeitsergebnisse im Referatsteil unter Ber=C3=BCcksichtigung referatsinter= ner und     referats=C3=BCbergreifender Angelegenheiten, Ste= uerung der Gesch=C3=A4ftsverteilung sowie der sach- und zeitgerechten Aufgabenerledigung

o   Vertretung des Referatsteils nach au=C3=9Fen

o   Begleitung bei den betreffenden Personalma=C3=9Fnahmen des Re= feratsteils

o   Leitung von bzw. Mitarbeit bei SBN-internen Arbeitsgruppen/Pr= ojekten

o   Schluss- und Mitzeichnung nach Ma=C3=9Fgabe der Zust=C3=A4ndigkeitsregelung f=C3=BCr die= Aus=C3=BCbung des Zeichenrechts durch den Referenten

 

Aufgaben als Leitstelle des Bundes

Insbesondere geh=C3=B6ren hierzu:

o   Planaufgaben; baufachliche Beratung bei Ma=C3=9Fnahmen zum Bo= den- und Grundwasserschutz und zur Abwassertechnik

o   Unterst=C3=BCtzung und Beratung der Bauverwaltungen der L=C3= =A4nder, BBR, des BMVg und der BImA bei Ma=C3=9Fnahmen des Boden- und Grundwasserschutzes und der Abwassertechnik

o   Einschaltung und Begleitung (Koordinierung, Steuerung und =C3= =9Cberwachung) der f=C3=BCr den Aufgabenbereich eingeschalteten freiberuflich T=C3=A4tigen=

o   Erarbeitung von Beitr=C3=A4gen zu baufachlichen Richtlinien u= nd den Arbeitshilfen/Leitf=C3=A4den des Bundes

o   Leitung / Mitarbeit von bzw. in bundesweiten Arbeitsgruppen u= nd Fachaussch=C3=BCssen

o   Organisation und Durchf=C3=BChrung von Aus- und Fortbildungen im SBN und Bauverwaltungen der= L=C3=A4nder und BBR

 

Ihr Profil:

=E2=80=A2   Als Beamter (m/w/d) verf=C3=BCgen Sie = =C3=BCber

o&= nbsp;  ein abgeschlossenes Hochschulstudium der Geowissenschaften, der Ingenieurwissenschaften, des Ba= uingenieurwesens oder vergleichbar,

o   =C3=BCber die Bef=C3= =A4higung f=C3=BCr die Laufbahn der Laufbahngruppe 2 mit Zugang zum 2. Einstiegsamt, Fachrichtung Technische Dienste.

=E2=80=A2   Als Arbeitnehmer (m/w/= d) verf=C3=BCgen Sie =C3=BCber

o&= nbsp;  ein abgeschlossenes wissenschaftliches Hochschulstudium (Universit=C3=A4tsdiplom oder Master) d= er Geowissenschaften, der Ingenieurwissenschaften, des Bauingenieurwesens oder vergleichbar,

o   eine mindestens 3-j=C3=A4hrige Berufserfahrung in einer T=C3=A4tigkeit, die fachlich das ab= geschlossene Studium voraussetzt.

 

Des Weiteren bringen Sie mit:

  • Vertiefte Kenntnisse und eine Berufserfahrung von mindestens= 2 Jahren in den folgenden Fachgebieten: Boden- und Grundwasserschutz und/oder Ingenieurbau, insbesondere Abwassertechnik
  • Grundkenntnisse im B= au- und Umweltrecht, Vergabe- und Vertragsrecht, geografische Informationssysteme (w=C3=BCnschenswert)
  • F=C3=A4higkei= t zum selbst=C3=A4ndigen, konzeptionellen Arbeiten, sicheres Auftreten und Verhandlungsgeschick
  • Fachwissen in Kommunikations- un= d Pr=C3=A4sentationstechniken, Moderation und Konfliktl=C3=B6sung
  • F=C3=BChrungs- und Sozialkompetenz,
  • F= =C3=A4higkeiten zur Leitung von Projektteams/Arbeitsgruppen,
  • Die Be= reitschaft zur Durchf=C3=BChrung von Dienstreisen wird vorausgesetzt.
    • <= li>Berufspraktische Erfahrung in der Mitarbeiterf=C3=BChrung sowie personalrechtliche Grundkenntnisse (w=C3=BCnschenswert).
  • Verhandlun= gssichere Deutschkenntnisse auf dem Sprachniveau C1


Unser Angebot:

  • Verantwortungsvolle Position im fach=C3=BCbergreifenden Team= ,
  • Flexible Arbeitszeitmodelle zur Vereinbarkeit von Beruf und Famil= ie,
  • Grunds=C3=A4tzliche M=C3=B6glichkeit des ortsflexiblen Arbeiten= s,
  • Individuelle strukturierte Einarbeitung nach unserem Einarbeitungskonzept,
  • Individuelle Fort- und Weiterbildung,
    • Betriebliches Gesundheitsmanagement,
  • Ergonomische Arbeitsplatzauss= tattung,
  • Corporate-Benefits-Programm des Landes Niedersachsen
    • <= /ul>


    Neugierig geworden?

    Dann freuen wir uns auf Ihre Bewerbung. Bitte senden Sie uns Ihre Unterlagen unter Angabe der Kennziffer 16/2026 bis zum 22.10.2026 =C3=BCber das Online-Bewerbungsmodul mit dem Link am Ende des Textes zu.

    Bewerberinnen und Bewerber, die bereits im =C3=B6ffentlichen Dienst t=C3=A4tig sind, werden gebeten, ih= rer Bewerbung eine Einverst=C3=A4ndniserkl=C3=A4rung zur Einsichtnahme in die Personalakt= e nebst Kontaktdaten ihrer personalf=C3=BChrenden Stelle beizuf=C3=BCgen.

    Bitte f=C3=BCgen Sie Ihrer Bewerbung ferner, wenn m=C3=B6glich, eine aktuelle dienstliche Beurteilung = bzw. Ihr letztes Arbeits-/Zwischenzeugnis bei und geben Ihr aktuelles Statusamt bzw. Ihre derzeitige Eingruppierung an.

    F=C3=BCr fachliche Ausk=C3=BCnfte wenden Sie sich bitte an Herrn Heine, Tel. 0511/76= 351-200, bei Fragen zum Auswahlverfahren gern an Frau Kirchner, Tel. 0511/76351-481.=

     

    Allgemeine Hinweise zur Ausschreibung:

    Die Verf=C3=BCgbarkeit einer Planstelle der entsprechenden Wertigkeit richtet sich nach den stellenwirtschaftlichen M=C3=B6glichkeiten.

    Eine Einstellung im Beamtenverh=C3=A4ltnis ist nu= r bei Vorliegen der f=C3=BCr das Land Niedersachsen geltenden dienstrechtlichen Voraussetzungen m=C3=B6glich.

    Schwerbehinderte Menschen werden bei gleicher Eignung und Bef=C3=A4higung im Rahmen der rechtlichen Vorschriften bevorzug= t ber=C3=BCcksichtigt. Zur Wahrung Ihrer Interessen bitte ich bereits in der = Bewerbung um einen entsprechenden Hinweis. 

    Bewerbungen von Frauen werden = besonders begr=C3=BC=C3=9Ft.

    Informationen =C3=BCber die Verarbeitung Ihrer personenbezogenen Daten sowie =C3=BCber Ihre damit zusammenh=C3=A4ngenden R= echte gem. Art. 13 Datenschutz-Grundverordnung erhalten Sie auf unserer Internetseite unter K= arriere / Aktuelle Stellenangebote / NLBL / Datenschutzrechtliche Informationen.<= /p>

     

    Nds. Landesamt f=C3=BCr Bau und Liegenschaften | Referat BLZ 13 &nbs= p;

    Waterloostra=C3=9Fe 4  |  30169 Hannover

    www.nlbl.niedersachsen.= de

Jetzt online bewerben

Informationen

<= div class=3D"FactsListItem u-listStyle-user">
Dienststellen:
Einstellungsdatum:
Zum n=C3=A4chstm=C3=B6glichen Zeitpunkt
Meldeaktenzeichen:
03041-16/2026-BLZ 1307
Besoldungs-/Ent= geltgruppe:
A 14, E 14
Bewerbungssch= luss:
22.10.2026
Stellenumfang:
1
Pl=C3=A4tze:
1
Befristung:
unbefris= tet
Stellennummer
118213
= Jetzt online bewerben
------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://cc.mpa-web.de/public/settings-icon?user=1a66c5b&domain=d029805&theme=c7e7a07&v=1640169918 ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Images/Logo-nds-klar.svg =0A ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Images/Logo.svg = ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://static.conword.io/assets/img/flags/svg/de.svg ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Images/Icons/icon-leichtesprache.svg ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://cc.mpa-web.de/public/app.css?apiKey=d181635695b92aa6a0b3aa3ad5c7c063b699c253aaeaa8c2&domain=d029805&gen=2&theme=c7e7a07&v=1781167575 @charset "utf-8"; :root.ccm-blocked, body.ccm-blocked { overflow: hidden !important; } :root.ccm--is-loading { filter: brightness(0.8) grayscale(50%); cursor: wai= t; } :root.ccm--is-loading * { pointer-events: none; } .ccm-root, .ccm-root * { color: revert; background: revert; margin: revert;= padding: revert; border: revert; border-radius: revert; width: revert; hei= ght: revert; max-height: revert; min-height: revert; max-width: revert; min= -width: revert; outline: revert; text-align: revert; line-height: revert; f= ilter: revert; pointer-events: revert; overflow: revert; display: revert; v= isibility: revert; box-shadow: revert; float: revert; position: revert; ins= et: revert; opacity: revert; transform: revert; text-size-adjust: none; box= -sizing: border-box; } .ccm-root::before, .ccm-root::after, .ccm-root ::before, .ccm-root ::after = { content: none; } .ccm-root { font-weight: 300; font-style: normal; font-size: 15px; line-hei= ght: 1.4; text-align: left; color: rgb(51, 51, 51); contain: style; } .ccm-root [role=3D"document"][tabindex]:focus-visible, .ccm-root [role=3D"d= ocument"][tabindex]:focus { } .ccm-root .ccm--tab-used [role=3D"document"][tabindex]:focus-visible, .ccm-= root .ccm--tab-used [role=3D"document"][tabindex]:focus { outline: rgba(51,= 51, 51, 0.8) dashed 1px; outline-offset: 0.56ex; } .ccm-root [role=3D"document"][tabindex]:focus-visible, .ccm-root [role=3D"d= ocument"][tabindex]:focus { outline: none; box-shadow: none; } .ccm-root a:link, .ccm-root a:visited { color: rgb(0, 159, 227); } .ccm-root a:hover { color: rgb(0, 159, 227); } .ccm-root a:focus { color: rgb(0, 159, 227); } .ccm-root p { display: block; margin: 0px 0px 15px; padding: 0px; font-weig= ht: inherit; font-style: inherit; font-size: inherit; line-height: inherit;= } .ccm--p { margin-bottom: 15px; } .ccm--p > :last-child { margin-bottom: 0px; } .ccm-root q::before { content: open-quote; } .ccm-root q::after { content: close-quote; } .ccm-root strong { font-weight: 500; } .ccm-root ul { display: block; margin: 0px; padding: 0px; font-size: inheri= t; list-style: none; } .ccm-root ul li { display: block; margin: 0px; padding: 0px; background: no= ne; } .ccm-root input[type=3D"checkbox"]::before, .ccm-root input[type=3D"checkbo= x"]:checked::before, .ccm-root input[type=3D"checkbox"]::after, .ccm-root i= nput[type=3D"checkbox"]:checked::after, .ccm-root input[type=3D"radio"]::be= fore, .ccm-root input[type=3D"radio"]:checked::before, .ccm-root input[type= =3D"radio"]::after, .ccm-root input[type=3D"radio"]:checked::after, .ccm-ro= ot ul li::marker, .ccm-root ul li::before { content: revert; } .ccm-root a.ccm-must-show { display: inline !important; } .ccm--badge, .ccm-root .button, .ccm-root button { display: inline-flex; po= sition: static; justify-content: center; align-items: center; margin: 0px; = padding: 0px 20px; width: auto; height: auto; min-width: 0px; min-height: 4= 1px; max-width: 100%; max-height: none; font-weight: inherit; font-style: i= nherit; font-size: inherit; line-height: 1; text-align: center; white-space= : normal; color: rgb(255, 255, 255); background: rgb(51, 51, 51); border: 3= px solid rgb(51, 51, 51); border-radius: 0px; box-shadow: none; transition:= 128ms ease-out; cursor: pointer; appearance: none; } .ccm-root .button:link, .ccm-root .button:visited { text-decoration: none; = color: rgb(255, 255, 255); } .ccm-root .button:hover, .ccm-root .button:focus, .ccm-root button:hover, .= ccm-root button:focus { display: inline-flex; margin: 0px; padding: 0px 20p= x; text-decoration: none; color: rgb(255, 255, 255); border: 3px solid rgb(= 61, 61, 61); border-radius: 0px; box-shadow: none; } .ccm-root .button:focus, .ccm-root button:focus { background-color: rgb(59,= 59, 59); outline: rgba(255, 255, 255, 0.8) dashed 1px; outline-offset: -6p= x; } .ccm-root .button:hover, .ccm-root button:hover { background-color: rgb(82,= 82, 82); border-color: rgb(82, 82, 82); } .ccm-root .button::before, .ccm-root .button::after, .ccm-root button::befo= re, .ccm-root button::after { content: none; } .ccm-root .button.ccm--button-primary, .ccm-root button.ccm--button-primary= { color: rgb(255, 255, 255); background: rgb(51, 51, 51); border-color: rg= b(51, 51, 51); } .ccm-root .button.ccm--button-primary:link, .ccm-root .button.ccm--button-p= rimary:visited { color: rgb(255, 255, 255); } .ccm-root .button.ccm--button-primary:focus, .ccm-root button.ccm--button-p= rimary:focus { color: rgb(255, 255, 255); background-color: rgb(59, 59, 59)= ; border-color: rgb(61, 61, 61); outline-color: rgba(255, 255, 255, 0.8); } .ccm-root .button.ccm--button-primary:hover, .ccm-root .button.ccm--button-= primary:focus, .ccm-root button.ccm--button-primary:hover, .ccm-root button= .ccm--button-primary:focus { color: rgb(255, 255, 255); background-color: r= gb(82, 82, 82); border-color: rgb(82, 82, 82); } .ccm-root .button.ccm--decline-cookies, .ccm-root button.ccm--decline-cooki= es { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); border-c= olor: rgb(51, 51, 51); } .ccm-root .button.ccm--decline-cookies:link, .ccm-root .button.ccm--decline= -cookies:visited { color: rgb(255, 255, 255); } .ccm-root .button.ccm--decline-cookies:focus, .ccm-root button.ccm--decline= -cookies:focus { color: rgb(255, 255, 255); background-color: rgb(59, 59, 5= 9); border-color: rgb(61, 61, 61); outline-color: rgba(255, 255, 255, 0.8);= } .ccm-root .button.ccm--decline-cookies:hover, .ccm-root button.ccm--decline= -cookies:hover { color: rgb(255, 255, 255); background-color: rgb(82, 82, 8= 2); border-color: rgb(82, 82, 82); } .ccm-root .button.ccm-info-button, .ccm-root button.ccm-info-button { flex:= 0 0 auto; display: block; padding-right: 0px; padding-left: 0px; width: 21= px; height: 21px; min-height: 0px; font-weight: 600; font-size: 14px; color= : rgb(102, 105, 119); background: rgba(255, 255, 255, 0.4); border: 2px sol= id rgb(102, 105, 119); border-radius: 50%; overflow: hidden; } .ccm-root .button.ccm-info-button:hover, .ccm-root .button.ccm-info-button:= focus, .ccm-root button.ccm-info-button:hover, .ccm-root button.ccm-info-bu= tton:focus { padding-right: 0px; padding-left: 0px; border-width: 2px; bord= er-radius: 50%; background: rgba(255, 255, 255, 0.6); } .ccm-root button.ccm-info-button:focus, .ccm-root .button.ccm-info-button:f= ocus { color: rgb(87, 89, 101); outline-color: rgba(87, 89, 101, 0.95); bor= der-color: rgb(87, 89, 101); outline-offset: 2px; outline-style: dotted; } .ccm-root .button.ccm-info-button:hover, .ccm-root button.ccm-info-button:h= over { color: rgb(51, 51, 51); border-color: rgb(51, 51, 51); } .ccm--badge { padding-right: 5px; padding-left: 4px; height: 16px; font-wei= ght: 400; font-size: 9px; border-width: medium; border-style: none; border-= color: currentcolor; border-image: none; border-radius: 2px; cursor: defaul= t; } .ccm-root .button.ccm--small, .ccm-root button.ccm--small { padding-right: = 6px; padding-left: 6px; min-height: 25px; font-size: 11px; border-radius: 3= px; } .ccm-root .button.ccm--small:hover, .ccm-root .button.ccm--small:focus, .cc= m-root button.ccm--small:hover, .ccm-root button.ccm--small:focus { padding= -right: 6px; padding-left: 6px; min-height: 25px; font-size: 11px; border-r= adius: 3px; } .ccm-root input[type=3D"checkbox"] { display: inline-block; position: stati= c; margin: 0px; padding: 0px; width: auto; height: auto; min-width: 0px; mi= n-height: 0px; opacity: 1; appearance: auto; } .ccm-root input[type=3D"checkbox"]::before, .ccm-root input[type=3D"checkbo= x"]::after { display: inline; position: static; width: auto; height: auto; = min-width: 0px; min-height: 0px; font-family: inherit; font-weight: inherit= ; font-size: inherit; line-height: inherit; color: inherit; background: non= e; border-width: medium; border-style: none; border-color: currentcolor; bo= rder-image: none; } .ccm-root input[type=3D"checkbox"] + label { position: relative; margin: 0p= x; font-size: inherit; line-height: inherit; color: inherit; cursor: pointe= r; } .ccm-root input[type=3D"checkbox"]:checked + label::before, .ccm-root input= [type=3D"checkbox"]:checked + label::after, .ccm-root input[type=3D"checkbo= x"]:not(:checked) + label::before, .ccm-root input[type=3D"checkbox"]:not(:= checked) + label::after, .ccm-root input[type=3D"checkbox"] + label::before= , .ccm-root input[type=3D"checkbox"] + label::after { margin: 0px; padding:= 0px; } .ccm-root input[type=3D"checkbox"][disabled] + label { pointer-events: none= ; } .ccm-root input[type=3D"checkbox"][class*=3D"ccm-checkbox-type--"] { displa= y: block; position: absolute; opacity: 0; z-index: -1; width: 0px; height: = 0px; margin: 0px; } .ccm-root input[type=3D"checkbox"][class*=3D"ccm-checkbox-type--"].ccm-chec= kbox-align--right { right: 0px; margin: 0px; order: 1; } .ccm-root input[type=3D"checkbox"][class*=3D"ccm-checkbox-type--"] + label = { display: flex; align-items: center; margin: 0px; padding: 0px 0px 0px 45p= x; min-height: 30px; } .ccm-root input[type=3D"checkbox"][class*=3D"ccm-checkbox-type--"].ccm-chec= kbox-align--right + label { padding-right: 45px; padding-left: 0px; } .ccm-root input[type=3D"checkbox"][class*=3D"ccm-checkbox-type--"] + label = + button { order: 2; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--checkbox + label::aft= er { content: ""; display: flex; justify-content: center; align-items: cent= er; position: absolute; inset: 3px auto auto 0px; transform: none; width: 2= 4px; height: 24px; font-weight: 400; font-size: 27px; color: rgb(51, 51, 51= ); background: rgba(255, 255, 255, 0.4); border: 1px solid rgb(51, 51, 51);= border-radius: 2px; opacity: 1; } .ccm-root input[type=3D"checkbox"][class*=3D"ccm-checkbox-type--"]:focus + = label::after, .ccm-root input[type=3D"checkbox"][class*=3D"ccm-checkbox-typ= e--"]:focus + label::before, .ccm-root input[type=3D"checkbox"][class*=3D"c= cm-checkbox-type--"]:active + label::after, .ccm-root input[type=3D"checkbo= x"][class*=3D"ccm-checkbox-type--"]:active + label::before { box-shadow: rg= b(68, 68, 68) 0px -0.3px 4px; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--checkbox.ccm-checkbox= -align--right + label::after { right: 0px; left: auto; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--checkbox:checked + la= bel::after { content: "=E2=9C=93"; color: rgb(255, 255, 255); background-co= lor: rgb(51, 51, 51); } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--checkbox:indeterminat= e + label::after { content: "=E2=94=81"; color: rgb(51, 51, 51); background= -color: rgba(255, 255, 255, 0.4); } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--checkbox[disabled] + = label::after { color: rgb(68, 68, 68); background-color: rgb(204, 204, 204)= ; border-color: rgb(102, 102, 102); } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch + label::befor= e { content: ""; display: block; position: absolute; inset: 9px auto auto 0= px; transform: none; width: 32px; height: 12px; background: silver; border-= width: medium; border-style: none; border-color: currentcolor; border-image= : none; border-radius: 6px; transition: background-color 128ms ease-out; op= acity: 1; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch.ccm-checkbox-a= lign--right + label::before { right: 0px; left: auto; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch:checked + labe= l::before { background-color: rgb(214, 214, 214); } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch:indeterminate = + label::before { background-color: rgb(153, 153, 153); } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch + label::after= { content: ""; display: block; position: absolute; inset: 7px auto auto 0p= x; transform: none; width: 16px; height: 16px; background: rgb(247, 247, 24= 7); border-width: medium; border-style: none; border-color: currentcolor; b= order-image: none; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.25) 0px = 1px 2px 0px; transition: 128ms ease-out; opacity: 1; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch.ccm-checkbox-a= lign--right + label::after { right: 18px; left: auto; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch:checked + labe= l::after { content: ""; left: 18px; background-color: rgb(51, 51, 51); } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch:checked.ccm-ch= eckbox-align--right + label::after { right: 0px; left: auto; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch:indeterminate = + label::after { content: ""; left: 8px; background-color: rgb(92, 92, 92);= } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch:indeterminate.= ccm-checkbox-align--right + label::after { right: 8px; left: auto; } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch[disabled]:chec= ked + label::before { background-color: rgb(167, 167, 167); } .ccm-root input[type=3D"checkbox"].ccm-checkbox-type--switch[disabled]:chec= ked + label::after { background-color: rgb(103, 103, 103); } .ccm-control-panel--purpose input[type=3D"checkbox"][class*=3D"ccm-checkbox= -type--"].ccm-checkbox-align--right { top: 24px; right: 48px; } .ccm-control-panel--purpose input[type=3D"checkbox"][class*=3D"ccm-checkbox= -type--"].ccm-checkbox-align--right + label { padding-right: 100px; max-wid= th: calc(100% - 36px); } .ccm-control-panel--purpose .ccm-control-panel--purpose--name { max-width: = calc(100% - 36px); } .ccm-control-panel--purpose input[type=3D"checkbox"][class*=3D"ccm-checkbox= -type--"].ccm-checkbox-align--right + label .ccm--badge { position: absolut= e; z-index: 1; top: 4px; right: 45px; padding: 0px 8px; height: 22px; font-= size: 13px; border-radius: 3px; } .ccm-root .ccm--tree-node { position: relative; margin-top: 0px; } .ccm-root .ccm--tree-node-toggle { display: block; position: absolute; top:= 0px; right: 100%; margin: -5px; padding: 5px; width: 30px; height: 30px; c= olor: inherit; background: rgba(255, 255, 255, 0); border-width: medium; bo= rder-style: none; border-color: currentcolor; border-image: none; border-ra= dius: 50%; transition: transform 64ms ease-out; } .ccm-root .ccm--tree-node-toggle:hover, .ccm-root .ccm--tree-node-toggle:fo= cus { display: inline; margin: -5px; padding: 5px; width: 30px; height: 30p= x; color: inherit; background: rgba(255, 255, 255, 0); border-width: medium= ; border-style: none; border-color: currentcolor; border-image: none; borde= r-radius: 50%; transition: transform 64ms ease-out; outline: none; } .ccm-root .ccm--tree-node-toggle::before, .ccm-root .ccm--tree-node-toggle:= :after { content: ""; display: block; position: absolute; top: 10px; left: = 12px; width: 0px; height: 0px; border-width: 6px; border-style: solid; bord= er-image: none; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)= rgba(255, 255, 255, 0) rgb(71, 71, 71); transition: opacity 128ms ease-out= , border-color 128ms ease-out; } .ccm-root .ccm--tree-node-toggle::before { opacity: 0; filter: drop-shadow(= rgb(136, 136, 136) 0px 0px 2px) blur(3px); } .ccm-root .ccm--tree-node-toggle:focus::before { opacity: 0.9; } .ccm-root .ccm--tree-node-toggle:hover::after, .ccm-root .ccm--tree-node-to= ggle:focus::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255= , 0) rgba(255, 255, 255, 0) rgb(92, 92, 92); } .ccm-root .ccm--tree-node.ccm--tree-node--open .ccm--tree-node-toggle { tra= nsform: rotate(45deg); } .ccm-root .ccm--tree-node.ccm--tree-node--open .ccm--tree-node-toggle::befo= re, .ccm-root .ccm--tree-node.ccm--tree-node--open .ccm--tree-node-toggle::= after { transform: translate(2px, 1px); } .ccm-root .ccm--tree-node:not(.ccm--tree-node--open) .ccm--collapsable { di= splay: none; } div.ccm--h4 { margin-bottom: 10px; font-weight: 500; font-size: 1.125em; } .ccm-modal { display: block; position: fixed; inset: auto 0px 100%; width: = 100%; height: 100%; background: rgba(255, 255, 255, 0); pointer-events: non= e; opacity: 0; z-index: 2147483647; transition: opacity 400ms ease-out; vis= ibility: hidden; } .ccm-modal.ccm-show { top: 0px; bottom: 0px; pointer-events: auto; opacity:= 1; visibility: visible; } .ccm-modal.ccm--is-blocking { background-color: rgba(0, 0, 0, 0.3); } .ccm-modal.ccm--is-blocking[inert] { background-color: rgba(255, 255, 255, = 0); } .ccm-modal-inner { display: flex; flex-flow: column; position: absolute; to= p: 0px; left: 0px; transform: none; width: 100%; height: auto; max-width: n= one; max-height: 100%; background: rgb(255, 255, 255); transition: 1s cubic= -bezier(0, 0, 0, 1); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 20px 0px; } .ccm-modal.fixed-height .ccm-modal-inner, .ccm-modal.ccm-control-panel .ccm= -modal-inner { height: 100%; } .ccm--tcf-enabled .ccm-modal.ccm-widget .ccm-modal-inner { max-height: 100%= !important; } @media screen and (min-width: 64.0625em) { .ccm-modal-inner { top: 50%; left: 0px; transform: translate(-50%, -50%);= width: 90%; height: auto; max-width: 640px; max-height: 90%; } .ccm-modal.ccm-show .ccm-modal-inner { left: 50%; max-height: 60%; } .ccm-modal.ccm-show.ccm-control-panel .ccm-modal-inner { height: auto; ma= x-height: 80%; } .ccm--is-ie .ccm-modal.ccm-show .ccm-modal-inner { height: 90%; } .ccm-modal.fixed-height .ccm-modal-inner { height: 90%; max-width: 960px;= max-height: none; } .ccm-modal:not(.ccm--is-blocking) { right: auto; bottom: auto; width: 0px= ; height: 0px; } .ccm-modal:not(.ccm--is-blocking) .ccm-modal-inner { position: fixed; } } @media screen and (min-width: 64.0625em) and (max-height: 50em) { .ccm-modal.ccm-show .ccm-modal-inner { max-height: 80%; } } .ccm-modal--header { position: relative; padding: 30px 25px; background-col= or: rgb(255, 255, 255); } .ccm-modal--body { flex: 1 10 auto; position: relative; padding: 30px 25px;= min-height: 0px; background: rgb(255, 255, 255); border-bottom: 1px solid = rgb(102, 102, 102); overflow: hidden auto; overscroll-behavior: contain; } .ccm--is-ie .ccm-modal--body { overflow-y: hidden; } .ccm-modal--footer { display: flex; flex-flow: wrap; justify-content: space= -around; padding: 30px 25px; background-color: rgb(51, 51, 51); } .ccm-modal--footer .ccm-link-container a:link, .ccm-modal--footer .ccm-link= -container a:visited { color: rgba(255, 255, 255, 0.9); } .ccm-modal--footer .ccm-link-container a:hover { color: rgb(255, 255, 255);= } .ccm-modal--footer .ccm-link-container a:focus { color: rgb(255, 255, 255);= } .ccm-modal--footer .ccm-link-container > a::before { background: rgba(255, = 255, 255, 0.6); } .ccm-modal:not(.ccm-widget) .ccm-modal--footer:not(.ccm-link-container-sub-= footer) { padding-bottom: 20px; } .ccm-modal:not(.ccm-widget) .ccm-modal--footer > button, .ccm-modal:not(.cc= m-widget) .ccm-modal--footer > .button { margin-bottom: 10px; } .ccm-modal:not(.ccm-widget) .ccm-modal--footer > button:hover, .ccm-modal:n= ot(.ccm-widget) .ccm-modal--footer > .button:hover, .ccm-modal:not(.ccm-wid= get) .ccm-modal--footer > button:focus, .ccm-modal:not(.ccm-widget) .ccm-mo= dal--footer > .button:focus { margin-bottom: 10px; } .ccm-modal--title { font-weight: 500; font-size: 20px; } .ccm-modal--subline { margin-inline-start: 0.125em; font-size: 0.75em; marg= in-top: 0.4em; margin-bottom: -1.25em; } .ccm-inner-overflow { padding-right: var(--ccm--scrollbar-width,17px); widt= h: 100%; max-height: 100%; overflow: hidden scroll; } .cover-scrollbar { display: flex; flex-flow: row; } @media screen and (min-width: 64.0625em) { .cover-scrollbar { position: relative; } .cover-scrollbar::before { content: ""; display: block; position: absolut= e; top: 0px; right: 0px; bottom: 0px; width: var(--ccm--scrollbar-width,17p= x); height: 100%; background: rgb(255, 255, 255); z-index: 1; } } .ccm-link-container { display: flex; flex-flow: wrap; font-size: 14px; } .ccm-link-container a:link, .ccm-link-container a:visited { position: relat= ive; color: rgb(0, 159, 227); transition: color 128ms ease-out; } .ccm-link-container a:hover { color: rgb(0, 159, 227); } .ccm-link-container a:focus { color: rgb(0, 159, 227); } .ccm-link-container > a:not(:first-child) { margin-left: 16px; } .ccm-link-container > a::before { display: none; content: ""; position: abs= olute; top: 4px; left: -8px; bottom: 4px; width: 1px; background: rgba(0, 0= , 0, 0.3); pointer-events: none; } .ccm-link-container > a:not(:first-child)::before { display: block; } .ccm-link-container-sub-footer { justify-content: space-between; padding: 1= 0px 30px; border-top: 1px solid rgb(102, 102, 102); background: rgb(82, 82,= 82); } @media screen and (max-width: 64em) { .ccm-modal.ccm-widget .ccm-modal-inner { top: auto; bottom: 0px; } } @media screen and (max-width: 40em) { .ccm-modal.ccm-widget .ccm-modal-inner { max-height: 80%; } } @media screen and (max-width: 40em) and (min-height: 50.75em) { .ccm-modal.ccm-widget .ccm-modal-inner { max-height: 70%; } } @media screen and (max-width: 20em), screen and (max-height: 34em) { .ccm-modal.ccm-widget .ccm-modal-inner { max-height: 100%; } } @media screen and (min-width: 64.0625em) { .ccm--tcf-enabled .ccm-widget .ccm-modal-inner { max-width: 720px; } .ccm--tcf-enabled .ccm-widget.ccm--alignment--top .ccm-modal-inner, .ccm-= -tcf-enabled .ccm-widget.ccm--alignment--bottom .ccm-modal-inner { height: = auto; } .ccm-widget.ccm--alignment--top .ccm-modal-inner, .ccm-widget.ccm--alignm= ent--bottom .ccm-modal-inner { right: 0px; left: 0px; transform: none; widt= h: 100%; height: 375px; max-width: none; } .ccm-widget.ccm--alignment--top .ccm-modal-inner { top: 0px; bottom: auto= ; } .ccm-widget.ccm--alignment--bottom .ccm-modal-inner { top: auto; bottom: = 0px; } .ccm-widget.ccm--alignment--bottomleft .ccm-modal-inner { height: 600px; = width: 318px; max-width: 318px; bottom: 40px; left: 40px; top: auto; transf= orm: translate(0%, -5%); } .ccm-widget.ccm--alignment--bottomleft .ccm-widget--buttons { align-items= : center; padding-top: 10px; } .ccm-widget.ccm--alignment--bottomleft .ccm-widget--buttons .button.ccm--= save-settings { font-weight: 200; text-shadow: none; } .ccm-widget.ccm--alignment--bottomleft .ccm-widget--buttons .button, .ccm= -widget.ccm--alignment--bottomleft .ccm-widget--buttons button { padding: 0= px 20px; text-transform: inherit; margin-bottom: 15px; display: inherit; fl= ex-basis: inherit !important; } .ccm-widget.ccm--alignment--bottomright .ccm-modal-inner { height: 600px;= width: 318px; max-width: 318px; inset: auto 40px 40px auto; transform: tra= nslate(0%, -5%); } .ccm-widget.ccm--alignment--bottomright .ccm-widget--buttons { align-item= s: center; padding-top: 10px; } .ccm-widget.ccm--alignment--bottomright .ccm-widget--buttons .button.ccm-= -save-settings { font-weight: 200; text-shadow: none; } .ccm-widget.ccm--alignment--bottomright .ccm-widget--buttons .button, .cc= m-widget.ccm--alignment--bottomright .ccm-widget--buttons button { padding:= 0px 20px; text-transform: inherit; margin-bottom: 15px; display: inherit; = flex-basis: inherit !important; } .ccm-widget.ccm--alignment--top .ccm-modal--footer { order: -1; } } .ccm-widget { transition: filter 200ms ease-out, -moz-filter 200ms ease-out= , -webkit-filter 200ms ease-out; } .ccm-widget .ccm-modal--header { padding-top: 0px; padding-bottom: 0px; } .ccm-widget .ccm-modal--body { display: flex; flex-flow: column; } .ccm-widget .ccm-modal--footer { flex-flow: column; justify-content: normal= ; align-items: center; padding-top: 10px; padding-bottom: 10px; } .ccm-widget .ccm-modal--footer > :not(:last-child) { margin-bottom: 15px; } @media screen and (min-width: 64.0625em) { .ccm-widget .ccm-modal--footer { flex-flow: row; justify-content: space-b= etween; align-items: center; } .ccm-widget .ccm-modal--footer > :not(:last-child) { margin-bottom: 0px; = } } .ccm-powered-by a { font-size: 13px; transition: color 128ms ease-out; } .ccm-powered-by a:link, .ccm-powered-by a:visited { color: rgba(255, 255, 2= 55, 0.75); } .ccm-powered-by a:hover { color: rgba(255, 255, 255, 0.9); } .ccm-powered-by a:focus { color: rgba(255, 255, 255, 0.9); } .ccm-widget--logo { display: flex; flex-flow: row; justify-content: center;= align-items: flex-start; padding-top: 20px; } .ccm-widget--logo img { width: auto; height: 80px; object-fit: scale-down; = } @media screen and (max-width: 64em) and (max-height: 60em), screen and (max= -height: 30em) { .ccm-widget--logo { display: none; } } .ccm-widget--text { flex: 1 1 auto; position: relative; margin-bottom: 1px;= min-height: 150px; padding-bottom: 4px; } .ccm-widget--text::after { content: ""; display: block; position: absolute;= right: 0px; bottom: -1px; left: 0px; width: 100%; height: 31px; background= -image: linear-gradient(to top, rgb(255, 255, 255) 50%, rgba(255, 255, 255,= 0) 100%); } .ccm--tcf-enabled .ccm-widget--text.cover-scrollbar::before { content: none= ; } .ccm-widget--text .ccm-inner-overflow { padding-right: 0px; padding-bottom:= 26px; padding-left: 0px; height: auto; } .ccm--tcf-enabled .ccm-widget--text .ccm-inner-overflow { padding-right: 0p= x; overflow-y: auto; } .ccm-widget--text .ccm-widget--title { margin-bottom: 10px; font-weight: 60= 0; font-size: 24px; line-height: 1; } .ccm-widget--introduction > :last-child { margin-bottom: 0px; } .ccm--lcp-lunacy .ccm-widget--title { font-size: 17px; } .ccm--lcp-lunacy .ccm-widget--introduction { font-size: 13px; } .ccm--lcp-lunacy .ccm-widget--tcf-disclosure > [title], .ccm--lcp-lunacy .c= cm--p { display: flex; flex-flow: wrap; } .ccm--lcp-lunacy .ccm-widget--tcf-disclosure > [title] > *, .ccm--lcp-lunac= y .ccm--p > :not(.ccm-widget--tcf-disclosure):not([title]) { flex: 0 0 auto= ; margin-right: 0.25em; max-width: 100%; } .ccm-widget--purposes { display: flex; flex-flow: wrap; justify-content: ce= nter; margin-top: 10px; margin-bottom: 20px; } .ccm-widget--purposes .ccm--group-title { margin-top: 5px; margin-bottom: 6= px; font-weight: 600; font-size: 0.875em; } .ccm-widget--tcf-p, .ccm-widget--tcf-sf, .ccm-widget--tcf-gvl, .ccm-widget-= -purpose { display: flex; flex-flow: wrap; margin: 0px 10px 10px; } .ccm-root.ccm--tcf-enabled .ccm-widget--purposes > * { flex: 1 0 100%; marg= in-bottom: 5px; } .ccm-widget--purposes input[type=3D"checkbox"][class*=3D"ccm-checkbox-type-= -"] + label { max-width: calc(100% - 22px); min-height: 20px; } .ccm-widget--purposes input[type=3D"checkbox"].ccm-checkbox-type--checkbox = + label { padding-left: 26px; } .ccm-widget--purposes input[type=3D"checkbox"].ccm-checkbox-type--checkbox = + label::after { top: 0px; width: 20px; height: 20px; font-size: 20px; } .ccm-widget--purposes input[type=3D"checkbox"].ccm-checkbox-type--switch + = label::before { top: 5px; } .ccm-widget--purposes input[type=3D"checkbox"].ccm-checkbox-type--switch + = label::after { top: 3px; } .ccm-widget--purpose--name { font-weight: 500; } .ccm-widget--purpose--description { flex: 1 0 100%; margin-top: 10px; font-= size: 0.875em; order: 4; } .ccm-widget--purpose--description-description { flex: 1 0 100%; margin-top:= 10px; font-size: 0.875em; order: 3; } .ccm-widget--purpose--description { flex: 1 0 100%; margin-top: 3px; font-s= ize: 0.875em; order: 3; } .ccm-widget--purpose--description p { margin-bottom: 10px; } .ccm-widget--tcf-p .ccm--tcf-options { flex: 1 0 100%; margin: 10px 0px 20p= x; order: 4; } .ccm-widget--purposes .button.ccm-info-button, .ccm-widget--purposes button= .ccm-info-button { position: relative; top: 1px; margin-left: 5px; width: 1= 7px; height: 17px; font-weight: 400; font-size: 12px; border-width: 1px; } .ccm-widget--purposes .button.ccm-info-button:hover, .ccm-widget--purposes = .button.ccm-info-button:focus, .ccm-widget--purposes button.ccm-info-button= :hover, .ccm-widget--purposes button.ccm-info-button:focus { border-width: = 1px; } .ccm-widget--purposes .ccm--badge { position: relative; top: 2px; margin-le= ft: 5px; } [class*=3D"ccm-widget--tcf-"] .ccm--badge { margin-left: auto; } .ccm-widget--buttons { flex: 0 0 auto; display: flex; flex-flow: wrap; just= ify-content: space-around; align-items: stretch; margin-top: auto; margin-b= ottom: -10px; } .ccm-root .ccm-widget--buttons .button, .ccm-root .ccm-widget--buttons butt= on { flex: 0 1 auto; margin-bottom: 10px; text-transform: uppercase; max-wi= dth: 300px; white-space: normal; font-weight: 400; font-size: 1.05em; } .ccm-widget--buttons button, .ccm-widget--buttons .button { text-shadow: rg= ba(0, 0, 0, 0.4) 1px 1px 2px; } .ccm-widget--buttons button.ccm--button-primary, .ccm-widget--buttons .butt= on.ccm--button-primary { text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px; } .ccm-widget--buttons button.ccm--decline-cookies, .ccm-widget--buttons .but= ton.ccm--decline-cookies { text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px; } @media screen and (min-width: 64.0625em) { .ccm-root .ccm-widget--buttons .button, .ccm-root .ccm-widget--buttons bu= tton { flex-basis: 28%; } .ccm-widget--buttons .button.ccm--button-primary, .ccm-widget--buttons bu= tton.ccm--button-primary { flex-basis: 32%; } } @media screen and (min-height: 500px) { .ccm-control-panel .ccm-modal-inner { min-height: 500px; } } .ccm-root.ccm--tcf-enabled .ccm-modal.ccm-control-panel .ccm-modal--header = { padding-bottom: 24px; } .ccm-root.ccm--tcf-enabled .ccm-modal.ccm-control-panel .ccm-modal--body { = padding-top: 0px; overflow: hidden scroll; } .ccm-control-panel .ccm--action-buttons { display: flex; flex-flow: wrap; j= ustify-content: flex-end; margin-bottom: 6px; } .ccm-control-panel .ccm--action-buttons button, .ccm-control-panel .ccm--ac= tion-buttons button:hover { margin-bottom: 4px; margin-left: 4px; } .ccm-control-panel--purposes .ccm--group-title { margin-top: 15px; font-wei= ght: 600; font-size: 0.875em; color: rgb(33, 33, 33); } .ccm-control-panel--purpose { display: flex; flex-flow: wrap; position: rel= ative; } .ccm--tcf-enabled .ccm-control-panel--purpose:nth-of-type(2n+1) { backgroun= d: rgb(240, 240, 240); padding: 10px; border-top: 1px solid rgb(204, 204, 2= 04); } .ccm--tcf-enabled .ccm-control-panel--purpose:nth-of-type(2n) { background:= rgba(255, 255, 255, 0); padding: 10px; border-top: 1px solid rgb(204, 204,= 204); } .ccm-control-panel--purpose:not(:last-child) { margin-bottom: 20px; } .ccm-root.ccm--tcf-enabled .ccm-control-panel--purpose:not(:last-child) { m= argin-bottom: 0px; } .ccm-control-panel--purpose--name, .ccm-control-panel--purpose > input[type= =3D"checkbox"] + label { flex: 1 1 auto; font-weight: 400; font-size: 20px;= color: rgb(33, 33, 33); } .ccm-root.ccm--tcf-enabled .ccm-control-panel--purpose--name, .ccm-root.ccm= --tcf-enabled .ccm-control-panel--purpose > input[type=3D"checkbox"] + labe= l { padding-top: 3px; min-height: 24px; font-size: inherit; } .ccm-control-panel--purpose.mandatory .ccm-control-panel--purpose--name, .c= cm-control-panel--purpose.mandatory > input[type=3D"checkbox"] + label { fo= nt-weight: 600; } .ccm-root.ccm--tcf-enabled .ccm-control-panel--purpose.mandatory .ccm-contr= ol-panel--purpose--name, .ccm-root.ccm--tcf-enabled .ccm-control-panel--pur= pose.mandatory > input[type=3D"checkbox"] + label { font-weight: 400; color= : rgb(33, 33, 33); } .ccm-control-panel--purpose .button.ccm-info-button, .ccm-control-panel--pu= rpose button.ccm-info-button { position: relative; top: 5px; margin-left: 1= 5px; } .ccm-control-panel--purpose > .ccm--tree-node-toggle { display: inline-flex= ; align-items: center; align-self: flex-start; position: relative; top: 4px= ; right: auto; margin: 0px 0px 0px 12px; padding: 3px 0px 3px 3px; width: a= uto; height: auto; order: 2; } .ccm-control-panel--purpose > .ccm--tree-node-toggle:hover, .ccm-control-pa= nel--purpose > .ccm--tree-node-toggle:focus { margin: 0px 0px 0px 12px; pad= ding: 3px 0px 3px 3px; width: auto; height: auto; } .ccm-control-panel--purpose > .ccm--tree-node-toggle:focus::before { border= -radius: 3px; outline: rgba(51, 51, 51, 0.8) dotted 1px; outline-offset: 2p= x; } .ccm-control-panel--purpose > .ccm--tree-node-toggle::before { content: url= ("data:image/svg+xml,"); display: block; position: static; t= ransform: rotateX(180deg); transform-origin: center center; width: 17px; he= ight: auto; border-width: medium; border-style: none; border-color: current= color; border-image: none; transition: transform 196ms ease-out; } .ccm-root .ccm-control-panel--purpose.ccm--tree-node--open > .ccm--tree-nod= e-toggle, .ccm-root .ccm-control-panel--purpose.ccm--tree-node--open > .ccm= --tree-node-toggle::before { transform: none; } .ccm-root .ccm-control-panel--purpose > .ccm--tree-node-toggle::before { op= acity: 1; filter: none; } .ccm-root .ccm-control-panel--purpose > .ccm--tree-node-toggle::after { con= tent: none; } .ccm-control-panel--purpose.ccm--tree-node input[type=3D"checkbox"][class*= =3D"ccm-checkbox-type--"].ccm-checkbox-align--right { right: 80px; } .ccm-control-panel--purpose.ccm--tree-node input[type=3D"checkbox"][class*= =3D"ccm-checkbox-type--"].ccm-checkbox-align--right + label { max-width: ca= lc(100% - 68px); } .ccm-control-panel--purpose.ccm--tree-node .ccm-control-panel--purpose--nam= e { max-width: calc(100% - 68px); } .ccm-root.ccm--tcf-enabled .ccm-control-panel--purpose--description-descrip= tion .ccm--tree-node-toggle { right: auto; float: right; display: inline-bl= ock; top: auto; } .ccm-control-panel--purpose--description { flex: 1 0 100%; margin-top: 10px= ; font-size: 0.875em; order: 4; } .ccm-control-panel--purpose--description-description { flex: 1 0 100%; marg= in-top: 10px; font-size: 0.875em; order: 3; margin-bottom: 10px; } .ccm-control-panel--purpose--description-description.ccm--tree-node { margi= n-top: 10px; } .ccm-control-panel--purpose--description-description .ccm-control-panel--pu= rpose--description { flex: 0 0 auto; font-size: inherit; order: 0; } .ccm-root .ccm-control-panel--purpose--description p { padding-left: 10px; = font-weight: 400; } .ccm-control-panel--purpose--embeddings { flex: 1 0 100%; margin-top: 10px;= order: 4; } .ccm-control-panel--purpose:not(:last-child) .ccm-control-panel--purpose--e= mbeddings { padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.= 05); } .ccm-control-panel--purpose--embedding { display: flex; flex-flow: wrap; po= sition: relative; } .ccm-control-panel--purpose--embedding > input[type=3D"checkbox"] + label {= flex: 1 1 auto; color: rgb(33, 33, 33); } .ccm-control-panel--purpose > .ccm--tcf-options { flex: 1 0 100%; margin: 1= 0px 0px; order: 4; } .ccm--tcf-options { position: relative; } .ccm--tcf-options input[type=3D"checkbox"][class*=3D"ccm-checkbox-type--"].= ccm-checkbox-align--right + label { padding-right: 80px; max-width: none; } .ccm-root ul.ccm--tcf-illustrations, .ccm-root ul.ccm--tcf-vendors-list { l= ist-style: outside disc; } .ccm-root ul.ccm--tcf-illustrations > li, .ccm-root ul.ccm--tcf-vendors-lis= t > li { display: list-item; margin-left: 1.2em; margin-bottom: 0.3em; } .ccm-details .ccm-modal--body { display: flex; flex-flow: column; } @media screen and (max-height: 640px) { .ccm-details .ccm-modal--header { display: none; } } .ccm-root .ccm--spacer-1 { flex-grow: 1; } .ccm-root .ccm--reopen-only { display: none; } .ccm-details-wrapper { flex: 1 1 auto; display: flex; flex-flow: row; width= : 100%; min-height: 0px; border-bottom: 1px dashed rgb(187, 187, 187); } .ccm--is-ie .ccm-details-wrapper { height: 100%; } .ccm-user-info { margin-top: 10px; font-style: italic; font-size: 0.9375em;= } .ccm-details--list { display: none; flex: 0 0 300px; position: relative; pa= dding-right: max(15px, var(--ccm--scrollbar-width, 17px)); } @media screen and (min-width: 64.0625em) { .ccm-details--list { display: flex; } } .ccm-details--list::before { right: max(15px, var(--ccm--scrollbar-width, 1= 7px)); box-shadow: rgba(0, 0, 0, 0.75) -6px 0px 6px -8px inset; } .ccm-details--list::after { content: ""; display: block; position: absolute= ; top: 0px; right: max(15px, var(--ccm--scrollbar-width, 17px)); bottom: 0p= x; width: 0px; height: 100%; border-right: 1px dashed rgb(153, 153, 153); z= -index: 2; } .ccm-details--list .ccm-inner-overflow { padding-right: max(0px, calc(15px = - var(--ccm--scrollbar-width, 17px))); } .ccm-details--list input[type=3D"checkbox"] { appearance: none; flex: 0 0 a= uto; display: block; margin-top: 1px; margin-right: 6px; width: 0.867em; he= ight: 0.867em; font-size: 1em; line-height: 0.75em; text-align: center; col= or: rgb(51, 51, 51); background: rgba(255, 255, 255, 0.4); border: 1px soli= d rgb(51, 51, 51); border-radius: 2px; aspect-ratio: 1 / 1; } .ccm-details--list input[type=3D"checkbox"]:checked:not(:indeterminate) { c= olor: rgb(255, 255, 255); background-color: rgb(51, 51, 51); content: url("= data:image/svg+xml,"); } .ccm-details--list input[type=3D"checkbox"][disabled][data-purpose-mandator= y=3D"true"] { color: rgb(68, 68, 68); background-color: rgb(204, 204, 204);= border-color: rgb(102, 102, 102); content: url("data:image/svg+xml,"); } .ccm-details--list input[type=3D"checkbox"]:indeterminate { content: url("d= ata:image/svg+xml,"); } ul.ccm-details--list--purposes > li:not(:last-child) { margin-bottom: 20px;= padding-bottom: 20px; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); } .ccm-root.ccm--tcf-enabled ul.ccm-details--list--purposes > li:not(:last-ch= ild) { margin-bottom: 6px; padding-bottom: 0px; border-bottom-width: medium= ; border-bottom-style: none; border-bottom-color: currentcolor; } .ccm-root.ccm--tcf-enabled ul.ccm-details--list--purposes > li:not(.ccm-det= ails--list--tcf--p) + li.ccm-details--list--tcf--p, .ccm-root.ccm--tcf-enab= led ul.ccm-details--list--purposes > li:not(.ccm-details--list--tcf--sf) + = li.ccm-details--list--tcf--sf, .ccm-root.ccm--tcf-enabled ul.ccm-details--l= ist--purposes > li:not(.ccm-details--list--tcf) + li.ccm-details--list--tcf= { margin-top: 20px; padding-top: 20px; border-top: 1px dashed rgba(0, 0, 0= , 0.3); } ul.ccm-details--list--purposes > li > .ccm--wrapper { display: flex; flex-f= low: row; align-items: center; margin-bottom: 12px; line-height: 1; } .ccm-root.ccm--tcf-enabled ul.ccm-details--list--purposes > li > .ccm--wrap= per { align-items: flex-start; } ul.ccm-details--list--purposes > li > .ccm--wrapper > a:link, ul.ccm-detail= s--list--purposes > li > .ccm--wrapper > a:visited, ul.ccm-details--list--p= urposes > li > a:link, ul.ccm-details--list--purposes > li > a:visited { fl= ex: 0 1 auto; display: inline-block; margin: 0px; padding: 0px; font-weight= : 500; font-size: 14px; color: rgb(51, 51, 51); } .ccm-root:not(.ccm--tcf-enabled) ul.ccm-details--list--purposes > li > .ccm= --wrapper > a, .ccm-root:not(.ccm--tcf-enabled) ul.ccm-details--list--purpo= ses > li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowr= ap; } .ccm-root.ccm--tcf-enabled ul.ccm-details--list--purposes > li > .ccm--wrap= per > a, .ccm-root.ccm--tcf-enabled ul.ccm-details--list--purposes > li > a= { font-weight: 400; } ul.ccm-details--list--purposes > li > .ccm--wrapper > a:hover, ul.ccm-detai= ls--list--purposes > li > a:hover { color: rgb(0, 159, 227); } ul.ccm-details--list--purposes > li > .ccm--wrapper > a:focus, ul.ccm-detai= ls--list--purposes > li > a:focus { color: rgb(0, 159, 227); } ul.ccm-details--list--purposes ul li { display: flex; flex-flow: row; margi= n-bottom: 2px; line-height: normal; } ul.ccm-details--list--purposes ul li > a:link, ul.ccm-details--list--purpos= es ul li > a:visited { flex: 0 1 auto; display: inline-block; margin: 0px; = padding: 0px; font-weight: 300; font-size: 13px; color: rgb(51, 51, 51); wh= ite-space: nowrap; text-overflow: ellipsis; overflow: hidden; } ul.ccm-details--list--purposes ul li > a:hover { color: rgb(0, 159, 227); } ul.ccm-details--list--purposes ul li > a:focus { color: rgb(0, 159, 227); } ul.ccm-details--list--purposes > li > .ccm--wrapper > .ccm--badge, ul.ccm-d= etails--list--purposes ul li .ccm--badge { flex: 0 0 auto; margin-right: 5p= x; } .ccm-details--content { flex: 1 1 auto; position: relative; max-width: 100%= ; font-size: 14px; overflow-x: hidden; } .ccm-details--content .ccm--info-box { margin-bottom: 30px; padding: 10px; = color: rgb(255, 255, 255); background: rgb(51, 51, 51); } .ccm-details--content--section, .ccm-details--content--purpose { margin-bot= tom: 30px; } .ccm-details--content--section .ccm--h2, .ccm-details--content--purpose--ti= tle { position: relative; z-index: 0; margin-bottom: 30px; font-weight: 600= ; font-size: 22px; color: inherit; border-bottom: 2px solid rgb(51, 51, 51)= ; } .ccm-details--content--section .ccm--h2 label, .ccm-details--content--purpo= se--title label { margin: 0px; font-size: inherit; line-height: inherit; co= lor: inherit; } .ccm-details--content--section .ccm--h3.ccm-details--content--section--titl= e { position: relative; z-index: 0; margin-bottom: 30px; font-weight: 600; = font-size: 18px; color: inherit; border-bottom: 1px solid rgb(51, 51, 51); = } .ccm-details--content--section.ccm--single p:last-child { margin-bottom: 0p= x; } .ccm-details--content--section .ccm--tcf-options { margin-top: 15px; margin= -bottom: 15px; } .ccm-root .ccm-details--content--section.ccm--single, .ccm-root .ccm-detail= s--content--section .ccm-details--content--item, .ccm-details--content--coo= kie { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed = rgb(187, 187, 187); } .ccm-details--content--section:last-child .ccm-details--content--item:last-= child, .ccm-details--content--purpose:last-child .ccm-details--content--coo= kie:last-child { padding-bottom: 0px; border-bottom-width: medium; border-b= ottom-style: none; border-bottom-color: currentcolor; } .ccm-details--content--item > :last-child, .ccm-details--content--cookie > = :last-child { margin-bottom: 0px; } .ccm-details--content--item .ccm--h3, .ccm-details--content--item .ccm--h4.= ccm--tcf-permission--title, .ccm-details--content--cookie--title { position= : relative; z-index: 0; margin-bottom: 15px; font-weight: 500; font-size: 1= .25em; } .ccm-details--content--item .ccm--h3 label, .ccm-details--content--cookie--= title label { margin: 0px; font-size: inherit; line-height: inherit; color:= inherit; } .ccm--badge ~ input[type=3D"checkbox"][class*=3D"ccm-checkbox-type--"].ccm-= checkbox-align--right + label { padding-right: 100px; } .ccm-details--content--section .ccm--h2 .ccm--badge, .ccm-details--content-= -section .ccm--h3 .ccm--badge, .ccm-details--content--cookie--title .ccm--b= adge { position: absolute; z-index: 1; top: 4px; right: 45px; padding: 0px = 8px; height: 22px; font-size: 13px; border-radius: 3px; } .ccm-details--embedding-assets-table-wrapper { display: block; margin: 0px = 0px 20px; width: fit-content; max-width: 100%; min-width: 100%; overflow-x:= auto; } .ccm-details--embedding-assets-table { table-layout: auto; margin: 0px; pad= ding: 0px; width: auto; min-width: 100%; height: auto; color: inherit; back= ground: none; border-width: medium; border-style: none; border-color: curre= ntcolor; border-image: none; border-collapse: collapse; } .ccm-details--embedding-assets-table thead, .ccm-details--embedding-assets-= table thead tr, .ccm-details--embedding-assets-table tbody, .ccm-details--e= mbedding-assets-table tbody tr { padding: 0px; color: inherit; background: = none; border-width: medium; border-style: none; border-color: currentcolor;= border-image: none; } .ccm-details--embedding-assets-table thead tr th { padding: 2px 5px; font-w= eight: 600; font-size: inherit; text-align: left; color: rgb(38, 38, 38); b= ackground: rgb(255, 255, 255); border-width: medium; border-style: none; bo= rder-color: currentcolor; border-image: none; } .ccm-details--embedding-assets-table tbody tr td { vertical-align: top; pad= ding: 2px 5px 20px; font-weight: inherit; font-size: inherit; text-align: l= eft; color: rgb(46, 46, 46); background: rgb(245, 245, 245); border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= } .ccm-details--embedding-assets-table tbody tr:nth-child(2n+1) td { backgrou= nd: rgb(222, 222, 222); } .ccm-details--embedding--tcf { margin-bottom: 20px; padding: 6px; border: 1= px solid rgba(0, 0, 0, 0.25); border-radius: 3px; } .ccm-details--embedding--tcf > ul > li:not(:last-child) { margin-bottom: 6p= x; } .ccm-details--embedding--tcf ul li { line-height: normal; } .ccm-details--embedding--tcf ul ul { margin-bottom: 8px; margin-left: 30px;= list-style-type: disc; } .ccm-details--embedding--tcf ul ul li { display: list-item; } .ccm-details--embedding--tcf ul ul li:not(:last-child) { margin-bottom: 4px= ; } @keyframes ccm-icon-show--link {=20 0% { transform: rotate(-180deg); transform-origin: center center; width: = 0px; height: 0px; border-radius: 50%; overflow: hidden; box-shadow: rgba(25= 5, 255, 255, 0) 0px 0px 6px 1px; } 30% { border-radius: 50%; } 60% { transform: none; width: 100%; height: 100%; overflow: hidden; box-s= hadow: rgba(255, 255, 255, 0) 0px 0px 6px 1px; } 100% { width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px = 6px 1px; } } .ccm-settings-summoner { position: fixed; bottom: 40px; left: 15px; width: = 48px; height: 48px; pointer-events: none; z-index: 99999999; } .ccm-settings-summoner.ccm-show { pointer-events: auto; } .ccm-settings-summoner:not(.ccm-show):not(.ccm-hide) { visibility: hidden; = } @media screen and (min-width: 64.0625em) { .ccm-settings-summoner { left: 40px; } } .ccm-root .ccm-settings-summoner--link { display: block; position: absolute= ; top: 0px; left: 0px; width: 100%; height: 100%; background: none; border:= 0px rgba(255, 255, 255, 0); margin: 0px; padding: 0px; box-shadow: rgba(0,= 0, 0, 0.5) 0px 0px 6px 1px; } .ccm-root .ccm-settings-summoner--link:hover { background: none; border: 0p= x rgba(255, 255, 255, 0); margin: 0px; padding: 0px; } .ccm-root .ccm-settings-summoner.ccm-show .ccm-settings-summoner--link { an= imation: 1s cubic-bezier(0.5, 0, 0.5, 1.5) 0s 1 normal forwards running ccm= -icon-show--link; } .ccm-root .ccm-settings-summoner.ccm-hide .ccm-settings-summoner--link { op= acity: 0; transition: opacity 256ms ease-out; } .ccm-root .ccm-settings-summoner.ccm-show .ccm-settings-summoner--link:focu= s { outline: none; background: none; border: 0px rgba(255, 255, 255, 0); ma= rgin: 0px; padding: 0px; filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 0px 0.3= rem); } .ccm-root .ccm-settings-summoner--icon { display: block; width: 100%; heigh= t: 100%; } .ccm-root .ccm-dismiss-button { display: block; position: absolute; right: = 15px; top: 0px; width: 30px; height: 30px; min-height: 0px; margin: 0px; pa= dding: 7px 10px; line-height: 16px; border-width: medium; border-style: non= e; border-color: currentcolor; border-image: none; background: rgba(255, 25= 5, 255, 0); z-index: 2; opacity: 0.6; color: rgb(33, 33, 33); } .ccm-root .ccm-dismiss-button::after { display: block; content: url("data:i= mage/svg+xml,") / "x"= ; width: 100%; height: 100%; } .ccm-root .ccm-dismiss-button:focus { outline-style: dotted; border-radius:= 9px; } .ccm-root .ccm-dismiss-button:hover, .ccm-root .ccm-dismiss-button:focus { = display: block; margin: 0px; padding: 7px 10px; background: rgba(255, 255, = 255, 0); border-width: medium; border-style: none; border-color: currentcol= or; border-image: none; opacity: 1; } .ccm-widget--language-switch { display: block; position: absolute; right: 2= 5px; top: 0px; z-index: 1; } .ccm-root .ccm--has-close-btn .ccm-widget--language-switch { right: 46px; } .ccm-widget--language-switch > label { margin-right: 0.1em; } .ccm-widget--language-switch > label > svg { height: 1.4em; vertical-align:= middle; pointer-events: none; opacity: 0.95; } .ccm-widget--language-switch > select { display: inline-block; appearance: = none; width: auto; border: 0px rgba(255, 255, 255, 0); color: rgb(51, 51, 5= 1); cursor: pointer; background: url("data:image/svg+xml;base64,PHN2ZyB4bWx= ucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT= 0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZ= S1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24g= cG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+") 100% center no-r= epeat rgba(255, 255, 255, 0); padding: 0px 18px 0px 0px; margin: 0px; heigh= t: 29px; opacity: 0.85; font-size: 12px; } .ccm-widget--language-switch > select:hover, .ccm-widget--language-switch >= select:focus { opacity: 1; background-color: rgba(255, 255, 255, 0); color= : rgb(51, 51, 51); } .ccm-widget--loading { filter: brightness(0.8) grayscale(50%); } .ccm-widget--loading * { cursor: wait; } .ccm-root script#ccm-tcf-descriptions { display: none; } .ccm-root [data-ccm-tcf] > :first-child { cursor: pointer; } .ccm-root [data-ccm-tcf] > :first-child::after { content: " "; display: inl= ine-block; width: 0px; height: 0px; margin: 0px 0px 0px 0.3em; border-top: = 0.35em solid rgba(255, 255, 255, 0); border-left: 0.45em solid; border-bott= om: 0.35em solid rgba(255, 255, 255, 0); opacity: 0.8; transition: transfor= m 128ms ease-in-out; } .ccm-root [data-ccm-tcf].ccm-expanded :first-child::after { transform: rota= te(90deg); } .ccm-root .ccm-tcf-description { font-size: 0.95em; font-weight: 300; posit= ion: relative; hyphens: auto; padding-top: 0.5ex; padding-left: 10px; } .ccm-root .ccm--tcf-permission > p, .ccm-root .ccm-details--content--cookie= > p { hyphens: auto; } .ccm-root .ccm-tcf-description::before { content: " "; display: block; posi= tion: absolute; left: -0.8em; top: 0px; bottom: 0px; width: 0px; border-lef= t: 1px solid; opacity: 0.5; } .ccm-root .ccm--hidden { display: none; } @media print { .ccm-root { display: none; } } .ccm-cookie-declaration--table-wrapper { overflow: auto; } .ccm-cookie-declaration--embedding-assets-table { width: 100%; margin-botto= m: 1.25em; } .ccm-cookie-declaration--embedding-assets-table th:nth-child(1) { width: 25= %; min-width: 9em; } .ccm-cookie-declaration--embedding-assets-table th:nth-child(2) { width: 20= %; min-width: 9em; } .ccm-cookie-declaration--embedding-assets-table th:nth-child(3) { width: 45= %; } .ccm-cookie-declaration--embedding-assets-list { width: 100%; } .ccm-cookie-declaration--embedding-assets-list td { padding-top: 0.625rem; = padding-bottom: 0.625rem; } .ccm-cookie-declaration--embedding-assets-list td p { margin-bottom: 0.625r= em; } .ccm-cookie-declaration--embedding-assets-list td p:last-child { margin-bot= tom: 0px; } .ccm-cookie-declaration--embedding-asset--title { margin-bottom: 0.75rem; f= ont-size: 1.25em; } .ccm--consent-switch > input[type=3D"checkbox"] + label { margin-right: 0.4= 375em; margin-left: 0.4375em; } @media (max-width: 40em) { .ccm--visible-tablet-up { display: none !important; } } @media (min-width: 40.0625em) { .ccm--visible-mobile { display: none !important; } } meta.x-base-layout-css { visibility: hidden; } meta.x-custom-css { visibility: hidden; } .ccm-modal:not(.blocking) { width: 100%; height: 100%; background-color: rg= ba(0, 0, 0, 0.3); } .ccm-widget--buttons .button.ccm--save-settings, .ccm-widget--buttons butto= n.ccm--save-settings { font-size: 1em; } @media screen and (max-width: 600px) { .ccm-widget--buttons .button, .ccm-widget--buttons button { flex: 1 1 30%= ; margin: 0px 5px; } } @media screen and (max-width: 520px) { .ccm-widget--buttons .button, .ccm-widget--buttons button { margin: 5px 0= px; flex: 1 1 100% !important; } } .ccm-inner-overflow { overflow-y: auto; } #ccm-widget .ccm-widget--text .ccm-inner-overflow { padding-right: 15px; } ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Assets/swiper/swiper-bundle.min.css?cb=6a5f79db-fd95-46b6-8e4b-747eafae0846 @charset "utf-8"; @font-face { font-family: swiper-icons; src: url("data:application/font-wof= f;charset=3Dutf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAA= AAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQA= AAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAA= AAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2= x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9= gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAA= ACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf= 5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQD= YfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBl= YGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgw= sAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF= 8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIM= HEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAA= MR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADy= APwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW56= 8x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIUL= CuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznm= fPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1u= gWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y= 2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh= 4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409Duggm= TnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy= 0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOu= q29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAA= AAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa= 2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpj= YGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQ= iBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3= N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkA= IIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style:= normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relati= ve; overflow: hidden; list-style: none; padding: 0px; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1= ; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: trans= late3d(0px, 0px, 0px); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-flow: column wra= p; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function:= ease-out; margin: 0px auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: = pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relati= ve; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { = height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; tra= nsition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slid= e, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .= swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, = .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper= -wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swi= per-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .sw= iper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0px;= top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-g= radient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-= gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gr= adient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear= -gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-wi= dth: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: = none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-= align: start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { = scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { sc= roll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; wi= dth: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-nav= igation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); = z-index: 10; cursor: pointer; display: flex; align-items: center; justify-c= ontent: center; color: var(--swiper-navigation-color,var(--swiper-theme-col= or)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-butt= on-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swipe= r-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; fon= t-variant: initial; line-height: 1; text-transform: none !important; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px= ; right: auto; } .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::afte= r { content: "prev"; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10p= x; left: auto; } .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::afte= r { content: "next"; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-= white { --swiper-navigation-color: #ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-= black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: op= acity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-paginati= on-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 10= 0%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: s= cale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { trans= form: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { = transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { = transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-pr= ev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { = transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-ne= xt { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block;= border-radius: 50%; background: rgb(0, 0, 0); opacity: 0.2; } button.swiper-pagination-bullet { border-width: medium; border-style: none;= border-color: currentcolor; border-image: none; margin: 0px; padding: 0px;= box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pag= ination-color,var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top:= 50%; transform: translate3d(0px, -50%, 0px); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-= bullet { margin: 6px 0px; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-b= ullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-b= ullets-dynamic .swiper-pagination-bullet { display: inline-block; transitio= n: transform 0.2s, top 0.2s; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-paginatio= n-bullet { margin: 0px 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination= -bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: now= rap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination= -bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, le= ft 0.2s; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bull= ets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0= .2s; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position:= absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { backgr= ound: var(--swiper-pagination-color,var(--swiper-theme-color)); position: a= bsolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0= ); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-pro= gressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-cont= ainer-vertical > .swiper-pagination-progressbar.swiper-pagination-progressb= ar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagina= tion-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-= progressbar { width: 4px; height: 100%; left: 0px; top: 0px; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; background: rg= ba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left= : 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right:= 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; bac= kground: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-= content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom= -container > svg { max-width: 100%; max-height: 100%; object-fit: contain; = } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; lef= t: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; trans= form-origin: 50% center; animation: 1s linear 0s infinite normal none runni= ng swiper-preloader-spin; box-sizing: border-box; border-top-style: ; borde= r-top-width: ; border-right-color: ; border-right-style: ; border-right-wid= th: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; = border-left-color: ; border-left-style: ; border-left-width: ; border-image= -source: ; border-image-slice: ; border-image-width: ; border-image-outset:= ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent= ; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin {=20 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0px; top= : 0px; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transitio= n-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-pro= perty: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; = } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper= -slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; backface-visib= ility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; w= idth: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; = } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origi= n: 100% 0px; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper= -slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper= -slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .sw= iper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: = visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube = .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-righ= t, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-v= isibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px;= bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-container-cube .swiper-cube-shadow::before { content: ""; backgroun= d: rgb(0, 0, 0); position: absolute; inset: 0px; filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; backface-visib= ility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; = } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper= -slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip = .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-righ= t, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-v= isibility: hidden; } ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Assets/shareon/shareon.min.css?cb=6a5f79db-fd95-46b6-8e4b-747eafae0846 @charset "utf-8"; .shareon { font-size: 0px !important; } .shareon > * { display: inline-block; position: relative; height: 24px; min= -width: 16px; margin: 3px; padding: 6px 10px; background-color: rgb(204, 20= 4, 204); border-radius: 3.33333px; border: 0px; box-sizing: content-box; co= lor: rgb(255, 255, 255); line-height: 1.5; transition: opacity 300ms; verti= cal-align: middle; } .shareon > :hover { border: 0px; cursor: pointer; opacity: 0.7; } .shareon > :not(:empty) { font-size: 16px; text-decoration: none; } .shareon > :not(:empty)::before { position: relative; height: 100%; width: = 28px; top: 0px; left: 0px; background-position: 0px 50%; } .shareon > ::before { display: inline-block; position: absolute; height: 20= px; width: 20px; top: 8px; left: 8px; background-repeat: no-repeat; backgro= und-size: 20px 20px; content: ""; vertical-align: bottom; } .shareon > .facebook { background-color: rgb(24, 119, 242); } .shareon > .facebook::before { background-image: url("data:image/svg+xml,%3= Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/= svg'%3E%3Cpath d=3D'M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.9= 9 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.= 669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-= 1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 1= 2.073z'/%3E%3C/svg%3E"); } .shareon > .linkedin { background-color: rgb(10, 102, 194); } .shareon > .linkedin::before { background-image: url("data:image/svg+xml,%3= Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/= svg'%3E%3Cpath d=3D'M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.1= 94-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.24= 4 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535v8.683ZM.388 7.902= h4.923v15.819H.388zM2.85 5.738A2.849 2.849 0 0 1 0 2.886a2.851 2.851 0 1 1 = 2.85 2.852Z'/%3E%3C/svg%3E"); } .shareon > .linkedin:not(:empty)::before { background-image: url("data:imag= e/svg+xml,%3Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.= w3.org/2000/svg'%3E%3Cpath d=3D'M20.447 20.452h-3.554v-5.569c0-1.328-.027-3= .037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h= .046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.3= 37 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782= 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0= 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23= .2 0 22.222 0h.003z'/%3E%3C/svg%3E"); } .shareon > .mastodon { background-color: rgb(48, 136, 212); } .shareon > .mastodon::before { background-image: url("data:image/svg+xml,%3= Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/= svg'%3E%3Cpath d=3D'M23.193 7.88c0-5.207-3.411-6.733-3.411-6.733C18.062.357= 15.108.025 12.041 0h-.076c-3.069.025-6.02.357-7.74 1.147 0 0-3.412 1.526-3= .412 6.732 0 1.193-.023 2.619.015 4.13.124 5.092.934 10.11 5.641 11.355 2.1= 7.574 4.034.695 5.536.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.6= 13-4.13.54c-2.165-.075-4.449-.234-4.799-2.892a5.5 5.5 0 0 1-.048-.745s2.125= .52 4.818.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3= .905.517-2.665.475-6.508.475-6.508zm-4.024 6.709h-2.497v-6.12c0-1.29-.543-1= .944-1.628-1.944-1.2 0-1.802.776-1.802 2.313v3.349h-2.484v-3.35c0-1.537-.60= 2-2.313-1.802-2.313-1.085 0-1.628.655-1.628 1.945v6.119H4.831V8.285c0-1.29.= 328-2.314.987-3.07.68-.759 1.57-1.147 2.674-1.147 1.278 0 2.246.491 2.886 1= .474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388= 2.674 1.146.658.757.986 1.781.986 3.07v6.305z'/%3E%3C/svg%3E"); } .shareon > .messenger { background-color: rgb(0, 178, 255); } .shareon > .messenger::before { background-image: url("data:image/svg+xml,%= 3Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000= /svg'%3E%3Cpath d=3D'M.001 11.639C.001 4.949 5.241 0 12.001 0S24 4.95 24 11= .639c0 6.689-5.24 11.638-12 11.638-1.21 0-2.38-.16-3.47-.46a.96.96 0 0 0-.6= 4.05l-2.39 1.05a.96.96 0 0 1-1.35-.85l-.07-2.14a.97.97 0 0 0-.32-.68A11.39 = 11.389 0 0 1 .002 11.64zm8.32-2.19-3.52 5.6c-.35.53.32 1.139.82.75l3.79-2.8= 7c.26-.2.6-.2.87 0l2.8 2.1c.84.63 2.04.4 2.6-.48l3.52-5.6c.35-.53-.32-1.13-= .82-.75l-3.79 2.87c-.25.2-.6.2-.86 0l-2.8-2.1a1.8 1.8 0 0 0-2.61.48z'/%3E%3= C/svg%3E"); } .shareon > .odnoklassniki { background-color: rgb(238, 130, 8); } .shareon > .odnoklassniki::before { background-image: url("data:image/svg+x= ml,%3Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/= 2000/svg'%3E%3Cpath d=3D'M12 0a6.2 6.2 0 0 0-6.194 6.195 6.2 6.2 0 0 0 6.19= 5 6.192 6.2 6.2 0 0 0 6.193-6.192A6.2 6.2 0 0 0 12.001 0zm0 3.63a2.567 2.56= 7 0 0 1 2.565 2.565 2.568 2.568 0 0 1-2.564 2.564 2.568 2.568 0 0 1-2.565-2= .564 2.567 2.567 0 0 1 2.565-2.564zM6.807 12.6a1.814 1.814 0 0 0-.91 3.35 1= 1.611 11.611 0 0 0 3.597 1.49l-3.462 3.463a1.815 1.815 0 0 0 2.567 2.566L12= 20.066l3.405 3.403a1.813 1.813 0 0 0 2.564 0c.71-.709.71-1.858 0-2.566l-3.= 462-3.462a11.593 11.593 0 0 0 3.596-1.49 1.814 1.814 0 1 0-1.932-3.073 7.86= 7 7.867 0 0 1-8.34 0c-.318-.2-.674-.29-1.024-.278z'/%3E%3C/svg%3E"); } .shareon > .pinterest { background-color: rgb(189, 8, 28); } .shareon > .pinterest::before { background-image: url("data:image/svg+xml,%= 3Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000= /svg'%3E%3Cpath d=3D'M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 = 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.40= 6-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.76= 9 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 = 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.40= 9 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.= 375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-= 2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 = 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c= -.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11= .985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z'/%3E%3C= /svg%3E"); } .shareon > .pocket { background-color: rgb(239, 63, 86); } .shareon > .pocket::before { background-image: url("data:image/svg+xml,%3Cs= vg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/sv= g'%3E%3Cpath d=3D'm18.813 10.259-5.646 5.419a1.649 1.649 0 0 1-2.282 0l-5.6= 46-5.419a1.645 1.645 0 0 1 2.276-2.376l4.511 4.322 4.517-4.322a1.643 1.643 = 0 0 1 2.326.049 1.64 1.64 0 0 1-.045 2.326l-.011.001zm5.083-7.546a2.163 2.1= 63 0 0 0-2.041-1.436H2.179c-.9 0-1.717.564-2.037 1.405-.094.25-.142.511-.14= 2.774v7.245l.084 1.441c.348 3.277 2.047 6.142 4.682 8.139.045.036.094.07.14= 3.105l.03.023a11.899 11.899 0 0 0 4.694 2.072c.786.158 1.591.24 2.389.24.73= 9 0 1.481-.067 2.209-.204.088-.029.176-.045.264-.06.023 0 .049-.015.074-.02= 9a12.002 12.002 0 0 0 4.508-2.025l.029-.031.135-.105c2.627-1.995 4.324-4.86= 2 4.686-8.148L24 10.678V3.445c0-.251-.031-.5-.121-.742l.017.01z'/%3E%3C/svg= %3E"); } .shareon > .reddit { background-color: rgb(255, 69, 0); } .shareon > .reddit::before { background-image: url("data:image/svg+xml,%3Cs= vg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/sv= g'%3E%3Cpath d=3D'M19.512 1.173a1.88 1.88 0 0 1 1.877 1.874 1.884 1.884 0 0= 1-1.877 1.857c-.99 0-1.817-.783-1.873-1.773l-3.897-.82-1.201 5.623c2.737.1= 05 5.223.949 7.015 2.234a2.525 2.525 0 0 1 1.812-.737A2.634 2.634 0 0 1 24 = 12.063c0 1.075-.653 2-1.516 2.423.044.258.065.519.063.78 0 4.043-4.698 7.31= -10.512 7.31s-10.512-3.267-10.512-7.31c0-.275.022-.55.064-.801a2.627 2.627 = 0 0 1-1.559-2.402 2.634 2.634 0 0 1 2.633-2.632c.694 0 1.347.294 1.811.735 = 1.812-1.325 4.32-2.146 7.12-2.232l1.329-6.276a.513.513 0 0 1 .21-.296.521.5= 21 0 0 1 .357-.063l4.361.926c.3-.644.952-1.057 1.663-1.052ZM7.917 18.052c-.= 13 0-.254.05-.347.14a.497.497 0 0 0 0 .696c1.264 1.263 3.728 1.37 4.444 1.3= 7.716 0 3.16-.084 4.444-1.37a.545.545 0 0 0 .044-.695.498.498 0 0 0-.697 0c= -.82.8-2.527 1.095-3.77 1.095-1.243 0-2.97-.294-3.77-1.095a.49.49 0 0 0-.34= 8-.143v.002Zm-.051-5.989A1.88 1.88 0 0 0 5.99 13.94c0 1.031.842 1.873 1.876= 1.873a1.878 1.878 0 0 0 1.873-1.874 1.878 1.878 0 0 0-1.873-1.875Zm8.254 0= a1.878 1.878 0 0 0-1.873 1.876c0 1.031.842 1.873 1.875 1.873a1.878 1.878 0 = 0 0 1.875-1.874 1.88 1.88 0 0 0-1.877-1.875Z'/%3E%3C/svg%3E"); } .shareon > .telegram { background-color: rgb(38, 165, 228); } .shareon > .telegram::before { background-image: url("data:image/svg+xml,%3= Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/= svg'%3E%3Cpath d=3D'M20.888 3.551c.168-.003.54.039.781.235.162.14.264.335.2= 88.547.026.156.06.514.033.793-.302 3.189-1.616 10.924-2.285 14.495-.282 1.5= 12-.838 2.017-1.378 2.066-1.17.11-2.058-.773-3.192-1.515-1.774-1.165-2.777-= 1.889-4.5-3.025-1.99-1.31-.7-2.033.434-3.209.297-.309 5.455-5.002 5.556-5.4= 27.012-.054.024-.252-.094-.356-.117-.104-.292-.069-.418-.04-.178.04-3.013 1= .915-8.504 5.62-.806.554-1.534.823-2.187.806-.72-.013-2.104-.405-3.134-.739= C1.025 13.39.022 13.174.11 12.476c.045-.363.546-.734 1.5-1.114 5.878-2.56 9= .796-4.249 11.758-5.064 5.599-2.328 6.763-2.733 7.521-2.747Z'/%3E%3C/svg%3E= "); } .shareon > .twitter { background-color: rgb(29, 161, 242); } .shareon > .twitter::before { background-image: url("data:image/svg+xml,%3C= svg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/s= vg'%3E%3Cpath d=3D'M23.953 4.57a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.1= 63-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 8= .095 4.067 6.13 1.64 3.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.1= 88 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.9= 96 4.996 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.= 102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 = 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0 0 24 4.59= z'/%3E%3C/svg%3E"); } .shareon > .viber { background-color: rgb(115, 96, 242); } .shareon > .viber::before { background-image: url("data:image/svg+xml,%3Csv= g fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/svg= '%3E%3Cpath d=3D'M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7= .633 9.817.57 12.933.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.= 177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.81= 2-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.5= 46-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545= -.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868= 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.15= 3.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188= -.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738= 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602a.304.304 0 0 0-.00= 4.607c1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002= .167.14.3.307.3a.304.304 0 0 0 .3-.304c-.014-1.984-.618-3.596-1.816-4.764-1= .19-1.16-2.692-1.753-4.447-1.765zm-3.96.695a.981.981 0 0 0-.616.117l-.01.00= 2c-.43.247-.816.562-1.146.932-.002.004-.006.004-.008.008-.267.323-.42.638-.= 46.948a.596.596 0 0 0-.007.14c0 .136.022.27.065.4l.013.01c.135.48.473 1.276= 1.205 2.604.42.768.903 1.5 1.446 2.186.27.344.56.673.87.984l.132.132c.31.3= 08.64.6.984.87a15.524 15.524 0 0 0 2.186 1.447c1.328.733 2.126 1.07 2.604 1= .206l.01.014a1.275 1.275 0 0 0 .54.055c.31-.036.627-.19.948-.46.004 0 .003-= .002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.= 004 0-.698-.58-1.037-.83-.36-.255-.73-.492-1.113-.71-.51-.285-1.032-.106-1.= 248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.= 955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248a12.73 12.73 0= 0 0-.71-1.115 28.35 28.35 0 0 0-.83-1.035.822.822 0 0 0-.502-.297zm4.49.88= a.303.303 0 0 0-.018.606c1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 = 2.57a.306.306 0 0 0 .61.013c.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777= -1.253-3.05-1.346h-.024zm.463 1.63a.305.305 0 0 0-.3.287c-.008.167.12.31.28= 8.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164a.304.304 0 0 0 .605-= .03c-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z'/%3= E%3C/svg%3E"); } .shareon > .vkontakte { background-color: rgb(0, 119, 255); } .shareon > .vkontakte::before { background-image: url("data:image/svg+xml,%= 3Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000= /svg'%3E%3Cpath d=3D'M4.199 4.841H.11c.194 9.312 4.85 14.907 13.012 14.907h= .462v-5.327c3 .299 5.268 2.492 6.178 5.327H24c-1.164-4.237-4.223-6.58-6.133= -7.475 1.91-1.105 4.596-3.79 5.238-7.432h-3.85c-.836 2.955-3.313 5.641-5.67= 5.895V4.84h-3.85v10.326C7.347 14.57 4.333 11.675 4.199 4.84Z'/%3E%3C/svg%3= E"); } .shareon > .whatsapp { background-color: rgb(37, 211, 102); } .shareon > .whatsapp::before { background-image: url("data:image/svg+xml,%3= Csvg fill=3D'%23fff' viewBox=3D'0 0 24 24' xmlns=3D'http://www.w3.org/2000/= svg'%3E%3Cpath d=3D'M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.09= 9-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.= 297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.0= 18-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.1= 98.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-= .51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.= 04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.= 306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.00= 6-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.= 403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.= 374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.12= 2 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.8= 85 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.= 892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5= .683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-= 8.413Z'/%3E%3C/svg%3E"); } ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Images/StageBg.svg =0A ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Images/Icons/fa/fa-link-external.svg ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Images/Icons/fa/fa-users.svg =0A ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Images/Icons/fa/fa-check.svg ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://karriere.niedersachsen.de/_Resources/Static/Packages/Marktplatz.NDSKP/Styles/main.css?cb=6a5f79db-fd95-46b6-8e4b-747eafae0846 @charset "utf-8"; @font-face { font-display: swap; font-family: "SF Pro"; font-weight: 300; s= rc: url("../Fonts/SFPRODISPLAYLIGHTITALIC.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "SF Pro"; font-weight: 400; s= rc: url("../Fonts/SFPRODISPLAYREGULAR.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "SF Pro"; font-style: italic;= src: url("../Fonts/SFPRODISPLAYLIGHTITALIC.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "SF Pro"; font-weight: 700; s= rc: url("../Fonts/SFPRODISPLAYBOLD.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "SF Pro"; font-weight: 500; s= rc: url("../Fonts/SFPRODISPLAYMEDIUM.woff2") format("woff2"); } @font-face { font-display: swap; font-family: Gilroy; font-weight: 600; src= : url("../Fonts/94b9ba0e-1690-4966-8af8-7d8a1c22c221.woff2") format("woff2"= ), url("../Fonts/fd4654af-3e2f-4601-bb81-d6b08f68d9f0.woff") format("woff")= ; } @font-face { font-display: swap; font-family: Gilroy; font-weight: 800; src= : url("../Fonts/9aa3a833-f885-4df4-975c-c504bb6a7b67.woff2") format("woff2"= ), url("../Fonts/824bd825-cb90-45d8-ac5e-3997fd8632ac.woff") format("woff")= ; } .svg-icon { display: inline-block; fill: currentcolor; height: 1em; overflo= w: visible; vertical-align: -0.125em; } :root { --clr-white: #fff; --clr-greyLight: #ededed; --clr-greyDark: #3c3c3= b; --clr-red: #ff002a; --clr-orange: #f56727; --clr-brownLight: #e9dacd; --= clr-lime: #96c200; --clr-green: #0d9c71; --clr-turquoise: #32b8b9; --clr-be= ige: var(--clr-brownLight); --clr-primary: var(--clr-red); --clr-secondary:= var(--clr-greyLight); --clr-background: var(--clr-white); --font-size: 18p= x; --font-color: var(--clr-greyDark); --font-colorLight: var(--clr-white); = --font-primary: "SF Pro",sans-serif; --font-secondary: "Gilroy",sans-serif;= --contentMaxWidth: 1436px; --contentMaxWidth-small: 1200px; --spaces: 16px= ; --section-bg: var(--clr-background); --section-grey-bg: var(--clr-greyLig= ht); --headline-color: var(--clr-greyDark); --headline-h1-size: 38px; --hea= dline-h2-size: 28px; --headline-h3-size: 28px; --slugline-h1-size: 28px; --= slugline-h2-size: var(--slugline-h1-size); --text-size: var(--font-size); -= -text-size-small: 14px; --text-clr: var(--font-color); --button-bg: var(--c= lr-primary); --button-color: var(--clr-white); --button-font-size: var(--fo= nt-size); --iconCard-background: var(--clr-greyLight); --iconCard-font-clr:= var(--font-color); --factsList-border-clr: #8b8b8b; --factsListItem-backgr= ound-clr: #f6f6f6; --search-background-clr: #f6f6f6; --articleCard-backgrou= nd: var(--clr-greyLight); --quote-background: var(--clr-greyLight); --quote= -headline-size: var(--headline-h3-size); --quote-text-size: var(--text-size= ); --theme-guestbook: var(--clr-turquoise); --theme-blog: var(--clr-orange)= ; --theme-department: var(--clr-green); --theme-news: var(--clr-red); --the= me-social: var(--clr-lime); --theme-profession: var(--clr-turquoise); } @media screen and (min-width: 768px) { :root { --headline-h1-size: 56px; --headline-h2-size: 38px; } } .u-color--red { --color-base: var(--clr-red); --color-contrast: var(--clr-w= hite); --color-hover: #d90024; } .u-color--orange { --color-base: var(--clr-orange); --color-contrast: var(-= -clr-greyDark); --color-hover: #e0561a; } .u-color--beige { --color-base: var(--clr-beige); --color-contrast: var(--c= lr-greyDark); --color-hover: #dcc7b4; } .u-color--lime { --color-base: var(--clr-lime); --color-contrast: var(--clr= -greyDark); --color-hover: #85ab00; } .u-color--green { --color-base: var(--clr-green); --color-contrast: var(--c= lr-white); --color-hover: #0b8862; } .u-color--turquoise { --color-base: var(--clr-turquoise); --color-contrast:= var(--clr-greyDark); --color-hover: #2ba3a4; } *, ::after, ::before { box-sizing: border-box; } html { font-family: var(--font-primary); font-feature-settings: normal; fon= t-size: 1rem; font-variant: normal; font-weight: 400; height: auto; min-hei= ght: 100%; -webkit-font-smoothing: antialiased; line-height: normal; scroll= -behavior: smooth; text-rendering: optimizelegibility; } body { background-color: var(--clr-background); color: var(--font-color); f= ont-size: var(--font-size); height: 100%; margin: 0px; padding: 0px; } main { position: relative; z-index: 2; } [hidden] { display: none; } :focus { outline: 2px auto var(--clr-red); } h1 { font-size: 2rem; margin: 0.67em 0px; } h2 { font-size: 1.5rem; } h3 { font-size: 1.17rem; } h4 { font-size: 1rem; } h5 { font-size: 0.83rem; } h6 { font-size: 0.67rem; } pre { white-space: pre-wrap; } hr { border-style: solid; border-width: 1px 0px 0px; color: inherit; height= : 0px; overflow: visible; } audio, canvas, embed, iframe, img, object, svg, video { display: block; max= -width: 100%; vertical-align: middle; } audio:not([controls]) { display: none; } audio { width: 100%; } picture { display: contents; } source { display: none; } canvas, img, svg, video { height: auto; max-width: 100%; } a { color: var(--clr-primary); text-decoration: none; transition: color 0.2= 5s ease-in-out; word-break: break-word; } a:hover { color: rgb(60, 60, 59); } p { line-height: 130%; margin-top: 0px; } button { border-width: medium; border-style: none; border-color: currentcol= or; border-image: none; cursor: pointer; font-family: inherit; font-size: i= nherit; margin: 0px; padding: 0px; } button, input { appearance: none; } ol, ul { padding: 0px 0px 0px 20px; } .u-listStyle-checkmark { & ol, & ul { padding: 0px 0px 0px 28px; } } .u-listStyle-arrowRight { & ol, & ul { padding: 0px 0px 0px 29px; } } .u-listStyle-user { & ol, & ul { padding: 0px 0px 0px 29px; } } .u-contentWidth { margin: 0px auto; max-width: var(--contentMaxWidth); widt= h: 100%; } .u-contentWidth-small { margin: 0px auto; max-width: var(--contentMaxWidth-= small); width: 100%; } [class*=3D"u-listStyle-"] ul > li { list-style-type: none; position: relati= ve; } [class*=3D"u-listStyle-"] ul > li::before { background-color: currentcolor;= content: ""; display: inline-block; font-size: inherit; height: 1em; left:= calc(-1em - 11px); line-height: inherit; mask-repeat: no-repeat; mask-size= : contain; position: absolute; text-align: center; top: 3px; width: 1em; } .u-listStyle-checkmark ul > li::before { mask-image: url("../Images/Icons/f= a/fa-check.svg"); } .u-listStyle-user ul > li::before { mask-image: url("../Images/Icons/fa/fa-= users.svg"); } .u-listStyle-arrowRight ul > li::before { mask-image: url("../Images/Icons/= fa/fa-arrow-right.svg"); } [lang=3D"ar"] ol, [lang=3D"ar"] ul:not(.LanguageSelect-list) { direction: r= tl; padding: 0px 58px 0px 0px; } [lang=3D"ar"] [class*=3D"u-listStyle-"] li::before { left: unset; right: ca= lc(-1em - 11px); } .bg--white { background-color: rgb(255, 255, 255); } blockquote { display: inline; margin: 0px; padding: 0px; } dd { font-weight: 700; margin-bottom: 5px; } .mr-10 { margin-right: 10px; } .neos-contentcollection > * ~ * { margin-top: 36px; } .neos-contentcollection > .Headline ~ .Slugline { margin-top: 5px; } .neos-contentcollection > .Headline ~ .Text, .neos-contentcollection > .Slu= gline ~ .Text { margin-top: 20px; } .neos-contentcollection > [class^=3D"style__addEmptyContentCollectionOverla= y"] { flex: 1 1 100%; } .Video-wrapper { max-width: 100%; position: relative; width: 100%; } .Video-wrapper.hochformat { max-width: 350px; } .Video-overlayButton { background: rgba(255, 255, 255, 0.3); font-size: 1.8= 75rem; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; = z-index: 1; } .Video-element--noPoster { aspect-ratio: 16 / 9; background-color: rgb(0, 0= , 0); display: block; object-fit: contain; width: 100%; } .Video-wrapper.hochformat .Video-element--noPoster { aspect-ratio: 9 / 16; = } .hamburger { align-items: center; background-color: transparent; border: 0p= x; color: inherit; cursor: pointer; display: inline-flex; font: inherit; he= ight: 55px; justify-content: center; margin: 0px 0px 0px 30px; overflow: vi= sible; position: relative; text-transform: none; transition-duration: 0.15s= ; transition-property: filter; transition-timing-function: linear; width: 5= 5px; z-index: 101; } @media screen and (min-width: 768px) { .hamburger { margin-left: 0px; } } .LinkBar .hamburger { display: block; height: 22px; margin-left: 20px; marg= in-right: 20px; width: 42px; } @media screen and (min-width: 768px) { .LinkBar .hamburger { display: none; } } .hamburger.is-active { background: var(--clr-red); } .LinkBar .hamburger.is-active { background: transparent; } .LinkBar .hamburger .hamburger-inner, .LinkBar .hamburger .hamburger-inner:= :after, .LinkBar .hamburger .hamburger-inner::before, .hamburger.is-active = .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.= is-active .hamburger-inner::before { background-color: var(--clr-white); } .hamburger-box { display: inline-block; height: 24px; position: relative; w= idth: 40px; } .hamburger-inner { display: block; margin-top: -2px; top: 50%; } .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { backg= round-color: var(--clr-red); border-radius: 4px; height: 4px; position: abs= olute; transition-duration: 0.15s; transition-property: transform; transiti= on-timing-function: ease; width: 40px; } .LinkBar .hamburger-inner, .LinkBar .hamburger-inner::after, .LinkBar .hamb= urger-inner::before { background-color: transparent; } .hamburger-inner::after, .hamburger-inner::before { content: ""; display: b= lock; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--squeeze .hamburger-inner { transition-duration: 75ms; transitio= n-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 75ms 0.12s, = opacity 75ms; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 75ms 0.12s= , transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); = transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.= 61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { opacity: 0; top: 0= px; transition: top 75ms, opacity 75ms 0.12s; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0px; transf= orm: rotate(-90deg); transition: bottom 75ms, transform 75ms cubic-bezier(0= .215, 0.61, 0.355, 1) 0.12s; } .Button { background-color: var(--button-bg,#eee); border-width: medium; bo= rder-style: none; border-color: currentcolor; border-image: none; cursor: p= ointer; display: inline-block; font-size: var(--button-font-size,1rem); tra= nsition: background-color 0.25s ease-in-out; width: auto; } .Button, .Button:hover { color: var(--button-color,#000); } .Button:hover { background-color: rgb(60, 60, 59); } .Button--colored { background-color: var(--color-base); color: var(--color-= contrast); } .Button--colored:focus, .Button--colored:hover { background-color: var(--co= lor-hover); color: var(--color-contrast); } .Button--colored:focus { box-shadow: 0 0 0 2px var(--color-base); outline: = 2px solid var(--clr-greyDark); outline-offset: 2px; } .Button--default { border-radius: 6px; padding: 18px 26px; } .Button--center, .Button--left { display: table; margin-right: auto; } .Button--center, .Button--right { margin-left: auto; } .Button--right { display: table; } .Columns { display: flex; flex-direction: column; gap: var(--spaces); } @media screen and (min-width: 768px) { .Columns { flex-direction: row; } } .Columns > * { flex: 0 0 100%; max-width: 100%; } @media screen and (min-width: 768px) { .Columns > * { flex: 0 0 calc(50% - var(--spaces)/2); max-width: 50%; } } @media screen and (min-width: 769px) { .Columns--33-33-33 { flex-wrap: nowrap; gap: var(--spaces,25px); } .Columns--33-33-33 > * { flex: 1 1 calc(50% - 8px); hyphens: auto; max-wi= dth: calc(50% - 8px); min-width: 0px; overflow-wrap: break-word; } .Columns--50-25-25 > :first-child { flex: 1 1 50%; } .Columns--25-50-25 > :first-child, .Columns--50-25-25 > :nth-child(2), .C= olumns--50-25-25 > :nth-child(3) { flex: 1 1 25%; } .Columns--25-50-25 > :nth-child(2) { flex: 1 1 50%; } .Columns--25-25-50 > :first-child, .Columns--25-25-50 > :nth-child(2), .C= olumns--25-50-25 > :nth-child(3) { flex: 1 1 25%; } .Columns--25-25-50 > :nth-child(3) { flex: 1 1 50%; } .Columns--25-75 > :first-child { flex: 1 1 25%; max-width: 25%; } .Columns--25-75 > :nth-child(2), .Columns--75-25 > :first-child { flex: 1= 1 75%; max-width: 75%; } .Columns--75-25 > :nth-child(2) { flex: 1 1 25%; max-width: 25%; } .Columns--33-66 > :first-child { flex: 1 1 33%; max-width: 33%; } .Columns--33-66 > :nth-child(2), .Columns--66-33 > :first-child { flex: 1= 1 67%; max-width: 67%; } .Columns--66-33 > :nth-child(2) { flex: 1 1 33%; max-width: 33%; } } @media screen and (min-width: 1024px) { .Columns--33-33-33 { flex-wrap: nowrap; gap: 78px; } .Columns--33-33-33 > * { flex: 1 1 33.3333%; max-width: 33.3333%; } } @media screen and (min-width: 1200px) { .Columns--big > :nth-child(2) { max-width: 40%; } } .Columns--100 > * { flex: 0 0 100%; max-width: 100%; } .Headline { color: var(--headline-color,currentColor); font-family: var(--f= ont-secondary); line-height: normal; margin: 0px; word-break: break-word; } @media screen and (min-width: 768px) { .Headline { word-break: unset; } } .Headline.text-center { text-align: center; } .h1, h1 { font-size: var(--headline-h1-size,40px); line-height: 1.1; } .h1, .h2, h1, h2 { font-weight: 800; margin-bottom: 8px; } .h2, h2 { font-size: var(--headline-h2-size,30px); } .h3, h3 { font-size: var(--headline-h3-size,20px); font-weight: 700; margin= -bottom: 8px; } .IconBlazon { box-sizing: content-box; display: inline-block; font-size: 6.= 625rem; height: 1.16em; padding: 0px 0.19em 0px 0px; position: relative; wi= dth: auto; } .IconBlazon-blazon { height: 1em; } .IconBlazon-icon { height: 0.55em; left: 0.51em; object-fit: contain; posit= ion: absolute; top: 0.61em; width: 0.55em; } .ImageBlazon-wrapper { align-items: center; aspect-ratio: 402 / 463; displa= y: inline-flex; justify-content: center; position: relative; } .ImageBlazon-image { position: absolute; } .ImageBlazon-image, .ImageBlazon-image > img { border-radius: 0px 0px 50% 5= 0%; height: 100%; object-fit: cover; width: 100%; } .ImageBlazon-image > img { padding: 4%; } .ImageBlazon-svg { align-items: flex-start; display: flex; height: 100%; ju= stify-content: flex-start; pointer-events: none; position: relative; width:= 100%; z-index: 1; } .ImageBlazon-image .Picture-copyright { left: 30px; top: 30px; } .LanguageSelect { margin-left: 20px; position: relative; } @media screen and (min-width: 768px) { .LanguageSelect { margin-left: 0px; } } .LanguageSelect-list { background-color: var(--clr-background,#fff); displa= y: none; list-style: none; margin: 0px; padding: 10px 20px; position: absol= ute; top: 20px; } @media screen and (min-width: 768px) { .LanguageSelect-list { right: 0px; } } .LanguageSelect:hover .LanguageSelect-list { display: block; } .LanguageSelect-item { color: currentcolor; margin: 8px 0px; } .LanguageSelect-item a { align-items: center; color: var(--clr-greyDark); d= isplay: flex; margin-right: 30px; } .LanguageSelect-item a img { margin-right: 9px; max-width: 35px; min-width:= 35px; } body .cnw_translationbox { background: rgb(255, 255, 255); border: 0px; bor= der-radius: 0px; box-shadow: none; height: max-content; left: auto; positio= n: absolute; right: 10px; top: 10px; } @media screen and (min-width: 768px) { body .cnw_translationbox { background: transparent; left: auto; position:= unset; right: auto; top: auto; } } .Picture { display: block; width: 100%; } .Picture.Picture--link { position: relative; } .Picture > a { height: 100%; left: 0px; position: absolute; top: 0px; width= : 100%; } .Picture img { height: 100%; object-fit: cover; width: 100%; } .Picture-copyright { background: var(--clr-greyLight); font-size: 0.875rem;= left: 0px; opacity: 0; padding: 2px 3px; position: absolute; transition: o= pacity 0.25s ease-in-out; } .Picture:hover .Picture-copyright { opacity: 1; } .Column > .Picture { position: relative; } .Section { background-color: var(--section-bg,var(--clr-background)); margi= n: 0px; padding: 19px 20px; } @media screen and (min-width: 1024px) { .Section { padding: 75px; } } .Section--grey { --iconCard-background: var(--clr-background); background-c= olor: var(--section-grey-bg,var(--clr-background)); } .Section--hasBackgroundImage { background-position: 50% center; background-= repeat: no-repeat; background-size: cover; position: relative; } .Section--hasBackgroundImage > * { position: relative; z-index: 1; } .Section--overlayDark::before, .Section--overlayLight::before { inset: 0px;= content: ""; position: absolute; } .Section--overlayDark::before { background-color: rgba(0, 0, 0, 0.45); } .Section--overlayLight::before { background-color: rgba(255, 255, 255, 0.65= ); } .Section--textLight { --headline-color: var(--clr-white); --text-clr: var(-= -clr-white); color: var(--clr-white); } .Section--textDark { --headline-color: var(--clr-greyDark); --text-clr: var= (--clr-greyDark); color: var(--clr-greyDark); } .Slugline { color: var(--headline-color,currentColor); font-family: var(--f= ont-secondary); font-weight: 600; margin-bottom: 8px; } .Slugline-h1 { font-size: var(--slugline-h1-size); } .Slugline-h2 { font-size: var(--slugline-h2-size); } .Text { color: var(--text-clr,currentColor); font-size: var(--text-size,1re= m); line-height: 1.333em; text-align: inherit; width: 100%; } .Text a { text-decoration: underline; } .Text a::before { display: inline-block; height: 18px; margin-right: 5px; m= ask-image: url("../Images/Icons/fa/fa-link.svg"); } .Text a::before, .Text a[href^=3D"http://"]::before, .Text a[href^=3D"https= ://"]::before { background-color: currentcolor; content: ""; mask-repeat: n= o-repeat; mask-size: contain; vertical-align: middle; width: 18px; } .Text a[href^=3D"http://"]::before, .Text a[href^=3D"https://"]::before { f= ont-family: unset; height: 21px; mask-image: url("../Images/Icons/fa/fa-lin= k-external.svg"); } .Text--small { font-size: var(--text-size-small,.8rem); line-height: 1.2em;= } .Text--center { text-align: center; } .Text--left { text-align: left; } .Text--right { text-align: right; } a[href$=3D".pdf"]::before { mask-image: url("../Images/Icons/fa/fa-file-pdf= .svg"); } a[href$=3D".jpeg"]::before, a[href$=3D".jpg"]::before, a[href$=3D".pdf"]::b= efore, a[href$=3D".png"]::before { background-color: currentcolor; content:= ""; display: inline-block; height: 23px; margin-right: 5px; mask-repeat: n= o-repeat; mask-size: contain; vertical-align: middle; width: 14px; } a[href$=3D".jpeg"]::before, a[href$=3D".jpg"]::before, a[href$=3D".png"]::b= efore { mask-image: url("../Images/Icons/fa/fa-file-image.svg"); } a[href$=3D".doc"]::before, a[href$=3D".docx"]::before { mask-image: url("..= /Images/Icons/fa/fa-file-word.svg"); } a[href$=3D".doc"]::before, a[href$=3D".docx"]::before, a[href$=3D".ppt"]::b= efore, a[href$=3D".pptx"]::before { background-color: currentcolor; content= : ""; display: inline-block; height: 23px; margin-right: 5px; mask-repeat: = no-repeat; mask-size: contain; vertical-align: middle; width: 14px; } a[href$=3D".ppt"]::before, a[href$=3D".pptx"]::before { mask-image: url("..= /Images/Icons/fa/fa-file-powerpoint.svg"); } a[href$=3D".xls"]::before, a[href$=3D".xlsx"]::before { mask-image: url("..= /Images/Icons/fa/fa-file-excel.svg"); } a[href$=3D".csv"]::before, a[href$=3D".xls"]::before, a[href$=3D".xlsx"]::b= efore { background-color: currentcolor; content: ""; display: inline-block;= height: 23px; margin-right: 5px; mask-repeat: no-repeat; mask-size: contai= n; vertical-align: middle; width: 14px; } a[href$=3D".csv"]::before { mask-image: url("../Images/Icons/fa/fa-file-csv= .svg"); } .TextBlazon { position: relative; } .TextBlazon-content { background-color: var(--clr-greyLight); font-family: = var(--font-secondary); font-size: 1.125rem; font-weight: 700; hyphens: auto= ; line-height: 1.125rem; margin-left: 30px; margin-top: -80px; max-width: 3= 20px; padding: 6px; position: relative; word-break: break-word; z-index: 10= ; } .ContactForm-section + .ContactForm-section { margin-top: 50px; } @media screen and (min-width: 768px) { .ContactForm-section + .ContactForm-section { margin-top: 70px; } } .ContactForm-fieldWrap { display: flex; flex-flow: column wrap; font-size: = 1.25rem; justify-content: center; max-width: 920px; } @media screen and (min-width: 768px) { .ContactForm-fieldWrap { font-size: 1.125rem; } } @media screen and (min-width: 1200px) { .ContactForm-fieldWrap { font-size: 1.25rem; } } .ContactForm-fieldWrap + .ContactForm-fieldWrap { margin-top: 25px; } .ContactForm-fieldWrap label { flex: 1 1 100%; margin-bottom: 13px; } @media screen and (min-width: 768px) { .ContactForm-fieldWrap label { flex: 1 1 100%; } } .ContactForm-fieldWrap input, .ContactForm-fieldWrap select { flex: 1 1 50%= ; } .ContactForm-fieldWrap input, .ContactForm-fieldWrap select, .ContactForm-f= ieldWrap textarea { border: 4px solid var(--clr-greyLight); border-radius: = 5px; font-size: 1.25rem; min-height: 58px; padding: 0px 22px; } @media screen and (min-width: 768px) { .ContactForm-fieldWrap input, .ContactForm-fieldWrap select, .ContactForm= -fieldWrap textarea { height: 49px; padding: 0px 20px; } } @media screen and (min-width: 1024px) { .ContactForm-fieldWrap input, .ContactForm-fieldWrap select, .ContactForm= -fieldWrap textarea { font-size: 1.25rem; height: 70px; padding: 0px 28px; = } } @media screen and (min-width: 1200px) { .ContactForm-fieldWrap input, .ContactForm-fieldWrap select, .ContactForm= -fieldWrap textarea { font-size: 1.375rem; } } .ContactForm-fieldWrap input[type=3D"checkbox"] { appearance: auto; height:= 1em; margin: 0.2em clamp(8px, 2vw, 18px) 0px 0px; min-height: unset; width= : 1em; } .ContactForm-fieldWrap textarea { min-height: 300px; padding-top: 16px; res= ize: vertical; width: 100%; } .ContactForm-fieldWrap select { padding: 0px 18px; } @media screen and (min-width: 768px) { .ContactForm-fieldWrap select { padding: 0px 16px; } } @media screen and (min-width: 1024px) { .ContactForm-fieldWrap select { padding: 0px 24px; } } .ContactForm-fieldWrap .errors { color: var(--clr-red); font-size: 1rem; ma= rgin: 0px; } @media screen and (min-width: 768px) { .ContactForm-fieldWrap .errors { font-size: inherit; margin: 0px; padding= : 0px; } } .ContactForm-fieldWrap .errors li { list-style: none; padding: 10px 0px; } .ContactForm-error input, .ContactForm-error select, .ContactForm-error tex= tarea { border-radius: 5px; outline: 4px solid var(--clr-red); } .ContactForm-sectionHeadline { font-size: 1.5rem; font-weight: 700; line-he= ight: 1.28; margin: 0px 0px 25px; } @media screen and (min-width: 768px) { .ContactForm-sectionHeadline { font-size: 2rem; } } @media screen and (min-width: 1024px) { .ContactForm-sectionHeadline { font-size: 2.625rem; } } .ContactForm-salutation label { margin-bottom: 19px; } .ContactForm-salutationSelect { flex: 1 1 100%; width: 100%; } .ContactForm-salutationSelect select { width: 100%; } .ContactForm-message { align-items: flex-start; } .ContactForm-privacy { margin-bottom: 20px; } .ContactForm-privacy label { align-items: flex-start; display: flex; line-h= eight: 1.5; margin: 0px; } .ContactForm-privacy input { flex: 0 0 auto; } .ContactForm-mandatoryText { margin-bottom: 30px; } .h-captcha { margin: 1rem 0px; } .ContactForm-hcaptchaButton { border-radius: 0.25rem; font-size: small; mar= gin-top: 1rem; padding: 0.5rem; } .ContactForm-footer { & button { background-color: var(--button-bg,#eee); border-width: medium;= border-style: none; border-color: currentcolor; border-image: none; border= -radius: 6px; cursor: pointer; display: inline-block; font-size: var(--butt= on-font-size,1rem); padding: 18px 26px; transition: background-color 0.25s = ease-in-out; width: auto; } & button, & button:hover { color: var(--button-color,#000); } & button:hover { background-color: rgb(60, 60, 59); } } .ContactFormFinished-button { margin-top: 50px; } @media screen and (min-width: 768px) { .ContactFormFinished-button { margin-top: 70px; } } @media screen and (min-width: 1200px) { .ContactFormFinished-button { margin-top: 80px; } } .Select { display: inline-block; position: relative; } .Select-input { background-color: rgb(255, 255, 255); border: 4px solid var= (--clr-greyLight); border-radius: 5px; font-size: 1.25rem; height: 58px; pa= dding: 0px 13px 0px 10px; } @media screen and (min-width: 768px) { .Select-input { height: 49px; padding: 0px 16px 0px 10px; } } @media screen and (min-width: 1024px) { .Select-input { font-size: 1.375rem; height: 70px; padding: 0px 22px 0px = 10px; } } @media screen and (min-width: 1200px) { .Select-input { font-size: 1.625rem; padding: 0px 22px 0px 10px; } } .Select-button { align-items: center; background-color: rgb(255, 255, 255);= display: flex; height: calc(100% - 8px); justify-content: center; padding:= 0px 15px; pointer-events: none; position: absolute; right: 4px; top: 4px; = } @media screen and (min-width: 1024px) { .Select-button { padding: 0px 22px; } } @media screen and (min-width: 1200px) { .Select-button { padding: 0px 24px; } } .Select-button svg { height: auto; width: 14px; } @media screen and (min-width: 768px) { .Select-button svg { width: 16px; } } @media screen and (min-width: 1024px) { .Select-button svg { width: 22px; } } .Select-button svg path { fill: var(--clr-red); } .Accordion { width: auto; } @media screen and (min-width: 768px) { .Accordion { margin-left: auto; margin-right: auto; width: 100%; } } .Accordion[data-isneosbackend] .AccordionItem--active .AccordionItem-conten= t { overflow: inherit; } @media screen and (min-width: 768px) { .Accordion--100 { width: 100%; } .Accordion--80 { width: 80%; } .Accordion--60 { width: 60%; } } .AccordionItem { margin-top: -1px; text-align: left; } .AccordionItem + .AccordionItem { border-top: 2px solid var(--clr-white); } .AccordionItem-title { align-items: center; background-color: var(--clr-red= ); color: var(--clr-white); cursor: pointer; display: flex; font-size: 1.12= 5rem; font-weight: 500; justify-content: flex-start; padding: 0.8em 22px; t= ext-align: left; vertical-align: middle; width: 100%; } .AccordionItem--colored .AccordionItem-title { background-color: var(--colo= r-base); color: var(--color-contrast); } .AccordionItem--colored .AccordionItem-title:focus { box-shadow: 0 0 0 2px = var(--color-base); outline: 2px solid var(--clr-greyDark); outline-offset: = 2px; } .AccordionItem-icon { height: 30px; margin-right: 25px; width: 30px; } .AccordionItem-icon.AccordionItem-icon__close { display: none; } .AccordionItem-content { border: 1px solid var(--clr-white); box-sizing: co= ntent-box; font-size: 1.125rem; max-height: 0px; overflow: hidden; padding:= 0px 25px; transition: max-height 0.3s ease-out, padding 0.3s ease-out; } .AccordionItem--active:last-of-type .AccordionItem-content { border-bottom-= width: 1px; } .AccordionItem--active .AccordionItem-title { background-color: var(--clr-g= reyLight); color: var(--clr-greyDark); } .AccordionItem--active .AccordionItem-content { border-top-color: ; border-= top-style: ; border-right-color: ; border-right-style: ; border-bottom-colo= r: ; border-bottom-style: ; border-left-color: ; border-left-style: ; borde= r-image-source: ; border-image-slice: ; border-image-width: ; border-image-= outset: ; border-image-repeat: ; border-width: 1px 1px 2px; padding: 25px; = } .AccordionItem--active .AccordionItem-icon__open { display: none; } .AccordionItem--active .AccordionItem-icon__close { display: inline-block; = } .AccordionItemText .AccordionItem-content { font-size: 1.125rem; padding: 0= px 25px; } .AccordionItemText.AccordionItem--active .AccordionItem-content { padding: = 25px; } .AccordionItemTextWithImage .AccordionItem-content { font-size: 1.125rem; p= adding: 0px 25px; } .AccordionItemTextWithImage.AccordionItem--active .AccordionItem-content { = padding: 25px; } .AccordionItemTextWithImage { & img { margin: -25px -25px 25px; max-width: unset; width: calc(100% + 50= px); } } .AccordionItem-preContent { margin-bottom: 50px; } .BackToTopButton { background-color: var(--clr-greyLight); border-width: 5p= x; border-style: solid; border-color: currentcolor; border-image: url("data= :image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciI= HdpZHRoPSIxOTIwLjAwMSIgaGVpZ2h0PSI2NTEuNDk5Ij48ZyBkYXRhLW5hbWU9Ikdyb3VwIDEz= MiI+PHBhdGggZmlsbD0iI2ZmMDAyYSIgZD0iTS41MDEgNzIuOTk4di03M2g3MzF2Ny41SDguMDA= xdjY1LjVaIiBkYXRhLW5hbWU9IkludGVyc2VjdGlvbiA2Ii8+PHBhdGggZmlsbD0iI2Y1NjcyNy= IgZD0iTTczMS41MDEgNy40OTh2LTcuNWg3NTh2Ny41WiIgZGF0YS1uYW1lPSJJbnRlcnNlY3Rpb= 24gNSIvPjxwYXRoIGZpbGw9IiNlOWRhY2QiIGQ9Ik0xOTEyLjAwMSAyNzguOTk4VjcuNDk4aC00= MjIuNXYtNy41aDQzMHYyNzlaIiBkYXRhLW5hbWU9IkludGVyc2VjdGlvbiA0Ii8+PHBhdGggZml= sbD0iIzk2YzIwMCIgZD0iTTE0ODkuNTAxIDY1MS40OTh2LThoNDIyLjV2LTM2My41aDh2MzcxLj= VaIiBkYXRhLW5hbWU9IkludGVyc2VjdGlvbiAzIi8+PHBhdGggZmlsbD0iIzBkOWM3MSIgZD0iT= TM1NC41MDEgNjUxLjQ5OHYtOGgxMTM0djhaIiBkYXRhLW5hbWU9IkludGVyc2VjdGlvbiAyIi8+= PHBhdGggZmlsbD0iIzMyYjhiOSIgZD0iTS4wMDEgNjUxLjQ5OHYtNTc3LjVoOHY1NjkuNWgzNDU= uNXY4WiIgZGF0YS1uYW1lPSJJbnRlcnNlY3Rpb24gMSIvPjwvZz48L3N2Zz4=3D") 27 / 10px= / 0 stretch; bottom: 60px; color: var(--font-color); font-size: 1.875rem; = height: 50px; opacity: 0; pointer-events: none; position: fixed; right: 30p= x; transition: opacity 0.5s ease-in-out; width: 50px; z-index: 1000; } .BackToTopButton.is-Shown { opacity: 1; pointer-events: all; } .ArticleCard { display: flex; flex-direction: row; min-width: 50px; } @media screen and (min-width: 768px) { .ArticleCard { flex-direction: column; } } .ArticleCard-top { flex: 1 1 34%; position: relative; } @media screen and (min-width: 768px) { .ArticleCard-top { flex: 1 1 100%; } } .ArticleCard-imageFiller { aspect-ratio: 16 / 9; display: block; } .ArticleCard-image { width: calc(100% + 18px); } @media screen and (min-width: 768px) { .ArticleCard-image { width: 100%; } } .ArticleCard-tag { background-color: violet; color: rgb(255, 255, 255); pad= ding: 12px; width: calc(100% + 18px); } @media screen and (min-width: 768px) { .ArticleCard-tag { bottom: 0px; left: unset; position: absolute; right: 0= px; top: unset; width: auto; } } .ArticleCard-guestpost { background-color: var(--theme-guestbook); } .ArticleCard-blog { background-color: var(--theme-blog); } .ArticleCard-department { background-color: var(--theme-department); } .ArticleCard-news { background-color: var(--theme-news); } .ArticleCard-social { background-color: var(--theme-social); } .ArticleCard-profession { background-color: var(--theme-profession); } .ArticleCard-content { background-color: var(--articleCard-background,#fff)= ; flex: 1 1 66%; hyphens: auto; max-width: 66%; padding: 15px 15px 15px 35p= x; word-break: break-word; } @media screen and (min-width: 768px) { .ArticleCard-content { flex: 1 1 100%; height: 100%; max-width: 100%; pad= ding: 23px 34px; } } .ArticleCard-title { font-family: var(--font-secondary); font-size: 1.375re= m; font-weight: 800; hyphens: auto; } @media screen and (min-width: 768px) { .ArticleCard-title { font-size: 1.75rem; } } .ArticleCard-text { margin-top: 10px; word-break: auto-phrase; } .CardList { display: grid; grid-template-columns: 100%; grid-template-rows:= auto; row-gap: var(--spaces,8px); column-gap: var(--spaces,8px); place-ite= ms: stretch; color: rgb(255, 255, 255); } .CardList > * { margin-top: 0px; } @media screen and (min-width: 768px) { .CardList { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 1024px) { .CardList--2 { grid-template-columns: 1fr 1fr; } .CardList--3 { grid-template-columns: 1fr 1fr 1fr; } .JobOfferSearch-results .CardList--3 { grid-template-columns: 1fr 1fr; } } .IconCard { align-items: center; border: 2px solid transparent; display: fl= ex; flex-direction: row; font-size: 1.625rem; justify-content: flex-start; = padding: 24px 18px; text-align: left; overflow-wrap: break-word; background= -color: var(--iconCard-background,#fff); color: var(--iconCard-font-clr,cur= rentColor); transition: border 0.25s ease-in-out, box-shadow 0.25s ease-in-= out; } @media screen and (min-width: 1200px) { .IconCard { font-size: 2.375rem; padding: 40px 35px; } } .IconCard:hover { border: 2px solid var(--clr-white); box-shadow: rgba(0, 0= , 0, 0.16) 6px 6px 40px; } .Section--grey .IconCard:hover { box-shadow: rgba(0, 0, 0, 0.16) 10px 10px = 66px; } .IconCard-icon { flex: 0 1 auto; font-size: 4.6875rem; min-width: 75px; } @media screen and (min-width: 1024px) { .IconCard-icon { font-size: 6.625rem; min-width: 92px; } } .IconCard-title { flex: 0 1 auto; font-family: var(--font-secondary); font-= weight: 800; hyphens: auto; line-height: 1.2; margin: var(--iconCard-title-= margin,0 0 0 15px); max-width: 70%; overflow-wrap: break-word; } @media screen and (min-width: 768px) { .IconCard-title { margin: var(--iconCard-title-margin,0 0 0 25px); max-wi= dth: 100%; } } @media screen and (min-width: 1024px) { .CardList--3 .IconCard { --iconCard-title-margin: 47px 0 0 0; flex-direct= ion: column; padding: 47px; text-align: center; } } .ContactPersonList { display: grid; grid-template-columns: 1fr; grid-templa= te-rows: auto; gap: 18px 16px; } @media screen and (min-width: 768px) { .ContactPersonList { grid-template-columns: repeat(2, 1fr); } } .ContactPerson { align-items: center; background: var(--clr-greyLight); dis= play: flex; } .ContactPerson + .ContactPerson { margin-top: 0px; } .Section--grey .ContactPerson { background-color: var(--clr-white); } .ContactPerson-image { max-width: 100px; min-width: 100px; position: relati= ve; } @media screen and (min-width: 768px) { .ContactPerson-image { max-width: 172px; } } .ContactPerson-data { display: flex; flex-direction: column; margin-left: 2= 0px; } .ContactPerson-title { color: rgb(0, 0, 0); font-family: var(--font-seconda= ry); font-size: 1.25rem; font-weight: 700; margin-bottom: 6px; } @media screen and (min-width: 768px) { .ContactPerson-title { font-size: 1.5rem; } } .ContactPerson-department { font-size: 1rem; margin-bottom: 5px; } @media screen and (min-width: 768px) { .ContactPerson-department { font-size: inherit; } } #dienstort-karte { height: 500px; margin: 0px auto; max-width: 700px; width= : 100%; } .DienstortKarte .mapboxgl-popup { font-family: Arial, sans-serif; max-width= : 400px; } .DienstortKarte .mapboxgl-popup-content { background-color: rgb(255, 255, 2= 55); border: 5px solid var(--clr-greyLight); box-shadow: rgba(0, 0, 0, 0.15= ) 0px 4px 12px; padding: 15px; } .DienstortKarte .mapboxgl-popup-content h3 { font-size: 1.125rem; font-weig= ht: 700; margin: 0px; overflow-wrap: break-word; color: rgb(51, 51, 51); } .DienstortKarte .mapboxgl-popup-content p { font-size: 0.875rem; margin: 5p= x 0px; overflow-wrap: break-word; color: rgb(102, 102, 102); } .DienstortKarte .mapboxgl-popup-close-button { color: rgb(255, 94, 87); fon= t-size: 2rem; line-height: unset; } .DienstortKarte .mapboxgl-popup-close-button:focus { outline: none; } .DienstortKarte .mapboxgl-cluster { align-items: center; background-color: = rgb(50, 184, 185); border-radius: 50%; color: rgb(255, 255, 255); display: = flex; font-size: 0.75rem; height: 30px; justify-content: center; width: 30p= x; } .DienstortKarte .btn-primary { background-color: var(--clr-primary); border= -width: medium; border-style: none; border-color: currentcolor; border-imag= e: none; border-radius: 5px; color: rgb(255, 255, 255); display: inline-blo= ck; font-size: 0.875rem; font-weight: 700; margin-top: 10px; padding: 10px = 20px; text-align: center; text-decoration: none; transition: background-col= or 0.3s; width: 100%; } .DienstortKarte .btn-primary:hover { background-color: var(--clr-greyDark);= } .FactsList { border: 5px solid var(--factsList-border-clr); padding: 5px; } .FactsListItem { background: var(--factsListItem-background-clr); font-size= : 1.125rem; hyphens: auto; padding: 15px; } .FactsListItem a { hyphens: auto; word-break: auto-phrase; } .FactsListItem + .FactsListItem { margin-top: 5px; } .FactsListItem-title { font-weight: 700; margin-bottom: 4px; } .FactsListItem p { margin-bottom: 0px; } .IFrame + .IFrame { margin-top: 20px; } .IFrame-frame { border: 0px; height: 500px; width: 100%; } .HeaderSection .IFrame-frame, .IFrame-16-9 { aspect-ratio: 16 / 9; height: = unset; } .IconCardWithText { align-items: center; border: 5px solid var(--clr-greyLi= ght); color: var(--font-color); display: flex; flex-direction: column; just= ify-content: center; padding: 40px 0px 60px; } .IconCardWithText-icon { font-size: 12.5rem; } .IconCardWithText-title { margin-top: 40px; } .IconCardWithText-content { font-family: var(--font-primary); font-size: 1.= 125rem; font-weight: 400; line-height: 1.375rem; margin-top: 2px; text-alig= n: center; } .ImageBox { background-color: var(--clr-background); display: flex; flex-di= rection: column; margin-top: 23px; } @media screen and (min-width: 1024px) { .ImageBox { flex-direction: row; } } .ImageBox-images { position: relative; width: 100%; } @media screen and (min-width: 1024px) { .ImageBox-images { width: 57%; } } .ImageBox-imageLeft { aspect-ratio: 311 / 287; width: 75.12%; } @media screen and (min-width: 1024px) { .ImageBox-imageLeft { aspect-ratio: 618 / 429; height: 100%; max-width: 7= 5%; } } .ImageBox-imageBlazon { bottom: 15.33%; height: 69.34%; position: absolute;= right: 4.23%; } @media screen and (min-width: 1024px) { .ImageBox-imageBlazon { bottom: -5.2%; height: 110.4%; position: absolute= ; right: 0px; width: auto; } } .ImageBox-data { padding: 25px; } @media screen and (min-width: 1024px) { .ImageBox-data { padding: 56px; } } .ImageBox-dataButton { margin: 18px auto 0px; } @media screen and (min-width: 1024px) { .ImageBox-dataButton { display: inline-block; margin-top: 55px; } } .ImageSlider-collection { max-width: 100%; } .ImageSliderItem + .ImageSliderItem { margin-top: 0px; } .ImageSliderItem-image { aspect-ratio: 642 / 361; } .ImageSliderItem-image img { object-fit: cover; } .ImageSliderItem-overlay { background: var(--clr-greyLight); border: 4px so= lid var(--clr-white); bottom: 0px; left: 0px; padding: 30px; position: abso= lute; } .ImageSliderItem-title { margin-bottom: 0px; } a .ImageSliderItem-title { color: var(--clr-red); text-decoration: underlin= e; } .ImageStage-images { align-items: center; display: flex; margin: 0px auto; = max-width: 1575px; position: relative; } .ImageStage-firstImage { aspect-ratio: 787 / 480; margin-top: 4.04%; width:= 50%; } .ImageStage-secondImage { aspect-ratio: 787 / 480; margin-bottom: 4.04%; po= sition: relative; width: 50%; } .ImageStage-blazon { left: 50%; position: absolute; top: 3.69%; transform: = translateX(-50%); width: 29.95%; z-index: 10; } .ImageStage-blazon .ImageBlazon-svg { height: 100%; width: auto; } .ImageStage-contentHead { margin-top: 25px; position: relative; z-index: 2;= } @media screen and (min-width: 1024px) { .ImageStage-contentHead { margin-top: 0px; } } .ImageStage-title { display: block; padding: 0px 20px; overflow-wrap: break= -word; } @media screen and (min-width: 1024px) { .ImageStage-title { background-color: var(--clr-background,#fff); margin-= bottom: 0px; margin-left: -22px; margin-top: -55px; max-width: 38%; padding= : 18px 20px; width: max-content; } } .JobInfoOverview-listWrapper { margin-bottom: 20px; } .JobInfoOverview-listTitle { margin-top: 40px; text-align: center; } .JobInfoOverview-result { display: flex; flex-wrap: wrap; gap: 12px; } .JobInfoOverviewTemplate { background-color: var(--clr-greyLight); display:= flex; flex: 1 1 49%; flex-direction: column; padding: 22px 25px; width: 50= %; } .JobInfoOverviewTemplate-top { display: flex; } .JobInfoOverviewTemplate-right { flex: 1 1 0%; margin-left: 30px; } .JobInfoOverviewTemplate-image { max-height: 133px; max-width: 158px; min-h= eight: 133px; min-width: 158px; } .JobInfoOverviewTemplate-textBlazon { margin-bottom: 50px; } .JobInfoOverviewTemplate-footer { display: flex; justify-content: flex-end;= } .JobInfoOverview-loading { display: flex; justify-content: center; width: 1= 00%; } .JobOfTheMonth { align-items: flex-start; background-color: var(--clr-greyD= ark); color: var(--clr-white); display: flex; flex-direction: column-revers= e; justify-content: flex-start; position: relative; } @media screen and (min-width: 768px) { .JobOfTheMonth { align-items: normal; flex-direction: row; } } .JobOfTheMonth-data { display: flex; flex: 1 1 0%; flex-direction: column; = justify-content: space-between; min-height: 100%; padding: 15px 20px 25px; = position: relative; } @media screen and (min-width: 768px) { .JobOfTheMonth-data { padding: 45px 300px 45px 32px; } } .JobOfTheMonth-dataTop-head { display: none; } @media screen and (min-width: 768px) { .JobOfTheMonth-dataTop-head { display: block; } } .JobOfTheMonth-dataTop--mobile { display: block; margin-top: 20px; width: 1= 00%; } @media screen and (min-width: 768px) { .JobOfTheMonth-dataTop--mobile { display: none; } } .JobOfTheMonth-images { display: flex; flex-direction: row; justify-content= : flex-end; position: relative; width: 100%; } @media screen and (min-width: 768px) { .JobOfTheMonth-images { position: static; width: 33%; } } .JobOfTheMonth-title { color: var(--clr-white); margin-bottom: 0px; text-al= ign: center; } @media screen and (min-width: 768px) { .JobOfTheMonth-title { display: block; text-align: left; } } .JobOfTheMonth-subtitle { color: var(--clr-white); font-weight: 500; margin= -bottom: 20px; text-align: center; } @media screen and (min-width: 768px) { .JobOfTheMonth-subtitle { text-align: left; } } .JobOfTheMonth-rightImage { aspect-ratio: 478 / 463; width: 65%; } @media screen and (min-width: 768px) { .JobOfTheMonth-rightImage { width: auto; } } .JobOfTheMonth-blazonImage { aspect-ratio: 402 / 463; height: 100%; left: 2= 0px; position: absolute; } @media screen and (min-width: 768px) { .JobOfTheMonth-blazonImage { height: 100%; left: unset; right: 33%; top: = 0px; transform: translateX(50%); } } .JobOfTheMonth-blazonImage .ImageBlazon-svg { height: 100%; width: auto; } .JobOfTheMonth-footer { display: flex; flex-wrap: wrap; gap: 10px 20px; mar= gin-top: 50px; } .JobOfferSearch { align-items: flex-start; display: flex; margin: 0px auto;= width: 100%; } .JobOfferSearch .h2 { font-weight: 800; margin-bottom: 18px; margin-top: 0p= x; } .JobOfferSearch-form { background: var(--search-background-clr); margin: 0p= x; padding: 33px; } .Input, .JobOfferSearch-form, .Select { display: flex; flex-direction: colu= mn; } .Input:not(.no-Hide), .Select:not(.no-Hide) { display: none; } .Input + *, .Select + * { margin-top: 18px; } .Input span, .Select span { font-family: var(--font-primary); font-size: 1r= em; margin-bottom: 5px; } .Input-field, .Select-field { background: var(--clr-white); border: 1px sol= id var(--clr-greyDark); border-radius: 5px; font-size: 1rem; padding: 14px;= width: 100%; } .Input-field.has-Error, .Select-field.has-Error { border-color: var(--clr-r= ed); } .JobOfferSearch-results { display: flex; flex-direction: column; margin: 20= px 15px; } @media screen and (min-width: 768px) { .JobOfferSearch-results { margin-left: 55px; margin-right: 55px; margin-t= op: 37px; } } .JobOfferSearch-resultsList { display: flex; flex-direction: column; } .JobOfferResult { border-bottom: 2px solid rgb(196, 196, 196); margin-botto= m: 13px; padding-bottom: 17px; } .JobOfferResult-title { font-family: var(--font-secondary); font-size: 1.12= 5rem; font-weight: 600; margin-bottom: 5px; text-decoration: underline; } .JobOfferResult-content { font-family: var(--font-primary); font-size: 1rem= ; font-weight: 400; } .JobOfferSearch-notFound, .JobOfferSearch-notSearchedYet { padding-bottom: = 20px; } .JobOfferSearch-loading { display: flex; justify-content: center; width: 10= 0%; } .JobOverview { background: var(--clr-greyLight); } .JobOverview-title { padding-top: 30px; text-align: center; } .JobOverview-item { background: rgb(255, 255, 255); border-radius: 10px; pa= dding: 2.5px; width: 100%; } @media screen and (min-width: 768px) { .JobOverview-item { width: calc(50% - 20px); } } .JobOverview-list { display: flex; flex-flow: column wrap; gap: 25px 20px; = } @media screen and (min-width: 768px) { .JobOverview-list { flex-direction: row; } } .JobOverview-header { display: flex; margin-bottom: 10px; } @media screen and (min-width: 768px) { .JobOverview-header { margin-bottom: 0px; } } .JobOverview-itemImage { display: none; } @media screen and (min-width: 768px) { .JobOverview-itemImage { display: block; max-width: 160px; min-height: 13= 0px; } .JobOverview-itemImage img { border-radius: 0px 8px 0px 10px; } } .JobInfo-textBlazon { display: flex; margin: auto 0px auto 20px; width: 100= %; } .JobInfo-textBlazon .TextBlazon-content-wrapper { margin-left: -50px; margi= n-top: 15px; } .JobInfo-textBlazon .TextBlazon-content { background: rgb(255, 255, 255); m= argin: 0px; } .JobOverview-content { hyphens: auto; margin: 0px 20px 20px; } .JobOverview-content p { font-size: 1rem; margin: 0px; } .JobOverview-content p i { font-style: normal; font-weight: 600; } .JobOverview-footer { align-items: center; border-top: 2px solid var(--clr-= greyLight); display: flex; justify-content: space-between; margin: auto 20p= x 0px; padding: 16px 0px; } .JobOverview-footerType { align-items: center; color: var(--clr-green); dis= play: flex; font-size: 1.125rem; font-weight: 800; } .JobOverview-footerIcon { margin-right: 10px; } .JobOverview-footerLink { align-items: center; display: flex; font-size: 1.= 125rem; } .JobOverview-footerLink i { font-size: 1.875rem; margin-left: 15px; } .JobOverview-searchWrapper { margin: 25px auto 50px; position: relative; wi= dth: min(70%, 811px); } .JobOverview-searchField { border: 2px solid var(--clr-greyDark); border-ra= dius: 110px; font-size: 1.125rem; padding: 18px 20px; width: 100%; } .JobOverview-searchButton { aspect-ratio: 1 / 1; background-color: var(--cl= r-red); border-radius: 100%; color: var(--clr-white); font-size: 1.25rem; h= eight: calc(100% - 10px); position: absolute; right: 5px; top: 50%; transfo= rm: translateY(-50%); transition: background-color 0.25s ease-in-out; } .JobOverview-searchButton:hover { background-color: var(--clr-greyDark); } .MessenSlider, .MessenSlider-stage { overflow: hidden; } .MessenSlider .StepBoxFair { border-top: 0px; box-sizing: border-box; heigh= t: auto; padding: 20px; } .MessenSlider .StepBoxFair + .StepBoxFair { border-top: 0px; } .MessenSlider-pagination { display: flex; justify-content: center; margin-t= op: 20px; } .Newsletter { background: var(--clr-greyLight); padding: 24px 44px; } .Newsletter-form { display: flex; flex-wrap: wrap; justify-content: space-b= etween; } .Newsletter-sendButton { margin-top: 10px; } .Newsletter-formStep, .Newsletter-spacer { margin-top: 20px; width: calc(50= % - 20px); } .Newsletter-success { color: var(--clr-green); margin-top: 20px; } .Newsletter-input, .Newsletter-select { display: flex; flex-direction: colu= mn; } .Newsletter-input span, .Newsletter-select span { font-size: 1rem; margin-b= ottom: 4px; } .Newsletter-inputField, .Newsletter-selectField { border: 1px solid var(--c= lr-greyDark); border-radius: 5px; font-size: 1rem; padding: 14px; } .Newsletter-dsgvo { margin-top: 20px; } .Newsletter-dsgvoLabel { display: flex; } .Newsletter-dsgvoLabel input { appearance: auto; height: 27px; margin: 0px = 14px 0px 0px; width: 27px; } .Newsletter-dsgvoLabel span { font-size: 0.875rem; } .AnswerButton { align-items: center; background-color: var(--clr-greyLight)= ; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 12px 10px; displ= ay: flex; font-size: 1rem; justify-content: center; max-width: 280px; paddi= ng: 60px 50px; width: 100%; } @media only screen and (max-width: 600px) { .AnswerButton { font-size: 1.125rem; hyphens: auto; max-width: calc(50% -= 7.5px); padding: 30px 10px; } } .AnswerInput { display: flex; flex-direction: column; min-width: 350px; tex= t-align: center; } .AnswerInput-field { appearance: none; background: rgb(255, 255, 255); bord= er: 1px solid var(--clr-greyDark); border-radius: 5px; font-size: 1rem; pad= ding: 15px; width: 100%; } .AnswerInput-field--error { border-color: var(--clr-primary); } .AnswerInput-error { display: block; font-size: 0.875rem; line-height: 1.12= 5rem; text-align: left; width: 100%; } .Quiz--3 .AnswerInput-error { color: var(--clr-greyDark); } .AnswerInput-button { appearance: none; background: rgb(255, 255, 255); bor= der-radius: 6px; color: var(--clr-red); display: block; font-weight: 600; m= argin: 15px auto 0px; padding: 15px 20px; } @media only screen and (max-width: 600px) { .AnswerInput { max-width: 100%; min-width: 100%; } } .Quiz { background-color: var(--clr-background); background-image: url("../= Images/QuizBg.svg"); color: var(--clr-white); height: 100%; padding: 40px 0= px 80px; text-align: center; width: 100%; } .Quiz-title { font-size: 2.375rem; font-weight: 400; margin: 0px; padding-b= ottom: 40px; position: relative; } .Quiz-title::after { background: var(--clr-background); bottom: 15px; conte= nt: ""; height: 4px; left: 50%; position: absolute; transform: translateX(-= 50%); width: 42px; } .Quiz-bar { background: linear-gradient(90deg,var(--clr-red) 0 14.28571%,va= r(--clr-orange) 0 28.57143%,var(--clr-brownLight) 0 42.85714%,var(--clr-lim= e) 0 57.14286%,var(--clr-green) 0 71.42857%,var(--clr-turquoise) 0 85.71429= %,var(--clr-greyDark) 0 100%); height: 10px; transition: 0.5s ease-in-out; = width: 100%; } .Quiz--1 { background-color: var(--clr-red); } .Quiz--2 { background-color: var(--clr-orange); } .Quiz--3 { background-color: var(--clr-brownLight); } .Quiz--3 .Quiz-question, .Quiz--3 .Quiz-title { color: var(--clr-greyDark);= } .Quiz--3 .Quiz-title::after { background-color: var(--clr-greyDark); } .Quiz--4 { background-color: var(--clr-lime); } .Quiz--5 { background-color: var(--clr-green); } .Quiz--6 { background-color: var(--clr-turquoise); } .Quiz--7, .Quiz--8 { background-color: var(--clr-greyDark); } .Quiz-answers { display: flex; flex-wrap: wrap; gap: 25px; justify-content:= center; margin: 40px 40px 0px; } @media only screen and (max-width: 768px) { .Quiz-answers { justify-content: flex-start; margin: 20px auto 0px; } } @media only screen and (max-width: 600px) { .Quiz-question { margin: 0px auto; max-width: 280px; } .Quiz-answers { gap: 15px; justify-content: flex-start; margin: 20px 30px= 0px; } } .Quiz-toolbarWrapper { border-bottom: 3px solid var(--clr-secondary); } .Quiz-toolbar { align-items: center; display: flex; flex-direction: row; ju= stify-content: space-between; margin: 0px auto; max-width: 1200px; padding:= 20px 0px; } .Quiz-link { color: var(--clr-greyDark); font-weight: 500; text-decoration:= none; } .Quiz-slugline { margin-bottom: 20px; } .AnswerButton { background: var(--clr-greyLight); } .Quote { background-color: var(--quote-background,#ededed); color: var(--fo= nt-color); display: flex; flex-direction: column; margin: 0px; padding: 25p= x 20px; width: 100%; } @media screen and (min-width: 768px) { .Quote { padding: 40px 35px; } } .Quote-headline { font-family: var(--font-secondary); font-size: var(--quot= e-headline-size,28px); font-weight: 800; line-height: 1.2; margin: 0px 0px = 16px; word-break: break-word; } @media screen and (min-width: 768px) { .Quote-headline { word-break: unset; } } .Quote-text { font-size: var(--quote-text-size,1rem); line-height: 1.4em; m= argin: 0px; } .Quote-text p { margin: 0px; } .Quote-text p + p { margin-top: 0.8em; } .Quote--accent { --quote-background: var(--clr-white); } .Quote-ornament { align-items: flex-start; color: var(--color-base,var(--cl= r-orange)); display: flex; justify-content: space-between; margin-bottom: 2= 0px; } .Quote-rule { background-color: currentcolor; height: 4px; margin-top: 14px= ; width: 54px; } .Quote-mark { font-family: var(--font-secondary); font-size: 3.375rem; font= -weight: 800; line-height: 0.75; } .SearchFilterButton { align-items: center; color: var(--font-color); displa= y: flex; justify-content: space-between; padding: 10px 20px; text-align: le= ft; } .SearchFilterButton.is-Active { background-color: var(--clr-primary); color= : var(--clr-white); } .SearchFilterButton-resultCount { font-size: 1.125rem; font-weight: 600; } .SearchFilterButton--disabled { cursor: not-allowed; opacity: 0.5; } .SearchResultItem-default { display: flex; width: 100%; } .SearchResultItem-default + .SearchResultItem-default { margin-top: 10px; } .SearchResult-default-headline { font-weight: 700; text-transform: none; tr= ansition: color 0.2s; } .SearchResult-default-headline:hover { color: var(--font-clr-primary); } .SliderPagination { display: flex; gap: 6px; justify-content: center; margi= n-top: 12px; padding: 0px; } .SliderPagination-dot { background: var(--clr-red); border-radius: 0px; dis= play: inline-block; height: 16px; width: 16px; } .SliderPagination-dot--active { background: var(--clr-greyLight); border: 3= px solid var(--clr-greyDark); } .StepBoxItemDepartment { display: flex; position: relative; border-bottom: = 2px solid rgb(196, 196, 196); gap: 10px; padding: 14px 25px 14px 0px; } .StepBoxItemDepartment-thumbnail { aspect-ratio: 1 / 1; width: 100px; } .StepBoxItemDepartment-text { flex-grow: 1; margin-right: 15px; } .StepBoxItemDepartment-icon { color: var(--clr-red); font-size: 2.5rem; pos= ition: absolute; right: 0px; top: calc(50% - 20px); } .StepBoxItemJobInfo { display: flex; border-bottom: 2px solid rgb(196, 196,= 196); gap: 30px; padding: 14px 25px 18px 0px; } .StepBoxItemJobInfo-icon { font-size: 4.5rem; max-width: 50px; min-width: 5= 0px; } @media screen and (min-width: 768px) { .StepBoxItemJobInfo-icon { } } .StepBoxItemJobInfo-text { flex-grow: 1; } .StepBoxItemJobInfo-title { display: block; } .StepBoxItemJobInfo-count { background-color: var(--clr-lime); color: var(-= -clr-white); display: inline-block; font-size: 0.875rem; font-weight: 700; = padding: 5px; text-transform: uppercase; } .StepBoxItemJobOffer { border-bottom: 2px solid rgb(196, 196, 196); padding= : 14px 25px 14px 0px; position: relative; } .StepBoxItemJobOffer-icon { color: var(--clr-red); font-size: 2.5rem; posit= ion: absolute; right: 0px; top: calc(50% - 20px); } .StepBoxItemVocationalTraining { display: flex; position: relative; align-i= tems: flex-start; border-bottom: 2px solid rgb(196, 196, 196); gap: 10px; p= adding: 14px 0px; } @media screen and (min-width: 768px) { .StepBoxItemVocationalTraining { padding: 14px 25px 14px 0px; } } .StepBoxItemVocationalTraining-thumbnail { aspect-ratio: 1 / 1; width: 100p= x; } .StepBoxItemVocationalTraining-text { flex-grow: 1; padding-left: 15px; & a { word-break: break-word; } } @media screen and (min-width: 768px) { .StepBoxItemVocationalTraining-text { } } .StepBoxItemVocationalTraining-icon { color: var(--clr-red); display: none;= font-size: 2.5rem; position: absolute; right: 0px; top: calc(50% - 20px); = } @media screen and (min-width: 768px) { .StepBoxItemVocationalTraining-icon { display: block; } } .StepBox { border: 5px solid var(--clr-greyLight); padding: 20px; } @media screen and (min-width: 768px) { .StepBox { padding: 33px; } } .StepBox-title { font-size: 1.625rem; margin-bottom: 26px; text-align: cent= er; } @media screen and (min-width: 1024px) { .StepBox-title { font-size: 2.375rem; } } .StepBox-content .is-Hidden { display: none; } .StepBox-footer { align-items: center; display: flex; justify-content: spac= e-between; margin-top: 35px; } .StepBox-footerText { font-family: var(--font-primary); font-size: 1.125rem= ; line-height: 1.25rem; } .StepBox-footerText-all, .StepBox-footerText-current { font-weight: 700; } .StepBox-search { margin-bottom: 10px; } .StepBox-searchField { background: var(--clr-greyLight); border: 0px; font-= size: 1.125rem; padding: 10px 15px; width: 100%; } .was-Filtered .StepBoxItem { display: none !important; } .was-Filtered .StepBoxItem.is-Filter-Shown { display: flex !important; } .StepBox-pagination { display: flex; } .StepBox-pagination > button { background-color: var(--clr-red); border: 0p= x; border-radius: 2px; color: var(--clr-white); font-size: 0.875rem; height= : 28px; width: 28px; } .StepBox-pagination > button.is-Active { background-color: var(--clr-greyDa= rk); } .StepBox-pagination * + * { margin-left: 10px; } .StepBox-button { background-color: var(--clr-red); border-radius: 5px; col= or: var(--clr-white); padding: 5px; } .StepBox-button:disabled { background-color: var(--factsList-border-clr); } .StepBoxFair { display: flex; padding-bottom: 10px; padding-top: 10px; } .StepBoxFair + .StepBoxFair { border-top: 2px solid rgb(196, 196, 196); } .StepBoxFair-image { height: 100px; width: 100px; } .StepBoxFair-data { padding-left: 20px; } .TagListItem { background-color: var(--clr-red); border-radius: 70px; color= : var(--clr-white); font-size: 1.125rem; padding: 14px 24px; } .TagListItem + .TagListItem { margin-top: 0px; } .TagList { display: flex; flex-wrap: wrap; gap: 12px 14px; } .TextWithImage { background: linear-gradient(340deg, rgb(222, 221, 221), rg= b(240, 240, 240) 30%, rgb(255, 255, 255) 45%); padding-bottom: 40px; paddin= g-left: 20px; padding-right: 20px; position: relative; } @media screen and (min-width: 768px) { .TextWithImage { padding-left: unset; padding-right: unset; padding-top: = 60px; } } @media screen and (min-width: 1024px) { .TextWithImage-content { padding-top: 400px; } } .TextWithImage-images { position: relative; } @media screen and (min-width: 1024px) { .TextWithImage-images { padding-top: 65px; position: absolute; top: 60px;= } } .TextWithImage-firstImage { max-height: 200px; min-height: 200px; } @media screen and (min-width: 768px) { .TextWithImage-firstImage { max-height: 450px; min-height: 450px; } } .TextWithImage-firstImage .Picture-copyright { left: unset; right: 0px; } .TextWithImage-blazon { font-size: 0.98438rem; height: 100%; left: 0px; max= -width: 180px; position: absolute; top: 0px; } @media screen and (min-width: 768px) { .TextWithImage-blazon { height: auto; left: 100px; max-width: unset; } } .TextWithImage-text { background: var(--clr-white); margin-left: 0px; paddi= ng: 20px; position: relative; z-index: 10; } @media screen and (min-width: 768px) { .TextWithImage-text { padding: 55px 45px; } } @media screen and (min-width: 1024px) { .TextWithImage-text { margin-left: 360px; } } @media screen and (min-width: 1440px) { .TextWithImage-text { min-width: unset; width: 100%; } } @media screen and (min-width: 1024px) { .TextWithImage-text--100 .TextWithImage-text { max-width: 950px; } .TextWithImage-text--50 .TextWithImage-text { max-width: 50%; min-width: = 50%; } } .TextWithImage-text .Button { margin-top: 30px; } .FooterLinkBar { align-items: center; display: flex; flex-wrap: wrap; justi= fy-content: center; margin-top: 23px; gap: 20px; padding-left: 20px; paddin= g-right: 20px; } .FooterLinkBar > * { color: currentcolor; } @media screen and (min-width: 1440px) { .FooterLinkBar { padding-right: 0px; } } @media screen and (min-width: 768px) { .FooterLinkBar { justify-content: flex-end; margin-top: unset; } } .FooterLinkList { column-count: 1; text-align: center; } .FooterLinkList > * { color: currentcolor; display: block; } .FooterLinkList > * + * { margin-top: 15px; } @media screen and (min-width: 768px) { .FooterLinkList { column-count: 3; text-align: left; } .FooterLinkList > * + * { margin-top: unset; } } .FooterSocialMedia > * { color: currentcolor; fill: currentcolor; } .FooterSocialMedia svg { margin-right: 10px; max-width: 45px; min-width: 45= px; } .FooterSocialMedia a { align-items: center; display: flex; } .FooterSocialMedia a + a { margin-top: 20px; } .FooterSocialMedia a:hover, .FooterSocialMedia a:hover > * { color: var(--c= lr-red); } .SiteFooter { background-color: var(--clr-secondary); } .SiteFooter-top { align-items: center; display: flex; flex-direction: colum= n; justify-content: center; padding: 30px 60px; } .SiteFooter-top .Logo { max-height: 70px; width: auto; } .SiteFooter-top > * { max-width: 100%; } .SiteFooter-top > * ~ * { margin-top: 40px; } @media screen and (min-width: 768px) { .SiteFooter-top { flex-direction: row; justify-content: space-evenly; pad= ding: 56px 0px 48px; } .SiteFooter-top > * { margin: 0px; max-width: 50%; } } .SiteFooter-menu { display: flex; padding: 44px 15px; } .SiteFooter-menu > .FooterLinkList { flex: 1 1 0%; } @media screen and (min-width: 768px) { .SiteFooter-menu { border-top: 1px solid var(--clr-greyDark); } } .SiteFooter-menuList { flex: 1 0 40%; } .SiteFooter-menuChat { align-items: center; display: none; justify-content:= flex-end; } @media screen and (min-width: 768px) { .SiteFooter-menuChat { display: none; } } .SiteFooter-bar { border-top: 1px solid var(--clr-greyDark); display: flex;= flex-direction: column; justify-content: space-between; padding: 22px 15px= ; text-align: center; } .SiteFooter-bar > div { font-size: 1rem; } @media screen and (min-width: 768px) { .SiteFooter-bar { flex-direction: row; text-align: left; } .SiteFooter-bar > div { font-size: inherit; } } .SiteFooter-rainbow { background: linear-gradient(90deg,var(--clr-red) 0 16= .66667%,var(--clr-orange) 0 33.33333%,var(--clr-brownLight) 0 50%,var(--clr= -lime) 0 66.66667%,var(--clr-green) 0 83.33333%,var(--clr-turquoise) 0 100%= ); height: 17px; width: 100%; } .HeaderSection { padding: 50px 0px; text-align: center; } .HeaderSection--grey { background-color: var(--clr-greyLight); background-i= mage: url("../Images/StageBg.svg"); background-repeat: repeat; } .LinkBar { background-color: var(--clr-greyDark); color: var(--clr-white); = display: flex; justify-content: flex-start; padding: 20px 0px; position: re= lative; z-index: 110; } @media screen and (min-width: 768px) { .LinkBar { background-color: var(--clr-white); color: var(--clr-greyDark)= ; justify-content: flex-end; padding: 12px 0px; } } .LinkBar { & .leichte-sprache { position: absolute; right: 260px; top: 15px; & img { filter: invert(1); width: 25px; } } } @media screen and (min-width: 768px) { .LinkBar { & .leichte-sprache { display: block; margin-right: 50px; & img { filter: invert(0); width: 25px; } } } } .LinkBar-item { align-items: center; display: flex; margin-left: 0px; } .LinkBar-item i { font-size: 1.25rem; margin-right: 25px; } .MainMenu { align-items: center; display: flex; } .MainMenu .hamburger { display: none; } @media screen and (min-width: 768px) { .MainMenu .hamburger { display: inline-flex; } } .MainMenu-wrapper { backdrop-filter: blur(30px); background: rgba(245, 245,= 245, 0.3); border-width: 10px; border-style: solid; border-color: currentc= olor; border-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDov= L3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwLjAwMSIgaGVpZ2h0PSI2NTEuNDk5Ij4= 8ZyBkYXRhLW5hbWU9Ikdyb3VwIDEzMiI+PHBhdGggZmlsbD0iI2ZmMDAyYSIgZD0iTS41MDEgNz= IuOTk4di03M2g3MzF2Ny41SDguMDAxdjY1LjVaIiBkYXRhLW5hbWU9IkludGVyc2VjdGlvbiA2I= i8+PHBhdGggZmlsbD0iI2Y1NjcyNyIgZD0iTTczMS41MDEgNy40OTh2LTcuNWg3NTh2Ny41WiIg= ZGF0YS1uYW1lPSJJbnRlcnNlY3Rpb24gNSIvPjxwYXRoIGZpbGw9IiNlOWRhY2QiIGQ9Ik0xOTE= yLjAwMSAyNzguOTk4VjcuNDk4aC00MjIuNXYtNy41aDQzMHYyNzlaIiBkYXRhLW5hbWU9IkludG= Vyc2VjdGlvbiA0Ii8+PHBhdGggZmlsbD0iIzk2YzIwMCIgZD0iTTE0ODkuNTAxIDY1MS40OTh2L= ThoNDIyLjV2LTM2My41aDh2MzcxLjVaIiBkYXRhLW5hbWU9IkludGVyc2VjdGlvbiAzIi8+PHBh= dGggZmlsbD0iIzBkOWM3MSIgZD0iTTM1NC41MDEgNjUxLjQ5OHYtOGgxMTM0djhaIiBkYXRhLW5= hbWU9IkludGVyc2VjdGlvbiAyIi8+PHBhdGggZmlsbD0iIzMyYjhiOSIgZD0iTS4wMDEgNjUxLj= Q5OHYtNTc3LjVoOHY1NjkuNWgzNDUuNXY4WiIgZGF0YS1uYW1lPSJJbnRlcnNlY3Rpb24gMSIvP= jwvZz48L3N2Zz4=3D") 27 / 20px / 0 stretch; left: 0px; margin: 0px; opacity:= 0; padding: 20px; pointer-events: none; position: absolute; top: -3px; tra= nsition: opacity 0.25s ease-in-out; width: 100%; z-index: 100; } .MainMenu.is-active .MainMenu-wrapper { opacity: 1; pointer-events: all; } .MainMenu-list { display: flex; flex-wrap: wrap; gap: 30px 80px; list-style= : none; margin-bottom: 50px; margin-top: 122px; padding-left: 0px; } @media screen and (min-width: 768px) { .MainMenu-list { gap: 50px 80px; margin-bottom: 180px; margin-top: 182px;= } } .MainMenu-item { max-width: 330px; white-space: nowrap; width: 100%; } .MainMenu-item a { color: var(--font-color); font-family: var(--font-second= ary); font-size: 1.125rem; } @media screen and (min-width: 768px) { .MainMenu-item a { font-size: 1.25rem; } } .MainMenu-item.is-Active a { color: var(--clr-red); } .MainMenu-navigationSecondLevel { color: var(--font-color); font-size: 1.12= 5rem; list-style: none; margin-top: 8px; padding: 10px 0px; } .MainMenu-navigationSecondLevel li + li { margin-top: 10px; } .MainMenu-borderBottom { border-bottom: 5px solid; display: block; font-wei= ght: 800; padding-bottom: 3px; width: 100%; } .MainMenu-navigationSecondLevelItem a { white-space: normal; color: var(--f= ont-color) !important; } .SiteHeader { border-bottom: 3px solid var(--clr-secondary); border-top: 4p= x solid var(--clr-secondary); position: relative; } .SiteHeader-section { align-items: center; display: flex; height: 160px; } .SiteHeader-section > * { flex: 1 1 50%; } .SiteHeader-left { display: flex; max-height: 87px; } .SiteHeader-right { display: flex; justify-content: center; } .SiteHeader-mainMenu { margin-right: 27px; } .SiteHeader-logo { display: flex; margin-right: 30px; max-height: 87px; pos= ition: relative; z-index: 101; } @media screen and (min-width: 768px) { .SiteHeader-logo { margin-right: 0px; } } .SiteHeader-linkBar { align-self: flex-start; } .SiteHeader-content { display: none; } @media screen and (min-width: 768px) { .SiteHeader-content { display: flex; justify-content: center; } } .Department-firstSection { padding-top: 0px; } .Department-slider { margin-top: 40px; } .Department-jobOffers, .Department-professions { background-color: var(--cl= r-white); } .Department-socialMedia { display: flex; align-items: center; gap: 20px; ju= stify-content: center; padding: 10px 0px; } .Department-socialMediaLink { fill: var(--clr-greyDark); height: 40px; tran= sition: fill 0.25s ease-in-out; width: 40px; } .Department-socialMediaLink svg { width: 100%; } .Department-socialMediaLink:hover { fill: var(--clr-primary); } .HomePage-sectionMiddle { display: flex; justify-content: center; padding: = 90px 0px; } @media screen and (min-width: 768px) { .HomePage-sectionMiddle { padding: 90px 0px 175px; } } .HomePage-2Column > * { background-color: var(--clr-background); flex: 1 1 = auto; padding: 64px; } .HomePage-sectionBottom { background-color: var(--clr-background); margin-t= op: -66px; } .HomePage-imageBox { margin-top: -108px; } .CounterBox { display: none; font-family: var(--font-secondary); font-weigh= t: 800; } .CounterBox ~ * { margin-left: 66px; } .CounterBox > div { font-size: 4.0625rem; } .CounterBox > a { color: var(--font-color); font-size: 1.625rem; font-weigh= t: 600; text-decoration: underline; } @media screen and (min-width: 768px) { .CounterBox { display: block; } } .JobInfo { display: block; } .JobInfo-firstSection { padding-top: 0px; } .JobInfo-tags { margin-top: 60px; } .JobInfo-facts > .Headline, .JobInfo-tags > .Headline { margin-bottom: 10px= ; } .JobInfo-articleCards .Headline { margin-bottom: 24px; } .JobOffer-headerSection .Headline.h1 { hyphens: auto; overflow-wrap: break-= word; } .JobOffer-departmentList { margin: 0px; } .shareon { margin-top: 20px; } .JobOfferSearch-slugline { font-weight: 300; } .JobOffer-headerSection { border-bottom: 10px solid var(--clr-primary); } .JobOffer-factsButton { margin-top: 5px; } .JobOffer-textButton { margin-top: 50px; } .JobOfferSearch-importNotice { background-color: var(--clr-red); color: rgb= (255, 255, 255); font-weight: 800; padding: 10px; } .autoComplete_wrapper { display: inline-block; position: relative; } .autoComplete_wrapper > input { border: 1px solid rgba(33, 33, 33, 0.2); bo= rder-radius: 4px; color: rgb(116, 116, 116); font-size: 1rem; height: 40px;= outline: none; padding-left: 10px; width: 370px; } .autoComplete_wrapper > input::placeholder { color: rgba(122, 122, 122, 0.5= ); transition: 0.3s; } .autoComplete_wrapper > ul { background-color: rgb(255, 255, 255); border: = 1px solid rgba(33, 33, 33, 0.1); border-radius: 4px; left: 0px; margin: 0.5= rem 0px 0px; max-height: 226px; outline: none; overflow-y: scroll; padding:= 0px; position: absolute; right: 0px; top: 100%; z-index: 1000; } .autoComplete_wrapper > ul > li { background-color: rgb(255, 255, 255); bor= der-radius: 3px; color: rgb(33, 33, 33); font-size: 1rem; list-style: none;= overflow: hidden; padding: 10px 20px; text-align: left; text-overflow: ell= ipsis; transition: 0.2s; white-space: nowrap; } .autoComplete_wrapper > ul > li::selection { } .autoComplete_wrapper > ul > li:hover { background-color: rgba(122, 122, 12= 2, 0.1); cursor: pointer; } .autoComplete_wrapper > ul > li mark { background-color: transparent; color= : rgb(255, 122, 122); font-weight: 700; } .autoComplete_wrapper > ul > li mark::selection { } .autoComplete_wrapper > ul > li[aria-selected=3D"true"] { background-color:= rgba(122, 122, 122, 0.1); } @media only screen and (max-width: 600px) { .autoComplete_wrapper > input { width: 18rem; } } #search { display: flex; flex-direction: column; min-height: 100vh; } .SearchResult { display: flex; flex: 1 1 0%; flex-direction: column; } .SearchResult-content { display: grid; grid-auto-rows: 1fr; grid-template-c= olumns: 1fr; grid-template-rows: auto 1fr; gap: 16px; } @media screen and (min-width: 1024px) { .SearchResult-content { grid-template-columns: 30% 1fr; grid-template-row= s: 1fr; } } .SearchResult em { background: rgba(255, 0, 42, 0.2); border-radius: 5px; f= ont-style: normal; padding: 2px 5px; text-decoration: none; } .SearchResult-breadcrumbs { display: flex; flex-wrap: wrap; color: rgb(116,= 116, 116); font-size: 90%; gap: 0.5ch; list-style: none; margin: 0px 0px 1= rem; padding: 0px; } .SearchResult-breadcrumbs li { padding: 0px; } .SearchResult-breadcrumbs li:not(:last-child)::after { content: ">"; displa= y: inline-block; margin: 0px 0.5ch; } .SearchResult-searchBar { background: var(--search-background-clr); padding= : 20px 15px; position: relative; } @media screen and (min-width: 1024px) { .SearchResult-searchBar { height: 100%; padding: 20px 30px; } } .SearchResult-searchBar-inner { position: sticky; top: 140px; z-index: 11; = } .SearchResult-searchBar-inner, .SearchResult-searchBar-search { display: fl= ex; flex-direction: column; gap: 16px; } .SearchResult-searchBar-inner .Headline + .Headline { margin-bottom: 0px; } .SearchResult-filterButtons { display: flex; flex-direction: column; gap: 5= px; } .SearchResult-group { display: none; margin-top: 10px; } .SearchResult-group.is-Active { display: block; } .SearchResult-items-paginated { display: flex; flex-direction: column; } .SearchResults-right { padding: 10px 10px 30px; } @media screen and (min-width: 1024px) { .SearchResults-right { padding: 20px; } } .SearchResult-error { padding: 10px 0px; } @media screen and (min-width: 1024px) { .SearchResult-error { padding: 20px 0px; } } .SearchResultItem { border-bottom: 1px solid var(--clr-greyLight); margin-b= ottom: 10px; padding-bottom: 10px; } .SearchResult-noResults { display: flex; flex-direction: column; gap: 10px;= } .SearchResult-didYouMean { --gradient-color: hsla(0,0%,100%,.4); background= -color: var(--clr-greyLight); background-image: repeating-linear-gradient(-= 45deg,transparent,transparent 20px,var(--gradient-color,#ededed) 20px,var(-= -gradient-color,#ededed) 40px); border: 2px solid var(--clr-greyLight); bor= der-radius: 6px; margin-top: 10px; padding: 10px 20px; position: relative; = } .SearchResult-didYouMean a { position: relative; text-decoration: underline= ; text-underline-offset: 2px; transition: text-underline-offset 0.2s ease-i= n-out; z-index: 10; } .SearchResult-didYouMean a:hover { text-underline-offset: 4px; } .SearchResult-didYouMean::before { background-image: linear-gradient(to rig= ht,var(--clr-greyLight),transparent); border-radius: 6px 0px 0px 6px; conte= nt: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 55%; = } .SearchResult-didYouMean-text { font-size: 1.125rem; line-height: 1.5rem; m= argin: 0px; padding: 0px; position: relative; text-align: inherit; z-index:= 1; } .SearchResult-searchBar-input { background-color: var(--clr-greyLight); bor= der: 1px solid var(--clr-greyDark); color: rgb(0, 0, 0); font-size: 1rem; p= adding: 10px 20px; width: 100%; } .SearchResult-searchBar-input:active, .SearchResult-searchBar-input:focus {= border-color: var(--clr-primary); outline: none; } .SearchResult-searchBar-operator { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; & input[type=3D"checkbox"] { accent-color: var(--clr-primary); background= -color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-ra= dius: 50%; clip-path: circle(50%); cursor: pointer; height: 20px; outline: = none; width: 20px; } & input[type=3D"checkbox"]:checked { background-color: var(--clr-primary)= ; border-color: var(--clr-primary); } } .SearchResult-pagination-controls { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 2rem; & button { cursor: pointer; padding: 5px 10px; } & button:disabled { cursor: not-allowed; opacity: 0.5; } } .autoComplete_wrapper > ul > li mark { color: var(--clr-primary); } .autoComplete_wrapper > input { width: 100%; } .Tag-headerSection { border-bottom: 10px solid var(--clr-primary); } .Tag-slugline { font-weight: 300; } .Tag-debugInfo { background: rgb(30, 144, 255); color: rgb(255, 255, 255); = display: inline-flex; font-size: 0.75rem; padding: 2px 10px; gap: 1rem; } .TagSection-item, .TagSection-item a { height: 100%; } .TagSection-item .ArticleCard-image { aspect-ratio: 5 / 4; } @media screen and (min-width: 1024px) { .TagSection-item .ArticleCard-image { aspect-ratio: 16 / 9; } } .TagSection-moreBtn { align-items: center; display: flex; margin: 20px auto= ; gap: 0.6rem; } .TagSection-moreBtn svg { height: 1rem; width: 1rem; } .Tag .Section-content > h2 + div { margin-top: 3rem; } ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-cc06bbb4-e851-4d8e-9de1-3b0c1a71144b@mhtml.blink @charset "utf-8"; .cnw_translationbox { position: fixed; bottom: 30px; left: 30px; z-index: 2= 147483647; background: rgb(245, 245, 245); border: 1px solid rgba(0, 0, 0, = 0.2); border-radius: 5px; padding: 3px; color: rgb(40, 40, 40); box-shadow:= rgba(0, 0, 0, 0.5) 0px 2px 6px; } select.cnw_select { appearance: none; background-color: transparent; border= -width: medium; border-style: none; border-color: currentcolor; border-imag= e: none; padding: 0px 0px 0px 31px; margin: 0px; width: 100%; font-family: = Arial; cursor: inherit; line-height: inherit; z-index: 1; outline: 0px; bac= kground-repeat: no-repeat; font-size: 18px; color: rgb(40, 40, 40); height:= 20px !important; } .cnw_select_wrapper { display: grid; grid-template-areas: "select"; align-i= tems: center; position: relative; border: 1px solid var(--select-border); b= order-radius: 0px; padding: 6px; font-size: 18px; cursor: pointer; line-hei= ght: 1.1; } .cnw_select_wrapper select, .cnw_select_wrapper::after { grid-area: select;= } .cnw_select_wrapper:not(.select--multiple)::after { content: ""; justify-se= lf: end; width: 0.8em; height: 0.5em; background-color: var(--select-arrow)= ; clip-path: polygon(100% 0%, 0px 0%, 50% 100%); } select.cnw_select:focus + .cnw_focus { position: absolute; inset: -1px; bor= der: 2px solid var(--select-focus); border-radius: inherit; } select.cnw_select[multiple] { padding-right: 0px; height: 6rem; } select.cnw_select[multiple] option { white-space: normal; outline-color: va= r(--select-focus); } .cnw_select--disabled { cursor: not-allowed; background-color: rgb(238, 238= , 238); background-image: linear-gradient(to top, rgb(221, 221, 221), rgb(2= 38, 238, 238) 33%); } label.cnw_label { font-size: 1.125rem; font-weight: 500; } .cnw_select_wrapper + label { margin-top: 2rem; } body.cnw_block_scroll, html.cnw_block_scroll { overflow: hidden; } ------MultipartBoundary--djXXDNdZZBArw30k9QhSLC8YQSE7TtP6VsIVbyqS0A------