@font-face{font-family:'LunchType 22';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/lt22-300.woff2) format('woff2');}@font-face{font-family:'LunchType 22';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lt22-400.woff2) format('woff2');}@font-face{font-family:'LunchType 22';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/lt22-500-700.woff2) format('woff2');}@font-face{font-family:'LunchType 24 Expanded';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/lt24exp-300.woff2) format('woff2');}@font-face{font-family:'LunchType 24 Expanded';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lt24exp-400.woff2) format('woff2');}@font-face{font-family:'LunchType 24 Expanded';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/lt24exp-500-700.woff2) format('woff2');}
:root{--ink:#202521;--muted:#606a63;--green:#6db43e;--green-dark:#4c6e23;--paper:#f5f6f5;--soft:#edf0ed;--line:#dde3de;--white:#fff;--max:1210px}
*{box-sizing:border-box;min-width:0}html,body{overflow-x:hidden} html{scroll-behavior:smooth} body{margin:0;font:16px/1.6 'LunchType 22','Helvetica Neue',Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit} .wrap{width:min(var(--max),calc(100% - 88px));margin:auto}
.preview{padding:7px 15px;text-align:center;background:#eef1ee;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#647068}
header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20} .head{height:80px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none} .brand img{width:165px} .bar{height:28px;width:1px;background:#cbd2cc} .interim{font-weight:900;letter-spacing:.12em;color:#4c6e23;font-size:19px}
nav{margin-left:auto;display:flex;gap:24px} nav a{text-decoration:none;font-size:13px;font-weight:700;color:#566058} .btn{font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;display:inline-flex;justify-content:center;align-items:center;border-radius:6px;padding:13px 18px;font-size:13px;font-weight:900;text-decoration:none;border:1px solid transparent} .primary{background:var(--green);color:#ffffff} .secondary{background:#fff;border-color:#bac6bc;color:#4c6e23} .menu{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 11px}
.hero{padding:82px 0 64px;background:linear-gradient(145deg,#fff 62%,#f1f3f1 100%)} .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:66px;align-items:center}
.kicker{font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--green-dark)} .kicker:before{content:"";display:inline-block;width:28px;height:2px;background:var(--green);margin-right:10px;vertical-align:middle}
h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.035em;font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;font-weight:700} h1{font-size:clamp(48px,5.1vw,72px);margin:20px 0 24px} h1 em{font-style:normal;color:var(--green)} .lead{font-size:19px;color:#4e5951;max-width:690px} .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.hero-note{margin-top:17px;font-size:12px;color:#6b756e} .hero-panel{background:#eef1ef;border:1px solid #d9dfda;border-radius:6px;padding:29px} .hero-panel h2{font-size:35px;margin:13px 0 23px}
.quick{display:grid;gap:9px} .quick a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #dce2dd;border-radius:6px;padding:14px 15px;text-decoration:none} .qnum{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8f2df;color:var(--green-dark);font-weight:900;font-size:11px} .quick b{font-size:14px} .quick span.txt{display:block;font-size:11px;color:var(--muted);margin-top:2px} .arrow{color:var(--green-dark);font-weight:900}
.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}     
section{padding:94px 0} .alt{background:var(--paper)} .sectionhead{max-width:820px;margin-bottom:40px} .sectionhead h2{font-size:clamp(36px,4vw,50px);margin:16px 0 14px} .sectionhead p{font-size:17px;color:var(--muted);margin:0}
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:15px} .model{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column} .model-top{padding:23px 25px;background:#e6eae5;border-bottom:1px solid #d3dad4;min-height:136px;display:flex;flex-direction:column;justify-content:space-between} .model-top small{font-weight:900;letter-spacing:.12em;color:var(--green-dark)} .model-top h3{font-size:29px;margin:0} .model-body{padding:25px;display:flex;flex-direction:column;flex:1} .model .trigger{font-size:18px;font-weight:900;line-height:1.3;margin-bottom:12px} .model p{font-size:14px;color:var(--muted);margin:0 0 18px} .model ul{margin:0 0 23px;padding:0;list-style:none} .model li{font-size:12px;padding:7px 0;border-top:1px solid #edf0ed} .model li:before{content:"✓";color:var(--green-dark);font-weight:900;margin-right:8px} .model .link{margin-top:auto;color:var(--green-dark);font-weight:900;font-size:13px;text-decoration:none}
.proof-section{background:#fff} .proof-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:start} .proof-copy h2{font-size:49px;margin:16px 0} .proof-copy p{color:var(--muted);font-size:17px} .statement{margin-top:28px;padding:20px 0;border-block:1px solid var(--line);font-size:21px;font-weight:900;line-height:1.35;color:#4c6e23}
.proofcards{display:grid;grid-template-columns:1fr 1fr;gap:10px} .proofcard{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:20px} .proofcard b{display:block;font-size:14px;margin-bottom:6px} .proofcard p{font-size:12px;color:var(--muted);margin:0} .proofcard.wide{grid-column:1/-1;background:#edf1ee}
.fields3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px} .fieldcard{border-top:3px solid var(--green);padding:27px;background:#fff;border-radius:0 0 6px 6px;box-shadow:0 8px 24px -24px #222} .fieldcard h3{font-size:clamp(22px,2vw,26px);margin-bottom:14px;text-wrap:balance} .fieldcard p{font-size:14px;color:var(--muted);margin:0 0 4px} .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:22px;align-content:start}
.fieldcard{display:flex;flex-direction:column} .chips span{font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;font-size:10.5px;letter-spacing:.04em;padding:0 4px;line-height:27px;background:#f1f7ec;border:1px solid #d9e7cd;border-radius:3px;color:var(--green-dark);text-align:center;white-space:nowrap}
.situations{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)} .situation{padding:29px 28px 26px 0;border-bottom:1px solid var(--line)} .situation+.situation{padding-left:28px;border-left:1px solid var(--line)} .situation q{display:block;font-size:23px;font-weight:900;line-height:1.28;quotes:"„" "“";margin-bottom:13px} .situation p{font-size:13px;color:var(--muted)} .situation b{font-size:12px;color:var(--green-dark)}
.caseexamples{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.caseexample{background:#fff;border:1px solid var(--line);border-radius:6px;padding:25px}.caseexample small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--green-dark);margin-bottom:16px}.caseexample h3{font-size:24px;margin-bottom:12px}.caseexample p{font-size:13px;color:var(--muted);margin:0 0 16px}.caseexample .result{border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:#4d4d4d;font-weight:800}.example-note{font-size:11px;color:#788179;margin-top:15px}.processgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start} .processcopy h2{font-size:48px;margin:16px 0} .processcopy p{font-size:17px;color:var(--muted)} .steps{border-top:1px solid var(--line)} .step{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:21px 0;border-bottom:1px solid var(--line)} .stepnum{font-size:12px;font-weight:900;color:var(--green-dark)} .step h3{font-size:21px;margin-bottom:6px} .step p{font-size:13px;color:var(--muted);margin:0}
.reassure{margin-top:26px;background:#eef1ef;border:1px solid #dbe1dc;border-radius:6px;padding:19px;font-weight:800;font-size:13px}
.contact{background:#f5f6f5} .contactgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:62px} .contact h2{font-size:49px;margin:16px 0} .contactcopy p{color:var(--muted);font-size:17px} .contactpoints{margin-top:27px} .contactpoints div{padding:11px 0;border-top:1px solid var(--line);font-size:13px} .contactpoints b{color:#4c6e23}
form{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px} .question{font-size:14px;font-weight:900;margin-bottom:12px} .radios{display:grid;gap:8px;margin-bottom:22px} .radios label{border:1px solid var(--line);border-radius:6px;padding:12px;font-size:12px;font-weight:800;cursor:pointer} .radios input{margin-right:7px} .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px} .f{display:flex;flex-direction:column;gap:5px} .f.full{grid-column:1/-1} .f label{font-size:11px;font-weight:800} input[type=text],input[type=email],input[type=tel],textarea{padding:12px;border:1px solid #ccd5ce;border-radius:6px;font:inherit} textarea{min-height:96px;resize:vertical} .privacy{font-size:10px;color:#788179;margin:12px 0}
footer{padding:32px 0;border-top:1px solid var(--line);font-size:11px;color:#68726b} .foot{display:flex;align-items:center;justify-content:space-between;gap:25px} .footbrand{display:flex;align-items:center;gap:10px} .footbrand img{width:125px} .footbrand b{letter-spacing:.11em;color:#4c6e23}
@media(max-width:950px){.wrap{width:calc(100% - 48px)} nav,.head>.btn{display:none} .menu{display:block} .hero-grid,.proof-grid,.processgrid,.contactgrid{grid-template-columns:1fr} .models,.fields3{grid-template-columns:1fr 1fr} .trustgrid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)} .head{height:67px} .brand img{width:128px} .interim{font-size:15px} .hero{padding:50px 0} h1{font-size:41px} .lead{font-size:16px} .hero-panel{padding:19px} .hero-panel h2{font-size:29px} .actions .btn{width:100%} .models,.fields3,.situations,.proofcards,.formgrid,.caseexamples{grid-template-columns:1fr} .truststat{padding-left:16px} section{padding:68px 0} .sectionhead h2,.proof-copy h2,.processcopy h2,.contact h2{font-size:36px} .situation,.situation+.situation{padding:23px 0;border-left:0} .proofcard.wide{grid-column:auto} .foot{flex-direction:column;align-items:flex-start}}

.trustbar{background:#fff;border-block:1px solid var(--line);padding:34px 0}

.trustlead{font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;font-size:clamp(16px,1.6vw,19px);line-height:1.45;letter-spacing:-.015em;color:var(--ink);margin-top:10px;max-width:58ch}
.trustlead em{font-style:normal;color:var(--green)}




.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding-top:22px}
.truststat{padding-left:18px;border-left:2px solid var(--green)}
.truststat strong{display:block;font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;font-size:clamp(26px,2.6vw,33px);line-height:1;color:var(--green-dark);letter-spacing:-.04em;margin-bottom:7px}
.truststat span{display:block;font-size:12.5px;color:#5b655d;line-height:1.4;max-width:26ch}
@media(max-width:950px){.trustgrid{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:560px){.trustgrid{grid-template-columns:1fr;gap:20px}}

.vs-wrap{max-width:100%;overflow-x:auto}
.vs{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px}
.vs th,.vs td{text-align:left;vertical-align:top;padding:18px 22px;min-width:0;overflow-wrap:break-word}
.vs thead th{padding-bottom:14px;border-bottom:2px solid var(--ink)}
.vs .vs-c1{width:19%}
.vs .vs-c2,.vs .vs-c3{width:40.5%}
.sr{position:absolute;left:-9999px}
.tag{display:inline-block;font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding:7px 13px;border-radius:4px}
.tag--other{background:#eceeec;color:#7d8781}
.tag--qas{background:var(--green);color:#fff}
.vs tbody th{font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;color:var(--ink);padding-left:0}
.vs tbody tr+tr th,.vs tbody tr+tr td{border-top:1px solid var(--line)}
.vs td.other{color:#949d97;line-height:1.55}
.vs td.qas{color:var(--ink);line-height:1.55;background:#f3f8ef;box-shadow:inset 3px 0 0 var(--green)}
.vs tbody tr:first-child td.qas{border-radius:6px 6px 0 0}
.vs tbody tr:last-child td.qas{border-radius:0 0 6px 6px}
@media(max-width:860px){
  .vs,.vs thead,.vs tbody,.vs tr,.vs th,.vs td{display:block;width:auto}
  .vs thead{display:none}
  .vs tbody tr{padding:20px 0;border-top:1px solid var(--line)}
  .vs tbody tr:first-child{border-top:0}
  .vs tbody th{padding:0 0 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .vs td{padding:0 0 10px}
  .vs td.other:before{content:"Vermittlung: ";color:#b5bcb7}
  .vs td.qas{padding:13px 15px;border-radius:6px}
  .vs tbody tr+tr th,.vs tbody tr+tr td{border-top:0}
}

.statement{margin-top:34px;max-width:62ch;padding:22px 0;border-block:1px solid var(--line);font-family:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif;font-size:clamp(19px,2.2vw,25px);line-height:1.35;letter-spacing:-.025em;color:var(--ink)}
.statement em{font-style:normal;color:var(--green)}
@media(max-width:950px){.compare{grid-template-columns:1fr}}

/* ============ Produktionsfassung: Ergänzungen ============ */
:root{--exp:'LunchType 24 Expanded','Archivo Expanded',Helvetica,Arial,sans-serif}

nav a:hover,.footlinks a:hover{color:var(--green-dark)}
nav{gap:21px}
.menu{display:none;background:none;border:1px solid var(--line);border-radius:6px;font-size:19px;line-height:1;padding:9px 12px;cursor:pointer}
@media(max-width:950px){.menu{display:block;margin-left:auto}}
.mobilenav{display:none;border-top:1px solid var(--line);background:#fff}
.mobilenav.open{display:block}
.mobilenav .wrap{padding:6px 0 14px}
.mobilenav a{display:block;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px;font-weight:700}
.mobilenav .btn{margin-top:14px;width:100%;border-bottom:0}
@media(min-width:951px){.mobilenav{display:none!important}}

.servicelinks{margin-top:28px;display:flex;flex-wrap:wrap;gap:11px 24px;align-items:center;font-size:13.5px}
.servicelinks b{font-family:var(--exp);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.servicelinks a{font-weight:800;color:var(--green-dark);text-decoration:none;border-bottom:1px solid #cfe0bf;padding-bottom:2px}
.servicelinks a:hover{border-bottom-color:var(--green)}

.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.case{background:#fff;border:1px solid var(--line);border-radius:6px;padding:27px;display:flex;flex-direction:column}
.case q{display:block;font-family:var(--exp);font-size:21px;font-weight:700;line-height:1.28;letter-spacing:-.028em;quotes:"„" "“";margin-bottom:14px;text-wrap:balance}
.case>p{font-size:13.5px;color:var(--muted);margin:0 0 18px}
.case .result{margin-top:auto;background:#f3f8ef;border-left:3px solid var(--green);border-radius:0 6px 6px 0;padding:14px 16px;font-size:13px;line-height:1.5}
.case .result b{display:block;font-family:var(--exp);font-size:10.5px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--green-dark);margin-bottom:6px}
@media(max-width:950px){.cases{grid-template-columns:1fr}}

.costband{background:var(--paper);border-block:1px solid var(--line);padding:62px 0}
.costgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.costgrid h2{font-size:clamp(28px,3vw,38px);margin:15px 0 14px}
.costgrid p{color:var(--muted);font-size:16px;margin:0 0 22px}
.costcol{display:flex;flex-direction:column;justify-content:center}
.costlabel{font-family:var(--exp);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green-dark);margin-bottom:14px}
.costfacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:cf;align-content:start}
.costfacts div{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px 20px 21px;position:relative;counter-increment:cf}
.costfacts div::before{content:counter(cf,decimal-leading-zero);font-family:var(--exp);font-size:10.5px;font-weight:900;letter-spacing:.1em;color:var(--green);display:block;margin-bottom:11px}
.costfacts b{display:block;font-family:var(--exp);font-size:15px;font-weight:700;letter-spacing:-.015em;color:var(--ink);margin-bottom:7px;line-height:1.25}
.costfacts span{display:block;font-size:13px;line-height:1.55;color:var(--muted)}

@media(max-width:950px){.costgrid{grid-template-columns:1fr;gap:30px}}





.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.55;color:var(--muted);margin:2px 0 18px}
.consent input{margin-top:3px;flex:0 0 auto}
.consent a{color:var(--green-dark);font-weight:700}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formnote{font-size:11.5px;color:#788179;margin:14px 0 0}

.footlinks{display:flex;gap:19px;flex-wrap:wrap}
.footlinks a{text-decoration:none;font-weight:700}
@media(max-width:640px){.foot{flex-direction:column;align-items:flex-start;gap:16px}}

.danke{padding:110px 0 120px}
.danke h1{font-size:clamp(36px,4.4vw,56px);margin:20px 0 20px}
.danke p{font-size:17px;color:var(--muted);max-width:60ch}
.danke .box{margin-top:30px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:24px}
.danke .box b{color:var(--green-dark)}

/* ============ Unterseiten ============ */
.subhero{padding:52px 0 54px;background:linear-gradient(145deg,#fff 60%,#f1f3f1 100%)}
.subhero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
.subhero h1{font-size:clamp(36px,4.1vw,56px);margin:18px 0 20px}
.subhero h1 em{font-style:normal;color:var(--green)}
.crumb{font-size:12px;color:var(--muted);margin-bottom:14px}
.crumb a{text-decoration:none;color:var(--muted)}
.crumb a:hover{color:var(--green-dark)}
.crumb span{margin:0 7px;color:#c3cdc5}
.subpanel{background:#eef1ef;border:1px solid #d9dfda;border-radius:6px;padding:26px}
.subpanel b{display:block;font-family:var(--exp);font-size:17px;margin-bottom:14px}
.subpanel ul{margin:0 0 20px;padding-left:19px}
.subpanel li{font-size:13.5px;line-height:1.75;color:#414b44}
.subpanel .btn{width:100%}
@media(max-width:950px){.subhero-grid{grid-template-columns:1fr;gap:32px}}

.tasks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.task{background:#fff;border:1px solid var(--line);border-radius:6px;padding:21px 23px}
.task b{display:block;font-family:var(--exp);font-size:17px;letter-spacing:-.02em;margin-bottom:8px}
.task p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.55}
@media(max-width:760px){.tasks{grid-template-columns:1fr}}

.scopes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.scope{border-top:3px solid var(--green);background:#fff;border-radius:0 0 6px 6px;padding:22px;box-shadow:0 8px 24px -24px #222}
.scope b{display:block;font-family:var(--exp);font-size:16px;margin-bottom:9px}
.scope p{font-size:13px;color:var(--muted);margin:0;line-height:1.55}
@media(max-width:950px){.scopes{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.scopes{grid-template-columns:1fr}}

.args{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.arg{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:22px}
.arg b{display:block;font-family:var(--exp);font-size:16px;margin-bottom:8px;color:var(--green-dark)}
.arg p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.55}
@media(max-width:760px){.args{grid-template-columns:1fr}}

.nextpages{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.nextpage{display:block;background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px;text-decoration:none}
.nextpage:hover{border-color:var(--green)}
.nextpage small{display:block;font-family:var(--exp);font-size:10.5px;font-weight:900;letter-spacing:.12em;color:var(--green-dark);margin-bottom:12px}
.nextpage h3{font-size:24px;margin-bottom:10px}
.nextpage p{font-size:13.5px;color:var(--muted);margin:0 0 14px;line-height:1.55}
.nextpage .go{font-size:13px;font-weight:800;color:var(--green-dark)}
@media(max-width:760px){.nextpages{grid-template-columns:1fr}}

.branchen{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.branchen span{font-family:var(--exp);font-size:11px;letter-spacing:.04em;padding:0 11px;line-height:30px;background:#f1f7ec;border:1px solid #d9e7cd;border-radius:3px;color:var(--green-dark)}
.normgrid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
@media(max-width:860px){.normgrid{grid-template-columns:1fr;gap:26px}}

/* Anführungszeichen abschalten: Glyphen fehlen im Schriftschnitt */
/* Karten-Paar im Bauteil der Startseite */
.fields2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.fields2:has(> .fieldcard:only-child){grid-template-columns:1fr}
@media(max-width:860px){.fields2{grid-template-columns:1fr}}
.chips.free{gap:7px}
.chips.free span{padding:0 11px}

.scopenote{margin-top:26px;background:#eef1ef;border:1px solid #dbe1dc;border-radius:6px;padding:20px 22px;font-size:13.5px;line-height:1.6;color:#4a544c}
.scopenote b{display:block;font-family:var(--exp);font-size:15px;color:var(--ink);margin-bottom:7px}

/* Einheitliche Höhen in mehrspaltigen Blöcken */
.model-top h3{text-wrap:balance}
.case .result{min-height:116px}
.case q{min-height:56px}
.task p{min-height:66px}
.scope p{min-height:60px}
.arg p{min-height:62px}
.nextpage p{min-height:84px}
.costfacts div{min-height:150px}
@media(max-width:950px){
  .model-top{min-height:0}
  .case .result,.case q,.task p,.scope p,.arg p,.nextpage p,.costfacts div{min-height:0}
}

/* ============ Kopf und Fuß nach NADCAP-Vorbild ============ */
:root{--green-light:#8ec96a;--line-2:#d7ddd8}

.metabar{background:#ebecec;border-bottom:1px solid var(--line)}
.metabar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:40px;font-size:13px;color:var(--muted)}
.metabar .cities{letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metabar .meta-right{display:flex;align-items:center;gap:22px;white-space:nowrap}
.metabar a{color:var(--muted);text-decoration:none}
.metabar a:hover{color:var(--green-dark)}
@media(max-width:860px){.metabar .cities{display:none}.metabar__inner{justify-content:flex-end}}
@media(max-width:520px){.metabar .meta-right{gap:14px;font-size:12px}}

.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:2px solid var(--green)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:84px;gap:22px}
.topbar .brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.topbar .brand img{height:42px;width:auto;object-fit:contain}
.topbar .brand .sep{width:1px;height:30px;background:var(--line-2)}
.topbar .brand .dom{font-family:var(--exp);font-weight:600;font-size:14px;color:var(--muted);letter-spacing:.01em;white-space:nowrap}
.topbar .brand .dom b{color:var(--green);font-weight:700}
.navtoggle{display:none;background:none;border:none;cursor:pointer;color:var(--ink);padding:6px;line-height:0}
.topnav{display:flex;align-items:center;gap:20px}
.topnav a{color:var(--ink);font-size:14px;font-weight:400;text-decoration:none;white-space:nowrap}
.topnav a:hover{color:var(--green-dark)}
.topnav .btn{padding:11px 18px;white-space:nowrap}
@media(max-width:1100px){
  .navtoggle{display:flex}
  .topbar__inner{position:relative}
  .topnav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 44px -26px rgba(0,0,0,.3);padding:8px 0;display:none}
  .topnav.open{display:flex}
  .topnav a:not(.btn){display:block;padding:14px 30px;font-size:16px;border-bottom:1px solid var(--soft)}
  .topnav .btn{margin:12px 30px;justify-content:center}
  .topbar .brand .dom{display:none}
}

.sitefooter{background:#565656;color:#c9cac8;padding:64px 0 30px;font-size:14px;border-top:3px solid var(--green)}
.sitefooter a{color:#c9cac8;display:block;padding:5px 0;text-decoration:none}
.sitefooter a:hover{color:var(--green-light)}
.sitefooter h4{font-family:var(--exp);color:#fff;font-size:14px;font-weight:600;margin-bottom:16px}
.footer__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer__top p{max-width:38ch;line-height:1.6}
.sitefooter .flogo{margin-bottom:14px;display:flex;align-items:center;gap:12px}
.sitefooter .flogo img{height:30px;width:auto;filter:brightness(0) invert(1);opacity:.95}
.sitefooter .flogo b{font-family:var(--exp);font-size:13px;letter-spacing:.14em;color:var(--green-light)}
.sitefooter .locs{list-style:none;font-size:13px;line-height:1.5;color:#c9cac8;margin:0;padding:0}
.sitefooter .locs li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.sitefooter .locs .txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.sitefooter .locs li:last-child{border-bottom:none}
.sitefooter .locs b{font-family:var(--exp);font-weight:600;color:#fff}
.sitefooter .locs .tel{color:#a9aaa8;white-space:nowrap;font-size:12.5px}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#a9aaa8}
.footer__bottom a{display:inline}
@media(max-width:980px){.footer__top{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:620px){.footer__top{grid-template-columns:1fr}}

@media(max-width:620px){.costfacts{grid-template-columns:1fr}}

@media(max-width:1100px){.topnav a{white-space:normal}}

/* Referenzen */
.refs{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ref{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px 30px}
.reftop{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px}
.reftag{font-family:var(--exp);font-size:10.5px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#fff;background:var(--green);border-radius:3px;padding:0 10px;line-height:24px}
.refmeta{font-size:12px;color:var(--muted);letter-spacing:.02em}
.ref h3{font-size:22px;line-height:1.25;margin-bottom:16px;text-wrap:balance}
.ref p{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.ref p:last-child{margin-bottom:0}
.ref p b{color:var(--ink);font-family:var(--exp);font-size:12px;letter-spacing:.02em}
@media(max-width:860px){.refs{grid-template-columns:1fr}}

/* Standorte auf der Kontaktseite */
.standorte{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ort{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px 20px}
.ort b{display:block;font-family:var(--exp);font-size:16px;margin-bottom:6px}
.ort a{font-size:13.5px;color:var(--green-dark);text-decoration:none;font-weight:700}
.ort a:hover{text-decoration:underline}
@media(max-width:980px){.standorte{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.standorte{grid-template-columns:1fr}}
.h1sub{display:block;font-size:.46em;line-height:1.25;letter-spacing:-.01em;color:var(--muted);margin-top:14px;font-weight:500}

/* FAQ-Blöcke */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:19px 46px 19px 22px;position:relative;font-family:var(--exp);font-size:15.5px;font-weight:700;letter-spacing:-.015em;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:20px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--green),var(--green)) center/14px 2px no-repeat,linear-gradient(var(--green),var(--green)) center/2px 14px no-repeat}
.faq details[open] summary::after{background:linear-gradient(var(--green),var(--green)) center/14px 2px no-repeat}
.faq details[open] summary{color:var(--green-dark)}
.faq .a{padding:0 22px 20px;font-size:13.5px;line-height:1.65;color:var(--muted)}
.faq .a p{margin:0 0 10px}
.faq .a p:last-child{margin:0}
@media(max-width:860px){.faq{grid-template-columns:1fr}}

/* Trust-Siegel */



.kbadge{display:inline-block;font-family:var(--exp);font-size:10.5px;font-weight:900;letter-spacing:.06em;color:#fff;background:#1f9c55;border-radius:3px;padding:0 7px;line-height:20px;vertical-align:middle}






.scopelink{display:inline-block;margin-top:10px;font-weight:800;color:var(--green-dark);text-decoration:none}
.scopelink:hover{text-decoration:underline}

.footer__legal{padding:20px 0 0;font-size:11.5px;line-height:1.6;color:#a9aaa8;max-width:110ch}
.footer__legal a{display:inline;padding:0;color:#c9cac8;text-decoration:underline;text-underline-offset:2px}

.scopes{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}

.sectionhead p .formel{display:inline-block;font-family:var(--exp);color:var(--green-dark);font-weight:800;background:#f1f7ec;border:1px solid #d9e7cd;border-radius:4px;padding:1px 9px;margin:0 2px}

/* ===== Piktogramm-Variante (nur body.pikto) ===== */
.pikto .mico{vertical-align:-3px;margin-right:7px;color:var(--green)}
.pikto .tico{display:block;color:var(--green);margin-bottom:10px}
.pikto .fico{width:54px;height:54px;border-radius:50%;background:#f1f7ec;display:flex;align-items:center;justify-content:center;color:var(--green-dark);margin-bottom:16px}
.pikto .chips.plaketten span{padding:0 13px;background:#fff;border:1px solid #d6e3cb;border-left:3px solid var(--green);color:var(--ink);font-weight:800;border-radius:3px}
.pikto .branchenleiste{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.pikto .bl-head{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:22px}
.pikto .bl-head p{margin:0;color:var(--muted);font-size:14.5px}
.pikto .branchenleiste ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.pikto .branchenleiste li{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px 10px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px}
.pikto .branchenleiste li svg{color:var(--green-dark)}
.pikto .branchenleiste li span{font-family:var(--exp);font-size:12px;font-weight:700;line-height:1.3;letter-spacing:-.005em}
.pikto .step{grid-template-columns:56px 1fr}
.pikto .stepnum{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.pikto .sico{width:42px;height:42px;border-radius:50%;background:#f1f7ec;display:flex;align-items:center;justify-content:center;color:var(--green-dark)}
.pikto .snum{font-size:11px;font-weight:900;color:var(--green-dark);letter-spacing:.08em;padding-left:2px}
@media(max-width:1000px){.pikto .branchenleiste ul{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.pikto .branchenleiste ul{grid-template-columns:repeat(2,1fr)}}

/* ===== Lesbarkeit: Überschriften etwas kleiner, Kleinschriften größer ===== */
.hero h1{font-size:clamp(40px,4.4vw,60px)}
.subhero h1{font-size:clamp(34px,3.6vw,50px)}
.kicker{font-size:12px}
.btn{font-size:14px}
.hero-note{font-size:14px}
.qnum{font-size:12px}
.quick b{font-size:16px}
.quick span.txt{font-size:14px;line-height:1.45}
.quick a:hover{border-color:var(--green);box-shadow:0 6px 18px -12px rgba(0,0,0,.35)}
.quick a .arrow{font-size:20px;color:var(--green-dark)}
.model li{font-size:14px}
.model .link{font-size:14px}
.chips span{font-size:11.5px}
.case>p{font-size:15px}
.case .result{font-size:14px}
.case .result b{font-size:11.5px}
.costfacts span{font-size:14px}
.step p{font-size:14.5px}
.reassure{font-size:14px}
.contactpoints div{font-size:14px}
.radios label{font-size:14px}
.f label{font-size:13px}
.consent{font-size:13px}
.consent>span{display:block}
.formnote{font-size:13px}
.crumb{font-size:13px}
.subpanel li{font-size:15px}
.task p,.arg p,.nextpage p,.ref p,.faq .a{font-size:14.5px}
.faq summary{font-size:16px}
.scope p{font-size:14px}
.nextpage .go{font-size:14px}
.scopenote{font-size:14.5px}
.truststat span{font-size:14px}

.vs tbody th{font-size:13px}
.refmeta{font-size:13px}
.ort a{font-size:14px}

.metabar__inner{font-size:13px}
.metabar .meta-right{font-size:13px}
.sitefooter .locs{font-size:13.5px}
.footer__bottom{font-size:13px}
.footer__legal{font-size:12px}
.pikto .branchenleiste li span{font-size:13px}
.pikto .snum{font-size:12px}
/* Beratungsband am Seitenende der Startseite */
.beratungsband{padding:0 0 70px;background:var(--paper)}
.beratungsband .scopenote{margin-top:0}
.pikto .branchenleiste ul{grid-template-columns:repeat(8,1fr)} @media(max-width:1100px){.pikto .branchenleiste ul{grid-template-columns:repeat(4,1fr)}} @media(max-width:560px){.pikto .branchenleiste ul{grid-template-columns:repeat(2,1fr)}}

.abrechnung-details{margin-top:15px}

/* ===== Siegel: Trustpilot und kununu, gleich gebaut ===== */
.trusttop{padding-bottom:24px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.seals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.seal{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);
  border-radius:6px;padding:18px 22px 19px;text-decoration:none;transition:border-color .15s}
.seal:hover{border-color:#b9d2a6}
.seal-img{width:52px;height:68px;border-radius:3px;display:block;flex:0 0 auto}
.seal-row{flex-direction:row;align-items:center;gap:17px}
.seal-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.seal-brand{font-family:var(--exp);font-size:11px;font-weight:900;letter-spacing:.11em;
  text-transform:uppercase;color:var(--green-dark)}
.seal-value{font-family:var(--exp);font-size:20px;font-weight:700;letter-spacing:-.02em;
  color:var(--ink);display:flex;align-items:center;gap:9px;line-height:1.15}
.seal-value .stars{color:#00b67a;font-size:15px;letter-spacing:1.5px}
.seal-note{font-size:12.5px;color:var(--muted)}
.seal-note u{text-decoration-color:#c3cdc5;text-underline-offset:2px}
@media(max-width:560px){.seals{grid-template-columns:1fr}}

/* ===== Kundenlogos (Vorschlag) ===== */
.reflogos{padding:58px 0;background:#fff}
.logorow{list-style:none;margin:6px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(5,1fr);gap:2px 2px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.logorow li{display:flex;align-items:center;justify-content:center;padding:22px 18px;
  background:#fff;box-shadow:0 0 0 1px var(--line)}
.logorow img{max-width:100%;height:32px;width:auto;object-fit:contain;
  filter:grayscale(1) contrast(.9);opacity:.72;transition:opacity .15s}
.logorow li:hover img{opacity:1}
@media(max-width:950px){.logorow{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.logorow{grid-template-columns:repeat(3,1fr)}.logorow li{padding:18px 12px}}
@media(max-width:460px){.logorow{grid-template-columns:repeat(2,1fr)}}


/* Standort-Piktogramme ------------------------------------------------------
   Eine Datei je Stadt, Farbe über currentColor. --pikto-schnitt ist die Farbe
   der Schnittlinien im Motiv und muss dem Untergrund entsprechen, auf dem das
   Piktogramm sitzt. Berlin liegt nur als PNG vor und wird als Maske eingefärbt;
   sobald das SVG da ist, diese drei Zeilen und die Datei entfernen. */
.pikto-ikone,.ort .pikto,.sitefooter .locs .pikto{display:block;flex:none}
.ort .pikto{width:38px;height:38px;margin-bottom:13px;color:var(--green-dark);--pikto-schnitt:var(--white)}
.ort .pikto.leer{visibility:hidden}
.sitefooter .locs .pikto{width:28px;height:28px;color:#d8d9d7;--pikto-schnitt:#565656}
.pikto.berlin{background:currentColor;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyN0VFOEJGOTA5RUYxMUVBODVFQkI1NTc3Qjg4ODNGOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyN0VFOEJGQTA5RUYxMUVBODVFQkI1NTc3Qjg4ODNGOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3RUU4QkY3MDlFRjExRUE4NUVCQjU1NzdCODg4M0Y4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3RUU4QkY4MDlFRjExRUE4NUVCQjU1NzdCODg4M0Y4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qP+ezwAAA5ZJREFUeNrsmz1oFEEYhvcuPybxzsIfVGxEBUGiiIWCknRqoWARBa21ERUsg6SICIIEC0EIgr12ioI/iEQ0io2VnUYU9NSY+J+fSy7J+g75gsOXcNzO5LJ7ufeFl9wwO9m5Z2e+b3Z2LxWGYUC5K0WABEiABEiAFAESIAESIEWABEiABEgRIAESIAFSBEiABEiAFAFWMcD18Cd4At4E9xFgNJ2ED8Ff4b/wGQKMpiXwUXgZfAMeTGIn0wkOL2NwPbwlqfCSDtDoO/wxyR1MOsBxuJ9ZOLouwm8lieyQWHhaEstvjsC5tRfeL58PwC2SfX/Au+Bj8Ep4NbyNAGfrEnxZPo/CebgBbpKpHAjQdrhHsnTsqk0QwIIsmgP5OyWgPghQoz9y0euTcvGTBHBM7jg65S7ErP++wD/hw3LMBXg3PMwkMlu98J4Sj/0mkEc5Av/rkSSMUq5ofxLgJWEEmgRxSpJFQeJeSf2WOGj+Xoc/VyrAVfIlCg5tzYknZV2X8ujDdkk0accZWCMjOowDYKcsdtc5AuyAG+Erjufvhu/D1xzD0QD8LJje6Sk49cAA9HRX6K4cfNCj/XG4x6P9Td/vPx9rqRqPtib2ZT1jaFNMfZ+3LPwKvufYtl8yr6tGJXu7bnf1xpFEDPSz8HJ4RG6zJl3PD2+GTzi2vws/dU0Aknjq4IyUr0bN6C4A62XpsAZuTco9qaceyyAwS6q+cgO09cDaQalUvYc3xLUbk10Eoy8rySyWJHILfmPFoIzKbENWfDTnWmrVTcn21IwaJTyUuvGQV9m4zirn5Zhgjn6Fct5QYvCARwz3BmgycM4q31E7JfvgFfI5JwF/RuYLt1l3IS9lOpWijfBOdR9tZ+KtcLNKNkNWuc26WMMRbiHnfSH9Qi1MW1R9n1X3XNU1q7btEc7bodoeUfXdqr7Vqlur6gbhhrgW0iOqrKfCcJFjp9TyYzzi3qGtCVXOF+lXqELHkA+AhdzVXZQv4aQJJV6AKQLkCIwVYNUDLvcUTi326Z4OqIoByGUMM3a8WZgjkIp3Ic0pzCTCJMIYWG1ZOOQU5rQtK8CMKtcWqdfH1ijAUZ4v62PrVLmxSL/Md7afJmZ9LrTvQyXzdtRDq6wfCnUF0w/gjd6pOvMbuE6r808inNe8O33eKr9W9bfl/8/VL/Oe9TnrIvwKXN/MCvhzV/8YRYAESIAESIAUARIgARIgRYALrn8CDADgGkYTs6PRlwAAAABJRU5ErkJggg==);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyN0VFOEJGOTA5RUYxMUVBODVFQkI1NTc3Qjg4ODNGOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyN0VFOEJGQTA5RUYxMUVBODVFQkI1NTc3Qjg4ODNGOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3RUU4QkY3MDlFRjExRUE4NUVCQjU1NzdCODg4M0Y4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3RUU4QkY4MDlFRjExRUE4NUVCQjU1NzdCODg4M0Y4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qP+ezwAAA5ZJREFUeNrsmz1oFEEYhvcuPybxzsIfVGxEBUGiiIWCknRqoWARBa21ERUsg6SICIIEC0EIgr12ioI/iEQ0io2VnUYU9NSY+J+fSy7J+g75gsOXcNzO5LJ7ufeFl9wwO9m5Z2e+b3Z2LxWGYUC5K0WABEiABEiAFAESIAESIEWABEiABEgRIAESIAFSBEiABEiAFAFWMcD18Cd4At4E9xFgNJ2ED8Ff4b/wGQKMpiXwUXgZfAMeTGIn0wkOL2NwPbwlqfCSDtDoO/wxyR1MOsBxuJ9ZOLouwm8lieyQWHhaEstvjsC5tRfeL58PwC2SfX/Au+Bj8Ep4NbyNAGfrEnxZPo/CebgBbpKpHAjQdrhHsnTsqk0QwIIsmgP5OyWgPghQoz9y0euTcvGTBHBM7jg65S7ErP++wD/hw3LMBXg3PMwkMlu98J4Sj/0mkEc5Av/rkSSMUq5ofxLgJWEEmgRxSpJFQeJeSf2WOGj+Xoc/VyrAVfIlCg5tzYknZV2X8ujDdkk0accZWCMjOowDYKcsdtc5AuyAG+Erjufvhu/D1xzD0QD8LJje6Sk49cAA9HRX6K4cfNCj/XG4x6P9Td/vPx9rqRqPtib2ZT1jaFNMfZ+3LPwKvufYtl8yr6tGJXu7bnf1xpFEDPSz8HJ4RG6zJl3PD2+GTzi2vws/dU0Aknjq4IyUr0bN6C4A62XpsAZuTco9qaceyyAwS6q+cgO09cDaQalUvYc3xLUbk10Eoy8rySyWJHILfmPFoIzKbENWfDTnWmrVTcn21IwaJTyUuvGQV9m4zirn5Zhgjn6Fct5QYvCARwz3BmgycM4q31E7JfvgFfI5JwF/RuYLt1l3IS9lOpWijfBOdR9tZ+KtcLNKNkNWuc26WMMRbiHnfSH9Qi1MW1R9n1X3XNU1q7btEc7bodoeUfXdqr7Vqlur6gbhhrgW0iOqrKfCcJFjp9TyYzzi3qGtCVXOF+lXqELHkA+AhdzVXZQv4aQJJV6AKQLkCIwVYNUDLvcUTi326Z4OqIoByGUMM3a8WZgjkIp3Ic0pzCTCJMIYWG1ZOOQU5rQtK8CMKtcWqdfH1ijAUZ4v62PrVLmxSL/Md7afJmZ9LrTvQyXzdtRDq6wfCnUF0w/gjd6pOvMbuE6r808inNe8O33eKr9W9bfl/8/VL/Oe9TnrIvwKXN/MCvhzV/8YRYAESIAESIAUARIgARIgRYALrn8CDADgGkYTs6PRlwAAAABJRU5ErkJggg==);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
@media(max-width:560px){.ort .pikto{width:32px;height:32px;margin-bottom:10px}
  /* einspaltig gibt es nichts, wozu der freigehaltene Platz ausrichten müsste */
  .ort .pikto.leer{display:none}}


/* Normen-Badges: Platz für zwei Zeilen reservieren, damit die Badges auf allen
   Karten des Rasters auf derselben Linie beginnen statt am Kartenboden zu kleben.
   27px Zeilenhöhe + 2px Rahmen = 29px je Zeile, dazu ein Abstand von 7px. */
.chips{min-height:calc(29px * 2 + 7px + 22px)}   /* zwei Zeilen + Abstand + padding-top */
@media(max-width:900px){.chips{min-height:0}}

/* Leistungskarten der Startseite: die ganze Karte führt weiter, nicht nur der
   Textlink. Die unsichtbare Fläche liegt über der Karte, das Markup bleibt gleich. */
.model{position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}
.model:hover{border-color:var(--green);box-shadow:0 14px 30px -22px #222;transform:translateY(-2px)}
.model .link{border-top:1px solid var(--line);padding-top:15px;font-size:14px}
.model:hover .link{color:var(--green)}
.model .link::after{content:"";position:absolute;inset:0}
@media(hover:none){.model:hover{transform:none;box-shadow:none}}

/* Bleibt in einem Zweispalter die letzte Karte allein in ihrer Reihe, füllt sie
   die Breite aus – sonst entsteht eine Lücke (seit die Preisfaktoren drei sind). */
.costfacts>div:last-child:nth-child(odd),
.tasks>.task:last-child:nth-child(odd){grid-column:1/-1}
/* Die Mindesthöhe hält Karten nebeneinander bündig – bei der vollbreiten
   Einzelkarte erzeugt sie nur Leerraum. */
.tasks>.task:last-child:nth-child(odd) p{min-height:0}
.costfacts>div:last-child:nth-child(odd){min-height:0}


/* Normen und Branchen (Interim): ohne umschließende Karte – der Block stand
   allein in einem Zweispalter und ließ die halbe Breite leer. */
.nb-normen p{color:var(--muted);font-size:15px;margin:14px 0 20px;max-width:880px}
.nb-normen .chips{min-height:0;padding-top:0}
.bl-fuss{margin:22px 0 0;font-size:14px;color:var(--muted)}
.bl-fuss b{color:var(--ink)}

/* ===== Rechtsseiten (Impressum, Datenschutz) ======================== */
.legal{padding:70px 0 90px}
.wrap--text{max-width:800px}
.legal h1{font-size:clamp(38px,4.4vw,56px);margin:16px 0 26px}
.legal h2{font-size:clamp(20px,2vw,24px);margin:40px 0 12px;letter-spacing:-.02em}
.legal p,.legal li{font-size:15px;line-height:1.72;color:#414b44;margin:0 0 13px}
.legal .lead{font-size:17px;color:#4e5951;margin-bottom:8px}
.legal ul{margin:0 0 13px;padding-left:20px}
.legal li{margin-bottom:6px}
.legal a{color:var(--green-dark)}
.legal code{font-size:13.5px;background:#eef1ef;border:1px solid #dfe4e0;border-radius:3px;padding:1px 5px}
.legal .actions{margin-top:44px}
.legal-stand{margin-top:34px;font-size:13px;color:#788179}
.legal .btn.secondary{font-size:14px}

/* ===== Einwilligungsbanner ========================================= */
.cbanner{position:fixed;inset:auto 0 0 0;z-index:9000;display:none;padding:16px}
.cbanner.offen{display:block}
.cbanner__box{max-width:660px;margin:0 auto;background:#fff;border:1px solid #d9dfda;
  border-radius:6px;padding:26px 28px;box-shadow:0 18px 48px -22px rgba(32,37,33,.5)}
.cbanner__box h2{font-size:21px;margin:0 0 10px;letter-spacing:-.02em}
.cbanner__box>p{font-size:13.5px;line-height:1.65;color:#414b44;margin:0 0 16px}
.cbanner__box a{color:var(--green-dark)}
.cbanner__opt{border-top:1px solid #edf0ed;margin-bottom:18px}
.cbanner__zeile{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;
  padding:13px 0;border-bottom:1px solid #edf0ed;cursor:pointer}
.cbanner__zeile input{width:17px;height:17px;margin-top:2px;accent-color:var(--green-dark)}
.cbanner__zeile input:disabled{opacity:.55;cursor:default}
.cbanner__zeile span{font-size:12.5px;line-height:1.55;color:var(--muted)}
.cbanner__zeile b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:2px}
.cbanner__btns{display:flex;gap:9px;flex-wrap:wrap}
.cbanner__btns .btn{flex:1 1 170px;text-align:center;font-size:14px}
@media(max-width:560px){
  .cbanner{padding:10px}
  .cbanner__box{padding:20px}
  .cbanner__btns .btn{flex:1 1 100%}
}

/* Friendly Captcha – an die Formularbreite angepasst */
.frc-captcha{margin:0 0 18px;max-width:100%;border-radius:6px}
.frc-captcha *{font-family:inherit !important}

/* v67 – Rückmeldung Sichtprüfung 05.10.2026 */
/* Berlin-Piktogramm als data-URI: mask-image lädt Bilddateien nur mit CORS – bei lokal geöffneten Dateien fiel es aus */
/* Buttons: Hand-Cursor, Hover und Tastaturfokus. .btn.primary:hover schlägt .topnav a:hover (Text sonst grün auf grün) */
.btn{cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.btn.primary:hover{background:var(--green-dark);color:#fff}
.btn.secondary:hover{border-color:var(--green);color:var(--green-dark)}
.btn:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}
/* Mehrfachauswahl-Hinweis im Formular */
.question .mehrfach{display:block;margin-top:3px;font-family:'LunchType 22','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.radios input{accent-color:var(--green-dark)}

/* === Typografie vereinheitlicht (v73, 06.10.2026, Sammelliste T1–T8) ===
   Steht bewusst am Ende und gilt für alle Seiten. Stufen:
   H1 Unterseiten 50 · Abschnitts-H2 50 · Karten-Überschrift 24 (Einsatzbereich-Kacheln Start 29)
   Kurztitel in Kästen/Listen 17 · Kartentext 15 · Einleitung 17 · Etiketten 12 */
.danke h1,.legal h1{font-size:clamp(34px,3.6vw,50px)}                                   /* T2 */
.contact h2,.processcopy h2,.costgrid h2{font-size:clamp(36px,4vw,50px)}               /* T1 */
.ref h3,.fieldcard h3,.step h3,.nextpage h3{font-size:24px}                             /* T3 */
.arg b,.scope b,.task b,.subpanel b,.costfacts b,.scopenote b{font-size:17px}           /* T3 */
.model p,.model li,.fieldcard p,.scope p,.task p,.arg p,.nextpage p,.ref p,.step p,
.case>p,.subpanel li,.costfacts span,.pikto .bl-head p,.faq .a{font-size:15px}         /* T4 */
.costgrid p{font-size:17px}                                                              /* T5 */
.topnav a.btn{font-weight:900}                                                           /* T6 */
.model-top small,.nextpage small,.reftag,.caseexample small,.costfacts div::before,
.case .result b{font-size:12px}                                                          /* T7 */
.model .trigger{font-family:var(--exp);font-weight:700;letter-spacing:-.02em}           /* T8 */
/* Schmale Bildschirme: lange deutsche Wörter in Überschriften passen sonst nicht in 375 px (v73) */
.fieldcard h3{font-size:clamp(21px,2.2vw,24px)}
@media(max-width:640px){.costgrid h2{font-size:30px}}
@media(max-width:420px){h1,.subhero h1,.danke h1,.legal h1{font-size:30px}
  .sectionhead h2,.contact h2,.processcopy h2,.costgrid h2,.proof-copy h2{font-size:28px}}
@media(max-width:360px){h1,h2,h3,p,q,li,b{overflow-wrap:anywhere;hyphens:auto}}
/* Schriftart je Rolle (v74, U1/U2): Fließtext in der Textschrift, Kurztitel in der Überschriftenschrift */
.trustlead{font-family:'LunchType 22',Helvetica,Arial,sans-serif;font-size:19px;letter-spacing:0;line-height:1.6;color:#4e5951}
.quick b{font-family:var(--exp);font-size:17px;font-weight:700;letter-spacing:-.015em}
@media(max-width:640px){.trustlead{font-size:16px}}

/* ---------- „Nach oben“-Knopf (v78) ---------- */
.nachoben{position:fixed;right:20px;bottom:20px;z-index:8000;width:48px;height:48px;border-radius:50%;border:0;background:var(--green);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px -10px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.nachoben.sichtbar{opacity:1;visibility:visible;transform:none}
.nachoben:hover{background:var(--green-dark)}
.nachoben:focus-visible{outline:3px solid var(--green-dark);outline-offset:3px}
@media(max-width:640px){.nachoben{width:42px;height:42px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.nachoben{transition:none}}
@media print{.nachoben{display:none}}