.controler-page{
  background:#010A2D;
  color:#FEFEFE;
  overflow:hidden;
}


/* HERO */

.controler-hero{
  position:relative;
  min-height:760px;

  display:flex;
  align-items:center;

  overflow:hidden;
  background:#010A2D;

  padding-bottom:140px;
}


.controler-page-bg{
  position:absolute;

  top:0;
  right:-28vw;

  width:55vw;
  height:auto;

  z-index:1;
  pointer-events:none;
}

.role_control_back3{
  width: 27vw;
}

.controler-hero-inner{
  position:relative;
  z-index:2;

  width:min(1400px,100%);
  margin:auto;

  padding-left:15vmin;
  padding-top:70px;

  transform:none;
}


.controler-hero h1{
  max-width:900px;

  font-size:clamp(74px,6vw,128px);
  line-height:.96;
  font-weight:700;

  letter-spacing:-0.04em;

  margin-bottom:38px;
}


.controler-hero h1 span{
  color:#C01466;
}


.controler-hero-claim{
  max-width:700px;

  font-size:30px;
  line-height:1.15;
  font-weight:700;

  margin-bottom:24px;
}


.controler-hero-sub{
  font-size:30px;
  line-height:1.15;

  opacity:.95;
}



/* FLOW */

.controler-flow{
  background:#010A2D;
  padding:40px 0 120px;
}

.controler-flow-inner{
  width:min(1240px,86vw);
  margin:auto;
}

.controler-flow h2{
  font-size:clamp(30px,2.1vw,42px);
  line-height:1.05;
  margin-bottom:42px;
}

.controler-flow-graph{
  display:block;
  width:100%;
  max-width:1180px;
  height:auto;
  margin:auto;
}

.controler-questions{
  position:relative;
  z-index:2;

  background:#010A2D;

  padding:4vw 0 7vw;
}


.controler-questions-inner{
  width:min(1500px,92vw);
  margin:auto;

  text-align:center;
}


.controler-questions-kicker{
  color:#A9D7E8;

  text-align:left;

  font-size:1.25vw;
  line-height:1.25;

  width:fit-content;

  margin:0 auto 1vw;
}


.controler-questions h2{
  font-size:clamp(44px,4vw,86px);

  font-weight:300;
  line-height:1.05;

  margin-bottom:1.5vw;
}


.controler-questions h2 span{
  color:#A9D7E8;
}


.controler-questions-sub{
  font-size:clamp(24px,1.8vw,38px);

  line-height:1.2;

  margin-bottom:3vw;
}


.controler-questions-graph{
  display:block;

  width:100%;

  height:auto;

  margin:auto;
}


.controler-questions-bottom-title{
  margin-top:1.8vw;

  font-size:clamp(28px,2vw,42px);

  font-weight:500;
}


.controler-questions-bottom-copy{
  margin-top:.8vw;

  font-size:clamp(18px,1.15vw,24px);

  opacity:.9;
}

/* PROBLEM */

.controler-problem{
  position:relative;
  min-height:1000px;
  background:#010A2D;
  overflow:hidden;
}

.controler-problem-bg{
  position:absolute;
  top:0;
  left:0;
  width:55vw;
  height:auto;
  z-index:1;
  pointer-events:none;
}

.controler-problem-inner{
  position:relative;
  z-index:2;
  width:min(1400px,100%);
  margin:0 auto;
  padding-top:9vw;
  padding-left:13vw;
}

.controler-problem-kicker{
  color:#A9D7E8;
  font-family:'Ubuntu',sans-serif;
  font-size:24px;
  line-height:1.15;
  font-weight:700;
  margin-bottom:24px;
}

.controler-problem h2{
  max-width:760px;
  color:#FEFEFE;
  font-family:'Ubuntu',sans-serif !important;
  font-size:72px;
  line-height:1.08;
  font-weight:400 !important;
  letter-spacing:0;
  margin-bottom:34px;
}

.controler-problem h2 span{
  color:#C01466 !important;
  font-weight:400 !important;
}

.controler-problem-copy{
  max-width:560px;
  color:#FEFEFE;
  font-family:'Ubuntu',sans-serif;
  font-size:34px;
  line-height:1.16;
  font-weight:400 !important;
  margin-bottom:34px;
}

/* ANSWER */

.controler-answer{
  position:relative;
  min-height:900px;
  background:#010A2D;
  overflow:hidden;
}

.controler-answer-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
  pointer-events:none;
}

.controler-answer-inner{
  position:relative;
  z-index:2;
  width:min(1320px,90vw);
  margin:0 auto;
  padding-top:6vw;
}

