.dbm-bild2-wheel{
  width:90%;
  max-width:90%;
  margin:0 auto;
  padding:0;
  line-height:0;
}
.dbm-bild2-wheel__stage{
  position:relative;
  width:100%;
  aspect-ratio:3/2;
  overflow:hidden;
  background:url("./Hintergrund.webp") center center/cover no-repeat;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
  outline:none;
}
.dbm-bild2-wheel__stage:focus-visible{
  outline:3px solid rgba(16,45,255,.6);
  outline-offset:3px;
}
.dbm-bild2-wheel__logo{
  position:absolute;
  left:2.8%;
  top:1.8%;
  width:29%;
  height:auto;
  z-index:95;
  object-fit:contain;
  pointer-events:none;
}
.dbm-bild2-wheel__title{
  position:absolute;
  left:33%;
  top:2.0%;
  width:34%;
  height:auto;
  z-index:96;
  pointer-events:none;
  object-fit:contain;
}
.dbm-bild2-wheel__youth{
  position:absolute;
  right:2.8%;
  top:1.5%;
  width:15%;
  height:auto;
  z-index:97;
  pointer-events:none;
}
.dbm-bild2-wheel__ranking{
  position:absolute;
  left:34%;
  top:23.8%;
  width:32%;
  height:auto;
  z-index:97;
  pointer-events:none;
}
.dbm-bild2-wheel__throw{
  position:absolute;
  left:50%;
  top:62.0%;
  width:28%;
  transform:translateX(-50%);
  height:auto;
  z-index:97;
  pointer-events:none;
}
.dbm-bild2-wheel__certificate{
  position:absolute;
  left:50%;
  top:69.0%;
  width:38%;
  transform:translateX(-50%);
  height:auto;
  z-index:97;
  pointer-events:none;
}
.dbm-bild2-wheel__cards{
  position:absolute;
  inset:0;
  z-index:20;
}
.dbm-bild2-wheel__card{
  position:absolute;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  transform:translate(-50%,-50%) scale(var(--s,1));
  opacity:var(--op,1);
  filter:blur(var(--blur,0));
  z-index:var(--z,20);
  cursor:pointer;
  pointer-events:auto;
  transition:
    left .48s cubic-bezier(.18,.8,.22,1),
    top .48s cubic-bezier(.18,.8,.22,1),
    width .48s cubic-bezier(.18,.8,.22,1),
    opacity .35s ease,
    filter .35s ease;
}
.dbm-bild2-wheel__card img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  pointer-events:none;
  -webkit-user-drag:none;
}
.dbm-bild2-wheel__card.is-active{cursor:grab}
.dbm-bild2-wheel__card.is-active:active{cursor:grabbing}
.dbm-bild2-wheel__card:focus-visible{
  outline:3px solid rgba(16,45,255,.65);
  outline-offset:4px;
}
.dbm-bild2-wheel__nav{
  position:absolute;
  top:47%;
  z-index:130;
  width:4.5%;
  height:10%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:#111;
  cursor:pointer;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(35px,5vw,68px);
  font-weight:300;
  line-height:.7;
  text-shadow:0 1px 2px rgba(255,255,255,.9);
}
.dbm-bild2-wheel__nav--prev{left:1.0%}
.dbm-bild2-wheel__nav--next{right:1.0%}
.dbm-bild2-wheel__nav span{
  display:block;
  transform:translateY(-2px);
}
.dbm-bild2-wheel__nav:hover{transform:scale(1.08)}
.dbm-bild2-wheel__nav:focus-visible{
  outline:2px solid #111fe8;
  outline-offset:2px;
}
.dbm-bild2-wheel__footer{
  position:absolute;
  left:1.8%;
  right:2.2%;
  bottom:2.0%;
  z-index:110;
  display:grid;
  grid-template-columns:1.15fr 1fr .95fr;
  gap:2%;
  align-items:start;
  color:#111;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(8px,1.05vw,14px);
  line-height:1.28;
  pointer-events:none;
  text-align:left;
}
.dbm-bild2-wheel__footer:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-10px;
  border-top:2px solid #111fe8;
}
.dbm-bild2-wheel__footer strong{font-weight:700}
.dbm-bild2-wheel__contact strong,
.dbm-bild2-wheel__org strong{color:#0827d9}
.dbm-bild2-wheel__legal{text-align:center}
.dbm-bild2-wheel__org{text-align:right}
.dbm-bild2-wheel__org a{
  color:#0827d9;
  text-decoration:none;
  pointer-events:auto;
}
@media(max-width:700px){
  .dbm-bild2-wheel__logo{left:2.5%;top:1.8%;width:25%}
  .dbm-bild2-wheel__title{left:29%;top:2.0%;width:42%}
  .dbm-bild2-wheel__youth{right:2.2%;top:1.5%;width:13%}
  .dbm-bild2-wheel__ranking{left:32%;top:23.8%;width:36%}
  .dbm-bild2-wheel__throw{left:50%;top:62.0%;width:31%;transform:translateX(-50%)}
  .dbm-bild2-wheel__certificate{left:50%;top:69.0%;width:43%;transform:translateX(-50%)}
  .dbm-bild2-wheel__nav{font-size:clamp(28px,7vw,46px)}
  .dbm-bild2-wheel__footer{
    bottom:1.2%;
    font-size:clamp(6px,1.55vw,10px);
    line-height:1.15;
  }
  .dbm-bild2-wheel__footer:before{top:-5px}
}
@media(prefers-reduced-motion:reduce){
  .dbm-bild2-wheel__card,
  .dbm-bild2-wheel__nav{transition:none}
}