/*
Theme Name: Neurologie Hirschbichler
Theme URI: https://www.dieneurologin.com
Author: Ordination Dr. Stephanie Hirschbichler
Description: Zweisprachige Website (Deutsch und Englisch) der neurologischen Wahlarztordination Dr. Stephanie Hirschbichler in Bregenz. Die Texte stehen in inc/content-de.php und inc/content-en.php. Unterseiten wie Impressum, Datenschutz und Terminanfrage werden normal in WordPress angelegt.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nh
*/

/* Die gesamte Gestaltung steht in assets/css/main.css.
   Hier nur Ergänzungen für WordPress-Bereiche. */

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.skip-link:focus {
  position: fixed;
  top: .75rem; left: .75rem;
  z-index: 300;
  width: auto; height: auto;
  clip: auto;
  padding: .75rem 1.25rem;
  background: var(--c-ink);
  color: var(--c-warm-white);
  border-radius: 8px;
  font-size: .9rem;
  text-decoration: none;
}

/* Unterseiten: Impressum, Datenschutz, Terminanfrage */

.sub-page {
  max-width: 860px;
  margin: 0 auto;
  padding: 8rem 3rem 6rem;
}

.sub-page .entry-content {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--c-ink-mid);
}

.sub-page .entry-content h2,
.sub-page .entry-content h3 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -.02em;
  color: var(--c-ink);
  margin: 2.5rem 0 .75rem;
}

.sub-page .entry-content h2 { font-size: 1.75rem; }
.sub-page .entry-content h3 { font-size: 1.3rem; }
.sub-page .entry-content p  { margin-bottom: 1.15rem; }
.sub-page .entry-content ul,
.sub-page .entry-content ol { margin: 0 0 1.15rem 1.25rem; }
.sub-page .entry-content li { margin-bottom: .4rem; }
.sub-page .entry-content a  { color: var(--c-sage); }
.sub-page img { max-width: 100%; height: auto; border-radius: 14px; }

.admin-bar nav { top: 32px; }

@media screen and (max-width: 782px) {
  .admin-bar nav { top: 46px; }
}

@media (max-width: 900px) {
  .sub-page { padding: 6rem 1.5rem 4rem; }
}