:root {
  --bg:#fff; --surface:#f6f7f8; --surface-2:#eef1f3; --text:#111418; --muted:#5f6872;
  --line:#dfe4e8; --accent:#1769aa; --accent-dark:#0f4d7f; --notice-bg:#fffaf0;
  --notice-line:#ead9a2; --notice-text:#5e4b1d; --max:1160px; --radius:18px;
  --shadow:0 18px 50px rgba(20,30,40,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{color:inherit} img,svg{max-width:100%;height:auto}.wrap{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:850;text-decoration:none;letter-spacing:-.025em;font-size:1.05rem}.brand span{color:var(--accent)}
.nav-toggle{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-weight:700;cursor:pointer}
.nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--muted);font-size:.95rem}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--text)}
.prelaunch-banner{border-bottom:1px solid var(--notice-line);background:var(--notice-bg);color:var(--notice-text);font-size:.92rem}.prelaunch-banner .wrap{padding:11px 0}.prelaunch-banner strong{color:#40320f}.prelaunch-banner a{font-weight:750}
.hero,.subhero{padding:84px 0 68px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:58px;align-items:center}.eyebrow,.number{color:var(--accent);font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-size:.77rem}
h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.99;letter-spacing:-.055em;margin:16px 0 24px;max-width:950px}h2{font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 20px}h3{font-size:1.18rem;margin:0 0 10px}.lead{font-size:clamp(1.08rem,2vw,1.33rem);color:var(--muted);max-width:820px}.section-head{max-width:860px;margin-bottom:30px}.section-head p,.sub{color:var(--muted)}
.actions,.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:750}.btn.primary,.button{background:var(--text);color:#fff;border-color:var(--text)}.btn.secondary,.button.secondary{background:#fff;color:var(--text)}.btn:hover,.button:hover{border-color:#aeb7c0}.btn.primary:hover,.button:hover{background:#252a30}.btn.disabled{opacity:.55;pointer-events:none}
.hero-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#f9fafb,#eef2f5);padding:16px;min-height:300px;display:grid;place-items:center}.server-visual{width:100%;min-width:0}.product-gallery{width:100%}.product-gallery-viewport{width:100%;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.product-slide{margin:0}.product-slide[hidden]{display:none}.product-image-link{display:block}.product-slide img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#fff}.product-slide figcaption{padding:10px 12px 12px;color:var(--muted);font-size:.84rem;background:#fff}.product-gallery-controls{display:grid;grid-template-columns:40px 1fr auto 40px;gap:10px;align-items:center;margin-top:12px}.gallery-arrow,.gallery-dot{border:1px solid var(--line);background:#fff;cursor:pointer}.gallery-arrow{width:40px;height:40px;border-radius:999px;font:inherit;font-size:1.45rem;line-height:1}.gallery-arrow:hover,.gallery-dot:hover{border-color:#aeb7c0}.gallery-dots{display:flex;justify-content:center;gap:8px}.gallery-dot{width:10px;height:10px;padding:0;border-radius:999px}.gallery-dot[aria-current="true"]{background:var(--text);border-color:var(--text)}.gallery-status{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.section{padding:64px 0}.section.alt{background:var(--surface)}.cards-2,.checks,.metrics{display:grid;gap:20px}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.checks{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.check,.metric{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px}.card ul{padding-left:20px}.metric strong{display:block;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.04em}.metric span,.note,.fine{color:var(--muted)}
.cta{padding:64px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:var(--radius);padding:32px;border:1px solid var(--line);background:var(--surface)}.cta-box h2{font-size:clamp(1.6rem,3vw,2.4rem)}
.codebox,pre{overflow:auto;background:#121820;color:#eaf0f5;border-radius:14px;padding:20px;border:1px solid #28313b;white-space:pre-wrap}.badge{display:inline-block;margin:4px 6px 4px 0;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.9rem}.todo,.draft-note,.callout{border-left:4px solid #d39a27;background:#fff9e9;padding:16px 18px;border-radius:10px}.callout{border-left-color:var(--accent);background:#f7f9fc}.specs,.benchmark-table{width:100%;border-collapse:collapse}.specs th,.specs td,.benchmark-table th,.benchmark-table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.specs th,.benchmark-table th{background:#f7f8fa}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px}
.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.9rem}.footer-grid{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer button{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.utility-nav{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}.utility-nav a{text-decoration:none;font-weight:700;color:var(--muted);padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}.utility-nav a:hover{color:var(--text)}
.benchmark-cover{margin:28px auto 0}.benchmark-cover img{display:block;width:100%;border-radius:18px;border:1px solid var(--line)}.benchmark-cover figcaption{color:var(--muted);font-size:.85rem;margin-top:8px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:25px}.step{border:1px solid var(--line);border-radius:12px;padding:19px;background:#fff}.step b{display:block;margin-bottom:7px}.step p{margin:0;color:var(--muted);font-size:.92rem}.overview{width:100%;border:1px solid var(--line);border-radius:14px;display:block}.test{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:28px;padding:34px 0;border-bottom:1px solid var(--line);align-items:center}.figure img{width:100%;display:block;border:1px solid var(--line);border-radius:12px}.copy p{margin:8px 0 17px}.criterion{color:#405067}.image-link{font-size:.9rem;font-weight:700;color:var(--accent)}.download-box{padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.embed-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:24px;align-items:start}.embed-shell{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.embed-shell iframe{display:block;width:100%;border:0;aspect-ratio:16/9;min-height:360px}.embed-placeholder{padding:28px;color:var(--muted)}
.consent-banner{position:fixed;z-index:100;left:20px;right:20px;bottom:20px;margin:auto;max-width:900px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.18);padding:20px}.consent-banner[hidden]{display:none}.consent-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.consent-actions{display:flex;gap:10px;flex-wrap:wrap}.consent-actions button{min-height:44px;border-radius:999px;border:1px solid var(--line);padding:0 16px;background:#fff;font:inherit;font-weight:700;cursor:pointer}.consent-actions .accept{background:var(--text);color:#fff;border-color:var(--text)}
.consent-panel{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.consent-panel[hidden]{display:none}.consent-option{display:flex;gap:10px;align-items:flex-start}.consent-option input{margin-top:4px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-card{min-height:220px}.metrics{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.embed-layout{grid-template-columns:1fr}.embed-shell iframe{min-height:300px}}
@media(max-width:760px){.wrap{width:min(calc(100% - 28px),var(--max))}.nav{position:relative;min-height:64px}.nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;padding:14px;box-shadow:var(--shadow);align-items:stretch}.nav-links[data-open="true"]{display:grid}.nav-links a{padding:10px}.hero,.subhero{padding:58px 0 50px}.section{padding:46px 0}.cards-2,.checks,.download-grid{grid-template-columns:1fr}.cta-box{display:block}.test{grid-template-columns:1fr;gap:16px}.consent-grid{grid-template-columns:1fr}.consent-banner{left:10px;right:10px;bottom:10px}.footer-grid{display:grid}}
@media(max-width:480px){h1{font-size:clamp(2.2rem,13vw,3.6rem)}.metrics,.steps{grid-template-columns:1fr}.actions,.buttons{display:grid}.btn,.button{width:100%}.utility-nav{display:grid}.utility-nav a{text-align:center}.embed-shell iframe{min-height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:480px){.hero-card{padding:10px}.product-slide figcaption{font-size:.8rem}.product-gallery-controls{grid-template-columns:40px 1fr auto 40px;gap:7px}}

.offer-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.offer-images figure,.contact-card-figure{margin:0}.offer-images a,.contact-card-figure a{display:block}.offer-images img,.contact-card-figure img{display:block;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff}.offer-images figcaption{margin-top:9px;color:var(--muted);font-size:.86rem}.contact-card-figure{align-self:center}@media(max-width:760px){.offer-images{grid-template-columns:1fr}}

/* API / agent diagrams (restored from prior Technik draft) */
.api-endpoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.endpoint-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px;min-width:0}.endpoint-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.http-method{font-size:.76rem;font-weight:800;color:#246d46;background:#e7f4eb;border-radius:6px;padding:4px 8px}.http-method.post{background:#e7f0fa;color:#185486}.endpoint-head code{font-size:.84rem;overflow-wrap:anywhere}.endpoint-card p{margin:0;color:var(--muted)}
.param-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.param{border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:7px;background:#fff}.param>code{font-weight:800;color:var(--accent)}.doc-jump{display:flex;gap:9px;flex-wrap:wrap;padding:17px 0 20px}.doc-jump a{font-size:.87rem;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff;text-decoration:none}.doc-jump a:hover{border-color:var(--accent)}
.flow-diagram{display:flex;gap:8px;align-items:stretch;justify-content:space-between;flex-wrap:wrap;margin:28px 0}.flow-node{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff;flex:1 1 138px;min-width:126px}.flow-node strong{display:block;font-size:.91rem}.flow-node span{display:block;font-size:.83rem;color:var(--muted);margin-top:7px}.flow-node.api{border-color:#8ebad7;background:#f4f9fd}.flow-node.function{border-color:#90ba9b;background:#f4faf5}.flow-arrow{font-weight:800;align-self:center;color:var(--accent)}.flow-arrow.return{color:#246d46}
.scenario-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.scenario-gallery figure{border:1px solid var(--line);border-radius:14px;margin:0;padding:12px;background:#fff}.scenario-gallery img{width:100%;display:block;border-radius:8px}.scenario-gallery figcaption{font-size:.9rem;color:var(--muted);margin:12px 2px 3px}.api-steps{padding-left:1.4rem}.api-steps li{margin:9px 0}.doc-example{margin:28px 0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.doc-example h3{margin-bottom:10px}.doc-example p{max-width:850px}.vision-evidence{display:grid;grid-template-columns:minmax(200px,.5fr) minmax(0,1fr);gap:25px;align-items:start;margin:28px 0}.vision-evidence figure{margin:0}.vision-evidence img{display:block;max-height:460px;width:100%;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}.vision-evidence figcaption{font-size:.85rem;color:var(--muted);margin-top:6px}
.partner-copy{max-width:850px}.partner-copy p{font-size:1.05rem}.partner-intro{padding-bottom:50px}.partner-header-contact{font-size:.9rem;font-weight:700;text-decoration:none;color:var(--accent)}.partner-copy .table-scroll{margin-top:18px}.partner-copy .specs th:last-child,.partner-copy .specs td:last-child{white-space:nowrap}
@media(max-width:900px){.api-endpoints{grid-template-columns:1fr 1fr}.flow-diagram{justify-content:flex-start}.scenario-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.api-endpoints,.param-grid,.scenario-gallery,.vision-evidence{grid-template-columns:1fr}.flow-diagram{display:grid;justify-content:initial;grid-template-columns:1fr}.flow-node{min-width:0}.flow-arrow{text-align:center;transform:rotate(90deg)}.flow-arrow.return{transform:none}.partner-copy .specs th:last-child,.partner-copy .specs td:last-child{white-space:normal}}

/* API-Einstieg: die ausführliche Anleitung ist bereits auf der Übersichtsseite erkennbar. */
.api-invite-section .section-head{max-width:920px;margin-bottom:26px}
.api-invite-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;margin:0 0 24px;border:1px solid #a8c9df;border-radius:18px;background:linear-gradient(110deg,#eef7fd 0%,#ffffff 74%);box-shadow:0 10px 28px rgba(18,74,117,.05)}
.api-invite-copy{max-width:600px}
.api-invite-copy h3{font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
.api-invite-copy p{margin:0;color:var(--muted)}
.api-invite-box .actions{margin:0;flex:none}
.api-invite-box .btn{min-height:58px;padding:12px 24px;text-align:center;white-space:normal;max-width:350px}
.api-invite-section .card{padding:22px 26px}
.api-invite-section .card p{color:var(--muted)}
.api-invite-section .note{margin-top:20px}
.partner-intro h1{font-size:clamp(2.4rem,5.3vw,4.5rem)}
.partner-copy p{line-height:1.68;margin:0 0 19px}
.partner-copy h2{font-size:clamp(1.6rem,3.5vw,2.3rem)}
.partner-copy .actions{margin-top:20px}
@media(max-width:820px){.api-invite-box{display:block;padding:24px}.api-invite-box .actions{margin-top:22px}.api-invite-box .btn{max-width:none}}

/* Klare Entscheidungsseite für Unternehmen */
.manager-hero-actions{margin-top:26px}
.manager-overview{background:#fff}
.manager-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.manager-question{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px 28px}
.manager-question-no{color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.08em;display:block;margin-bottom:12px}
.manager-question h3{font-size:1.23rem;letter-spacing:-.014em;margin:0 0 10px}
.manager-question p{margin:0;color:var(--muted)}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cards-3 .card li{margin-bottom:9px}
.manager-details{max-width:920px;margin-top:20px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px 22px}
.manager-details summary{cursor:pointer;font-weight:750;color:var(--accent)}
.manager-details[open] summary{margin-bottom:18px}
.manager-details .callout{margin:10px 0}
.manager-details .note{margin-bottom:0}
.manager-architecture img{display:block;max-width:850px;margin:8px auto 0}
.manager-delivery{margin:24px 0 0}
.manager-price-layout{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:22px;align-items:stretch;margin:28px 0 18px}
.manager-price-card{background:#eef7fd;border:1px solid #bfd6e8;border-radius:var(--radius);padding:30px}
.manager-price-card span{display:block;color:#345d7e;font-weight:650;margin-bottom:10px}
.manager-price-card strong{display:block;font-size:clamp(2rem,4.8vw,3.4rem);letter-spacing:-.055em;line-height:1.1}
.manager-price-card small{font-size:.38em;letter-spacing:0;white-space:nowrap}
.manager-price-card p{color:#3d566a;margin-top:20px}
.manager-price-detail{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.manager-price-detail h3:not(:first-child){margin-top:22px}
.manager-price-detail p{color:var(--muted);margin:0 0 16px}
.manager-price-detail .btn{margin-top:5px}
.image-credit{font-size:.77rem;line-height:1.5;color:var(--muted);margin:12px 0 0}
.image-credit a{color:var(--accent)}
@media(max-width:900px){.cards-3{grid-template-columns:1fr 1fr}.manager-price-layout{grid-template-columns:1fr}}
@media(max-width:760px){.manager-question-grid,.cards-3{grid-template-columns:1fr}.manager-question,.manager-price-card,.manager-price-detail{padding:23px}.manager-hero-actions{display:grid}.manager-hero-actions .btn{width:100%}}

/* Überblick für Unternehmensentscheider */
.manager-benefits{background:#f1f6fa}
.manager-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:26px}
.manager-benefit{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}
.manager-benefit h3{margin:0 0 10px;font-size:1.12rem}
.manager-benefit p{margin:0;color:var(--muted)}
@media(max-width:900px){.manager-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.manager-benefits-grid{grid-template-columns:1fr}}

/* Additional KMU use cases */
.example-card { margin: 1.2rem 0; padding: 1.4rem 1.6rem; border: 1px solid #dce3eb; border-radius: 14px; background: #fff; }
.example-card h2 { margin-top: 0; font-size: clamp(1.18rem, 2vw, 1.5rem); }
.example-article { margin-top: 2.8rem; padding: 1.5rem 1.8rem; border-radius: 14px; background: #edf4f9; }

/* Hintergrundgestaltung, Variante C aus dem freigegebenen Farbvergleich.
   Die Webstruktur ist CSS-basiert, lokal und bleibt beim Scrollen stehen.
   Weiße Inhaltskarten und die blaue Akzentfarbe bleiben erhalten. */
:root {
  --bg: #e3e1dc;
  --surface: #eceae6;
  --surface-2: #e8e6e1;
}
body {
  background-color: var(--bg);
  background-image:
    repeating-linear-gradient(0deg, rgba(86,81,73,.0481) 0px, rgba(86,81,73,.0481) 1px, transparent 1px, transparent 12px),
    repeating-linear-gradient(90deg, rgba(86,81,73,.037) 0px, rgba(86,81,73,.037) 1px, transparent 1px, transparent 14px),
    radial-gradient(circle at 11px 17px, rgba(86,81,73,.063) .7px, transparent 1.5px);
  background-size: auto, auto, 42px 42px;
  background-attachment: fixed, fixed, fixed;
}
/* Auch die abwechselnden Ganzseiten-Bereiche lassen das ruhige Raster sehen. */
.section.alt, .manager-overview, .manager-benefits {
  background: transparent;
}
/* Kacheln nicht tönen, sie sollen sich klar von der Textur abheben. */
.card, .check, .metric, .step, .endpoint-card, .param, .flow-node,
.scenario-gallery figure, .doc-example, .manager-question, .manager-details,
.manager-benefit, .example-card, .download-box {
  background-color: #fff;
}

/* Produktname ohne Wortabstand oder Umbruch, auch bei formatiertem Quelltext. */
.brand{white-space:nowrap;word-spacing:normal;letter-spacing:-.025em}
.brand span{white-space:nowrap}
/* Hauptnavigation klar lesbar auf allen Seiten. */
.nav-links a{font-weight:750}

/* Produktname ohne Wortabstand oder Umbruch, auch bei formatiertem Quelltext. */
.brand{white-space:nowrap;word-spacing:normal;letter-spacing:-.025em}
.brand span{white-space:nowrap}
/* Hauptnavigation klar lesbar auf allen Seiten. */
.nav-links a{font-weight:750}