/* Startseite: Preisboxen nach Vorschlag 2, 10.10.2026. */
body.lichtung .kurskachel--modern { border:1px solid #e1ded4; border-radius:16px; background:#FAF8F3; box-shadow:0 6px 22px #24301d14; position:relative; overflow:hidden; }
body.lichtung .kurskachel__bild { aspect-ratio: 1.4; margin:0; }
body.lichtung .kurskachel__bild img { width:100%; height:100%; object-fit:cover; }
body.lichtung .kursband { position:relative; z-index:2; display:flex; justify-content:center; align-items:center; gap:12px; margin:-49px 14px 0; padding:17px 12px 15px; color:#fff; background:#C44A0A; transform:rotate(-3deg); clip-path:polygon(3% 6%,98% 0,96% 9%,100% 14%,97% 23%,100% 29%,98% 43%,100% 53%,97% 65%,100% 73%,97% 86%,99% 95%,2% 100%,4% 88%,0 82%,3% 72%,0 60%,2% 49%,0 39%,3% 29%,0 19%); }
body.lichtung .kursband > span { font-size:40px; line-height:1; color:#f3c27d; }
body.lichtung .kursband strong { display:block; text-transform:uppercase; font:700 23px/1.15 var(--schrift-text, sans-serif); letter-spacing:.025em; }
body.lichtung .kursband small { display:block; font-size:14px; line-height:1.6; text-align:center; }
body.lichtung .kurskachel .karte__koerper { padding:27px 26px 24px; background:linear-gradient(120deg,#fffefa,#f8f5ee); flex:1; display:flex; flex-direction:column; }
body.lichtung .kurskachel .karte__titel { font-family:Georgia,serif; font-size:clamp(27px,2.4vw,35px); line-height:1.13; color:#17351F; margin:0 0 12px; min-height:2.26em; text-wrap:balance; }
body.lichtung .kurskachel .kurskachel__anspruch { font-size:16px; line-height:1.5; color:#33362d; margin:0 0 18px; min-height:3em; }
body.lichtung .kurskachel__preis { display:flex; flex-direction:column; gap:0; align-items:center; margin:0 0 22px; padding:0 0 22px; border-bottom:1px solid #e3ddd0; }
body.lichtung .kurskachel__alt { flex-basis:auto; color:#483c32; font-size:21px; line-height:1.4; text-decoration-color:#C44A0A; text-decoration-thickness:2px; }
body.lichtung .kurskachel__preis b { font-family:Georgia,serif; font-size:clamp(40px,4vw,53px); line-height:1.15; color:#17351F; font-weight:700; white-space:nowrap; }
body.lichtung .kurskachel__preis > span { font-size:15px; color:#30392d; }
body.lichtung .kursdetails { list-style:none; padding:0; margin:0 0 26px; text-align:left; display:grid; gap:17px; }
body.lichtung .kursdetails li { display:flex; align-items:flex-start; gap:14px; padding:0; margin:0; font-size:16px; line-height:1.45; color:#252e23; }
body.lichtung .kursdetails li::before { content:none; }
body.lichtung .kursdetails svg { flex:0 0 26px; width:26px; height:26px; color:#34432b; }
body.lichtung .kurskachel__knopf { margin:auto 0 0; padding:0; }
body.lichtung .kurskachel__knopf .knopf { background:#C44A0A; color:#fff; border:1px solid #a93206; border-radius:6px; padding:17px 12px; font-size:18px; display:flex; justify-content:center; gap:18px; }
body.lichtung .kurskachel__knopf .knopf:hover { background:#922c05; }
body.lichtung .kurswerte { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:28px; color:#283620; }
body.lichtung .kurswerte > span { display:flex; flex-direction:column; align-items:center; gap:8px; font-size:10px; letter-spacing:.045em; text-transform:uppercase; }
body.lichtung .kurswerte svg { width:31px; height:31px; }
@media(max-width:600px) { body.lichtung .kurskachel .karte__koerper { padding:25px 23px; } body.lichtung .kurskachel .karte__titel { font-size:32px; min-height:0; } body.lichtung .kurskachel .kurskachel__anspruch { min-height:0; } body.lichtung .kurskachel__preis b { font-size:49px; } }

body.lichtung .kursband__blatt { width:30px; height:37px; flex:none; color:#f3c27d; }

/* Shared scoped box rules; no header/navigation/footer selectors. */
body.lichtung .kurskachel__bild { height:210px; aspect-ratio:auto; }
body.lichtung .kurskachel--modern { transition:box-shadow 250ms ease,translate 250ms ease; }
@media(hover:hover) { body.lichtung .kurskachel--modern:hover { translate:0 -4px; box-shadow:0 14px 30px #17351f24; } }
body.lichtung .kurskachel--modern .kurskachel__zeit { justify-content:flex-start; text-align:left; font-size:16px; gap:14px; }
body.lichtung .kurskachel--modern .kursdetails li { width:100%; margin-inline:0; }
body.lichtung .kurskachel--modern .knopf,body.lichtung .kursbox-detail .knopf,body.lichtung .kursbox-modul .knopf { min-height:52px; background:#C44A0A; color:white; border-radius:7px; transition:background 250ms,translate 250ms; }
body.lichtung .kurskachel--modern .knopf:hover,body.lichtung .kursbox-detail .knopf:hover,body.lichtung .kursbox-modul .knopf:hover { background:#9d3907; translate:0 -1px; }
body.lichtung .kurskachel--modern a:focus-visible,body.lichtung .kursbox-detail a:focus-visible,body.lichtung .kursbox-modul a:focus-visible { outline:3px solid #17351F; outline-offset:4px; }
.raster:has(> .kurskachel--modern) { align-items:stretch; grid-template-columns:1fr; }
@media(min-width:680px) {.raster:has(> .kurskachel--modern) {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1050px) {.raster:has(> .kurskachel--modern) {grid-template-columns:repeat(3,minmax(0,1fr));}}
body.lichtung .kursbox-detail,body.lichtung .kursbox-modul { background:#FAF8F3; border:1px solid #e1ded4; border-radius:16px; overflow:hidden; box-shadow:0 6px 22px #17351f14; }
body.lichtung .kursbox-detail .kurskarte__bild,body.lichtung .kursbox-modul .karte__bild { height:210px; aspect-ratio:auto; }
body.lichtung .kursbox-detail .kurskarte__bild img,body.lichtung .kursbox-modul .karte__bild img { height:100%; width:100%; object-fit:cover; }
body.lichtung .kursbox-detail .kurskarte__kopf { background:#FAF8F3; color:#34291F; padding:26px; text-align:center; }
body.lichtung .kursbox-detail__titel { font:700 32px/1.15 Georgia,serif; color:#17351F; margin:0 0 12px; text-wrap:balance; }
body.lichtung .kursbox-detail__beschreibung { color:#555; font-size:16px; margin:0 0 20px; }
body.lichtung .kursbox-detail .kurskarte__preis { display:flex; flex-direction:column; align-items:center; gap:3px; }
body.lichtung .kursbox-detail .kurskarte__preis b { color:#17351F; font:700 clamp(40px,4vw,54px)/1.15 Georgia,serif; }
body.lichtung .kursbox-detail .kurskarte__preis span { color:#555; font-size:14px; }
body.lichtung .kursbox-detail .kurskarte__preis .kurskachel__alt { font-size:21px; color:#555; }
body.lichtung .kursbox-detail .karte__koerper { padding:26px; border-top:1px solid #e1ded4; }
body.lichtung .kursbox-detail .kursdetails li { width:100%; }
body.lichtung .kursbox-detail .preisangebot__vorteil { background:transparent; border:0; border-top:1px solid #e1ded4; border-radius:0; padding-bottom:0; }
/* Default is always the regular price, including when JS is unavailable. */
[data-kursaktion-element] { display:none!important; }
html[data-kursaktion="an"] [data-kursaktion-element] { display:revert!important; }
html[data-kursaktion="an"] .kursband[data-kursaktion-element],html[data-kursaktion="an"] .preisangebot__vorteil[data-kursaktion-element] { display:flex!important; }
html[data-kursaktion="an"] [data-kursregulaer] { display:none!important; }
@media(prefers-reduced-motion:reduce) { body.lichtung .kurskachel--modern,body.lichtung .kurskachel--modern *,body.lichtung .kursbox-detail *,body.lichtung .kursbox-modul * { transition:none!important; translate:none!important; } }
body.lichtung .kurskachel--modern .karte__titel a { font:inherit; color:inherit; }
body.lichtung .kurskachel--modern .kurskachel__zeit { margin:0 0 20px; padding:0; }
body.lichtung .kurskachel--modern .kurskachel__zeit svg { width:26px; height:26px; flex:0 0 26px; color:#2D482B; }
body.lichtung .kurskachel--modern .karte__fuss { margin-top:auto; margin-bottom:18px; }
body.lichtung .kurskachel--modern .karte__fuss + .kurskachel__knopf { margin-top:0; }
body.lichtung .kurskachel--modern .karte__titel,body.lichtung .kursbox-detail__titel { max-width:14ch; margin-inline:auto; }
/* Existing price overview has an inline h2 size; override only card headings. */
body.lichtung .kurskachel--modern .karte__titel { font-size:clamp(28px,2.6vw,35px)!important; font-weight:700; }
@media(max-width:600px) {body.lichtung .kurskachel--modern .karte__titel {font-size:32px!important;}}

/* Aussagekräftige, zweifarbige SVG-Piktogramme für Kursleistungen. */
body.lichtung .kursdetails .kursicon,body.lichtung .kurskachel--modern .kurskachel__zeit .kursicon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:38px; border-radius:11px; background:linear-gradient(145deg,#edf1e6,#e3e9db); border:1px solid #d5dfc9; color:#244429; box-shadow:inset 0 1px 0 #fff9; }
body.lichtung .kursdetails .kursicon > svg,body.lichtung .kurskachel--modern .kurskachel__zeit .kursicon > svg { width:27px; height:27px; flex:none; color:inherit; }
body.lichtung .kursdetails li { align-items:center; gap:14px; min-height:38px; }
body.lichtung .kurskachel--modern .kurskachel__zeit { align-items:center; gap:14px; }
body.lichtung .kursdetails .kursicon--abschluss,body.lichtung .kursdetails .kursicon--urkunde,body.lichtung .kursdetails .kursicon--buch { background:linear-gradient(145deg,#f5ecda,#eee3ca); border-color:#e0d3b8; color:#4b3c24; }
@media(max-width:380px) {body.lichtung .kursdetails .kursicon,body.lichtung .kurskachel--modern .kurskachel__zeit .kursicon {flex-basis:34px;width:34px;height:34px;}body.lichtung .kursdetails li {gap:11px;}}

/* Verbindliche Nutzerregel 10.10.2026, präzisiert: Titel in der rechten
   Wochenendkurs-Preisbox groß lassen; zwei ganze Wörter in zwei Zeilen.
   Keine Schriftverkleinerung zum Einpassen, keine Silbentrennung. */
body.lichtung .kursbox-detail__titel,body.lichtung .kurskachel--modern .karte__titel { hyphens:none; -webkit-hyphens:none; word-break:normal; overflow-wrap:normal; }
body.lichtung .kursbox-detail__titel--zweizeilig { max-width:none; width:100%; font-size:32px; text-align:center; }
body.lichtung .kursbox-detail__titel--zweizeilig > span { display:block; white-space:nowrap; }
@media(max-width:380px){body.lichtung .kursbox-detail .kurskarte__kopf {padding-inline:8px;}}