/* Gesundheitsbundportal, gemeinsames Stylesheet. Farben, Schrift und Layout siehe Konzept Datei 07. */
/* Layout: eigenständiges Stellenportal. Suchband über volle Breite, Filterleiste, Liste links mit Arbeitgeberlogos, Anzeige rechts mit Faktenkacheln. Bewerben ohne Konto als zentrale Funktion. */
:root{
  --bg:#ffffff; --bg2:#f5f3f1; --band:#faf6f3; --fg:#262626; --muted:#5c5c5c; --line:#d9d5d1; --line2:#ebe7e3;
  --accent:#E4572E; --accent-h:#c4461f; --accent-soft:#fdeee8; --plum:#3B1F2B; --plum-soft:#f3edf0;
  --ok:#1e6b3a; --ok-soft:#e7f4ec;
  --font:'Noto Sans','Helvetica Neue',Arial,sans-serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:1rem;line-height:1.5}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.25}
p,ul{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
:focus:not(:focus-visible){outline:none}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-999px;top:8px;background:var(--fg);color:#fff;padding:.5rem 1rem;border-radius:8px;z-index:100}
.skip:focus{left:16px}
[hidden]{display:none!important}
svg{flex:none}

/* Vorschau-Leiste */
.preview{background:#262626;color:#fff;font-size:.85rem;padding-block:.5rem}
.preview .wrap{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}
.preview button{font:inherit;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:.3rem .7rem;cursor:pointer;min-height:32px}
.preview button[aria-pressed="true"]{background:#fff;color:#262626}
.preview .note{opacity:.7;margin-left:auto}

/* Header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:#fff}
.top{background:#fff;border-bottom:1px solid var(--line2);position:sticky;top:env(safe-area-inset-top,0px);z-index:30}
.top .wrap{display:flex;align-items:center;gap:2rem;min-height:72px}
.logo{display:block;width:230px;max-width:46vw;flex:none;text-decoration:none}
.logo svg{display:block;width:100%;height:auto}
.nav{display:flex;gap:.3rem}
.nav a{text-decoration:none;font-weight:600;color:var(--fg);white-space:nowrap;padding:.5rem .8rem;border-radius:8px}
.nav a:hover{background:var(--bg2)}
.nav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-h)}
.top .right{margin-left:auto;display:flex;align-items:center;gap:.8rem}
.saved{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-weight:600;white-space:nowrap;padding:.5rem .6rem;border-radius:8px}
.saved:hover{background:var(--bg2)}
.saved b{background:var(--fg);color:#fff;font-size:.72rem;border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.6rem 1.2rem;border-radius:10px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;font-size:1rem}
.btn.primary{background:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent-h);color:#fff}
.btn.ghost{background:#fff;border-color:var(--line);color:var(--fg)}
.btn.ghost:hover{border-color:var(--fg)}
.btn.sm{min-height:40px;padding:.4rem .9rem;font-size:.95rem}
.btn.xl{min-height:54px;font-size:1.05rem;padding-inline:1.5rem}
.top .primary span{display:contents}
@media(max-width:960px){.nav{display:none}.top .wrap{gap:1rem}.logo{width:180px}}
@media(max-width:560px){.top .wrap{gap:.6rem}.logo{width:150px}.top .right{gap:.3rem}.saved{padding:.4rem}.saved span{display:none}.top .primary{padding:.4rem .75rem;font-size:.9rem}.top .primary span{display:none}}

/* Suchband */
.searchband{background:var(--band);border-bottom:1px solid var(--line2);padding-block:1.4rem}
.searchband h1.claim{font-size:1.05rem;font-weight:600;color:var(--muted);margin-bottom:.7rem}
.searchband h1.claim b{color:var(--fg)}
.search{display:grid;grid-template-columns:1.4fr 1fr 150px auto;gap:.6rem}
.field{display:flex;align-items:center;gap:.6rem;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:0 .85rem;min-height:52px;min-width:0;position:relative}
.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.field svg{color:var(--muted)}
.field input,.field select{border:0;background:transparent;font:inherit;color:var(--fg);width:100%;min-width:0;padding:.5rem 0}
.field input:focus,.field select:focus{outline:none}
.field .lbl{position:absolute;left:-9999px}
.search .btn{min-height:52px}
@media(max-width:860px){.search{grid-template-columns:1fr 1fr}.search .btn{grid-column:span 2}}
@media(max-width:480px){.search{grid-template-columns:1fr}.search .btn{grid-column:auto}}

/* Filterleiste */
.filterbar{border-bottom:1px solid var(--line2);background:#fff}
.filterbar .wrap{display:flex;gap:.5rem;align-items:center;padding-block:.75rem;overflow-x:auto}
.filterbar .lead{font-size:.85rem;font-weight:700;color:var(--muted);margin-right:.3rem;white-space:nowrap}
.fbtn{font:inherit;font-size:.9rem;font-weight:600;border:1.5px solid var(--line);border-radius:8px;padding:.4rem .75rem;background:#fff;color:var(--fg);cursor:pointer;min-height:38px;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
.fbtn:hover{border-color:var(--fg)}
.fbtn[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-h)}
.fbtn svg{width:12px;height:12px}
.filterbar .reset{margin-left:auto;font-size:.88rem;font-weight:600;color:var(--accent-h);white-space:nowrap;text-decoration:underline}

/* Ergebnisse */
.results{padding-block:1.4rem 3rem;background:var(--bg2)}
.results .cols{display:grid;grid-template-columns:500px minmax(0,1fr);gap:1.4rem;align-items:start}
@media(max-width:1020px){.results .cols{grid-template-columns:1fr}}
.rhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.9rem}
.rhead h2{font-size:1.05rem;font-weight:700}
.rhead h2 span{color:var(--muted);font-weight:500}
.rhead label{font-size:.88rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}
.rhead select{font:inherit;font-size:.9rem;border:1.5px solid var(--line);border-radius:8px;padding:.3rem .5rem;background:#fff;color:var(--fg);min-height:36px}
.list{display:grid;gap:.7rem}
.card{background:#fff;border:1.5px solid var(--line2);border-radius:14px;padding:1rem;text-align:left;font:inherit;color:inherit;width:100%;cursor:pointer;display:grid;grid-template-columns:52px minmax(0,1fr);gap:.9rem;position:relative}
.card:hover{border-color:var(--line)}
.card[aria-current="true"]{border-color:var(--accent);background:#fffaf8}
.card .lg{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:.95rem;color:#fff}
.card .body{display:grid;gap:.3rem;min-width:0}
.card .badges{display:flex;gap:.35rem;flex-wrap:wrap}
.badge{font-size:.74rem;font-weight:700;border-radius:999px;padding:.15rem .55rem;background:var(--bg2);color:var(--fg);border:1px solid var(--line2)}
.badge.new{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.badge.prem{background:var(--plum-soft);color:var(--plum);border-color:transparent}
.badge.ausb{background:#eef2fb;color:#2c4a8a;border-color:transparent}
.card h3{font-size:1.06rem;font-weight:700;padding-right:2.4rem}
.card .co{font-size:.93rem}
.card .meta{display:flex;flex-wrap:wrap;gap:.15rem .9rem;font-size:.88rem;color:var(--muted)}
.card .meta span{display:inline-flex;align-items:center;gap:.3rem}
.card .meta svg{width:14px;height:14px}
.card .apply{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--ok);margin-top:.15rem}
.card .apply svg{width:15px;height:15px}
.card .save{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:var(--fg)}
.card .save:hover{background:var(--bg2)}
.pager{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1.4rem;font-size:.92rem;color:var(--muted)}
.pager .btn{min-height:40px}

.detail{background:#fff;border:1.5px solid var(--line2);border-radius:16px;position:sticky;top:calc(72px + env(safe-area-inset-top,0px) + 1rem);max-height:calc(100vh - 104px);overflow:auto}
@media(max-width:1020px){.detail{position:static;max-height:none}}
.dhead{padding:1.4rem 1.5rem 1.2rem;display:grid;grid-template-columns:64px minmax(0,1fr);gap:1rem;border-bottom:1px solid var(--line2);position:sticky;top:0;background:#fff;z-index:2}
.dhead .lg{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:1.1rem;background:#4a7c74}
.dhead h2{font-size:1.4rem;font-weight:700;line-height:1.3}
.dhead .co{margin-top:.25rem;font-weight:600}
.dhead .co a{color:var(--accent-h)}
.dhead .actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.dhead .noacc{grid-column:1/-1;display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--ok);font-weight:600;margin-top:-.3rem}
.icon-btn{width:46px;height:46px;border-radius:10px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--fg)}
.icon-btn:hover{border-color:var(--fg)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;padding:1.2rem 1.5rem 0}
@media(max-width:640px){.facts{grid-template-columns:1fr 1fr}}
.fact{background:var(--bg2);border-radius:12px;padding:.75rem .85rem;display:grid;gap:.15rem;min-width:0}
.fact small{font-size:.76rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.fact b{font-size:.95rem;line-height:1.3}
.dbody{padding:1.3rem 1.5rem;display:grid;gap:1.3rem}
.dbody h3{font-size:1.05rem;font-weight:700;margin-bottom:.45rem}
.dbody ul{padding-left:1.2rem;display:grid;gap:.3rem}
.dbody p{max-width:70ch}
.benefits{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0!important}
.benefits li{display:inline-flex;align-items:center;gap:.35rem;background:var(--ok-soft);color:var(--ok);font-weight:600;font-size:.88rem;border-radius:999px;padding:.3rem .75rem}
.contact{border:1.5px solid var(--line2);border-radius:14px;padding:1.1rem 1.2rem;display:grid;gap:.6rem}
.contact .who{display:flex;gap:.8rem;align-items:center}
.contact .av{width:44px;height:44px;border-radius:50%;background:var(--plum-soft);color:var(--plum);display:grid;place-items:center;font-weight:700}
.contact .who small{display:block;color:var(--muted)}
.dfoot{padding:1rem 1.5rem 1.4rem;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line2)}
.dfoot a{color:var(--muted)}
.back{display:none;margin:1rem 1rem 0}
@media(max-width:1020px){.back{display:inline-flex}}

/* Bewerben-Dialog */
.overlay{position:fixed;inset:0;background:rgba(20,14,16,.45);z-index:60;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.dialog{background:#fff;border-radius:18px;max-width:560px;width:100%;max-height:100%;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.dialog header{padding:1.3rem 1.4rem 1rem;border-bottom:1px solid var(--line2);display:flex;gap:1rem;align-items:flex-start}
.dialog header h2{font-size:1.2rem;font-weight:700}
.dialog header p{color:var(--muted);font-size:.92rem;margin-top:.2rem}
.dialog .x{margin-left:auto;width:40px;height:40px;border-radius:10px;border:0;background:var(--bg2);cursor:pointer;display:grid;place-items:center;color:var(--fg)}
.dialog .x:hover{background:var(--line2)}
.dialog .content{padding:1.2rem 1.4rem;display:grid;gap:1rem}
.okline{display:flex;gap:.6rem;align-items:flex-start;background:var(--ok-soft);color:var(--ok);border-radius:12px;padding:.8rem 1rem;font-size:.92rem;font-weight:600}
.step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:.8rem}
.step .n{width:30px;height:30px;border-radius:50%;background:var(--fg);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}
.step b{display:block;margin-bottom:.3rem}
.copyrow{display:flex;gap:.5rem;align-items:center;background:var(--bg2);border-radius:10px;padding:.45rem .45rem .45rem .8rem;min-width:0}
.copyrow code{font-family:var(--font);font-size:.95rem;font-weight:600;overflow-wrap:anywhere;flex:1;min-width:0;user-select:all}
.copyrow .btn{min-height:36px;padding:.3rem .7rem;font-size:.85rem}
.step ul{padding-left:1.1rem;font-size:.93rem;display:grid;gap:.15rem}
.dialog footer{padding:1rem 1.4rem 1.3rem;border-top:1px solid var(--line2);display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}
.dialog footer small{color:var(--muted);font-size:.85rem}

/* Arbeitgeberband */
.employer{background:#fff;border-top:1px solid var(--line2);padding-block:2.4rem}
.employer .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
@media(max-width:800px){.employer .wrap{grid-template-columns:1fr}}
.employer h2{font-size:1.5rem;font-weight:700}
.employer p{color:var(--muted);margin-top:.5rem;max-width:36rem}
.employer ul{list-style:none;padding:0;display:grid;gap:.6rem}
.employer li{display:flex;gap:.6rem;align-items:flex-start}
.employer li svg{margin-top:.25rem;color:var(--accent)}
.employer .btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}

/* Inserat */
.post{padding-block:1.5rem 3rem;background:var(--bg2)}
.post .cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem;align-items:start}
@media(max-width:900px){.post .cols{grid-template-columns:1fr}}
.post h1{font-size:1.7rem;font-weight:700;margin-bottom:.4rem}
.post .intro{color:var(--muted);margin-bottom:1.2rem;max-width:60ch}
.form{background:#fff;border:1.5px solid var(--line2);border-radius:16px;padding:1.6rem;display:grid;gap:1.4rem}
.form fieldset{border:0;padding:0;margin:0;display:grid;gap:.9rem}
.form legend{font-weight:700;font-size:1.15rem;padding:0;margin-bottom:.5rem}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media(max-width:560px){.form .row{grid-template-columns:1fr}}
.form label{display:grid;gap:.3rem;font-size:.95rem;font-weight:700}
.form label .opt{font-weight:400;color:var(--muted)}
.form input,.form textarea,.form select{font:inherit;color:var(--fg);border:1.5px solid #8a8580;border-radius:10px;padding:.6rem .8rem;background:#fff;min-height:48px;width:100%}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}
.form textarea{min-height:110px;resize:vertical}
.form .help{font-size:.85rem;color:var(--muted);font-weight:400}
.form .check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.95rem}
.form .check input{width:20px;height:20px;min-height:0;margin-top:.2rem;accent-color:var(--accent)}
.form .ok{display:none;background:var(--ok-soft);border-radius:10px;padding:1rem;color:var(--ok);font-weight:700}
.form.done .ok{display:block}
.side{display:grid;gap:1rem}
.sbox{background:#fff;border:1.5px solid var(--line2);border-radius:16px;padding:1.3rem}
.sbox h2{font-size:1.05rem;font-weight:700;margin-bottom:.7rem}
.steps{display:grid;gap:.9rem;counter-reset:s;padding:0;margin:0}
.steps li{list-style:none;display:grid;grid-template-columns:32px 1fr;gap:.7rem;font-size:.95rem}
.steps li::before{counter-increment:s;content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--fg);color:#fff;display:grid;place-items:center;font-weight:700}
.steps b{display:block}
.sbox.dark{background:var(--plum);color:#fff;border-color:var(--plum)}
.sbox.dark h2{color:#fff}
.sbox.dark p{opacity:.92;font-size:.95rem}
.sbox.dark .btn{background:#fff;color:var(--plum);margin-top:.9rem;width:100%}
.sbox.dark .btn:hover{background:var(--accent-soft)}

/* Footer */
.foot{background:#fff;border-top:1px solid var(--line2);padding-block:2.2rem 1.5rem;color:var(--muted);font-size:.92rem}
.foot .cols{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:2rem}
@media(max-width:1020px){.foot .cols{grid-template-columns:repeat(3,1fr)}.foot .cols>div:first-child{grid-column:1/-1}}
@media(max-width:800px){.foot .cols{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.foot .cols{grid-template-columns:1fr}}
.foot h2,.foot h3{font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;color:var(--fg);margin-bottom:.7rem}
.foot ul{list-style:none;padding:0;display:grid;gap:.45rem}
.foot a{text-decoration:none}
.foot a:hover{color:var(--accent-h);text-decoration:underline}
.foot .logo{width:200px;margin-bottom:.8rem}
.foot .copy{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line2);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;font-size:.85rem}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Inserieren */
.pf{background:var(--bg2);padding-block:1.6rem 3rem}
.pf-head{max-width:760px;margin-bottom:1.3rem}
.pf-head h1{font-size:1.75rem;font-weight:700}
.pf-head p{color:var(--muted);margin-top:.4rem}
.pf-steps{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;padding:0;margin:1rem 0 0;font-size:.9rem;color:var(--muted)}
.pf-steps li{display:flex;align-items:center;gap:.45rem}
.pf-steps b{width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;font-size:.8rem;color:var(--fg)}
.pf-steps li.on{color:var(--fg);font-weight:700}
.pf-steps li.on b{background:var(--fg);border-color:var(--fg);color:#fff}
.pf-cols{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:1.5rem;align-items:start}
@media(max-width:1020px){.pf-cols{grid-template-columns:1fr}}
.pf-form{display:grid;gap:1rem;min-width:0}
.pf-demo{background:#fff8e6;border:1px solid #f0dfb0;border-radius:10px;padding:.6rem .9rem;font-size:.9rem;color:#6b5300}
.pf-link{font:inherit;background:none;border:0;color:var(--accent-h);font-weight:700;text-decoration:underline;cursor:pointer;padding:0}
.pf-sec{background:#fff;border:1.5px solid var(--line2);border-radius:16px;padding:1.3rem 1.4rem 1.4rem;margin:0;display:grid;gap:.9rem;min-width:0}
.pf-sec legend{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;padding:0;float:left;width:100%;margin-bottom:.2rem}
.pf-sec legend span{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent-h);display:grid;place-items:center;font-size:.9rem}
.pf-sec legend+*{clear:both}
.pf-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.pf-row3{grid-template-columns:1.6fr .8fr 1.2fr}
@media(max-width:600px){.pf-row,.pf-row3{grid-template-columns:1fr}}
.pf-sec label{display:grid;gap:.3rem;font-size:.95rem;font-weight:700;min-width:0}
.pf-label{font-size:.95rem;font-weight:700}
.pf-sub{display:block;font-weight:400;font-size:.85rem;color:var(--muted)}
.pf-sec .opt{font-weight:400;color:var(--muted)}
.pf-sec input:not([type=checkbox]):not([type=file]),.pf-sec select,.pf-sec textarea{font:inherit;font-weight:400;color:var(--fg);border:1.5px solid #8a8580;border-radius:10px;padding:.6rem .8rem;background:#fff;min-height:48px;width:100%}
.pf-sec input[type=file]{font:inherit;font-weight:400;font-size:.9rem}
.pf-sec textarea{resize:vertical;min-height:90px}
.pf-sec input:focus,.pf-sec select:focus,.pf-sec textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}
.pf-sec .bad{border-color:#b3261e!important;box-shadow:0 0 0 3px #fbe4e2!important}
.pf-count{font-weight:400;font-size:.8rem;color:var(--muted);justify-self:end;font-variant-numeric:tabular-nums}
.pf-g{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;color:var(--muted);margin-top:-.3rem}
.pf-g i{font-style:normal;flex:none;width:18px;height:18px;border-radius:50%;background:#eef2fb;color:#2c4a8a;font-weight:700;font-size:.7rem;display:grid;place-items:center;margin-top:.1rem}
.pf-rule{font-size:.92rem;background:var(--bg2);border-radius:10px;padding:.65rem .85rem}
.pf-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.pf-chip{font:inherit;font-size:.92rem;font-weight:600;border:1.5px solid var(--line);border-radius:999px;padding:.4rem .9rem;background:#fff;color:var(--fg);cursor:pointer;min-height:40px}
.pf-chip:hover{border-color:var(--fg)}
.pf-chip[aria-pressed="true"]{background:var(--fg);border-color:var(--fg);color:#fff}
.pf-presets{display:flex;flex-wrap:wrap;gap:.4rem}
.pf-presets button{font:inherit;font-size:.85rem;font-weight:600;border:1.5px dashed var(--line);border-radius:999px;padding:.3rem .75rem;background:#fff;color:var(--fg);cursor:pointer;min-height:36px}
.pf-presets button:hover{border-color:var(--accent);color:var(--accent-h)}
.pf-presets button[aria-pressed="true"]{border-style:solid;border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}
.pf-presets button[aria-pressed="true"]::before{content:"✓ "}
.pf-list{display:grid;gap:.5rem}
.pf-item{display:grid;grid-template-columns:26px minmax(0,1fr) 40px;gap:.5rem;align-items:center}
.pf-item .n{font-size:.85rem;font-weight:700;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.pf-item button{width:40px;height:40px;border:0;border-radius:8px;background:var(--bg2);cursor:pointer;color:var(--fg);font-size:1.1rem}
.pf-item button:hover{background:var(--line2)}
.pf-item .w{grid-column:2/3;font-size:.83rem;color:#8a2a1e;margin-top:-.2rem}
.pf-add{justify-self:start;font:inherit;font-weight:700;font-size:.92rem;color:var(--accent-h);background:none;border:1.5px dashed var(--line);border-radius:10px;padding:.5rem .9rem;cursor:pointer;min-height:42px}
.pf-add:hover{border-color:var(--accent)}
.pf-add[disabled]{opacity:.45;cursor:not-allowed}
.pf-hint{font-size:.85rem;color:var(--muted)}
.pf-warn{font-size:.85rem;color:#8a2a1e;background:#fbe9e6;border-radius:8px;padding:.5rem .7rem;margin-top:-.4rem}
.pf-check{display:flex!important;grid-template-columns:none;gap:.6rem!important;align-items:flex-start;font-weight:400!important}
.pf-check input{width:20px;height:20px;margin-top:.2rem;accent-color:var(--accent);flex:none}
.pf-check a{color:var(--accent-h)}
.pf-submit{display:grid;gap:.7rem;justify-items:start}
.pf-err{background:#fbe9e6;color:#8a2a1e;border-radius:10px;padding:.8rem 1rem;font-weight:600;font-size:.92rem}
.pf-ok{background:var(--ok-soft);color:var(--ok);border-radius:10px;padding:.9rem 1rem;font-weight:700}
.pf-side{display:grid;gap:1rem;position:sticky;top:calc(72px + env(safe-area-inset-top,0px) + 1rem);max-height:calc(100vh - 110px);overflow:auto;border-radius:16px}
@media(max-width:1020px){.pf-side{position:static}}
.pf-box{background:#fff;border:1.5px solid var(--line2);border-radius:16px;padding:1.2rem;display:grid;gap:.8rem;min-width:0}
.pf-box h2{font-size:1rem;font-weight:700}
.pf-card{cursor:default}
.pf-card:hover{border-color:var(--line2)}
.pf-card .meta span:empty{display:none}
.pf-mini{border-top:1px solid var(--line2);padding-top:.8rem;font-size:.9rem;display:grid;gap:.35rem}
.pf-mini h4{font-size:.88rem;font-weight:700;margin-top:.3rem}
.pf-mini ul{padding-left:1.1rem;display:grid;gap:.15rem}
.pf-mini ul.benefits{padding-left:0;display:flex;flex-wrap:wrap;gap:.3rem}
.pf-mini .benefits li{font-size:.78rem;padding:.2rem .55rem}
.pf-mini .empty{color:var(--muted);font-style:italic;list-style:none;margin-left:-1.1rem}
.pf-gl{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;font-size:.9rem}
.pf-gl li{display:grid;grid-template-columns:22px 1fr;gap:.5rem;align-items:start}
.pf-gl li::before{content:"";width:20px;height:20px;border-radius:50%;margin-top:.05rem;background:#fbe9e6 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6 6l8 8M14 6l-8 8" stroke="%238a2a1e" stroke-width="2" stroke-linecap="round"/></svg>') center/12px no-repeat}
.pf-gl li.ok::before{background:var(--ok-soft) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5 10.5l3 3 7-7" fill="none" stroke="%231e6b3a" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/13px no-repeat}
.pf-gl li.rec::before{background:#fff3cd url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 5v6M10 14.5v.5" stroke="%237a5200" stroke-width="2.2" stroke-linecap="round"/></svg>') center/12px no-repeat}
.pf-gl small{display:block;color:var(--muted);font-size:.8rem}
.pf-small{font-size:.82rem;color:var(--muted)}
.pf-web{display:grid;gap:.4rem;align-content:start}.pf-noweb{font-size:.88rem!important}
.ab-form{display:grid;gap:.85rem}
.ab-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:520px){.ab-row{grid-template-columns:1fr}}
.dialog label{display:grid;gap:.3rem;font-weight:700;font-size:.93rem;min-width:0}
.dialog .opt{font-weight:400;color:var(--muted)}
.dialog input:not([type=checkbox]):not([type=file]),.dialog textarea{font:inherit;font-weight:400;color:var(--fg);border:1.5px solid #8a8580;border-radius:10px;padding:.55rem .75rem;background:#fff;min-height:46px;width:100%}
.dialog textarea{resize:vertical;min-height:80px}
.dialog input:focus,.dialog textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}
.dialog .bad{border-color:#b3261e!important;box-shadow:0 0 0 3px #fbe4e2!important}
.ab-sub{display:block;font-weight:400;font-size:.83rem;color:var(--muted)}
.ab-drop{display:grid;gap:.4rem;border:1.5px dashed var(--line);border-radius:12px;padding:.8rem;background:var(--bg2);font-weight:400}
.ab-drop span{font-size:.83rem;color:var(--muted)}
.ab-drop input{font:inherit;font-size:.9rem}
.ab-files{display:flex;flex-wrap:wrap;gap:.35rem;font-weight:400}
.ab-files span{font-size:.8rem;background:var(--ok-soft);color:var(--ok);border-radius:999px;padding:.2rem .6rem}
.ab-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ab-check{display:flex!important;gap:.6rem!important;align-items:flex-start;font-weight:400!important;font-size:.9rem!important}
.ab-check input{width:20px;height:20px;margin-top:.15rem;accent-color:var(--accent);flex:none}
.ab-check a{color:var(--accent-h)}
.ab-err{background:#fbe9e6;color:#8a2a1e;border-radius:10px;padding:.7rem .9rem;font-weight:600;font-size:.9rem}
.ab-actions{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center}
.ab-actions small{color:var(--muted);font-size:.85rem}
.ab-alt{border-top:1px solid var(--line2);padding-top:.8rem}
.ab-alt summary{cursor:pointer;font-weight:600;font-size:.92rem;color:var(--fg)}
.ab-altbody{display:grid;gap:.5rem;margin-top:.7rem;justify-items:start}
.ab-altbody .copyrow{width:100%}
.ab-donebox{display:grid;gap:.5rem;justify-items:center;text-align:center;padding:1.2rem .5rem}
.ab-donebox svg{color:var(--ok)}
.ab-donebox h3{font-size:1.2rem}

/* Vorschau-Leiste: Zähler */
.preview .pb-n{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;margin-left:.35rem;padding:0 .3rem}
.preview .pb-n:empty{display:none}
.preview .pb-reset{background:transparent;border-color:rgba(255,255,255,.35)}
.badge.test{background:var(--accent-soft);color:var(--accent-h);border-color:transparent}
.badge.kar{background:#eef2fb;color:#2c4a8a;border-color:transparent}
.badge.demo{background:transparent;color:var(--muted);border-color:var(--line)}
.muted{color:var(--muted)}
/* Admin und Postausgang */
.adm{background:var(--bg2);padding-block:1.6rem 3rem;min-height:60vh}
.adm-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between;margin-bottom:1.2rem}
.adm-head h1{font-size:1.7rem;font-weight:700}
.adm-kicker{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-h)}
.adm-tabs{display:flex;flex-wrap:wrap;gap:.4rem}
.adm-tabs button{font:inherit;font-weight:600;font-size:.92rem;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:.45rem .85rem;cursor:pointer;min-height:40px;color:var(--fg)}
.adm-tabs button[aria-selected="true"]{background:var(--fg);border-color:var(--fg);color:#fff}
.adm-tabs b{margin-left:.3rem;font-variant-numeric:tabular-nums}
.adm-panel{display:grid;gap:.9rem}
.adm-card{background:#fff;border:1.5px solid var(--line2);border-radius:16px;padding:1.2rem 1.3rem;display:grid;gap:.8rem;min-width:0}
.adm-card h2{font-size:1.1rem;font-weight:700;margin-top:.3rem}
.adm-row{display:flex;flex-wrap:wrap;gap:.8rem 1rem;justify-content:space-between;align-items:flex-start}
.adm-acts{display:flex;flex-wrap:wrap;gap:.4rem}
.adm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
@media(max-width:760px){.adm-grid{grid-template-columns:1fr 1fr}}
.adm-grid div{background:var(--bg2);border-radius:10px;padding:.55rem .7rem;display:grid;gap:.1rem;font-size:.9rem;min-width:0;overflow-wrap:anywhere}
.adm-grid b{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.adm-more summary{cursor:pointer;font-weight:600;font-size:.92rem}
.adm-check{padding-left:1.2rem;margin:.5rem 0;font-size:.9rem;display:grid;gap:.15rem}
.code{background:#1f1b1d;color:#f3ece8;border-radius:10px;padding:.9rem;font-size:.78rem;line-height:1.45;overflow-x:auto;max-height:320px;margin:.6rem 0 0;white-space:pre}
.spill{display:inline-block;font-size:.75rem;font-weight:700;border-radius:999px;padding:.15rem .6rem}
.spill.todo{background:var(--accent-soft);color:var(--accent-h)}
.spill.wait{background:#fff3cd;color:#7a5200}
.spill.ok{background:var(--ok-soft);color:var(--ok)}
.spill.no{background:#f1eeec;color:var(--muted)}
.adm-table{width:100%;border-collapse:collapse;font-size:.9rem;display:block;overflow-x:auto}
.adm-table th,.adm-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line2);vertical-align:top}
.adm-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;overflow-wrap:anywhere}
.imp-rep h3{font-size:1rem;margin:.8rem 0 .3rem}
.imp-rep ul{padding-left:1.2rem;display:grid;gap:.15rem;font-size:.9rem}
.imp-rep ul ul{margin-top:.15rem;color:var(--muted)}
#post-list{display:grid;gap:.6rem}
.mailc{background:#fff;border:1.5px solid var(--line2);border-radius:14px;padding:.85rem 1.1rem}
.mailc summary{cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem}
.mailc summary b{grid-column:1/2;font-size:1rem}
.mail-to{font-size:.84rem;color:var(--muted);overflow-wrap:anywhere}
.mail-t{grid-row:1/3;grid-column:2;font-size:.82rem;color:var(--muted);white-space:nowrap;align-self:center}
.mail-body{font-family:var(--font);white-space:pre-wrap;font-size:.92rem;background:var(--bg2);border-radius:10px;padding:.9rem 1rem;margin:.7rem 0 0;overflow-wrap:anywhere}
.mail-act{margin-top:.7rem}
.okpill{display:inline-block;background:var(--ok-soft);color:var(--ok);font-weight:700;border-radius:999px;padding:.3rem .8rem;font-size:.85rem}
/* Rechtsseiten */
.legal{background:#fff;padding-block:2rem 3rem;border-top:1px solid var(--line2)}
.legal-wrap{max-width:800px}
.legal h1{font-size:1.9rem;font-weight:700;margin-bottom:.6rem}
.legal h2{font-size:1.15rem;font-weight:700;margin:1.6rem 0 .4rem}
.legal p{max-width:68ch;margin-bottom:.6rem}
.legal mark{background:#fff1a8;color:inherit;padding:0 .15rem;border-radius:3px}
.legal-draft{background:#fff8e6;border:1px solid #f0dfb0;border-radius:10px;padding:.7rem 1rem;font-size:.9rem;color:#6b5300;margin-bottom:1.2rem!important;max-width:none!important}
.legal-brand{font-size:1.02rem}
.legal-note{color:var(--muted);font-size:.85rem}
.legal-toc ol{columns:2;column-gap:2rem;padding-left:1.2rem;font-size:.92rem;margin:.6rem 0 0}
@media(max-width:560px){.legal-toc ol{columns:1}}
.legal-toc a{color:var(--accent-h)}
.legal a{color:var(--accent-h)}
.foot .brandline{margin-top:.4rem;font-size:.85rem}

/* Mehrseitige Fassung, 05.11.2026 */
:root{--navy:#3B1F2B;--navy-ink:#24121a;--coral:#E4572E}
a.card{text-decoration:none}
.crumbs-bar{background:var(--bg2);border-bottom:1px solid var(--line2)}
.crumbs-bar .wrap{padding-block:.7rem;font-size:.88rem;color:var(--muted)}
.crumbs-bar a{color:var(--accent-h)}
.stelle-seite{background:var(--bg2);padding-block:1.4rem 3rem}
.stelle-seite .detail{position:static;max-height:none;max-width:900px;margin:0 auto}
.stelle-seite .back{display:none}
.testleiste .pb-n:empty{display:none}
.seite-404{padding-block:4rem;text-align:center}
.seite-404 h1{font-size:2rem;margin-bottom:.6rem}
.seite-404 p{color:var(--muted);margin-bottom:1.2rem}
.dhead h1{font-size:1.4rem;font-weight:700;line-height:1.3}
.dbody h2{font-size:1.05rem;font-weight:700;margin-bottom:.45rem}
.h1gross{font-size:1.7rem;font-weight:700}
.testleiste .btn-test{font:inherit;color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:.3rem .7rem;min-height:32px;display:inline-flex;align-items:center}
.testleiste .btn-test:hover{background:rgba(255,255,255,.2)}
#postausgang,#pruefliste{scroll-margin-top:90px}

/* Startseite (Vorseite): großes Logo, Suche in der Mitte, Einstieg für Arbeitgeber */
.top-start{border-bottom-color:transparent;background:var(--band)}
.top-start .logo{display:none}
.start-hero{background:var(--band);min-height:calc(100vh - 72px - 160px);min-height:calc(100svh - 72px - 160px);display:grid;align-items:center;padding-block:2.5rem 3.5rem;border-bottom:1px solid var(--line2)}
.start-hero .wrap{max-width:860px;width:100%;text-align:center;display:grid;justify-items:center;gap:1rem}
.start-logo{width:min(520px,88vw);height:auto;margin-bottom:.6rem}
.start-hero h1{font-size:clamp(1.45rem,3.2vw,2.1rem);font-weight:700;color:var(--plum);letter-spacing:-.01em}
.start-sub{color:var(--muted);font-size:1.05rem;max-width:40rem}
.start-search{width:100%;grid-template-columns:1.3fr 1fr auto;margin-top:.8rem;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:.5rem;box-shadow:0 10px 30px rgba(59,31,43,.08);text-align:left}
.start-search .field{border-color:transparent;min-height:56px}
.start-search .field+.field{border-left:1.5px solid var(--line2);border-radius:0 10px 10px 0}
.start-search .field:focus-within{border-color:var(--accent)}
.start-search .btn{min-height:56px;padding-inline:1.6rem;font-size:1.02rem}
@media(max-width:700px){.start-search{grid-template-columns:1fr;gap:.4rem}.start-search .field+.field{border-left:0;border-top:1.5px solid var(--line2);border-radius:10px}}
.start-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;margin-top:.4rem;font-size:.92rem}
.start-chips span{color:var(--muted);margin-right:.2rem}
.start-chips a{text-decoration:none;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:.35rem .85rem;font-weight:600;color:var(--fg);min-height:36px;display:inline-flex;align-items:center;transition:border-color .15s,color .15s,background .15s}
.start-chips a:hover{border-color:var(--accent);color:var(--accent-h);background:var(--accent-soft)}
.start-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin-top:.8rem;color:var(--muted);font-size:.92rem}
.start-facts li{display:flex;align-items:center;gap:.45rem}
.start-facts li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.start-facts b{color:var(--fg)}

/* Arbeitgeber: Logo nur bei AO-Kunden, sonst Initialen */
.lg.lg-bild{background:#fff!important;border:1.5px solid var(--line2);padding:6px;overflow:hidden}
.lg.lg-bild img{width:100%;height:100%;object-fit:contain;display:block}
.ag-uebersicht{background:var(--bg2);padding-block:2rem 3rem}
.ag-uebersicht h1{font-size:1.8rem;font-weight:700;color:var(--plum)}
.agu-sub{color:var(--muted);margin-top:.4rem;max-width:44rem}
.agk-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;margin-top:1.4rem}
.agk{display:grid;grid-template-columns:64px minmax(0,1fr);gap:1rem;align-items:center;background:#fff;border:1.5px solid var(--line2);border-radius:14px;padding:1rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.agk:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(59,31,43,.07)}
.agk .lg{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:1.05rem}
.agk-body{display:grid;gap:.2rem;min-width:0;justify-items:start}
.agk h2{font-size:1.02rem;font-weight:700;overflow-wrap:anywhere}
.agk-sub{color:var(--muted);font-size:.9rem}
.agk-n{color:var(--accent-h);font-weight:700;font-size:.9rem}
.ag-kopf{background:var(--band);border-bottom:1px solid var(--line2);padding-block:1.8rem}
.ag-kopf .wrap{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:1.2rem;align-items:center}
.ag-kopf .lg{width:96px;height:96px;border-radius:18px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:1.5rem}
.ag-kopf .lg.lg-bild{padding:10px}
.ag-titel{display:grid;gap:.25rem;justify-items:start;min-width:0}
.ag-titel h1{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;color:var(--plum);overflow-wrap:anywhere}
.ag-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem}
@media(max-width:760px){.ag-kopf .wrap{grid-template-columns:72px minmax(0,1fr)}.ag-kopf .lg{width:72px;height:72px;font-size:1.2rem}.ag-knoepfe{grid-column:1/-1}}
.ag-inhalt{background:var(--bg2);padding-block:1.6rem 3rem}
.ag-raster{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.4rem;align-items:start}
@media(max-width:900px){.ag-raster{grid-template-columns:1fr}}
.ag-haupt h2{font-size:1.2rem;font-weight:700;margin-bottom:.8rem}
.ag-seite{display:grid;gap:.8rem}
.ag-box{background:#fff;border:1.5px solid var(--line2);border-radius:14px;padding:1.1rem 1.2rem;display:grid;gap:.5rem}
.ag-box h2{font-size:1rem;font-weight:700}
.ag-box p,.ag-box li{color:var(--muted);font-size:.94rem}
.ag-box ul{padding-left:1.1rem;display:grid;gap:.2rem}

/* Partner: Übersicht und Partnerbeitrag (keine Werbebanner) */
.pk-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.9rem;margin-top:1.4rem}
.pk{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1.1rem;align-items:start;background:#fff;border:1.5px solid var(--line2);border-radius:16px;padding:1.2rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.pk:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(59,31,43,.07)}
.pk-logo{display:grid;place-items:center;width:110px;height:92px;background:#fff;border:1.5px solid var(--line2);border-radius:14px;padding:12px}
.pk-logo img{max-width:100%;max-height:100%;object-fit:contain}
.pk-logo.gross{width:100%;height:130px;padding:18px}
.pk-body{display:grid;gap:.3rem;min-width:0}
.pk-art{font-size:.8rem;font-weight:700;color:var(--muted)}
.pk h2{font-size:1.1rem;font-weight:700}
.pk p{color:var(--muted);font-size:.93rem}
.pk-mehr{color:var(--accent-h);font-weight:700;font-size:.92rem;margin-top:.2rem}
@media(max-width:480px){.pk{grid-template-columns:1fr}.pk-logo{width:100%}}
.pb{background:var(--bg2);padding-block:1.8rem 3rem}
.pb-raster{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.6rem;align-items:start}
@media(max-width:900px){.pb-raster{grid-template-columns:1fr}}
.pb-text{background:#fff;border:1.5px solid var(--line2);border-radius:16px;padding:clamp(1.2rem,3vw,2.2rem);min-width:0}
.pb-text h1{font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:700;color:var(--plum);line-height:1.2;margin:.4rem 0 .9rem}
.pb-text h2{font-size:1.25rem;font-weight:700;margin:1.8rem 0 .6rem}
.pb-text p{max-width:68ch;margin-bottom:.7rem}
.pb-lead{font-size:1.08rem;color:var(--fg)}
.pb-hinweis{display:inline-block;font-size:.8rem;font-weight:700;color:var(--muted);background:var(--bg2);border-radius:999px;padding:.2rem .75rem;margin:0!important}
.haken{list-style:none;padding:0;display:grid;gap:.45rem;margin:.4rem 0 .6rem}
.haken li{display:flex;gap:.6rem;align-items:flex-start}
.haken li::before{content:"";flex:none;width:20px;height:20px;margin-top:.15rem;border-radius:50%;background:var(--ok-soft) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="m5 10 3.5 3.5L15 7" fill="none" stroke="%231e6b3a" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/14px no-repeat}
.faq{border:1.5px solid var(--line2);border-radius:12px;padding:.8rem 1rem;margin-bottom:.5rem}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:.6rem 0 0!important;color:var(--muted)}
.pb-karte{justify-items:center;text-align:center}
.pb-karte .btn{width:100%}
.pb-kontakt{list-style:none;padding:0!important}
.pb-kontakt a{color:var(--accent-h)}
.pk-logo img{width:auto;height:auto}
.pk-logo.gross{height:auto}
.pk-logo.gross img{height:94px;width:auto;max-width:100%}
.pb-hinweis{border-radius:10px}

/* Server-Betrieb: Testleiste und Testhinweise ausblenden */
html.server .testleiste,html.server .nur-test{display:none!important}
/* Formulare im Arbeitgeberbereich, Verwaltung und Profil */
.kbereich{background:var(--bg2);padding-block:2rem 3rem;min-height:60vh}
.kbereich h1{font-size:1.8rem;font-weight:700;color:var(--plum)}
.k-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem;align-items:start}
.k-raster.k-breit{grid-template-columns:minmax(0,1fr) 340px}
@media(max-width:900px){.k-raster,.k-raster.k-breit{grid-template-columns:1fr}}
.k-schmal{max-width:420px;margin-top:1rem}
.kform{display:grid;gap:.75rem}
.kform h2{font-size:1.15rem;font-weight:700;margin-top:.4rem}
.kform label{display:block;font-weight:600;font-size:.94rem}
.kform label>input:not([type=checkbox]),.kform label>select,.kform label>textarea{display:block;margin-top:.3rem}
.kform label>.ab-sub{display:block;margin-top:.3rem}
.kform input:not([type=checkbox]),.kform select,.kform textarea{font:inherit;font-weight:400;border:1.5px solid var(--line);border-radius:10px;padding:.6rem .75rem;min-height:46px;background:#fff;color:var(--fg);width:100%}
.kform input:focus,.kform select:focus,.kform textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.kform .bad{border-color:#b3261e!important}
.kform .pf-check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}
.kform .pf-check input{width:20px;height:20px;margin-top:.15rem;flex:none;accent-color:var(--accent)}
.kform .opt{font-weight:400;color:var(--muted)}
.kf-zwei{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.kf-drei{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}
@media(max-width:620px){.kf-zwei,.kf-drei{grid-template-columns:1fr}}
.kf-berufe{border:0;padding:0;margin:0;display:grid;gap:.4rem}
.kf-berufe legend{font-weight:600;font-size:.94rem;margin-bottom:.4rem}
.kf-hinweis{background:var(--ok-soft);color:var(--ok);border-radius:10px;padding:.7rem 1rem;font-weight:600;margin-top:1rem}
.kliste{display:grid;gap:.8rem}
.kprofil h3{font-size:1.1rem;font-weight:700}
.gw-raster{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.4rem;align-items:start}
@media(max-width:900px){.gw-raster{grid-template-columns:1fr}}
.gw-form{margin-top:1.2rem}
.gw-quals{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem}
.gw-sperren{list-style:none;padding:0;display:grid;gap:.4rem}
.gw-sperren li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:var(--bg2);border-radius:10px;padding:.4rem .5rem .4rem .9rem}
.gw-sperren small{color:var(--muted)}
.start-gw{margin-top:.2rem;color:var(--muted)}
.start-gw a{color:var(--accent-h);font-weight:700}

/* Merkliste und Teilen (06.11.2026) */
.card-w{position:relative}
.card-w>.save{position:absolute;top:.75rem;right:.75rem;width:40px;height:40px;display:grid;place-items:center;border-radius:8px;color:var(--fg);background:none;border:0;cursor:pointer;padding:0}
.card-w>.save:hover{background:var(--bg2)}
.card-w>.save:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.save[aria-pressed="true"],.icon-btn.merk[aria-pressed="true"]{color:var(--accent)}
.save[aria-pressed="true"] svg,.icon-btn.merk[aria-pressed="true"] svg{fill:currentColor}
.icon-btn.merk[aria-pressed="true"]{border-color:var(--accent)}
.merk-leer{background:#fff;border:1.5px dashed var(--line);border-radius:14px;padding:1.2rem;display:grid;gap:.8rem;justify-items:start}
.gbp-toast{position:fixed;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));transform:translate(-50%,1rem);max-width:calc(100vw - 2rem);background:var(--fg);color:#fff;font-weight:600;font-size:.92rem;padding:.65rem 1rem;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:300;overflow-wrap:anywhere}
.gbp-toast.an{opacity:1;transform:translate(-50%,0)}

/* Stelle schalten: Abschnittsüberschriften ohne legend (Safari setzte sie auf den Rahmen), gleich hohe Felder (06.11.2026) */
.pf-sec-h{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;line-height:1.3;margin:0 0 .2rem}
.pf-sec-h span{flex:none;width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent-h);display:grid;place-items:center;font-size:.9rem}
.pf-sec label{align-content:start}
/* Felder nebeneinander: Eingabefelder bündig unten, auch wenn eine Beschriftung zweizeilig ist */
.pf-row>label{align-content:end}
.pf-row>label:has(input[type=file]){align-content:start}
.pf-gehalt{grid-template-columns:1fr 1fr 1fr}
@media(max-width:600px){.pf-gehalt{grid-template-columns:1fr}}
.pf-mini .benefits li.empty{background:none;color:var(--muted);font-weight:400;font-style:italic;font-size:inherit;padding:0;margin-left:0;border-radius:0}