: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-847 .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-847 .elementor :is([data-interaction-id="cfde21b"], [data-interaction-id="2b01ba0"], [data-interaction-id="5db563b"], [data-interaction-id="9b30343"], [data-interaction-id="1b209d1"]) { animation: sdg-par auto linear both; animation-timeline: view(); animation-range: cover; will-change: transform; }
    body.elementor-page-847 .elementor [data-interaction-id="cfde21b"] { --py0: 3vw; --py1: -3vw; }
    body.elementor-page-847 .elementor [data-interaction-id="2b01ba0"] { --py0: 5vw; --py1: -5vw; }
    body.elementor-page-847 .elementor [data-interaction-id="5db563b"] { --py0: 2vw; --py1: -2vw; }
    body.elementor-page-847 .elementor [data-interaction-id="9b30343"] { --py0: 6vw; --py1: -6vw; }
    body.elementor-page-847 .elementor [data-interaction-id="1b209d1"] { --py0: 4vw; --py1: -4vw; }
  }
}
body.elementor-page-847 { overflow-x: hidden; background-color: #f4f0e9; }
/* overflow clip */
.elementor [data-interaction-id="82444ee"] { overflow: clip !important; }
body.elementor-page-847 .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-847 .elementor [data-interaction-id="82444ee"] .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: Kopfbereich naeher am Logo, Ueberschrift ueber dem Bild */
@media (max-width: 1099px) {
  .elementor [data-id="82444ee"] { padding-block-start: 86px !important; }
  .elementor [data-id="534bf9d"] { position: relative !important; top: 64px !important; z-index: 5 !important; }
}

/* Handy/Tablet: rotes Vollbreit-Band, obere und untere Bilder ragen zur Haelfte hinein */
@media (max-width: 1099px) {
  .elementor [data-id="502631c"] { position: relative !important; z-index: 1 !important; left: 0 !important; top: 0 !important; right: auto !important; bottom: auto !important; width: calc(100% + 40px) !important; max-width: none !important; margin-inline-start: -20px !important; margin-block-start: calc(-1 * (min(calc((100vw - 40px) * 0.625), 210px) + 24px)) !important; margin-block-end: calc(-1 * min(calc((100vw - 40px) * 0.339), 113px)) !important; padding-inline: 20px !important; padding-block-start: calc(min(calc((100vw - 40px) * 0.625), 210px) + 24px + 40px) !important; padding-block-end: calc(min(calc((100vw - 40px) * 0.339), 113px) + 40px) !important; box-sizing: border-box !important; background-color: #e6381f !important; }
  .elementor [data-id="502631c"] [data-id="564b038"] { background: transparent !important; padding: 0 !important; width: 100% !important; max-width: none !important; }
  .elementor [data-id="fd6648e"], .elementor [data-id="48f25d2"] { position: relative !important; z-index: 4 !important; left: 0 !important; top: 0 !important; right: auto !important; bottom: auto !important; }
}/* End custom CSS */