/* Physiotherapie im Jägerhof · feste Seite ohne WordPress (werk.lein, 07.11.2026) */
@font-face { font-family: "Roboto"; font-weight: 300; font-style: normal; font-display: swap; src: url("schrift/roboto-300.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 700; font-style: normal; font-display: swap; src: url("schrift/roboto-700.woff2") format("woff2"); }

:root { --blau: #00789B; --grau: #7A7A7A; --dunkel: #111111; --grund: #F9F9F9; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: var(--grund); color: var(--grau);
  font-family: "Roboto", Arial, sans-serif; font-weight: 300; font-size: 20px; line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
p { margin: 0 0 20px; }
p:last-child { margin-bottom: 0; }

.karte { width: 70%; margin: 0 auto; padding: 10px 0 0; }
.logo { display: block; width: 500px; max-width: 100%; margin: 0 auto 20px; }
.logo img { display: block; width: 100%; height: auto; }
.spalten { display: flex; padding: 0 10px; }
.feld, .kontakt { width: 50%; }
.feld { background: var(--blau); color: #FFFFFF; padding: 30px 20px 29px; }
.kontakt { padding: 35px 20px 29px; }

.fuss { margin-top: auto; padding: 60px 10px 43px; text-align: center; font-size: 12px; line-height: 1.55; }
.fuss a { color: var(--dunkel); }
.fuss a:hover, .kontakt a:hover { text-decoration: underline; }

@media (max-width: 1024px) {
  .karte { width: 100%; }
  .logo { width: 45%; }
  .spalten { justify-content: center; }
  .feld, .kontakt { width: 45%; }
}
@media (max-width: 767px) {
  .spalten { display: block; }
  .feld, .kontakt { width: auto; }
  .kontakt { padding: 30px 20px 0; }
}

/* Rechtliches */
.recht { width: 100%; max-width: 640px; margin: 0 auto; padding: 10px 20px 0; font-size: 16px; line-height: 1.55; }
.recht .logo { width: 220px; margin-bottom: 40px; }
.recht strong { font-weight: 700; color: #5F5F5F; }
.recht p { margin-bottom: 14px; }
.recht a { text-decoration: underline; }