:root{--ink:#1c1d1d;--muted:#68655f;--paper:#f5f3ee;--white:#fff;--accent:#e6007e;--warm:#d4b38d;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 52px));margin:auto}.narrow{max-width:920px}.topbar{position:absolute;z-index:10;width:100%;padding:26px 0}.nav{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;background:#fff;padding:9px 11px;box-shadow:0 8px 30px rgba(0,0,0,.10)}.brand img{width:118px;height:auto}.navlinks{display:flex;align-items:center;gap:34px;color:white;font-size:15px;padding-top:3px}.navlinks a{text-decoration:none}.navlinks>a:not(.phone){padding:12px 0;border-bottom:1px solid transparent}.navlinks>a:not(.phone):hover{border-color:rgba(255,255,255,.6)}.phone{background:rgba(22,22,21,.88);padding:12px 17px;border-left:3px solid var(--accent)}
.hero{min-height:650px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:
linear-gradient(120deg,#121212 0%,#1d1d1c 55%,#292725 100%)}
.hero:before{content:"";position:absolute;inset:0;background:
linear-gradient(135deg,transparent 0 56%,rgba(255,255,255,.035) 56% 70%,transparent 70%),
radial-gradient(circle at 78% 35%,rgba(226,0,126,.14),transparent 28%)}
.hero:after{content:"";position:absolute;right:7%;bottom:-10%;width:38%;height:68%;border:1px solid rgba(255,255,255,.10);transform:skewX(-13deg)}
.hero-content{position:relative;z-index:2;padding:190px 0 92px;color:white;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--accent);font-weight:700}.hero .eyebrow{color:#f4b6d8}.hero h1{font-size:clamp(47px,5.6vw,76px);line-height:1.03;margin:17px 0 25px;font-weight:600;letter-spacing:-.038em}.hero p{font-size:19px;max-width:610px;color:#f0efec;margin:0}.button{display:inline-flex;align-items:center;gap:18px;margin-top:28px;padding:14px 20px;background:white;color:#1a1a19;text-decoration:none;font-weight:700;font-size:14px;border-bottom:3px solid var(--accent)}.button span{font-size:18px}
.intro{padding:96px 0 54px;text-align:center}.intro h2,.about h2,.contact h2{font-size:clamp(35px,4vw,54px);line-height:1.08;margin:12px 0 21px;letter-spacing:-.035em}.intro p{max-width:780px;margin:0 auto;color:var(--muted);font-size:18px}.services{padding:26px 0 110px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;position:relative;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.06)}.card figure{margin:0;height:245px;overflow:hidden;background:#ddd}.card figure img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover figure img{transform:scale(1.025)}.card-body{padding:25px 26px 29px}.number{font-size:12px;letter-spacing:.16em;color:var(--accent);font-weight:bold;margin-bottom:8px}.card h3{font-size:23px;margin:0 0 10px;letter-spacing:-.02em}.card p{margin:0;color:var(--muted)}
.about{background:#1f201f;color:white;padding:105px 0;border-top:4px solid var(--accent)}.aboutgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}.about h2{margin-bottom:0}.abouttext{padding-top:25px}.abouttext p{color:#d8d6d0;font-size:18px;max-width:660px}.signature{margin-top:38px;padding-top:25px;border-top:1px solid rgba(255,255,255,.16);font-size:14px;text-transform:uppercase;letter-spacing:.11em;color:#f2f0eb}.signature i{font-style:normal;color:var(--accent);padding:0 10px}
.contact{padding:96px 0 100px}.contactgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.contact p{font-size:18px;color:var(--muted);max-width:650px}.contactbox{background:white;padding:34px 36px;border-top:4px solid var(--accent);box-shadow:0 12px 34px rgba(0,0,0,.045)}.contactbox>strong{display:block;font-size:19px;margin-bottom:8px}.contactrow{display:grid;grid-template-columns:90px 1fr;gap:18px;padding-top:18px;margin-top:18px;border-top:1px solid #e7e3dc}.contactrow span{color:var(--muted);font-size:14px}.contactrow a{text-decoration:none;font-weight:700}.contactrow a:hover{color:var(--accent)}
.footer{background:#151615;color:#d7d4cf;padding:25px 0;font-size:13px}.footerinner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footerbrand{display:flex;align-items:center;gap:20px}.footer img{width:88px;background:#fff;padding:6px}.footerlinks{display:flex;gap:24px}.footerlinks a{text-decoration:none}.footerlinks a:hover{color:white}
.legal{background:white;padding:75px 0}.legal .wrap{max-width:900px}.legal h1{font-size:44px}.legal h2{margin-top:34px;font-size:23px}.legal p,.legal li{color:#4d4a45}.notice{padding:16px 18px;background:#fff4dd;border-left:4px solid #c89e63;margin:22px 0}
@media(max-width:900px){.navlinks a:not(.phone){display:none}.hero{min-height:650px}.hero:before{background:radial-gradient(circle at 75% 35%,rgba(226,0,126,.14),transparent 30%)}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:.95fr 1.05fr}.card figure{height:260px;min-height:0}.aboutgrid,.contactgrid{grid-template-columns:1fr;gap:38px}.abouttext{padding-top:0}.footerinner{align-items:flex-start;flex-direction:column}.footerlinks{flex-wrap:wrap}}
@media(max-width:600px){.wrap{width:min(var(--max),calc(100% - 28px))}.topbar{padding:14px 0}.brand img{width:96px}.brand{padding:7px 8px}.phone{font-size:13px;padding:10px 12px}.hero-content{padding:145px 0 62px}.hero h1{font-size:44px}.hero p{font-size:17px}.intro,.about,.contact{padding:68px 0}.services{padding-bottom:70px}.cards{gap:16px}.card{display:block}.card figure{height:230px;min-height:0}.card-body{padding:22px}.aboutgrid{gap:24px}.contactgrid{gap:28px}.contactbox{padding:27px 24px}.contactrow{grid-template-columns:1fr;gap:4px}.footerbrand span{display:none}.footerlinks{gap:16px;flex-wrap:wrap}}

/* Rechtstexte – reduzierte Darstellung */
.legal{background:#f4f1eb;min-height:100vh;color:#181818;padding:0}
.legal .wrap{max-width:980px;margin:0 auto;padding:56px 28px 72px}
.legal .wrap>a{display:inline-block;margin-bottom:30px;color:#181818;text-decoration:none;border-bottom:2px solid #e2007e}
.legal h1{font-size:48px;line-height:1.1;margin:0 0 30px}
.legal h2{font-size:25px;line-height:1.25;margin:34px 0 8px}
.legal p,.legal li{font-size:17px;line-height:1.65;color:#333}
.legal a{color:#181818;text-decoration-color:#e2007e;text-underline-offset:3px}
@media(max-width:700px){.legal .wrap{padding:36px 20px 52px}.legal h1{font-size:36px}.legal h2{font-size:22px}}
