: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-848 .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-848 .elementor :is([data-interaction-id="f014f25"], [data-interaction-id="4d53eae"], [data-interaction-id="945fe77"]) { animation: sdg-par auto linear both; animation-timeline: view(); animation-range: cover; will-change: transform; }
    body.elementor-page-848 .elementor [data-interaction-id="f014f25"] { --py0: 3vw; --py1: -3vw; }
    body.elementor-page-848 .elementor [data-interaction-id="4d53eae"] { --py0: 5vw; --py1: -5vw; }
    body.elementor-page-848 .elementor [data-interaction-id="945fe77"] { --py0: 2vw; --py1: -2vw; }
  }
}
body.elementor-page-848 { overflow-x: hidden; background-color: #f4f0e9; }
/* overflow clip */
.elementor [data-interaction-id="50cf34d"] { overflow: clip !important; }
body.elementor-page-848 .elementor :is(section, div):has(.sdg-marquee) { overflow: clip !important; }
/* /overflow clip */
/* Jobs-Extras */
@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-848 .elementor [data-interaction-id="50cf34d"] .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; }
}
@keyframes sdg-koch { 0% { transform: rotate(-32deg); } 100% { transform: rotate(32deg); } }
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  body.elementor-page-848 .elementor [data-interaction-id="4e8e1e4"] { transform-origin: 50% 60%; animation: sdg-koch auto linear both; animation-timeline: view(); animation-range: cover; will-change: transform; }
} }
body.elementor-page-848 #offene-stellen { scroll-margin-top: 40px; }
/* /Jobs-Extras */

/* Handy/Tablet: Kopfbereich naeher am Logo, Ueberschrift ueber dem Bild */
@media (max-width: 1099px) {
  .elementor [data-id="50cf34d"] { padding-block-start: 86px !important; }
  .elementor [data-id="acc2a52"] { position: relative !important; top: 64px !important; z-index: 5 !important; }
}

/* Handy/Tablet: Die Strada Familia ueberlappt das Bild darunter */
@media (max-width: 1099px) {
  .elementor [data-id="121d899"] { position: relative !important; top: 80px !important; z-index: 5 !important; }
}

/* Handy/Tablet: Hero-Bild etwas tiefer */
@media (max-width: 1099px) {
  .elementor [data-id="fce2348"] { margin-block-start: 56px !important; }
}

/* JOBS-AUSGEBLENDET: Stellenliste ausgeblendet, solange keine Stellen offen sind. Zum Einblenden diesen Block samt Hinweiszeile (5e8a1c0d) entfernen. */
.elementor [data-id="6685af4"] { display: none !important; }
.elementor [data-id="5e8a1c0d"] { text-align: center !important; margin-top: 12px !important; }
/* /JOBS-AUSGEBLENDET *//* End custom CSS */