@font-face{font-family: "Cormorant";src: url("fonts/cormorant-700.woff2") format("woff2");font-weight: 700;font-display: swap}@font-face{font-family: "Fraunces";src: url("fonts/fraunces-900.woff2") format("woff2");font-weight: 900;font-display: swap}@font-face{font-family: "Instrument Sans";src: url("fonts/instrument-sans-var.woff2") format("woff2");font-weight: 400 700;font-display: swap}:root{color-scheme: light;--gruen: #194641;--moos: #39524f;--papier: #f6f4f1;--salbei: #d8e1cc;--greige: #b6b6a5;--koralle: #f4714b;--weiss: #ffffff;--serif: "Cormorant",Garamond,Georgia,serif;--karte: "Fraunces","Cooper Black",Georgia,serif;--sans: "Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--breite: 74rem;--rand: clamp(1.25rem,4vw,2.5rem)}*,*::before,*::after{box-sizing: border-box}html{font-variant-numeric: lining-nums;scroll-behavior: smooth;scroll-padding-top: calc(5rem + 1px);-webkit-text-size-adjust: 100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}body{margin: 0;background: var(--papier);color: var(--moos);font: 400 1.0625rem/1.75 var(--sans);-webkit-font-smoothing: antialiased}img{max-width: 100%;height: auto;display: block}a{color: var(--gruen);text-underline-offset: .22em;text-decoration-thickness: 1px}:focus-visible{outline: 3px solid var(--koralle);outline-offset: 3px;border-radius: 3px}h1,h2,h3,h4{font-family: var(--serif);font-weight: 700;line-height: 1;margin: 0;color: var(--gruen);text-wrap: balance}p,li,dd,summary,.lead{text-wrap: pretty}p{margin: 0 0 1.1em;max-width: 62ch}.huelle{width: min(100% - 2 * var(--rand),var(--breite));margin-inline: auto}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.symbole{position: absolute;width: 0;height: 0;overflow: hidden}.kopf{position: sticky;top: 0;z-index: 20;background: rgb(246 244 241 / .92);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid rgb(57 82 79 / .1)}.kopf .huelle{display: flex;align-items: center;gap: 2rem;min-height: 5rem}.kopf .marke img{width: 9rem}.kopf nav{margin-left: auto;overflow-x: auto;scrollbar-width: none}.kopf nav::-webkit-scrollbar{display: none}.kopf nav ul{display: flex;gap: 2rem;list-style: none;margin: 0;padding: 0;white-space: nowrap}.kopf nav a{text-decoration: none;font-weight: 600;font-size: .875rem;color: var(--moos);padding-block: .3rem;border-bottom: 1.5px solid transparent}.kopf nav a:hover{color: var(--gruen);border-bottom-color: currentColor}.kopf .knopf{flex-shrink: 0;padding: .65em 1.3em;font-size: .85rem}.sprache{position: relative;flex-shrink: 0}.sprache-knopf{display: inline-flex;align-items: center;gap: .4rem;height: 2.5rem;padding: 0 .35rem;background: none;border: 0;cursor: pointer;font: 600 .8rem/1 var(--sans);letter-spacing: .04em;color: var(--gruen)}.flagge{width: 1.15rem;height: .8rem;border-radius: 2px;box-shadow: 0 0 0 1px rgb(0 0 0 / .08);flex-shrink: 0;display: block}.pfeil{width: .6rem;height: .4rem;transition: transform .2s;opacity: .7}.sprache-menue{position: absolute;right: 0;top: 100%;z-index: 30;list-style: none;margin: .35rem 0 0;padding: .3rem;min-width: 9rem;background: var(--weiss);border-radius: .7rem;box-shadow: 0 8px 24px rgb(25 70 65 / .14),0 0 0 1px rgb(57 82 79 / .08);opacity: 0;visibility: hidden;transform: translateY(-4px);transition: opacity .15s,transform .15s,visibility 0s .15s}.sprache-menue::before{content: "";position: absolute;left: 0;right: 0;top: -.6rem;height: .6rem}.sprache-menue a{display: flex;align-items: center;gap: .6rem;padding: .6rem .75rem;border-radius: .5rem;font: 500 .88rem/1 var(--sans);color: var(--gruen);text-decoration: none;white-space: nowrap}.sprache-menue a:hover,.sprache-menue a:focus-visible{background: var(--papier)}.sprache.offen .sprache-menue,.sprache:focus-within .sprache-menue{opacity: 1;visibility: visible;transform: none;transition: opacity .15s,transform .15s}.sprache.offen .pfeil{transform: rotate(180deg)}@media (hover: hover){.sprache:hover .sprache-menue{opacity: 1;visibility: visible;transform: none;transition: opacity .15s,transform .15s}.sprache:hover .pfeil{transform: rotate(180deg)}}.insta-icon{flex-shrink: 0;width: 2.5rem;height: 2.5rem;border-radius: 50%;border: 1px solid rgb(57 82 79 / .25);display: grid;place-items: center;color: var(--gruen);transition: background-color .2s,border-color .2s}.insta-icon:hover{background: var(--salbei);border-color: var(--salbei)}.insta-icon svg{width: 1.25rem;height: 1.25rem}.nav-extra,.menue-knopf,.wisch-hinweis,.cta-kurz{display: none}.kopf .marke{flex-shrink: 0}@media (max-width: 56rem){.kopf .huelle{min-height: 4.25rem;gap: .6rem}.kopf .marke img{width: 7.5rem}.kopf .insta-icon{display: none}.kopf .sprache{margin-left: auto}.kopf .kopf-cta{padding: .6em 1.1em;font-size: .8rem}.menue-knopf{display: grid;place-content: center;gap: 5px;width: 2.75rem;height: 2.75rem;flex-shrink: 0;border: 1px solid rgb(57 82 79 / .25);border-radius: 50%;background: transparent;cursor: pointer;padding: 0}.menue-knopf span{display: block;width: 1.1rem;height: 1.5px;background: var(--gruen);border-radius: 2px;transition: transform .25s,opacity .2s}.menue-knopf[aria-expanded="true"] span:nth-child(1){transform: translateY(6.5px) rotate(45deg)}.menue-knopf[aria-expanded="true"] span:nth-child(2){opacity: 0}.menue-knopf[aria-expanded="true"] span:nth-child(3){transform: translateY(-6.5px) rotate(-45deg)}.kopf nav{position: absolute;top: 100%;left: 0;right: 0;margin: 0;height: calc(100dvh - 4.25rem);overflow-y: auto;overscroll-behavior: contain;background: var(--papier);border-top: 1px solid rgb(57 82 79 / .1);padding: 1.5rem var(--rand) 2.5rem;display: flex;flex-direction: column;opacity: 0;visibility: hidden;transform: translateY(-.5rem);transition: opacity .25s,transform .25s,visibility 0s .25s}.kopf.offen nav{opacity: 1;visibility: visible;transform: none;transition: opacity .25s,transform .25s}.kopf nav ul{flex-direction: column;gap: 0;white-space: normal}.kopf nav li{border-bottom: 1px solid var(--greige)}.kopf nav ul a{display: block;padding: .85rem 0;border: 0;font: 700 2rem/1.1 var(--serif);color: var(--gruen);letter-spacing: -.01em}.kopf nav ul a:hover{color: var(--moos)}.nav-extra{display: grid;gap: 1.25rem;justify-items: start;margin-top: auto;padding-top: 2rem}.kopf .nav-insta{border: 0;padding: 0;font-size: .95rem}.nav-insta{display: inline-flex;align-items: center;gap: .6rem;font-weight: 600;text-decoration: none;color: var(--gruen)}.nav-insta svg{width: 1.4rem;height: 1.4rem}html.menue-offen{overflow: hidden}}@media (max-width: 56rem) and (prefers-reduced-motion: reduce){.kopf nav,.menue-knopf span{transition: none}}.knopf{display: inline-block;padding: .95em 1.75em;border-radius: 999px;font: 600 .95rem/1.2 var(--sans);letter-spacing: .01em;text-decoration: none;cursor: pointer;background: var(--gruen);color: var(--papier);border: 1.5px solid var(--gruen);transition: background-color .2s,color .2s,border-color .2s}.knopf:hover{background: var(--moos);border-color: var(--moos)}.knopf.hell{background: var(--papier);color: var(--gruen);border-color: var(--papier)}.knopf.hell:hover{background: var(--salbei);border-color: var(--salbei)}.knopf.rand{background: transparent;color: var(--papier);border-color: rgb(246 244 241 / .6)}.knopf.rand:hover{background: rgb(246 244 241 / .12)}.hero{position: relative}.hero-titel{padding-block: clamp(4rem,10vw,8rem) clamp(1.5rem,3vw,2.5rem)}.hero .verein{font: 600 .9rem/1.4 var(--sans);color: var(--moos);letter-spacing: .02em;margin-bottom: 1.5rem}.hero .slogan{font: 700 clamp(3.8rem,13vw,11.5rem)/.84 var(--serif);color: var(--gruen);margin: 0;letter-spacing: -.035em;max-width: 11ch}.hero-bild{position: relative;overflow: hidden;color: var(--papier);min-height: clamp(28rem,44vw,38rem);display: flex;align-items: flex-end}.hero-bild > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center top}.hero-bild .huelle{position: relative;padding-block: clamp(9rem,17vw,14rem) clamp(6rem,11vw,9rem)}.hero-bild .linien{width: min(18rem,60%);height: 1rem;background: url("img/linien.svg") left center / auto 100% repeat-x;opacity: .55;margin-bottom: 1.75rem}.hero-bild p{font-size: clamp(1.05rem,1.7vw,1.25rem);line-height: 1.65;max-width: 44ch;color: #e9eee6}.hero-bild .aktionen{display: flex;flex-wrap: wrap;gap: .75rem;margin-top: 2.25rem}.welle{position: absolute;left: 0;right: 0;bottom: -1px;width: 100%;height: clamp(2.5rem,6vw,5rem);display: block}.abschnitt{padding-block: clamp(6rem,13vw,11rem)}.abschnitt-kopf{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,6fr);gap: 1.5rem clamp(2rem,6vw,6rem);align-items: end;margin-bottom: clamp(3.5rem,8vw,6.5rem)}.abschnitt-kopf h2{font-size: clamp(3.2rem,8.5vw,7.25rem);line-height: .88;letter-spacing: -.035em}.lead{font-size: clamp(1.1rem,1.6vw,1.35rem);line-height: 1.55;margin: 0;max-width: 44ch;letter-spacing: -.005em}@media (max-width: 52rem){.abschnitt-kopf{grid-template-columns: 1fr}}.geschichte{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,6fr);gap: clamp(2.5rem,6vw,6rem);align-items: center}.knospe-gross,.knospe-hero,.cta-knospe{display: block;-webkit-mask: url("img/knospe.svg") center / contain no-repeat;mask: url("img/knospe.svg") center / contain no-repeat}.knospe-gross{width: min(100%,20rem);aspect-ratio: 500 / 794;height: auto;justify-self: center;background: var(--moos)}.chronik{list-style: none;margin: 2.5rem 0;padding: 0;display: grid;grid-template-columns: repeat(2,1fr);gap: 2rem 2.5rem}.chronik li{border-top: 1px solid var(--greige);padding-top: 1.1rem;font-size: .95rem;line-height: 1.6}.chronik .jahr{display: block;font: 700 2.4rem/1 var(--serif);color: var(--gruen);margin-bottom: .5rem;letter-spacing: -.01em}@media (max-width: 52rem){.geschichte{grid-template-columns: 1fr}.knospe-gross{width: 10rem}}.geschichte-werte{font: 700 clamp(1.4rem,2.2vw,1.75rem)/1.3 var(--serif);color: var(--gruen);margin: 0;max-width: 34ch;letter-spacing: -.005em}.unterkopf{font-size: clamp(2rem,4vw,3rem);letter-spacing: -.015em;margin: clamp(5rem,11vw,9rem) 0 clamp(2.5rem,5vw,3.5rem)}.grundsaetze{display: grid;grid-template-columns: repeat(4,1fr);gap: 3rem clamp(1.5rem,3vw,3rem)}.grundsatz{border-top: 1px solid var(--greige);padding-top: 1.75rem}.grundsatz .icon{width: 3.25rem;height: 3.25rem;fill: var(--gruen);margin-bottom: 1.5rem}.grundsatz h4{font-size: 1.75rem;line-height: 1.1;margin-bottom: .75rem;letter-spacing: -.01em}.grundsatz p{margin: 0;font-size: 1rem}@media (max-width: 64rem){.grundsaetze{grid-template-columns: repeat(2,1fr)}}@media (max-width: 36rem){.grundsaetze{grid-template-columns: 1fr}}.wisch-hinweis{align-items: center;gap: .4rem;font-size: .8rem;color: var(--moos);margin: .75rem 0 0}@media (max-width: 40rem){.knospe-gross,.geschichte-intro{display: none}.chronik{grid-template-columns: 1fr;gap: 0;margin: 0 0 2rem;position: relative;padding-left: 1.75rem}.chronik::before{content: "";position: absolute;left: .35rem;top: .6rem;bottom: .6rem;width: 1px;background: var(--greige)}.chronik li{border-top: 0;padding: 0 0 1.5rem;position: relative;display: grid;grid-template-columns: 4.75rem 1fr;align-items: baseline;gap: .75rem}.chronik li:last-child{padding-bottom: 0}.chronik li::before{content: "";position: absolute;left: -1.75rem;top: .55rem;width: .75rem;height: .75rem;border-radius: 50%;background: var(--gruen);box-shadow: 0 0 0 4px var(--papier)}.chronik .jahr{font-size: 1.75rem;margin: 0}.geschichte-werte{background: var(--salbei);border-radius: 1.25rem;padding: 1.5rem 1.4rem;font-size: 1.4rem}.unterkopf{margin-top: 4.5rem;margin-bottom: 1.5rem}.grundsaetze{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: 80%;gap: .9rem;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin-inline: calc(-1 * var(--rand));padding: 0 var(--rand) .5rem;scroll-padding-inline: var(--rand)}.grundsaetze::-webkit-scrollbar{display: none}.grundsatz{scroll-snap-align: start;border-top: 0;background: var(--weiss);border-radius: 1.25rem;padding: 1.5rem 1.4rem 1.6rem}.grundsatz .icon{width: 2.6rem;height: 2.6rem;margin-bottom: 1rem}.grundsatz h4{font-size: 1.55rem}.grundsatz p{font-size: .95rem;line-height: 1.65}.wisch-hinweis{display: flex}}@media (max-width: 40rem){body{font-size: 1rem;line-height: 1.7}.abschnitt{padding-block: 4.5rem}.abschnitt-kopf{margin-bottom: 2.5rem;gap: 1rem}.lead{font-size: 1.05rem}}#sorten{background: transparent}#csc,#faq{background: var(--weiss)}#sorten .abschnitt-kopf{margin-bottom: clamp(2.5rem,5vw,3.5rem)}.umschalter{display: inline-flex;flex-wrap: wrap;gap: .5rem;margin: 0 0 clamp(2rem,4vw,3rem);background: var(--weiss);border-radius: 999px;padding: .4rem;box-shadow: 0 0 0 1px rgb(57 82 79 / .08)}.umschalter button{display: inline-flex;align-items: center;gap: .7rem;font: 600 1.05rem/1 var(--sans);color: var(--gruen);background: none;border: 0;cursor: pointer;padding: .95rem 1.6rem;border-radius: 999px;transition: background-color .2s,color .2s}.umschalter button:hover{background: var(--salbei)}.umschalter button[aria-pressed="true"]{background: var(--gruen);color: var(--papier);box-shadow: 0 4px 14px rgb(25 70 65 / .25)}.umschalter .anzahl{display: inline-grid;place-items: center;min-width: 1.9rem;height: 1.9rem;padding: 0 .5rem;border-radius: 999px;font-size: .85rem;font-weight: 700;background: var(--salbei);color: var(--gruen)}.umschalter button[aria-pressed="true"] .anzahl{background: var(--papier)}@media (max-width: 34rem){.umschalter{display: flex;flex-wrap: nowrap;gap: .25rem}.umschalter button{flex: 1;min-width: 0;justify-content: center;padding: .85rem .6rem;font-size: .86rem;gap: .45rem;white-space: nowrap}.umschalter .anzahl{min-width: 1.6rem;height: 1.6rem;font-size: .75rem}}.sorten{display: grid;grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));gap: 2rem 1.75rem;list-style: none;margin: 0;padding: 0}.sorte{perspective: 1400px;cursor: pointer;border-radius: 1.1rem;outline-offset: 4px}.karte{position: relative;aspect-ratio: 1250 / 2292;container-type: inline-size;transform-style: preserve-3d;transition: transform .9s cubic-bezier(.3,.1,.2,1)}.sorte.gedreht .karte,.sorte:focus-visible .karte{transform: rotateY(180deg)}@media (hover: hover){.sorte:hover .karte{transform: rotateY(180deg)}}.seite{position: absolute;inset: 0;border-radius: 1.1rem;overflow: hidden;background: var(--bg);color: var(--ink);backface-visibility: hidden;-webkit-backface-visibility: hidden}.vorn{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10cqi 7cqi}.vorn .knospe{display: block;width: 82%;height: auto;aspect-ratio: 420 / 667;flex-shrink: 0;background: var(--ink);-webkit-mask: url("img/knospe-maske.webp") center / contain no-repeat;mask: url("img/knospe-maske.webp") center / contain no-repeat}.sorte[hidden]{display: none}.sorte h3,.hinten .titel{font-family: var(--karte);font-weight: 900;color: var(--ink);text-align: center;line-height: 1;text-wrap: balance;letter-spacing: -.01em}.vorn h3{font-size: 12.5cqi;margin-top: 6cqi;min-height: 2.1em;display: flex;align-items: flex-start;justify-content: center}.hinten{--s: 1;transform: rotateY(180deg);padding: 10cqi 9cqi 8cqi;display: flex;flex-direction: column}.hinten .titel{font-size: calc(12.5cqi * var(--s));margin: 0 0 calc(5.5cqi * var(--s));padding-bottom: calc(6cqi * var(--s));border-bottom: 1.6cqi solid var(--ink);max-width: none}.hinten dl{margin: 0;font-size: calc(6.2cqi * var(--s));line-height: 1.35}.hinten dt{font-family: var(--karte);font-weight: 900;font-size: calc(7.4cqi * var(--s));margin-top: calc(4.5cqi * var(--s))}.hinten dt:first-child{margin-top: 0}.hinten dd{margin: 0;font-weight: 600}.sorten-hinweis{margin: 3rem 0 0;font-size: .875rem}@media (prefers-reduced-motion: reduce){.karte{transform: none !important;transition: none}.seite{transition: opacity .3s}.hinten{transform: none;opacity: 0}.sorte.gedreht .hinten,.sorte:focus-visible .hinten{opacity: 1}@media (hover: hover){.sorte:hover .hinten{opacity: 1}}}@media (max-width: 34rem){.sorten{grid-auto-flow: column;grid-auto-columns: 72%;grid-template-columns: none;overflow-x: auto;scroll-snap-type: x mandatory;margin: -2.5rem calc(-1 * var(--rand)) -1.5rem;padding: 2.5rem var(--rand) 2.5rem;scroll-padding-inline: var(--rand);gap: 1rem}.sorte{perspective: 2600px}.sorte{scroll-snap-align: start}}.csc-raster{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,4fr);gap: clamp(2.5rem,7vw,7rem);align-items: center}.csc-raster .pflanze{width: min(100%,22rem);justify-self: center}@media (max-width: 52rem){.csc-raster{grid-template-columns: 1fr}.csc-raster .pflanze{width: 13rem;order: -1;justify-self: start}}.eckdaten{display: grid;grid-template-columns: minmax(9rem,max-content) 1fr;margin: 0;border-top: 1px solid var(--greige)}.eckdaten dt,.eckdaten dd{padding: 1.5rem 0;border-bottom: 1px solid var(--greige);margin: 0}.eckdaten dt{font: 700 1.5rem/1.2 var(--serif);color: var(--gruen);padding-right: 3rem}@media (max-width: 34rem){.eckdaten{grid-template-columns: 1fr}.eckdaten dt{border-bottom: 0;padding-bottom: 0}.eckdaten dd{padding-top: .35rem}}#beitraege{background: var(--salbei)}.preiskarte{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,7fr);gap: clamp(2rem,6vw,6rem);background: var(--papier);border-radius: 1.75rem;padding: clamp(2rem,5vw,4.5rem)}@media (max-width: 52rem){.preiskarte{grid-template-columns: 1fr}}.ab{font: 700 clamp(4.5rem,10vw,8rem)/.85 var(--serif);color: var(--gruen);letter-spacing: -.03em;margin: 0 0 1.25rem}.ab-text{margin: 0;max-width: 26ch}.preise{width: 100%;border-collapse: collapse;margin: 0 0 1.25rem}.preise th,.preise td{text-align: left;padding: 1.4rem 0;border-bottom: 1px solid var(--greige);vertical-align: top}.preise tr:first-child th,.preise tr:first-child td{padding-top: 0}.preise th{font: 700 1.5rem/1.2 var(--serif);color: var(--gruen);padding-right: 1.5rem}.preise th small{display: block;font: 400 .95rem/1.6 var(--sans);color: var(--moos);margin-top: .35rem}.preise td{font: 700 1.9rem/1.1 var(--serif);color: var(--gruen);white-space: nowrap;text-align: right}.preise td small{display: block;font: 400 .8rem/1.5 var(--sans);color: var(--moos);margin-top: .3rem}.fussnote{font-size: .875rem;margin: 0}.schritte{list-style: none;margin: 0 0 clamp(3.5rem,7vw,5.5rem);padding: 0;counter-reset: s;display: grid;grid-template-columns: repeat(3,1fr);gap: 2.5rem clamp(1.5rem,4vw,3.5rem)}@media (max-width: 52rem){.schritte{grid-template-columns: 1fr}}.schritte li{counter-increment: s;border-top: 1px solid var(--greige);padding-top: 1.75rem}.schritte li::before{content: counter(s);display: block;font: 700 4rem/1 var(--serif);color: var(--gruen);margin-bottom: 1rem}.schritte h3{font-size: 1.75rem;line-height: 1.1;margin-bottom: .6rem;letter-spacing: -.01em}.schritte p{margin: 0}.cta{scroll-margin-top: 7.5rem;position: relative;overflow: hidden;isolation: isolate;display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;border-radius: 2rem;color: var(--papier);padding: clamp(2.5rem,7vw,6rem) clamp(1.75rem,6vw,5.5rem);background: linear-gradient(100deg,rgb(25 70 65 / .97) 0%,rgb(25 70 65 / .82) 45%,rgb(25 70 65 / .2) 100%),url("img/landschaft-2000.webp") 70% 100% / auto 150% no-repeat,var(--gruen)}.cta-inhalt{max-width: 38rem}.cta h3{color: var(--papier);font-size: clamp(2.6rem,6vw,4.75rem);line-height: .95;letter-spacing: -.025em;margin-bottom: 1.5rem}.cta p{color: #dfe7dc;font-size: clamp(1.05rem,1.5vw,1.2rem);line-height: 1.65;margin-bottom: 2.25rem}.cta-aktion{display: flex;flex-wrap: wrap;align-items: center;gap: 1.25rem 1.75rem}.knopf.gross{padding: 1.15em 2.1em;font-size: 1.05rem;box-shadow: 0 8px 24px rgb(0 0 0 / .25)}.knopf.gross:hover{transform: translateY(-1px)}.cta-partner{display: inline-flex;align-items: center;gap: .75rem;font-size: .85rem;color: #c9d6c6}.partner-logo{width: 3rem;height: 3rem;border-radius: .75rem;background: var(--papier);display: grid;place-items: center;flex-shrink: 0}.partner-logo img{height: 2.1rem;width: auto}.cta-knospe{width: clamp(9rem,18vw,15rem);aspect-ratio: 500 / 794;height: auto;background: var(--papier);opacity: .8;margin-left: 2rem}@media (max-width: 46rem){.cta{grid-template-columns: 1fr}.knopf.gross{width: 100%;text-align: center;padding: 1.05em 1.4em}.cta-knospe{position: absolute;right: -2rem;bottom: -2rem;width: 9rem;opacity: .18;z-index: -1;margin: 0}}#ablauf{background: var(--weiss)}.ablauf{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(1.5rem,3vw,2.5rem)}@media (max-width: 58rem){.ablauf{grid-template-columns: 1fr}}.ablauf-teil{background: var(--papier);border-radius: 1.75rem;padding: clamp(2rem,4.5vw,3.5rem);display: flex;flex-direction: column}.ablauf-teil > h3{font-size: clamp(2.1rem,3.6vw,2.9rem);letter-spacing: -.02em;margin-bottom: 2.5rem}.stufen{list-style: none;margin: 0 0 2.5rem;padding: 0;counter-reset: st}.stufen li{counter-increment: st;position: relative;padding: 0 0 2rem 3.75rem}.stufen li:last-child{padding-bottom: 0}.stufen li::before{content: counter(st);position: absolute;left: 0;top: -.15rem;width: 2.5rem;height: 2.5rem;border-radius: 50%;display: grid;place-items: center;background: var(--gruen);color: var(--papier);font: 700 .95rem/1 var(--sans)}.stufen li:not(:last-child)::after{content: "";position: absolute;left: 1.25rem;top: 2.6rem;bottom: .35rem;width: 1px;background: var(--greige)}.stufen h4{font-family: var(--sans);font-size: 1.05rem;font-weight: 700;line-height: 1.4;margin-bottom: .3rem}.stufen p{margin: 0;font-size: 1rem}.beispiel{margin-top: auto;background: var(--salbei);border-radius: 1.25rem;padding: 1.75rem 2rem}.beispiel-titel{font: 700 1.5rem/1.2 var(--serif);color: var(--gruen);margin-bottom: 1rem}.beispiel dl{margin: 0}.beispiel dl div{display: flex;justify-content: space-between;gap: 1rem;padding: .55rem 0;border-bottom: 1px dashed rgb(25 70 65 / .25)}.beispiel dt{font-size: .95rem}.beispiel dd{margin: 0;white-space: nowrap;font-weight: 700;color: var(--gruen);font-variant-numeric: lining-nums tabular-nums}.beispiel .summe{border-bottom: 0;padding-top: .9rem}.beispiel .summe dt,.beispiel .summe dd{font-weight: 700;color: var(--gruen)}.beispiel .summe dd{font-size: 1.3rem}.zeiten{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem 1.5rem;background: var(--gruen);color: var(--papier);border-radius: 1.25rem;padding: 1.5rem 2rem}.tage{display: flex;gap: .5rem;list-style: none;margin: 0;padding: 0}.tage li{width: 3rem;height: 3rem;border-radius: 50%;display: grid;place-items: center;border: 1px solid rgb(246 244 241 / .5);font-weight: 700;font-size: .9rem}.tage li.heute{background: var(--papier);color: var(--gruen);border-color: var(--papier)}.status-offen{flex-basis: 100%;margin: .25rem 0 0;padding-top: 1rem;border-top: 1px solid rgb(246 244 241 / .2);display: flex;align-items: center;gap: .6rem;font-weight: 600;font-size: .95rem;color: #dfe7dc}.status-offen::before{content: "";width: .6rem;height: .6rem;border-radius: 50%;background: #b6b6a5;flex-shrink: 0}.status-offen.offen{color: #fff}.status-offen.offen::before{background: #8fe0a0;box-shadow: 0 0 0 4px rgb(143 224 160 / .25)}.zeiten-insta{flex-basis: 100%;margin: 0;display: flex;align-items: flex-start;gap: .55rem;font-size: .85rem;line-height: 1.5;color: #c9d6c6}.zeiten-insta svg{width: 1.1rem;height: 1.1rem;flex-shrink: 0;margin-top: .1rem}.zeiten-insta a{color: #fff}.uhrzeit{font: 700 clamp(2.2rem,4vw,2.9rem)/1 var(--serif);margin: 0;letter-spacing: -.01em}.beratung{font-size: .95rem;margin: 1.5rem 0 0}.menge{display: flex;align-items: baseline;gap: 1rem;margin-top: 1.25rem;padding-top: 1.25rem;border-top: 1px solid rgb(25 70 65 / .25)}.menge-wert{font: 700 1.9rem/1 var(--sans);color: var(--gruen);margin: 0;white-space: nowrap;letter-spacing: -.01em}.menge-text{font-size: .9rem;line-height: 1.5;margin: 0}.ort{margin: auto 0 1rem}.karte-bild{position: relative;border-radius: 1.25rem;overflow: hidden;aspect-ratio: 5 / 3;background: var(--salbei)}.karte-bild img{width: 100%;height: 100%;object-fit: cover}.pin{position: absolute;left: 50%;top: 50%;width: 2.25rem;height: 3rem;transform: translate(-50%,-100%);fill: var(--gruen);filter: drop-shadow(0 3px 4px rgb(25 70 65 / .35))}.pin circle{fill: var(--papier)}.osm{position: absolute;right: .5rem;top: .4rem;font-size: .65rem;background: rgb(246 244 241 / .85);padding: .1rem .45rem;border-radius: .3rem}.osm a{color: inherit}.ort figcaption{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem;margin-top: 1.25rem}.ort address{font-style: normal;font-size: .95rem;line-height: 1.55}.ort address strong{color: var(--gruen)}.knopf.klein{padding: .7em 1.3em;font-size: .85rem}.karte-laden{position: absolute;left: 50%;bottom: 1rem;transform: translateX(-50%);width: min(22rem,calc(100% - 2rem));background: rgb(246 244 241 / .94);border-radius: 1rem;padding: .9rem 1rem;text-align: center;box-shadow: 0 4px 16px rgb(25 70 65 / .15)}.karte-laden p{font-size: .72rem;line-height: 1.45;margin: .55rem auto 0}.karte-live{position: absolute;inset: 0;z-index: 2}.karte-live .leaflet-tile-pane{filter: grayscale(1) sepia(.25) hue-rotate(70deg) saturate(.7) brightness(1.04) contrast(.92)}.karte-live .leaflet-control-attribution{font-size: .65rem}.karte-live .leaflet-control-attribution a{color: var(--gruen)}.karte-live .leaflet-bar{border: 0;box-shadow: 0 2px 8px rgb(25 70 65 / .2);border-radius: .75rem;overflow: hidden}.karte-live .leaflet-bar a{color: var(--gruen);width: 34px;height: 34px;line-height: 34px}.karte-live .leaflet-bar a:hover{background: var(--salbei)}.karte-live .leaflet-container,.karte-live{font-family: var(--sans);background: var(--salbei)}.leaflet-div-icon.herbalist-pin{background: none;border: 0}.herbalist-pin svg{width: 36px;height: 48px;fill: var(--gruen);filter: drop-shadow(0 3px 4px rgb(25 70 65 / .35))}.herbalist-pin circle{fill: var(--papier)}@media (max-width: 34rem){.karte-bild{aspect-ratio: 4 / 3}.karte-laden{bottom: .6rem;padding: .75rem}}.beratung strong{color: var(--gruen)}@media (max-width: 34rem){.ablauf-teil{padding: 1.75rem 1.4rem;border-radius: 1.4rem}.ablauf-teil > h3{margin-bottom: 2rem}.stufen li{padding-left: 3.25rem}.beispiel{padding: 1.4rem 1.25rem}.zeiten{padding: 1.25rem 1.4rem}.tage li{width: 2.6rem;height: 2.6rem}}.faq{border-top: 1px solid var(--greige)}.faq details{border-bottom: 1px solid var(--greige)}.faq summary{list-style: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 2rem;padding: 1.75rem 0;font: 700 clamp(1.45rem,2.4vw,2rem)/1.2 var(--serif);color: var(--gruen);letter-spacing: -.01em}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";flex-shrink: 0;width: 2.5rem;height: 2.5rem;border-radius: 50%;display: grid;place-items: center;font: 400 1.5rem/1 var(--sans);background: var(--salbei);color: var(--gruen);transition: transform .25s,background-color .2s}.faq details[open] summary::after{transform: rotate(45deg);background: var(--gruen);color: var(--papier)}.faq summary:hover{color: var(--moos)}.faq details p{margin: -.5rem 0 1.9rem;max-width: 60ch}@media (prefers-reduced-motion: reduce){.faq summary::after{transition: none}}#praevention{background: var(--salbei)}.praevention{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,6fr);gap: clamp(1.5rem,3vw,2.5rem);align-items: start}@media (max-width: 58rem){.praevention{grid-template-columns: 1fr}}.ansprechpartnerin{background: var(--gruen);color: #dfe7dc;border-radius: 1.75rem;padding: clamp(2rem,4.5vw,3.5rem)}.ansprechpartnerin .rolle{font-weight: 600;font-size: .9rem;color: var(--salbei);margin-bottom: .5rem}.ansprechpartnerin .name{font: 700 clamp(2.4rem,4.5vw,3.5rem)/1 var(--serif);color: var(--papier);letter-spacing: -.02em;margin-bottom: 1.5rem}.ansprechpartnerin .knopf{background: var(--papier);color: var(--gruen);border-color: var(--papier);margin-top: .5rem;overflow-wrap: anywhere}.ansprechpartnerin .knopf:hover{background: var(--salbei);border-color: var(--salbei)}.schutz{list-style: none;margin: 2.25rem 0 0;padding: 1.5rem 0 0;border-top: 1px solid rgb(246 244 241 / .2);display: grid;gap: .6rem;font-size: .95rem}.schutz li{display: flex;gap: .75rem;align-items: baseline}.schutz li::before{content: "✓";color: var(--salbei);font-weight: 700}.hilfe{background: var(--papier);border-radius: 1.75rem;padding: clamp(2rem,4.5vw,3.5rem)}.hilfe h3{font-size: clamp(1.8rem,3vw,2.4rem);letter-spacing: -.015em;margin-bottom: 1.5rem}.hilfe ul{list-style: none;margin: 0;padding: 0}.hilfe li{display: grid;grid-template-columns: 1fr auto;gap: .1rem 1.5rem;align-items: center;padding: 1.1rem 0;border-top: 1px solid var(--greige)}.hilfe li strong{color: var(--gruen);font-size: 1rem}.hilfe li span{grid-column: 1;font-size: .88rem;line-height: 1.5}.hilfe li a{grid-column: 2;grid-row: 1 / span 2;font-weight: 700;white-space: nowrap;font-size: .95rem}@media (max-width: 34rem){.hilfe li{grid-template-columns: 1fr}.hilfe li a{grid-column: 1;grid-row: auto;margin-top: .3rem}}.notfall{margin: 1.25rem 0 0;padding-top: 1.1rem;border-top: 1px solid var(--greige);font-weight: 600;color: var(--gruen)}.insta-banner{display: flex;flex-wrap: wrap;align-items: center;gap: 1.25rem 1.75rem;text-decoration: none;color: var(--moos);background: var(--salbei);border-radius: 1.5rem;padding: clamp(1.5rem,3.5vw,2.25rem) clamp(1.5rem,4vw,2.75rem);margin-top: clamp(3.5rem,7vw,5rem);transition: background-color .2s}.insta-banner:hover{background: #cfdac1}.insta-banner-icon{width: 3.75rem;height: 3.75rem;border-radius: 1rem;background: var(--gruen);color: var(--papier);display: grid;place-items: center;flex-shrink: 0}.insta-banner-icon svg{width: 1.9rem;height: 1.9rem}.insta-banner-text{flex: 1;min-width: 14rem;display: grid;gap: .25rem;font-size: .95rem;line-height: 1.5}.insta-banner-name{font: 700 clamp(1.6rem,3vw,2.1rem)/1.05 var(--serif);color: var(--gruen);letter-spacing: -.01em}.insta-banner:hover .insta-banner-knopf{background: var(--moos);border-color: var(--moos)}@media (max-width: 34rem){.insta-banner-knopf{width: 100%;text-align: center}}#kontakt{border-top: 1px solid rgb(57 82 79 / .1)}.formular{display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;max-width: 52rem;margin-left: auto}.formular .voll{grid-column: 1 / -1}@media (max-width: 52rem){.formular{margin-left: 0}}@media (max-width: 34rem){.formular{grid-template-columns: 1fr}}.formular label{display: block;font-weight: 600;font-size: .875rem;margin-bottom: .5rem;color: var(--gruen)}.formular input,.formular textarea{width: 100%;font: inherit;color: var(--moos);background: var(--weiss);border: 1px solid #dcd9d1;border-radius: .75rem;padding: .9rem 1rem}.formular input:focus,.formular textarea:focus{border-color: var(--gruen);outline: none;box-shadow: 0 0 0 3px var(--salbei)}.formular textarea{min-height: 11rem;resize: vertical}.formular .falle{position: absolute;left: -9999px}.formular .hinweis{font-size: .85rem;margin: 0;font-weight: 400}.formular button{justify-self: start}.formular button[disabled]{opacity: .6;cursor: progress}.status{font-weight: 600;margin: 0}.status.ok{color: #2f6b3a}.status.fehler{color: #a3322a}.fuss{background: var(--gruen);color: #dfe6dc;padding-block: clamp(4rem,8vw,6rem) 2.5rem;font-size: .9rem}.fuss a{color: #f6f4f1}.fuss .huelle{display: grid;grid-template-columns: 1.5fr repeat(3,1fr);gap: 2.5rem}@media (max-width: 52rem){.fuss .huelle{grid-template-columns: 1fr 1fr}}@media (max-width: 34rem){.fuss .huelle{grid-template-columns: 1fr}}.fuss img{width: 10rem}.fuss h2{font-family: var(--sans);font-size: .85rem;font-weight: 700;margin-bottom: .75rem;color: #fff;line-height: 1.4}.fuss p{margin: 0 0 .4rem}.fuss ul{list-style: none;margin: 0;padding: 0}.fuss li{margin-bottom: .4rem}.fuss .klein{max-width: none;grid-column: 1 / -1;border-top: 1px solid rgb(255 255 255 / .15);padding-top: 1.5rem;margin-top: 1.5rem;opacity: .7;font-size: .8rem}.rechtstext{padding-block: clamp(4rem,9vw,7rem)}.rechtstext h1{font-size: clamp(2.8rem,7vw,4.5rem);margin-bottom: 2rem}.rechtstext h2{font-size: 1.9rem;margin: 2.25rem 0 .75rem}.rechtstext h3{font-family: var(--sans);font-size: 1.1rem;font-weight: 700;color: var(--gruen);margin: 2rem 0 .6rem;line-height: 1.3}.rechtstext h4{font-size: 1rem;margin: 1.5rem 0 .4rem;color: var(--gruen)}.rechtstext ol,.rechtstext ul{max-width: 65ch;padding-left: 1.4rem}.rechtstext li{margin-bottom: .5rem}.rechtstext p,.rechtstext li{overflow-wrap: anywhere}.pflanze-mobil{display: none}@media (max-width: 40rem){#beitreten .schritte{gap: 0;margin-bottom: 2.5rem}#beitreten .schritte li{display: grid;grid-template-columns: 2.4rem 1fr;column-gap: 1rem;align-items: center;padding: 1.4rem 0}#beitreten .schritte li::before{grid-row: 1;width: 2.4rem;height: 2.4rem;border-radius: 50%;display: grid;place-items: center;margin: 0;background: var(--gruen);color: var(--papier);font: 700 .95rem/1 var(--sans)}#beitreten .schritte h3{margin: 0;font-size: 1.45rem}#beitreten .schritte p{grid-column: 2;margin-top: .4rem;font-size: .95rem}#beitraege .preiskarte{grid-template-columns: minmax(0,1fr);gap: 1.75rem;padding: 1.75rem 1.4rem}#beitraege .preiskarte > *{min-width: 0}#beitraege .ab{font-size: 4rem;margin-bottom: .75rem}#beitraege .preise th{font-size: 1.3rem;padding-right: .75rem}#beitraege .preise th small{font-size: .85rem}#beitraege .preise td{font-size: 1.45rem}#beitraege .preise td small{white-space: normal;max-width: 7.5rem;margin-left: auto}#csc .abschnitt-kopf{grid-template-columns: minmax(0,1fr) auto;align-items: center;column-gap: .5rem}#csc .abschnitt-kopf .lead{grid-column: 1 / -1}.pflanze-mobil{display: block;width: 7.5rem;margin: -1rem -.5rem -1rem 0}#csc .csc-raster .pflanze{display: none}#csc .eckdaten dt{font-size: 1.35rem}}@media (max-width: 56rem){html{scroll-padding-top: calc(4.25rem + 1px)}html[lang="en"] .cta-lang{display: none}html[lang="en"] .cta-kurz{display: inline}}@media (max-width: 30rem){.kopf .marke img{width: 6.5rem}.cta-lang{display: none}.cta-kurz{display: inline}}@media (max-width: 24rem){.kopf .huelle{gap: .45rem}.kopf .marke img{width: 6rem}.sprache-knopf span{display: none}.sprache-knopf{padding: 0 .2rem}.kopf .kopf-cta{padding: .55em .85em}}@media (max-width: 21rem){.kopf .marke img{width: 5.25rem}.menue-knopf{width: 2.5rem;height: 2.5rem}}.bento{display: grid;gap: 1rem;grid-template-columns: repeat(6,minmax(0,1fr));grid-template-areas: "g g g g b b" "r r k k k k" "z z z h h h"}.kachel{border-radius: 1.5rem;padding: clamp(1.75rem,3vw,2.75rem);background: var(--papier);min-width: 0}.kachel > h3{font-size: clamp(1.9rem,3vw,2.6rem);letter-spacing: -.02em;margin-bottom: 2rem}.kachel .stufen{margin: 0}.k-guthaben{grid-area: g}.k-beispiel{grid-area: b;background: var(--salbei);display: flex}.k-beispiel .beispiel{background: none;padding: 0;border-radius: 0;margin: 0;display: flex;flex-direction: column;width: 100%}.k-beispiel .menge{margin-top: auto}.k-reservieren{grid-area: r}.k-karte{grid-area: k;padding: 0;overflow: hidden;display: flex}.k-karte .ort{margin: 0;display: flex;flex-direction: column;width: 100%}.k-karte .karte-bild{flex: 1;aspect-ratio: auto;min-height: 20rem;border-radius: 0}.k-karte .ort figcaption{margin: 0;padding: 1.25rem clamp(1.5rem,3vw,2.25rem);background: var(--papier)}.k-zeiten{grid-area: z;background: var(--gruen);display: flex;align-items: center}.k-zeiten .zeiten{background: none;padding: 0;border-radius: 0;width: 100%}.k-beratung{grid-area: h;display: flex;align-items: center}.k-beratung .beratung{margin: 0;font-size: 1rem}.k-beratung .beratung strong{display: block;font: 700 clamp(1.6rem,2.4vw,2rem)/1.1 var(--serif);letter-spacing: -.015em;margin-bottom: .6rem}@media (max-width: 64rem){.bento{grid-template-areas: "g g g b b b" "r r r k k k" "z z z h h h"}}@media (max-width: 44rem){.bento{grid-template-columns: 1fr;grid-template-areas: "g" "b" "r" "k" "z" "h";gap: .85rem}.kachel{padding: 1.75rem 1.4rem;border-radius: 1.25rem}.k-karte{padding: 0}.k-karte .karte-bild{min-height: 16rem}}@media (min-width: 64rem){#csc .huelle,#faq .huelle,#praevention .huelle{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,7fr);gap: clamp(3rem,6vw,6.5rem);align-items: start}#csc .abschnitt-kopf,#faq .abschnitt-kopf,#praevention .abschnitt-kopf{position: sticky;top: calc(5rem + 1px + 3rem);grid-template-columns: 1fr;gap: 1.5rem;margin-bottom: 0}#csc .abschnitt-kopf h2,#faq .abschnitt-kopf h2,#praevention .abschnitt-kopf h2{font-size: clamp(3.2rem,5.2vw,5.5rem)}#csc .pflanze-mobil{display: block;order: 3;width: min(100%,15rem);margin-top: 1rem}#csc .csc-raster{grid-template-columns: 1fr}#csc .csc-raster .pflanze{display: none}#praevention .praevention{grid-template-columns: 1fr}}@keyframes einblenden{from{opacity: 0;transform: translateY(1.75rem)}to{opacity: 1;transform: none}}@keyframes parallaxe{from{transform: translateY(0) scale(1.08)}to{transform: translateY(9%) scale(1.08)}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.abschnitt-kopf h2,.abschnitt-kopf .lead,.unterkopf,.grundsatz,.chronik li,.geschichte-werte,.sorte,.zahl-kachel,.preiskarte,.schritte li,.cta,.ablauf-teil,.faq details,.ansprechpartnerin,.hilfe,.insta-banner,.formular{animation: einblenden linear both;animation-timeline: view();animation-range: entry 0% entry 55%}.abschnitt-kopf .lead{animation-range: entry 5% entry 65%}.hero-bild > img{animation: parallaxe linear both;animation-timeline: view();animation-range: exit 0% exit 100%;transform-origin: center top}}}body::after{content: "";position: fixed;inset: 0;z-index: 60;pointer-events: none;background-image: url("img/koernung.webp");background-size: 128px 128px;opacity: .55}@media print{body::after{display: none}}.fuss{overflow: hidden;padding-bottom: 0}.fuss-marke{font: 700 clamp(4.5rem,19vw,19rem)/.78 var(--serif);letter-spacing: -.04em;white-space: nowrap;color: rgb(216 225 204 / .13);text-align: center;margin: clamp(2.5rem,6vw,4.5rem) 0 -0.17em;user-select: none}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}#sortenliste{view-transition-name: sortenliste}::view-transition-old(sortenliste){animation: 180ms ease-in both vt-raus}::view-transition-new(sortenliste){animation: 320ms ease-out 80ms both vt-rein}::view-transition-old(root),::view-transition-new(root){animation-duration: .35s}}@keyframes vt-raus{to{opacity: 0;transform: translateY(-.5rem)}}@keyframes vt-rein{from{opacity: 0;transform: translateY(.75rem)}}.knopf.gross::after,.hero .knopf.hell::after,.insta-banner-knopf::after,.ort figcaption .knopf::after,.ansprechpartnerin .knopf::after{content: "→";display: inline-block;margin-left: .5em;transition: transform .25s cubic-bezier(.3,.1,.2,1)}.knopf.gross:hover::after,.hero .knopf.hell:hover::after,.insta-banner:hover .insta-banner-knopf::after,.ort figcaption .knopf:hover::after,.ansprechpartnerin .knopf:hover::after{transform: translateX(.3em)}.knopf{transition: background-color .2s,color .2s,border-color .2s,transform .2s}.knopf:active{transform: scale(.97)}.lead a,.abschnitt p a,.faq a,.fuss a,.hilfe li a,.zeiten-insta a,.notfall a,.karte-laden a,.formular .hinweis a,.beratung a,.rechtstext a{text-decoration: none;background: linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat,linear-gradient(var(--koralle),var(--koralle)) 0 100% / 0 2px no-repeat;transition: background-size .3s cubic-bezier(.3,.1,.2,1);padding-bottom: .1em}.lead a:hover,.abschnitt p a:hover,.faq a:hover,.fuss a:hover,.hilfe li a:hover,.zeiten-insta a:hover,.notfall a:hover,.karte-laden a:hover,.formular .hinweis a:hover,.beratung a:hover,.rechtstext a:hover{background-size: 100% 1px,100% 2px}.faq details[open] summary::after{background: var(--koralle);color: #fff}.faq summary:hover::after{background: #f6c2b1}.faq details[open] summary:hover::after{background: var(--koralle)}@media (max-width: 40rem){.chronik li::before{background: var(--koralle)}}@media (min-width: 40.01rem){.chronik li{border-top-color: var(--greige)}.chronik li .jahr::after{content: "";display: block;width: 1.5rem;height: 2px;background: var(--koralle);margin-top: .55rem}}.sorten-hinweis::before{content: "●";color: var(--koralle);margin-right: .5em;font-size: .7em;vertical-align: .15em}.sprunglink{position: absolute;left: 1rem;top: -4rem;z-index: 100;padding: .75rem 1.25rem;border-radius: 999px;background: var(--gruen);color: var(--papier);font-weight: 600;text-decoration: none;transition: top .2s}.sprunglink:focus{top: 1rem}main:focus{outline: none}.fuss address{font-style: normal;margin: 0 0 .4rem}.kennzahlen{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: .9rem;margin: 0}.zahl-kachel{background: var(--papier);border-radius: 1.25rem;padding: 1.5rem 1.5rem 1.6rem;display: flex;flex-direction: column}.zahl-kachel.breit{grid-column: 1 / -1;background: var(--salbei)}.zahl-kachel dt{font: 600 .8rem/1.3 var(--sans);letter-spacing: .06em;text-transform: uppercase;color: var(--moos);order: 2;margin-top: .9rem}.zahl-kachel dd{margin: 0;display: contents}.zahl-kachel .zahl{order: 1;font: 700 clamp(2.8rem,5vw,4rem)/.9 var(--serif);color: var(--gruen);letter-spacing: -.03em}.zahl-kachel .zahl::after{content: "";display: block;width: 1.75rem;height: 2px;background: var(--koralle);margin-top: .9rem}.zahl-kachel .erkl{order: 3;font-size: .95rem;line-height: 1.55;margin-top: .35rem}@media (max-width: 34rem){.kennzahlen{gap: .65rem}.zahl-kachel{padding: 1.2rem 1.1rem 1.3rem}.zahl-kachel .zahl{font-size: 2.4rem}.zahl-kachel .erkl{font-size: .85rem}}.hero-titel{position: relative}.knospe-hero{display: none}@media (min-width: 64rem){.hero-titel{display: grid;grid-template-columns: minmax(0,1fr) auto;column-gap: clamp(2rem,4vw,4rem);align-items: end}.hero-titel .verein{grid-column: 1;grid-row: 1}.hero-titel .slogan{grid-column: 1;grid-row: 2;font-size: clamp(3.8rem,9.5vw,10rem)}.knospe-hero{display: block;grid-column: 2;grid-row: 1 / span 2;position: relative;z-index: 2;align-self: start;height: clamp(22rem,34vw,36rem);width: auto;aspect-ratio: 500 / 794;background: var(--gruen);pointer-events: none;margin-bottom: calc(-1 * clamp(5rem,9vw,9rem))}}@media (prefers-reduced-motion: no-preference){.hero .verein{animation: aufsteigen .8s cubic-bezier(.2,.7,.2,1) .1s both}.hero .slogan{animation: aufsteigen 1s cubic-bezier(.2,.7,.2,1) .25s both}.knospe-hero{animation: aufsteigen 1.2s cubic-bezier(.2,.7,.2,1) .45s both}.hero-bild .huelle{animation: aufsteigen 1s cubic-bezier(.2,.7,.2,1) .6s both}}@keyframes aufsteigen{from{opacity: 0;transform: translateY(1.5rem)}to{opacity: 1;transform: none}}#beitraege,#praevention{position: relative}#beitraege::before,#praevention::before{content: "";position: absolute;left: 0;right: 0;bottom: calc(100% - 1px);height: clamp(1.75rem,4vw,3.5rem);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23d8e1cc' d='M0 80V46C110 26 230 18 380 28S650 62 820 54 1110 14 1270 20 1400 38 1440 44V80Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;pointer-events: none}#praevention::before{transform: scaleX(-1)}.fuss{position: relative}.fuss::before{content: "";position: absolute;left: 0;right: 0;top: -1px;height: clamp(1.75rem,4vw,3.5rem);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23f6f4f1' d='M0 0V34C120 54 250 62 400 52S680 18 860 26 1150 66 1300 58 1410 40 1440 36V0Z'/%3E%3C/svg%3E") center top / 100% 100% no-repeat;pointer-events: none}.fuss{padding-top: clamp(5.5rem,10vw,8rem)}.seite{transition: box-shadow .4s cubic-bezier(.2,.7,.2,1)}@media (hover: hover){.sorte:hover .karte{transform: translateY(-.5rem) rotateY(180deg)}.sorte:hover .seite{box-shadow: 0 22px 40px -18px rgb(25 70 65 / .45)}}@media (hover: hover) and (prefers-reduced-motion: reduce){.sorte:hover .karte{transform: none}}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.kopf::after{content: "";position: absolute;left: 0;right: 0;bottom: -1px;height: 2px;background: var(--koralle);transform-origin: left;transform: scaleX(0);animation: fortschritt linear both;animation-timeline: scroll(root)}}}@keyframes fortschritt{to{transform: scaleX(1)}}.fehlerseite{padding-block: clamp(5rem,12vw,10rem);min-height: 60vh}.fehlerseite .fehler-code{font: 700 clamp(7rem,22vw,16rem)/.8 var(--serif);color: var(--salbei);letter-spacing: -.04em;margin: 0 0 1.5rem}.fehlerseite h1{font-size: clamp(2.4rem,5.5vw,4.25rem);letter-spacing: -.03em;line-height: .95;margin-bottom: 1.5rem;max-width: 16ch}.fehlerseite p{font-size: 1.1rem}.fehler-en{color: var(--moos);opacity: .8;font-size: 1rem !important}.fehler-aktionen{display: flex;flex-wrap: wrap;gap: .75rem;margin-top: 2.5rem}.knopf.leise-dunkel{background: transparent;color: var(--gruen);border-color: rgb(25 70 65 / .35)}.knopf.leise-dunkel:hover{background: var(--salbei);border-color: var(--salbei)}.k-beispiel .beispiel-titel{font: 600 .8rem/1.3 var(--sans);letter-spacing: .06em;text-transform: uppercase;color: var(--moos);margin-bottom: 1.25rem}.k-beispiel .beispiel dl div{align-items: baseline;padding: .7rem 0;border-bottom: 1px solid rgb(25 70 65 / .15)}.k-beispiel .beispiel dt{font-size: .95rem;font-weight: 400;color: var(--moos)}.k-beispiel .beispiel dd{font: 700 1.6rem/1 var(--serif);color: var(--gruen);letter-spacing: -.01em}.k-beispiel .beispiel .summe{border-bottom: 0;border-top: 1.5px solid var(--gruen);margin-top: .35rem;padding-top: .9rem}.k-beispiel .beispiel .summe dt{font-weight: 600;color: var(--gruen)}.k-beispiel .beispiel .summe dd{font-size: 2.2rem}.k-beispiel .menge{display: block;border-top: 0;padding-top: 2rem}.k-beispiel .menge-wert{font: 700 clamp(3rem,5vw,3.75rem)/.9 var(--serif);letter-spacing: -.03em}.k-beispiel .menge-wert::after{content: "";display: block;width: 1.75rem;height: 2px;background: var(--koralle);margin: .9rem 0 .75rem}.k-beispiel .menge-text{font-size: .95rem;line-height: 1.55;color: var(--moos)}html:not(.js) .umschalter{display: none}.sorte-status{position: absolute;top: 6cqi;left: 6cqi;z-index: 1;padding: .35em .8em;border-radius: 999px;background: var(--ink);color: var(--bg);font: 600 4.6cqi/1 var(--sans);letter-spacing: .02em}.js .sorte-status{display: none}html:not(.js) .hinten{--s: .76}.fuss-info{margin: 1.5rem 0 0 !important;max-width: 38ch;font-size: .85rem;line-height: 1.65;color: rgb(223 230 220 / .72)}@media (max-width: 52rem){.fuss-info{max-width: 60ch}}@media (max-width: 52rem){.fuss .huelle > div:first-child{grid-column: 1 / -1}}@media (max-width: 34rem){.fuss-info{font-size: .8rem;line-height: 1.6}}@media (max-width: 34rem){.fuss{padding-top: 4.25rem}.fuss .huelle{grid-template-columns: 1fr 1fr;gap: 2rem 1.25rem}.fuss .huelle > div:first-child,.fuss .huelle > div:nth-child(2){grid-column: 1 / -1}.fuss img{width: 8.5rem}.fuss-info{margin-top: 1rem !important}.fuss h2{margin-bottom: .5rem}.fuss p,.fuss address{margin-bottom: .25rem}.fuss li{margin-bottom: .3rem}.fuss .klein{margin-top: .5rem;padding-top: 1.25rem}.fuss-marke{margin-top: 2rem}}.sorte[data-sorte="animal-tsunami"]{--bg: #c99a5e;--ink: #4a2e1c}.sorte[data-sorte="blue-zlime"]{--bg: #8fbfae;--ink: #1c3d3a}.sorte[data-sorte="candy-fumes"]{--bg: #c98fd1;--ink: #4a1f52}.sorte[data-sorte="gelonade"]{--bg: #ddc83a;--ink: #46386f}.sorte[data-sorte="hashburger"]{--bg: #cfa759;--ink: #472d1e}.sorte[data-sorte="marmelade"]{--bg: #d98a3a;--ink: #4a2410}.sorte[data-sorte="northern-lights"]{--bg: #b8d9c0;--ink: #2a3d52}.sorte[data-sorte="silver-haze"]{--bg: #bab4cd;--ink: #312e42}.sorte[data-sorte="super-lemon-haze"]{--bg: #d9cb4e;--ink: #3d4714}.sorte[data-sorte="superboof"]{--bg: #e39456;--ink: #561f12}.sorte[data-sorte="swiss-watch"]{--bg: #9fc4d7;--ink: #223f58}.sorte[data-sorte="tropical-gelato"]{--bg: #e49957;--ink: #183b37}.sorte[data-sorte="black-cherry-gushers"]{--bg: #d98ca0;--ink: #4a1b2e}.sorte[data-sorte="detroit-runtz"]{--bg: #e373af;--ink: #4e2043}.sorte[data-sorte="polar-gelato"]{--bg: #9edfdf;--ink: #234957}.sorte[data-sorte="rainbow-belts-2-0"]{--bg: #e8b15c;--ink: #3a1f52}.sorte[data-sorte="wedding-cake-ice"]{--bg: #d4dedd;--ink: #3e2a4a}