﻿.tabelle:has(>.thead){display:block;width:100%;margin:0 0 20px;background:var(--surface, #fff);border:1px solid var(--line, #E0ECEB);border-radius:5px;overflow:hidden}.tabelle:has(>.thead)>.thead,.tabelle:has(>.thead)>.tbody{display:block}.tabelle:has(>.thead) .zeile{display:grid;grid-template-columns:var(--spalten, none);grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);column-gap:16px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line, #E0ECEB)}.tabelle:has(>.thead)>.tbody>.zeile:last-child{border-bottom:0}.tabelle:has(>.thead)>.thead .zeile{background:var(--notice, #E3F3F1);font-family:var(--font-head, sans-serif);font-weight:700;font-size:15px}.tabelle:has(>.thead)>.tbody .zeile:hover{background:var(--notice, #E3F3F1)}.tabelle:has(>.thead) [class^=spalte],.tabelle:has(>.thead) [class*=" spalte"]{min-width:0;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.tabelle:has(>.thead) .rechts{text-align:right;justify-self:end}.tabelle:has(>.thead) input:not([type=checkbox]):not([type=radio]),.tabelle:has(>.thead) select,.tabelle:has(>.thead) textarea{max-width:100%;min-width:0;margin:0}.tabelle:has(>.thead) input:is([type=date],[type=time]){width:auto}.tabelle:has(>.thead) [class^=spalte]:has(>input+input),.tabelle:has(>.thead) [class*=" spalte"]:has(>input+input){display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tabelle:has(>.thead) [class^=spalte]:has(>input+input)>input:is([type=time],[type=date],[type=number]),.tabelle:has(>.thead) [class*=" spalte"]:has(>input+input)>input:is([type=time],[type=date],[type=number]){width:auto;flex:0 1 8.5rem;min-width:0}@media(max-width: 768px){.tabelle:has(>.thead){border:0;background:rgba(0,0,0,0);overflow:visible}.tabelle:has(>.thead)>.thead{display:none}.tabelle:has(>.thead) .zeile{grid-template-columns:minmax(0, 1fr);grid-auto-flow:row;row-gap:4px;margin-bottom:10px;background:var(--surface, #fff);border:1px solid var(--line, #E0ECEB);border-radius:5px}.tabelle:has(>.thead)>.tbody>.zeile:last-child{border-bottom:1px solid var(--line, #E0ECEB)}.tabelle:has(>.thead)>.tbody .zeile:hover{background:var(--surface, #fff);border-color:var(--accent, #0F7A78)}.tabelle:has(>.thead) .spalte1{font-weight:600}.tabelle:has(>.thead) .rechts{text-align:left;justify-self:start}.tabelle:has(>.thead) [data-label]::before{content:attr(data-label) ": ";font-family:var(--font-head, sans-serif);font-weight:600;font-size:.9em;color:var(--ink-soft, #3F4C4D)}.tabelle:has(>.thead) [data-label]:has(>input+input)::before{flex-basis:100%}}.tabelle.massagetermineliste .zeile{grid-auto-flow:row}.tabelle.massagetermineliste .edit{cursor:pointer}.tabelle.massagetermineliste .bemerkungen{grid-column:1/-1;padding-top:4px;color:var(--ink-soft, #3F4C4D);font-size:.95em;white-space:normal;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}.tabelle.massagetermineliste .status{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tabelle.massagetermineliste .status-icon{display:inline-block;cursor:help;line-height:1}.tabelle.massagetermineliste .status-icon::before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:17px}.tabelle.massagetermineliste .status-rf::before{content:"";color:#e07b24}.tabelle.massagetermineliste .status-rf-erstellt::before{content:"";color:#2fa36b}.tabelle.massagetermineliste .status-bezahlt::before{content:"";color:#d4a72c}.tabelle.massagetermineliste .status-offen::before{content:"";color:#d64545}@media(max-width: 768px){.tabelle.massagetermineliste .zeile{grid-template-columns:minmax(0, 1fr) auto auto;column-gap:8px}.tabelle.massagetermineliste .edit{grid-column:1}.tabelle.massagetermineliste .status:empty{display:none}.tabelle.massagetermineliste .restorereservation,.tabelle.massagetermineliste .dbdelete{grid-row:1/span 4;align-self:center;padding:10px}.tabelle.massagetermineliste .restorereservation{grid-column:2}.tabelle.massagetermineliste .dbdelete{grid-column:3}}.tabelle .nur-anzeige{pointer-events:none}@media(max-width: 768px){.tabelle.massageterminfenster:has(>.thead)>.thead{display:block}.tabelle.massageterminfenster:has(>.thead)>.thead .zeile{display:flex;justify-content:flex-end;margin:0 0 4px;padding:0 4px;background:rgba(0,0,0,0);border:0}.tabelle.massageterminfenster:has(>.thead)>.thead [role=columnheader]:not(.dbinsert){display:none}.tabelle.massageterminfenster:has(>.thead)>.thead .dbinsert{padding:10px}.tabelle.massageterminfenster:has(>.thead)>.tbody .zeile{grid-template-columns:minmax(0, 1fr) auto;column-gap:8px}.tabelle.massageterminfenster:has(>.thead)>.tbody [role=cell]{grid-column:1}.tabelle.massageterminfenster:has(>.thead)>.tbody .einmitten{text-align:left}.tabelle.massageterminfenster:has(>.thead)>.tbody :is(.dbedit,.dbpost){grid-column:2;grid-row:1/span 3;align-self:center;padding:10px}}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead)){display:block;max-width:760px;margin:0 0 20px;padding:4px 20px;background:var(--surface, #fff);border-radius:5px}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead)):not([class*=border-]){border:1px solid var(--line, #E0ECEB)}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead))>.tbody{display:block}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead)) .zeile{display:grid;grid-template-columns:190px minmax(0, 1fr);column-gap:16px;padding:10px 0;border-bottom:1px solid var(--line, #E0ECEB)}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead)) .zeile:last-child{border-bottom:0}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead)) .spalte1{font-family:var(--font-head, sans-serif);font-weight:600;font-size:15px}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead)) .spalte2{min-width:0;overflow-wrap:break-word}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead))+h2{margin-top:40px}@media(max-width: 640px){.termineadministration .tabelle.massageterminfenster:not(:has(>.thead)){padding-inline:14px}.termineadministration .tabelle.massageterminfenster:not(:has(>.thead)) .zeile{grid-template-columns:1fr;row-gap:2px}}.termineadministration fieldset.buchhaltung{min-width:0;max-width:760px;margin:0 0 20px;padding:8px 20px 16px;background:var(--surface, #fff);border:1px solid var(--line, #E0ECEB);border-radius:5px}.termineadministration fieldset.buchhaltung legend{padding:0 8px;font-family:var(--font-head, sans-serif);font-weight:700;font-size:18px}.termineadministration fieldset.buchhaltung .tabelle,.termineadministration fieldset.buchhaltung .tbody{display:block}.termineadministration fieldset.buchhaltung .zeile{display:grid;grid-template-columns:190px minmax(0, 1fr);column-gap:16px;align-items:center;padding:6px 0}.termineadministration fieldset.buchhaltung .spalte1{font-family:var(--font-head, sans-serif);font-weight:600;font-size:15px;hyphens:manual}.termineadministration fieldset.buchhaltung .spalte2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.termineadministration fieldset.buchhaltung input:is([type=text],[type=number],[type=email],[type=tel],[type=date]),.termineadministration fieldset.buchhaltung select,.termineadministration fieldset.buchhaltung textarea{flex:1 1 200px;width:auto;max-width:360px;margin:0}.termineadministration fieldset.buchhaltung textarea{min-height:6em}.termineadministration fieldset.buchhaltung input[type=time]{flex:0 0 8rem;width:8rem;margin:0}.termineadministration fieldset.buchhaltung input[type=button]{flex:0 0 auto;margin:0}.termineadministration fieldset.buchhaltung input[type=checkbox]{margin:0}.termineadministration fieldset.buchhaltung input[readonly]{background:var(--notice, #E3F3F1);border-color:var(--notice-line, #CBE5E2)}@media(max-width: 640px){.termineadministration fieldset.buchhaltung{padding-inline:14px}.termineadministration fieldset.buchhaltung .zeile{grid-template-columns:1fr;row-gap:4px}.termineadministration fieldset.buchhaltung input:is([type=text],[type=number],[type=email],[type=tel],[type=date]),.termineadministration fieldset.buchhaltung select,.termineadministration fieldset.buchhaltung textarea{max-width:none}}.termineadministration h2.navigation{font-size:22px;margin:0 0 10px}.termineadministration ul.navigation{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.termineadministration ul.navigation li,.termineadministration ul.navigation li+li{margin:0}.termineadministration ul.navigation a{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;background:var(--surface, #fff);border:1px solid var(--line, #E0ECEB);border-radius:999px;color:var(--ink, #1F2A2B);font-family:var(--font-head, sans-serif);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}.termineadministration ul.navigation a:hover{border-color:var(--accent, #0F7A78);color:var(--accent, #0F7A78)}.termineadministration ul.navigation a[aria-current=page]{background:var(--accent, #0F7A78);border-color:var(--accent, #0F7A78);color:#fff}.termineadministration p.hinweis{margin:0 0 16px;padding:10px 14px;background:var(--notice, #E3F3F1);border-radius:5px;font-size:15px}
