: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 */
/* Ken-Burns-Zoom auf dem Hero-Bild */
@keyframes sdg-kenburns { 0% { transform: scale(1); } 100% { transform: scale(1.12); } }
body.elementor-page-796 .elementor [data-interaction-id="4685d9c0"] { background-image: none !important; isolation: isolate; }
body.elementor-page-796 .elementor [data-interaction-id="4685d9c0"]::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("https://strada-del-goethe.de/wp-content/uploads/2026/09/Gruppe-1300.png") center center / cover no-repeat; transform-origin: 50% 60%; animation: sdg-kenburns 25s ease-in-out infinite alternate; will-change: transform; }

/* Texte/Buttons: stehen fest (wie Vorlage) */
body.elementor-page-796 .elementor [data-interaction-id] { opacity: 1 !important; }
body.elementor-page-796 .elementor :is([data-interaction-id="22bffc59"], [data-interaction-id="36b193d7"], [data-interaction-id="174332d3"], [data-interaction-id="52323345"], [data-interaction-id="2581bea4"], [data-interaction-id="7113f6f3"], [data-interaction-id="3ad04d87"], [data-interaction-id="3993632"], [data-interaction-id="2f03080"], [data-interaction-id="46de5755"], [data-interaction-id="7bb83e6b"], [data-interaction-id="69c32e8b"], [data-interaction-id="6578b32a"], [data-interaction-id="40cea8d4"]) { transform: none !important; }

/* Grosse Laufschrift-Headlines */
@keyframes sdg-marq-in { 0% { transform: translate3d(20vw, 0, 0); } 100% { transform: translate3d(0, 0, 0); } }
@supports (animation-timeline: view()) {
  body.elementor-page-796 .elementor .sdg-marquee { animation: sdg-marq-in auto linear both; animation-timeline: view(); animation-range: cover cover 77%; will-change: transform; }
}

/* Parallax auf Bildern und Karten */
@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 (min-width: 1100px) {
    body.elementor-page-796 .elementor :is([data-interaction-id="3896601a"], [data-interaction-id="7542def5"], [data-interaction-id="43be15fe"], [data-interaction-id="1286ede3"], [data-interaction-id="327b4129"], [data-interaction-id="41b07db1"], [data-interaction-id="548075dc"], [data-interaction-id="7d3874d2"], [data-interaction-id="75b5c45d"], [data-interaction-id="2f604e22"], [data-interaction-id="20bceb75"], [data-interaction-id="10f855b0"], [data-interaction-id="4876e8c8"], [data-interaction-id="3a3eb86e"]) { animation: sdg-par auto linear both; animation-timeline: view(); animation-range: cover; will-change: transform; }
    body.elementor-page-796 .elementor [data-interaction-id="3896601a"] { --py0: 6vw; --py1: -6vw; }
    body.elementor-page-796 .elementor [data-interaction-id="7542def5"] { --py0: 3vw; --py1: -3vw; }
    body.elementor-page-796 .elementor [data-interaction-id="43be15fe"] { --py0: 3vw; --py1: -3vw; --px0: 1vw; --px1: -1.5vw; }
    body.elementor-page-796 .elementor [data-interaction-id="1286ede3"] { --py0: 8vw; --py1: -8vw; }
    body.elementor-page-796 .elementor [data-interaction-id="327b4129"] { --py0: 3vw; --py1: -3vw; --px0: -1vw; --px1: 1.5vw; }
    body.elementor-page-796 .elementor [data-interaction-id="41b07db1"] { --py0: 2vw; --py1: -2vw; }
    body.elementor-page-796 .elementor [data-interaction-id="548075dc"] { --py0: 5vw; --py1: -5vw; }
    body.elementor-page-796 .elementor [data-interaction-id="7d3874d2"] { --py0: 2vw; --py1: -2vw; }
    body.elementor-page-796 .elementor [data-interaction-id="75b5c45d"] { --py0: 6vw; --py1: -6vw; }
    body.elementor-page-796 .elementor [data-interaction-id="2f604e22"] { --py0: 2vw; --py1: -2vw; }
    body.elementor-page-796 .elementor [data-interaction-id="20bceb75"] { --py0: 3vw; --py1: -3vw; --px1: -1.5vw; }
    body.elementor-page-796 .elementor [data-interaction-id="10f855b0"] { --py0: 9vw; --py1: -9vw; }
    body.elementor-page-796 .elementor [data-interaction-id="4876e8c8"] { --py0: 6vw; --py1: -6vw; }
    body.elementor-page-796 .elementor [data-interaction-id="3a3eb86e"] { --py0: 2vw; --py1: -2vw; --px1: 1.5vw; }
  }
}

