:root {
  --petrol: #35494D;
  --beige: #D9C6A6;
  --tuerkis: #3E828C;
  --orange: #CC7027;
}

html {
  font-size: 16px;
  height: 100%;
}

body {
  height: 100%;
  max-width: none;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
  background-image: url('/wp-content/themes/dr-paulmayer/assets/images/background.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: repeat;
}

.content-wrapper {
  max-width: 1920px;
  margin: 0 auto;
}

h1,
.wp-block-heading h1,
.wp-block-heading[level="1"],
h2,
.wp-block-heading h2,
.wp-block-heading[level="2"],
h3,
.wp-block-heading h3,
.wp-block-heading[level="3"] {
  font-family: 'Fraunces', serif;
  font-weight: 400;
  color: var(--petrol);
}


h1,
.wp-block-heading h1,
.wp-block-heading[level="1"] {
  font-size: 3.0rem;
  line-height: 1.2;
}

h2,
.wp-block-heading h2,
.wp-block-heading[level="2"] {
  font-size: 2.5rem;
  line-height: 1.3;
}

h3,
.wp-block-heading h3,
.wp-block-heading[level="3"] {
  font-size: 1.25rem;
  line-height: 1.4;
}

p {
  font-family: 'Lato', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 2px;
  color: var(--petrol);
  line-height: 40px;
}

em,
i,
.italic {
  font-family: 'Fraunces', serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
}

@media (min-width: 768px) {

  h1,
  .wp-block-heading h1,
  .wp-block-heading[level="1"] {
    font-size: 50px;
  }

  h2,
  .wp-block-heading h2,
  .wp-block-heading[level="2"] {
    font-size: 45px;

  }

  p {
    font-size: 15px;
    line-height: 28px;
  }
}

@media (min-width: 1200px) {

  h1,
  .wp-block-heading h1,
  .wp-block-heading[level="1"] {
    font-size: 5.20rem;
  }

  h2,
  .wp-block-heading h2,
  .wp-block-heading[level="2"] {
    font-size: 3.75rem;
  }

  h3,
  .wp-block-heading h3,
  .wp-block-heading[level="3"] {
    font-size: 1.5rem;
  }

  p {
    font-size: 1.25rem;
    line-height: 40px;
  }
}

.wp-block-group.alignwide,
.wp-block-post-featured-image.alignwide {
  max-width: 100%;
  margin: 20px 90px !important;
}

.wp-block-group.alignfull {
  max-width: 1740px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 799px) {

  .wp-block-group.alignwide,
  .wp-block-post-featured-image.alignwide {
    max-width: 100%;
    margin: 5px 25px !important;
  }

  .wp-block-post-featured-image.alignfull img,
  .wp-block-post-featured-image.alignwide img {
    width: 390px;
    height: 322px;
  }

  h1,
  .wp-block-heading h1,
  .wp-block-heading[level="1"] {
    font-size: 40px;
    line-height: 50px;
  }

  h2,
  .wp-block-heading h2,
  .wp-block-heading[level="2"] {
    font-size: 35px;
  }

  p {
    font-size: 15px;
    letter-spacing: 1.5px;
    line-height: 28px;
  }

  .wp-block-navigation__container a.wp-block-navigation-item__content {
    font-size: 1.7rem !important;
  }

  ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation {
    line-height: 5rem;
  }


  li.wp-block-navigation-item.drPaulmayer-termin.wp-block-navigation-link {
    margin-top: 15px !important;
  }

}

figure.alignwide.wp-block-post-featured-image {
  background-image: url('/wp-content/themes/dr-paulmayer/assets/images/background.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
  max-height: 750px;
}

@media (min-width: 800px) {
  .drPaulmayer-container {
    padding: 20px 90px !important;
  }

  .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    margin: 20px 60px !important;
  }

}

@media (min-width: 1024px) {
  .drPaulmayer-container {
    padding: 0 140px !important;
    margin-top: 2.5rem !important;
  }

  .drPaulmayer-container:has(p) {
    margin-top: 0 !important;
  }

  .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    margin: 20px 90px !important;
  }

  h2 {
    margin-bottom: 2rem !important;
  }
}

.no-margin-no-padding {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.drPaulmayer-tel a {
  text-decoration: none;
  color: var(--petrol) !important;
}

.drPaulmayer-absatz {
  margin-top: 0 !important;
  padding-bottom: 1rem;
}

.drPaulmayer-datenschutzabsatz p {
  max-width: 650px;
}

button.wp-block-navigation__responsive-container-open {
  transform: scale(2.5) !important;
}

@supports not selector(:focus-visible) {
  a:focus {
    outline: 2px solid var(--petrol);
    outline-offset: 2px;
  }
}

a:focus {
  outline: none;
}

a:focus-visible {
  outline: 2px solid var(--petrol);
  outline-offset: 2px;
}