/* Quittungsgenerator24 — UI 2027: Midnight Navy / Warm Paper / Signature Blue */
:root{--primary:#3158D8;--primary-hover:#2447b8;--primary-light:#EEF2FD;--primary-mid:#c9d5f7;--accent:#3158D8;
 --text:#101C2B;--text-muted:#66717F;--border:#DEDFD9;--border-light:#ECEBE5;--bg:#F7F6F2;--bg-alt:#F0EFE9;--bg-alt2:#ECEBE5;
 --radius:8px;--radius-lg:12px;--radius-xl:14px;--container:1240px;--serif:'Fraunces',Georgia,serif;
 --shadow-sm:none;--shadow:0 1px 2px rgba(16,28,43,.05);--shadow-lg:0 14px 36px rgba(16,28,43,.10);--shadow-hover:0 14px 36px rgba(16,28,43,.12)}
body{background:var(--bg);color:var(--text)}
h1,h2,h3.section-title,.section-title,.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;color:var(--text)}
h1 em{font-style:normal;color:var(--primary)}
.site-header{background:rgba(247,246,242,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);box-shadow:none}
.logo-text{font-family:var(--serif);font-weight:600}
.nav-desktop a{color:var(--text);font-weight:500}
.nav-desktop a.active,.nav-desktop a:hover{color:var(--primary)}
.btn-primary{background:var(--primary);color:#fff;border-radius:8px;box-shadow:none}.btn-primary:hover{background:var(--primary-hover);text-decoration:none}
.btn-ghost{background:#fff;border:1px solid var(--border);color:var(--text);border-radius:8px}.btn-ghost:hover{border-color:var(--text);text-decoration:none}
.section-alt,.stats-strip,.photo-strip{background:var(--bg-alt)}
.stats-strip{background:#101C2B}
.usecases .usecase-card,.card,.how-step,.faq-item,[class*="-card"]{border-radius:10px;box-shadow:none;border-color:var(--border)}
.site-footer{background:#101C2B;color:#c4ccd6}
.site-footer a{color:#c4ccd6}.site-footer a:hover{color:#fff}
.site-footer h3{color:#fff}
.gsw-btn.gsw-trigger{position:relative}
/* Hero */
.hero{display:none}
.u-hero{padding:64px 0 48px;background:var(--bg)}
.u-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.u-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--text-muted);margin-bottom:16px}
.u-hero h1{font-size:clamp(38px,4.6vw,68px);line-height:1.05;margin-bottom:22px}
.u-lead{font-size:18px;color:var(--text-muted);max-width:560px;margin-bottom:30px}
.u-actions{display:flex;gap:12px;flex-wrap:wrap}
.u-hero-doc{position:relative;min-height:420px;display:flex;justify-content:center;align-items:center}
.u-doc{position:relative;z-index:1;width:min(100%,430px);background:#fff;border:1px solid var(--border);border-radius:6px;padding:30px 32px 26px;box-shadow:var(--shadow-lg)}
.u-doc-back{position:absolute;z-index:0;width:min(100%,430px);height:calc(100% - 20px);background:#fff;border:1px solid var(--border);transform:rotate(-3deg) translate(-14px,6px);padding:0;box-shadow:none;opacity:.7}
.u-doc-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px}
.u-doc-head strong{font-family:var(--serif);font-size:28px;font-weight:600}.u-doc-head span{font-size:12px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}
.u-doc dl{display:grid;gap:0}
.u-doc dl>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-light);font-size:14px}
.u-doc dt{color:var(--text-muted)}.u-doc dd{margin:0;font-weight:500}
.u-amount{font-size:18px;font-weight:700!important}
.u-doc-sign{margin-top:30px;width:55%}.u-doc-sign span{display:block;border-bottom:1px solid var(--text);height:28px}.u-doc-sign small{font-size:12px;color:var(--text-muted)}
.u-usp{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}
.u-usp-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.u-usp-grid>div{padding:22px 24px;border-left:1px solid var(--border);display:flex;flex-direction:column}
.u-usp-grid>div:first-child{border-left:0;padding-left:0}
.u-usp-grid strong{font-size:15px}.u-usp-grid span{font-size:14px;color:var(--text-muted)}
@media(max-width:900px){.u-hero-grid{grid-template-columns:1fr;gap:32px}.u-hero{padding:36px 0 28px}.u-hero-doc{min-height:0;padding:12px 0 8px}.u-usp-grid{grid-template-columns:1fr 1fr}.u-usp-grid>div{border-left:0;border-top:1px solid var(--border);padding:16px 12px}.u-usp-grid>div:nth-child(-n+2){border-top:0}.u-doc dl>div{grid-template-columns:110px 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}