@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fluessigboden_interaktiveKarte/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fluessigboden_interaktiveKarte/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand:#788268;--color-brand-hover:#606b52;--color-brand-soft:#eef0e9;--color-navy:#20221e;--color-ink:#1b1d1a;--color-text:#474a44;--color-text-muted:#74776f;--color-border:#d6d7cf;--color-surface:#f8f7f2;--color-surface-muted:#e9e9e2;--color-focus:#20221e;--color-danger:#b42318;--color-green:#92a800;--font-sans:"Outfit Variable", "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem, 2vw, 2rem);--text-2xl:clamp(2rem, 4vw, 3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:4px;--radius-md:8px;--radius-round:999px;--shadow-sm:0 8px 24px #1b1d1a14;--shadow-md:0 20px 60px #1b1d1a1f;--transition-fast:.18s cubic-bezier(.22, 1, .36, 1);--transition-base:.36s cubic-bezier(.22, 1, .36, 1);--z-canvas:0;--z-hotspot:10;--z-infocards:20;--z-demo-qr:25;--z-legend:30;--z-intro:100;--z-infocard:1;--z-infocard-navigation:2}*,:before,:after{box-sizing:border-box}html{background:var(--color-surface-muted)}body{background:var(--color-surface-muted);min-width:320px;min-height:100dvh;margin:0;position:relative;overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}html{color:var(--color-text);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:var(--color-brand);text-underline-offset:.2em;transition:color var(--transition-fast)}a:hover{color:var(--color-brand-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}h1,h2,h3,h4,p{margin-block-start:0}h1,h2,h3,h4{color:var(--color-ink);font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-wrap:balance;line-height:1.02}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{line-height:1.55}.webgl{z-index:var(--z-canvas);touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.intro{z-index:var(--z-intro);color:var(--color-surface);background:var(--color-ink);clip-path:inset(0);opacity:0;visibility:hidden;position:fixed;inset:0}.intro__loader,.intro__content{padding:clamp(24px,3.5vw,56px);position:absolute;inset:0}.intro__loader{justify-content:space-between;align-items:flex-end;gap:var(--space-5);display:flex}.intro__mask{overflow:hidden}.intro__progress,.intro__loading{opacity:0;will-change:transform, opacity;margin:0;transform:translateY(115%)}.intro__progress{color:var(--color-surface);font-size:clamp(5rem,18vw,17rem);font-weight:var(--font-weight-regular);letter-spacing:-.075em;align-items:flex-start;line-height:.72;display:flex}.intro__progress span:last-child{letter-spacing:-.03em;margin-top:.08em;font-size:.42em}.intro__loading{color:color-mix(in srgb, var(--color-surface) 32%, transparent);font-size:clamp(2.1rem,7vw,6.5rem);font-weight:var(--font-weight-regular);letter-spacing:-.055em;white-space:nowrap;line-height:.8}.intro__content{opacity:0;visibility:hidden;grid-template-rows:auto 1fr auto;display:grid}.intro__meta{justify-content:space-between;gap:var(--space-4);color:color-mix(in srgb, var(--color-surface) 66%, transparent);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:.11em;text-transform:uppercase;display:flex}.intro__meta,.intro__description,.intro__button{opacity:0;visibility:hidden;transform:translateY(20px)}.intro__title{max-width:11ch;color:var(--color-surface);font-size:clamp(4.25rem,10.5vw,10.5rem);font-weight:var(--font-weight-regular);letter-spacing:-.065em;align-self:center;margin:0;line-height:.82}.intro__line,.intro__char{will-change:transform, opacity}.intro__footer{justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.intro__description{max-width:30rem;color:color-mix(in srgb, var(--color-surface) 58%, transparent);margin:0;font-size:clamp(.95rem,1.25vw,1.1rem)}.intro__button{min-height:50px;color:var(--color-ink);background:var(--color-surface);flex:none;padding-inline:1.35rem}.intro__button:hover{color:var(--color-ink);background:#fff}@media (width<=720px){.intro__loader,.intro__content{padding:22px 18px 24px}.intro__loader{align-items:flex-end;gap:10px}.intro__progress{font-size:clamp(3.6rem,20vw,6.5rem)}.intro__loading{margin-bottom:.04em;font-size:clamp(1.15rem,6.5vw,2.25rem)}.intro__meta span:last-child{display:none}.intro__title{font-size:clamp(2.7rem,13.5vw,4.25rem);line-height:.86}.intro__footer{align-items:flex-start;gap:var(--space-5);flex-direction:column}.intro__button{width:100%}}.hotspot{z-index:var(--z-hotspot);appearance:none;width:44px;height:44px;color:var(--color-ink);background:color-mix(in srgb, var(--color-surface) 90%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 8%, transparent), 0 8px 24px #1b1d1a24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);border:0;border-radius:50%;padding:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.hotspot:before{content:"";background:var(--color-brand-hover);width:8px;height:8px;transition:background var(--transition-base), transform var(--transition-base);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot:hover{color:var(--color-surface);background:var(--color-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-surface) 14%, transparent), 0 12px 32px #1b1d1a33}.hotspot:hover:before{background:var(--color-surface);transform:translate(-50%,-50%)scale(.75)}.hotspot:focus-visible{outline-color:var(--color-ink)}@media (width<=720px){.hotspot{width:40px;height:40px}}.legend{z-index:var(--z-legend);width:min(328px,100vw - 32px);max-height:calc(100dvh - clamp(32px,4vw,48px));color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 91%, transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(24px)saturate(85%);backdrop-filter:blur(24px)saturate(85%);opacity:0;visibility:hidden;transition:width var(--transition-base), background var(--transition-base);flex-direction:column;display:flex;position:fixed;top:clamp(16px,2vw,24px);right:clamp(16px,2vw,24px);overflow:hidden}.legend__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);color:var(--color-ink);background:0 0;padding:20px 16px 8px 20px;display:flex}.legend__copy{min-width:0}.legend__eyebrow{color:var(--color-brand-hover);font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px}.legend__title{color:inherit;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:var(--font-weight-medium);margin:0}.legend__toggle{width:34px;height:34px;color:var(--color-ink);background:var(--color-surface-muted);cursor:pointer;transition:color var(--transition-base), background var(--transition-base);border:0;border-radius:50%;flex:none;padding:0;position:relative}.legend__toggle:hover{color:var(--color-surface);background:var(--color-ink)}.legend__toggle-icon:before,.legend__toggle-icon:after{content:"";transform-origin:50%;background:currentColor;width:10px;height:1px;position:absolute;top:50%;left:50%}.legend__toggle-icon:before{transform:translate(-80%,-50%)rotate(45deg)}.legend__toggle-icon:after{transform:translate(-20%,-50%)rotate(-45deg)}.legend__hint{color:var(--color-text-muted);margin:0;padding:7px 20px 14px;font-size:.8rem;line-height:1.45}.legend__nav{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--color-ink) 18%, transparent) transparent;scrollbar-width:thin;min-height:0;overflow-y:auto}.legend__list{gap:1px;margin:0;padding:2px 8px 10px;list-style:none;display:grid}.legend__button{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-ink);text-align:left;cursor:pointer;transition:color var(--transition-base), background var(--transition-base), transform var(--transition-fast);background:0 0;border:0;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;padding:8px 12px;display:grid}.legend__button:hover,.legend__button.is-active{color:var(--color-ink);background:var(--color-brand-soft)}.legend__button:active{transform:translate(2px)}.legend__number{color:var(--color-brand-hover);font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.04em}.legend__label{font-size:.82rem;font-weight:var(--font-weight-medium);line-height:1.25}.legend__arrow{color:var(--color-text-muted);transition:transform var(--transition-fast);justify-self:end;font-size:.95rem;transform:translate(-2px,2px)}.legend__button:hover .legend__arrow,.legend__button.is-active .legend__arrow{color:var(--color-ink);transform:translate(1px,-1px)}.legend.is-collapsed{width:54px}.legend.is-collapsed .legend__header{padding:10px}.legend.is-collapsed .legend__copy,.legend.is-collapsed .legend__hint,.legend.is-collapsed .legend__nav{display:none}.legend.is-collapsed .legend__toggle{width:34px;height:34px}.legend.is-collapsed .legend__toggle-icon:before{transform:translate(-80%,-50%)rotate(-45deg)}.legend.is-collapsed .legend__toggle-icon:after{transform:translate(-20%,-50%)rotate(45deg)}@media (width<=720px){.legend{width:calc(100vw - 24px);max-height:min(52dvh,520px);top:auto;bottom:12px;right:12px}.legend__header{padding:17px 14px 8px 18px}.legend__hint{padding:6px 18px 12px}.legend.is-collapsed{width:54px}}.demo-qr{z-index:var(--z-demo-qr);width:min(296px,100vw - 32px);color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 94%, transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(24px)saturate(85%);backdrop-filter:blur(24px)saturate(85%);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base), transform var(--transition-base);pointer-events:none;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:16px;padding:14px;display:grid;position:fixed;bottom:clamp(16px,2vw,24px);right:clamp(16px,2vw,24px);transform:translateY(16px)}.demo-qr.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.demo-qr__copy{flex-direction:column;gap:7px;min-width:0;display:flex}.demo-qr__eyebrow,.demo-qr__hint{margin:0}.demo-qr__eyebrow{color:var(--color-brand-hover);font-size:.68rem;font-weight:var(--font-weight-medium);letter-spacing:.13em;text-transform:uppercase}.demo-qr__hint{color:var(--color-ink);font-size:.9rem;font-weight:var(--font-weight-medium);line-height:1.3}.demo-qr__code{border-radius:var(--radius-sm);background:#fff;padding:10px}.demo-qr__image{aspect-ratio:1;width:100%;display:block}@media (width<=720px){.demo-qr{grid-template-columns:minmax(0,1fr) 96px;gap:12px;width:min(250px,100vw - 24px);padding:10px;top:68px;bottom:auto;right:12px}.demo-qr__hint{font-size:.78rem}.demo-qr__code{padding:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.infocards{--infocard-navigation-clearance:78px;--infocard-viewport-margin:16px;z-index:var(--z-infocards);pointer-events:none;position:fixed;inset:0}.infocards__navigation{z-index:var(--z-infocard-navigation);pointer-events:auto;align-items:center;gap:8px;max-width:calc(100vw - 40px);display:none;position:absolute;top:20px;left:20px}.infocards__back,.infocards__previous,.infocards__next{cursor:pointer;min-height:44px;transition:color var(--transition-base), background var(--transition-base), transform var(--transition-fast);border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.infocards__back{border-radius:var(--radius-round);color:var(--color-ink);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:8px;padding:11px 16px}.infocards__back:hover{color:var(--color-ink);background:var(--color-brand-soft);transform:translate(-1px)}.infocards__pager{min-width:0;color:var(--color-ink);background:color-mix(in srgb, var(--color-surface) 92%, transparent);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:stretch;display:flex;overflow:hidden}.infocards__previous,.infocards__next{width:44px;color:var(--color-ink);background:0 0;padding:0;font-size:1.05rem}.infocards__previous:hover,.infocards__next:hover{color:var(--color-ink);background:var(--color-brand-soft)}.infocards__current{width:clamp(190px,30vw,420px);min-width:0;color:var(--color-ink);font-size:.8rem;font-weight:var(--font-weight-medium);text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;padding:9px 12px;line-height:1.2;display:flex;overflow:hidden}.infocards__inner{width:100%;height:100%;display:flex;position:relative}.infocard__item{top:var(--card-top,0);left:var(--card-left,0);z-index:var(--z-infocard);width:100%;max-width:340px;max-height:calc(100dvh - var(--infocard-navigation-clearance) - var(--infocard-viewport-margin));overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--color-ink) 20%, transparent) transparent;scrollbar-width:thin;color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 95%, transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(24px)saturate(85%);backdrop-filter:blur(24px)saturate(85%);transform-origin:0 100%;pointer-events:auto;padding:28px;display:none;position:absolute;overflow-y:auto}.infocard__item h3{color:var(--color-ink);margin:0;font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.02}.infocard__item-inner{flex-direction:column;gap:18px;display:flex}.infocard__content{color:var(--color-text);font-size:.9rem;line-height:1.55}.infocard__cta{align-self:flex-start;margin-top:2px;background:var(--color-green)!important}.infocard__cta:after{content:"↗"}@media (width<=720px){.infocards{--infocard-navigation-clearance:68px}.infocards__navigation{gap:6px;width:calc(100vw - 24px);max-width:none;top:12px;left:12px}.infocards__back{width:44px;padding:0}.infocards__back-label{display:none}.infocards__pager{flex:1;min-width:0}.infocards__previous,.infocards__next{width:40px}.infocards__current{flex:1;width:auto;padding-inline:8px}.infocard__item{top:auto;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));width:auto;max-width:none;max-height:calc(100dvh - var(--infocard-navigation-clearance) - max(24px, env(safe-area-inset-bottom)));transform-origin:bottom;border-radius:12px;padding:22px;box-shadow:0 -8px 40px #1b1d1a1f}.infocard__item-inner{gap:14px}}.infocard-modal{width:min(760px,100vw - 32px);max-width:none;height:min(760px,100dvh - 32px);max-height:none;color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 98%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);-webkit-backdrop-filter:blur(28px)saturate(90%);backdrop-filter:blur(28px)saturate(90%);border-radius:16px;margin:auto;padding:0;overflow:hidden;box-shadow:0 28px 90px #1b1d1a40}.infocard-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b1d1a8a}.infocard-modal__surface{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.infocard-modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 24px;display:flex}.infocard-modal__eyebrow{color:var(--color-brand-hover);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;line-height:1.2}.infocard-modal__title{margin:0;font-size:clamp(1.65rem,3vw,2.35rem)}.infocard-modal__close{width:44px;min-width:44px;height:44px;color:var(--color-ink);background:var(--color-brand-soft);border-radius:var(--radius-round);cursor:pointer;transition:color var(--transition-base), background var(--transition-base), transform var(--transition-fast);border:0;justify-content:center;align-items:center;padding:0;font-size:1.8rem;line-height:1;display:inline-flex}.infocard-modal__close:hover{color:var(--color-surface);background:var(--color-brand-hover);transform:rotate(3deg)}.infocard-modal__scroll{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--color-ink) 24%, transparent) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch;align-content:start;gap:32px;min-height:0;padding:28px 32px 36px;display:grid;overflow-y:auto}.infocard-modal__section-title{font-size:var(--text-lg);margin:0 0 16px}.infocard-modal__explanation{color:var(--color-text);font-size:var(--text-base);line-height:1.65}.infocard-modal__explanation p{margin:0 0 1em}.infocard-modal__explanation p:last-child{margin-bottom:0}.infocard-modal__facts{border-top:1px solid var(--color-border);margin:0}.infocard-modal__fact{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(140px,.38fr) minmax(0,1fr);gap:20px;padding:14px 0;display:grid}.infocard-modal__fact dt{color:var(--color-ink);font-weight:var(--font-weight-semibold)}.infocard-modal__fact dd{min-width:0;margin:0;line-height:1.5}.infocard-modal__website{background:var(--color-green);justify-self:start}@media (width<=720px){.infocard-modal{border-radius:12px;width:calc(100vw - 24px);height:calc(100dvh - 24px)}.infocard-modal__header{gap:16px;padding:20px 18px 18px}.infocard-modal__eyebrow{margin-bottom:6px}.infocard-modal__title{font-size:clamp(1.4rem,7vw,1.8rem)}.infocard-modal__scroll{padding:22px 18px max(28px, env(safe-area-inset-bottom));gap:28px}.infocard-modal__explanation{font-size:.95rem}.infocard-modal__fact{grid-template-columns:minmax(0,1fr);gap:5px;padding:13px 0}}.btn{border-radius:var(--radius-round);min-height:44px;color:var(--color-surface);background:var(--color-ink);font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:.01em;cursor:pointer;transition:color var(--transition-base), background var(--transition-base), transform var(--transition-fast);border:0;justify-content:center;align-items:center;gap:.7rem;padding:.7rem 1.15rem;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{color:var(--color-surface);background:var(--color-brand-hover);transform:translateY(-1px)}