:root{font-family:Arial,Helvetica,sans-serif;color:#17212b;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:24px}.narrow{max-width:520px}.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:22px}h1,h2{margin-top:0}label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin-bottom:15px}input,select{font:inherit;padding:11px;border:1px solid #c7d0d9;border-radius:8px;background:#fff}button,.button{display:inline-block;border:0;border-radius:8px;padding:11px 16px;background:#0b6aa2;color:#fff;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.secondary{background:#e8edf1;color:#17212b}.danger{background:#b42318}.small{padding:7px 10px;font-size:.88rem}.alert{padding:12px 14px;border-radius:8px;margin:0 0 16px}.success{background:#e5f6ea;color:#176b32}.error{background:#fde8e7;color:#9b1c1c}.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#17212b;color:#fff;padding:16px 24px}.admin-header div{display:flex;flex-direction:column;gap:3px}.admin-header span{font-size:.85rem;opacity:.75}.admin-header nav{display:flex;gap:10px;flex-wrap:wrap}.admin-header a{text-decoration:none;padding:8px 10px;border-radius:6px}.admin-header a:hover{background:rgba(255,255,255,.12)}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.checkbox{flex-direction:row;align-items:center;font-weight:400}.checkbox input{width:auto}.actions{display:flex;gap:10px;flex-wrap:wrap}.align-end{align-self:end}.title-row{display:flex;justify-content:space-between;gap:20px;align-items:end}.date-form label{margin:0}.inline-form{display:grid;grid-template-columns:1.2fr .7fr .7fr 1.6fr auto;gap:14px;align-items:end}.inline-form label{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e9ed;vertical-align:middle}.row-actions{display:flex;gap:8px;justify-content:flex-end}.row-actions form{margin:0}.badge{display:inline-block;margin-left:8px;background:#fff1cc;color:#744b00;border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:700}
.public-body{background:#eef4f7;color:#153042;min-height:100vh;overflow-x:hidden}
.public-container{width:min(1720px,92vw);min-height:100vh;margin:0 auto;padding:3vh 0 4vh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:3vh}
.public-header{width:100%;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.public-logo{display:block;width:clamp(135px,9vw,185px);height:auto;margin:0 0 clamp(.55rem,1vh,1rem)}
.public-container h1{font-size:clamp(2.7rem,4.7vw,5.6rem);line-height:1.05;margin:0;white-space:nowrap}
.public-date{font-size:clamp(1.15rem,1.8vw,2rem);margin:clamp(.65rem,1.2vh,1.2rem) 0 0;color:#55707f}
.public-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,56px);min-height:0}
.service-card{min-width:0;height:100%;background:#fff;border-radius:24px;padding:clamp(30px,3vw,58px);box-shadow:0 12px 40px rgba(18,48,66,.1);overflow:hidden;display:flex;flex-direction:column}
.service-card h2{font-size:clamp(1.7rem,2.8vw,3.2rem);line-height:1.1;border-bottom:4px solid #2d8ab8;padding-bottom:.4em;margin:0 0 .55em;white-space:nowrap}
.doctor-list{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:flex-start}
.doctor-row{display:grid;grid-template-columns:minmax(145px,.72fr) minmax(0,1.5fr);gap:clamp(.8rem,1.3vw,1.5rem);align-items:center;padding:1rem 0;border-bottom:1px solid #dce7ed;min-height:0}
.doctor-row:last-child{border-bottom:0}
.doctor-details{min-width:0}
.time{font-size:clamp(1.25rem,2.3vw,2.4rem);line-height:1.12;font-weight:700;color:#287aa5}
.doctor-name{font-size:clamp(1.35rem,2.6vw,2.8rem);line-height:1.12;font-weight:700;overflow-wrap:anywhere}
.doctor-role{font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.15;margin-top:.3em;color:#8b5a00;font-weight:700}
.empty{font-size:clamp(1.1rem,1.7vw,1.6rem);color:#6b7f8b}

/* Ab vier Einträgen wird nur innerhalb des betroffenen Abschnitts verdichtet. */
.service-card.density-compact .doctor-row{padding:.65rem 0}
.service-card.density-compact .time{font-size:clamp(1.15rem,1.8vw,2rem)}
.service-card.density-compact .doctor-name{font-size:clamp(1.2rem,2vw,2.2rem)}
.service-card.density-compact .doctor-role{font-size:clamp(.9rem,1.15vw,1.2rem);margin-top:.18em}

.service-card.density-dense{padding-top:clamp(24px,2.3vw,42px);padding-bottom:clamp(24px,2.3vw,42px)}
.service-card.density-dense h2{font-size:clamp(1.55rem,2.35vw,2.7rem);margin-bottom:.35em}
.service-card.density-dense .doctor-row{padding:.38rem 0}
.service-card.density-dense .time{font-size:clamp(1rem,1.45vw,1.65rem)}
.service-card.density-dense .doctor-name{font-size:clamp(1.05rem,1.6vw,1.8rem)}
.service-card.density-dense .doctor-role{font-size:clamp(.78rem,1vw,1.05rem);margin-top:.12em}

.service-card.density-very-dense{padding-top:clamp(20px,1.8vw,34px);padding-bottom:clamp(20px,1.8vw,34px)}
.service-card.density-very-dense h2{font-size:clamp(1.4rem,2vw,2.35rem);margin-bottom:.25em;padding-bottom:.3em}
.service-card.density-very-dense .doctor-row{padding:.22rem 0;gap:.7rem}
.service-card.density-very-dense .time{font-size:clamp(.88rem,1.18vw,1.35rem)}
.service-card.density-very-dense .doctor-name{font-size:clamp(.92rem,1.3vw,1.5rem)}
.service-card.density-very-dense .doctor-role{font-size:clamp(.7rem,.85vw,.9rem);margin-top:.08em}

@media(max-width:850px){.grid.two,.public-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.inline-form label:first-of-type,.inline-form label:last-of-type,.inline-form .actions{grid-column:1/-1}.admin-header{align-items:flex-start;flex-direction:column}.title-row{align-items:flex-start;flex-direction:column}.public-container{width:auto;min-height:auto;padding:24px;display:block}.public-header{margin-bottom:28px}.public-logo{width:140px}.public-container h1{white-space:normal}.public-grid{gap:24px}.service-card{height:auto;padding:24px}.service-card h2{white-space:normal}.doctor-row{grid-template-columns:1fr}.public-date{margin-top:.8rem}}

@media(min-width:851px) and (max-height:850px){.public-container{padding-top:2vh;padding-bottom:2vh;gap:2vh}.public-logo{width:clamp(120px,8vw,165px)}.public-container h1{font-size:clamp(2.5rem,4vw,4.5rem)}.public-date{margin-top:.5rem}.service-card{padding-top:clamp(22px,2.2vw,40px);padding-bottom:clamp(22px,2.2vw,40px)}}


.public-container-closed{width:min(1500px,92vw);grid-template-rows:auto 1fr;gap:3.2vh;padding-top:3.2vh;padding-bottom:3.2vh}
.public-header-closed{max-width:1200px;margin:0 auto}
.public-header-closed .public-logo{width:clamp(150px,10vw,220px);margin-bottom:clamp(.7rem,1.2vh,1.2rem)}
.public-header-closed h1{font-size:clamp(2.4rem,4vw,4.8rem);line-height:1.08;white-space:normal;max-width:1100px}
.closure-card{width:100%;max-width:1500px;margin:0 auto;background:#fff;border-radius:28px;box-shadow:0 14px 42px rgba(18,48,66,.1);padding:clamp(34px,3.4vw,58px) clamp(34px,3.8vw,66px);display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,3vh,34px)}
.closure-section{color:#21455a}
.closure-section h2{font-size:clamp(2rem,3.2vw,3.45rem);font-weight:400;line-height:1.18;margin:0 0 .6em;color:#2d48b8}
.closure-section p{font-size:clamp(1.7rem,3.05vw,3.15rem);line-height:1.32;font-weight:300;margin:.28em 0;color:#2d48b8}
.phone-highlight{display:inline-block;font-weight:700;color:#153fbe;white-space:nowrap}
.closure-divider{height:2px;background:linear-gradient(90deg,rgba(45,72,184,.08),rgba(45,72,184,.38),rgba(45,72,184,.08));border-radius:999px}
@media(max-width:850px){.public-container-closed{width:auto;min-height:auto;padding:24px;display:block}.closure-card{padding:24px;border-radius:20px;margin-top:20px}.closure-section h2{font-size:1.7rem}.closure-section p{font-size:1.2rem}.public-header-closed h1{font-size:2.1rem}}
@media(min-width:851px) and (max-height:850px){.public-container-closed{padding-top:2vh;padding-bottom:2vh;gap:2vh}.public-header-closed .public-logo{width:clamp(125px,8vw,175px)}.public-header-closed h1{font-size:clamp(2.2rem,3.2vw,4rem)}.closure-card{padding:clamp(24px,2.3vw,38px) clamp(28px,2.6vw,44px)}.closure-section h2{font-size:clamp(1.55rem,2.35vw,2.5rem)}.closure-section p{font-size:clamp(1.18rem,2.05vw,2.2rem);line-height:1.26}}

/* Kompakte Full-HD-Schließungsseite: beide Sprachen nebeneinander. */
@media (min-width: 1100px) {
  .public-container-closed{
    width:min(1580px,92vw);
    height:100vh;
    min-height:0;
    padding:clamp(14px,1.8vh,24px) 0;
    gap:clamp(14px,1.8vh,24px);
    grid-template-rows:auto minmax(0,1fr);
  }
  .public-header-closed{
    max-width:1500px;
  }
  .public-header-closed .public-logo{
    width:clamp(112px,7vw,150px);
    margin-bottom:clamp(.3rem,.6vh,.55rem);
  }
  .public-header-closed h1{
    max-width:none;
    white-space:nowrap;
    font-size:clamp(2.25rem,3.1vw,3.75rem);
    line-height:1.02;
  }
  .public-header-closed .public-date{
    font-size:clamp(1rem,1.35vw,1.55rem);
    margin-top:clamp(.35rem,.7vh,.65rem);
  }
  .closure-card{
    max-width:1580px;
    min-height:0;
    padding:clamp(24px,2.4vw,42px) clamp(28px,2.8vw,52px);
    border-radius:24px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
    align-items:center;
    gap:clamp(28px,3vw,54px);
    overflow:hidden;
  }
  .closure-section h2{
    font-size:clamp(1.65rem,2.15vw,2.45rem);
    line-height:1.14;
    margin:0 0 .65em;
  }
  .closure-section p{
    font-size:clamp(1.25rem,1.72vw,1.9rem);
    line-height:1.28;
    margin:.34em 0;
  }
  .closure-divider{
    width:1px;
    height:82%;
    justify-self:center;
    background:linear-gradient(180deg,rgba(45,72,184,.06),rgba(45,72,184,.38),rgba(45,72,184,.06));
  }
}

@media (min-width:1100px) and (max-height:900px){
  .public-container-closed{padding:10px 0;gap:10px}
  .public-header-closed .public-logo{width:105px;margin-bottom:3px}
  .public-header-closed h1{font-size:clamp(2rem,2.7vw,3.15rem)}
  .public-header-closed .public-date{font-size:1.05rem;margin-top:4px}
  .closure-card{padding:22px 36px;gap:34px}
  .closure-section h2{font-size:clamp(1.45rem,1.85vw,2rem);margin-bottom:.45em}
  .closure-section p{font-size:clamp(1.08rem,1.45vw,1.55rem);line-height:1.22;margin:.27em 0}
}


/* Full-HD-Kopf: Logo links, Titel unabhängig davon exakt zentriert. */
.public-header{position:relative;min-height:clamp(190px,21vh,290px);justify-content:center;padding-inline:clamp(320px,24vw,470px)}
.public-logo-link{position:absolute;left:0;top:0;display:block;text-decoration:none;line-height:0;border-radius:12px;transition:transform .18s ease,opacity .18s ease}
.public-logo-link:hover{transform:scale(1.025);opacity:.92}
.public-logo-link:focus-visible{outline:4px solid #2d8ab8;outline-offset:6px}
.public-logo-link .public-logo{width:clamp(245px,16vw,345px);height:auto;margin:0}
.public-header-closed .public-logo-link .public-logo{width:clamp(245px,16vw,345px);margin:0}
.public-header-closed{max-width:none}

@media(max-width:850px){
  .public-header{min-height:auto;padding-inline:0;padding-top:0}
  .public-logo-link{position:static;margin:0 auto 16px}
  .public-logo-link .public-logo,.public-header-closed .public-logo-link .public-logo{width:140px}
}

@media(min-width:851px) and (max-height:850px){
  .public-header{min-height:clamp(150px,17vh,205px);padding-inline:clamp(250px,19vw,340px)}
  .public-logo-link .public-logo,.public-header-closed .public-logo-link .public-logo{width:clamp(190px,13vw,245px)}
}

/* Datum und laufende Uhrzeit stehen oberhalb der Hauptüberschrift. */
.public-header .public-date{
  order:1;
  margin:0 0 clamp(.35rem,.8vh,.8rem);
  font-variant-numeric:tabular-nums;
}
.public-header h1{order:2}
.public-header .public-logo-link{order:0}
#current-time{display:inline-block;min-width:2.8em;text-align:left}
@media(max-width:850px){
  .public-header .public-date{margin:0 0 .7rem}
}
@media(min-width:851px) and (max-height:850px){
  .public-header .public-date{margin:0 0 .35rem}
}

/* Full HD: Datum und Titel gemeinsam vertikal zur sichtbaren Logohöhe zentrieren.
   Die Elemente werden nur optisch verschoben; Headerhöhe und Position der Bereiche bleiben unverändert. */
@media (min-width:1100px) and (min-height:851px){
  .public-header .public-date,
  .public-header h1{
    transform:translateY(clamp(-24px,-2vh,-18px));
  }
}

/* Full-HD-Feinjustierung:
   - Textblock um etwa eine halbe Datumszeilenhöhe weiter nach oben
   - Abstand zum Beginn der Ordinationsbereiche ungefähr halbiert
   - Logo bleibt in Größe und Position unverändert */
@media (min-width:1100px) and (min-height:851px){
  .public-header .public-date,
  .public-header h1{
    transform:translateY(clamp(-42px,-3.5vh,-34px));
  }
  .public-container{
    gap:clamp(12px,1.45vh,18px);
  }
}

/* Full HD: Ausschließlich den Abstand zwischen Header und Ordinationsbereichen angleichen.
   Logo und Textblock bleiben in Größe, Position und gegenseitiger Ausrichtung unverändert. */
@media (min-width:1100px) and (min-height:851px){
  .public-grid{
    transform:translateY(-35px);
  }
}

/* Fotoverwaltung und quadratischer Bildausschnitt */
.photo-fieldset{border:1px solid #d8e1e7;border-radius:12px;padding:16px;margin:0 0 18px}
.photo-fieldset legend{font-weight:700;padding:0 7px}
.photo-editor-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:start}
.photo-preview-wrap{position:relative;width:130px;height:130px;border-radius:12px;overflow:hidden;background:#eef3f6;border:1px solid #d1dce3}
.photo-preview{display:block;width:100%;height:100%;object-fit:cover}
.photo-preview.is-empty{display:none}
.photo-placeholder{height:100%;display:grid;place-items:center;color:#72838d;font-size:.9rem}
.hidden{display:none!important}
.file-label{display:flex;align-items:flex-start;gap:8px}
.file-label input{width:100%;padding:8px}
.form-hint{margin:.4rem 0 .8rem;color:#627681;font-size:.9rem;line-height:1.35}
.crop-editor{margin-top:16px}
.crop-stage{width:min(420px,100%);aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #2d8ab8;background:#dfe8ed;cursor:move;touch-action:none}
.crop-stage canvas{display:block;width:100%;height:100%}
.zoom-label{max-width:420px;margin-top:12px}
.zoom-label input{width:100%;padding:0}
.doctor-thumb{display:block;width:54px;height:54px;object-fit:cover;border-radius:8px}
.doctor-thumb-placeholder{display:grid;place-items:center;width:54px;height:54px;border-radius:8px;background:#eef3f6;color:#8798a1}

/* Fotos in der öffentlichen Anzeige */
.doctor-row.has-photo{grid-template-columns:minmax(145px,.72fr) clamp(64px,5.5vw,94px) minmax(0,1.5fr)}
.public-doctor-photo{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 4px 15px rgba(18,48,66,.14)}
.service-card.density-compact .doctor-row.has-photo{grid-template-columns:minmax(128px,.68fr) clamp(56px,4.6vw,78px) minmax(0,1.5fr)}
.service-card.density-dense .doctor-row.has-photo{grid-template-columns:minmax(110px,.65fr) clamp(46px,3.8vw,64px) minmax(0,1.5fr)}
.service-card.density-very-dense .doctor-row.has-photo{grid-template-columns:minmax(96px,.62fr) clamp(38px,3.1vw,52px) minmax(0,1.5fr)}
@media(max-width:850px){
  .photo-editor-grid{grid-template-columns:1fr}
  .doctor-row.has-photo{
    grid-template-columns:96px 68px minmax(0,1fr);
    gap:10px;
    align-items:start;
  }
  .doctor-row.has-photo .public-doctor-photo{
    grid-column:1;
    grid-row:1;
    align-self:start;
  }
  .doctor-row.has-photo .time{
    grid-column:2;
    grid-row:1;
    font-size:1rem;
    line-height:1.2;
    padding-top:2px;
  }
  .doctor-row.has-photo .doctor-details{
    grid-column:3;
    grid-row:1;
    min-width:0;
    padding-top:1px;
  }
  .doctor-row.has-photo .doctor-name{
    font-size:1.05rem;
    line-height:1.18;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
  .doctor-row.has-photo .doctor-role{
    font-size:.82rem;
    line-height:1.15;
  }
}

/* Tagesplanung: drei feste Schnell-Erfassungszeilen */
.quick-entry-list{display:flex;flex-direction:column;gap:10px}
.quick-entry-row{padding-top:0;border-top:0}
.quick-entry-row-3{margin-top:4px;padding-top:14px;border-top:2px solid #e5e9ed}
.quick-entry-row label{margin:0}
.quick-entry-label-hidden{visibility:hidden}
@media(max-width:900px){
  .inline-form{grid-template-columns:1fr 1fr}
  .inline-form label:nth-of-type(4){grid-column:1/-1}
  .inline-form .actions{grid-column:1/-1}
}
@media(max-width:560px){
  .inline-form{grid-template-columns:1fr}
  .inline-form label:nth-of-type(4),.inline-form .actions{grid-column:auto}
}


/* Ärzteverwaltung: Full-HD-Aufteilung mit breiter Liste links und Erfassung rechts */
.doctors-admin-grid{
  display:grid;
  grid-template-columns:minmax(0,2.25fr) minmax(340px,.9fr);
  gap:24px;
  align-items:start;
}
.doctors-list-card,.doctors-form-card{min-width:0}
.doctors-list-card .table-wrap{overflow-x:auto}
.doctors-list-card table{font-size:.94rem}
.doctors-list-card th,.doctors-list-card td{padding:10px 9px}
.doctors-list-card th{white-space:nowrap}
.doctors-list-card td:nth-child(3){min-width:180px}
.doctors-list-card td:last-child{white-space:nowrap}
.doctors-form-card{position:sticky;top:20px}
.doctors-form-card .photo-editor-grid{grid-template-columns:110px minmax(0,1fr);gap:14px}
.doctors-form-card .photo-preview-wrap{width:110px;height:110px}

@media(min-width:1200px){
  .container:has(.doctors-admin-grid){max-width:1720px}
}
@media(max-width:1100px){
  .doctors-admin-grid{grid-template-columns:1fr}
  .doctors-list-card{order:1}
  .doctors-form-card{order:2;position:static}
}
@media(max-width:600px){
  .doctors-form-card .photo-editor-grid{grid-template-columns:1fr}
}

/* Geschlossen-Anzeige im selben Karten-Look wie die Ärztebereiche. */
.public-container-closed{
  width:min(1720px,92vw);
  min-height:100vh;
  padding:3vh 0 4vh;
  gap:clamp(12px,1.45vh,18px);
}
.public-header-closed{
  width:100%;
  max-width:none;
  margin:0;
}
.public-header-closed h1{
  max-width:none;
  font-size:clamp(2.7rem,4.7vw,5.6rem);
  line-height:1.05;
  white-space:nowrap;
}
.closure-grid{min-height:0}
.closure-service-card{justify-content:flex-start}
.closure-service-card h2{color:#153042}
.closure-content{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#153042;
  padding:clamp(8px,1.2vh,18px) 0;
}
.closure-content h3{
  margin:0 0 clamp(18px,2.2vh,30px);
  font-size:clamp(1.75rem,2.55vw,3rem);
  line-height:1.15;
  color:#153042;
}
.closure-content p{
  margin:.35em 0;
  font-size:clamp(1.4rem,2.1vw,2.45rem);
  line-height:1.34;
  color:#153042;
}
.phone-highlight{color:#287aa5;font-weight:800}

@media(max-width:850px){
  .public-container-closed{width:auto;min-height:auto;padding:24px;display:block}
  .public-header-closed h1{font-size:2.1rem;white-space:normal}
  .closure-grid{margin-top:24px}
  .closure-content{padding:4px 0}
  .closure-content h3{font-size:1.45rem;margin-bottom:14px}
  .closure-content p{font-size:1.12rem;line-height:1.4}
}

@media(min-width:851px) and (max-height:850px){
  .public-container-closed{padding-top:2vh;padding-bottom:2vh;gap:2vh}
  .public-header-closed h1{font-size:clamp(2.5rem,4vw,4.5rem)}
  .closure-content h3{font-size:clamp(1.45rem,2vw,2.15rem);margin-bottom:14px}
  .closure-content p{font-size:clamp(1.05rem,1.55vw,1.65rem);line-height:1.28}
}


/* Geschlossen-Anzeige: beide Sprachen sicher in einer gemeinsamen Kachel. */
.closure-grid{
  grid-template-columns:minmax(0,1fr);
  width:100%;
}
.closure-service-card{
  width:100%;
  min-height:0;
}
.closure-content{
  justify-content:space-evenly;
  gap:clamp(22px,2.8vh,42px);
}
.closure-language{
  min-width:0;
}
.closure-language + .closure-language{
  border-top:2px solid #dce7ed;
  padding-top:clamp(22px,2.8vh,42px);
}

@media (min-width:1100px){
  .public-container-closed{
    width:min(1720px,92vw);
  }
  .public-header-closed h1{
    white-space:nowrap;
    font-size:clamp(2.7rem,4.2vw,5rem);
  }
  .closure-service-card{
    padding:clamp(28px,2.6vw,48px) clamp(40px,3.5vw,70px);
  }
  .closure-content h3{
    font-size:clamp(1.55rem,2vw,2.35rem);
    margin-bottom:clamp(10px,1.3vh,18px);
  }
  .closure-content p{
    font-size:clamp(1.18rem,1.55vw,1.8rem);
    line-height:1.28;
    margin:.28em 0;
  }
}

@media(max-width:850px){
  .closure-language + .closure-language{
    padding-top:20px;
  }
}

/* Tagesplanung: Datum direkt neben der Überschrift und Vorschau darunter */
.planning-header-card{padding:26px 30px}
.planning-heading-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.planning-heading-row h1{margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:1.1}
.planning-date-form{margin:0}
.planning-date-form input{font-size:1.2rem;font-weight:700;padding:12px 16px;border:2px solid #17212b;min-width:240px}
.planning-actions-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}
.planning-preview-button{font-size:1.05rem}
.planning-day-navigation{display:flex;gap:14px;flex-wrap:wrap}
.planning-day-button{min-width:190px;text-align:center;font-size:1.05rem;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.planning-day-button span{display:inline-block;margin:0 7px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Öffentliche Vorschau: Tagesnavigation nur bei ?preview=1 */
.public-day-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;margin:18px 0 0;padding:12px 4px 0;border-top:1px solid #d7e1e7;position:relative;z-index:3}
.public-day-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border-radius:10px;background:#0b6aa2;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 3px 10px rgba(11,106,162,.18)}
.public-day-nav-button:hover{background:#095b8b}
.public-day-nav-current{text-align:center;font-size:1.15rem;font-weight:700;color:#153042}
@media(max-width:850px){
  .planning-header-card{padding:22px}
  .planning-heading-row{align-items:stretch;gap:12px}
  .planning-heading-row h1{width:100%;font-size:2rem}
  .planning-date-form,.planning-date-form input{width:100%;min-width:0}
  .planning-actions-row{align-items:stretch;gap:10px}
  .planning-preview-button{width:100%;text-align:center}
  .planning-day-navigation{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .planning-day-button{min-width:0;width:100%;padding-inline:10px}
  .public-day-navigation{grid-template-columns:1fr 1fr;margin:16px 0 0;gap:10px;padding-top:12px}
  .public-day-nav-current{grid-column:1/-1;grid-row:1;font-size:1rem}
  .public-day-nav-button{grid-row:2;padding:10px 8px;font-size:.9rem}
}

/* Admin-Kopf: Logo mit Textblock */
.admin-header .admin-brand{display:flex;flex-direction:row;align-items:center;gap:14px;min-width:0}
.admin-header .admin-brand-text{display:flex;flex-direction:column;gap:3px;line-height:1.15}
.admin-header .admin-brand-text strong{font-size:1.08rem;white-space:nowrap}
.admin-header .admin-logo{display:block;width:128px;height:68px;object-fit:contain;object-position:left center;background:#fff;padding:4px 7px}
@media(max-width:850px){
  .admin-header .admin-brand{width:100%;gap:10px}
  .admin-header .admin-logo{width:104px;height:56px}
  .admin-header .admin-brand-text strong{font-size:1rem}
}

@media(max-width:520px){
  .planning-day-navigation{grid-template-columns:1fr}
}

/* Öffentliche Anzeige: Ist keine Terminordination eingetragen, wird nur die Akutordination mittig angezeigt. */
.public-grid.single-service-card{
  grid-template-columns:minmax(0,1fr);
  width:calc((100% - clamp(24px,3vw,56px))/2);
  margin-inline:auto;
}
@media(max-width:850px){
  .public-grid.single-service-card{width:100%;}
}

/* Userverwaltung */
.user-create-grid {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr 1fr 1.4fr auto;
    gap: 14px;
    align-items: end;
}
.user-create-grid label { margin: 0; }
.user-create-action { padding-bottom: 1px; }
.table-scroll { overflow-x: auto; }
.user-table { width: 100%; border-collapse: collapse; }
.user-table th, .user-table td { padding: 12px 10px; border-bottom: 1px solid #dbe3e9; text-align: left; vertical-align: middle; }
.user-table th { white-space: nowrap; }
.inline-reset-form { display: flex; gap: 8px; align-items: center; margin: 0; min-width: 330px; }
.inline-reset-form input { min-width: 180px; }
.muted { color: #687784; font-size: .9em; }
@media (max-width: 1100px) {
    .user-create-grid { grid-template-columns: 1fr 1fr; }
    .user-create-action { grid-column: 1 / -1; }
}
@media (max-width: 650px) {
    .user-create-grid { grid-template-columns: 1fr; }
}
.inline-user-edit-form { display:flex; gap:8px; align-items:center; margin:0; min-width:520px; }
.inline-user-edit-form select { min-width:145px; }
.inline-user-edit-form input { min-width:180px; }
.inline-user-edit-form + .muted { display:block; margin-top:6px; }
@media (max-width: 850px) {
    .inline-user-edit-form { min-width:460px; }
}