:root{--navy:#04182e;--navy2:#052748;--navy3:#0a3158;--blue:#073a72;--yellow:#ffd028;--yellow2:#f5bb08;--white:#fff;--sub:#c2d1e2;--panel:#071727;--border:#274159;--shadow:0 16px 50px #020c1799;--ink:#102c4b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;color:#ecf3fa;background:#fff;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}img{max-width:100%}.container{width:min(1320px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px;top:12px;padding:12px 18px;background:var(--yellow);color:#101c30;z-index:99}.skip:focus{left:12px}
.masthead{background:white;color:#0e2c4d;border-bottom:1px solid #e9eef3}.masthead-inner{min-height:100px;display:flex;gap:30px;align-items:center;justify-content:space-between}.logo{width:260px;flex:0 0 260px}.logo img{display:block;width:100%;height:78px;object-fit:contain;object-position:left center}.mast-contact{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.36}.mast-contact .contact-ico{font-weight:900;color:var(--blue);font-size:28px;line-height:1}.mast-contact b,.mast-contact a,.mast-contact span:not(.contact-ico),.mast-contact small{display:block}.mast-contact small{color:#51687e}.mast-contact a{font-weight:800}.mast-contact b{color:#1d456c}.staff-button{display:flex;gap:13px;align-items:center;background:var(--navy2);color:#fff;padding:15px 17px;border-radius:7px;min-width:188px;box-shadow:0 5px 12px #092c4d25}.staff-button>span:first-child{font-size:26px}.staff-button>span:last-child{margin-left:auto;font-weight:900;color:var(--yellow)}.staff-button b,.staff-button small{display:block;font-size:12px}.staff-button small{font-size:11px;color:#adc4da;font-weight:400}
.nav-strip{background:#fff;color:#081f3d;box-shadow:0 3px 8px #011a3020;position:relative;z-index:5}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:54px;gap:20px}.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:18px}.main-nav a{display:grid;align-items:center;padding:0 9px;font-size:13px;font-weight:800;position:relative;white-space:nowrap}.main-nav a:hover{color:#0054a3}.main-nav .nav-current:after{content:"";position:absolute;bottom:0;height:4px;background:var(--yellow);left:0;right:0}.nav-book{background:var(--yellow);color:#061d38;padding:12px 20px;font-weight:900;border-radius:6px;font-size:13px;white-space:nowrap}.nav-book:hover,.send-button:hover{background:#ffdf55}.nav-toggle{display:none;background:none;border:0;font-weight:900;color:var(--navy)}
.hero{min-height:435px;background:var(--navy);position:relative;isolation:isolate;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:url('/assets/werkstatt-modern.webp') center 41%/cover no-repeat;filter:saturate(.9) contrast(1.03)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03172df7 0%,#03172df2 18%,#03172dcf 34%,#03172d33 66%,#03172d19 100%)}.hero-inner{min-height:435px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-copy{max-width:620px;padding:55px 0 65px}.eyebrow{font-size:12px;letter-spacing:2.2px;color:#c2dcf1;font-weight:900;margin:0 0 17px}.hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.08;letter-spacing:-2.2px;color:white;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-sub{font-size:18px;color:#edf5ff;margin:16px 0 22px}.hero-perks{list-style:none;padding:0;display:grid;gap:7px;margin:0}.hero-perks li{display:flex;gap:11px;align-items:center;font-weight:750;font-size:14px}.hero-perks li span{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;flex-shrink:0;background:var(--yellow);color:var(--navy);font-size:16px;font-weight:900}.hero-sticker{background:var(--yellow);color:#04172d;transform:rotate(-7deg);clip-path:polygon(3% 2%,99% 0,96% 100%,1% 97%);padding:24px 30px;width:250px;max-width:26%;text-align:center;filter:drop-shadow(3px 4px 3px #041426aa);margin-right:18px}.hero-sticker small{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:900}.hero-sticker strong{font-family:Georgia,serif;font-style:italic;font-size:clamp(16px,2vw,25px);line-height:1.24;display:block}.photo-info{position:absolute;right:13px;bottom:5px;color:#edf2f9c9;font-size:9px}.hero-mobile-cta{display:none}
.service-strip{background:linear-gradient(#061624,#0d2237);border-top:1px solid #57738c65;border-bottom:3px solid #163c62}.services-quick{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.services-quick a{min-height:119px;padding:16px 7px 13px;border-right:1px solid #ffffff23;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.services-quick a:first-child{border-left:1px solid #ffffff23}.services-quick a:hover{background:#164268}.quick-icon{font-size:31px;font-weight:800;display:block;line-height:1.1;color:#fff}.services-quick b{font-size:12px;line-height:1.2;color:#fff}.services-quick small{font-size:10px;line-height:1.25;color:#cad6e3}
.appointment-block{background:linear-gradient(115deg,#0d2940,#17394c 48%,#102234 100%);padding:22px 0 26px}.appointment-grid{display:grid;grid-template-columns:minmax(0,1.88fr) minmax(290px,.92fr);gap:18px}.panel{background:linear-gradient(135deg,#061526,#061320);border:1px solid #1f435d;border-radius:10px;box-shadow:0 7px 28px #0003}.form-panel{padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:start}.panel-heading h2{color:#fff;font-size:31px;margin:0 0 4px;line-height:1.1}.panel-heading p:not(.micro){color:#c6d8e6;margin:0 0 20px;font-size:13px}.micro{margin:0 0 6px;color:var(--yellow);font-size:9px;letter-spacing:2px;font-weight:900}.panel-heading-mark{font-size:28px;color:var(--yellow)}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.form-panel label,.service-fields{color:#e2edf5;font-size:12px;font-weight:700}.form-panel input:not([type=checkbox]):not([type=file]),.form-panel select,.form-panel textarea{display:block;width:100%;min-height:42px;margin-top:6px;border:1px solid #36566c;border-radius:5px;color:#fff;background:#142b3c;padding:10px 12px;font-size:12px;outline:none}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#9eb3c3}.form-panel label>span:not(.upload-icon){color:var(--yellow)}.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus{border-color:var(--yellow)}.form-panel input[type=date]{color-scheme:dark}.form-panel select{color-scheme:dark}.form-panel small{font-size:10px;color:#aabfd1;display:block;font-weight:400}.service-fields{border:none;padding:0;margin:16px 0 12px;min-width:0}.service-fields legend{font-size:12px;font-weight:800;margin-bottom:9px}.service-fields legend span{color:var(--yellow)}.service-fields legend small{display:inline;color:#aebed0}.service-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.service-options label{font-size:11px;text-align:center;border:1px solid #35576b;border-radius:6px;background:#12334c;padding:10px 3px;cursor:pointer;position:relative}.service-options label:has(input:checked){background:#ffce2a;color:#061d30;border-color:#ffce2a}.service-options input{position:absolute;opacity:0;inset:0;cursor:pointer}.service-options span{color:inherit!important}.below{grid-template-columns:1fr 1fr;margin-top:12px}.block-label{display:block;margin-top:12px}.block-label textarea{resize:vertical;min-height:79px}.upload-field{margin-top:13px;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 13px;background:#123148;border:1px solid #315875;border-radius:6px;cursor:pointer}.upload-field .upload-icon{font-size:27px;color:var(--yellow)}.upload-field strong{font-size:12px;display:block;color:#fff}.upload-field input{margin-left:auto;font-size:10px;max-width:220px;color:#bacbdc}.upload-field small{margin-top:5px}.file-status{font-size:11px;color:#c0e3fb;margin:7px 0}.form-bottom{display:flex;flex-direction:column;gap:11px;margin-top:12px}.privacy-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px!important;font-weight:400!important}.privacy-consent input{accent-color:var(--yellow);margin:3px 0 0}.privacy-consent a{text-decoration:underline;text-underline-offset:2px}.privacy-consent b{color:var(--yellow)}.send-button{align-self:flex-end;background:var(--yellow);color:#061a30;border:none;border-radius:5px;min-height:45px;padding:10px 38px;font-weight:900;font-size:13px}.form-smallprint{text-align:right}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}.form-alert,.unavailable-message{background:#fff0cf;border-left:4px solid #ffc31a;color:#47340f;font-size:12px;padding:13px;margin:8px 0;border-radius:5px}.form-alert.notice-error{background:#ffe1e3;color:#6c1414;border-left-color:#f44}.unavailable-message a{text-decoration:underline;font-weight:800}
.sidebar{display:flex;flex-direction:column;gap:15px}.why{padding:27px 22px}.why h2{font-size:26px;color:#fff;margin:0 0 23px}.why ul{list-style:none;margin:0;padding:0;display:grid;gap:22px}.why li{display:flex;align-items:center;gap:13px}.why li>span{display:grid;place-items:center;width:34px;height:34px;background:var(--yellow);color:#071d36;flex-shrink:0;font-size:22px;font-weight:900;border-radius:50%}.why b,.why small{display:block}.why b{font-size:14px}.why small{font-size:11px;color:#bdcede;margin-top:3px}.promo{position:relative;flex:1;min-height:212px;background:#0d2237 url('/assets/werkstatt-detail.webp') center/cover no-repeat;overflow:hidden;display:flex;align-items:flex-end}.promo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04182de8 0%,#04182dc7 48%,#04182d38 100%)}.promo>div:last-child{padding:22px;position:relative;z-index:1}.promo h3{font-size:24px;line-height:1.2;margin:4px 0 12px}.promo p{font-size:10px;letter-spacing:2px;color:var(--yellow);font-weight:900}.promo a{color:var(--yellow);font-size:12px;font-weight:800}.brands-band{background:#f1f5f9;text-align:center;padding:22px 0;color:var(--navy2)}.brands-band p{font-size:10px;letter-spacing:2px;font-weight:900;color:#556d84;margin:0 0 16px}.brands{display:flex;gap:14px 25px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brands span{font-weight:900;color:#293f58;font-size:15px;opacity:.8}.brands span:last-child{font-size:11px;font-weight:700}
.footer{background:#031221;color:#e8f2fb}.footer-top{display:grid;grid-template-columns:1.45fr 1.25fr 1fr 1fr .65fr;gap:28px;padding:34px 0;border-bottom:1px solid #2b4055}.footer-company img{width:190px;height:70px;object-fit:contain;object-position:left center;background:#fff;border-radius:3px;padding:4px}.footer-company p{max-width:225px;font-size:12px;color:#b6c7d9}.footer h3{font-size:12px;margin:3px 0 16px;color:white}.footer-top a,.footer-top>div>p{display:block;font-size:11px;margin:0 0 10px;color:#bfcee0}.footer-top a:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;padding:17px 0;color:#92a8bc;font-size:10px}
.hidden,[hidden]{display:none!important}
/* Staff login and secured backend */
.admin-shell{background:linear-gradient(130deg,#e6edf6,#d6e4f0);min-height:100vh;color:var(--ink)}.admin-bar{background:white;border-bottom:1px solid #d2dce9}.admin-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}.admin-home{display:flex;align-items:center;gap:20px;font-weight:900}.admin-home img{height:63px;width:198px;object-fit:contain}.admin-home span{font-size:14px;color:var(--blue)}.admin-back{margin-left:auto;color:var(--blue);font-size:13px;font-weight:750}.admin-main{padding:30px 0 65px}.admin-login{max-width:480px;background:white;margin:55px auto;border-radius:16px;box-shadow:0 18px 60px #15395c35;padding:38px}.mini-overline{color:#a37505;font-size:10px;letter-spacing:1.6px;font-weight:900}.admin-login h1{font-size:29px;margin:5px 0 8px;color:#072f58;line-height:1.2}.admin-hint{font-size:13px;color:#5a7087;margin:0 0 20px}.role-banner{display:flex;align-items:center;gap:12px;background:#eaf3fc;border:1px solid #ccdef2;padding:14px;border-radius:8px;margin-bottom:20px}.role-banner>span{font-size:25px}.role-banner strong,.role-banner small{display:block}.role-banner strong{font-size:15px}.role-banner small{font-size:12px;color:#536d89}.admin-login label,.password-card label{display:block;font-size:12px;font-weight:800;margin:14px 0;color:#244763}.admin-login input,.password-card input{display:block;width:100%;border:1px solid #b2c6d9;border-radius:7px;padding:12px 13px;margin-top:6px;font-size:14px;color:#1b3a55;background:white}.button-primary{border:0;border-radius:7px;background:var(--yellow);color:#082548;font-weight:900;padding:13px 18px;margin-top:15px;width:100%}.linklike{border:0;background:transparent;font-weight:800;color:#1262a0;font-size:12px;display:block;margin:14px auto;text-decoration:underline}.admin-note{font-size:11px;color:#70859a}.chef-coming{display:flex;gap:10px;align-items:center;margin-top:25px;border-top:1px solid #d7e1ee;padding-top:18px}.chef-coming>span:first-child{font-size:27px;color:#7b8fa7}.chef-coming strong,.chef-coming small{display:block}.chef-coming strong{font-size:13px}.chef-coming small{font-size:11px;color:#6d7f91}.coming-label{background:#e8eefa;border-radius:20px;padding:4px 10px;font-size:10px;color:#425d7b;margin-left:auto;font-weight:800}.admin-wrap{width:min(1250px,calc(100% - 42px));margin:18px auto 0}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-top h1{margin:0 0 7px;font-size:32px;color:#082a4b}.role-badge{display:inline-block;background:#fff3bf;color:#4e3b0b;border-radius:20px;padding:5px 13px;font-size:11px;font-weight:900}.small-button{padding:11px 17px;background:#0b4377;border:0;color:white;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}.admin-nav{display:flex;gap:10px;margin:25px 0 20px;flex-wrap:wrap}.admin-nav button{border:1px solid #b8cada;border-radius:8px;background:white;padding:12px 17px;color:#164569;font-weight:900;font-size:12px}.admin-nav button[aria-pressed=true]{background:#083a6e;color:white;border-color:#083a6e}.admin-card{background:white;border:1px solid #c6d7e8;border-radius:12px;padding:22px;box-shadow:0 6px 20px #13375b14;margin:12px 0 19px}.admin-card h2{margin:0 0 16px;color:#07385e;font-size:22px}.admin-card p{font-size:13px;color:#577089}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.admin-toolbar select,.admin-toolbar input{padding:9px 11px;border:1px solid #b8cbdc;border-radius:6px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{text-align:left;background:#e7f0f8;color:#244e76}.admin-table td,.admin-table th{padding:12px 10px;border-bottom:1px solid #e2e9f3;vertical-align:top}.admin-table td div,.admin-table td small{display:block;margin:3px 0;color:#5d7790}.admin-table button{border:0;border-radius:6px;padding:7px 12px;font-weight:800;font-size:12px;color:#064778;background:#d9eafa}.status-tag{padding:4px 8px;border-radius:99px;background:#fff1be;color:#604b04;font-weight:900;font-size:10px;white-space:nowrap}.status-confirmed{background:#ddf7e8;color:#1a5f3e}.status-declined{background:#ffe3e3;color:#9a2d2d}.status-done{background:#e7e8ea;color:#425164}.admin-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-edit label{font-size:12px;font-weight:800;color:#345976}.admin-edit .wide{grid-column:1/-1}.admin-edit input,.admin-edit select,.admin-edit textarea{display:block;width:100%;border:1px solid #b8cbdc;border-radius:7px;padding:11px;margin-top:5px;color:#203e59}.admin-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.admin-actions button{background:#093f75;color:white;font-weight:850;font-size:12px;padding:12px 15px;border:0;border-radius:7px}.admin-actions button.secondary{background:#e0eafa;color:#133b64}.request-details{padding:14px;border-radius:8px;background:#f0f5fa;font-size:12px;color:#234764;margin-bottom:18px}.request-details div{margin:5px 0}.admin-checkbox{margin:16px 0}.calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bay-column{background:#eef4f9;padding:15px;border-radius:9px;min-height:200px}.bay-column h3{font-size:16px;margin:0 0 13px}.event-card{border-left:4px solid #f0bb19;background:white;border-radius:5px;padding:12px;font-size:12px;margin-bottom:9px}.event-card.confirmed{border-left-color:#188654}.event-card strong{display:block}.password-card{max-width:500px}.password-card form{margin-top:20px}.notice{font-size:13px;padding:13px;background:#dbf4e7;border-left:4px solid #3c9c72;color:#174c37;border-radius:5px;margin:16px 0}.notice-error{background:#ffe1e1;color:#7d2424;border-left-color:#d55353}
@media(max-width:1200px){.container{width:min(1140px,calc(100% - 42px))}.masthead-inner{gap:18px}.logo{flex-basis:220px;width:220px}.mast-contact{font-size:11px}.service-options{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-sticker{width:230px}.services-quick b{font-size:11px}}
@media(max-width:940px){.mast-contact:nth-of-type(2),.mast-contact:nth-of-type(3){display:none}.masthead-inner{min-height:80px}.logo img{height:68px}.services-quick{grid-template-columns:repeat(4,1fr)}.services-quick a:nth-child(4){border-right:0}.appointment-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,.85fr)}.footer-top{grid-template-columns:repeat(3,1fr)}.nav-inner{gap:8px}.main-nav{gap:6px}.nav-book{font-size:12px;padding:10px}}
@media(max-width:700px){.container{width:calc(100% - 30px)}.masthead-inner{gap:8px;min-height:72px}.logo{flex:0 0 170px;width:170px}.logo img{height:59px}.mast-contact{display:none}.staff-button{min-width:auto;padding:10px;gap:6px}.staff-button b{font-size:10px}.staff-button small,.staff-button>span:last-child{display:none}.staff-button>span:first-child{font-size:21px}.nav-inner{min-height:55px}.nav-toggle{display:block}.nav-book{margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:55px;background:white;box-shadow:0 20px 30px #041b2b26;flex-direction:column;padding:12px 16px}.main-nav.open{display:flex}.main-nav a{padding:13px 11px}.main-nav .nav-current:after{height:2px;width:100px}.hero,.hero-inner{min-height:400px}.hero-backdrop{background-position:57% center}.hero:before{background:linear-gradient(90deg,#03172ff3,#03172dcf 67%,#03172d45)}.hero-copy{padding:47px 0}.hero h1{font-size:clamp(35px,8.9vw,54px);letter-spacing:-1.2px}.hero-sub{font-size:15px}.hero-perks li{font-size:12px}.hero-sticker{display:none}.hero-mobile-cta{display:inline-flex;margin-top:20px;background:var(--yellow);color:#092443;font-weight:850;padding:12px 15px;border-radius:6px;font-size:12px}.services-quick{grid-template-columns:repeat(4,1fr)}.services-quick a{min-height:97px}.services-quick b{font-size:10px}.quick-icon{font-size:25px}.appointment-grid{grid-template-columns:1fr}.appointment-block{padding:15px 0}.form-panel{padding:20px}.panel-heading h2{font-size:26px}.why{padding:22px}.sidebar{display:grid;grid-template-columns:1fr 1fr}.promo{min-height:275px}.promo h3{font-size:20px}.why li{gap:9px}.why li>span{width:27px;height:27px;font-size:17px}.why b{font-size:12px}.why small{font-size:10px}.why ul{gap:16px}.brands{justify-content:center}.footer-top{grid-template-columns:repeat(2,1fr)}.admin-bar-inner{min-height:73px}.admin-home img{width:145px;height:54px}.admin-login{margin:20px 15px;padding:26px}.calendar-grid{grid-template-columns:1fr}}
@media(max-width:470px){.logo{flex-basis:146px;width:146px}.staff-button b{max-width:90px}.nav-book{font-size:10px}.hero,.hero-inner{min-height:385px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero h1{font-size:37px}.services-quick{grid-template-columns:repeat(2,1fr)}.services-quick a{min-height:85px}.services-quick a:nth-child(even){border-right:0}.form-grid,.below{grid-template-columns:1fr}.service-options{grid-template-columns:repeat(2,1fr)}.upload-field{flex-wrap:wrap}.upload-field input{width:100%;max-width:100%}.send-button{width:100%}.sidebar{grid-template-columns:1fr}.promo{min-height:220px}.footer-top{grid-template-columns:1fr 1fr;gap:22px}.footer-company{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.admin-edit{grid-template-columns:1fr}.admin-edit .wide{grid-column:auto}.admin-top h1{font-size:24px}.admin-home span{display:none}.admin-bar-inner{gap:6px}}