:root{color-scheme:light;--cream:#f8f3e9;--paper:#fffbf4;--ink:#1d3b32;--red:#b94037;--muted:#566c62;--line:#dfd8cc;--warm:#eee7db;--shadow:0 15px 42px rgba(32,42,35,.06)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--cream);background-image:radial-gradient(rgba(41,48,34,.037) .7px,transparent .95px);background-size:7px 7px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--red)}a:focus-visible{outline:3px solid var(--red);outline-offset:4px;border-radius:4px}.shell{width:min(100% - 64px,1160px);margin-inline:auto}.dot{color:var(--red)}.skip{position:absolute;z-index:20;left:-999px;top:10px;padding:10px;background:#fff}.skip:focus{left:10px}.site-header{border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand{font-family:Georgia,'Times New Roman',serif;font-size:1.52rem;letter-spacing:-.037em;font-weight:800;text-decoration:none;white-space:nowrap}.header-note{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:#6f8176;display:flex;align-items:center;gap:11px}.note-dash{width:28px;height:2px;background:var(--red);display:block}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;min-height:650px;gap:50px;padding:45px 0 36px;position:relative}.hero-copy{position:relative;z-index:2;padding:20px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:#6b786c;font-size:.73rem;letter-spacing:.155em;font-weight:800;margin-bottom:22px}.red-bar{width:25px;height:3px;background:var(--red)}.hero h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:clamp(3.8rem,6.1vw,6.3rem);line-height:1.08;letter-spacing:-.065em;white-space:nowrap}.claim{font-family:Georgia,serif;font-size:clamp(1.48rem,2.5vw,2.15rem);line-height:1.3;margin:22px 0 26px;letter-spacing:-.025em}.claim span{color:var(--red);font-weight:800}.one-liner{position:relative;background:rgba(255,251,243,.72);border-left:4px solid var(--red);border-radius:0 11px 11px 0;padding:24px 28px 23px 31px;margin:0 0 25px;box-shadow:var(--shadow);max-width:610px}.one-liner p{font-family:Georgia,serif;font-size:clamp(1.08rem,1.65vw,1.36rem);font-weight:650;line-height:1.43;margin:0}.one-liner strong{font-weight:800}.one-liner em{font-style:normal;color:var(--red);white-space:nowrap}.quote-open{position:absolute;top:-24px;left:12px;font-family:Georgia,serif;font-size:4.6rem;color:var(--red);opacity:.2}.intro{font-size:1.02rem;max-width:530px;color:#4a6258;line-height:1.65;margin:0}.social-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.social-btn{border:2px solid var(--ink);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:11px 19px;font-size:.94rem;font-weight:750;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}.social-btn span{font-size:1.1em}.social-btn.primary{background:var(--ink);color:white}.social-btn.secondary{background:transparent}.social-btn:hover{background:var(--red);border-color:var(--red);color:white;transform:translateY(-2px)}.hero-art{position:relative;display:flex;align-items:flex-end;justify-content:center;align-self:stretch;min-width:0;padding:8px 5px 0;isolation:isolate}.art-aura{position:absolute;z-index:-1;inset:13% 1% 14%;border-radius:52% 46% 42% 48%;background:radial-gradient(ellipse at 50% 55%,#efe4d1 0%,#f2e8d9 47%,rgba(244,235,220,.08) 72%);border:1px solid rgba(146,125,95,.1)}.hero-art img{display:block;width:min(100%,455px);height:auto;max-height:580px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 9px 8px rgba(50,43,30,.045))}
.legal-section{border-top:1px solid var(--line);padding:32px 0 50px}.legal-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:17px}.section-marker{color:var(--red);font-size:.74rem;letter-spacing:.15em;font-weight:850}.legal-section-heading p{font-size:.91rem;color:var(--muted);margin:0}.legal-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.legal-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(47,45,33,.035);display:flex;align-items:center;gap:16px;padding:22px 25px;text-decoration:none;min-height:102px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.legal-card:hover{transform:translateY(-2px);border-color:#cbb6a8;box-shadow:var(--shadow)}.legal-icon{display:grid;place-items:center;font-family:Georgia,serif;font-size:1.3rem;font-weight:700;width:42px;height:42px;flex:none;border:1px solid #ded2c2;border-radius:11px;color:var(--red);background:#fcf6ec}.legal-card-copy{flex:1;min-width:0}.legal-card-copy strong{display:block;font-size:1.02rem}.legal-card-copy small{display:block;font-size:.83rem;color:var(--muted);margin-top:3px}.legal-arrow{font-size:1.25rem;color:var(--red)}
.site-footer{border-top:1px solid var(--line);background:rgba(235,229,216,.32)}.footer-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:24px 0 16px}.footer-nx{height:50px;width:auto;max-width:132px;object-fit:contain;object-position:left}.footer-word{height:50px;width:auto;max-width:150px;object-fit:contain;object-position:right;justify-self:end}.footer-links{display:flex;gap:22px;align-items:center}.footer-links a{font-size:.91rem;font-weight:650;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding:15px 0 18px;display:flex;justify-content:space-between;gap:12px;color:#6b756a;font-size:.78rem}
.legal{width:min(calc(100% - 64px),790px);margin-inline:auto;max-width:790px;padding:40px 0 68px;min-height:65vh}.back-link{display:inline-flex;text-decoration:none;font-size:.85rem;font-weight:750;color:var(--red);margin-bottom:30px}.back-link:hover{text-decoration:underline}.legal h1{font:800 clamp(2.6rem,6vw,4rem)/1.12 Georgia,serif;letter-spacing:-.04em;margin:0 0 20px}.legal h2{font:800 1.43rem/1.3 Georgia,serif;margin:32px 0 11px}.legal p{margin:10px 0 15px;font-size:.96rem;line-height:1.75}.legal address{font-style:normal;line-height:1.9}.legal .links-list{padding-left:1.4rem}.legal .links-list li{padding:3px 0}.legal a{overflow-wrap:anywhere}.legal .meta{color:var(--muted);font-size:.88rem}.legal h2{scroll-margin-top:2rem}
@media(min-width:1420px){.hero{min-height:690px}}
@media(max-width:1000px){.shell{width:min(100% - 44px,920px)}.hero{grid-template-columns:minmax(0,1fr) minmax(285px,.79fr);gap:18px;min-height:580px}.hero h1{font-size:clamp(3.25rem,6.2vw,5rem)}.one-liner{padding:18px 20px 18px 25px}.hero-art img{max-height:540px}}
@media(max-width:720px){.shell{width:min(100% - 36px,540px)}.header-row{min-height:68px}.brand{font-size:1.42rem}.header-note{display:none}.hero{grid-template-columns:1fr;gap:4px;min-height:0;padding:38px 0 10px}.hero-copy{padding:0}.eyebrow{font-size:.66rem;margin-bottom:17px}.hero h1{font-size:clamp(2.45rem,10.6vw,4.5rem);letter-spacing:-.058em}.claim{font-size:clamp(1.5rem,5.8vw,1.85rem);margin:19px 0 25px}.one-liner{margin-bottom:23px;padding:20px 18px 19px 24px}.one-liner p{font-size:1.22rem}.one-liner em{white-space:normal}.intro{font-size:1rem}.social-actions{margin-top:23px}.social-btn{flex:1;min-width:145px;padding:10px 13px;font-size:.89rem;gap:7px}.hero-art{width:100%;padding:21px 0 0;align-self:auto}.hero-art img{width:min(100%,405px);max-height:none}.art-aura{inset:16% 10% 15%}.legal-section{padding:27px 0 40px}.legal-section-heading{gap:4px}.legal-cards{grid-template-columns:1fr;gap:12px}.legal-card{min-height:94px;padding:17px 18px}.footer-top{grid-template-columns:1fr 1fr;gap:13px;padding:23px 0 16px}.footer-links{grid-column:1/-1;grid-row:2;justify-content:center;gap:28px;border-top:1px solid var(--line);padding-top:18px}.footer-nx,.footer-word{height:50px;max-width:125px}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:4px}.legal{width:min(calc(100% - 36px),540px);padding:34px 0 62px}.back-link{margin-bottom:22px}.legal h1{font-size:clamp(2.45rem,9vw,3.5rem)}.legal h2{font-size:1.27rem}}
@media(max-width:370px){.shell{width:calc(100% - 30px)}.hero h1{font-size:2.36rem}.social-btn{width:100%}.footer-nx,.footer-word{max-width:110px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* Version 3: warmer Papiercharakter, klare visuelle Hierarchie, neue mobile Anordnung */
:root {
 --cream:#ecdec7; --paper:#f5e9d7; --ink:#203b30; --red:#b74336;
 --muted:#566b60; --line:#d1bfa4; --warm:#dfc9a9;
 --shadow:0 14px 35px rgba(60,45,26,.10);
}
body {
 background-color:var(--cream);
 background-image:
  radial-gradient(ellipse at 86% 22%,rgba(246,231,207,.90),transparent 50%),
  radial-gradient(ellipse at 8% 80%,rgba(217,193,158,.36),transparent 54%),
  radial-gradient(rgba(83,59,30,.075) .65px,transparent 1px);
 background-size:auto,auto,6px 6px;
}
.site-header { background:#e1ceb1; border-bottom:1px solid #c7b293; }
.header-row { min-height:76px; }
.header-note { color:#576756; }
.hero {
 grid-template-areas:'intro art' 'bottom art';
 grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
 grid-template-rows:auto auto;
 align-content:center; align-items:center;
 min-height:635px; gap:0 40px; padding:50px 0 42px;
}
.hero-intro {grid-area:intro;align-self:end;min-width:0;}
.hero-bottom {grid-area:bottom;align-self:start;min-width:0;}
.hero-art {grid-area:art;min-width:0;align-self:stretch;padding:0 3px;}
.hero-art img {width:min(100%,460px);max-height:590px;filter:drop-shadow(0 17px 13px rgba(67,48,26,.13));}
.art-aura {
 inset:14% 0 13%;
 background:radial-gradient(ellipse at 48% 48%,#e8cda5 0%,#ead7b7 48%,rgba(220,188,144,.12) 75%);
 border:1px solid rgba(138,100,58,.14);
}
.hero h1 {font-size:clamp(3.5rem,6.1vw,5.8rem);}
.claim {margin:15px 0 18px;font-size:clamp(1.35rem,2.35vw,1.95rem);}
.one-liner {
 border-left:5px solid var(--red); border-radius:0 14px 14px 0;
 background:linear-gradient(130deg,#f6ead8,#e8d3b5);
 padding:20px 26px; margin:0 0 18px; box-shadow:var(--shadow);
}
.one-liner p {font-size:clamp(1.07rem,1.6vw,1.27rem);line-height:1.43;}
.one-liner em {color:var(--red)}
.quote-open {display:none!important}
.intro {color:#425e51;font-size:1rem;line-height:1.58;}
.social-actions {margin-top:20px;}
.social-btn {border-radius:8px;}
.social-btn.secondary {background:#f3e6d1;}
.legal-section {
 border:1px solid #d0b998;
 border-radius:18px;
 background:linear-gradient(135deg,#e4ceb0,#ead9c1);
 padding:25px 28px 28px; margin:0 0 45px;
 box-shadow:0 9px 25px rgba(63,46,26,.045);
}
.legal-section-heading {margin-bottom:13px;}
.legal-section-heading p {color:#596652;}
.legal-card {background:#f8edde;border-color:#d7c3a6;padding:18px 22px;min-height:90px;}
.legal-icon {background:#eddbc1;border-color:#d2bda0;}
.site-footer {background:#d9c3a3;border-top:1px solid #c3aa86;}
.footer-bottom {border-color:#c5ae8d;color:#586352;}
.legal {padding-top:42px;}
.legal p, .legal li {color:#324d40;}
@media (max-width:1000px) and (min-width:721px) {
 .hero {grid-template-columns:minmax(0,1fr) minmax(270px,.80fr);column-gap:20px;min-height:575px;}
 .hero h1 {font-size:clamp(3.25rem,6.1vw,5rem);}
}
@media(max-width:720px) {
 .site-header {background:#e4d2b7;}
 .header-row {min-height:60px;}
 .shell {width:min(100% - 36px,540px);}
 .hero {grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:'intro' 'art' 'bottom';gap:0;min-height:0;padding:25px 0 25px;}
 .hero-intro {align-self:start;}
 .eyebrow {font-size:.64rem;margin-bottom:8px;}
 .hero h1 {font-size:clamp(2.45rem,10.45vw,4.3rem);line-height:1.08;}
 .claim {font-size:clamp(1.34rem,5.5vw,1.72rem);margin:12px 0 3px;line-height:1.28;}
 .hero-art {width:100%;padding:0;max-height:375px;align-self:center;min-height:0;}
 .hero-art img {height:auto;width:min(80%,294px);max-height:365px;object-fit:contain;object-position:center;}
 .art-aura {inset:14% 12% 10%;background:radial-gradient(ellipse,#e1c49d 8%,#ecd9b9 57%,transparent 76%);}
 .hero-bottom {margin-top:4px;}
 .one-liner {margin:0 0 15px;padding:16px 18px 16px 19px;border-radius:0 12px 12px 0;}
 .one-liner p {font-size:clamp(1.05rem,4.2vw,1.18rem);line-height:1.45;}
 .intro {font-size:.95rem;line-height:1.55;}
 .social-actions {margin-top:17px;gap:9px;}
 .social-btn {font-size:.86rem;min-width:135px;padding:11px 10px;}
 .legal-section {margin:0 0 24px;padding:18px 16px 19px;border-radius:14px;}
 .legal-section-heading {margin-bottom:13px;}
 .legal-card {min-height:80px;padding:14px 14px;}
 .footer-top {padding-top:19px;}
 .legal {padding-top:28px;}
}
@media(max-width:370px) {
 .hero h1 {font-size:2.28rem;}
 .hero-art img {width:82%;}
 .social-btn {min-width:0;}
}