/* Frau dreht sich beim Scrollen */
@keyframes sdg-spin { 0% { transform: rotate(-45deg); } 100% { transform: rotate(45deg); } }
@supports (animation-timeline: view()) {
  body.elementor-page-796 .elementor :is([data-interaction-id="54752fa9"]) { transform-origin: 50% 50%; animation: sdg-spin auto linear both; animation-timeline: view(); animation-range: entry exit 0%; will-change: transform; }
}

/* Frau beisst in die Pizza, Kruemel wackeln */
@keyframes sdg-bite { 0%, 52%, 100% { transform: rotate(0deg) translate(0, 0); } 10% { transform: rotate(6deg) translate(3px, 2px); } 17% { transform: rotate(0.5deg) translate(0, 0); } 26% { transform: rotate(2deg) translate(1px, 0); } 33% { transform: rotate(0deg) translate(0, 0); } 42% { transform: rotate(2deg) translate(1px, 0); } }
@keyframes sdg-crumb { 0%, 30%, 100% { translate: 0; } 10% { translate: 1.5px -2.5px; } 17% { translate: -1px -1px; } 24% { translate: 0.5px; } }
body.elementor-page-796 .elementor [data-interaction-id="54752fa9"] svg { transform-origin: 30% 100%; animation: sdg-bite 3.2s ease-in-out infinite; }
body.elementor-page-796 .elementor [data-interaction-id="54752fa9"] svg :is(#Pfad_625, #Pfad_626, #Pfad_627, #Pfad_628) { animation: sdg-crumb 3.2s ease-in-out infinite; }

/* Bilder federn beim Reinscrollen (per Skript, Klassen ss-bounce-*) */
@keyframes ss-bounce-in { 0% { opacity: 0; transform: translate3d(0, 28px, 0); } 60% { opacity: 1; transform: translate3d(0, -4px, 0); } 80% { transform: translate3d(0, 1px, 0); } 100% { opacity: 1; transform: none; } }
.ss-bounce-prep { opacity: 0; }
.ss-bounce-in { animation: ss-bounce-in 0.9s cubic-bezier(0.25, 0.8, 0.35, 1) both; }
.ss-noanim { visibility: visible !important; animation: none !important; opacity: 1 !important; }

@media (prefers-reduced-motion: reduce) {
  body.elementor-page-796 .elementor *, body.elementor-page-796 .elementor *::before { animation: none !important; }
  .ss-bounce-prep { opacity: 1; }
}
/* Seitenhintergrund */
body.elementor-page-796, body.elementor-page-796 .site, body.elementor-page-796 #page { background-color: #f4f0e9; }
/* Kundenstimmen-Slider: immer 2 Karten sichtbar */
.elementor [data-interaction-id="12d9e7d4"] { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: 31.615vw; width: 72.553vw; padding: 0 !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.elementor [data-interaction-id="12d9e7d4"]::-webkit-scrollbar { display: none; }
.elementor [data-interaction-id="12d9e7d4"] > * { scroll-snap-align: start; }
@media (max-width: 1099px) { .elementor [data-interaction-id="12d9e7d4"] { display: flex !important; width: auto; padding: 32px 20px 0 !important; scroll-padding-inline: 20px; } .elementor [data-interaction-id="12d9e7d4"] > * { flex: 0 0 100% !important; } }
/* overflow clip */
/* hidden -> clip: sonst binden sich Scroll-Animationen an den Abschnitt statt an die Seite */
.elementor [data-interaction-id="4685d9c0"], .elementor [data-interaction-id="66bef7d9"], .elementor [data-interaction-id="2b4ec112"], .elementor [data-interaction-id="7fa9de9d"], .elementor [data-interaction-id="75145395"] { overflow: clip !important; }
body.elementor-page-796 .elementor :is(section, div):has(.sdg-marquee) { overflow: clip !important; }
/* /overflow clip */
/* Weinglas: starke Auf-und-ab-Bewegung beim Scrollen */
@keyframes sdg-wein { 0% { transform: translate3d(0, 12vw, 0) rotate(-12deg); } 100% { transform: translate3d(0, -12vw, 0) rotate(12deg); } }
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  body.elementor-page-796 .elementor [data-interaction-id="44ed7e58"] { animation: sdg-wein auto linear both !important; animation-timeline: view() !important; animation-range: cover !important; transform-origin: 50% 50%; will-change: transform; }
} }
/* /Weinglas */
/* SDG-STANDORTE-MOBIL */
@media (max-width: 1099px){.elementor-element-1ae05012{row-gap:56px!important}.elementor-element-41b07db1,.elementor-element-548075dc{padding:0!important}}
/* /SDG-STANDORTE-MOBIL */

