/* Honey · Bridge · Carla — statische, responsive Webseite; keine Skripte oder Web-Fonts */
:root{color-scheme:dark;--navy:#071827;--gold:#dfaa54;--paper:#eed5a0;--ink:#2b1b12}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:#081827;color:#f3dfb7;font-family:Georgia,"Times New Roman",serif;background-image:radial-gradient(ellipse at center top,#24405a 0%,#091b2c 60%,#06121e 100%)}
a{color:inherit}
a:focus-visible{outline:3px solid #ffda85;outline-offset:4px}
.shell{width:min(1680px,100%);margin-inline:auto}
.hero{position:relative;line-height:0;background:#0a1a2a}
.hero img{display:block;width:100%;height:auto;object-fit:contain}
.hit{position:absolute;top:88.7%;height:10.4%;z-index:2;border-radius:30px}
.hit-one{left:22%;width:23.5%}
.hit-two{left:48%;width:29%}
.hero.terms .hit-one{left:22.5%;width:25.4%}
.hero.terms .hit-two{left:50%;width:26%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hit:hover{box-shadow:inset 0 0 0 2px rgba(255,223,155,.65),0 0 15px rgba(255,199,83,.25)}
.mobile-nav{display:none;gap:12px;justify-content:center;padding:14px 18px 6px}
.mobile-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:10px 14px;border:2px solid #be8540;border-radius:999px;background:linear-gradient(#172e3d,#081523);color:#ffe1a0;text-decoration:none;font-size:1rem;box-shadow:0 2px 9px #0007;text-align:center}
.home-brief{position:relative;max-width:900px;margin:0 auto 40px;padding:30px clamp(18px,5vw,54px) 36px;color:var(--ink);background:linear-gradient(92deg,rgba(131,68,22,.18),transparent 12%,transparent 88%,rgba(131,68,22,.18)),radial-gradient(ellipse at center,#fae8be,#e7be7e);border-left:9px solid #835326;border-right:9px solid #835326;border-bottom:8px solid #714723;box-shadow:0 17px 40px #0008}
.home-brief h1{font-size:clamp(1.5rem,3vw,2.2rem);margin:.1em 0 .25em;text-align:center}
.home-brief .subtitle{text-align:center;font-variant:small-caps;letter-spacing:.08em;font-size:1.05rem;margin:0 0 16px}
.home-brief p{max-width:740px;line-height:1.7;margin:0 auto;text-align:center;font-size:1.06rem}
.paper{position:relative;width:min(1010px,calc(100% - 28px));margin:-1px auto 42px;color:var(--ink);isolation:isolate;border:solid #89572d;border-width:0 12px 9px;border-radius:0 0 14px 14px;box-shadow:0 22px 50px #000b;background:linear-gradient(90deg,#ad7646 0,#e0b57d 2.5%,#f2dca9 8%,#f4e2ba 50%,#f2dca9 92%,#d1a069 97.5%,#996236 100%)}
.paper:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.4;background:repeating-linear-gradient(177deg,transparent 0 22px,#ba8b52 24px,transparent 26px 55px),radial-gradient(circle at 22% 20%,#fff5d2,transparent 35%),radial-gradient(circle at 85% 85%,#be8c50,transparent 35%)}
.paper:after{content:"";display:block;height:19px;margin:25px -16px -9px;background:linear-gradient(180deg,#f4d5a1,#a76b36 60%,#503119);border-radius:35px;box-shadow:0 5px 10px #0007}
.paper-inner{padding:clamp(26px,5vw,70px) clamp(18px,6vw,90px) 12px}
.paper h1{margin:0 0 .45em;text-align:center;color:#392414;font-size:clamp(1.8rem,3.2vw,2.7rem)}
.paper h2{margin:1.25em 0 .37em;font-size:clamp(1.15rem,2.1vw,1.4rem);color:#482b17}
.paper p,.paper li{font-size:clamp(1rem,1.4vw,1.13rem);line-height:1.67}
.paper p{margin:.55em 0 1em}
.paper ul{margin:.6em 0 1.4em;padding-left:1.35em}
.paper a{color:#58331b;text-decoration:underline;text-underline-offset:3px}
.paper .stand{text-align:center;font-style:italic;font-size:.94rem;color:#6c4b2e}
.paper .seal{text-align:center;font-size:1.25rem;margin:25px 0 0;letter-spacing:.3em}
.site-foot{max-width:900px;margin:0 auto 30px;text-align:center;color:#dfc49a;padding:8px 22px 22px;line-height:1.7;font-size:.94rem}
.site-foot a{color:#f5dca8}
.site-foot .copyright{font-size:.82rem;opacity:.8;margin-top:15px}
@media(max-width:720px){
 .hit{display:none}
 .mobile-nav{display:flex;flex-wrap:wrap}
 .home-brief{margin:15px 14px 30px}
 .paper{width:calc(100% - 20px);border-left-width:7px;border-right-width:7px}
 .paper-inner{padding:26px 22px 9px}
 .paper h2{margin-top:1.35em}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{
 body{background:white;color:black}
 .hero,.mobile-nav,.site-foot{display:none!important}
 .paper{width:100%;box-shadow:none;border:0;margin:0;background:white;color:black}
 .paper:before,.paper:after{display:none}
 .paper-inner{padding:0}
}