/* ============================================================ AGENTICAL "calm" Layer (seit 2026-08-23, zuerst Startseite) Ruhigere Typografie, keine Kapitel-Leiste, mehr Luft. Greift nur auf Seiten mit . Wird Seite fuer Seite ausgerollt; agentical.css bleibt Basis. ============================================================ */ /* Typografie: Archivo 700 in Gross-/Kleinschreibung statt Archivo Black Versalien */ .hm-page h1,.hm-page h2,.hm-page h3, .hm-page .cc-name,.hm-page .pstep h3,.hm-page .mcol h3, .hm-page .pa-inline .pa-step-title,.hm-page .pa-inline .pa-diag-pattern-name{ font-family:'Archivo',sans-serif;font-weight:700;text-transform:none;letter-spacing:-0.02em} .hm-page h1{font-size:clamp(34px,3.6vw,56px);line-height:1.1;max-width:26ch} .hm-page h2{font-size:clamp(26px,2.6vw,38px);line-height:1.15;max-width:34ch} .hm-page .pstep h3,.hm-page .mcol h3{font-size:18px;letter-spacing:-0.01em} .hm-page .cc-name{font-size:24px} .hm-page .pstep .n,.hm-page .mcol .n{font-family:'Archivo',sans-serif;font-weight:800} .hm-page .ch-num{margin-bottom:30px;letter-spacing:0.2em;font-size:11.5px} .hm-page .sub{font-size:18.5px;line-height:1.7} .hm-page .ch-photo h2,.hm-page .ch-contact h2{font-size:clamp(26px,2.6vw,38px);line-height:1.15} /* Wizard (pa-form.css) an die ruhige Typo anpassen */ .hm-page .pa-inline .pa-step-title{font-size:clamp(24px,2.4vw,34px);line-height:1.2;font-weight:700} .hm-page .pa-inline .pa-diag-pattern-name{font-size:clamp(24px,2.4vw,32px);font-weight:700} /* Keine Kapitel-Leiste, Platz geht in die Raender */ .hm-page .rail,.hm-page .scroll-hint{display:none} .hm-page .chapter{padding-left:0;padding-top:104px;padding-bottom:96px} .hm-page .ch-hero{padding-top:clamp(150px,17vh,220px);padding-bottom:88px;min-height:0} .hm-page .ch-photo{padding:0} .hm-page footer{padding-left:clamp(24px,4vw,56px)} .hm-page .container{max-width:1240px;padding:0 56px} @media(max-width:900px){ .hm-page .chapter{padding:72px 0 64px 0} .hm-page .ch-hero{padding-top:112px} .hm-page .ch-photo{padding:0} .hm-page .container{padding:0 24px} } /* Geteilte Komponente: Beispiel-Ergebnis-Karte (Startseite, KI-Standort-Check) */ .hm-page .hm-result__pattern{font-size:clamp(26px,2.4vw,32px)} .hm-result{border:1px solid rgba(0,183,199,.45);background:var(--card);box-shadow:0 30px 80px -40px rgba(0,183,199,.45)} .hm-result__bar{display:flex;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--dim)} .hm-result__bar span:first-child{color:var(--tq)} .hm-result__body{padding:26px 28px 26px} .hm-result__body .cc-label{margin-bottom:8px} .hm-result__body .cc-label+.cc-label{margin-top:0} .hm-result__pattern{font-family:'Archivo Black',sans-serif;font-size:clamp(26px,2.6vw,36px);text-transform:uppercase;color:var(--white);letter-spacing:-0.01em;line-height:1} .hm-result__body p{font-size:15px;color:var(--grey);margin:12px 0 22px;text-wrap:pretty} .hm-result__hebel{margin:0 0 22px;padding:0;list-style:none;counter-reset:h} .hm-result__hebel li{counter-increment:h;position:relative;padding:10px 0 10px 34px;border-top:1px solid var(--line);font-size:15px;color:var(--white);line-height:1.45} .hm-result__hebel li::before{content:counter(h);position:absolute;left:0;top:9px;width:22px;height:22px;border:1px solid var(--tq);color:var(--tq);font-family:'IBM Plex Mono',monospace;font-size:11px;display:flex;align-items:center;justify-content:center} .hm-result__foot{font-size:12.5px;color:var(--dim);border-top:1px solid var(--line);padding-top:14px;line-height:1.5} .hm-result__pattern{font-family:'Archivo',sans-serif;font-weight:700;text-transform:none;letter-spacing:-0.02em} /* Geteiltes Hero-Raster (Text links, Element rechts) */ .hm-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:40px;align-items:center} @media(max-width:900px){.hm-hero__grid{grid-template-columns:1fr;gap:32px}} /* Unterseiten-Stylesheets (leistungen.css, karriere.css, pa-form.css, Legal-Inline) an die ruhige Typo anpassen */ .hm-page .svc-card__title,.hm-page .ls-path h3,.hm-page .ls-detail h1,.hm-page .ls-detail__section h2, .hm-page .ls-steps h3,.hm-page .ls-next__title,.hm-page .ls-cta__text b, .hm-page .job-card__title,.hm-page .job-detail h1,.hm-page .job-detail__section h2,.hm-page .job-detail__cta__text b,.hm-page .why-agentical h3, .hm-page .pa-inline .pa-diag-title,.hm-page .pa-inline .pa-diag-cta-head strong, .hm-page .legal-page h1,.hm-page .ag-name,.hm-page .cc-name,.hm-page h4:not(.foot__col h4):not(.col h4){ font-family:'Archivo',sans-serif;font-weight:700;text-transform:none;letter-spacing:-0.02em} .hm-page .svc-card__title{font-size:clamp(22px,2.1vw,30px);line-height:1.15} .hm-page .ls-detail h1,.hm-page .job-detail h1,.hm-page .legal-page h1{font-size:clamp(32px,3.4vw,50px);line-height:1.1} .hm-page .ls-detail__section h2,.hm-page .job-detail__section h2{font-size:clamp(24px,2.3vw,32px);line-height:1.2} .hm-page .ls-path h3,.hm-page .ls-steps h3,.hm-page .job-card__title,.hm-page .why-agentical h3{font-size:18px;letter-spacing:-0.01em} .hm-page .ls-next__title{font-size:clamp(22px,2.2vw,30px)} .hm-page .ls-path .n,.hm-page .ls-steps .n,.hm-page .pa-inline .pa-option-num{font-family:'Archivo',sans-serif;font-weight:800} .hm-page .ls-detail,.hm-page .legal-page{padding-left:0} .hm-page .legal-page{padding-top:150px} .hm-page .ag-name{font-size:17px;letter-spacing:-0.01em} .hm-page .ch-hero h1{font-size:clamp(34px,3.6vw,56px)}