/* * COPYRIGHT * ESTATA Hub * Datei: modules\termin\Assets\termin.css * Autor: Erkan BALKIS | estata-solutions.com * © 2026 ESTATA Solutions. Alle Rechte vorbehalten. */@font-face{font-family:'BurgerDoodleNF';src:url(https://estata.com.tr/wp-content/uploads/fonts/BurgerDoodleNF.ttf);font-weight:400;font-style:normal}.estata-font{font-family:BurgerDoodleNF;font-weight:500}.estata-farbe{color:#f9ad18}:root{color-scheme:dark;--et-bg:#070e20;--et-bg2:#0b1730;--et-header:#0e1d31;--et-panel:#0a1225;--et-panel2:#102034;--et-card:#0d182b;--et-gold:#f7b21c;--et-gold-soft:#9d6a0d;--et-text:#edf2ff;--et-muted:#a3aec1;--et-line:#25324b;--et-green:#29d48a;--et-danger:#ef8a8b;--et-radius:18px;--et-shadow:0 24px 60px rgba(0,0,0,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--et-text);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(950px 390px at 50% -150px,rgba(29,60,117,.4),transparent),linear-gradient(120deg,#080f24 0%,#050918 66%,#0d1120 100%);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--et-gold);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #facc60;outline-offset:3px}[hidden]{display:none!important}.et-topline{height:5px;background:linear-gradient(90deg,#e09c08,var(--et-gold),#a96808)}.et-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(18px,4.5vw,64px);background:var(--et-header);border-bottom:1px solid #3c3530}.et-logo-wrap,.et-brand{display:flex;align-items:center;gap:12px}.et-brand{color:var(--et-text);white-space:nowrap;min-width:0}.et-brand:hover{text-decoration:none}.et-logo{width:158px;max-width:45vw;height:auto;display:block}.et-brand-hub{font-size:22px;font-weight:850;letter-spacing:.04em}.et-brand-separator{height:29px;border-left:1px solid #29364b;margin-inline:8px}.et-header-description{color:var(--et-muted);font-size:12px;font-weight:700;letter-spacing:.12em}.et-language{display:flex;gap:8px;align-items:center}.et-language a{width:43px;height:43px;display:grid;place-items:center;border:1px solid #29364b;color:#bec9dd;border-radius:50%;font-weight:800;font-size:12px}.et-language a[aria-current=page]{border-color:#bf8a1c;color:var(--et-gold);background:#281f11}.et-container{width:min(100% - 48px,1120px);margin:auto;padding:46px 0 60px}.et-kicker{color:#91a2bb;font-size:12px;letter-spacing:.11em;font-weight:850;margin-bottom:7px}.et-gold{color:var(--et-gold)}.et-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.035em;margin:0 0 10px;color:#f6f8fe}h2{font-size:18px;line-height:1.3;margin:0;font-weight:750}h3{font-size:16px;line-height:1.3;margin:0 0 7px}p{margin:0 0 10px}.et-subtitle,.et-muted{color:var(--et-muted)}.et-subtitle{font-size:15px;margin:0}.et-tz{border:1px solid var(--et-line);border-radius:24px;padding:8px 13px;background:#0a1428;color:#c1cae0;font-size:12px;font-weight:650;white-space:nowrap}.et-steps{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:#67768b;font-weight:650;font-size:13px}.et-step{display:inline-flex;align-items:center;gap:8px;border-radius:25px;border:1px solid #2c3a4f;background:#0b1628;padding:6px 14px}.et-step.current{color:var(--et-gold);border-color:#a07119;background:#272014}.et-step-line{width:42px;height:1px;background:#42516a}.et-book-grid{display:grid;grid-template-columns:minmax(330px,1.2fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px}.et-card{border-radius:var(--et-radius);border:1px solid #806018;background:linear-gradient(180deg,rgba(17,29,49,.96),rgba(8,15,31,.97));box-shadow:var(--et-shadow);padding:27px}.et-card-label{display:flex;align-items:center;gap:12px;margin-bottom:26px}.et-icon-square{flex:0 0 40px;height:40px;border:1px solid #805e26;background:rgba(221,148,18,.1);color:var(--et-gold);border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:850}.et-calendar-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.et-calendar-controls strong{font-size:17px;text-align:center}.et-calendar-controls button{background:#121e35;color:#dbe5f9;border:1px solid #304058;width:34px;height:34px;border-radius:10px;font-size:22px;line-height:1}.et-calendar-controls button:disabled{opacity:.3;cursor:not-allowed}.et-weekdays,.et-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;text-align:center}.et-weekdays{font-size:12px;font-weight:700;color:#91a1bb;margin-bottom:11px}.et-calendar-day{aspect-ratio:1;border-radius:11px;display:grid;place-items:center;font-size:14px;min-height:39px;border:1px solid transparent;color:#c8d3e9;background:#111d32;font-weight:650}.et-calendar-day:hover:not(:disabled){border-color:var(--et-gold);color:var(--et-gold)}.et-calendar-day.is-selected{border-color:#f5af16;background:rgba(243,174,31,.17);color:#ffc759}.et-calendar-day.is-today:not(.is-selected){border-color:#51617c}.et-calendar-day:disabled{color:#435068;background:#0a1525;cursor:not-allowed}.et-calendar-empty{min-height:39px}.et-calendar-note{margin-top:18px;margin-bottom:0;padding-top:16px;border-top:1px solid #1b2b44;color:#93a3bc;font-size:12px}.et-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start;min-height:170px;margin-top:20px}.et-slot{border-radius:11px;border:1px solid #2a3a55;background:#121f34;padding:12px 6px;color:#dae3f4;font-weight:780;white-space:nowrap}.et-slot:hover,.et-slot.is-selected{border-color:#f3ad18;background:#2a2212;color:#ffcb65}.et-skeleton{border-radius:11px;height:42px;background:linear-gradient(90deg,#18263d,#253853,#18263d);background-size:200%;animation:et-pulse 1.5s linear infinite}@keyframes et-pulse{to{background-position:-200% 0}}.et-selected{padding:14px;border:1px solid #477a5e;background:#0a2a25;border-radius:12px;margin-top:12px;font-weight:700;color:#b9ffdb}.et-form-card{margin-top:18px}.et-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.et-fields label,.et-full-field,.et-admin-form label,.et-action-form label,.et-hours-row label:not(.et-check){display:flex;flex-direction:column;gap:6px;color:#c0cce1;font-size:13px;font-weight:650}input:not([type=checkbox]):not([type=hidden]),select,textarea{width:100%;min-width:0;min-height:44px;padding:11px 13px;color:#e6eeff;background:#0b1427;border:1px solid #344561;border-radius:10px;outline:none;transition:border-color .15s ease}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:#da9c21;box-shadow:0 0 0 2px #ad801f2e}textarea{min-height:78px;resize:vertical}input::placeholder,textarea::placeholder{color:#8493aa}select option{background:#0d192d;color:#e7edff}.et-full-field{margin-top:18px}.et-help{font-size:12px;line-height:1.6;margin-top:12px}.et-privacy-row{display:flex;align-items:flex-start;gap:12px;margin-top:20px;font-size:13px;line-height:1.6;color:#bfcce1;cursor:pointer}.et-privacy-row input,.et-check input{margin:4px 0 0;accent-color:var(--et-gold);width:17px;height:17px;flex:none}.et-privacy-row a{text-decoration:underline;font-weight:750}.et-submit,.et-save{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(135deg,#ffbc31,#e59a09);border:1px solid #f4b123;border-radius:11px;color:#171b22;font-weight:850;min-height:46px;padding:10px 20px;box-shadow:0 6px 20px #c8871336}.et-submit{width:100%;margin-top:18px}.et-submit:hover,.et-save:hover{filter:brightness(1.09)}.et-submit:disabled{opacity:.55;cursor:wait}.et-feedback{margin-top:14px;font-size:14px}.et-feedback.is-error{color:#ffbdbd}.et-feedback.is-success{color:#9feec8}.et-bot-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.et-warning{display:flex;gap:16px;align-items:flex-start;border-color:#9b7218}.et-big-icon{font-size:35px}.et-warning p{margin-top:8px;color:var(--et-muted)}.et-footer{margin-top:34px;padding-top:22px;border-top:1px solid #2b3751;color:#8695af;font-size:12px;text-align:center}.et-footer a{color:#bac5d7}.et-privacy-page{max-width:950px}.et-privacy-text{white-space:normal;line-height:1.75;overflow-wrap:anywhere;color:#d2ddef}.et-banner-warning,.et-flash{background:#302515;border:1px solid #8e6113;border-radius:12px;padding:13px 17px;color:#f6cb83;margin:15px 0 22px}.et-back{display:inline-block;margin:20px 0;color:var(--et-gold);font-weight:800}/* Internal dashboard */.et-admin .et-container{width:min(100% - 48px,1440px)}.et-hub-head{min-height:90px}.et-hub-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.et-hub-nav a{padding:9px 13px;border:1px solid #28384f;border-radius:10px;color:#cad5e9;font-weight:650;font-size:13px}.et-hub-nav a:hover{border-color:#c88b18;color:var(--et-gold);text-decoration:none}.et-user-tag{border:1px solid #31415b;background:#16253b;border-radius:28px;padding:9px 15px;font-weight:750;font-size:12px;white-space:nowrap}.et-admin-main{padding-top:36px}.et-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.et-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #33425a;background:#101d31;border-radius:14px;padding:17px 20px}.et-stat span{color:#9bacbf;font-size:13px}.et-stat strong{font-size:22px;color:var(--et-gold)}.et-tabs{display:flex;gap:9px;overflow-x:auto;padding:3px 0 19px;margin-bottom:10px}.et-tabs a{color:#c7d0df;flex:none;padding:10px 14px;border-radius:10px;background:#101d32;border:1px solid #2a384e;font-weight:700;font-size:13px}.et-tabs a:hover{color:var(--et-gold);border-color:#b47f22;text-decoration:none}.et-admin .et-card{margin-bottom:22px;box-shadow:0 14px 45px #0000001f;scroll-margin-top:20px}.et-counter{margin-left:auto;color:#ffc15d;background:#302310;border:1px solid #7d5f20;border-radius:20px;min-width:32px;text-align:center;padding:3px 9px;font-weight:800}.et-flash{margin-bottom:14px;font-weight:700}.et-flash.is-success{background:#0d3027;color:#9aebc6;border-color:#286751}.et-flash.is-error{background:#351923;color:#fec3cb;border-color:#8a384e}.et-table-scroll{overflow-x:auto;margin-inline:-4px}.et-data-table{border-collapse:collapse;width:100%;min-width:780px;text-align:left}.et-data-table th{color:#9dafc7;font-size:12px;letter-spacing:.035em;background:#142139;padding:13px 11px;border-bottom:1px solid #30405c}.et-data-table td{padding:13px 11px;border-bottom:1px solid #28344b;vertical-align:top;font-size:13px}.et-data-table td small{color:#96a7be;display:block;line-height:1.8}.et-data-table td small a{color:#bfcde1}.et-nowrap{white-space:nowrap}.et-pill{display:inline-block;padding:3px 8px;border-radius:12px;background:#1d2b3a;color:#b1bfd0;font-size:12px}.et-pill.is-confirmed{border:1px solid #285949;color:#9eecc4;background:#0c2d28}.et-actions{width:185px;position:relative}.et-actions summary{cursor:pointer;color:var(--et-gold);font-weight:750}.et-action-form{margin-top:12px;padding-top:11px;border-top:1px solid #2c3950;display:grid;gap:8px}.et-action-form input{min-width:165px}.et-action-form button,.et-block-item button,.et-staff-row button,.et-hours-row button,.et-switch-person button,.et-admin button:not(.et-save):not(.et-submit){border-radius:9px;color:#f3e6c8;background:#352715;border:1px solid #886320;padding:8px 11px;min-height:35px;font-weight:700;font-size:12px}.et-admin button.et-danger{border-color:#a25054;background:#31191e;color:#ffb5b9}.et-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.et-col-wide{grid-column:1/-1}.et-admin-form textarea{width:100%}.et-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;font-size:13px;color:#ced9e9;min-height:42px;cursor:pointer}.et-check input{margin:0}.et-switch-person{margin-bottom:14px;display:flex;align-items:end;gap:10px;max-width:400px}.et-switch-person label{display:grid;gap:6px;flex:1}.et-hours-list{display:grid;gap:10px}.et-hours-row{display:grid;grid-template-columns:38px 83px repeat(4,minmax(105px,1fr)) auto;gap:10px;align-items:end;border:1px solid #293a54;border-radius:12px;padding:12px;background:#0c192d}.et-hours-row>strong{align-self:center}.et-hours-row input[type=time]{min-width:92px}.et-block-list{margin-top:22px;display:grid;gap:10px}.et-block-item,.et-staff-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;border:1px solid #293b55;border-radius:11px;background:#0e1a2f}.et-block-item>span{display:grid}.et-block-item small{display:block;color:#9aaabc}.et-staff-row{margin-top:12px}.et-staff-row>strong{min-width:170px}.et-privacy-edit{font-family:inherit;line-height:1.6;min-height:350px!important}.et-separator{border:0;border-top:1px solid #324057;margin:20px 0}.et-admin #et-settings a{color:#ffc256}@media(max-width:1020px){.et-header{padding-inline:22px}.et-hub-nav{order:3;width:100%}.et-hub-head{flex-wrap:wrap}.et-user-tag{margin-left:auto}.et-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.et-hours-row{grid-template-columns:40px 90px repeat(2,1fr)}.et-hours-row button{grid-column:1/-1}.et-privacy-edit{min-height:280px}}@media(max-width:770px){.et-book-grid{grid-template-columns:1fr}.et-header{min-height:76px}.et-brand-separator,.et-header-description{display:none}.et-container,.et-admin .et-container{width:min(100% - 28px,650px);padding-top:26px}.et-card{padding:20px}.et-heading-row{align-items:flex-start;flex-direction:column;gap:11px}.et-steps{gap:7px}.et-step{padding:6px 9px;font-size:12px}.et-step-line{width:18px}.et-stat-row{grid-template-columns:1fr;gap:9px}.et-calendar-day{min-height:42px}.et-book-grid{gap:14px}.et-hub-nav{gap:5px}}@media(max-width:510px){.et-fields,.et-form-grid{grid-template-columns:1fr}.et-logo{width:112px}.et-brand-hub{font-size:18px}.et-language a{width:36px;height:36px}.et-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.et-weekdays,.et-calendar-days{gap:4px}.et-calendar-day{min-height:36px;border-radius:8px}.et-hours-row{grid-template-columns:1fr 1fr}.et-hours-row strong,.et-hours-row .et-check{grid-column:auto}.et-hours-row button{grid-column:1/-1}.et-col-wide{grid-column:1/-1}.et-hub-nav a{font-size:11px;padding:7px 8px}.et-user-tag{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.et-skeleton{animation:none}}.estata-font{font-weight:850;letter-spacing:-.03em}.estata-farbe{color:var(--et-gold)}/* Dashboard deep-link focus, without changing table layout. */.et-data-table tbody tr:target { background: rgba(249, 173, 24, .14); outline: 2px solid rgba(249, 173, 24, .70); outline-offset: -2px; }/* ================================================================   ESTATA TERMIN – GEMEINSAMER HUB-FOOTER   Standalone-Kopfbereich bleibt bestehen. Der Hub-Layout-Abschluss   schliesst die gemeinsame .page-Huelle erst nach dem Footer.   ================================================================ */body.et-public > .et-termin-shell,body.et-admin > .et-termin-shell {    display: flex;    flex-direction: column;    width: 100%;    min-height: 100vh;    min-height: 100dvh;}body.et-public > .et-termin-shell > main.et-container,body.et-admin > .et-termin-shell > main.et-container {    flex: 1 0 auto;    padding-bottom: 24px;}body.et-public .et-termin-shell > .et-footer-links,body.et-admin .et-termin-shell > .et-footer-links {    display: flex;    justify-content: center;    align-items: center;    flex-wrap: wrap;    gap: 10px;    padding: 6px 18px 16px;    color: #71819b;    font-size: 12px;}body.et-public .et-footer-links a,body.et-admin .et-footer-links a {    color: #c5d0e1;    text-decoration: none;}body.et-public .et-footer-links a:hover,body.et-admin .et-footer-links a:hover {    color: var(--et-gold);    text-decoration: underline;}body.et-public .et-termin-shell > .footer-estata,body.et-admin .et-termin-shell > .footer-estata {    flex: 0 0 auto;    margin: 0;    padding: 22px 18px 25px;    border-top: 1px solid #2b3751;    background: rgba(5, 12, 25, .42);    color: #90a2bd;    font-size: 12px;    line-height: 1.65;    text-align: center;}body.et-public .footer-estata .container,body.et-admin .footer-estata .container {    width: min(100%, 1120px);    max-width: 1120px;    margin: 0 auto;    padding: 0 12px;}body.et-public .footer-estata .text-center,body.et-admin .footer-estata .text-center {    text-align: center;}body.et-public .footer-estata .small,body.et-admin .footer-estata .small {    font-size: 12px;}body.et-public .footer-estata .mt-1,body.et-admin .footer-estata .mt-1 {    margin-top: 4px;}body.et-public .footer-estata strong,body.et-admin .footer-estata strong {    font-weight: 800;    color: #e2e9f7;}body.et-public .footer-estata a,body.et-admin .footer-estata a {    color: #c5d0e1;}body.et-public .footer-estata a:hover,body.et-admin .footer-estata a:hover {    color: var(--et-gold);}@media (max-width: 510px) {    body.et-public .et-termin-shell > .footer-estata,    body.et-admin .et-termin-shell > .footer-estata {        padding: 19px 15px 22px;    }}/* ESTATA Termin International 1.2.0 – language and visitor zone UI */.et-language-select {display:flex;align-items:center;gap:9px;margin:0;max-width:240px}.et-language-select label {font-size:20px;color:var(--et-gold)}.et-language-select select {font-size:13px;font-weight:750;min-height:42px;max-width:190px;background:#0c1b31;border:1px solid #47526b;color:#dbe7fc;border-radius:11px;padding:7px 30px 7px 12px}.et-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.et-zone-chooser {display:grid;gap:7px;margin:-12px 0 21px}.et-zone-chooser label {font-size:13px;font-weight:750;color:#d3deee}.et-zone-chooser select {width:100%;border:1px solid #435572;border-radius:12px;background:#111f35;color:#f8c35d;font-size:14px;font-weight:750;min-height:44px}.et-zone-hint {font-size:12px;color:#91a5c0;margin:0}.et-privacy-fallback {padding:12px 15px;border:1px solid #9f781c;border-radius:11px;background:#302514;color:#ffdd99;font-size:13px;line-height:1.55;margin:12px 0}.et-privacy-language-card {border:1px solid #304158;border-radius:12px;margin:12px 0;background:#0b1a2c;overflow:hidden}.et-privacy-language-card summary {display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:15px 17px;font-weight:760}.et-privacy-language-card summary:hover {background:#14243b}.et-privacy-language-card summary strong {font-size:12px;border-radius:22px;padding:4px 10px}.et-privacy-language-card summary .is-approved {background:#0c2d28;color:#a0f0c8}.et-privacy-language-card summary .is-draft {background:#352716;color:#ffd389}.et-privacy-language-form {display:grid;gap:12px;padding:0 16px 18px}.et-privacy-language-form textarea {width:100%;min-height:300px}.et-privacy-language-form .et-save {justify-self:start}html[dir=rtl] .et-header, html[dir=rtl] .et-heading-row {direction:rtl}html[dir=rtl] .et-book-grid, html[dir=rtl] .et-fields {direction:rtl}html[dir=rtl] .et-calendar-day, html[dir=rtl] .et-slots, html[dir=rtl] .et-weekdays {direction:ltr}html[dir=rtl] .et-steps, html[dir=rtl] .et-privacy-row {direction:rtl}html[dir=rtl] .et-language-select select {padding:7px 12px 7px 28px}@media(max-width:770px){.et-language-select select{max-width:160px}.et-zone-chooser{margin:-7px 0 18px}}@media(max-width:510px){.et-language-select{max-width:150px;gap:4px}.et-language-select select{max-width:120px;font-size:12px}.et-zone-chooser select{font-size:12px}}/* ESTATA Termin 1.2.2 – Abschlussfenster, konsistent zum bestehenden Design. */.et-completion-dialog{color:var(--et-text);background:linear-gradient(180deg,#14243a,#0a1425);border:1px solid #997122;border-radius:18px;width:min(92vw,580px);max-height:min(88vh,850px);padding:0;box-shadow:0 30px 90px rgba(0,0,0,.62);overflow:auto}.et-completion-dialog::backdrop{background:rgba(2,9,22,.78);backdrop-filter:blur(4px)}.et-completion-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 25px;border-bottom:1px solid var(--et-line)}.et-completion-dialog-head h2{margin-top:6px}.et-completion-dialog-head button{width:34px;height:34px;border:1px solid var(--et-line);background:var(--et-panel);color:var(--et-text);border-radius:9px;font-size:25px;line-height:1}.et-completion-dialog-body{display:grid;gap:18px;padding:24px 25px}.et-completion-dialog-body>label,.et-completion-dialog-body #et-completion-crm label{display:grid;gap:8px;font-size:13px;font-weight:750;color:#d2ddef}.et-completion-dialog-body select,.et-completion-dialog-body input[type=text]{width:100%;padding:12px 13px;color:var(--et-text);background:#0b172b;border:1px solid #46546d;border-radius:10px}.et-completion-dialog-body input[name=crm_reference]{width:100%;padding:12px 13px;color:var(--et-text);background:#0b172b;border:1px solid #46546d;border-radius:10px}.et-completion-person{padding:12px 14px;border:1px solid var(--et-line);background:#0b172b;border-radius:10px;color:#f3c46c;font-weight:750;overflow-wrap:anywhere}.et-completion-warning{background:#2e181c;border:1px solid #995658;border-left:4px solid var(--et-danger);border-radius:12px;padding:16px;display:grid;gap:11px;font-size:13px;color:#f8d7d8;line-height:1.6}.et-completion-warning strong{color:#ffb5b9}.et-completion-warning p{margin:0}.et-completion-warning .et-check{align-items:start;line-height:1.55;color:#ffe3e4;font-weight:650}.et-completion-dialog-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding-top:4px}.et-completion-dialog-buttons button{border:1px solid #886320;border-radius:10px;padding:11px 15px;color:#f3e6c8;background:#352715;font-weight:750}.et-completion-dialog-buttons .et-save{color:#121722;background:var(--et-gold)}.et-completion-dialog-buttons .et-save.et-danger{background:#7e2732;color:#fff;border-color:#cd5c66}.et-completion-result{display:block;color:#a6c6e6;margin-top:4px;font-size:11px;overflow-wrap:anywhere}@media(max-width:550px){.et-completion-dialog-head,.et-completion-dialog-body{padding:17px}.et-completion-dialog-buttons{flex-direction:column}.et-completion-dialog-buttons button{width:100%}}

/* ================================================================
 * ESTATA Hub - Premium-Terminbuchung 2026
 * Datei: modules\termin\Assets\termin.css
 * Autor: Erkan BALKIS | estata-solutions.com
 * (c) 2026 ESTATA Solutions. Alle Rechte vorbehalten.
 * Öffentliche Buchungsseite: Design-Overrides, API/JS unverändert.
 * ================================================================ */
body.et-public{--et-bg:#090d17;--et-header:#0c131f;--et-panel:#111925;--et-gold:#f6b72e;--et-text:#f4f5f9;--et-muted:#b0bbcb;background:radial-gradient(circle at 70% 0%,rgba(119,83,23,.13),transparent 44%),linear-gradient(160deg,#070b13,#0b1422 55%,#070b13);}
body.et-public .et-header{min-height:86px;background:rgba(9,14,23,.97);border-bottom:1px solid rgba(228,172,67,.19);position:relative;z-index:2}
body.et-public .et-topline{height:3px;background:linear-gradient(90deg,#66420a,#f3b833 50%,#66420a)}
body.et-public .et-premium-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(360px,43vw,660px);overflow:hidden;background:#11100c url('/termin/assets/termin-premium-architektur.jpg') center 53%/cover no-repeat;border-bottom:1px solid rgba(248,194,95,.36)}
body.et-public .et-premium-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,17,.90) 0%,rgba(5,9,17,.66) 30%,rgba(5,9,17,.04) 68%),linear-gradient(0deg,rgba(5,9,16,.89),transparent 60%)}
body.et-public .et-premium-hero-inner{width:min(100% - 48px,1240px);margin:0 auto;padding:90px 0 48px;max-width:1240px}
body.et-public .et-premium-eyebrow{display:block;font-size:12px;letter-spacing:.23em;color:#e2cb94;font-weight:800;margin-bottom:18px}
body.et-public .et-premium-eyebrow .estata-font{letter-spacing:normal;font-size:23px;vertical-align:middle}
body.et-public .et-premium-title{font-size:clamp(30px,4.2vw,62px);line-height:1.11;letter-spacing:-.04em;max-width:700px;font-weight:830;color:#fff;text-wrap:balance;text-shadow:0 3px 20px #0009}
body.et-public .et-premium-services{font-size:clamp(13px,1.5vw,17px);color:#e4d8c1;max-width:680px;margin:18px 0 25px;line-height:1.6}
body.et-public .et-premium-link{display:inline-flex;align-items:center;gap:13px;padding:13px 20px;border-radius:10px;color:#161714;background:linear-gradient(135deg,#ffd16a,#e6a319);font-size:13px;font-weight:800;box-shadow:0 12px 38px #0008;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
body.et-public .et-premium-link:hover{transform:translateY(-2px);box-shadow:0 17px 42px #000a}
body.et-public .et-container{width:min(100% - 48px,1200px);padding-top:48px}
body.et-public h1{font-size:clamp(29px,3.2vw,44px);font-weight:850}
body.et-public .et-heading-row{margin-bottom:26px}
body.et-public .et-steps{margin-bottom:24px}
body.et-public .et-step{padding:9px 16px;background:#111b2a;border-color:#374054}
body.et-public .et-step.current{background:#322611;border-color:#d49a2e}
body.et-public .et-card{border:1px solid rgba(200,155,74,.46);border-radius:20px;background:linear-gradient(157deg,rgba(23,32,46,.98),rgba(10,16,26,.99));box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04);padding:29px}
body.et-public .et-card-label{margin-bottom:27px}
body.et-public .et-icon-square{background:rgba(221,157,34,.1);border-color:rgba(232,173,62,.5)}
body.et-public .et-calendar-day{background:#152033;transition:background .18s ease,border-color .18s ease,transform .18s ease}
body.et-public .et-calendar-day:hover:not(:disabled){background:#2c291e;transform:translateY(-1px)}
body.et-public .et-calendar-day:disabled{background:#0b1422}
body.et-public .et-calendar-day.is-selected{background:linear-gradient(150deg,#624613,#322812);border-color:#fac451;color:#ffe2a0}
body.et-public .et-slot{background:#152237;border-color:#38475d;transition:background .18s ease,border-color .18s ease}
body.et-public .et-slot:hover,body.et-public .et-slot.is-selected{background:#352911;border-color:#eeb648;color:#ffce6e}
body.et-public .et-form-card{margin-top:22px}
body.et-public .et-submit{min-height:52px;background:linear-gradient(130deg,#ffd271,#eaa51b);border-color:#e7ac36}
body.et-public .et-zone-chooser select{background:#121f32;border-color:#526079}
body.et-public .et-footer-links{margin-top:26px}
html[dir=rtl] body.et-public .et-premium-hero-inner{text-align:right}
html[dir=rtl] body.et-public .et-premium-hero::after{background:linear-gradient(270deg,rgba(5,9,17,.90),rgba(5,9,17,.12) 75%),linear-gradient(0deg,rgba(5,9,16,.84),transparent 60%)}
@media(max-width:770px){body.et-public .et-premium-hero{min-height:390px;background-position:55% center}body.et-public .et-premium-hero-inner{width:min(100% - 28px,650px);padding:64px 0 34px}body.et-public .et-premium-hero::after{background:linear-gradient(90deg,rgba(5,9,17,.86),rgba(5,9,17,.32) 86%),linear-gradient(0deg,rgba(5,9,17,.8),transparent 85%)}body.et-public .et-container{width:min(100% - 28px,650px);padding-top:31px}body.et-public .et-card{padding:20px}}
@media(max-width:510px){body.et-public .et-premium-hero{min-height:375px;background-position:57% center}body.et-public .et-premium-eyebrow{font-size:10px}body.et-public .et-premium-eyebrow .estata-font{font-size:19px}body.et-public .et-premium-title{font-size:32px}body.et-public .et-premium-services{font-size:13px}body.et-public .et-premium-link{font-size:12px;padding:12px 15px}body.et-public .et-step{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){body.et-public .et-premium-link,body.et-public .et-calendar-day{transition:none}body.et-public .et-premium-link:hover,body.et-public .et-calendar-day:hover:not(:disabled){transform:none}}

/* ESTATA Termin: occupied appointment times – red and non-interactive. */
body.et-public .et-slot.is-booked,
body.et-public .et-slot.is-booked:disabled {
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:rgba(139,37,47,.24);border-color:#b44751;color:#ffadb5;
  cursor:not-allowed;opacity:1;box-shadow:none;white-space:normal;
}
body.et-public .et-slot.is-booked:hover {
  background:rgba(139,37,47,.24);border-color:#b44751;color:#ffadb5;
}
body.et-public .et-slot-booked-label {
  display:block;color:#ff9da7;font-size:10px;font-weight:700;line-height:1.25;
}


/* =============================================================
 * ESTATA TERMIN – GESCHUETZTE DOKUMENTENVORSCHAU
 * Die bestehenden Termin-/Upload-Styles bleiben unveraendert.
 * ============================================================= */
.et-documents-file-actions .et-documents-preview-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #a47725;
  border-radius: 10px;
  color: #ffc45d;
  background: #342712;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.et-documents-file-actions .et-documents-preview-trigger:hover {
  background: #4a3412;
  border-color: #e5a72b;
  color: #ffe09f;
  text-decoration: none;
}
.et-documents-preview-dialog {
  width: min(96vw, 1180px);
  height: min(92dvh, 980px);
  max-width: 96vw;
  max-height: 92dvh;
  padding: 0;
  overflow: hidden;
  color: #ecf2ff;
  border: 1px solid #a07622;
  border-radius: 18px;
  background: #0c192c;
  box-shadow: 0 30px 85px #000b;
}
.et-documents-preview-dialog[open] {
  display: flex;
  flex-direction: column;
}
.et-documents-preview-dialog::backdrop {
  background: rgba(2, 8, 20, .83);
  backdrop-filter: blur(5px);
}
.et-documents-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 19px;
  border-bottom: 1px solid #324260;
  background: #0e1c31;
}
.et-documents-preview-header-text {display: grid; gap: 4px; min-width: 0;}
.et-documents-preview-kicker {color: #e9b652; font-size: 12px; font-weight: 800;}
.et-documents-preview-header-text strong {
  display: block;
  max-width: 100%;
  color: #f1f5ff;
  font-size: 15px;
  overflow-wrap: anywhere;
}
.et-documents-preview-dialog .et-documents-preview-close {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #ffe0a1;
  font-size: 25px;
  line-height: 1;
  border: 1px solid #8d6525;
  border-radius: 10px;
  background: #342712;
}
.et-documents-preview-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px;
  background: #0a1323;
}
.et-documents-preview-content iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: 7px;
  background: #fff;
}
.et-documents-preview-content img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.et-documents-preview-dialog [hidden] {display: none !important;}
.et-documents-preview-error {
  max-width: 650px;
  margin: auto;
  padding: 14px;
  color: #ffd7a8;
  text-align: center;
}
.et-documents-preview-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px 19px;
  border-top: 1px solid #324260;
  background: #0e1c31;
}
.et-documents-preview-footer p {
  flex: 1 1 300px;
  margin: 0;
  color: #a8b7d0;
  font-size: 12px;
}
.et-documents-preview-footer-actions {display: flex; flex-wrap: wrap; gap: 10px;}
.et-documents-preview-footer-actions a,
.et-documents-preview-footer-actions button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 39px;
  padding: 9px 15px;
  color: #ffe0a1;
  font-size: 12px;
  font-weight: 750;
  border: 1px solid #956c21;
  border-radius: 10px;
  background: #352715;
  text-decoration: none;
}
.et-documents-preview-footer-actions a:hover,
.et-documents-preview-footer-actions button:hover {
  border-color: #e8ae3f;
  color: #ffe2aa;
  text-decoration: none;
}
@media (max-width: 670px) {
  .et-documents-preview-dialog {width: 98vw; max-width: 98vw; height: 94dvh; max-height: 94dvh; border-radius: 12px;}
  .et-documents-preview-header {padding: 12px 13px;}
  .et-documents-preview-content {padding: 5px;}
  .et-documents-preview-footer {padding: 10px 13px;}
  .et-documents-preview-footer-actions {width: 100%;}
  .et-documents-preview-footer-actions > * {flex: 1 1 auto;}
}

/*
 * ESTATA HUB | TERMINBUCHUNG - KOMPAKTER KALENDER UND UHRZEITEN
 * Layout-Korrektur V1.0 | 2026
 * Nur die eigenstaendige oeffentliche Terminbuchung (/termin), ab 771px.
 * Keine Aenderung an Terminauswahl, Buchungslogik, Administration oder Einbettungen.
 */
@media (min-width: 771px) {
  /* Gleiche Breite fuer Kalender, Zeitfenster und Kontaktbereich. */
  body.et-public:not(.et-embedded) .et-container {
    width: min(100% - 48px, 1040px);
  }

  body.et-public:not(.et-embedded) .et-book-grid {
    gap: 16px;
  }

  body.et-public:not(.et-embedded) .et-book-grid > .et-card {
    padding: 22px;
  }

  body.et-public:not(.et-embedded) .et-book-grid .et-card-label {
    margin-bottom: 18px;
  }

  body.et-public:not(.et-embedded) .et-calendar-controls {
    margin-bottom: 14px;
  }

  body.et-public:not(.et-embedded) .et-weekdays,
  body.et-public:not(.et-embedded) .et-calendar-days {
    gap: 6px;
  }

  body.et-public:not(.et-embedded) .et-weekdays {
    margin-bottom: 8px;
  }

  body.et-public:not(.et-embedded) .et-calendar-day {
    min-height: 44px;
    border-radius: 9px;
    font-size: 13px;
  }

  body.et-public:not(.et-embedded) .et-calendar-empty {
    min-height: 44px;
  }

  body.et-public:not(.et-embedded) .et-calendar-note {
    margin-top: 14px;
    padding-top: 12px;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-duration-control {
    margin-bottom: 17px;
    padding: 12px 12px 10px;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-duration-title {
    margin-bottom: 8px;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-duration-options {
    gap: 7px;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-duration-option {
    padding: 8px 5px;
    font-size: 12px;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-duration-hint {
    margin-top: 8px;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-zone-chooser {
    margin: -8px 0 16px;
    gap: 5px;
  }

  body.et-public:not(.et-embedded) .et-times-card #et-date-caption {
    margin-bottom: 5px;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-slots {
    min-height: 0;
    margin-top: 10px;
    gap: 7px;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-slot {
    min-height: 44px;
    padding: 8px 5px;
    border-radius: 9px;
    font-size: 13px;
    line-height: 1.35;
  }

  body.et-public:not(.et-embedded) .et-times-card .et-selected {
    padding: 11px 12px;
    margin-top: 10px;
  }
}

/* Vier Zeitslots nebeneinander auf breiten Monitoren, drei auf Tablets/Mobilgeraeten. */
@media (min-width: 1180px) {
  body.et-public:not(.et-embedded) .et-times-card .et-slots {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}