/*
Theme Name: Achterle der Blauen Sieben
Theme URI: https://example.com/
Author: OpenAI
Description: Schlankes, responsives One-Page-Theme für Das 8erle der Blauen Sieben aus Bundorf.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: achterle-blaue-sieben
*/
:root{--navy:#102d52;--blue:#1769aa;--sky:#eaf4fc;--gold:#e9b84b;--ink:#182334;--muted:#64748b;--paper:#fff;--radius:22px;--shadow:0 18px 55px rgba(16,45,82,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e6edf5}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;color:var(--navy);letter-spacing:-.04em;font-size:1.1rem}.brand span{color:var(--blue)}.menu{display:flex;gap:24px;align-items:center}.menu a{font-size:.92rem;font-weight:650;color:var(--navy)}.hero{background:radial-gradient(circle at 85% 15%,#367fb8 0,transparent 30%),linear-gradient(135deg,#0c2341,#174e82);color:white;padding:110px 0 100px;overflow:hidden;position:relative}.hero:after{content:"7";position:absolute;right:7%;top:-125px;font-size:36rem;line-height:1;font-weight:950;color:rgba(255,255,255,.055);transform:rotate(8deg);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:#f5ce72}.hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.98;letter-spacing:-.06em;margin:18px 0 24px}.hero p{font-size:1.2rem;max-width:620px;color:#e4eff9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;padding:13px 21px;border-radius:999px;font-weight:800;background:var(--gold);color:#172b42}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff}.section{padding:84px 0}.section.soft{background:var(--sky)}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.045em;color:var(--navy);margin:0 0 18px}.lead{font-size:1.12rem;color:var(--muted);max-width:720px}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.feature{background:white;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);border:1px solid #e8eef5}.feature .number{font-size:4rem;line-height:1;font-weight:950;color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{background:white;padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e8eef5}.card h3{margin:0 0 10px;color:var(--navy);font-size:1.2rem}.card p{margin:0;color:var(--muted)}.quote{font-size:1.5rem;line-height:1.4;color:var(--navy);font-weight:750;border-left:5px solid var(--gold);padding-left:24px}.cta{background:var(--navy);color:white;border-radius:28px;padding:48px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{color:white;margin:0 0 10px}.cta p{color:#d6e4f2;margin:0}.site-footer{background:#0a1c33;color:#c5d3e2;padding:36px 0;font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer a{color:white}.notice{font-size:.88rem;color:var(--muted);margin-top:20px}.content{padding:60px 0;min-height:45vh}.content h1{color:var(--navy)}@media(max-width:760px){.nav{align-items:flex-start;padding:18px 0;flex-direction:column}.menu{gap:14px;flex-wrap:wrap}.hero{padding:78px 0}.hero:after{right:-80px;font-size:24rem}.two,.cards{grid-template-columns:1fr}.section{padding:62px 0}.cta{padding:30px;display:block}.cta .btn{margin-top:20px}}

:root{--navy:#083d4b;--blue:#087d87;--sky:#e7f8f3;--gold:#ffb6c9;--ink:#16333c}
.hero{background:linear-gradient(90deg,rgba(5,39,49,.94) 0%,rgba(5,39,49,.73) 50%,rgba(5,39,49,.12) 100%),url('assets/hero.webp') center 34%/cover no-repeat;min-height:640px;display:flex;align-items:center}
.hero:after{content:none}.hero h1{max-width:800px}.hero .eyebrow{color:#9cf0df}.btn{background:#ffb6c9;color:#17323c}.btn.secondary{color:white}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.photo-grid img{width:100%;height:270px;object-fit:cover;border-radius:16px}.photo-grid img:first-child{grid-column:span 2;grid-row:span 2;height:552px}.phone{font-weight:850;font-size:1.2rem}.flamingo{color:#f99bb4}.feature{overflow:hidden}.feature img{display:block;width:100%;height:390px;object-fit:cover;border-radius:14px}.small-note{font-size:.85rem;color:#62757a}
@media(max-width:760px){.hero{min-height:560px;background-position:60% center}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-grid img{height:180px}.photo-grid img:first-child{height:372px}.feature img{height:300px}}

/* Termine 2026/27 */
.hero .hero-inner p strong{color:#fff;font-weight:850}.termine-list{margin-top:32px}.termine-month{color:var(--navy);font-size:1.5rem;margin:32px 0 12px}.termine-month-list{border:1px solid #dcece9;border-radius:18px;overflow:hidden}.termin{display:flex;align-items:center;gap:22px;padding:15px 20px;border-bottom:1px solid #e5eeed;background:#fff}.termin:last-child{border-bottom:0}.termin:nth-child(even){background:#f7fcfa}.termin-date{min-width:85px;display:flex;flex-direction:column;color:var(--blue);line-height:1.25}.termin-date strong{font-size:1.3rem}.termin-date span{font-size:.82rem}.termin-detail{display:flex;flex-direction:column;line-height:1.5}.termin-detail strong{color:var(--navy)}.termin-detail span{color:#536b72}@media(max-width:760px){.termin{gap:12px;padding:14px 12px}.termin-date{min-width:72px}.termin-date strong{font-size:1.12rem}}

.gallery-subtitle{margin:38px 0 20px;color:var(--navy);font-size:1.5rem}.new-gallery img{object-fit:cover;object-position:center 35%}

.legal-page{max-width:850px}.legal-page h2{color:var(--navy);font-size:1.35rem;margin-top:32px}.legal-page p{overflow-wrap:anywhere}

/* WordPress block editor compatibility */
.wp-block-image img{max-width:100%;height:auto}.editable-page{padding-top:48px;padding-bottom:48px}
.photo-grid figure{margin:0}.photo-grid figure img{display:block;width:100%;height:100%;object-fit:cover}