: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-1378 .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-1378 .elementor :is([data-interaction-id="5e32eb1"], [data-interaction-id="d708a1a"], [data-interaction-id="483bcb0"], [data-interaction-id="baecccc"]) { animation: sdg-par auto linear both; animation-timeline: view(); animation-range: cover; will-change: transform; }
    body.elementor-page-1378 .elementor [data-interaction-id="5e32eb1"] { --py0: 3vw; --py1: -3vw; }
    body.elementor-page-1378 .elementor [data-interaction-id="d708a1a"] { --py0: 5vw; --py1: -5vw; }
    body.elementor-page-1378 .elementor [data-interaction-id="483bcb0"] { --py0: 2vw; --py1: -2vw; }
    body.elementor-page-1378 .elementor [data-interaction-id="baecccc"] { --py0: 6vw; --py1: -6vw; }
  }
}
body.elementor-page-1378 { overflow-x: hidden; background-color: #f4f0e9; }
/* Kundenstimmen-Slider: immer 2 Karten sichtbar */
.elementor [data-interaction-id="e1da7b1"] { 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="e1da7b1"]::-webkit-scrollbar { display: none; }
.elementor [data-interaction-id="e1da7b1"] > * { scroll-snap-align: start; }
@media (max-width: 1099px) { .elementor [data-interaction-id="e1da7b1"] { display: flex !important; width: auto; padding: 32px 20px 0 !important; scroll-padding-inline: 20px; } .elementor [data-interaction-id="e1da7b1"] > * { flex: 0 0 100% !important; } }
/* overflow clip */
.elementor [data-interaction-id="e323439"], .elementor [data-interaction-id="6f3084c"] { overflow: clip !important; }
body.elementor-page-1378 .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-1378 .elementor [data-interaction-id="e323439"] .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 */

/* Wiederkehrende Bereiche wie Startseite: Kundenstimmen-Slider, Illustration unten am Rand, Impressionen-Slider (Handy/Tablet) */
@media (max-width: 1099px) {
  .elementor [data-id="8c5508"] { display: flex !important; flex-direction: row !important; width: auto !important; padding: 32px 20px 0 !important; overflow-x: auto !important; overscroll-behavior-x: contain; scroll-snap-type: x mandatory !important; scroll-padding-inline: 20px; scrollbar-width: none; align-items: flex-start !important; transition: height .25s ease; position: static !important; }
  .elementor [data-id="8c5508"]::-webkit-scrollbar { display: none; }
  .elementor [data-id="8c5508"] > * { flex: 0 0 100% !important; scroll-snap-align: start; }
  .elementor [data-id="35c2760e"] { padding-bottom: 0 !important; }
  .elementor [data-id="54b9cb87"] { width: 90px !important; margin: 8px auto 0 !important; padding: 0 !important; }
  .elementor [data-id="54b9cb87"] img { display: block; }
  .elementor [data-id="12d0c83"] { 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: 0; scrollbar-width: none; box-sizing: border-box; padding: 24px 0 0 !important; position: static !important; width: auto !important; }
  .elementor [data-id="12d0c83"]::-webkit-scrollbar { display: none; }
  .elementor [data-id="12d0c83"] > .ss-bounce-prep { opacity: 1 !important; }
  .elementor [data-id="12d0c83"] > * { display: block !important; position: static !important; width: 100% !important; height: auto !important; object-fit: cover; scroll-snap-align: start; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .elementor [data-id="12d0c83"] { grid-template-rows: repeat(2, auto) !important; grid-auto-columns: calc((100% - 16px) / 2) !important; column-gap: 16px !important; }
  .elementor [data-id="12d0c83"] > * { scroll-snap-align: none; aspect-ratio: 4 / 5; }
  .elementor [data-id="12d0c83"] > :nth-child(4n+1) { scroll-snap-align: start; }
}

/* Handy/Tablet: Ueberschrift auf gleicher Hoehe wie auf den anderen Seiten (Oberkante 150 px) */
@media (max-width: 1099px) {
  .elementor [data-id="e323439"] { padding-block-start: 150px !important; }
}

/* Impressionen Desktop gleich wie Startseite: alle Bilder gleich breit */
@media (min-width: 1100px) {
  .elementor [data-id="12d0c83"] > * { flex: 0 0 auto !important; width: 20.557vw !important; height: auto !important; }
}/* End custom CSS */