.full_width_section .columns,
.typo_slider_wrapper.content_section:has(+.full_width_section) .columns {width: 100%;}

@font-face {
  font-family: 'Naive Inline Sans Shadow Bold';
  src: url('/wp-content/uploads/fonts/NaiveInlineSansShadowBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dreaming Outloud Script';
  src: url('/wp-content/uploads/fonts/DO-Script-SlantedPRO.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.content_section.text-left * {text-align: left !important;}


/*****************************************************************************
 * PASTALADEN TYPO – Custom Styling
 * Seite: /pastaladen-typo/ (Seiten-ID 4153)
 *****************************************************************************/

/* ---------------------------------------------------------------------------
 * 1) Intro-Teaser ("Entdecke handgemachte Pasta ...")
 * ------------------------------------------------------------------------ */
#pastaladen-typo .post_content img {
    width: 50%;
    max-width: 350px;
    height: auto;
    display: block;
    margin: 0 auto 1.25rem;
}
#pastaladen-typo .post_content p {
    max-width: 480px;
    margin: 0 auto;
    font-size: 1.1875rem; /* 19px */
    line-height: 1.45;
}

/* ---------------------------------------------------------------------------
 * 2) "Ein Ort zum entdecken" – Bild + Text nebeneinander (boxed_item_listing)
 * ------------------------------------------------------------------------ */
#pastaladen-ein-ort-zum-entdecken .listing {
    margin: 0;
    text-align: left;
}
#pastaladen-ein-ort-zum-entdecken .listing_item {
    width: 100%;
    padding: 0;
    display: block;
}
#pastaladen-ein-ort-zum-entdecken .listing_inner {
    display: grid;
    grid-template-columns: 1fr;
}

/* Bild: auf Mobile im natürlichen Seitenverhältnis, kein Rissrand-Overlay */
#pastaladen-ein-ort-zum-entdecken .listing_image {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    padding-bottom: 65.3%;
    height: 0;
}
#pastaladen-ein-ort-zum-entdecken .listing_image:before,
#pastaladen-ein-ort-zum-entdecken .listing_image:after,
#pastaladen-ein-ort-zum-entdecken .listing_image > [data-ratio]:before,
#pastaladen-ein-ort-zum-entdecken .listing_image > [data-ratio]:after {
    content: none;
}
#pastaladen-ein-ort-zum-entdecken .listing_image > [data-ratio] {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    overflow: hidden;
}
#pastaladen-ein-ort-zum-entdecken .listing_image img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}

/* Text: Titel + Content bilden gemeinsam eine cremefarbene Box */
#pastaladen-ein-ort-zum-entdecken .listing_title,
#pastaladen-ein-ort-zum-entdecken .listing_content {
    grid-column: 1;
    background-color: #efefef;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
#pastaladen-ein-ort-zum-entdecken .listing_title {
    grid-row: 2;
    padding-top: 2rem;
    font-family: 'Naive Inline Sans Shadow Bold', sans-serif;
    font-weight: normal;
    font-size: 1.375rem; /* 22px */
    line-height: 1.15;
    margin-bottom: 0.6rem;
}
#pastaladen-ein-ort-zum-entdecken .listing_content {
    grid-row: 3;
    padding-bottom: 2rem;
    font-size: 0.9375rem; /* 15px */
    line-height: 1.4;
}
#pastaladen-ein-ort-zum-entdecken .listing_content p {
    margin-bottom: 0;
}

@media screen and (min-width: 40em) {
    #pastaladen-ein-ort-zum-entdecken .listing_inner {
        grid-template-columns: 38% 1fr;
        align-items: stretch;
    }
    #pastaladen-ein-ort-zum-entdecken .listing_image {
        grid-column: 1;
        grid-row: 1 / 3;
        padding-bottom: 0;
        height: auto;
        min-height: 320px;
    }
    #pastaladen-ein-ort-zum-entdecken .listing_title,
    #pastaladen-ein-ort-zum-entdecken .listing_content {
        grid-column: 2;
        display: flex;
        align-items: center;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    #pastaladen-ein-ort-zum-entdecken .listing_title {
        grid-row: 1;
        padding-top: 3rem;
        padding-bottom: 0;
        align-items: flex-end;
        font-size: 1.75rem; /* 28px */
    }
    #pastaladen-ein-ort-zum-entdecken .listing_content {
        grid-row: 2;
        padding-top: 0;
        padding-bottom: 3rem;
        align-items: flex-start;
        font-size: 1rem;
    }
}

