/*
 Theme Name: Hello Child rota-form
 Template: hello-elementor
 Version: 0.1

/* Nur der Seiten-Content, nicht Header/Footer */
.site-main > .elementor {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Content-Container volle Breite */
.site-main .e-con,
.site-main .elementor-section,
.site-main .elementor-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


@media (max-width: 480px) {
.site-main > .elementor {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
    }
}


@media (max-width: 480px) {
.site-main .e-con,
.site-main .elementor-section,
.site-main .elementor-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
}

/* Entfernt Abstand unter dem Content-Bereich */
.site-main {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Falls letzter Elementor-Container Abstand erzeugt */
.site-main .e-con:last-child,
.site-main .elementor-section:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* ===============================
   ROTA-FORM – Standard Typography
   =============================== */

:root {
  --rf-font-primary: futura-pt, sans-serif;
}

body {
  font-family: var(--rf-font-primary);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* Headlines */
h1 {
  font-size: clamp(34px, 5vw, 56px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

h2 {
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 600;
  line-height: 1.3;
}

h4 {
  font-size: clamp(18px, 2vw, 20px);
  font-weight: 500;
}

/* Buttons */
.elementor-button {
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}


/* =================================================
   CONTENT · PROJECT HERO
================================================= */

.p-hero img,
.p-hero video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ======================================
   Roed Parallax
=======================================*/

.roed-bg-parallax {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 50%;
  transform: translateZ(0); /* kann Compositing stabilisieren */
}