:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1b1d20;--muted:#44515c;--panel:#f6fbffc7;--panel-strong:#ffffffe6;--nav:#f5f5f5db;--nav-active:#d1d1d1f0;--line:#233c4b1f;--accent:#16a7b5;--shadow:0 26px 80px #051c2d38;font-family:Avenir Next,Avenir,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;overflow-x:hidden}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(#ffffff0d,#ffffff1f),url(/bilder/originale/back5.jpg) 50%/cover fixed;margin:0;overflow-x:hidden}a{color:inherit}.page-shell{grid-template-columns:166px minmax(0,920px);align-items:start;gap:42px;width:min(1120px,100% - 36px);min-width:0;margin:10px auto 56px;display:grid}.side-nav{background:var(--nav);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;position:sticky;top:10px;box-shadow:0 14px 40px #1c3d541f}.side-nav a{color:#38444c;text-transform:uppercase;border-bottom:1px solid #0000000d;place-items:center;min-height:50px;padding:8px 12px;font-size:.78rem;font-weight:700;text-decoration:none;display:grid}.side-nav a:hover,.side-nav a.active{color:#222;background:var(--nav-active)}.content-panel{min-width:0;min-height:calc(100vh - 20px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#ffffff94,#ebf8ffbd),#ffffff80;padding:36px clamp(18px,4vw,52px) 64px}.site-title{text-align:center;margin-bottom:54px}.site-title p,.site-title span{color:#05080b;letter-spacing:0;margin:0;font-family:Avenir Next Condensed,Roboto Condensed,Arial Narrow,Helvetica Neue,sans-serif;font-weight:650;display:block}.site-title p{font-size:clamp(2rem,3.8vw,3rem);line-height:1.06}.site-title span{margin-top:12px;font-size:clamp(1.35rem,2.55vw,2rem);line-height:1.08}.welcome{min-width:0;max-width:none;margin-inline:auto}.gallery-page{max-width:980px;margin-inline:auto}.contact-page{max-width:410px}.directions-page{max-width:940px;margin-inline:auto}.webcam-page{min-width:0;max-width:none;margin-inline:auto}.text-page{max-width:890px;margin-inline:auto}.signup-page{max-width:800px;margin-inline:auto}.legal-page{max-width:780px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 34px;font-size:.9rem;font-weight:700}h1{color:#22262a;letter-spacing:0;margin:0 0 28px;font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;font-size:clamp(2.1rem,4vw,3.1rem);font-weight:300;line-height:1.12}.hero-image{aspect-ratio:2.15;object-fit:cover;object-position:center;width:100%;margin-bottom:clamp(56px,9vw,112px);display:block;box-shadow:0 14px 36px #08243824}.intro-text{min-width:0;max-width:850px}p{color:var(--muted);margin-top:0;font-size:1rem;line-height:1.65}.intro-text p{margin-bottom:18px}.text-page p,.text-page li{color:#20262c;font-size:.98rem;line-height:1.65}.text-page p{margin-bottom:20px}.text-page ul{margin:0 0 22px 24px;padding-left:20px}.text-page strong{color:#101418}.legal-page p{color:#20262c;margin-bottom:34px;font-size:.98rem;line-height:1.65}.legal-page a{color:var(--accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}.privacy-text p,.privacy-text li{color:#20262c;font-size:.92rem;line-height:1.62}.privacy-text p{margin-bottom:18px}.privacy-text p:first-child{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:700}.privacy-text ul{margin:0 0 18px 24px;padding-left:20px}.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.gallery-status{color:#31424dc7;margin:-18px 0 18px;font-size:.9rem}.gallery-item{aspect-ratio:1;cursor:zoom-in;background:#ffffff73;border:0;width:100%;padding:0;display:block;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .18s,filter .18s;display:block}.gallery-placeholder{cursor:default;background-color:#ffffff6b;background-image:linear-gradient(90deg,#ffffff3d,#ffffff9e,#ffffff3d),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:240% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.3s ease-in-out infinite shimmer}.gallery-item:hover img,.gallery-item:focus-visible img{filter:saturate(1.08)contrast(1.03);transform:scale(1.045)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px;display:grid}.video-grid iframe,.video-consent{aspect-ratio:16/9;background:#ffffff73;border:0;width:100%;display:block;box-shadow:0 12px 30px #0824381f}.embed-consent{color:#31424d;background:linear-gradient(#0c223057, #0c223057), var(--preview-image) center / cover, #ffffff73;text-align:center;align-content:center;place-items:center;gap:14px;padding:24px;display:grid;position:relative;overflow:hidden}.embed-consent p{z-index:1;color:#fff;background:#0c2230b8;max-width:520px;margin:0;padding:10px 14px;font-size:.96rem;position:relative}.embed-consent button{z-index:1;color:#364049;min-height:42px;font:inherit;cursor:pointer;background:#ffffffd1;border:0;border-radius:2px;padding:0 18px;position:relative}.embed-consent button:hover{background:#fffffff5}.embed-consent.is-loaded{background:0 0;padding:0;display:block}.placeholder-page{max-width:720px;margin-inline:auto}.contact-form,.signup-form{gap:20px;display:grid}.hidden-field{opacity:0;pointer-events:none;position:absolute;left:-9999px}.contact-form label,.signup-form label{color:#333940;gap:8px;font-size:.95rem;display:grid}.contact-form input,.contact-form textarea,.signup-form input{width:100%;color:var(--ink);font:inherit;background:#ffffffd1;border:1px solid #535d6661;border-radius:3px;font-size:1rem}.contact-form input,.signup-form input{height:38px;padding:6px 10px}.contact-form textarea{resize:vertical;min-height:138px;padding:9px 10px}.contact-form input:focus,.contact-form textarea:focus,.signup-form input:focus{border-color:#16a7b5b3;outline:2px solid #16a7b54d}.contact-form button,.signup-form button{color:#364049;min-height:42px;font:inherit;cursor:pointer;background:#ffffffc7;border:0;border-radius:2px;justify-self:start;padding:0 18px}.contact-form button:hover,.signup-form button:hover{background:#fffffff0}.contact-form button:disabled,.signup-form button:disabled{cursor:wait;opacity:.62}.form-note,.form-status{color:#34424c;margin:0;font-size:.92rem;line-height:1.5}.form-status{min-height:1.4em}.form-status.is-success{color:#20653b}.form-status.is-error{color:#9b2d2a}.signup-fields{grid-template-columns:repeat(2,minmax(0,260px));justify-content:space-between;gap:18px clamp(32px,13vw,160px);display:grid}.signup-actions{grid-template-columns:minmax(0,260px) minmax(0,260px);justify-content:space-between;align-items:start;column-gap:clamp(32px,13vw,160px);margin-top:0;display:grid}.ssl-badge{aspect-ratio:1;color:#fff;text-shadow:0 1px 2px #00000073;background:radial-gradient(circle,#fff8c7 0 43%,#d8a433 44% 64%,#8c5f15 65% 100%);border:7px double #d09b22;border-radius:50%;place-items:center;width:98px;margin-top:0;margin-left:0;font-family:Georgia,Times New Roman,serif;display:grid;box-shadow:0 6px 18px #3c2d0a3d}.ssl-badge strong{aspect-ratio:1;letter-spacing:0;background:#5d4724;border-radius:50%;place-items:center;width:62px;font-size:1.45rem;display:grid}.map-frame{aspect-ratio:1.9;background:#ffffff6b;width:100%;margin-bottom:30px;overflow:hidden}.map-consent{background:linear-gradient(#0c223057, #0c223057), var(--preview-image) center / cover, #ffffff73}.map-consent.is-loaded{background:0 0}.map-frame iframe,.map-consent iframe{border:0;width:100%;height:100%;display:block}.route-button{color:#364049;background:#ffffffc7;border-radius:2px;align-items:center;min-height:42px;padding:0 18px;text-decoration:none;display:inline-flex}.route-button:hover{background:#fffffff0}.webcam-image{aspect-ratio:2.15;object-fit:cover;object-position:center;background:#ffffff80;width:100%;display:block}.webcam-image[hidden]{display:block!important}.webcam-caption{margin-bottom:0}.webcam-advanced{width:100%;min-width:0;max-width:100%;margin:0 auto;padding:4px 0 0;overflow:hidden}.webcam-archive-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;margin-bottom:14px;display:grid}.archive-date{color:#20262c;text-align:center;font-size:.98rem}.archive-prev,.archive-next{color:#364049;min-height:36px;font:inherit;cursor:pointer;white-space:normal;background:#ffffffc7;border:0;border-radius:2px;padding:0 12px;font-size:.92rem;line-height:1.25}.archive-prev:disabled,.archive-next:disabled{cursor:default;opacity:.58}.archive-prev{justify-self:start}.archive-next{justify-self:end}.webcam-thumbs{scroll-snap-type:x proximity;grid-auto-columns:minmax(132px,170px);grid-auto-flow:column;gap:12px;width:100%;min-width:0;max-width:100%;padding:2px 2px 12px;display:grid;overflow:auto hidden}.webcam-thumb{color:#20262c;min-width:0;font:inherit;cursor:pointer;scroll-snap-align:start;text-align:right;background:0 0;border:0;gap:5px;padding:0;font-size:.86rem;display:grid}.webcam-thumb img{aspect-ratio:5/3;object-fit:cover;width:100%;display:block}.webcam-thumb:hover img,.webcam-thumb:focus-visible img,.webcam-thumb.is-active img{outline:2px solid #16a7b5b3}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-240% 0}}.site-footer{border-top:1px solid #505f6947;justify-items:center;gap:22px;margin:58px calc(-1*clamp(18px,4vw,52px)) -34px;padding:28px 18px 26px;display:grid}.site-footer a{color:#34424c;font-size:.96rem;text-decoration:none}.site-footer a:hover{color:#111820;text-decoration:underline}.lightbox{background:#f8fcfff5;border:0;width:min(1100px,100vw - 34px);max-height:calc(100vh - 34px);padding:14px;box-shadow:0 28px 100px #0000006b}.lightbox::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04182694}.lightbox-bar{justify-content:flex-end;margin-bottom:12px;display:flex}.lightbox-body{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:12px;display:grid}.lightbox-stage{background:#ffffff85;place-items:center;min-height:min(62vh,620px);display:grid}.lightbox-stage img{object-fit:contain;max-width:100%;max-height:calc(100vh - 128px);display:block}.lightbox-loading{color:#31424d;place-items:center;min-height:180px;font-weight:700;display:grid}.lightbox-nav{aspect-ratio:1;color:#29343c;width:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #233c4b2e;border-radius:50%;place-items:center;font-size:1.35rem;display:grid}.lightbox-nav:hover,.lightbox-close:hover{background:#eef8fb}.lightbox-close{color:#29343c;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #233c4b2e;padding:0 14px;font-size:.86rem;font-weight:700;display:block}@media (width<=860px){body{background-attachment:scroll}.page-shell{grid-template-columns:1fr;gap:0;width:min(100%,100% - 24px);margin-top:12px}.side-nav{z-index:10;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;position:sticky;top:0}.side-nav a{min-height:44px;font-size:.72rem}.content-panel{min-height:auto;padding:28px 18px 46px}.site-title{margin-bottom:34px}.site-title p{overflow-wrap:anywhere;font-size:clamp(1.35rem,7vw,2rem)}.site-title span{overflow-wrap:anywhere;margin-top:6px;font-size:clamp(1rem,5.5vw,1.45rem)}.hero-image{margin-bottom:44px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.video-grid{grid-template-columns:1fr}.map-frame{aspect-ratio:1.25}.webcam-thumbs{grid-auto-columns:minmax(128px,38vw)}.signup-fields,.signup-actions{grid-template-columns:1fr;gap:18px}.signup-actions{justify-items:start}}@media (hover:none) and (pointer:coarse) and (width<=980px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media (width<=520px){.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.eyebrow{margin-bottom:22px}.gallery-grid{grid-template-columns:1fr}.webcam-archive-head{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}.archive-date{text-align:left;grid-area:1/1/auto/-1}.archive-prev,.archive-next{justify-self:stretch;min-height:42px;padding-inline:10px}.archive-next{justify-self:stretch}.webcam-thumbs{grid-auto-columns:minmax(118px,46vw)}.lightbox{padding:10px}.lightbox-body{grid-template-columns:1fr 1fr}.lightbox-stage{grid-area:1/1/auto/-1}.lightbox-prev,.lightbox-next{grid-row:2}.lightbox-prev{justify-self:start}.lightbox-next{justify-self:end}}