
:root{--green:#354b39;--sage:#788b70;--cream:#f8f5ee;--gold:#b89a58;--ink:#303b30}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 Arial,sans-serif}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.2}h1{font-size:clamp(42px,6vw,76px)}h2{font-size:clamp(30px,4vw,48px)}a{color:inherit}header{background:#f8f5eeeF;backdrop-filter:blur(12px);position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:10px max(4%,calc((100% - 1300px)/2));box-shadow:0 2px 14px #243b2914}header img{width:120px;max-height:75px;object-fit:contain}nav{display:flex;flex-wrap:wrap;gap:8px 20px}nav a{text-decoration:none;font-size:14px;font-weight:bold}nav a:hover,nav a[aria-current=page]{color:#96783b}main{min-height:65vh}.hero{background:linear-gradient(90deg,#f8f5eeb5,#f8f5ee55),url('assets/sonnenuntergang.webp') center/cover;min-height:570px;display:flex;align-items:center;justify-content:center;text-align:center;padding:65px 20px}.hero h1{font-size:clamp(60px,10vw,115px);color:var(--green);margin:10px}.motto{font:italic clamp(23px,3vw,39px) Georgia,serif}.wrap{max-width:1160px;margin:auto;padding:72px 24px}.intro{text-align:center;max-width:850px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;color:#947b42;font-weight:bold}.lead{font-size:19px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.card{background:white;padding:30px;border:1px solid #e7e6da;border-radius:14px;box-shadow:0 8px 25px #2233230c}.card h3{font-size:27px;margin:0 0 14px}.btn{display:inline-block;background:var(--green);color:white;padding:11px 24px;border-radius:25px;text-decoration:none;border:0;cursor:pointer;font:inherit;font-size:14px}.btn:hover{background:#61745c}.btn.light{background:#e7eadf;color:var(--green)}.card .btn{margin-top:10px}.alt{background:#eeeee4}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split img{width:100%;max-height:520px;object-fit:cover;border-radius:160px 160px 15px 15px}.banner{background:linear-gradient(110deg,#344b3be8,#344b3bca),url('assets/sonnenuntergang.webp') center/cover;color:white;padding:70px 24px;text-align:center}.banner h1{margin:0}.crumb{font-size:13px;color:#e3d7b6}.links{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.info{background:#eef0e8;border-left:4px solid var(--sage);padding:17px 22px;border-radius:8px;margin:22px 0}.calendar-panel{background:#fff;border:1px solid #e2e5da;border-radius:18px;padding:22px;box-shadow:0 6px 25px #2233230c}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.controls button,.controls select{background:#edf0e8;border:1px solid #d8dfd2;border-radius:8px;padding:10px 13px;font:inherit;cursor:pointer;color:var(--green)}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday{text-align:center;font-size:12px;font-weight:bold;padding:8px 0;color:#687867}.day{min-height:66px;border:1px solid #e9ece6;border-radius:8px;padding:8px;text-align:left;background:#fafbf9;font-size:14px}.day.target{background:#e6ecdf;border-color:#b6c4ad}.day.empty{border:0;background:transparent}.day small{display:block;font-size:10px;color:#687867}.year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mini{border:1px solid #e1e7dd;border-radius:12px;padding:14px}.mini h3{margin:0 0 8px;font-size:19px}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.mini-grid span{font-size:11px;min-height:23px;border-radius:4px}.mini-grid .target{background:#dce7d5}.legend{font-size:13px;color:#64715f;margin-top:20px}.swatch{display:inline-block;width:11px;height:11px;background:#dce7d5;border-radius:2px;margin-right:5px}.notice{font-size:13px;color:#667265}.contact{background:var(--green);color:white;text-align:center;padding:70px 24px}footer{text-align:center;padding:24px;font-size:13px;background:#ecebe2;color:#5a6659}footer a{margin:0 7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:bold;font-size:14px;margin:8px 0 4px}input,select,textarea{width:100%;padding:12px;border:1px solid #c9d2c5;border-radius:8px;font:inherit}textarea{min-height:110px}.preview{background:#fff4dc;border:1px solid #e8d4a7;border-radius:10px;padding:16px;margin:20px 0}@media(max-width:850px){header{position:relative;display:block;text-align:center}nav{justify-content:center;gap:8px 14px}.cards,.year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.wrap{padding:48px 20px}}@media(max-width:520px){.cards,.year-grid,.form-grid{grid-template-columns:1fr}.day{min-height:45px;padding:4px;font-size:12px}.calendar{gap:2px}.calendar-panel{padding:12px}.hero{min-height:480px}}

.hero-content{display:flex;flex-direction:column;align-items:center;max-width:850px}.hero-logo{display:block;width:clamp(210px,32vw,390px);height:auto;max-height:320px;object-fit:contain;filter:drop-shadow(0 5px 12px #1b281b33);margin-bottom:10px}.hero h1{font-size:clamp(34px,5.5vw,70px);margin:4px 0 8px}.hero{min-height:690px;background:linear-gradient(90deg,#f8f5eecc,#f8f5ee65),url('assets/sonnenuntergang.webp') center/cover}.card[id]{scroll-margin-top:130px}@media(max-width:520px){.hero{min-height:580px}.hero-logo{width:240px}}

/* Version 4 – großzügige, klar gegliederte Startseite */
header .brand-text{font-family:Georgia,serif;font-size:22px;font-weight:600;letter-spacing:.1em;text-decoration:none;color:var(--green);white-space:nowrap}
.section-heading{font-family:Georgia,serif;font-size:clamp(39px,5vw,62px);line-height:1.12;letter-spacing:-.025em;color:var(--green);margin:0 0 18px;text-transform:none;font-weight:normal}
.section-subtitle{font-size:clamp(24px,2.8vw,34px);margin:0 0 22px;color:#61715d}
.wrap{padding-top:95px;padding-bottom:95px}
.intro{padding-top:110px;padding-bottom:110px}
.hero-logo{width:clamp(280px,42vw,530px);max-height:430px;margin-bottom:0}
.hero h1{font-size:clamp(24px,3.2vw,42px);margin:0 0 10px}
.hero{min-height:730px}
.cards{gap:26px;margin-top:44px}
.card{padding:38px 32px;border-radius:18px}
.card h3{font-size:clamp(25px,2.5vw,33px)}
.card p{font-size:17px}
main>section.wrap:nth-of-type(even){background:#f0f1e9;max-width:none;padding-left:max(24px,calc((100% - 1112px)/2));padding-right:max(24px,calc((100% - 1112px)/2))}
@media(max-width:850px){.wrap{padding-top:60px;padding-bottom:60px}.intro{padding-top:70px;padding-bottom:70px}.hero{min-height:620px}}
@media(max-width:520px){.hero-logo{width:290px}.hero{min-height:580px}.section-heading{font-size:38px}.card{padding:28px 23px}}

/* Version 5: extra-grosses Lotus-Logo auf der Startseite */
.hero-content{width:100%;max-width:1000px}
.hero-logo{width:min(76vw,780px);max-height:none;height:auto;margin:0 auto -8px;object-fit:contain}
.hero h1{font-size:clamp(22px,2.7vw,36px)}
.hero{min-height:800px}
@media(max-width:520px){.hero-logo{width:94vw;max-height:none}.hero{min-height:650px}}

/* Version 6 – Startseite nach Bildvorlage, mit eigenem Original-Logo */
.home-header{position:absolute;left:0;right:0;top:0;background:transparent;box-shadow:none;backdrop-filter:none;padding-top:26px;align-items:flex-start}
.home-header .brand-text{font-size:0;pointer-events:none}
.home-header nav{margin-left:auto;gap:clamp(12px,2.4vw,36px)}
.home-header nav a{font-size:clamp(12px,1vw,16px);font-weight:400;letter-spacing:.01em;color:#304333;text-shadow:0 1px 8px #ffffffbb}
.home-header nav a:hover,.home-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;color:#304333}
.hero-reference{min-height:min(820px,100svh);padding:105px 20px 65px;background:linear-gradient(90deg,#f8f5ee77,#f8f5ee44),url('assets/sonnenuntergang.webp') center/cover}
.hero-reference .hero-content{max-width:1000px;gap:0}
.hero-reference .hero-logo{width:clamp(330px,42vw,600px);max-width:90vw;height:auto;margin:0 auto 0;filter:drop-shadow(0 2px 4px #ffffff66)}
.hero-reference h1{font:400 clamp(17px,1.75vw,26px)/1.3 Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;color:#314632;margin:0 0 16px}
.hero-reference .motto{font:italic clamp(24px,2.8vw,40px)/1.35 Georgia,serif;color:#314632;margin:0 0 35px}
.hero-reference .btn{background:#697e60;font-size:clamp(13px,1.2vw,18px);letter-spacing:.07em;padding:16px 34px;border-radius:50px}
@media(max-width:850px){.home-header{position:absolute;padding:15px 14px}.home-header nav{justify-content:center}.hero-reference{min-height:710px;padding-top:130px}.hero-reference .hero-logo{width:min(90vw,560px)}}
@media(max-width:520px){.home-header nav{gap:9px}.home-header nav a{font-size:11px}.hero-reference{min-height:650px;padding-top:145px}.hero-reference .hero-logo{width:94vw}.hero-reference h1{letter-spacing:.12em;font-size:15px}.hero-reference .motto{font-size:25px}}

/* Startseite: zwei Kurstage nebeneinander; Specials separat */
.two-courses{grid-template-columns:repeat(2,minmax(0,1fr));}
.events-section{background:#edf0e7;max-width:none;padding-left:max(24px,calc((100% - 1112px)/2));padding-right:max(24px,calc((100% - 1112px)/2));}
@media(max-width:600px){.two-courses{grid-template-columns:1fr;}}

/* Version 13: zweite Seite beginnt mit Willkommen statt erneutem Startseiten-Hero */
.welcome-cover{min-height:510px;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 24px 80px;background:linear-gradient(90deg,rgba(245,241,230,.83),rgba(245,241,230,.56)),url('assets/claudia.jpg') center 36%/cover no-repeat}
.welcome-cover-inner{max-width:850px;padding:28px 34px;background:rgba(248,245,238,.67);border-radius:18px;backdrop-filter:blur(3px)}
.welcome-cover h1{font:normal clamp(44px,6vw,80px)/1.12 Georgia,serif;color:#354b39;margin:0 0 20px}
.welcome-cover-inner>p:nth-child(2){font:italic clamp(23px,3vw,36px) Georgia,serif;color:#354b39;margin:0 0 14px}
.welcome-intro{font-size:clamp(17px,2vw,21px);margin:0}
.centered-heading{text-align:center}
.back-to-home{position:absolute;top:18px;left:24px;z-index:2;color:#354b39;background:#f8f5eee0;border-radius:25px;padding:8px 16px;text-decoration:none;font-size:14px}
@media(max-width:600px){.welcome-cover{min-height:470px;padding:80px 18px 50px}.welcome-cover-inner{padding:24px 18px}.back-to-home{top:10px;left:10px}}

/* Version 14: Bilder und mittig ausgerichtete Kurskacheln */
.welcome-cover{background:linear-gradient(90deg,rgba(245,241,230,.64),rgba(245,241,230,.42)),url('assets/willkommen-yoga.jpg') center 52%/cover no-repeat}
.welcome-cover-inner{background:rgba(248,245,238,.72)}
.welcome-cover h1{font-size:clamp(38px,5.6vw,72px)}
.two-courses .photo-course{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:42px 28px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background-size:cover;background-position:center}
.two-courses .photo-course::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,42,30,.38),rgba(24,42,30,.74));z-index:-1}
.two-courses .wednesday-photo{background-image:url('assets/mittwoch-yogaraum-neu.webp')}
.two-courses .thursday-photo{background-image:url('assets/donnerstag-yoga.jpg')}
.two-courses .photo-course h3{font-size:clamp(30px,3vw,42px);color:white}
.two-courses .photo-course p{max-width:310px;margin:10px auto 20px}
.two-courses .photo-course .btn{margin-top:10px;background:#f5f0e6;color:#354b39;font-weight:bold}
.two-courses .photo-course .btn:hover{background:#e4d9bb}
.events-with-photo{background:linear-gradient(90deg,rgba(248,245,238,.95),rgba(248,245,238,.80)),url('assets/veranstaltungen-wald.jpg') center/cover;border-radius:20px;margin-top:25px;margin-bottom:25px}
@media(max-width:600px){.two-courses .photo-course{min-height:300px}}

/* Version 15: Unterseiten und Kursblock-Muster */
.welcome-cover-inner{background:transparent!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important}
.welcome-cover h1{font-size:clamp(54px,7vw,96px)!important;margin-bottom:12px!important}
.welcome-cover-inner .welcome-tagline{font:italic clamp(24px,3vw,38px) Georgia,serif;margin:0 0 10px;color:#354b39}
.welcome-cover-inner .welcome-place{font-weight:bold;font-size:clamp(20px,2.4vw,29px);margin:0 0 3px}
.welcome-cover-inner .welcome-intro{font-size:clamp(16px,1.7vw,21px)}
.v15-page{min-height:100vh;background:#f8f5ee}.v15-head{background:linear-gradient(100deg,#354b39ee,#354b39a8),url('assets/veranstaltungen-wald.jpg') center/cover;color:#fff;text-align:center;padding:88px 24px 65px}.v15-head h1{font-size:clamp(38px,5vw,66px);margin:5px 0}.v15-head p{font-size:18px}.v15-nav{background:#f4f1e8;padding:15px max(20px,calc((100% - 1120px)/2));display:flex;gap:18px;flex-wrap:wrap}.v15-nav a{text-decoration:none;color:#354b39;font-size:14px;font-weight:bold}.v15-wrap{max-width:1120px;margin:0 auto;padding:65px 24px}.v15-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.v15-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.v15-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #243a2817;display:flex;flex-direction:column;text-align:center}.v15-card img{width:100%;height:230px;object-fit:cover}.v15-card .inside{padding:27px 25px 30px;flex:1;display:flex;flex-direction:column;align-items:center}.v15-card h2{font-size:clamp(26px,3vw,36px);margin:0 0 12px;color:#354b39}.v15-card p{margin:0 0 18px}.v15-card .btn{margin-top:auto}.v15-note{background:#e9ede5;border-radius:16px;padding:22px 25px;margin:30px 0}.v15-section-title{text-align:center;font-size:clamp(35px,4.3vw,54px);color:#354b39;margin:0 0 34px}.v15-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.v15-detail img{width:100%;border-radius:18px;max-height:470px;object-fit:cover}.v15-terms{background:white;border-radius:16px;padding:25px;box-shadow:0 8px 24px #243a2812}.v15-terms li{padding:7px 0;border-bottom:1px solid #e9ece6}.v15-tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8b753d;font-weight:bold}.v15-disabled{display:inline-block;padding:12px 24px;border-radius:25px;background:#d8dfd5;color:#50634f;font-weight:bold}.v15-footer{text-align:center;background:#e9ece4;padding:26px}.v15-steps{text-align:center;color:#657361;margin-bottom:35px}@media(max-width:760px){.v15-grid,.v15-grid.three,.v15-detail{grid-template-columns:1fr}.v15-wrap{padding:44px 18px}.v15-card img{height:210px}}

/* Zurueck-Navigation auf allen Unterseiten */
.ch-back-wrap{max-width:1140px;margin:16px auto 0;padding:0 22px;}
.ch-back-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;border:1px solid #8b9f82;border-radius:999px;background:rgba(248,247,238,.95);color:#3e6248;text-decoration:none;font-size:15px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.ch-back-button:hover,.ch-back-button:focus{background:#e4ebdd;outline-offset:3px}

/* Version 18: Yogastile im gleichen Kartenlayout wie Kursblöcke */
.ch-styles .v15-grid{margin-top:34px}.ch-styles .v15-card{min-width:0}.ch-styles .v15-card img{height:230px}.ch-styles .v15-card .inside{justify-content:center}.ch-styles .v15-card h2{font-size:clamp(25px,2.6vw,34px)}@media(max-width:760px){.ch-styles .v15-grid.three{grid-template-columns:1fr}}

/* Version 55: Mittwochs-Yoga Foto auf der Startseite vollständig sichtbar */
.two-courses .wednesday-photo{background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;background-color:#4d594b!important;}
.two-courses .wednesday-photo::before{background:linear-gradient(180deg,rgba(24,42,30,.42),rgba(24,42,30,.68))!important;}

/* Testversion 56: gleichmäßig gefüllte Kurskacheln und freundlichere Fotos */
.two-courses .wednesday-photo{background-image:url('assets/mittwoch-yogaraum-passend.jpg')!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;background-color:transparent!important}
.two-courses .thursday-photo{background-size:cover!important;background-position:center 28%!important}
.two-courses .photo-course::before,.two-courses .wednesday-photo::before{background:linear-gradient(180deg,rgba(23,39,30,.13),rgba(23,39,30,.35))!important}
.two-courses .photo-course{text-shadow:0 2px 9px rgba(0,0,0,.60)}
.two-courses .photo-course .btn{text-shadow:none}

/* V57: echtes vollflaechiges Mittwochs-Foto ohne unscharfe Randstreifen */
.two-courses .wednesday-photo{background-image:url("assets/mittwoch-yogaraum-passend.jpg")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}

/* V59: Mittwochs-Kachel ohne unscharfe Ränder, Bild füllt gesamte Fläche */
.two-courses .wednesday-photo{background-image:url("assets/mittwoch-yogaraum-neu.webp")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}

/* V60: Das vollformatige 3:2-Yogaraumfoto füllt die Startseiten-Kachel ohne Ausschnitt oder Balken. */
.two-courses .wednesday-photo{background-image:url('assets/mittwoch-yogaraum-karte-v60.jpg')!important;background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;}
.two-courses .wednesday-photo::before{background:linear-gradient(180deg,rgba(19,34,25,.08),rgba(19,34,25,.27))!important;}

/* Version 61: neues Mittwochsmotiv auf der Startseite */
.two-courses .wednesday-photo{background-image:url("assets/mittwoch-drei-personen-schneidersitz-v61.webp")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}
.two-courses .wednesday-photo::before{background:rgba(0,0,0,0)!important;}
/* Das gewählte Foto enthält bereits die Beschriftung: keine doppelte Typografie. */
.two-courses .wednesday-photo>h3,.two-courses .wednesday-photo>p{visibility:hidden!important;}
.two-courses .wednesday-photo>a.btn{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;opacity:0!important;z-index:3!important;margin:0!important;border-radius:inherit!important;}
.two-courses .wednesday-photo{position:relative!important;}

/* V62: Kurskarten im Layout der Veranstaltungen & Specials */
.ch-course-grid-v62{margin-top:34px}
.ch-course-grid-v62 .ch-course-card-v62{padding:0;min-height:0;isolation:auto;color:var(--ink);text-shadow:none}
.ch-course-grid-v62 .ch-course-card-v62 img{display:block;width:100%;height:230px;object-fit:cover;object-position:center 38%}
.ch-course-grid-v62 .ch-course-card-v62 .inside{padding:27px 25px 30px}
.ch-course-grid-v62 .ch-course-card-v62 h2{font-size:clamp(26px,3vw,36px);margin:0 0 12px;color:#354b39}
.ch-course-grid-v62 .ch-course-card-v62 p{margin:0 0 18px;color:#303b30}
.ch-course-grid-v62 .ch-course-card-v62 .btn{position:static!important;inset:auto!important;opacity:1!important;width:auto!important;height:auto!important;max-width:none!important;visibility:visible!important;margin-top:auto!important;background:#354b39;color:#fff;text-shadow:none!important;border-radius:25px!important}
.ch-course-grid-v62 .ch-course-card-v62::before{content:none!important}
@media(max-width:760px){.ch-course-grid-v62{grid-template-columns:1fr}.ch-course-grid-v62 .ch-course-card-v62 img{height:210px}}
