/* oooh-baby-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oooh Baby';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oooh-baby-v4-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/nunito-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/nunito-v31-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/nunito-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/nunito-v31-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/********************** RESPONSIVE ***************************

@tablet: (max-width: 922px)
@mobile: (max-width: 544px)

/********************** COLORS ***************************

Azurblau (#2E86AB)
Hellblau (#B1D5E4)
Sonnengelb (#F6C453)
Sandbeige (#F4E1C1)
Terrakotta (#D9644A)
Text (#2A2A2A)

*/


html, body{
    font-family: 'Nunito';
}

html{
    font-size: 100% !important;
}

h1, h2, h3, h4, h5, h6, .entry-title a{
    font-family: 'Nunito';
    font-weight: 500;
    line-height: 1 !important;
}

h1, header.entry-header .entry-title{
  font-size: 4rem;
  font-weight: 500;

  @media screen and (max-width: 544px){
    font-size: 2.5rem !important;
  }

}

h1{
  font-family: 'Oooh Baby';
  font-size: 4rem;

  @media screen and (max-width: 544px){
    font-size: 2.5rem !important;
  }
}

header.entry-header > :not(:last-child){
  margin-bottom: 10px;
}

.entry-title {
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 10px;

  a{
    text-decoration: none !important;
  }
}

p, li{
  font-size: 1.125rem;
  line-height: 1.4em;
}

a:where(:not(.wp-element-button)){
  text-decoration: none;
}

.handwritten{
    font-family: 'Oooh Baby';
}

.ast-single-post .entry-header.ast-header-without-markup{
  margin-bottom: 40px;
}

.wp-block-latest-posts > li > *, #secondary li{
  margin-bottom: 0;
  line-height: 1.4em;
}

.wp-block-latest-posts:not(.is-grid) > li{
  margin-top: 0;
}

.site-title{
  font-family: 'Oooh Baby';
  font-size: 2.875rem;

  @media (max-width: 767px){
    font-family: 'Oooh Baby';
    font-size: 1.75rem;
  }

}

/************************** Bildergalerie Bildgröße ***************************

/* Mobile: Bilder volle Breite, Höhe automatisch */
@media (max-width: 767px) {
    .elementor-gallery__container .elementor-gallery-item img,
    .gallery img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain; /* sorgt dafür, dass nichts abgeschnitten wird */
    }
}

/* Desktop: Thumbnails quadratisch */
@media (min-width: 768px) {
    .elementor-gallery__container .elementor-gallery-item img,
    .gallery img {
        width: 100% !important;
        height: 300px !important;   /* Höhe = Quadrat */
        object-fit: cover;          /* Bild wird ins Quadrat beschnitten */
        object-position: center;    /* zentrierter Bildausschnitt */
    }
}