/* Alle Werte stammen aus den aktuellen Styles des Zahnarztportals (app.css, Quasar, Komponenten-Styles). */
@font-face {
  font-family: aok-font;
  src: url(/fonts/AOKBuenosAires-Regular.9a8f6dba.woff2) format("woff2");
}
@font-face {
  font-family: aok-font;
  src: url(/fonts/AOKBuenosAires-SemiBold.aa0e37d0.woff2) format("woff2");
  font-weight: 700;
}

*, *::before, *::after { box-sizing: inherit; }
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: aok-font;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Header: .q-header.bg-white.text-aok-grau.fixed-top */
.aok-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 2000;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 12px 0 0;
  background: #fff;
  color: #6d767c;
}
.aok-logo {
  display: block;
  padding: 0 16px;
}
.aok-logo-img-small {
  display: block;
  width: 104px;
  height: 32px;
  margin-left: 10px;
  margin-right: 2px;
}
.aok-header-title {
  margin-top: 5px;
  padding: 0 12px;
  font-size: 1rem;
  font-weight: 700;
  color: #005e3f; /* .text-primary */
  transition: font-size 0.3s ease-out;
}
@media only screen and (min-width: 715px) {
  .aok-header-title { font-size: 1.5rem; line-height: 2rem; }
}

/* Seite: .q-page-container / .q-page */
.q-page-container { padding: 50px 0; }
.q-page { padding-bottom: 45px; }

/* Banner: .top-carousel (Höhen je Quasar-Breakpoint) */
.top-carousel {
  height: 110px;
  background-color: #fff;
  background-image: url(/images/main-page-banner.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: height 0.3s ease-out;
}
@media (min-width: 600px)  { .top-carousel { height: 130px; } }
@media (min-width: 1024px) { .top-carousel { height: 170px; } }
@media (min-width: 1440px) { .top-carousel { height: 250px; } }

.page-column {
  max-width: 1500px;
  margin: 0 auto 24px;
}
.content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 24px;
}
@media (max-width: 599.98px) { .content { padding: 16px; } }

/* Überschrift: .text-gray-bg.text-center.text-h5 */
.text-gray-bg {
  margin: 0;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: #586167;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}

/* Text: .q-card.q-card--flat mit .q-card__section */
.q-card {
  margin-top: 8px;
  border-radius: 4px;
  background: #fff;
}
.q-card__section { padding: 16px; }
.q-card__section p { margin: 0; }

/* Footer: .q-footer.bg-aok-mittelgrau.text-white.fixed-bottom */
.aok-footer {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 2000;
  height: 50px;
  background-color: #586167;
  color: #fff;
}