/* Pizza-Slider: 3 Pizzen sichtbar, Pfeile blaettern (Handy: wischen) */
.elementor [data-id="3d274fb9"] { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: 27.76vw; justify-content: start !important; width: max-content; padding: 0 !important; transition: transform .45s cubic-bezier(.2,.75,.25,1); will-change: transform; }
@media (max-width: 1099px) {
  .elementor [data-id="447485fd"] { overflow-x: auto !important; scroll-snap-type: x mandatory; scrollbar-width: none; padding-inline: 11vw !important; box-sizing: border-box; }
  .elementor [data-id="447485fd"]::-webkit-scrollbar { display: none; }
  .elementor [data-id="3d274fb9"] { display: flex !important; gap: 16px; padding: 8px 0 0 !important; transform: none !important; transition: none; }
  .elementor [data-id="3d274fb9"] > * { flex: 0 0 78vw !important; scroll-snap-align: center; }
}
/* Handy: Bild leicht abdunkeln, damit das Logo gut lesbar ist */
@media (max-width: 1099px) {
  .elementor [data-interaction-id="4685d9c0"]::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, rgba(0,0,0,.38) 0%, rgba(0,0,0,.38) 100%); }
}

/* Handy: Kundenstimmen-Slider nimmt die Hoehe der sichtbaren Karte an */
@media (max-width: 1099px) {
  .elementor [data-interaction-id="12d9e7d4"], .elementor [data-id="12d9e7d4"] { align-items: flex-start !important; transition: height .25s ease; }
}

/* Handy: Impressionen - Slider, je 4 Bilder untereinander, seitlich wischen fuer den naechsten Block */
@media (max-width: 1099px) {
  .elementor [data-id="625dc69d"] { display: grid !important; grid-auto-flow: column !important; grid-template-rows: repeat(4, auto) !important; grid-template-columns: none !important; grid-auto-columns: 100% !important; row-gap: 16px !important; column-gap: 40px !important; overflow-x: auto !important; overscroll-behavior-x: contain; scroll-snap-type: x mandatory !important; scroll-padding-inline: 20px; scrollbar-width: none; box-sizing: border-box; }
  .elementor [data-id="625dc69d"]::-webkit-scrollbar { display: none; }
  .elementor [data-id="625dc69d"] > .ss-bounce-prep { opacity: 1 !important; }
  .elementor [data-id="625dc69d"] > * { display: block !important; width: 100% !important; height: auto !important; object-fit: cover; scroll-snap-align: start; }
}

/* Tablet (768-1024): Impressionen 2x2 pro Block, Pizzen zwei nebeneinander */
@media (min-width: 768px) and (max-width: 1099px) {
  .elementor [data-id="625dc69d"] { grid-template-rows: repeat(2, auto) !important; grid-auto-columns: calc((100% - 16px) / 2) !important; column-gap: 16px !important; scroll-padding-inline: 20px; }
  .elementor [data-id="625dc69d"] > * { scroll-snap-align: none; aspect-ratio: 4 / 5; }
  .elementor [data-id="625dc69d"] > :nth-child(4n+1) { scroll-snap-align: start; }
  .elementor [data-id="447485fd"] { padding-inline: 4vw !important; }
  .elementor [data-id="3d274fb9"] > * { flex: 0 0 44vw !important; scroll-snap-align: start; }
}

/* Handy/Tablet: Illustration (Frau mit Pizza) kleiner, mittig und unten am Rand des roten Bereichs */
@media (max-width: 1099px) {
  .elementor [data-id="7fa9de9d"] { padding-bottom: 0 !important; }
  .elementor [data-id="2aee54ab"] { width: 90px !important; margin: 8px auto 0 !important; padding: 0 !important; }
  .elementor [data-id="2aee54ab"] img { display: block; }
}

/* Handy/Tablet: Hero-Buttons buendig mit dem Text */
@media (max-width: 1099px) {
  .elementor [data-id="77934b95"], .elementor [data-id="36b193d7"], .elementor [data-id="52323345"], .elementor [data-id="46de5755"], .elementor [data-id="5c42ef54"] { padding-inline: 0 !important; }
}

/* Desktop: Hero-Buttons buendig mit dem Text */
@media (min-width: 1100px) {
  .elementor [data-id="6051baa4"], .elementor [data-id="30564664"] { margin-inline-start: 9px !important; }
}

/* Logo Desktop wie Unterseiten */
@media (min-width: 1100px) {
  .elementor [data-id="3e67d1f"] { width: 100% !important; height: auto !important; }
  .elementor [data-id="6cd5ce01"] { padding: 0 !important; }
}

/* Handy/Tablet: Weinglas groesser */
@media (max-width: 1099px) {
  .elementor [data-id="220a849d"] { width: 116px !important; margin-inline-start: calc(100% - 116px) !important; margin-block-start: 8px !important; }
  .elementor [data-id="3dec2913"] { width: 96px !important; height: auto !important; }
}/* End custom CSS */