/* === VerDiCon Seitenlayout (.vdc-page) – für Seiten, die im visuellen Editor bearbeitbar bleiben === */
body:has(.vdc-page) .entry-header{display:none}
.vdc-page{--brand:#0e25fb;--ink:#10131f;--muted:#5b6175;--line:#dde0ea;--soft:#f5f6fa;--r:6px;--mono:ui-monospace,Consolas,"Courier New",monospace;color:var(--ink);font-size:17px;line-height:1.5}
.vdc-page *{box-sizing:border-box}
.vdc-page > div{margin-bottom:56px}
.vdc-page h1,.vdc-page h2,.vdc-page h3{color:var(--ink);line-height:1.08;letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px}
.vdc-page p{margin:0 0 8px}
.vdc-page a{text-decoration:none!important}
.vdc-page .vdc-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.vdc-page .vdc-hero h1{font-size:clamp(38px,5.2vw,60px);font-weight:900}
.vdc-page .vdc-hero h1 strong,.vdc-page .vdc-hero h1 em{color:var(--brand);font-style:normal;font-weight:900}
.vdc-page .vdc-lead{font-size:20px;color:var(--muted);max-width:52ch;margin:16px 0 26px}
.vdc-page .vdc-buttons{display:flex;gap:12px;flex-wrap:wrap}
.vdc-page .vdc-buttons a{display:inline-block;font-weight:700;padding:12px 22px;border-radius:var(--r);font-size:16px;border:2px solid var(--brand);color:var(--brand);background:#fff}
.vdc-page .vdc-buttons a:first-child{background:var(--brand);color:#fff}
.vdc-page .vdc-buttons a:hover{opacity:.88}
.vdc-page h2{font-size:clamp(28px,3.4vw,38px);font-weight:700;margin-bottom:22px}
.vdc-page .vdc-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vdc-page .vdc-cols > div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:var(--r);padding:20px}
.vdc-page .vdc-cols h3{font-size:24px;font-weight:700}
.vdc-page .vdc-cols p{color:var(--muted);font-size:15.5px;margin:0}
.vdc-page .vdc-panel{background:var(--soft);border-radius:var(--r);padding:32px 28px}
.vdc-page .vdc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vdc-page .vdc-cards > div{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;transition:border-color .15s}
.vdc-page .vdc-cards > div:hover{border-color:var(--brand)}
.vdc-page .vdc-cards p{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.vdc-page .vdc-cards h3{font-size:19px;font-weight:700;margin:4px 0 0}
.vdc-page .vdc-cards h3 a{color:var(--ink);font-weight:700}
.vdc-page .vdc-cards h3 a::after{content:"";position:absolute;inset:0}
.vdc-page .vdc-steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.vdc-page .vdc-steps > div{padding:18px 16px;border-right:1px solid var(--line)}
.vdc-page .vdc-steps > div:last-child{border-right:0}
.vdc-page .vdc-steps h3{font-size:20px;font-weight:700;margin:0 0 4px}
.vdc-page .vdc-steps h3::before{display:block;font-family:var(--mono);font-size:12px;font-weight:400;color:var(--brand);margin-bottom:4px}
.vdc-page .vdc-steps > div:nth-child(1) h3::before{content:"01"}
.vdc-page .vdc-steps > div:nth-child(2) h3::before{content:"02"}
.vdc-page .vdc-steps > div:nth-child(3) h3::before{content:"03"}
.vdc-page .vdc-steps > div:nth-child(4) h3::before{content:"04"}
.vdc-page .vdc-steps > div:nth-child(5) h3::before{content:"05"}
.vdc-page .vdc-steps p{color:var(--muted);font-size:15px;margin:0}
.vdc-page .vdc-contact{background:var(--brand);border-radius:var(--r);padding:36px 32px;color:#fff}
.vdc-page .vdc-contact h2{color:#fff;margin-bottom:6px}
.vdc-page .vdc-contact p{opacity:.92;margin-bottom:18px}
.vdc-page .vdc-contact .vdc-buttons a,.vdc-page .vdc-contact .vdc-buttons a:first-child{background:#fff!important;color:var(--brand)!important;border-color:#fff}
@media (max-width:900px){
 .vdc-page .vdc-cols,.vdc-page .vdc-steps{grid-template-columns:1fr}
 .vdc-page .vdc-cards{grid-template-columns:repeat(2,1fr)}
 .vdc-page .vdc-steps > div{border-right:0;border-bottom:1px solid var(--line)}
 .vdc-page .vdc-steps > div:last-child{border-bottom:0}
}
@media (max-width:560px){
 .vdc-page .vdc-panel,.vdc-page .vdc-contact{padding:24px 18px}
}
