/* Bereich arbeitgeber: /fuer-arbeitgeber/ (2026-09-25). Tokens aus basis.css. */
.grz-ag{--grz-gruen:#1a7f4b;--grz-grau-hell:#8a8f98;padding-bottom:1px}
html:has(.grz-ag){scroll-behavior:smooth}
.grz-ag p{margin:0}
.grz-ag section{scroll-margin-top:110px}
.grz-ag ul,.grz-ag ol{margin:0;padding:0;list-style:none}
.grz-ag h3{color:var(--grz-tinte)}
/* style.css des Child-Themes definiert .grz-btn älter und später geladen: hier wieder auf basis.css-Stand */
.grz-ag .grz-btn{display:inline-flex;border-radius:var(--grz-r-btn);padding:12px 20px;background:var(--grz-rot);border:0}
.grz-ag .grz-btn:hover,.grz-ag .grz-btn:focus-visible{background:var(--grz-rot-hover)}
.grz-ag .grz-btn-sek{background:#fff;color:var(--grz-tinte)!important;border:1px solid #d5d8df}
.grz-ag .grz-btn-sek:hover,.grz-ag .grz-btn-sek:focus-visible{background:var(--grz-flaeche)}

/* Kopfbereich */
.grz-ag-kopf{background:#fff;border-bottom:1px solid var(--grz-linie)}
.grz-ag-kopf-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:64px;padding-bottom:64px}
.grz-ag .grz-ag-kopf h1{font-size:clamp(34px,3.6vw,46px);line-height:1.08;max-width:21ch;color:var(--grz-tinte)}
.grz-ag-lead{margin-top:18px!important;font-size:18px;color:#3c4043;max-width:52ch}
.grz-ag-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.grz-ag-fakten{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 36px;margin:36px 0 0;padding:22px 0 0;border-top:1px solid var(--grz-linie)}
.grz-ag-fakten div{display:grid;gap:2px}
.grz-ag-fakten dt{font:700 22px/1.1 var(--grz-f-head);color:var(--grz-tinte)}
.grz-ag-fakten dd{margin:0;font-size:14px;color:var(--grz-grau);max-width:22ch}

.grz-ag-vorschau{background:var(--grz-flaeche);border-radius:var(--grz-r-karte);padding:28px 24px 24px}
.grz-ag-vorschau > p:first-child{font-size:14px;color:var(--grz-grau);margin-bottom:12px}
.grz-ag-job{position:relative;padding:22px 22px 18px;display:grid;grid-template-columns:60px 1fr;gap:4px 18px}
.grz-ag-job-logo{grid-row:1/4;width:60px;height:60px;border:1px solid var(--grz-linie);border-radius:10px;display:grid;place-items:center;font-size:11px;color:var(--grz-grau);text-align:center;line-height:1.2}
.grz-ag-job-titel{font:500 18px/1.3 var(--grz-f-titel);padding-right:36px;color:var(--grz-tinte)}
.grz-ag-job-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px;color:var(--grz-grau)}
.grz-ag-job-meta span{display:inline-flex;align-items:center;gap:6px}
.grz-ag-job-meta svg{width:16px;height:16px}
.grz-ag-job-unten{display:flex;align-items:center;gap:8px;margin-top:8px}
.grz-ag-zeit{margin-left:auto;font-size:13px;color:var(--grz-grau)}
.grz-ag .grz-ag-neu{background:var(--grz-rot);color:#fff;font-weight:500;font-size:12px;padding:3px 10px}
.grz-ag .grz-ag-klein{font-size:13px;padding:3px 12px}
.grz-ag-merk{position:absolute;top:14px;right:10px;width:36px;height:36px;display:grid;place-items:center;color:var(--grz-tinte)}
.grz-ag-merk svg{width:18px;height:18px}
.grz-ag-klein-text{font-size:13px;color:var(--grz-grau);margin-top:12px!important}

/* Abschnitte */
.grz-ag-abschnitt{padding-top:72px}
.grz-ag-abschnitt-kopf{max-width:62ch;margin-bottom:28px}
.grz-ag-abschnitt-kopf p{margin-top:10px!important;color:#3c4043}

/* Pakete */
.grz-ag-pakete{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.grz-ag-paket{position:relative;padding:28px 26px 26px;display:flex;flex-direction:column}
.grz-ag-paket.grz-ag-empfohlen{border:2px solid var(--grz-blau);padding:27px 25px 25px}
.grz-ag-marke{position:absolute;top:-13px;left:24px;background:var(--grz-blau);color:#fff;font-size:13px;font-weight:500;padding:4px 12px;border-radius:var(--grz-r-pille);line-height:1.4}
.grz-ag .grz-ag-paket h3{font:700 24px/1.1 var(--grz-f-head)}
.grz-ag-fuer{margin-top:6px!important;font-size:14px;color:var(--grz-grau);min-height:2.9em}
.grz-ag-preis{display:flex;align-items:baseline;gap:10px;margin-top:18px}
.grz-ag-preis strong{font:700 38px/1 var(--grz-f-head);color:var(--grz-tinte)}
.grz-ag-preis s{color:var(--grz-grau);font-size:16px}
.grz-ag-preis-zeile{font-size:13px;color:var(--grz-grau);margin-top:4px!important}
.grz-ag .grz-ag-paket ul{margin:20px 0 24px;padding:18px 0 0;border-top:1px solid var(--grz-linie);display:grid;gap:10px;font-size:15px}
.grz-ag-paket li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;margin:0}
.grz-ag-paket li svg{width:18px;height:18px;margin-top:3px;color:var(--grz-gruen)}
.grz-ag-paket .grz-btn{margin-top:auto;width:100%}
.grz-ag-paket .grz-btn[aria-busy=true]{opacity:.7;cursor:progress}
.grz-ag-gutschein{margin-top:26px;font-size:15px;color:#3c4043}
.grz-ag-gutschein code{font:500 15px/1 var(--grz-f-text);white-space:nowrap;background:#fff;border:1px dashed #b9bec8;border-radius:4px;padding:5px 8px;color:var(--grz-tinte)}
.grz-ag-textknopf{background:none;border:0;padding:10px 6px;margin:-12px 0 -12px 4px;vertical-align:middle;cursor:pointer;color:var(--grz-blau);font-weight:500;min-height:44px}
.grz-ag-textknopf:hover{text-decoration:underline}
.grz-ag-kopiert{font-size:14px;color:var(--grz-gruen);margin-left:4px}

/* Ablauf */
.grz-ag-schritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:grzs}
.grz-ag-schritte li{counter-increment:grzs;padding:24px;display:grid;gap:8px;align-content:start;margin:0}
.grz-ag-schritte li::before{content:counter(grzs);width:36px;height:36px;border-radius:50%;background:var(--grz-himmel);color:var(--grz-blau);display:grid;place-items:center;font:700 18px/1 var(--grz-f-head);margin-bottom:6px}
.grz-ag .grz-ag-schritte h3{font:500 18px/1.3 var(--grz-f-titel)}
.grz-ag-schritte p{font-size:15px;color:#3c4043}

/* Nutzen */
.grz-ag-nutzen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;max-width:1040px}
.grz-ag .grz-ag-nutzen h3{font:500 19px/1.3 var(--grz-f-titel);margin-bottom:8px}
.grz-ag-nutzen p{color:#3c4043;max-width:52ch}

/* Beratung */
.grz-ag-beratung{margin:80px 0 72px;padding:32px;display:flex;gap:24px 40px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.grz-ag .grz-ag-beratung h2{font-size:26px;color:var(--grz-tinte)}
.grz-ag-beratung p{margin-top:6px!important;color:#3c4043}
.grz-ag-wege{display:flex;flex-wrap:wrap;gap:12px}

/* Dialog */
.grz-ag-dlg{border:0;border-radius:var(--grz-r-karte);padding:0;width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);box-shadow:0 20px 60px rgba(16,38,58,.3);color:var(--grz-tinte);background:#fff;font:16px/1.55 var(--grz-f-text);overflow:auto}
.grz-ag-dlg::backdrop{background:rgba(16,38,58,.5)}
.grz-ag-dlg p{margin:0}
.grz-ag-dlg-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 16px 0 24px}
.grz-ag .grz-ag-dlg-kopf h2{font-size:26px;padding-top:8px;color:var(--grz-tinte)}
.grz-ag-ico{background:none;border:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--grz-tinte);flex:0 0 auto;padding:0}
.grz-ag-ico:hover{background:var(--grz-flaeche)}
.grz-ag-ico svg{width:22px;height:22px}
.grz-ag-dlg-in{padding:16px 24px 24px}
.grz-ag-wahl{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;background:var(--grz-flaeche);border-radius:10px;padding:12px 14px;font-size:15px}
.grz-ag-wahl b{font:500 16px/1.3 var(--grz-f-titel)}
.grz-ag-wahl-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.grz-ag-wahl s{color:var(--grz-grau);font-size:14px}
.grz-ag-wahl button{background:none;border:0;color:var(--grz-blau);font-weight:500;cursor:pointer;padding:10px 0;font-size:14px;min-height:44px}
.grz-ag-dlg form{display:grid;gap:16px;margin-top:20px}
.grz-ag-dlg .grz-feld{margin:0;color:var(--grz-tinte)}
.grz-ag-dlg .grz-feld small{font-weight:400;color:var(--grz-grau);font-size:13px}
.grz-ag-dlg .grz-feld input[aria-invalid=true]{border-color:#b3261e}
.grz-ag-check{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15px;align-items:start;font-weight:400;margin:0;cursor:pointer}
.grz-ag .grz-ag-check a{color:var(--grz-blau);font:inherit;font-weight:500;text-decoration:underline}
.grz-ag-check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--grz-blau)}
.grz-ag-hinweis{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:14px;color:#3c4043;background:var(--grz-himmel);border-radius:10px;padding:12px 14px}
.grz-ag-hinweis svg{width:20px;height:20px;color:var(--grz-blau)}
.grz-ag-dlg .grz-btn{width:100%}
.grz-ag-dlg .grz-btn[disabled]{opacity:.7;cursor:progress}
.grz-ag-vorhanden{display:grid;gap:10px;background:#fdf3f2;border-radius:10px;padding:12px 14px;font-size:14px;color:#3c4043}
.grz-ag-honig{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.grz-ag-erfolg-box,.grz-ag-andere{display:grid;gap:16px;margin-top:20px}
.grz-ag-erfolg{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15px;color:#3c4043;background:#eaf6ef;border-radius:10px;padding:12px 14px}
.grz-ag-erfolg svg{width:22px;height:22px;color:var(--grz-gruen)}
.grz-ag-erfolg:focus{outline:none}
.grz-ag [hidden]{display:none!important}

@media (max-width:900px){
  .grz-ag-kopf-in{grid-template-columns:1fr;gap:36px;padding-top:40px;padding-bottom:40px}
  .grz-ag-pakete,.grz-ag-schritte{grid-template-columns:1fr}
  .grz-ag-fuer{min-height:0}
  .grz-ag-pakete{gap:28px}
  .grz-ag-nutzen{grid-template-columns:1fr;gap:28px}
  .grz-ag-abschnitt{padding-top:52px}
}
@media (max-width:700px){
  .grz-ag .grz-ag-kopf h1{font-size:32px}
  .grz-ag-schritte li{grid-template-columns:36px 1fr;column-gap:14px;padding:20px}
  .grz-ag-schritte li::before{grid-row:1/3;margin:0}
  .grz-ag-schritte h3,.grz-ag-schritte p{grid-column:2}
  .grz-ag-lead{font-size:17px}
  .grz-ag-knoepfe .grz-btn{flex:1 1 100%}
  .grz-ag-fakten{grid-template-columns:1fr;gap:14px}
  .grz-ag-fakten div{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}
  .grz-ag-fakten dd{max-width:none}
  .grz-ag-vorschau{padding:20px 14px 16px}
  .grz-ag-job{grid-template-columns:48px 1fr;gap:4px 12px;padding:18px 14px 14px}
  .grz-ag-job-logo{width:48px;height:48px;font-size:10px}
  .grz-ag-job-titel{font-size:16px}
  .grz-ag-beratung{padding:24px 20px;margin:56px 0 48px}
  .grz-ag-wege,.grz-ag-wege .grz-btn{width:100%}
  .grz-ag-dlg-kopf{padding:18px 8px 0 20px}
  .grz-ag-dlg-in{padding:14px 20px 20px}
  .grz-ag .grz-ag-dlg-kopf h2{font-size:24px}
}