.therapeuten-page {
max-width: 1100px;
margin: 0 auto;
}

.therapeuten-page h1 {
margin-top: 8px;
margin-bottom: 18px;
line-height: 1.15;
}

.therapeuten-page h2 {
margin-top: 28px;
margin-bottom: 18px;
font-size: 1.45rem;
line-height: 1.25;
font-weight: 650;
}

.therapeuten-intro,
.therapeuten-hinweis {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}

.therapeuten-intro {
margin-bottom: 10px;
}

.therapeuten-intro p,
.therapeuten-hinweis p {
line-height: 1.68;
}

.therapeuten-table-wrap {
overflow-x: auto;
}

.therapeuten-table {
width: 100%;
table-layout: fixed;
}

.therapeuten-table th,
.therapeuten-table td {
vertical-align: top;
overflow-wrap: anywhere;
word-break: normal;
line-height: 1.48;
}

.therapeuten-table th:nth-child(1),
.therapeuten-table td:nth-child(1) {
width: 18%;
}

.therapeuten-table th:nth-child(2),
.therapeuten-table td:nth-child(2) {
width: 22%;
}

.therapeuten-table th:nth-child(3),
.therapeuten-table td:nth-child(3) {
width: 30%;
}

.therapeuten-table th:nth-child(4),
.therapeuten-table td:nth-child(4) {
width: 30%;
}

.therapeuten-table td.therapeuten-details,
.therapeuten-table td[colspan="3"] {
width: 82%;
}

.therapeuten-table td[data-label="Kontakt"],
.therapeuten-table td[data-label="Kontakt"] a {
overflow-wrap: normal;
word-break: keep-all;
white-space: nowrap;
}

.therapeuten-standorte {
display: grid;
gap: 14px;
}

