:root{--accent:#27647c;--ink:#253b4d;--wash:#edf3f7;--line:#c9d7e1}*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:var(--ink);font:17px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}header,main,footer{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header>a{font-size:24px;font-weight:750;letter-spacing:-.04em;text-decoration:none}header nav{display:flex;gap:18px}main{max-width:960px}h1{font-size:clamp(33px,5vw,49px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 30px}h2{font-size:27px;line-height:1.25;margin:0 0 20px}a{color:#27647c;text-underline-offset:4px}button,input,select{font:inherit}button,.tko-button{background:var(--accent);color:var(--button-ink,white);border:1px solid var(--accent);border-radius:10px;padding:12px 18px;min-height:48px;cursor:pointer;display:inline-block;text-decoration:none}button:disabled{opacity:.5;cursor:default}.tko-secondary{background:white;color:#27647c;border-color:var(--line)}input,select{display:block;width:100%;min-width:0;border:1px solid #a6b9c7;border-radius:8px;padding:11px;background:white;color:var(--ink);min-height:48px}input[type=color]{padding:6px;height:54px}label{display:block;margin:16px 0;font-weight:550}label input,label select{margin-top:7px}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin-top:3px;accent-color:#27647c}.tko-check{display:flex;gap:12px;align-items:start;font-weight:400}.tko-panel{background:white;border:1px solid var(--line);padding:30px;border-radius:20px;margin:24px 0;min-width:0}.tko-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tko-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.tko-item{padding:24px 0;border-bottom:1px solid var(--line)}.tko-item:first-of-type{padding-top:0}.tko-note{background:var(--wash);border-left:3px solid #27647c;padding:18px 21px;font-size:15px}.tko-small,footer{font-size:14px;color:#4c6474}.tko-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:750;color:#27647c}.tko-controls{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}details{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}summary{cursor:pointer;font-weight:650;min-height:44px;padding:9px 0}fieldset{border:1px solid var(--line);border-radius:11px;padding:15px 20px;margin:20px 0;min-width:0}legend{padding:0 6px;font-weight:650}.tko-hour{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(115px,1fr) minmax(115px,1fr) minmax(150px,1.4fr);gap:13px;align-items:center;border-bottom:1px solid var(--line)}.tko-hour label{font-size:14px}.tko-hour .tko-check{font-size:16px}.tko-progress{margin-bottom:5px;font-weight:650}progress{width:100%;height:14px;accent-color:#27647c}#save-status{padding:9px 15px;background:var(--wash);border-radius:9px;display:inline-block;font-size:14px}#save-status[data-error="1"]{background:#fff0e3;color:#743c13}#errors{color:#873922;font-size:15px}.tko-time{display:inline-flex;gap:10px;border:1px solid var(--line);padding:10px 14px;border-radius:9px;margin:7px}.tko-time input{margin-top:2px}iframe{width:100%;height:700px;border:1px solid var(--line);border-radius:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #27647c;outline-offset:4px}.tko-skip{position:absolute;top:-80px;left:18px}.tko-skip:focus{top:10px;background:white;padding:10px}footer{border-top:1px solid var(--line)}@media(max-width:800px){.tko-two{grid-template-columns:1fr}.tko-hour{grid-template-columns:1fr 1fr}.tko-hour>.tko-check,.tko-hour>label:last-child{grid-column:1/-1}}@media(max-width:480px){header,main,footer{padding:20px 16px}.tko-panel{padding:24px 19px}.tko-columns{grid-template-columns:1fr}.tko-controls{display:grid;grid-template-columns:1fr}.tko-controls button{width:100%}h2{font-size:24px}.tko-time{padding:9px 10px}fieldset{padding:13px}.tko-hour{gap:0 12px}}

/* Booking-first default for every newly configured company. */
.tko-booking-page header{padding-top:16px;padding-bottom:16px}.tko-booking-page header nav{flex-wrap:wrap;gap:12px}.tko-booking-page .tko-company-intro h1{font-size:clamp(29px,4vw,40px);margin:8px 0 10px}.tko-booking-page .tko-company-intro p{margin:6px 0}.tko-company-details{margin-top:50px;padding:30px 0 0;border-top:1px solid var(--line)}.tko-company-details h2{font-size:25px}.tko-booking-page #buchen{scroll-margin-top:20px}