/* ---------------------------------------------------------------------------
 * 3) Philosophie-Zitat (Video + Zitat) – video_section
 * ------------------------------------------------------------------------ */
#pastaladen-philosophie-2 .content_wrapper {
    background-color: #efefef;
}
#pastaladen-philosophie-2 .post_content {
    padding-bottom: 2.5rem;
}
#pastaladen-philosophie-2 .post_content video {
    display: block;
    margin: 0 auto 1.5rem;
}
#pastaladen-philosophie-2 .post_content p {
    margin: 0;
    font-family: 'Dreaming Outloud Script', sans-serif;
    font-size: 2rem; /* 32px */
    line-height: 1.25;
    color: #111111;
}
#pastaladen-philosophie-2 .pastaladen-philosophie-signatur img {
    width: 150px;
    height: auto;
    display: block;
    margin: 1.25rem auto 0;
}

@media screen and (min-width: 64em) {
    #pastaladen-philosophie-2 .post_content {
        padding-bottom: 5.625rem; /* 90px*/
    }
    #pastaladen-philosophie-2 .post_content p {
        font-size: 2.75rem; /* 44px */
    }
}

/* ---------------------------------------------------------------------------
 * 4) "Handgemachte Pasta" & "Geschenke & Schönes"
 *    (gleiches Muster: Bild oben, zentrierter Text darunter)
 * ------------------------------------------------------------------------ */
#pastaladen-handgemachte-pasta-2 .post_thumbnail img,
#pastaladen-geschenke .post_thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}
#pastaladen-handgemachte-pasta-2 .post_content,
#pastaladen-geschenke .post_content {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 2rem;
}
#pastaladen-handgemachte-pasta-2 .post_content h2,
#pastaladen-geschenke .post_content h2 {
    font-family: 'Naive Inline Sans Shadow Bold', sans-serif;
    font-weight: normal;
    font-size: 1.75rem; /* 28px */
    line-height: 1.1;
    margin-bottom: 0.75rem;
}
#pastaladen-handgemachte-pasta-2 .post_content p,
#pastaladen-geschenke .post_content p {
    font-size: 1rem;
    line-height: 1.5;
}
#pastaladen-handgemachte-pasta-2 .post_content a,
#pastaladen-geschenke .post_content a {
    display: inline-block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    text-decoration: none;
}

@media screen and (min-width: 64em) {
    #pastaladen-handgemachte-pasta-2 .post_content h2,
    #pastaladen-geschenke .post_content h2 {
        font-size: 2.125rem; /* 34px */
    }
}

/* ---------------------------------------------------------------------------
 * 5) "Feinkost aus Italien" – split_item_listing (Text oben, 2 Bilder darunter)
 * ------------------------------------------------------------------------ */
#pastaladen-feinkost-aus-italien-2 .post_content {
    max-width: 640px;
    margin: 0 auto;
}
#pastaladen-feinkost-aus-italien-2 .post_content h2 {
    font-family: 'Naive Inline Sans Shadow Bold', sans-serif;
    font-weight: normal;
    font-size: 1.75rem; /* 28px */
    line-height: 1.1;
    margin-bottom: 0.75rem;
}
#pastaladen-feinkost-aus-italien-2 .post_content p {
    font-size: 1rem;
    line-height: 1.5;
}
#pastaladen-feinkost-aus-italien-2 .post_content a {
    display: inline-block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    text-decoration: none;
}

