@font-face{font-family:"Barlow Condensed";font-weight:600;src:url(schrift/barlow-condensed-latin-600-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Barlow Condensed";font-weight:700;src:url(schrift/barlow-condensed-latin-700-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Barlow Condensed";font-weight:800;src:url(schrift/barlow-condensed-latin-800-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Barlow;font-weight:400;src:url(schrift/barlow-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Barlow;font-weight:600;src:url(schrift/barlow-latin-600-normal.woff2) format("woff2");font-display:swap}
:root{--blau:#15253F;--blau2:#1d3355;--orange:#F28C00;--hell:#B9C6DA;--papier:#F6F1E7;--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{overflow-x:clip;font:400 17px/1.55 Barlow,system-ui,sans-serif;color:var(--blau);background:var(--papier);padding-bottom:0}
a{color:inherit}
h1,h2,h3,.kopf{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.92;letter-spacing:.005em}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--s3)}
.platz{background:#fff3;border:2px dashed currentColor;padding:0 .25em;font-weight:600;white-space:nowrap}
/* Entwurf-Leiste */
.entwurf{background:var(--orange);color:var(--blau);font:700 15px/1 "Barlow Condensed";text-transform:uppercase;letter-spacing:.06em;position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--s2);min-height:64px;box-shadow:0 -4px 0 var(--blau)}
.entwurf b{font-size:18px}
.entwurf a{background:var(--blau);color:#fff;text-decoration:none;min-height:46px;display:inline-flex;align-items:center;padding:0 20px;font-size:18px;letter-spacing:.05em}
/* Kopf */
.nav{position:sticky;top:0;z-index:15;background:var(--blau);border-bottom:3px solid var(--orange)}
.nav .wrap{display:flex;align-items:center;gap:var(--s3);height:56px}
.nav img{height:34px;width:auto;display:block}
.nav ul{list-style:none;padding:0;display:flex;gap:var(--s3);margin-left:auto;overflow-x:auto;scrollbar-width:none}
.nav li a{color:#fff;text-decoration:none;font:700 20px/1 "Barlow Condensed";text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;display:block;padding:18px 0}
.nav li a:hover{color:var(--orange)}
.nav .logo-voll{display:none}
@media(min-width:760px){.nav .logo-voll{display:block}.nav .logo-klein{display:none}}
@media(max-width:759px){.nav .wrap{gap:14px}.nav ul{gap:12px;margin-left:0}.nav li a{font-size:17px}.nav li:nth-child(n+4){display:none}}
/* Hero */
.hero{background:var(--blau);color:#fff;position:relative;overflow:hidden;padding:var(--s4) 0 calc(var(--s6) + 24px);clip-path:polygon(0 0,100% 0,100% calc(100% - 44px),0 100%)}
.hero{--fs:clamp(76px,22vw,230px)}
.hero .sig{position:absolute;right:20px;top:84px;width:clamp(92px,24vw,240px);height:auto;transform:rotate(7deg);z-index:0}
@media(min-width:900px){.hero .sig{top:calc(var(--fs)*1.23);right:max(24px,calc(50% - 640px));width:clamp(120px,13vw,170px)}.hero{padding-top:var(--s3);padding-bottom:calc(var(--s5) + 24px)}}
.hero .wrap{position:relative}
.hero .kicker{font:700 20px/1 "Barlow Condensed";text-transform:uppercase;letter-spacing:.14em;color:var(--orange);margin-bottom:var(--s2)}
.hero h1{font-weight:800;font-size:var(--fs);text-shadow:0 0 0 #0000}
.hero h1 span{color:var(--orange);display:block;font-size:.84em;white-space:nowrap}
.hero p.wo{margin-top:var(--s3);font:600 clamp(22px,5vw,30px)/1.1 "Barlow Condensed";text-transform:uppercase;letter-spacing:.04em;max-width:22ch;background:var(--blau);padding-right:8px}
.hero .knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s4)}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;font:800 22px/1 "Barlow Condensed";text-transform:uppercase;letter-spacing:.05em;text-decoration:none;background:var(--orange);color:var(--blau);border:3px solid var(--orange);cursor:pointer}
.btn.leise{background:transparent;color:#fff;border-color:#fff}
.band{background:var(--orange);color:var(--blau);transform:rotate(-1.6deg);margin:-48px -10px 0;position:relative;z-index:2;padding:14px 0;font:800 clamp(22px,4vw,34px)/1 "Barlow Condensed";text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;box-shadow:0 5px 0 var(--blau)}
.band span{display:inline-block;padding:0 14px}
.band i{font-style:normal;color:#fff}
/* Abschnitte */
section{padding:var(--s6) 0}
h2{font-weight:800;font-size:clamp(46px,11vw,112px);margin-bottom:var(--s4)}
h2 em{font-style:normal;color:var(--orange)}
.vorspann{font-size:20px;max-width:62ch}
/* Leistungen */
#leistungen{padding-top:calc(var(--s6) + 16px)}
.liste{list-style:none;padding:0;border-top:4px solid var(--blau)}
.liste li{display:grid;grid-template-columns:1fr;gap:var(--s1);padding:var(--s3) 0;border-bottom:4px solid var(--blau);align-items:start}
.liste .nr{font:800 44px/.85 "Barlow Condensed";color:var(--orange)}
.liste h3{font-weight:800;font-size:clamp(34px,11vw,76px);margin-bottom:10px}
.liste p{max-width:56ch}
@media(min-width:900px){.liste{--f:clamp(40px,4.4vw,64px)}.liste li{grid-template-columns:130px calc(var(--f)*8.6) minmax(0,1fr);column-gap:var(--s3);align-items:center}.liste .nr{font-size:110px}.liste h3{margin:0;font-size:var(--f)}}
/* Dorfnachrichten */
#dorf{background:var(--blau);color:#fff;clip-path:polygon(0 36px,100% 0,100% 100%,0 100%);padding-top:calc(var(--s6) + 40px)}
#dorf .raster{display:grid;gap:var(--s5)}
@media(min-width:900px){#dorf .raster{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}#dorf h2{font-size:clamp(46px,6vw,84px)}form.bericht{margin-top:0}}
.heft{background:var(--papier);color:var(--blau);padding:var(--s3);border:4px solid var(--orange);box-shadow:10px 10px 0 var(--orange);transform:rotate(-1.2deg);max-width:420px}
.heft .t{font:800 clamp(38px,9vw,50px)/.9 "Barlow Condensed";text-transform:uppercase}
.heft .u{font:700 18px/1.2 "Barlow Condensed";text-transform:uppercase;letter-spacing:.1em;color:var(--orange);margin-top:10px;background:var(--blau);display:inline-block;padding:4px 10px}
.heft .f{margin-top:var(--s3);display:flex;gap:10px;flex-wrap:wrap;font:700 18px "Barlow Condensed";text-transform:uppercase}
.heft .f span{border:2px solid var(--blau);padding:4px 10px}
form.bericht{background:var(--papier);color:var(--blau);padding:var(--s3);margin-top:var(--s4)}
form.bericht h3{font-weight:800;font-size:44px;margin-bottom:8px}
form.bericht .hinweis{font-size:16px;margin-bottom:var(--s3)}
label{display:block;font:700 18px/1 "Barlow Condensed";text-transform:uppercase;letter-spacing:.06em;margin:var(--s2) 0 6px}
input,textarea{width:100%;font:400 17px Barlow,sans-serif;color:var(--blau);background:#fff;border:2px solid var(--blau);padding:12px;min-height:48px;border-radius:0}
textarea{min-height:170px}
input:focus,textarea:focus,a:focus-visible,.btn:focus-visible{outline:4px solid var(--orange);outline-offset:2px}
form.bericht .zeile{display:grid;gap:0 var(--s2)}
@media(min-width:600px){form.bericht .zeile{grid-template-columns:1fr 1fr}}
form.bericht small{display:block;margin-top:6px;font-size:15px}
form.bericht .btn{background:var(--blau);border-color:var(--blau);color:#fff;margin-top:var(--s3)}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:var(--s2);font-size:15px}
.check input{width:24px;min-height:24px;margin-top:2px;flex:none}
/* Kontakt */
#kontakt{background:var(--orange);clip-path:polygon(0 0,100% 36px,100% 100%,0 100%);padding-top:calc(var(--s6) + 24px);padding-bottom:var(--s5)}
#kontakt h2{color:var(--blau)}
#kontakt h2 em{color:#fff}
.kk{display:grid;gap:var(--s4)}
@media(min-width:800px){.kk{grid-template-columns:1fr 1fr}}
.kk dl{display:grid;gap:var(--s2)}
.kk dt{font:700 20px/1 "Barlow Condensed";text-transform:uppercase;letter-spacing:.1em}
.kk dd{font:800 clamp(30px,6vw,44px)/1 "Barlow Condensed";text-transform:uppercase;margin-top:4px}
.kk .platz{background:#15253F18}
form.anfrage{background:var(--blau);color:#fff;padding:var(--s3)}
form.anfrage input,form.anfrage textarea{border-color:#fff}
form.anfrage .btn{margin-top:var(--s3)}
footer{background:var(--blau);color:var(--hell);padding:var(--s4) 0 calc(var(--s5) + 40px);font-size:16px}
footer .wrap{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between}
footer img{height:36px}
footer a{color:#fff}
.recht{padding:var(--s5) 0;background:var(--papier)}
.recht h1{font-weight:800;font-size:clamp(52px,12vw,96px);margin-bottom:var(--s3)}
.recht h2{font-size:36px;margin:var(--s4) 0 var(--s1)}
.recht p{max-width:65ch;margin-bottom:var(--s2)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.fang{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.abstand{margin-top:var(--s4)}
p.vorspann.abstand{margin-top:0;margin-bottom:var(--s4)}
#kontakt.unten{padding-bottom:var(--s6)}
form.anfrage .erste{margin-top:0}
form small{display:block;margin-top:6px;font-size:15px}