:root{--red:#ed1c24;--blue:#115f97;--green:#08713e;--sky:#e7f7ff;--dark:#183247;--paper:#fffdf7;--soft:#f8fdff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(#e7f7ff,#f9fbef);color:var(--dark);line-height:1.62}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.7rem 4vw;background:rgba(255,255,255,.94);box-shadow:0 10px 30px #0001;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;color:var(--blue);font-weight:900;text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain}nav{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}nav a{color:#17334a;text-decoration:none;font-weight:750;font-size:.95rem}.section{max-width:1180px;margin:0 auto;padding:4.5rem 4vw}.section h2{font-size:clamp(2rem,4vw,3.6rem);color:var(--blue);line-height:1.05;margin:0 0 1.4rem;text-transform:uppercase}.hero{padding:3.6rem 4vw 2rem}.hero-card{max-width:1180px;margin:0 auto;position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,#ffffff 0%,#e8f7ff 47%,#d4f0ff 100%);box-shadow:0 24px 70px #0b3b5a22;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:520px}.hero-card:before{content:"";position:absolute;right:-7%;top:-18%;width:58%;height:140%;background:radial-gradient(circle at 30% 30%,#fff8 0 8%,transparent 9%),linear-gradient(135deg,var(--green),#0e89b0);transform:rotate(-8deg);border-radius:60px}.hero-card:after{content:"";position:absolute;right:4%;bottom:8%;width:38%;height:18px;background:linear-gradient(90deg,var(--red),#ffe568,var(--green));border-radius:999px;transform:rotate(-7deg)}.hero-photo{height:100%;min-height:520px;position:relative;z-index:1}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#e8f7ff)}.hero-copy{position:relative;z-index:2;padding:3rem;color:var(--dark)}.hero-title{display:flex;align-items:center;gap:1.3rem;margin-bottom:1rem}.hero-title img{width:172px;filter:drop-shadow(0 10px 16px #0004)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--green)}.hero h1{font-size:clamp(3.8rem,8vw,8.2rem);line-height:.82;margin:.1rem 0 .7rem;text-transform:uppercase;color:var(--blue);letter-spacing:.01em;text-shadow:3px 4px 0 #fff,8px 10px 0 #0001}.hero h1 span{display:inline-block;font-size:1.16em;color:var(--blue);transform:rotate(-4deg);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:8px;text-underline-offset:8px}.btn,button,.map-consent button{display:inline-block;width:max-content;border:0;border-radius:999px;background:var(--red);color:white;padding:.9rem 1.35rem;font-weight:900;text-decoration:none;box-shadow:0 10px 22px #0002;cursor:pointer}.intro{text-align:center}.intro p{font-size:1.25rem}.panel,.newsbox,.weather,.webcam-card,.cloud-card,.section>details,.contact form,.read-panel{background:white;border-radius:28px;padding:2rem;box-shadow:0 16px 40px #0b3b5a18}.news-weather{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:1.5rem;align-items:stretch}.fb-placeholder{min-height:355px;border:4px dashed #bfe2f4;border-radius:24px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#f6fcff,#fff)}.weather{background:#153b57;color:white}.weather h3{font-size:2rem;margin:0;color:white}.station{opacity:.8}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.3rem 0}.weather-grid div{background:#ffffff18;border:1px solid #ffffff25;border-radius:18px;padding:1rem}.weather-grid b,.weather-grid span{display:block}.weather-grid span{font-size:1.45rem;font-weight:900}.rose{width:72px;height:72px;border:3px solid white;border-radius:50%;display:grid!important;place-items:center;margin-top:.4rem}.weather a{color:white;font-weight:800}.split{display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:center}.alt{background:#eaf9f0;border-radius:40px;margin-top:2rem}.photo-stack{display:grid;gap:1rem;transform:rotate(1deg)}.photo-stack img,.wide-photo,.gallery img{width:100%;border-radius:24px;object-fit:cover;box-shadow:0 18px 30px #0002}.photo-stack img{height:230px}.wide-photo{max-height:470px}.webcam-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.5rem;align-items:center}.webcam-card img{width:100%;border-radius:24px;display:block;box-shadow:0 12px 30px #0002}.cloud-card{text-align:center;background:linear-gradient(135deg,#fff,#eaf9f0)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0 2rem}.gallery img{height:220px}.gallery.old img{filter:saturate(.85) contrast(1.03)}details{margin:1rem 0}summary{cursor:pointer;font-weight:900;font-size:1.15rem;color:var(--blue)}.readmore summary{display:inline-block;margin-top:.7rem;background:var(--blue);color:white;border-radius:999px;padding:.65rem 1.05rem;box-shadow:0 10px 20px #0001}.readmore[open] summary{margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cards article{background:white;border-radius:26px;padding:1.25rem 1.5rem;box-shadow:0 14px 32px #0b3b5a14;display:grid;grid-template-columns:74px 1fr;gap:1rem;align-items:start}.icons img{width:62px;height:62px;object-fit:contain}.cards h3{color:var(--blue);text-transform:uppercase;margin:.1rem 0 .25rem}.cards p{margin:0}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start}.claim{font-size:2rem;color:var(--red);font-weight:950;line-height:1.1}label{display:block;font-weight:800;margin-bottom:1rem}input,textarea{width:100%;border:2px solid #dbe8ef;border-radius:14px;padding:.9rem;font:inherit;margin-top:.3rem}.accordion{padding-top:1rem}.accordion details{background:white;border-radius:20px;padding:1.2rem 1.5rem}.map-consent{border-radius:24px;background:#eef8ff;border:2px dashed #bfe2f4;min-height:260px;display:grid;place-items:center;text-align:center;padding:1.2rem}.map-consent iframe{width:100%;height:320px;border:0;border-radius:20px}footer{text-align:center;padding:3rem 4vw;background:#12354e;color:white;margin-top:3rem}@media (max-width:900px){.hero-card,.split,.news-weather,.contact,.webcam-layout{grid-template-columns:1fr}.hero-photo{min-height:340px}.cards,.gallery{grid-template-columns:1fr 1fr}.hero-title{align-items:flex-start}.hero-title img{width:120px}nav{display:none}.hero-card:before{opacity:.25}.hero-photo:after{display:none}}@media (max-width:560px){.cards,.gallery{grid-template-columns:1fr}.cards article{grid-template-columns:1fr}.topbar{position:relative}.gallery img{height:250px}.hero-copy{padding:2rem}.hero-title{display:block}.hero h1{font-size:4rem}}


/* V4 Anpassungen */
.hero-image-section{padding:3rem 4vw 2rem;}
.hero-image-wrap{max-width:1180px;margin:0 auto;border-radius:34px;overflow:hidden;box-shadow:0 24px 70px #0b3b5a22;background:white;}
.hero-image-wrap img{width:100%;display:block;height:auto;}
.intro h2{letter-spacing:.01em;color:var(--blue);text-shadow:2px 3px 0 #fff,6px 8px 0 #0001;}
.gallery.featured{grid-template-columns:1.2fr 1fr 1fr;align-items:stretch;}
.gallery.featured img:first-child{grid-row:span 2;height:460px;}
.gallery.featured img{height:220px;}
.weatherwidget-io{border-radius:22px;overflow:hidden;margin:1rem 0;}
.weather small{color:#fff;opacity:.85;}
#vereinsleben .read-panel{margin-top:1rem;}
@media (max-width:900px){.gallery.featured{grid-template-columns:1fr 1fr}.gallery.featured img:first-child{grid-row:auto;height:260px}.gallery.featured img{height:260px}}
@media (max-width:560px){.hero-image-section{padding:1.2rem 3vw}.hero-image-wrap{border-radius:22px}.intro h2{font-size:2.3rem}.gallery.featured{grid-template-columns:1fr}.gallery.featured img,.gallery.featured img:first-child{height:245px}.weatherwidget-io{min-height:96px}}


/* V5 finale Anpassungen */
.hero-image-wrap{max-width:1180px;margin-left:auto;margin-right:auto;}
.newsbox .btn{margin-top:1rem;}
.fb-placeholder{margin-bottom:1rem;}
.weather-grid div{min-height:86px;}
.weather-updated{margin-top:.5rem;}
.weather-error{color:#fff;background:#ffffff18;border-radius:14px;padding:.75rem;}
@media (max-width:560px){.weather-grid{grid-template-columns:1fr}.section{padding:3rem 4vw}.panel,.newsbox,.weather,.webcam-card,.cloud-card,.section>details,.contact form,.read-panel{border-radius:22px;padding:1.35rem}.fb-placeholder{min-height:220px}}

/* Release Candidate: Facebook-Post-Karte */
.fb-post-card{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:start;text-align:left;width:100%;padding:1rem;}
.fb-post-card img{width:100%;height:140px;object-fit:cover;border-radius:18px;box-shadow:0 10px 22px #0002;}
.fb-post-card strong,.fb-post-card small,.fb-post-card a{display:block;}
.fb-post-card small{opacity:.72;margin:.1rem 0 .6rem;}
.fb-post-card p{margin:.4rem 0 .8rem;}
.fb-post-card a{font-weight:900;color:var(--blue);}
.webcam-image{padding:1rem;}
@media (max-width:560px){.fb-post-card{grid-template-columns:1fr}.fb-post-card img{height:210px}}

/* Facebook Embed mit Klickfreigabe */
.fb-consent small{display:block;max-width:520px;margin:.35rem auto 1rem;}
.fb-load-btn{margin-top:.5rem;}
.fb-embed-loaded{display:block;place-items:initial;padding:0;border-style:solid;background:#fff;}
.fb-iframe-wrap{width:100%;max-width:520px;margin:0 auto;display:flex;justify-content:center;}
.fb-iframe-wrap iframe{width:100%;max-width:500px;height:620px;border-radius:18px;background:#fff;}
@media (max-width:560px){.fb-iframe-wrap iframe{height:540px;}}

/* Endfassung: Kontakt ohne Formular */
.contact-simple{grid-template-columns:.9fr 1.1fr;}
.contact-card{background:white;border-radius:28px;padding:2rem;box-shadow:0 16px 40px #0b3b5a18;}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem;}
.contact-option{display:flex;align-items:center;gap:.9rem;background:#f6fcff;border:2px solid #d7edf8;border-radius:22px;padding:1rem;text-decoration:none;color:var(--dark);font-weight:800;transition:transform .15s ease, box-shadow .15s ease;}
.contact-option:hover{transform:translateY(-2px);box-shadow:0 14px 24px #0b3b5a14;}
.contact-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-size:1.35rem;font-weight:900;}
.contact-icon.whatsapp{background:#20b45b;}
.contact-option b,.contact-option em{display:block;}
.contact-option em{font-style:normal;font-weight:700;color:#31526a;word-break:break-word;}
@media (max-width:900px){.contact-simple,.contact-options{grid-template-columns:1fr;}.contact-card{border-radius:22px;padding:1.35rem;}}

.wind-arrow{display:inline-grid!important;place-items:center;width:34px;height:34px;margin-top:.45rem;border:2px solid rgba(255,255,255,.65);border-radius:50%;font-size:1.45rem;font-weight:900;color:#fff;line-height:1;transition:transform .35s ease;transform-origin:center}.wind-arrow-hidden{display:none!important}.platzordnung-gallery img{object-position:center}