.controler-answer h2{
  text-align:center;
  font-size:clamp(42px,3.4vw,64px);
  font-weight:400;
  line-height:1.08;
  margin-bottom:20px;
}

.controler-answer-sub{
  text-align:center;
  font-size:clamp(20px,1.55vw,30px);
  line-height:1.2;
  margin-bottom:5vw;
}

.controler-answer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:60px;
  align-items:start;
}

.controler-answer-old{
  font-size:20px;
  line-height:1.25;
  color: #A1A1A1;
  border-right: 1px solid #b0deed;
}

.controler-answer-small{
  font-size:18px;
  line-height:1.35;
  color:#A9D7E8;
  margin-bottom:22px;
}

.controler-answer-flow{
  font-size:34px;
  font-weight:700;
  line-height:1.18;
  margin-top:30px;
}

.controler-answer-new h3{
  color:#A9D7E8;
  font-size:30px;
  font-weight:700;
  margin-bottom:22px;
}

.controler-answer-new p{
  font-size:34px;
  line-height:1.12;
  font-weight:500;
}

.controler-answer-new p span{
  color:#C01466;
  font-weight:700;
}

.controler-answer-card-wrap{
  width:520px;
  height:360px;
  background:url("/assets/role_control_answer.svg") center / contain no-repeat;
  transform:translateX(40px);
}

/* DATA */

.controler-data{
  position:relative;

  min-height:1300px;

  background:#010A2D;

  overflow:visible;

  padding-top:220px;     /* vorher kleiner */
  padding-bottom:260px;
}

.controler-data-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
  pointer-events:none;
}

.controler-data-inner{
  position:relative;
  z-index:2;
  width:min(1250px,86vw);
  margin:0 auto;
  padding-top:10vw;
}

.controler-data h2{
  font-size:clamp(44px,3.8vw,76px);
  font-weight:300;
  line-height:1.1;
  margin-bottom:22px;
}

.controler-data-sub{
  font-size:clamp(24px,1.7vw,34px);
  line-height:1.2;
  margin-bottom:5vw;
}

.mt10vmin{
  margin-top:10vmin;
}

.controler-data-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 16px;
  align-items:start;
}

.controler-data-grid div{
   font-size: clamp(0.95rem, 0.93rem + 0.1vw, 1.05rem);
   line-height:1.25;
   font-family: "Ubuntu";
}

.controler-data-grid div span{
   font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.65rem);
   line-height:1.25;
   font-family: "UbuntuBold";
   color: #C01466;
}

.controler-data-grid strong{
  font-weight:700;
}

.controler-data-grid span{
  color:#C01466;
  font-weight:700;
}

/* FINAL */

.controler-final{
  position:relative;
  z-index:3;

  background:transparent;

  margin-top:-160px;   /* hochziehen */

  padding-top:0;       /* kein extra Leerraum */
  padding-bottom:220px;

  overflow:visible;
}

.controler-final-inner{
  position:relative;
  z-index:2;
  width:min(900px,86vw);
  margin:0 auto;
  padding-top:8vw;
  text-align:center;
}

.controler-final h2{
  font-size:clamp(42px,4vw,78px);
  font-weight:400;
  line-height:1.08;
  margin-bottom:18px;
}

.controler-final h2 span{
  color:#C01466;
  font-weight:700;
}

.controler-final-sub{
  width:100%;

  text-align:center;

  font-size:clamp(24px,2vw,38px);
  line-height:1.15;

  margin:30px auto 70px auto;
}

.controler-final-grid{
  width:min(760px,100%);

  margin:0 auto 70px auto;

  display:grid;
  grid-template-columns:1fr 1fr;

  gap:70px;

  text-align:left;
}

.controler-final-grid p{
  font-size:20px;
  line-height:1.35;
}

.controler-final-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2vw;
}

.controler-final-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:260px;
  min-height:54px;
  border-radius:8px;
  background:#C01466;
  color:#fff;
  text-decoration:none;
  font-size:19px;
  font-weight:700;
  line-height:1.1;
}

.controler-final-link{
  color:#C01466;
  text-decoration:none;
  font-size:22px;
}

.controler-final-button-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.controler-final-note{
  margin-top:24px;

  text-align:center;

  color:#A9D7E8;

  font-size:28px;
  line-height:1.15;

  font-weight:400;
}

.controler-final-cta{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:60px;

  margin-top:60px;
}

@media(max-width:992px) {
  .role_control_back3 {
    width: 100%;
  }
}