/* Schriften: selbst gehostet (Dateien in /fonts/ ablegen, siehe fonts/LIESMICH.txt) */
@font-face{font-family:"Alegreya";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/Alegreya-Variable.woff") format("woff")}
@font-face{font-family:"Alegreya";font-style:italic;font-weight:400 800;font-display:swap;src:url("/fonts/Alegreya-Italic-Variable.woff") format("woff")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/AtkinsonHyperlegible-Regular.woff") format("woff")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/AtkinsonHyperlegible-Bold.woff") format("woff")}
/* LebensWert – gemeinsames Design
   Grün = Betreuungsservice, Blau = Personalvermittlung */

:root{
  --bg:#f9f9f7;
  --text:#2b3531;
  --muted:#414b46;
  --line:#dcdfd8;
  --gruen:#396145;
  --gruen-2:#4f7a5b;
  --gruen-band:#edf2ec;
  --blau:#325d7c;
  --blau-2:#3f6f92;
  --blau-band:#e3edf3;
  --karte:#fcfcfa;
  --radius:16px;
  --akzent:var(--gruen);
  --serif:"Alegreya",Georgia,"Times New Roman",serif;
  --sans:"Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,sans-serif;
}
body.theme-blau{--akzent:var(--blau)}
body.theme-gruen{--akzent:var(--gruen)}
body.theme-blau{--bg:#f9f9f7;--line:#d9e2e8;--karte:#fcfcfa}

html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html[data-g="klein"]{font-size:92%}
html[data-g="gross"]{font-size:118%}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--sans);font-size:1.125rem;line-height:1.7;
  color:var(--text);background:var(--bg);
}
img{max-width:100%;height:auto;display:block}
a{color:var(--akzent)}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.18;color:var(--akzent);letter-spacing:.005em}
h1{font-size:clamp(2.1rem,7vw,3.4rem);margin-bottom:1.2rem}
h2{font-size:clamp(1.75rem,5vw,2.4rem);margin-bottom:.8rem}
h3{font-size:1.35rem;margin-bottom:.4rem}
p{margin-bottom:1.1rem;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;border-radius:10px;z-index:99}
.skip:focus{left:10px}
:focus-visible{outline:3px solid #c9965f;outline-offset:3px}
.wrap{max-width:1000px;margin:0 auto;padding:0 22px}

/* ---------- Kopf ---------- */
.kopf{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}

.kopf-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:14px 20px}
.icon-btn{
  width:54px;height:54px;border:1.5px solid var(--line);border-radius:15px;background:#fff;color:var(--text);
  display:grid;place-items:center;cursor:pointer;font-family:var(--serif);font-weight:700;font-size:1.35rem;
}
.icon-btn:hover{border-color:var(--akzent)}
.icon-btn svg{width:26px;height:26px}
.logo{justify-self:center;text-decoration:none;font-family:var(--serif);font-size:clamp(1.7rem,7vw,2.3rem);line-height:1;color:#25322b;display:flex;align-items:center}
.logo img{height:clamp(46px,12vw,62px);width:auto}
.panel{max-width:1100px;margin:0 auto;padding:0 20px 16px}
.panel[hidden]{display:none}
.panel-box{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:16px 18px}
.schrift-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.schrift-box span{margin-right:6px;color:var(--muted)}
.schrift-box button{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:8px 16px;font:inherit;color:var(--text);cursor:pointer}
.schrift-box button[aria-pressed="true"]{border-color:var(--akzent);color:var(--akzent);font-weight:600}
.menue-box a{display:block;padding:12px 4px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line)}
.menue-box a:last-child{border-bottom:0}
.menue-box a:hover{color:var(--akzent)}

/* ---------- Hinweisleiste ---------- */
.leiste{max-width:1000px;margin:18px auto 0;padding:0 22px}
.leiste p{margin:0;text-align:center;padding:16px 18px;border:1.5px solid var(--line);border-radius:14px;background:var(--karte);color:var(--text)}

