/* Navy workspace navigation with neutral public and terminal surfaces. */
:root{--ink:#132842;--muted:#63748b;--paper:#f2f5fa;--line:#dbe4ef;--green:#1a4f9a;--lime:#7ed4ff;--white:#fff;--shadow:0 18px 48px rgba(23,50,87,.08)}
body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #60bfff;outline-offset:3px}
.brand{font-size:21px;letter-spacing:.01em;text-transform:uppercase}.brand-mark{border-radius:0;box-shadow:none}
.button{background:#1a4f9a;border-color:#1a4f9a;border-radius:10px;box-shadow:0 8px 20px rgba(22,67,132,.16);transition:background .18s,transform .18s,box-shadow .18s}.button:hover{background:#215aa3;transform:translateY(-1px);box-shadow:0 12px 24px rgba(22,67,132,.2)}.button-small{padding:11px 16px}.eyebrow{color:#2366b5;letter-spacing:.13em}.signal{background:#45d4c2;box-shadow:0 0 0 4px rgba(69,212,194,.17)}
.site-header{background:#fff;border-bottom:1px solid #e4ebf4;backdrop-filter:none}.site-header nav>a:not(.button):hover,.text-link:hover,.section-head a:hover{color:#2366b5}
.public-body .site-footer{background:#fff}.public-body .footer-row{padding:27px 0}.public-body .footer-row span:first-child{color:#1a4f9a}
.hero{min-height:660px;gap:65px;padding-top:64px;padding-bottom:75px}.hero h1{font-size:clamp(56px,6.4vw,91px);line-height:1.02}.hero h1 em,.auth-intro h1 em{color:#2470c7}.hero-copy>p{max-width:570px}.hero-proof{border-top-color:#d6e3f0}.hero-panel{background:radial-gradient(circle at 80% 12%,rgba(173,211,192,.22),transparent 39%),linear-gradient(145deg,#36413e 0%,#172321 75%);color:#fff;min-height:510px;box-shadow:0 28px 65px rgba(19,59,110,.22)}.hero-panel:before{border-color:rgba(255,255,255,.22);box-shadow:0 0 0 90px rgba(255,255,255,.045),0 0 0 180px rgba(255,255,255,.025)}.panel-top,.panel-bottom{color:#c4d7ee}.clock-face{font-weight:500;text-shadow:0 3px 20px rgba(0,0,0,.08)}.colon{color:#8fe3ee}.clock-caption{color:#d6e7fb}.swipe-card{background:#fff;color:#19344f;box-shadow:0 15px 38px rgba(8,31,71,.27)}.card-icon{background:#e6f3ff;color:#2267b4}.check{color:#198e85}.feature-num{color:#2671c2}.features h2{color:#18395f}
.auth-wrap{min-height:calc(100vh - 151px);gap:68px}.auth-intro{padding:40px 0}.auth-intro h1{font-size:clamp(54px,5.6vw,82px)}.form-card{border:1px solid #dde6f1;box-shadow:0 25px 70px rgba(17,54,103,.12);border-radius:20px;padding:40px}.form-card h2{color:#163961}.form-card>.eyebrow{color:#2c78c7}.field label{font-size:13px}.field input:not([type=checkbox]),.field select,.form-side input{border-color:#cbd9e9;background:#f8fbff}.field input:focus,.field select:focus{outline-color:#8fc7ff}.form-bottom-note a,.back-link,.section-head a,td a{color:#216ab9}
.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.app-body{background:#f2f5fa}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 85% 15%,rgba(0,134,255,.18),transparent 44%),linear-gradient(165deg,#102449,#0b192e);color:#e8f3ff;padding:27px 16px 22px;box-shadow:10px 0 35px rgba(17,52,99,.08);z-index:20}.app-sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,37,85,.08),rgba(5,15,33,.24));z-index:-1}.sidebar-brand{color:#fff;padding:5px 10px 36px}.sidebar-brand .brand-mark{box-shadow:none}.sidebar-brand .brand-wordmark{height:18px}.sidebar-label{padding:0 14px;margin-bottom:13px;color:#93b9df;font-size:10px;font-weight:800;letter-spacing:.17em}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:flex;align-items:center;gap:13px;min-height:46px;padding:10px 13px;color:#d4e6f9;font-size:13px;font-weight:650;border-radius:9px;transition:background .15s,color .15s}.sidebar-nav a span{display:inline-grid;place-items:center;width:20px;font-size:19px;font-weight:400;line-height:1}.sidebar-nav a:hover{color:#fff;background:rgba(0,134,255,.16)}.sidebar-nav a[aria-current="page"]{color:#fff;background:#174577}.sidebar-nav a[aria-current="page"]{box-shadow:inset 3px 0 #36b4ff}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.17);padding:20px 12px 0}.sidebar-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#bfd8ef}.sidebar-status .signal{width:6px;height:6px;background:#36b4ff;box-shadow:0 0 0 4px rgba(54,180,255,.16)}.sidebar-logout{display:flex;justify-content:space-between;width:100%;margin-top:22px;padding:9px 0;border:0;background:none;color:#e8f3ff;font-size:13px;font-weight:650}.sidebar-logout:hover{color:#9ae4ff}.workspace-main{min-width:0}.app-topbar{height:66px;background:#f8fbff;border-bottom:1px solid #dbe6f4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,4vw,64px);font-size:10px;letter-spacing:.13em;font-weight:800;color:#617693}.app-topbar a{font-size:12px;letter-spacing:0;color:#216ab9}.topbar-divider{color:#c4d4e5;margin:0 12px}.app-body .shell{width:min(1240px,calc(100% - 88px))}.app-body .app-page{padding-top:40px;padding-bottom:80px;min-height:calc(100vh - 66px)}.app-body .message-list{margin-top:24px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:clamp(37px,3.6vw,53px);margin:7px 0 9px;color:#132f54}.page-heading p{color:#6d7d92}.page-heading .eyebrow{font-size:10px}.stat-grid{gap:16px;margin-bottom:38px}.stat{min-height:155px;border-radius:15px;box-shadow:0 10px 30px rgba(28,64,114,.04);border-color:#e1e8f2}.stat>span{color:#76869a}.stat strong{color:#173b66}.stat.accent{background:#1a4f9a;border-color:#1a4f9a}.stat.accent strong{color:#fff}.stat.accent span,.stat.accent small{color:#c8dcf2}.surface,.table-wrap,.report-controls{border-color:#e0e8f2;box-shadow:0 10px 32px rgba(28,64,114,.045)}.surface{border-radius:15px}.table-wrap{border-radius:15px}th{background:#f6f9fd;color:#687e99}td{color:#24415f}td strong{color:#18395f}.pill{background:#e8f2fc;color:#1d60a9;border-color:#d2e5f8}.status-active{color:#128d77}.notice{background:#e8f3fd;border-color:#bad7f2;color:#1b5188}.message{background:#e8f3fd;color:#1b5188}.report-controls{margin-bottom:33px}.report-total strong{color:#1a4f9a}.form-side{padding:27px}.form-side h2{color:#18395f}.empty{color:#79899e}
.kiosk-body{background:radial-gradient(circle at 70% 20%,rgba(173,211,192,.2),transparent 40%),linear-gradient(150deg,#34413e,#14201e) fixed}.kiosk-body:before{content:"";position:fixed;inset:0;background:rgba(10,22,19,.2);pointer-events:none}.kiosk-shell{position:relative}.kiosk-body .eyebrow,.kiosk-bottom span{color:#8de2ee}.kiosk-body .text-button{color:#e5f2ff}.kiosk-settings{background:rgba(27,44,39,.94);border-color:rgba(255,255,255,.24)}.kiosk-settings .button{background:#fff;border-color:#fff;color:#1a4f9a}.kiosk-settings .button:hover{background:#e5f2ff}.kiosk-main>p{color:#cce0f4}.kiosk-time{font-weight:500}.kiosk-main input{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.43)}.kiosk-main input::placeholder{color:#c4d8ef}.kiosk-main input:focus{outline-color:#8de2ee}.kiosk-actions button{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.33)}.kiosk-actions button:first-child{background:#fff;border-color:#fff;color:#1a4f9a}.kiosk-result{color:#a7f0ed}.kiosk-bottom{color:#a8cbe8}
@media(max-width:1050px){.workspace{grid-template-columns:210px minmax(0,1fr)}.app-body .shell{width:min(100% - 48px,1240px)}.hero{gap:32px}.app-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:800px){.workspace{display:block}.app-sidebar{position:relative;height:auto;min-height:0;padding:12px 20px}.sidebar-brand{padding:2px 0 12px}.sidebar-label,.sidebar-bottom{display:none}.sidebar-nav{display:flex;overflow-x:auto;padding-bottom:3px}.sidebar-nav a{white-space:nowrap;padding:8px 12px;min-height:39px}.sidebar-nav a span{display:none}.app-topbar{height:48px;padding:0 24px}.app-body .app-page{min-height:calc(100vh - 150px)}.app-grid{grid-template-columns:1fr}.auth-wrap{gap:20px}}
@media(max-width:600px){.app-body .shell{width:calc(100% - 30px)}.app-sidebar{padding:12px 15px}.app-topbar{padding:0 16px}.app-topbar>a{white-space:nowrap}.hero{padding-top:46px}.hero-panel{min-height:390px}.auth-intro{padding:0}.auth-intro h1{font-size:50px}.form-card{padding:26px}.stat-grid{gap:12px}.stat{min-height:130px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:39px}.report-controls{padding:17px}.kiosk-body{background-position:center}}

.pending-status{color:#9a651a;font-size:11px;font-weight:700}.muted{color:var(--muted)}.invite-button{color:#216ab9;margin-top:7px}.resend-form{margin-top:18px}.field input:disabled{color:#6c7d90;background:#eef2f6}

.period-filter{display:flex;align-items:center;gap:10px;margin-bottom:28px}.period-filter form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.period-filter label{font-size:12px;font-weight:800}.period-filter input,.period-filter select{border:1px solid #cbd9e9;border-radius:8px;background:#fff;padding:9px;color:var(--ink)}.period-filter input{width:100px}.decision-actions{display:flex;gap:12px;white-space:nowrap}.decision-actions button:first-child{color:#157a69}.decision-actions button:last-child{color:#a33d32}.section-spaced{margin-top:38px}.nav-pro{margin-left:auto;padding:2px 5px;border:1px solid rgba(255,255,255,.35);border-radius:4px;font-size:9px;letter-spacing:.08em}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:15px;margin-bottom:34px}.project-card{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.project-card strong{font-size:15px}.project-card .button:disabled{opacity:.5;cursor:not-allowed;transform:none}.project-totals{padding:23px;border-top:1px solid var(--line)}.project-totals h3{margin:0 0 15px;font-size:16px}.project-totals>div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #edf1f5;font-size:13px}.project-totals p{font-size:13px;color:var(--muted)}@media(max-width:600px){.period-filter{align-items:flex-start;flex-wrap:wrap}.project-card{align-items:flex-start;flex-direction:column}}
.narrow-form{max-width:560px}.form-side textarea{width:100%;min-height:90px;border:1px solid #cbd9e9;border-radius:8px;background:#f8fbff;padding:10px;font:inherit}

.features{grid-template-columns:repeat(4,1fr);gap:24px}.features>div{padding-right:15px}@media(max-width:850px){.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features{grid-template-columns:1fr}}
.project-start-form{display:flex;gap:8px;align-items:center}.project-start-form input{min-width:130px;width:180px;border:1px solid #cbd9e9;border-radius:8px;padding:9px}.project-card{flex-wrap:wrap}@media(max-width:600px){.project-start-form{width:100%;flex-wrap:wrap}.project-start-form input{flex:1}}
.permission-field{padding:12px 0;border-bottom:1px solid var(--line)}.permission-field:last-of-type{margin-bottom:20px}.permission-field label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650}.permission-field input{width:19px;height:19px;accent-color:#1a4f9a}.permission-field .errorlist{margin:5px 0 0 30px}

.provider-stat-grid{grid-template-columns:repeat(4,1fr)}.provider-stat-grid .stat{min-height:145px}.provider-stat-grid .stat strong{font-size:35px}.preserve-lines{white-space:pre-wrap;line-height:1.65}.form-side select,.form-side textarea,.form-card textarea{width:100%;border:1px solid #cbd9e9;border-radius:8px;background:#f8fbff;padding:10px;font:inherit}.form-side input[type=checkbox]{width:18px;height:18px}.period-filter .search-input{width:min(320px,65vw)}@media(max-width:1000px){.provider-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.provider-stat-grid{grid-template-columns:1fr}}
.voided td{color:#8a97a8}.voided td:first-child,.voided .pill{text-decoration:line-through}.event-meta{display:block;margin-top:6px;font-size:11px;color:#6d7d92}
.decision-note{margin-top:8px;width:100%;min-width:160px;border:1px solid #cbd6ce;border-radius:7px;padding:6px 8px;font-size:12px}
.overtime-notice{margin:0 24px 16px}.overtime-notice a{font-weight:700;text-decoration:underline}

.topbar-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.topbar-actions form{margin:0}.topbar-logout{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;padding:7px 11px;border:1px solid #cbd9e9;border-radius:7px;background:#f5f8fc;color:#1a4f9a;font-size:12px;letter-spacing:0;white-space:nowrap}.topbar-logout:hover{background:#e8f3fd;color:#1a4f9a}@media(max-width:600px){.app-topbar{gap:8px}.app-topbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{gap:8px}}
/* Team presence, mobile clock and reporting */
.board-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.board-tabs a{padding:10px 16px;border-radius:30px;background:#e7eef7;color:#213e61}.board-tabs a[aria-current]{background:#173858;color:white}.team-filters,.analysis-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:22px;margin-bottom:24px}.team-filters .field,.analysis-filters .field{margin:0;flex:1 1 170px}.analysis-filters .field[hidden]{display:none}.presence-counts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:24px 0}.presence-count{padding:16px 12px;background:white;border:1px solid #e0e7f0;border-top:3px solid var(--status,#8190a4);border-radius:12px;display:flex;flex-direction:column;gap:10px}.presence-count span{font-size:12px;color:#526379}.presence-count strong{font-size:28px;color:#162f4c}.state-office{--status:#14866e}.state-home{--status:#3278c9}.state-travel{--status:#8756b1}.state-break{--status:#c78a23}.state-vacation{--status:#2899ad}.state-absent{--status:#7b7f8d}.state-offline{--status:#a0a8b4}.presence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.presence-card{display:flex;gap:14px;align-items:center;background:white;border:1px solid #e0e7f0;border-radius:16px;padding:18px;border-left:4px solid var(--status);min-width:0}.presence-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#edf2f8;color:#203a5c;font-weight:750}.presence-card h3{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}.presence-card p{margin:0 0 9px;color:#68798c;font-size:12px}.presence-card small{display:block;margin-top:7px;color:#53647a}.presence-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:#203d5b}.presence-badge:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--status,#3278c9)}.pagination{display:flex;justify-content:center;gap:24px;margin:22px 0}.board-editor{padding:24px;margin:26px 0}.board-editor summary{cursor:pointer;font-weight:700}.board-editor .field{margin-top:18px}.board-editor input[type=checkbox]{width:auto}.department-row{display:flex;gap:10px;margin:14px 0}.department-row input{min-width:0}.clock-page{max-width:820px}.clock-panel{padding:30px}.clock-panel>.presence-badge{font-size:19px;margin-bottom:12px}.clock-actions,.location-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.clock-actions button,.location-actions button,.clock-primary{width:100%;min-height:56px;white-space:normal}.clock-finish{background:#273c53}.button-secondary{background:#e6eef8;color:#1b4775;border:1px solid #c7d8eb}.export-actions{display:flex;gap:10px;flex-wrap:wrap}.kiosk-presence{max-width:1100px;margin:20px auto;padding:24px;border:1px solid #496078;border-radius:20px;background:#142638}.kiosk-presence .presence-card{color:#152c43}.kiosk-presence .team-filters{background:transparent;padding:0}.kiosk-presence .presence-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.kiosk-presence .pagination button{padding:10px 20px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px auto 64px}.price-card{padding:36px;border:1px solid #cddced;border-radius:24px;background:#fff}.price-card h2{font-size:28px}.price-card strong{font-size:42px;color:#143352}.price-card p{line-height:1.7}.price-card ul{padding-left:20px;line-height:2}.price-card.pro{background:#102c48;color:#fff}.price-card.pro strong{color:#fff}
@media(max-width:1100px){.presence-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.presence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.presence-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.presence-grid,.clock-actions,.location-actions,.price-grid{grid-template-columns:1fr}.clock-panel{padding:22px}.presence-card{padding:16px}.team-filters,.analysis-filters{padding:16px}.export-actions{width:100%;margin-top:14px}.topbar-actions{flex-wrap:wrap;gap:10px}.app-topbar{height:auto;min-height:48px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.kiosk-top{flex-wrap:wrap;gap:12px}}
.clock-page .table-wrap table { min-width: 0; width: 100%; }
.mig-badge{display:inline-flex;align-items:center;gap:11px;padding:8px 14px 8px 9px;border:1px solid #d6e3f0;border-radius:10px;background:#fff;color:#132842;line-height:1.2}
.mig-flag{flex:none;width:34px;height:23px;border-radius:4px;background:linear-gradient(#000 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66%);box-shadow:0 0 0 1px rgba(19,40,66,.14)}
.mig-text b{display:block;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.mig-text small{display:block;font-size:11px;color:#63748b}
.hero-copy .mig-badge{margin-top:30px}.hero-copy .mig-badge+.hero-proof{margin-top:26px}
.footer-row{align-items:center;flex-wrap:wrap}
@media(max-width:600px){.footer-row{flex-direction:column;align-items:flex-start}}
.legal-page{max-width:760px}.legal-page h1{margin:10px 0 22px}.legal-page p{margin:0 0 14px;line-height:1.7}.footer-row a{color:inherit}

.order-form{margin-top:18px}.order-step{border:0;padding:0;margin:0 0 30px;min-width:0}
.order-step legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:14px;font-size:15px;font-weight:800;color:#18395f}
.step-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1a4f9a;color:#fff;font-size:12px;font-weight:800}
.plan-options,.interval-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.plan-option,.interval-option{position:relative;display:block;padding:18px 18px 16px;border:2px solid #d6e3f0;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.plan-option input,.interval-option input{position:absolute;top:18px;right:18px;width:18px;height:18px;accent-color:#1a4f9a}
.plan-option:has(input:checked),.interval-option:has(input:checked){border-color:#1a4f9a;background:#f3f8fe}
.plan-option:has(input:focus-visible),.interval-option:has(input:focus-visible){outline:3px solid rgba(54,180,255,.45);outline-offset:2px}
.plan-name{display:block;font-size:18px;font-weight:800;color:#132842}
.plan-price{display:block;margin-top:4px;font-size:12px;color:#63748b}.plan-price b{font-size:20px;color:#1a4f9a}
.plan-option ul{margin:12px 0 0;padding-left:18px;font-size:13px;line-height:1.6;color:#33475f}
.interval-option b{display:block;font-size:15px;color:#132842}.interval-option small{display:block;margin-top:3px;font-size:12px;color:#63748b;min-height:15px}
.seat-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.seat-row input{width:120px;padding:12px 14px;border:1px solid #cbd9e9;border-radius:10px;background:#f8fbff;font:inherit;font-size:18px;font-weight:700;color:#132842}.seat-row .hint{margin:0;flex:1;min-width:200px}
.order-summary{padding:22px;border:1px solid #d6e3f0;border-radius:14px;background:#f8fbff}
.order-summary dl{margin:12px 0 0}.order-summary dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #e3ebf4;font-size:14px}.order-summary dl>div:first-child{border-top:0}
.order-summary dt{color:#63748b}.order-summary dd{margin:0;font-weight:700;color:#132842;text-align:right}
.order-summary .order-total{border-top:2px solid #1a4f9a}.order-summary .order-total dt{color:#132842;font-weight:800}.order-summary .order-total dd{font-size:20px;color:#1a4f9a}
.order-summary .button{margin-top:18px}
@media(max-width:600px){.plan-options,.interval-options{grid-template-columns:1fr}}
.order-summary .button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.license-banner a{font-weight:800;color:inherit;text-decoration:underline}
.order-terms{margin-top:10px}.order-terms strong{color:#132842}

.button-danger{background:#fff;border-color:#e3b5b5;color:#a32626;box-shadow:none}.button-danger:hover{background:#fbeeee}
.cancel-row{margin-top:26px;padding-top:18px;border-top:1px solid #dde6f1}.cancel-row .button{margin-top:0}
.cancel-facts{margin:14px 0 6px;padding-left:20px;line-height:1.6}.cancel-facts li{margin-bottom:8px}
.cancel-actions{display:flex;flex-wrap:wrap;gap:12px}
.notice-success{background:#e9f6ee;border-color:#b9dfc6;color:#17603a}
.price-card.pro .hint{color:#b9c9dc}

/* Passwortseite vor dem Start */
.gate-body{min-height:100svh;display:flex;flex-direction:column}.gate-body .gate{flex:1}
.gate-status{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#63748b}
.gate-form{margin-top:34px;max-width:510px;padding:22px;border:1px solid #dde6f1;border-radius:16px;background:#fff;box-shadow:0 18px 48px rgba(17,54,103,.1)}
.gate-title{display:block;font-size:17px;color:#18395f}.gate-form label{display:block;margin:4px 0 14px;font-size:13px;line-height:1.5;color:#63748b}
.gate-row{display:flex;gap:10px}.gate-row input{flex:1;min-width:0;height:52px;padding:0 14px;border:1px solid #cbd9e9;border-radius:10px;background:#f8fbff;color:var(--ink);font:inherit;font-size:16px}
.gate-row input[aria-invalid=true]{border-color:#c0554a;background:#fff8f7}.gate-row .button{gap:10px;height:52px;padding:0 22px;cursor:pointer;font:inherit;font-weight:700}
.gate-error{margin:12px 0 0;color:#a33d32;font-size:13px;font-weight:650}
.gate .mig-badge{margin-top:30px}.gate .hero-proof{margin-top:26px}
@media(max-width:600px){.gate-row{flex-direction:column}.gate-row input{flex:none}.gate-row .button{width:100%}.gate-body .header-row{flex-direction:row;align-items:center}}
/* Farbtest Launch-Seite: zehn Farben zum Umschalten */
.gate-body{--g-a:#0d7269;--g-b:#0f8a80;--g-ink:#12302d;--g-glow:#6fe6d6;background:color-mix(in srgb,var(--g-a) 6%,#fff)}
.gate-body[data-color=blau]{--g-a:#1a4f9a;--g-b:#2470c7;--g-ink:#132842;--g-glow:#8fe3ee}
.gate-body[data-color=indigo]{--g-a:#3b3fb0;--g-b:#5a5fe0;--g-ink:#1b1d4a;--g-glow:#b3b6ff}
.gate-body[data-color=violett]{--g-a:#6b2fa8;--g-b:#8b46d1;--g-ink:#2a1445;--g-glow:#d2b0ff}
.gate-body[data-color=beere]{--g-a:#a3195b;--g-b:#c72a75;--g-ink:#3d0f26;--g-glow:#ff9cc8}
.gate-body[data-color=rot]{--g-a:#b3261e;--g-b:#d43a30;--g-ink:#3d1512;--g-glow:#ffaaa3}
.gate-body[data-color=orange]{--g-a:#c2530a;--g-b:#e06a17;--g-ink:#3f200a;--g-glow:#ffc48f}
.gate-body[data-color=bernstein]{--g-a:#9a6a00;--g-b:#bd8500;--g-ink:#382a08;--g-glow:#ffd866}
.gate-body[data-color=gruen]{--g-a:#1f7a3d;--g-b:#2a9a4f;--g-ink:#12301c;--g-glow:#8fe6a8}
.gate-body[data-color=anthrazit]{--g-a:#2b3440;--g-b:#55657a;--g-ink:#161c24;--g-glow:#c9d6e6}
.gate-body .hero h1,.gate-body .gate-title{color:var(--g-ink)}.gate-body .hero h1 em{color:var(--g-b)}.gate-body .eyebrow,.gate-body .footer-row span:first-child{color:var(--g-a)}
.gate-body .button{background:var(--g-a);border-color:var(--g-a);box-shadow:0 8px 20px color-mix(in srgb,var(--g-a) 22%,transparent)}.gate-body .button:hover{background:var(--g-b)}
.gate-body .gate-form{border-color:color-mix(in srgb,var(--g-a) 16%,#fff);box-shadow:0 18px 48px color-mix(in srgb,var(--g-a) 11%,transparent)}.gate-body .gate-row input{border-color:color-mix(in srgb,var(--g-a) 28%,#fff);background:color-mix(in srgb,var(--g-a) 3%,#fff)}
.gate-body input:focus-visible,.gate-body button:focus-visible{outline-color:var(--g-glow)}.gate-body .colon{color:var(--g-glow)}.gate-body .card-icon{background:color-mix(in srgb,var(--g-a) 13%,#fff);color:var(--g-a)}
.gate-colors{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #dbe4ef;border-radius:100px;background:#fff;box-shadow:0 12px 34px rgba(19,40,66,.16);max-width:calc(100% - 24px)}
.gate-colors span{font-size:12px;font-weight:700;color:#33475f;min-width:74px}.gate-colors button{flex:none;width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #c9d4e2;cursor:pointer}
.gate-colors button[aria-pressed=true]{box-shadow:0 0 0 2px #132842}.gate-body .site-footer{padding-bottom:64px}
@media(max-width:600px){.gate-colors{gap:5px;padding:8px 10px}.gate-colors span{display:none}.gate-colors button{width:22px;height:22px}}