@font-face{font-family: "Fraunces";src: url("../fonts/fraunces-400.woff2") format("woff2");font-weight: 400;font-display: swap}@font-face{font-family: "Fraunces";src: url("../fonts/fraunces-600.woff2") format("woff2");font-weight: 600;font-display: swap}@font-face{font-family: "Fraunces";src: url("../fonts/fraunces-400-italic.woff2") format("woff2");font-weight: 400;font-style: italic;font-display: swap}@font-face{font-family: "Nunito Sans";src: url("../fonts/nunito-sans-400.woff2") format("woff2");font-weight: 400;font-display: swap}@font-face{font-family: "Nunito Sans";src: url("../fonts/nunito-sans-600.woff2") format("woff2");font-weight: 600;font-display: swap}@font-face{font-family: "Nunito Sans";src: url("../fonts/nunito-sans-700.woff2") format("woff2");font-weight: 700;font-display: swap}:root{--wald: #2f4a3a;--wald-2: #243a2d;--moos: #7c8f5a;--moos-hell: #e4e8d6;--orange: #c8742c;--orange-text: #9a5419;--orange-hell: #f6e3cf;--creme: #f6f1e7;--papier: #fbf8f2;--rinde: #5a4232;--text: #2a2620;--grau: #5c544a;--linie: #e3d8c5;--weiss: #ffffff;--serif: "Fraunces",Georgia,"Times New Roman",serif;--sans: "Nunito Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--breite: 1220px;--r: 22px;--balken-h: var(--kw-balken-h,58px);--kopf-h: 76px;--schatten: 0 2px 4px rgb(42 38 32 / 0.05),0 12px 32px rgb(42 38 32 / 0.08);--schatten-gross: 0 4px 8px rgb(42 38 32 / 0.06),0 26px 60px rgb(42 38 32 / 0.16);--koernung: radial-gradient(circle at 1px 1px,rgb(90 66 50 / 0.07) 0.8px,transparent 1.3px);color-scheme: light}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--balken-h) + var(--kopf-h) + 16px)}body{margin: 0;font-family: var(--sans);font-size: 1.0625rem;line-height: 1.7;color: var(--text);background: var(--creme) var(--koernung);overflow-x: clip}body,.kopf,.vertrauen,.abschnitt.moos,.abschnitt.wald,.hinten,.fuss,.nav,.demo-dialog,.buchen-dialog{background-size: 7px 7px}img{display: block;max-width: 100%;height: auto}[hidden]{display: none !important}address{font-style: normal}h1,h2,h3{font-family: var(--serif);font-weight: 600;line-height: 1.08;letter-spacing: -0.02em;margin: 0 0 0.5em;text-wrap: balance;color: var(--wald)}h1{font-size: clamp(2.7rem,6.4vw,5rem)}h2{font-size: clamp(2rem,4.2vw,3.2rem)}h3{font-size: 1.45rem}h1 em,h2 em,h3 em{font-style: italic;font-weight: 400;color: var(--orange-text)}p{margin: 0 0 1em}a{color: var(--orange-text);text-underline-offset: 0.2em}a:hover{color: var(--rinde)}:focus-visible{outline: 3px solid var(--orange);outline-offset: 3px;border-radius: 6px}.vh{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: 1rem;top: -4rem;z-index: 2000;background: var(--wald);color: var(--weiss);padding: 0.6rem 1rem;border-radius: 10px}.skip:focus{top: 4.5rem;color: var(--weiss)}.wrap{width: min(100% - 2.5rem,var(--breite));margin-inline: auto;position: relative;z-index: 2}.schmal{width: min(100% - 2.5rem,840px);margin-inline: auto;position: relative;z-index: 2}.mitte{text-align: center}.mitte .lead{margin-inline: auto}.ueber{display: inline-flex;align-items: center;gap: 0.55rem;font-weight: 700;font-size: 0.85rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--moos);margin-bottom: 0.9rem;color: #59683f}.ueber svg{width: 1.1rem;height: 1.1rem;fill: currentColor}.lead{font-size: clamp(1.1rem,1.6vw,1.28rem);color: var(--grau);max-width: 38rem}.hand{font-family: var(--serif);font-style: italic}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;min-height: 3.2rem;padding: 0.8rem 1.6rem;border-radius: 999px;font: 700 1rem/1.2 var(--sans);text-decoration: none;border: 2px solid transparent;cursor: pointer;transition: background-color .2s,color .2s,transform .2s,box-shadow .2s}.btn svg{width: 1.15rem;height: 1.15rem;flex: none}.btn:hover{transform: translateY(-2px)}.btn-wald{background: var(--wald);color: var(--weiss);box-shadow: 0 6px 18px rgb(47 74 58 / 0.25)}.btn-wald:hover{background: var(--wald-2);color: var(--weiss)}.btn-orange{background: var(--orange-text);color: var(--weiss);box-shadow: 0 6px 18px rgb(154 84 25 / 0.25)}.btn-orange:hover{background: #82460f;color: var(--weiss)}.btn-rand{border-color: var(--wald);color: var(--wald);background: transparent}.btn-rand:hover{background: var(--wald);color: var(--weiss)}.btn-hell{background: var(--creme);color: var(--wald)}.btn-hell:hover{background: var(--weiss);color: var(--wald)}.btn-reihe{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 1.75rem}.mitte .btn-reihe{justify-content: center}.pfeil-link{font-weight: 700;text-decoration: none;color: var(--orange-text)}.pfeil-link::after{content: " →"}.link-btn{font: inherit;font-weight: 700;color: var(--orange-text);background: none;border: 0;padding: 0;cursor: pointer;text-decoration: underline;text-underline-offset: 0.2em}.kopf{position: sticky;top: var(--balken-h);z-index: 900;background: var(--creme) var(--koernung);border-bottom: 1px solid var(--linie)}.kopf .wrap{display: flex;align-items: center;gap: 1.25rem;min-height: var(--kopf-h)}.logo{display: inline-flex;align-items: center;gap: 0.65rem;text-decoration: none;color: var(--wald);margin-right: auto}.logo:hover{color: var(--wald)}.logo svg{width: 2.8rem;height: 2.8rem;flex: none}.logo-text{font-family: var(--serif);font-weight: 600;font-size: 1.25rem;line-height: 1;letter-spacing: -0.01em}.logo-text small{display: block;font-family: var(--sans);font-weight: 600;font-size: 0.7rem;letter-spacing: 0.08em;color: var(--grau);margin-top: 0.25rem}.nav ul{list-style: none;display: flex;gap: 0.15rem;margin: 0;padding: 0}.nav a{display: block;padding: 0.55rem 0.85rem;font-weight: 700;font-size: 0.97rem;color: var(--wald);text-decoration: none;border-radius: 999px;white-space: nowrap}.nav a:hover{background: var(--moos-hell);color: var(--wald)}.nav a[aria-current="page"]{background: var(--wald);color: var(--weiss)}.nav-pfote{display: none}.kopf .btn{min-height: 2.8rem;padding: 0.55rem 1.25rem;white-space: nowrap}.menu-btn{display: none;align-items: center;gap: 0.5rem;height: 2.9rem;padding: 0 1rem;background: var(--wald);color: var(--weiss);border: 0;border-radius: 999px;font: 700 0.95rem/1 var(--sans);cursor: pointer}.menu-btn svg{width: 1.1rem;height: 1.1rem}.foto{position: relative;margin: 0;overflow: hidden;background: var(--moos-hell);border-radius: var(--r)}.foto img{width: 100%;height: 100%;object-fit: cover}.ki-badge{position: absolute;left: 0.75rem;bottom: 0.75rem;z-index: 2;pointer-events: none;font: 700 0.7rem/1 var(--sans);letter-spacing: 0.02em;padding: 0.32rem 0.55rem;border-radius: 999px;background: rgb(36 58 45 / 0.88);color: var(--weiss)}.foto-portrait{aspect-ratio: 4 / 5}.foto-quer{aspect-ratio: 16 / 9}.foto-quadrat{aspect-ratio: 1}.blob{border-radius: 58% 42% 46% 54% / 48% 56% 44% 52%}.rund{border-radius: 50%}.rund .ki-badge,.blob .ki-badge,.empfehlung .foto .ki-badge{left: 50%;translate: -50% 0;bottom: 1rem}.hero{position: relative;overflow: hidden;padding-block: clamp(1.5rem,4vw,3rem) clamp(3rem,6vw,5rem)}.hero .wrap{display: grid;grid-template-columns: 0.95fr 1.05fr;gap: clamp(1.5rem,4vw,3.5rem);align-items: center}.hero h1{margin-bottom: 0.4em}.hero h1 .w{display: inline-block}.unterstrich{position: relative;display: inline-block;font-style: italic;font-weight: 400;color: var(--orange-text)}.unterstrich svg{position: absolute;left: -3%;bottom: -0.18em;width: 106%;height: 0.38em;overflow: visible}.unterstrich path{fill: none;stroke: var(--orange);stroke-width: 5;stroke-linecap: round}.hero-bild{position: relative}.hero-bild .foto{border-radius: 46% 54% 38% 62% / 42% 38% 62% 58%;box-shadow: var(--schatten-gross);aspect-ratio: 5 / 4}.hero-bild .foto .ki-badge{left: 50%;right: auto;bottom: 5%;translate: -50% 0}.hero-bild::before{content: "";position: absolute;inset: 6% -4% -5% 8%;border-radius: 50% 50% 40% 60% / 50% 40% 60% 50%;background: var(--moos-hell);z-index: -1}.sticker{position: absolute;left: -0.5rem;bottom: 12%;z-index: 3;display: grid;place-items: center;text-align: center;width: 7.2rem;height: 7.2rem;border-radius: 50%;background: var(--orange);color: var(--weiss);font: 600 1.05rem/1.1 var(--serif);font-style: italic;transform: rotate(-10deg);box-shadow: var(--schatten);border: 3px dashed rgb(255 255 255 / 0.6);cursor: default;background-clip: padding-box}.sticker svg{width: 1.4rem;height: 1.4rem;fill: currentColor;margin: 0 auto 0.15rem}.hero-fakten{list-style: none;display: flex;flex-wrap: wrap;gap: 0.5rem 1.25rem;margin: 1.5rem 0 0;padding: 0;color: var(--grau);font-weight: 600;font-size: 0.95rem}.hero-fakten li{display: flex;align-items: center;gap: 0.4rem}.hero-fakten svg{width: 1rem;height: 1rem;fill: var(--moos)}.vertrauen{background: var(--wald) var(--koernung);color: var(--creme);position: relative;z-index: 2}.vertrauen .wrap{display: grid;grid-template-columns: repeat(3,auto) 1.4fr;gap: 1rem clamp(1.5rem,4vw,3rem);align-items: center;padding-block: 1.6rem}.zahl{display: grid;gap: 0.1rem}.zahl b{font: 600 clamp(2rem,4vw,2.8rem)/1 var(--serif);color: var(--weiss);font-variant-numeric: tabular-nums}.zahl>span{font-size: 0.9rem;color: #d9e0cf}.vertrauen p{margin: 0;font-size: 0.92rem;color: #d9e0cf;border-left: 2px solid rgb(255 255 255 / 0.2);padding-left: 1.25rem}.vertrauen p strong{color: var(--weiss)}.abschnitt{position: relative;padding-block: clamp(4rem,9vw,7rem)}.abschnitt.papier{background: var(--papier)}.abschnitt.moos{background: var(--moos-hell) var(--koernung)}.abschnitt.wald{background: var(--wald) var(--koernung);color: var(--creme)}.abschnitt.wald h2,.abschnitt.wald h3{color: var(--weiss)}.abschnitt.wald h2 em{color: #f0c79c}.abschnitt.wald .lead,.abschnitt.wald .ueber{color: #d9e0cf}.kopfzeile{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;gap: 1rem 2rem;margin-bottom: clamp(2rem,5vw,3rem)}.kopfzeile h2{margin: 0}.kopfzeile .lead{margin: 0.75rem 0 0}.kopfzeile.mitte{justify-content: center}.zwei{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(2rem,6vw,5rem);align-items: center}.raster{display: grid;gap: clamp(1rem,2.5vw,1.6rem)}.r2{grid-template-columns: repeat(2,1fr)}.r3{grid-template-columns: repeat(3,1fr)}.welle{display: block;width: 100%;height: clamp(30px,5vw,60px);position: relative;z-index: 2}.finder{background: var(--papier);border-radius: 32px;padding: clamp(1.5rem,4vw,3rem);box-shadow: var(--schatten);border: 1px solid var(--linie)}.finder-ohne-js{margin: 0}.finder-form{display: none}.js .finder-form{display: block}.js .finder-ohne-js{display: none}.finder-kopf{display: flex;justify-content: space-between;align-items: center;gap: 1rem;margin-bottom: 1.5rem}.finder-punkte{display: flex;gap: 0.4rem;list-style: none;margin: 0;padding: 0}.finder-punkte li{width: 2.6rem;height: 0.4rem;border-radius: 999px;background: var(--linie);transition: background-color .3s}.finder-punkte li.an{background: var(--orange)}.finder-schritt{font-weight: 700;color: var(--grau);font-size: 0.92rem}.frage{border: 0;padding: 0;margin: 0;min-width: 0}.frage legend{font: 600 clamp(1.5rem,3vw,2.1rem)/1.15 var(--serif);color: var(--wald);margin-bottom: 1.25rem;padding: 0}.antworten{display: grid;grid-template-columns: repeat(3,1fr);gap: 1rem}.antwort{position: relative;display: flex;flex-direction: column;border-radius: var(--r);background: var(--weiss);border: 2px solid var(--linie);overflow: hidden;cursor: pointer;transition: border-color .2s,transform .2s,box-shadow .2s}.antwort:hover{border-color: var(--moos);transform: translateY(-3px);box-shadow: var(--schatten)}.antwort input{position: absolute;top: 0.9rem;right: 0.9rem;z-index: 3;width: 1.3rem;height: 1.3rem;accent-color: var(--orange-text);margin: 0}.antwort:has(input:checked){border-color: var(--orange-text);box-shadow: 0 0 0 3px var(--orange-hell)}.antwort:has(input:focus-visible){outline: 3px solid var(--orange);outline-offset: 3px}.antwort-bild{position: relative;display: block;aspect-ratio: 4 / 3;overflow: hidden;background: var(--moos-hell)}.antwort-bild img{width: 100%;height: 100%;object-fit: cover;transition: transform .6s}.antwort:hover .antwort-bild img{transform: scale(1.05)}.antwort-icon{display: grid;place-items: center;aspect-ratio: 4 / 3;background: var(--moos-hell);color: var(--wald)}.antwort-icon svg{width: 3.2rem;height: 3.2rem;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.antwort-text{padding: 0.9rem 1rem 1.1rem;display: grid;gap: 0.1rem}.antwort-text b{font: 600 1.2rem/1.2 var(--serif);color: var(--wald)}.antwort-text small{color: var(--grau);font-size: 0.9rem}.finder-nav{display: flex;justify-content: space-between;margin-top: 1.5rem}.empfehlung{display: grid;grid-template-columns: 1fr 1.1fr;gap: clamp(1.25rem,4vw,3rem);align-items: center}.empfehlung .foto{border-radius: 40% 60% 46% 54% / 50% 44% 56% 50%}.empfehlung .preis{display: inline-block;font: 600 1.6rem/1 var(--serif);color: var(--orange-text);margin: 0.25rem 0 1rem}.empfehlung .preis small{font: 600 0.9rem var(--sans);color: var(--grau);margin-right: 0.25rem}.empfehlung-titel{font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;font-size: 0.85rem;color: #59683f;margin: 0 0 0.4rem}.reiter{display: none;flex-wrap: wrap;gap: 0.45rem;margin-bottom: 2rem}.js .reiter{display: flex}.reiter button{font: 700 0.95rem/1 var(--sans);padding: 0.75rem 1.2rem;border-radius: 999px;border: 2px solid var(--linie);background: var(--weiss);color: var(--wald);cursor: pointer}.reiter button:hover{border-color: var(--moos)}.reiter button[aria-pressed="true"]{background: var(--wald);border-color: var(--wald);color: var(--weiss)}.karten{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 1.25rem}.wende{position: relative;perspective: 1400px}.wende-innen{position: relative;display: grid;gap: 0.75rem}.seite{border-radius: var(--r);background: var(--weiss);box-shadow: var(--schatten);overflow: hidden;display: flex;flex-direction: column}.vorne .foto{border-radius: 0;height: 15rem;aspect-ratio: auto}.vorne-text{padding: 1rem 1.2rem 1.25rem;padding-right: 4rem}.vorne-text h3{margin: 0 0 0.15rem;font-size: 1.4rem}.vorne-text p{margin: 0;color: var(--orange-text);font-weight: 700}.hinten{padding: 1.5rem 1.4rem;background: var(--wald) var(--koernung);color: var(--creme)}.hinten h3{color: var(--weiss);font-size: 1.4rem}.hinten dl{margin: 0 0 1.25rem;display: grid;gap: 0.7rem}.hinten dt{font-size: 0.78rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: #c9d4b6}.hinten dd{margin: 0}.hinten .btn{margin-top: auto;align-self: flex-start}.wende-knopf{display: none}.js .wende-innen{gap: 0;min-height: 25rem;transition: transform .7s cubic-bezier(.3,.7,.2,1);transform-style: preserve-3d}.js .seite{grid-area: 1 / 1;backface-visibility: hidden;-webkit-backface-visibility: hidden}.js .vorne .foto{height: auto;flex: 1;min-height: 14rem}.js .hinten{transform: rotateY(180deg);visibility: hidden;transition: visibility 0s .35s}.js .vorne{transition: visibility 0s .35s}.js .wende.gedreht .wende-innen{transform: rotateY(180deg)}.js .wende.gedreht .hinten{visibility: visible}.js .wende.gedreht .vorne{visibility: hidden}.js .wende-knopf{position: absolute;right: 0.9rem;bottom: 0.9rem;z-index: 5;display: grid;place-items: center;width: 2.9rem;height: 2.9rem;border-radius: 50%;border: 0;background: var(--orange-text);color: var(--weiss);cursor: pointer;box-shadow: var(--schatten);transition: transform .3s,background-color .2s}.js .wende-knopf:hover{transform: rotate(-30deg);background: #82460f}.js .wende.gedreht .wende-knopf{background: var(--creme);color: var(--wald)}.wende-knopf svg{width: 1.3rem;height: 1.3rem;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round}.termine{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.75rem}.termin{display: grid;grid-template-columns: 5.2rem 1fr auto auto;gap: 1rem 1.5rem;align-items: center;background: var(--weiss);border-radius: 18px;padding: 1rem 1.25rem;box-shadow: var(--schatten);border: 1px solid var(--linie)}.datum{display: grid;justify-items: center;background: var(--moos-hell);border-radius: 14px;padding: 0.5rem 0.25rem;line-height: 1.1}.datum small{font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: #4f5d37}.datum b{font: 600 1.7rem/1.1 var(--serif);color: var(--wald)}.termin h3{margin: 0;font-size: 1.25rem}.termin p{margin: 0.1rem 0 0;color: var(--grau);font-size: 0.93rem}.plaetze{display: grid;gap: 0.25rem;justify-items: end;text-align: right}.pfoten{display: flex;gap: 0.15rem}.pfoten i{display: block;width: 1.05rem;height: 1.05rem;background: var(--orange);-webkit-mask: var(--pfote) center/contain no-repeat;mask: var(--pfote) center/contain no-repeat}.pfoten i.belegt{background: #d9cfbe}.plaetze small{font-size: 0.85rem;color: var(--grau);font-weight: 600}.marke{display: inline-block;font-size: 0.75rem;font-weight: 700;padding: 0.2rem 0.6rem;border-radius: 999px;background: var(--orange-hell);color: #7a3f0e}.marke.voll{background: #ece6dc;color: var(--grau)}.termin .btn{min-height: 2.75rem;padding: 0.5rem 1.1rem}.termin .btn[disabled]{opacity: 0.55;cursor: not-allowed;transform: none}.termine-ohne-js{display: grid;gap: 0.5rem}.js .termine-ohne-js{display: none}.milo-leiste{display: grid;grid-auto-flow: column;grid-auto-columns: min(80%,440px);gap: 1.25rem;overflow-x: auto;scroll-snap-type: x mandatory;padding: 0.5rem 0.25rem 1.5rem;list-style: none;margin: 0;scrollbar-width: thin;scrollbar-color: var(--moos) transparent}.milo-leiste:focus-visible{outline-offset: 6px}.milo-leiste li{scroll-snap-align: start;background: var(--weiss);border-radius: var(--r);overflow: hidden;box-shadow: var(--schatten);color: var(--text);display: flex;flex-direction: column}.milo-leiste .foto{border-radius: 0}.milo-text{padding: 1.1rem 1.25rem 1.4rem}.woche{display: inline-block;font-weight: 700;font-size: 0.8rem;letter-spacing: 0.1em;text-transform: uppercase;background: var(--orange-hell);color: #7a3f0e;border-radius: 999px;padding: 0.2rem 0.65rem;margin-bottom: 0.5rem}.milo-text h3{margin: 0 0 0.35rem;font-size: 1.35rem;color: var(--wald)}.milo-text p{margin: 0;color: var(--grau)}.milo-steuer{display: none;align-items: center;gap: 0.75rem;margin-top: 0.5rem}.js .milo-steuer{display: flex}.milo-steuer button{width: 3rem;height: 3rem;border-radius: 50%;border: 2px solid rgb(255 255 255 / 0.55);background: transparent;color: var(--weiss);cursor: pointer;display: grid;place-items: center}.milo-steuer button:hover{background: rgb(255 255 255 / 0.12)}.milo-steuer button svg{width: 1.2rem;height: 1.2rem;fill: none;stroke: currentColor;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round}.milo-punkte{display: flex;gap: 0.45rem;margin-left: 0.5rem}.milo-punkte span{width: 0.6rem;height: 0.6rem;border-radius: 50%;background: rgb(255 255 255 / 0.35);transition: transform .3s,background-color .3s}.milo-punkte span.an{background: var(--orange);transform: scale(1.3)}.beispiel-hinweis{display: inline-block;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--grau);background: var(--papier);border: 1px solid var(--linie);border-radius: 999px;padding: 0.22rem 0.7rem}.abschnitt.wald .beispiel-hinweis{background: var(--wald-2);color: #d9e0cf;border-color: #46604f}:root{--pfote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 13c-3 0-6 2.6-6 5.2 0 1.6 1.3 2.3 2.7 2.3 1.2 0 2-.6 3.3-.6s2.1.6 3.3.6c1.4 0 2.7-.7 2.7-2.3C18 15.6 15 13 12 13zM5.4 12.2c1.3-.4 1.9-2 1.4-3.6S5 6 3.7 6.4s-1.9 2-1.4 3.6 1.8 2.6 3.1 2.2zM9.2 9c1.5-.2 2.4-1.9 2.1-3.8S9.6 2 8.1 2.2 5.7 4.1 6 6s1.7 3.2 3.2 3zM14.8 9c1.5.2 2.9-1.1 3.2-3S17.4 2.4 15.9 2.2s-2.8 1.1-3.2 3S13.3 8.8 14.8 9zm7 .8c.5-1.6-.1-3.2-1.4-3.6s-2.7.6-3.2 2.2.1 3.2 1.4 3.6 2.7-.6 3.2-2.2z'/%3E%3C/svg%3E")}.notizbuch{border-radius: 26px;padding: clamp(1.5rem,4vw,3rem);box-shadow: var(--schatten);background: var(--papier) repeating-linear-gradient(transparent 0 2.1rem,#e7dfcf 2.1rem calc(2.1rem + 1px));position: relative}.notizbuch::before{content: "";position: absolute;left: clamp(1rem,3vw,2rem);top: 0;bottom: 0;width: 2px;background: rgb(200 116 44 / 0.35)}.notiz-raster{display: grid;grid-template-columns: 1.1fr 1fr;gap: clamp(1.5rem,4vw,3rem);align-items: center;padding-left: clamp(1rem,3vw,2rem)}.polaroids{position: relative;display: grid;grid-template-columns: 1fr 1fr;gap: 1.25rem 1rem}.polaroid{margin: 0;background: var(--weiss);padding: 0.6rem 0.6rem 2.6rem;box-shadow: var(--schatten-gross);border-radius: 4px;position: relative;transform: rotate(var(--rest,0deg));transition: transform .9s cubic-bezier(.2,.8,.2,1)}.polaroid .foto{border-radius: 2px}.polaroid figcaption{position: absolute;left: 0;right: 0;bottom: 0.65rem;text-align: center;font: italic 400 1.05rem/1 var(--serif);color: var(--rinde)}.polaroid:nth-child(1){grid-row: span 2;align-self: center;--rest: -1.5deg;--schief: -7deg}.polaroid:nth-child(2){--rest: 1.5deg;--schief: 6deg}.polaroid:nth-child(3){--rest: -0.8deg;--schief: -5deg}.polaroid::before{content: "";position: absolute;top: -0.7rem;left: 50%;translate: -50% 0;width: 4.5rem;height: 1.4rem;background: rgb(200 116 44 / 0.35);z-index: 3;rotate: -3deg}.fakten{list-style: none;padding: 0;margin: 1.25rem 0 0;display: grid;gap: 0.6rem}.fakten li{font-family: var(--serif);font-style: italic;font-size: 1.15rem;color: var(--rinde);display: flex;gap: 0.6rem;align-items: baseline}.fakten li::before{content: "";flex: none;width: 1rem;height: 1rem;translate: 0 0.15rem;background: var(--orange);-webkit-mask: var(--pfote) center/contain no-repeat;mask: var(--pfote) center/contain no-repeat}.bewertung{margin: 0;background: var(--weiss);border-radius: var(--r);padding: 1.6rem;box-shadow: var(--schatten);display: flex;flex-direction: column;gap: 0.9rem;position: relative}.bewertung::before{content: "\201C";position: absolute;right: 1.2rem;top: -0.4rem;font: 600 5rem/1 var(--serif);color: var(--orange-hell)}.bewertung blockquote{margin: 0;font: italic 400 1.2rem/1.45 var(--serif);color: var(--wald)}.bewertung blockquote p{margin: 0}.bewertung figcaption{margin-top: auto;font-size: 0.92rem;color: var(--grau);font-weight: 600}.bewertung .beispiel-hinweis{align-self: flex-start}.mosaik{display: grid;grid-template-columns: repeat(4,1fr);grid-auto-rows: clamp(150px,16vw,230px);grid-auto-flow: dense;gap: 0.8rem}.mosaik a{position: relative;display: block;border-radius: 18px;overflow: hidden;cursor: zoom-in}.mosaik a .foto{height: 100%;aspect-ratio: auto;border-radius: 18px}.mosaik a .foto img{transition: transform .8s cubic-bezier(.2,.7,.2,1)}.mosaik a:hover .foto img{transform: scale(1.05)}.mosaik .quer{grid-column: span 2}.mosaik .hoch{grid-row: span 2}.mosaik .gross{grid-column: span 2;grid-row: span 2}.lightbox{width: 100vw;height: 100dvh;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;background: rgb(28 36 30 / 0.97);color: var(--creme)}.lightbox::backdrop{background: rgb(28 36 30 / 0.97)}.lightbox[open]{display: grid;grid-template-rows: auto 1fr auto}.lb-kopf{display: flex;justify-content: space-between;align-items: center;padding: 0.9rem 1.1rem;font-weight: 600}.lb-bild{position: relative;display: grid;place-items: center;min-height: 0;padding: 0 4.5rem;touch-action: pan-y}.lb-bild img{max-width: 100%;max-height: calc(100dvh - 9rem);width: auto;height: auto;object-fit: contain;border-radius: 10px}.lb-fuss{padding: 0.8rem 1.1rem 1.2rem;text-align: center;color: #d9e0cf}.lb-fuss .ki-badge{position: static;display: inline-block;margin-left: 0.5rem;translate: none}.lightbox button{font: inherit;color: var(--creme);background: rgb(255 255 255 / 0.08);border: 1px solid rgb(255 255 255 / 0.3);border-radius: 50%;width: 3rem;height: 3rem;display: grid;place-items: center;cursor: pointer}.lightbox button:hover{background: rgb(255 255 255 / 0.18)}.lightbox button svg{width: 1.2rem;height: 1.2rem;fill: none;stroke: currentColor;stroke-width: 2.2}.lb-vor,.lb-zurueck{position: absolute;top: 50%;translate: 0 -50%}.lb-zurueck{left: 1rem}.lb-vor{right: 1rem}.faq{display: grid;gap: 0.7rem}.faq details{background: var(--weiss);border-radius: 18px;border: 1px solid var(--linie)}.faq details[open]{box-shadow: var(--schatten)}.faq summary{cursor: pointer;list-style: none;padding: 1.1rem 3.5rem 1.1rem 1.3rem;font: 600 1.15rem/1.3 var(--serif);color: var(--wald);position: relative}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";position: absolute;right: 1.1rem;top: 50%;width: 1.6rem;height: 1.6rem;margin-top: -0.8rem;background: var(--orange);-webkit-mask: var(--pfote) center/contain no-repeat;mask: var(--pfote) center/contain no-repeat;transition: transform .3s}.faq details[open] summary::after{transform: rotate(35deg) scale(1.1)}.faq details>div{padding: 0 1.3rem 1.2rem;color: var(--grau)}.faq details>div p:last-child{margin: 0}.abschluss{display: grid;grid-template-columns: 0.8fr 1.2fr;gap: clamp(2rem,6vw,5rem);align-items: center}.abschluss .foto{border-radius: 50% 50% var(--r) var(--r);box-shadow: var(--schatten-gross)}.ende-knopf{position: relative}main{position: relative}.leine{position: absolute;left: 0;top: 0;width: 100%;z-index: 1;pointer-events: none;overflow: visible}.leine path{fill: none;stroke-linecap: round;stroke-linejoin: round}.leine .strang{stroke: var(--orange);stroke-width: 4}.leine .schatten{stroke: rgb(90 66 50 / 0.13);stroke-width: 6}.spuren{position: fixed;inset: 0;z-index: 3;pointer-events: none;overflow: hidden}.spuren span{position: absolute;width: 1.9rem;height: 1.9rem;background: var(--rinde);-webkit-mask: var(--pfote) center/contain no-repeat;mask: var(--pfote) center/contain no-repeat;opacity: 0;transform: scale(.6) rotate(var(--dreh,0deg));transition: opacity .5s ease,transform .5s ease}.spuren span.an{opacity: 0.2;transform: scale(1) rotate(var(--dreh,0deg))}.seitenkopf{padding-block: clamp(2.5rem,6vw,4.5rem) clamp(2rem,4vw,3rem)}.seitenkopf-raster{display: grid;grid-template-columns: 1.15fr 1fr;gap: clamp(1.5rem,5vw,4rem);align-items: center}.krumen{font-size: 0.9rem;margin-bottom: 1.1rem}.krumen ol{list-style: none;display: flex;flex-wrap: wrap;gap: 0.35rem;margin: 0;padding: 0;color: var(--grau)}.krumen li + li::before{content: "·";margin-right: 0.35rem;color: var(--orange)}.krumen a{color: var(--grau)}.krumen [aria-current]{color: var(--wald);font-weight: 700}.angebot{display: grid;grid-template-columns: 300px 1fr;gap: clamp(1.25rem,4vw,2.5rem);align-items: start;padding: clamp(1.5rem,4vw,2.25rem) 0;border-top: 1px dashed var(--linie)}.angebot:first-child{border-top: 0}.angebot .foto{border-radius: 30% 70% 40% 60% / 50% 40% 60% 50%}.angebot .foto .ki-badge{left: 50%;translate: -50% 0}.angebot-ohne-bild{display: grid;place-items: center;aspect-ratio: 4 / 3;border-radius: 30% 70% 40% 60% / 50% 40% 60% 50%;background: var(--moos-hell)}.angebot-ohne-bild i{display: block;width: 4rem;height: 4rem;background: var(--moos);-webkit-mask: var(--pfote) center/contain no-repeat;mask: var(--pfote) center/contain no-repeat}.angebot h2{font-size: clamp(1.6rem,3vw,2.1rem);margin-bottom: 0.25rem}.angebot .preis{font: 600 1.4rem/1 var(--serif);color: var(--orange-text);margin: 0 0 1rem}.angebot .preis small{font: 600 0.9rem var(--sans);color: var(--grau)}.eck{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.75rem 1rem;margin: 0 0 1rem}.eck div{background: var(--papier);border-radius: 14px;padding: 0.7rem 0.9rem;border: 1px solid var(--linie)}.eck dt{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: #4f5d37}.eck dd{margin: 0.15rem 0 0;font-size: 0.97rem}.box{background: var(--papier);border-radius: var(--r);padding: 1.5rem;border: 1px solid var(--linie)}.box h2{font-size: 1.5rem}.feld{display: grid;gap: 0.35rem;margin-bottom: 1rem}.feld label{font-weight: 700;font-size: 0.97rem}.feld input,.feld select,.feld textarea{font: inherit;color: var(--text);width: 100%;min-height: 3.1rem;padding: 0.7rem 1rem;border: 2px solid #a59a88;border-radius: 14px;background: var(--weiss)}.feld textarea{min-height: 7rem;resize: vertical}.feld input:focus,.feld select:focus,.feld textarea:focus{outline: 3px solid var(--orange);outline-offset: 0;border-color: var(--wald)}.feld small{color: var(--grau);font-size: 0.88rem}.feldreihe{display: grid;grid-template-columns: 1fr 1fr;gap: 0 1rem}.formular{background: var(--weiss);border-radius: 26px;padding: clamp(1.25rem,3.5vw,2.25rem);box-shadow: var(--schatten)}.demo-hinweis{font-size: 0.9rem;background: var(--orange-hell);border-radius: 12px;padding: 0.65rem 0.9rem;margin: 0 0 1.25rem;color: #5e3410}.kontakt-raster{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: clamp(1.5rem,4vw,3rem);align-items: start}.fuss{background: var(--wald-2) var(--koernung);color: #d9e0cf;font-size: 0.96rem;padding-top: clamp(3rem,7vw,4.5rem);position: relative;z-index: 2}.fuss-raster{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 2rem}.fuss h2{font: 700 0.85rem/1 var(--sans);letter-spacing: 0.14em;text-transform: uppercase;color: var(--weiss);margin: 0 0 1rem}.fuss ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.45rem}.fuss a{color: #eef2e6}.fuss a:hover{color: #f0c79c}.fuss .logo,.fuss .logo:hover{color: var(--weiss);margin-bottom: 1rem}.fuss .logo-text small{color: #c9d4b6}.fuss-link{font: inherit;color: #eef2e6;background: none;border: 0;padding: 0;cursor: pointer;text-decoration: underline;text-underline-offset: 0.2em}.fuss-ki{margin: 2.5rem 0 0;padding: 1rem 1.25rem;border-radius: 14px;background: rgb(255 255 255 / 0.06);color: #eef2e6}.fuss-unten{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.5rem 1.5rem;margin-top: 1.5rem;padding-block: 1.25rem 2rem;border-top: 1px solid rgb(255 255 255 / 0.12);font-size: 0.88rem}.fuss-unten p{margin: 0}.schnell{display: none}.demo-dialog,.buchen-dialog{max-width: 31rem;width: calc(100% - 2rem);border: 0;border-radius: 26px;padding: 2rem;color: var(--text);background: var(--creme) var(--koernung);box-shadow: 0 30px 80px rgb(0 0 0 / 0.35)}.demo-dialog{text-align: center}.demo-dialog::backdrop,.buchen-dialog::backdrop{background: rgb(36 58 45 / 0.55)}.demo-dialog h2,.buchen-dialog h2{font-size: 1.8rem}.demo-dialog p{color: var(--grau)}.demo-dialog .btn-reihe{justify-content: center}.dlg-pfote{width: 3.2rem;height: 3.2rem;margin: 0 auto 0.75rem;background: var(--orange);-webkit-mask: var(--pfote) center/contain no-repeat;mask: var(--pfote) center/contain no-repeat}.buchen-info{background: var(--papier);border-radius: 14px;padding: 0.8rem 1rem;margin-bottom: 1rem;font-weight: 600}@media (prefers-reduced-motion: no-preference){.js .auf:not(.sichtbar){opacity: 0;transform: translateY(26px)}.js .auf{transition: opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js .hero h1 .w{animation: wort .8s cubic-bezier(.2,.8,.2,1) both;animation-delay: calc(var(--i) * 60ms + 40ms)}@keyframes wort{from{opacity: 0.01;transform: translateY(0.45em) rotate(3deg)}to{opacity: 1;transform: none}}.js .unterstrich path{stroke-dasharray: 260;stroke-dashoffset: 260;animation: zeichnen 1s ease-out .55s forwards}@keyframes zeichnen{to{stroke-dashoffset: 0}}.js .hero .lead,.js .hero .btn-reihe,.js .hero-fakten{animation: hoch .7s ease both;animation-delay: .3s}@keyframes hoch{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}.sticker:hover,.sticker:focus-visible{animation: wackeln .7s ease}@keyframes wackeln{0%,100%{transform: rotate(-10deg)}20%{transform: rotate(6deg) scale(1.05)}40%{transform: rotate(-14deg)}60%{transform: rotate(4deg)}80%{transform: rotate(-11deg)}}.empfehlung.neu{animation: einspringen .6s cubic-bezier(.2,.9,.3,1.2)}@keyframes einspringen{from{opacity: 0;transform: translateY(20px) scale(.97)}to{opacity: 1;transform: none}}.js .frage:not([hidden]){animation: hoch .45s ease}.js .polaroids:not(.sichtbar) .polaroid{transform: rotate(var(--schief)) translateY(16px)}.ende-knopf.angeleint{animation: angeleint .7s cubic-bezier(.2,.9,.3,1.3)}@keyframes angeleint{0%{transform: scale(1)}40%{transform: scale(1.08) rotate(-2deg)}100%{transform: scale(1)}}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration: 0.01ms !important;animation-duration: 0.01ms !important;scroll-behavior: auto !important}.js .wende-innen{transform: none !important}.js .hinten{transform: none}}@media (max-width: 1100px){.nav a{padding-inline: 0.6rem;font-size: 0.93rem}.vertrauen .wrap{grid-template-columns: repeat(3,1fr)}.vertrauen p{grid-column: 1 / -1;border-left: 0;padding-left: 0}}@media (max-width: 1000px){:root{--kopf-h: 66px}.menu-btn{display: inline-flex}.kopf .btn-kopf{display: none}.nav{position: fixed;inset: calc(var(--balken-h) + var(--kopf-h)) 0 0 0;z-index: 950;background: var(--wald) var(--koernung);display: none;overflow: auto;padding: 2rem 1.5rem}.nav.offen{display: block}.nav ul{flex-direction: column;gap: 0.25rem}.nav a{font: 600 clamp(1.8rem,7vw,2.4rem)/1.2 var(--serif);color: var(--weiss);padding: 0.5rem 0.25rem;border-radius: 0}.nav a:hover,.nav a[aria-current="page"]{background: none;color: #f0c79c}.nav-pfote{display: block;position: absolute;right: -2rem;bottom: 2rem;width: 14rem;height: 14rem;background: rgb(255 255 255 / 0.06);-webkit-mask: var(--pfote) center/contain no-repeat;mask: var(--pfote) center/contain no-repeat;rotate: -20deg;pointer-events: none}.nav .nav-extra{margin-top: 2rem;display: flex;flex-wrap: wrap;gap: 0.75rem}.nav .nav-extra .btn{font: 700 1rem/1.2 var(--sans);padding: 0.8rem 1.4rem;border-radius: 999px}.nav .nav-extra .btn-hell,.nav .nav-extra .btn-hell:hover{color: var(--wald);background: var(--creme)}.hero .wrap,.zwei,.notiz-raster,.abschluss,.seitenkopf-raster,.empfehlung,.kontakt-raster{grid-template-columns: 1fr}.hero-bild{max-width: 560px}.fuss-raster{grid-template-columns: 1fr 1fr}.angebot{grid-template-columns: 220px 1fr}}@media (min-width: 1001px){.nav .nav-extra{display: none}}@media (max-width: 700px){body{font-size: 1rem}.r2,.r3,.feldreihe{grid-template-columns: 1fr}.antworten{grid-template-columns: 1fr}.antwort{flex-direction: row;align-items: center}.antwort-bild,.antwort-icon{width: 6.5rem;flex: none;aspect-ratio: 1}.antwort-icon svg{width: 2.2rem;height: 2.2rem}.antwort .ki-badge{font-size: 0.55rem;padding: 0.2rem 0.35rem;left: 0.3rem;bottom: 0.3rem}.termin{grid-template-columns: 4.2rem 1fr}.plaetze{grid-column: 2;justify-items: start;text-align: left}.termin .btn{grid-column: 1 / -1}.mosaik{grid-template-columns: repeat(2,1fr);grid-auto-rows: 150px}.fuss-raster{grid-template-columns: 1fr}.btn-reihe .btn{flex: 1 1 100%}.sticker{width: 5.6rem;height: 5.6rem;font-size: 0.9rem;left: -0.25rem}.angebot{grid-template-columns: 1fr}.angebot .foto,.angebot-ohne-bild{max-width: 260px}.eck{grid-template-columns: 1fr 1fr}.logo-text{font-size: 1.1rem}.logo-text small{display: none}.polaroids{gap: 1rem 0.75rem}.lb-bild{padding: 0}.lb-vor,.lb-zurueck{top: auto;bottom: -3.75rem;translate: none}.lb-fuss{padding-inline: 4.5rem}.spuren span{width: 1.4rem;height: 1.4rem}.schnell{display: grid;grid-template-columns: 1.3fr 1fr;gap: 0.5rem;position: fixed;z-index: 940;inset: auto 0 0 0;padding: 0.55rem 0.75rem calc(0.55rem + env(safe-area-inset-bottom));background: var(--creme);border-top: 1px solid var(--linie);box-shadow: 0 -8px 24px rgb(42 38 32 / 0.08)}.schnell .btn{min-height: 2.9rem;padding: 0.5rem}.schnell .btn:hover{transform: none}.fuss{padding-bottom: 4.5rem}}@media print{.kw-balken,.kopf,.fuss,.schnell,.leine,.spuren{display: none !important}}.hinten-titel{font: 600 1.4rem/1.15 var(--serif);color: var(--weiss);margin: 0 0 1rem;padding-right: 2.5rem}@media (max-width: 480px){h1,h2,h3,legend,.lead{hyphens: auto;-webkit-hyphens: auto;overflow-wrap: anywhere}}