/* ---------- Seitenaufbau ---------- */
.intro{padding:34px 0 10px}
.zurueck{display:inline-block;margin-bottom:34px;text-decoration:none;border-bottom:2px solid var(--akzent);padding-bottom:6px;color:var(--akzent)}
body.theme-gruen .zurueck{text-transform:uppercase;letter-spacing:.1em;font-size:.95rem}
.kicker{font-size:.95rem;letter-spacing:.06em;color:var(--akzent);margin-bottom:.4rem}
.vollbild{margin:18px 0 0}
.vollbild img{width:100%;height:auto;max-height:560px;object-fit:cover}
.betont{font-family:var(--serif);font-size:1.6rem;line-height:1.3;color:var(--akzent);margin:26px 0 .7rem}
.band{background:var(--gruen-band);padding:46px 0;margin-top:30px}
.zeile-lang{padding:28px 0}
.mitte{text-align:center}

/* ---------- Start ---------- */
.start-kopf{text-align:center;padding:50px 0 26px}
.start-kopf h1{color:#25322b}
.start-kopf h1 .gruen{color:var(--gruen)}
.start-kopf p{max-width:560px;margin:0 auto}
.karten{display:grid;gap:24px;grid-template-columns:1fr;padding:14px 0 30px}
.karte{
  background:var(--karte);border:1.5px solid var(--akzent);border-top-width:5px;border-right-width:5px;border-radius:var(--radius);
  padding:32px 30px;display:flex;flex-direction:column;
}
.karte.k-gruen{--akzent:var(--gruen)}
.karte.k-blau{--akzent:var(--blau)}
.karte h2{font-size:clamp(1.9rem,6vw,2.5rem)}
.karte .mehr{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-weight:600;text-decoration:none;color:var(--akzent);background:none;border:0;font:inherit;font-weight:600;cursor:pointer;text-align:left;padding:6px 0}
.karte .mehr:hover{text-decoration:underline}
.karte .mehr .pfeil{font-size:1.5rem;font-weight:300}
.karte-link-text{color:var(--akzent)}

/* Personalvermittlung: Bereich mit blauem Hintergrund */
.blau-bereich{background:var(--blau-band);padding:26px 0;margin-top:30px}
.blau-bereich .karte{margin-bottom:22px}
.blau-bereich .karte:last-child{margin-bottom:0}

/* ---------- Aufklappfelder ---------- */
.akk{border:1.5px solid var(--akzent);border-radius:var(--radius);background:var(--karte);margin:18px 0}
.akk>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:24px 26px;font-family:var(--serif);font-size:1.45rem;color:var(--akzent)}
.akk>summary::-webkit-details-marker{display:none}
.akk>summary::after{content:"+";font-family:var(--sans);font-weight:300;font-size:2rem;line-height:1}
.akk[open]>summary::after{content:"–"}
.akk-inhalt{padding:0 26px 26px}
.akk.leicht{border:0;border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);border-radius:0;background:none;margin:22px 0}
.akk.leicht>summary{padding:20px 4px;font-size:1.3rem}
.akk.leicht .akk-inhalt{padding:0 4px 20px}
.akk-inhalt h3{margin-top:1.2rem}
.akk-inhalt .einl{margin-bottom:1.4rem}
.leistung{padding:18px 0;border-top:1px solid var(--line)}
.leistung:first-of-type{border-top:0}
.liste{list-style:none}
.liste li{position:relative;padding-left:1.4rem;margin-bottom:.4rem;color:var(--muted)}
.liste li::before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;border-radius:50%;background:var(--akzent)}
.link-pfeil{display:inline-block;margin-top:.8rem;font-weight:600;text-decoration:none;color:var(--akzent)}
.link-pfeil:hover{text-decoration:underline}

/* ---------- Von A bis Z ---------- */
.az{list-style:none;display:grid;gap:18px;margin:20px 0 10px}
.az li{display:grid;grid-template-columns:3.2rem 1fr;gap:16px;align-items:start;background:var(--karte);border:1.5px solid var(--line);border-radius:20px;padding:22px}
.az .buchstabe{width:3.2rem;height:3.2rem;border-radius:50%;background:var(--blau);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem}
.az h3{margin:0 0 .2rem}
.az p{margin:0}

