: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}html{min-height:100%}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}a{color:inherit}.page-shell{grid-template-columns:166px minmax(0,920px);align-items:start;gap:42px;width:min(1120px,100% - 36px);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-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:Impact,Arial Narrow,Franklin Gothic Condensed,sans-serif;font-weight:500;display:block}.site-title p{font-size:clamp(2.1rem,4vw,3.1rem);line-height:1}.site-title span{margin-top:16px;font-size:clamp(1.45rem,2.7vw,2.2rem);line-height:1}.welcome{max-width:860px;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{max-width:870px;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;width:100%;margin-bottom:clamp(56px,9vw,112px);display:block;box-shadow:0 14px 36px #08243824}.intro-text{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:2px;display:grid}.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-item:hover img,.gallery-item:focus-visible img{filter:saturate(1.08)contrast(1.03);transform:scale(1.045)}.placeholder-page{max-width:720px;margin-inline:auto}.contact-form,.signup-form{gap:20px;display:grid}.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}.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-frame 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-stage{width:min(100%,820px);margin:0 auto 30px}.webcam-image-wrap{background:#ffffff80;position:relative;overflow:hidden}.webcam-image{aspect-ratio:5/3;object-fit:cover;width:100%;display:block}.webcam-strip{color:#fff;background:#a4120ee0;justify-content:space-between;gap:16px;min-height:24px;padding:3px 14px;font-size:.95rem;line-height:1.2;display:flex;position:absolute;bottom:0;left:0;right:0}.webcam-date{text-align:right;margin-left:auto}.webcam-advanced{width:min(100%,820px);margin:0 auto;padding:16px 0 0}.webcam-archive-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:14px;display:grid}.webcam-archive-head strong{text-align:center}.archive-prev,.archive-next{color:#364049;min-height:36px;font:inherit;cursor:pointer;background:#ffffffc7;border:0;padding:0 12px}.archive-prev{justify-self:start}.archive-next{justify-self:end}.webcam-thumbs{scroll-snap-type:x proximity;gap:12px;padding:2px 2px 12px;display:flex;overflow:auto hidden}.webcam-thumb{color:#20262c;font:inherit;cursor:pointer;scroll-snap-align:start;text-align:right;background:0 0;border:0;flex:0 0 170px;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{outline:2px solid #16a7b5b3}.webcam-stage.is-offline .webcam-image{filter:saturate(.72)}.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 img{object-fit:contain;max-width:100%;max-height:calc(100vh - 106px);margin-inline:auto;display:block}.lightbox-close{color:#29343c;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #233c4b2e;margin:0 0 12px auto;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{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;position:static}.side-nav a{min-height:44px;font-size:.72rem}.content-panel{min-height:auto;padding:28px 18px 46px}.site-title{margin-bottom:42px}.hero-image{margin-bottom:44px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.map-frame{aspect-ratio:1.25}.webcam-thumb{flex-basis:150px}.signup-fields,.signup-actions{grid-template-columns:1fr;gap:18px}.signup-actions{justify-items:start}}@media (width<=520px){.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.eyebrow{margin-bottom:22px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webcam-strip{gap:4px;display:grid;position:static}.webcam-date{text-align:left;margin-left:0}.webcam-archive-head{grid-template-columns:1fr;justify-items:start}.archive-next{justify-self:start}}