:root{--page-title-display:none;}/* Start custom CSS *//* Schriften */
@font-face { font-family: "F37 Ginger"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://strada-del-goethe.de/wp-content/uploads/fonts/F37Ginger-Light.woff2") format("woff2"); }
@font-face { font-family: "F37 Ginger"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://strada-del-goethe.de/wp-content/uploads/fonts/F37Ginger-Light.woff2") format("woff2"); }
@font-face { font-family: "BeachBar"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://strada-del-goethe.de/wp-content/uploads/fonts/BeachBar.woff") format("woff"); }
@font-face { font-family: "PAG Revolucion"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://strada-del-goethe.de/wp-content/uploads/2025/06/PageRevolution-font.woff2") format("woff2"), url("https://strada-del-goethe.de/wp-content/uploads/2025/06/PageRevolution-font.woff") format("woff"); }
/* /Schriften */
@keyframes sdg-marq-in { 0% { transform: translate3d(20vw, 0, 0); } 100% { transform: translate3d(0, 0, 0); } }
@keyframes sdg-par { 0% { transform: translate3d(var(--px0, 0), var(--py0, 0), 0); } 100% { transform: translate3d(var(--px1, 0), var(--py1, 0), 0); } }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    body.elementor-page-844 .elementor .sdg-marquee { animation: sdg-marq-in auto linear both; animation-timeline: view(); animation-range: cover cover 77%; will-change: transform; }
  }
  @media (min-width: 1100px) and (prefers-reduced-motion: no-preference) {
    body.elementor-page-844 .elementor :is([data-interaction-id="51eaf77"], [data-interaction-id="7800912"], [data-interaction-id="b5d0f8a"], [data-interaction-id="ca3b715"], [data-interaction-id="280b61f"]) { animation: sdg-par auto linear both; animation-timeline: view(); animation-range: cover; will-change: transform; }
    body.elementor-page-844 .elementor [data-interaction-id="51eaf77"] { --py0: 3vw; --py1: -3vw; }
    body.elementor-page-844 .elementor [data-interaction-id="7800912"] { --py0: 5vw; --py1: -5vw; }
    body.elementor-page-844 .elementor [data-interaction-id="b5d0f8a"] { --py0: 2vw; --py1: -2vw; }
    body.elementor-page-844 .elementor [data-interaction-id="ca3b715"] { --py0: 6vw; --py1: -6vw; }
    body.elementor-page-844 .elementor [data-interaction-id="280b61f"] { --py0: 4vw; --py1: -4vw; }
  }
}
body.elementor-page-844 { overflow-x: hidden; background-color: #f4f0e9; }
/* overflow clip */
.elementor [data-interaction-id="c457606"] { overflow: clip !important; }
body.elementor-page-844 .elementor :is(section, div):has(.sdg-marquee) { overflow: clip !important; }
/* /overflow clip */
/* Hero-Einlauf */
@keyframes sdg-marq-load { 0% { transform: translate3d(65vw, 0, 0); } 100% { transform: translate3d(0, 0, 0); } }
@media (prefers-reduced-motion: no-preference) {
  body.elementor-page-844 .elementor [data-interaction-id="c457606"] .sdg-marquee { animation: sdg-marq-load 1.6s cubic-bezier(.2,.75,.25,1) .15s both !important; animation-timeline: auto !important; animation-range: normal !important; }
}
/* /Hero-Einlauf */

/* Handy/Tablet: Ueberschrift 72 Stunden. Viel Amore. weiter unten, laeuft ueber den oberen Bildrand */
@media (max-width: 1099px) {
  .elementor [data-id="e5a5607"] { position: relative !important; top: 64px !important; z-index: 5 !important; }
}

/* Handy/Tablet: Abschnitt Teig - zuerst der Text, dann das Bild */
@media (max-width: 1099px) {
  .elementor [data-id="b947707"] { display: flex !important; flex-direction: column !important; }
  .elementor [data-id="57b7395"] { order: 1; }
  .elementor [data-id="9056992"] { order: 2; }
}

/* Handy/Tablet: Illustration Pizzaschaufel (Abschnitt Mensch) halb so gross */
@media (max-width: 1099px) {
  .elementor [data-id="c7e2abd"] { width: 100%; }
  .elementor [data-id="9ccdc55"] { width: 50% !important; }
  .elementor [data-id="9ccdc55"] svg { width: 100% !important; height: auto !important; }
}

/* Handy/Tablet: Abschnitt Familie - zuerst der Text, dann das Bild */
@media (max-width: 1099px) {
  .elementor [data-id="4550a7b"] { display: flex !important; flex-direction: column !important; }
  .elementor [data-id="d351aa1"] { order: 1; }
  .elementor [data-id="c48dfa2"] { order: 2; }
}

/* Handy/Tablet: Kopfbereich (Ueberschrift + Bild) naeher an das Logo */
@media (max-width: 1099px) {
  .elementor [data-id="c457606"] { padding-block-start: 86px !important; }
}/* End custom CSS */