/* ---------- Kontakt ---------- */
.kontakt{padding:40px 0 14px}
.kontakt h2{margin-bottom:.6rem}
.kboxen{display:grid;gap:14px;grid-template-columns:1fr;margin-top:22px}
.kbox{display:block;text-decoration:none;color:var(--akzent);background:#fff;border:1.5px solid var(--akzent);border-radius:16px;padding:18px 22px;text-align:left;cursor:pointer;font:inherit}
.kbox:hover{background:#fff}
.kbox .l{display:block;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kbox .w{display:block;font-size:clamp(.88rem,3.9vw,1.3rem);overflow-wrap:anywhere}
.start-kontakt{display:grid;gap:18px;padding:26px 0 40px;border-top:1.5px solid var(--line);margin-top:20px}
.start-kontakt .marke{font-weight:700;color:#25322b;align-self:center}
.rahmen{border-top:1.5px solid var(--line);padding:24px 0 0;margin-top:24px}
.rahmen .label{font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}
.rahmen hr{border:0;border-top:1.5px solid #bfc9b8;margin:20px 0}

/* ---------- Rechtstexte ---------- */
.recht{padding:30px 0 40px}
.recht h2{font-size:1.5rem;margin-top:2rem}
.recht p{color:var(--text)}
.recht .stand{color:var(--muted);margin-top:1.6rem}

/* ---------- Fuß ---------- */
.fuss{border-top:1.5px solid var(--line);margin-top:22px;padding:24px 0 36px;text-align:left}
.fuss .logo-unten{max-width:220px;margin-bottom:18px}
.fuss .nach-oben{display:inline-block;margin-bottom:16px;text-decoration:none;color:var(--akzent)}
.fuss p{margin-bottom:.6rem}
.fuss nav a{margin-right:22px;color:var(--muted);text-decoration:none}
.fuss nav a:hover{color:var(--akzent);text-decoration:underline}

/* ---------- Anfrage-Fenster ---------- */
dialog.fd{
  border:0;border-radius:26px;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);
  background:#fcfcfa;color:var(--text);box-shadow:0 20px 60px rgba(25,40,35,.35);margin:auto;
}
dialog.fd::backdrop{background:rgba(35,48,43,.55)}
.fd-in{padding:28px 26px 28px;overflow:auto;max-height:calc(100dvh - 24px)}
.fd-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.fd-kopf .kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:var(--text)}
.fd-zu{width:50px;height:50px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-size:1.7rem;line-height:1;cursor:pointer;color:var(--text);flex:none}
.fd label{display:block;margin:20px 0 8px;font-weight:600;color:#33423b}
.fd label small{font-weight:400;color:var(--muted);margin-left:8px}
.fd input,.fd textarea{width:100%;font:inherit;color:var(--text);background:#fff;border:1.5px solid #bfccd4;border-radius:16px;padding:16px 18px}
.fd textarea{min-height:130px;resize:vertical}
.fd input:focus,.fd textarea:focus{outline:3px solid #c9965f;outline-offset:1px;border-color:transparent}
.fd .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fd-hinweis{font-size:1rem;margin:22px 0 18px}
.fd-status{min-height:1.4em;margin:0 0 14px;font-weight:600}
.fd-status.fehler{color:#9a3b2f}
.knopf{font:inherit;font-weight:600;color:#fff;background:var(--akzent);border:0;border-radius:16px;padding:17px 30px;cursor:pointer}
.knopf:hover{filter:brightness(1.08)}
.knopf[disabled]{opacity:.6;cursor:wait}
.fd-danke h3{margin:6px 0 10px}

/* ---------- Größere Bildschirme ---------- */
@media(min-width:820px){
  .karten{grid-template-columns:1fr 1fr}
  .blau-bereich .wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .blau-bereich .karte{margin-bottom:0}
  .kboxen{grid-template-columns:1fr 1fr}
  .start-kontakt{grid-template-columns:auto 1fr 1fr;align-items:center}
  .az{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- Kleine Handys (z. B. 320 px Breite) ---------- */
h1,h2,h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.karten>*,.az>*,.az li>*,.kboxen>*,.start-kontakt>*{min-width:0}
@media(max-width:380px){
  .wrap{padding:0 16px}
  .karte{padding:26px 20px}
  .az li{padding:16px;gap:12px;grid-template-columns:2.8rem 1fr}
  .az .buchstabe{width:2.8rem;height:2.8rem}
  .kopf-in{padding:12px 14px}
}

/* ---------- Ganze Karte auf der Startseite anklickbar ---------- */
.karten .karte{position:relative;transition:box-shadow .2s,transform .2s}
.karten .karte .mehr::after{content:"";position:absolute;inset:0;border-radius:inherit}
.karten .karte:hover{box-shadow:0 2px 4px rgba(30,40,25,.06),0 16px 36px rgba(30,40,25,.10);transform:translateY(-2px)}
.karten .karte .mehr:focus-visible{outline:none}
.karten .karte:focus-within{outline:3px solid #c9965f;outline-offset:3px}
.karten .karte .mehr{cursor:pointer}
@media(prefers-reduced-motion:reduce){.karten .karte{transition:none}.karten .karte:hover{transform:none}}

/* ---------- Logo (Zeichen + handgeschriebener Schriftzug) ---------- */
.logo{gap:12px}
.logo .lg-text{font-family:var(--serif);font-weight:500;font-size:clamp(1.75rem,7.4vw,2.2rem);line-height:1;letter-spacing:.005em;color:#25322b}
.logo .lg-text .w{font-style:italic;font-weight:500;color:var(--gruen)}
body.theme-blau .logo .lg-text .w{color:var(--blau)}
.logo .lg-w{height:clamp(24px,6.6vw,34px);width:auto}
.logo-b .lg-aq{height:clamp(46px,12vw,62px);width:auto;}
.logo-b .lg-t{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.logo-b .lg-w{height:clamp(22px,5.8vw,30px)}
.logo-b .lg-u{font-family:var(--serif);font-weight:600;font-size:clamp(.62rem,2.5vw,.76rem);letter-spacing:.3em;text-transform:uppercase;color:#25322b;line-height:1}
.fuss .lockup{width:min(290px,86%);margin:6px auto 22px;text-align:center}
.fuss .lu-blatt{width:min(150px,54%);height:auto;margin:0 auto -16px;display:block}
.fuss .lu-wort{width:80%;height:auto;margin:0 auto 14px;display:block}
.fuss .lu-zeile{width:100%;height:auto;display:block;margin:0 auto}
.fuss .lu-orn{width:48px;height:auto;display:block;margin:14px auto 0}
.fuss .lu-slogan{font-family:var(--serif);font-style:italic;font-size:clamp(.98rem,4.2vw,1.15rem);line-height:1.3;color:var(--gruen);text-align:center;margin:8px 0 0}

/* ---------- WILLKOMMEN-Konzept (aufklappbar) ---------- */
.wk .akk{margin:12px 0}
.wk .akk>summary{justify-content:flex-start;gap:14px;padding:16px 18px;font-size:1.2rem}
.wk .akk>summary::after{margin-left:auto;flex:none}
.wk .wk-b{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--blau);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:1.2rem;line-height:1}
.wk .wk-t{min-width:0;overflow-wrap:anywhere}
.wk .akk-inhalt{padding:0 18px 18px calc(18px + 2.4rem + 14px)}
.wk .akk-inhalt p{margin:0}
.wk .wk-idee{margin-top:1.8rem}
@media(max-width:380px){.wk .akk-inhalt{padding-left:18px}}

/* Kopf Personalvermittlung: Schriftzug mit Zusatz */
.logo-p{flex-direction:column;align-items:center;gap:6px}
.logo-p .lg-text{font-size:clamp(1.55rem,6.6vw,2rem)}
.logo-p .lg-u{font-family:var(--serif);font-weight:600;font-size:clamp(.62rem,2.5vw,.76rem);letter-spacing:.3em;text-transform:uppercase;color:var(--blau);line-height:1;margin-right:-.3em}

/* Lange Wörter und Adressen in Rechtstexten umbrechen */
.recht{overflow-wrap:anywhere}
.recht p,.recht a{overflow-wrap:anywhere}
.fuss nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.fuss nav a{margin-right:0}

/* ---------- Ruhigere Aufklappfelder: Linien statt Kästen ---------- */
.akk{border:0;border-top:1.5px solid var(--line);border-radius:0;background:none;margin:0}
.akk:last-of-type{border-bottom:1.5px solid var(--line)}
.akk>summary{padding:20px 4px}
.akk-inhalt{padding:0 4px 22px}
.akk>summary:hover{color:var(--akzent);opacity:.85}
.akk.leicht{margin:22px 0}
.wk .akk{margin:0}
.wk .akk>summary{padding:16px 4px}
.wk .akk-inhalt{padding:0 4px 18px calc(4px + 2.4rem + 14px)}
@media(max-width:380px){.wk .akk-inhalt{padding-left:4px}}
.wk .wk-idee{margin-top:1.6rem}

/* ---------- Ansprechpartnerin ---------- */
.ansprech{display:grid;gap:26px;grid-template-columns:1fr;align-items:center;padding:34px 0 18px;border-top:1.5px solid var(--line);margin-top:20px}
.ap-bild{width:min(240px,66%);margin:0 auto;position:relative}
.ap-bild img{position:relative;z-index:1;width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 50%;border-radius:50%;background:var(--gruen-band)}
.ap-text{text-align:center}
.ap-text .kicker{font-size:.9rem;letter-spacing:.14em;text-transform:uppercase}
.ap-text h2{color:#25322b;margin-bottom:.6rem}
.ap-text p{max-width:30rem;margin-left:auto;margin-right:auto}
.ap-text .ap-zeile{font-family:var(--serif);font-style:italic;color:var(--gruen);font-size:1.15rem;margin-top:1.2rem}
@media(min-width:820px){.ansprech{grid-template-columns:auto 1fr;gap:64px;padding:48px 0 30px}.ap-bild{width:300px;margin:0 0 0 14px}.ap-text{text-align:left}.ap-text p{margin-left:0}}

/* ---------- Kurzvorstellung auf Unterseiten ---------- */
.ueber-mich{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;padding:28px 0;border-top:1.5px solid var(--line);margin-top:18px}
.ueber-mich img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 50%}
.ueber-mich .kicker{font-family:var(--serif);font-size:1.3rem;letter-spacing:0;color:var(--akzent);margin:0 0 .3rem}
.ueber-mich p:last-child{margin:0}
@media(min-width:820px){.ueber-mich{grid-template-columns:96px 1fr;gap:28px}.ueber-mich img{width:96px;height:96px}}

.quali{list-style:none;margin:1rem 0 0;padding:0;text-align:left;font-size:.95rem}
.quali li{padding:.55rem 0;border-top:1.5px solid var(--line)}
.quali strong{font-family:var(--serif);font-weight:600;font-size:1.05rem;color:var(--akzent)}
.quali{grid-column:1/-1}

/* ---------- Betreuung: Aquarell als zarter Hintergrund im Fuß ---------- */
body[data-view="betreuung"] .fuss{position:relative;overflow:hidden;isolation:isolate}
body[data-view="betreuung"] .fuss::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(640px,150%);aspect-ratio:3/4;transform:translate(-50%,-46%);background:url("/assets/fuss-aquarell.webp") center/100% 100% no-repeat;opacity:.3;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 45%,transparent 100%)}
body[data-view="betreuung"] .fuss .lu-blatt{opacity:0;height:0;margin:0}

/* ---------- Gespräch vereinbaren ---------- */
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:1.6rem 0 2.2rem}
.cta .knopf{background:#cfe0d3;color:#2f5a3d;box-shadow:inset 0 0 0 1.5px #9fbfa9;display:inline-block;text-decoration:none;text-align:center;transition:transform .2s,filter .2s}
.cta .knopf:hover{transform:translateY(-2px)}
.cta-tel{color:var(--akzent);text-decoration:none;border-bottom:1.5px solid var(--akzent);padding-bottom:2px}

/* ---------- Ruhige Bewegung ---------- */
.reveal-an .reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.reveal-an .reveal.sichtbar{opacity:1;transform:none}
.akk[open]>.akk-inhalt{animation:akk-ein .4s ease}
@keyframes akk-ein{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .reveal-an .reveal{opacity:1;transform:none;transition:none}
  .akk[open]>.akk-inhalt{animation:none}
  .cta .knopf{transition:none}
}

/* Logo-Umschalter je Seite */
.logo-b,.logo-p{display:none}
body[data-view="betreuung"] .logo-b{display:flex}
body[data-view="personalvermittlung"] .logo-p{display:flex}
body[data-view="betreuung"] .logo-allg,body[data-view="personalvermittlung"] .logo-allg{display:none}
@media(max-width:700px){
  body[data-view="betreuung"] .fuss::before{height:108%;width:auto;transform:translate(-50%,-50%);opacity:.26;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%)}
}
.ap-text .ap-kontakt{margin-top:1rem}
.ap-text .ap-kontakt a{color:var(--akzent);text-underline-offset:3px}
.ap-text .ap-kontakt a[href^="tel"]{white-space:nowrap}
.ueber-mich .quali-akk{grid-column:1/-1;margin:0}.quali-akk .akk-inhalt h3{font-size:1.1rem;margin:1rem 0 .2rem}.quali-akk .quali{margin-top:.4rem}