.therapeuten-standort {
display: grid;
grid-template-columns: 1fr 1.4fr 1fr;
gap: 16px;
padding-bottom: 14px;
border-bottom: 1px solid var(--line, #e6e6e6);
}

.therapeuten-standort:last-child {
padding-bottom: 0;
border-bottom: none;
}

.therapeuten-standort > div:last-child,
.therapeuten-standort > div:last-child a {
overflow-wrap: normal;
word-break: keep-all;
white-space: nowrap;
}

.therapeuten-standort-label {
display: none;
}

@media screen and (min-width: 701px) {
.therapeuten-intro {
padding: 20px 26px !important;
background: rgba(248, 241, 233, 0.82);
border: 1px solid rgba(83, 72, 61, 0.13);
border-radius: var(--radius-md, 18px);
}

.therapeuten-intro p {
margin-top: 0;
margin-bottom: 0;
font-size: 1.02rem;
}

.therapeuten-table-wrap {
margin-top: 6px;
padding: 0 !important;
border: 1px solid rgba(83, 72, 61, 0.14);
border-radius: var(--radius-md, 18px);
overflow: hidden;
background: var(--surface, #fff);
box-shadow: var(--shadow-md, 0 3px 14px rgba(0, 0, 0, 0.06));
}

.therapeuten-table {
border-collapse: collapse;
border: none !important;
background: var(--surface, #fff);
}

.therapeuten-table thead tr {
background: var(--surface-soft, #f2f2f2) !important;
}

.therapeuten-table th {
padding: 14px 16px !important;
border: none !important;
border-bottom: 1px solid rgba(83, 72, 61, 0.16) !important;
font-size: 0.78rem;
line-height: 1.25;
font-weight: 800;
letter-spacing: 0.055em;
text-transform: uppercase;
color: var(--moss, #3f5637);
background: var(--surface-soft, #f2f2f2) !important;
}

.therapeuten-table td {
padding: 16px 16px !important;
border: none !important;
border-bottom: 1px solid rgba(83, 72, 61, 0.1) !important;
font-size: 0.96rem;
background: rgba(255, 253, 248, 0.96) !important;
}

.therapeuten-table tbody tr:last-child td {
border-bottom: none !important;
}

.therapeuten-table tbody tr:hover td {
background: rgba(248, 241, 233, 0.78) !important;
}

.therapeuten-table tbody td:first-child {
font-weight: 750;
color: var(--moss, #222);
}

.therapeuten-table td[data-label="Praxis"] {
color: var(--text, #333);
}

.therapeuten-table td[data-label="Adresse"],
.therapeuten-table td[data-label="Kontakt"] {
color: var(--muted, #444);
}

.therapeuten-table td[data-label="Kontakt"] {
font-size: 0.88rem;
overflow-wrap: normal;
word-break: keep-all;
white-space: nowrap;
}

.therapeuten-standorte {
gap: 10px;
}

.therapeuten-standort {
grid-template-columns: 1fr 1.45fr 1fr;
gap: 18px;
padding: 12px 14px;
border: 1px solid rgba(83, 72, 61, 0.12);
border-radius: 12px;
background: rgba(248, 241, 233, 0.65);
}

.therapeuten-standort:last-child {
border-bottom: 1px solid rgba(83, 72, 61, 0.12);
}

.therapeuten-hinweis {
margin-top: 14px;
padding: 8px 4px 22px 4px !important;
}

.therapeuten-hinweis small {
color: var(--muted, #555);
line-height: 1.55;
}
}

@media screen and (max-width: 700px) {
.therapeuten-page {
padding-left: 0;
padding-right: 0;
}

.therapeuten-page h1 {
margin-top: 6px;
margin-bottom: 18px;
font-size: 2rem;
line-height: 1.15;
}

.therapeuten-page h2 {
margin-top: 22px;
margin-bottom: 18px;
font-size: 1.25rem;
line-height: 1.25;
font-weight: 650;
}

.therapeuten-intro {
padding: 8px 8px 14px 8px !important;
}

.therapeuten-intro p {
margin-top: 0;
font-size: 1rem;
line-height: 1.7;
}

.therapeuten-table-wrap {
overflow-x: visible;
padding-left: 0 !important;
padding-right: 0 !important;
}

.therapeuten-table,
.therapeuten-table thead,
.therapeuten-table tbody,
.therapeuten-table tr,
.therapeuten-table th,
.therapeuten-table td {
display: block;
width: 100% !important;
}

.therapeuten-table {
border: none;
background: transparent;
}

.therapeuten-table thead {
display: none;
}

.therapeuten-table tr {
margin-bottom: 16px;
border: 1px solid rgba(83, 72, 61, 0.14);
border-radius: 16px;
overflow: hidden;
background: var(--surface, #fff);
box-shadow: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.06));
}

.therapeuten-table td {
border: none !important;
border-bottom: 1px solid rgba(83, 72, 61, 0.1) !important;
padding: 11px 14px 12px 14px !important;
font-size: 0.96rem;
line-height: 1.5;
background: var(--surface, #fff) !important;
}

.therapeuten-table td:last-child {
border-bottom: none !important;
}

.therapeuten-table td:before {
content: attr(data-label);
display: block;
margin-bottom: 4px;
font-size: 0.72rem;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0.055em;
text-transform: uppercase;
color: var(--muted, #777);
}

.therapeuten-table td.therapeuten-details:before,
.therapeuten-table td[colspan="3"]:before {
display: none;
}

.therapeuten-table td.therapeuten-details,
.therapeuten-table td[colspan="3"] {
padding-top: 0 !important;
}

.therapeuten-table td:first-child {
padding: 14px 14px 13px 14px !important;
font-size: 1.12rem;
line-height: 1.25;
font-weight: 780;
background: var(--sage-soft, #f3f3f3) !important;
color: var(--moss, #222);
}

.therapeuten-table td:first-child:before {
display: none;
}

.therapeuten-table td[data-label="Kontakt"] {
font-size: 0.94rem;
color: var(--text, #333);
overflow-x: auto;
overflow-wrap: normal;
word-break: keep-all;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.therapeuten-table td:empty {
display: none;
}

.therapeuten-standorte {
gap: 16px;
}

.therapeuten-standort {
display: block;
padding: 12px 0 14px 0;
border-bottom: 1px solid rgba(83, 72, 61, 0.13);
}

.therapeuten-standort:first-child {
padding-top: 0;
}

.therapeuten-standort:last-child {
padding-bottom: 0;
border-bottom: none;
}

.therapeuten-standort > div:last-child {
overflow-x: auto;
overflow-wrap: normal;
word-break: keep-all;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.therapeuten-standort-label {
display: block;
margin-top: 10px;
margin-bottom: 3px;
font-size: 0.72rem;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0.055em;
text-transform: uppercase;
color: var(--muted, #777);
}

.therapeuten-standort-label:first-child {
margin-top: 0;
}

.therapeuten-hinweis {
padding: 4px 6px 20px 6px !important;
}

.therapeuten-hinweis small {
display: block;
line-height: 1.55;
color: var(--muted, #555);
}
}