/* Bild-Reihe: immer 2 Bilder nebeneinander (nicht auf 33% bei "large" schrumpfen) */
#pastaladen-feinkost-aus-italien-2 .listing {
    margin: 0 -0.375rem;
}
#pastaladen-feinkost-aus-italien-2 .listing_item {
    padding: 0.375rem;
}
#pastaladen-feinkost-aus-italien-2 .listing_image:before,
#pastaladen-feinkost-aus-italien-2 .listing_image:after,
#pastaladen-feinkost-aus-italien-2 .listing_image > [data-ratio]:before,
#pastaladen-feinkost-aus-italien-2 .listing_image > [data-ratio]:after {
    content: none;
}
#pastaladen-feinkost-aus-italien-2 .listing_image img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}

@media screen and (min-width: 40em) {
    #pastaladen-feinkost-aus-italien-2 .listing_item {
        width: 50%;
    }
}
@media screen and (min-width: 64em) {
    /* Theme-Default lässt Items ab "large" auf 33.333% schrumpfen (für 3+ Items) –
       hier bleiben es bewusst zwei gleich breite Bilder */
    #pastaladen-feinkost-aus-italien-2 .listing_item {
        width: 50%;
    }
}

/* ---------------------------------------------------------------------------
 * 6) Kontakt – boxed_item_listing (Bild + Adresse nebeneinander, ~1:1)
 * ------------------------------------------------------------------------ */
#pastaladen-kontakt-2 .listing {
    margin: 0;
    text-align: left;
}
#pastaladen-kontakt-2 .listing_item {
    width: 100%;
    padding: 0;
    display: block;
}
#pastaladen-kontakt-2 .listing_inner {
    display: grid;
    grid-template-columns: 1fr;
}

#pastaladen-kontakt-2 .listing_image {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    padding-bottom: 90%;
    height: 0;
}
#pastaladen-kontakt-2 .listing_image:before,
#pastaladen-kontakt-2 .listing_image:after,
#pastaladen-kontakt-2 .listing_image > [data-ratio]:before,
#pastaladen-kontakt-2 .listing_image > [data-ratio]:after {
    content: none;
}
#pastaladen-kontakt-2 .listing_image > [data-ratio] {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    overflow: hidden;
}
#pastaladen-kontakt-2 .listing_image img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}

#pastaladen-kontakt-2 .listing_title,
#pastaladen-kontakt-2 .listing_content {
    grid-column: 1;
    background-color: #efefef;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
#pastaladen-kontakt-2 .listing_title {
    grid-row: 2;
    padding-top: 2rem;
    font-family: 'Naive Inline Sans Shadow Bold', sans-serif;
    font-weight: normal;
    font-size: 1.375rem; /* 22px */
    line-height: 1.15;
    margin-bottom: 0.6rem;
}
#pastaladen-kontakt-2 .listing_content {
    grid-row: 3;
    padding-bottom: 2rem;
    font-size: 0.9375rem; /* 15px */
    line-height: 1.5;
}
#pastaladen-kontakt-2 .listing_content p {
    margin-bottom: 0.75rem;
}
#pastaladen-kontakt-2 .listing_content p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 40em) {
    #pastaladen-kontakt-2 .listing_inner {
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
    }
    #pastaladen-kontakt-2 .listing_image {
        grid-column: 1;
        grid-row: 1 / 3;
        padding-bottom: 0;
        height: auto;
        min-height: 320px;
    }
    #pastaladen-kontakt-2 .listing_title,
    #pastaladen-kontakt-2 .listing_content {
        grid-column: 2;
        display: flex;
        align-items: center;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    #pastaladen-kontakt-2 .listing_title {
        grid-row: 1;
        padding-top: 2.5rem;
        padding-bottom: 0;
        align-items: flex-end;
        font-size: 1.75rem; /* 28px */
    }
    #pastaladen-kontakt-2 .listing_content {
        grid-row: 2;
        padding-top: 0;
        padding-bottom: 2.5rem;
        align-items: flex-start;
    }
}