/* Unterseiten (19.10.2026, erste: /dora-informationsregister-software/). Ergänzt style.css, ändert nichts an der Startseite. */
.crumbs{font-size:14px;color:var(--mist);margin-bottom:22px}
.crumbs a{color:var(--mist);text-decoration:none}
.crumbs a:hover{color:var(--white)}
.crumbs span{margin-inline:8px;color:var(--mist-2)}
.sub-hero .wrap{padding-block:0 88px}
.sub-hero .lede h1{font-size:clamp(40px,5.6vw,72px)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:30px}

.sec{padding-block:96px}
.sec .intro{margin-top:18px;font-size:18px;max-width:none}
.paper .intro{color:var(--ink-2)}
.dark .intro{color:var(--mist)}
.dark{background:var(--navy-0)}

.steps{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;counter-reset:s}
.steps li{counter-increment:s;display:grid;gap:10px;align-content:start;padding-top:22px;border-top:2px solid var(--ochre)}
.steps li::before{content:"0" counter(s);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--ochre)}
.steps h3{font-size:22px}
.steps p{color:var(--mist);font-size:16px}

.shot{margin-top:48px}
.shot .frame-view{aspect-ratio:1900/1030}
.shot .cap{margin-top:24px}

.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 48px;margin:48px 0 0;padding:0;list-style:none}
.feat li{padding-left:16px;border-left:2px solid var(--ochre-deep);color:var(--ink-2);font-size:16px}
.feat b{display:block;color:var(--ink);font-size:17px;margin-bottom:3px}

.scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.scope div{background:var(--navy-2);border-radius:14px;padding:22px 22px 24px;display:grid;gap:8px;align-content:start}
.scope h3{font-size:19px}
.scope p{color:var(--mist);font-size:15.5px}
.scope .tag{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.scope .yes .tag{color:#8fd19e}
.scope .fmt .tag{color:var(--ochre)}
.scope .no .tag{color:var(--mist-2)}


@media (max-width:920px){
  .sec{padding-block:64px}
  .steps,.scope{grid-template-columns:minmax(0,1fr)}
  .feat{grid-template-columns:minmax(0,1fr)}
}
.shot + .shot{margin-top:56px}
.shot-pruefen .frame-view{aspect-ratio:1514/1286}
.shot-einreichungen .frame-view{aspect-ratio:1514/1438}

/* Zugangsschalter (siehe runde3.css der Startseite) */
html[data-zugang="termin"] .zg-demo{display:none!important}
html[data-zugang="demo"] .zg-termin{display:none!important}

/* #3233 Terminbuchung */
.r4-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.contact .r4-link{color:#fff;text-decoration:underline;text-underline-offset:2px}

/* 22.10.: Termin-Knopf im dunklen Kopf der Unterseite hell wie auf der Startseite */
.sub-hero .btn-primary{background:#fff;color:#112d4e;border-color:#fff}
.sub-hero .btn-primary:hover{background:#e3e8ed}

/* 22.10.: Lesebreite langer Absätze */
.sub-hero .lede p,.faq details p{max-width:75ch}

/* 22.10. Paket 1: Lesebreite Einleitung und FAQ */
html[data-theme="ccurity"] .sub-hero .lede-row.solo p{max-width:37em}html[data-theme="ccurity"] #fragen details p{max-width:42em}
html[data-theme="ccurity"] a.mail{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* 22.10.: weißer Termin-Knopf behält beim Draufzeigen die dunkle Schrift */
html[data-theme="ccurity"] .sub-hero .btn-primary:hover{background:#e3e8ed;color:#112d4e;border-color:#e3e8ed}