*{box-sizing:border-box}body{margin:0;color:#293c39;background:#f5f6f0;font:16px/1.6 'Segoe UI',system-ui,sans-serif}button{font:inherit}a{color:inherit}.review{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 28px;background:#e9ede5;color:#526257;font-size:12px}.review strong{font-weight:500;margin-right:10px}.review a{padding:4px 10px;border-radius:20px;text-decoration:none}.review a[aria-current]{background:#fff;color:#234e43}.header{height:76px;padding:0 max(28px,calc((100% - 1160px)/2));display:flex;align-items:center;gap:10px;background:#fffefb;border-bottom:1px solid #e3e8de}.brand{font-weight:600;font-size:21px;letter-spacing:-.6px}.mark{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}.header .label{margin-left:auto;font-size:13px;color:#78857b}.frame{max-width:1160px;margin:auto;padding:32px 30px 0}.welcome{font-size:15px;color:#68776c;margin:0 0 32px;letter-spacing:.01em}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:46px;min-height:370px}.copy{max-width:590px}h1{font-size:clamp(32px,3.5vw,48px);font-weight:500;letter-spacing:-1.65px;line-height:1.16;margin:0 0 23px}.lead{font-size:18px;line-height:1.75;color:#64736b;margin:0;max-width:565px}.art{width:100%;display:block;border-radius:24px;max-height:400px;object-fit:contain;mix-blend-mode:multiply}.access{margin:34px 0 32px;padding:23px 0;border-top:1px solid #dce3d7;border-bottom:1px solid #dce3d7;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.login{border:0;border-radius:8px;background:#45634f;color:white;padding:10px 23px;font-size:14px}.guest{background:transparent;color:#45634f;border:1px solid #b5c3b1;border-radius:8px;padding:9px 18px;font-size:14px;white-space:nowrap}.pilot{display:flex;gap:6px 18px;align-items:center;flex-wrap:wrap;font-size:12px;color:#6c7970}.pilot strong{font-weight:500;color:#526359}.pilot code{font:12px 'Segoe UI',sans-serif;color:#3d5147}.guestgroup{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.divider{height:33px;border-left:1px solid #d8e1d2}.author{font-size:12px;color:#758177;padding:0 0 25px;max-width:800px}.author p{margin:5px 0}.author .owner{color:#53655a}.author span{display:inline-block;min-width:160px;border-bottom:1px solid #ccd6c6;margin-left:9px}.foot{font-size:11px;color:#8b948c;padding:12px 0 23px}.weich{background:#f2f6f0}.weich .frame{max-width:1240px;padding-top:32px}.weich .hero{padding:30px 36px;border-radius:28px;background:radial-gradient(ellipse at 90% 80%,#ddecdf88,transparent 65%),radial-gradient(ellipse at 18% 15%,#fff9eacc,transparent 70%);gap:30px;min-height:400px}.weich h1{font-size:46px}.weich .art{border-radius:50%;max-height:350px}.weich .access{border:0;background:#fffdf7b3;padding:20px 26px;border-radius:15px;margin-top:25px}.weich .author{padding-left:26px}.zentriert .frame{max-width:1050px}.zentriert .welcome{text-align:center;margin-bottom:24px}.zentriert .hero{display:flex;flex-direction:column;gap:12px;text-align:center;min-height:0}.zentriert .copy{max-width:810px}.zentriert h1{font-size:42px;max-width:810px}.zentriert .lead{font-size:17px;max-width:730px;margin:auto}.zentriert .art{width:250px;max-height:215px;order:2;border-radius:30px}.zentriert .access{justify-content:center;margin-top:21px}.zentriert .author{text-align:center;margin:auto}.zentriert .foot{text-align:center}@media(min-width:1000px){.pilot{flex-direction:row}.guestgroup{flex:1}}@media(max-width:760px){.header{padding:0 20px}.frame{padding:24px 20px 0}.hero{grid-template-columns:1fr;gap:14px}.art{max-height:260px}.welcome{font-size:13px;margin-bottom:24px}h1,.weich h1,.zentriert h1{font-size:34px;letter-spacing:-1px}.lead{font-size:16px}.weich .hero{padding:22px}.access{gap:15px}.divider{display:none}.guestgroup{gap:12px}.pilot{gap:4px 14px}.review{padding:8px 12px}}
.access{display:block}.access-intro h2{font-size:17px;line-height:1.4;font-weight:500;margin:0 0 5px}.access-intro p{font-size:13px;color:#6c7970;margin:0 0 18px}.access-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #719786;outline-offset:3px}.guest-dialog{color:#293c39;background:#fffefb;border:1px solid #dce3d7;border-radius:18px;padding:28px;width:470px;max-width:calc(100vw - 32px);box-shadow:0 18px 65px #253f3626}.guest-dialog::backdrop{background:#233d3540}.dialog-heading{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}.dialog-heading h2{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.4px;margin:0}.dialog-close{border:0;background:transparent;color:#6c7970;font-size:22px;padding:0 3px;line-height:1.2}.dialog-description{font-size:14px;color:#68776c;margin:15px 0 22px}.credentials{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center;font-size:13px}.credentials label{color:#68776c}.credentials input{min-width:0;width:100%;border:1px solid #dce3d7;border-radius:7px;background:#f4f6ef;padding:9px 11px;font:14px 'Segoe UI',sans-serif;color:#354d41}.dialog-note{font-size:12px;color:#7c857b;margin:18px 0 22px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.dialog-cancel{border:0;background:transparent;color:#5a6c60;font:14px 'Segoe UI',sans-serif;padding:9px 11px}.guest-dialog .login:disabled{opacity:.65}@media(max-width:420px){.guest-dialog{padding:23px}.credentials{grid-template-columns:1fr;gap:5px}.credentials input{margin-bottom:10px}}
.home-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.login{display:inline-block;text-decoration:none;text-align:center}.login:focus-visible,.guest:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #a65a16;outline-offset:4px}.skip{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}[hidden]{display:none!important}.credentials input{max-width:100%}.dialog-state{font-size:14px;color:#64736b}.header{min-height:76px;height:auto;padding-top:12px;padding-bottom:12px}.dialog-note{overflow-wrap:anywhere}@media(max-width:480px){.header{padding-left:20px;padding-right:20px;flex-wrap:wrap}.header .label{font-size:12px}.mark{width:40px;height:40px}}
