/* Hero-Buttons über dem Video, Eignungs-Check: Typo, Buttons, Wizard */

.dc-hero-collage .dc-hero-collage-ctas{
  flex-direction:column;
  gap:6px 0;
}
.dc-hero-collage .btn,
#eignung .btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:54px;
  padding:14px 28px;
  border:1px solid transparent;
  border-radius:2px;
  font-family:"Jost", "Avenir Next", system-ui, sans-serif;
  font-weight:500;
  font-size:.9rem;
  line-height:1.3;
  letter-spacing:.06em;
  text-decoration:none !important;
  text-align:center;
  cursor:pointer;
  transition:color .45s, border-color .45s;
}
.dc-hero-collage .btn .ic,
#eignung .btn .ic{
  width:16px;
  height:16px;
  flex:none;
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.dc-hero-collage .btn:hover .ic,
#eignung .btn:hover .ic{transform:translateX(4px);}
.dc-hero-collage .btn::before,
#eignung .btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .6s cubic-bezier(.7,0,.2,1);
}
.dc-hero-collage .btn:hover::before,
#eignung .btn:hover::before{transform:scaleX(1);transform-origin:left;}
.dc-hero-collage .btn-primary,
#eignung .btn-primary{background:#E6D5B6;color:#2A211C !important;}
.dc-hero-collage .btn-primary::before,
#eignung .btn-primary::before{background:#F6EEDF;}
.dc-hero-collage .link,
#eignung .link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  color:#E6D5B6 !important;
  font-family:"Jost", "Avenir Next", system-ui, sans-serif;
  font-weight:500;
  font-size:.9rem;
  line-height:1.3;
  letter-spacing:.06em;
  text-decoration:none !important;
}
.dc-hero-collage .link span,
#eignung .link span{
  background:linear-gradient(currentColor, currentColor) 0 100% / 0% 1px no-repeat;
  padding-bottom:3px;
  transition:background-size .5s cubic-bezier(.7,0,.2,1);
}
.dc-hero-collage .link:hover span,
#eignung .link:hover span{background-size:100% 1px;}
.dc-hero-collage .link .ic,
#eignung .link .ic{width:16px;height:16px;flex:none;transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.dc-hero-collage .link:hover .ic,
#eignung .link:hover .ic{transform:translateX(4px);}

#eignung.dc-eignung{
  background:#221E1B;
  color:#F1EADF;
  padding:clamp(88px, 11vw, 168px) max(20px, 5vw);
}
#eignung .eignung-wrap{width:100%;max-width:1240px;margin:0 auto;}
#eignung .check-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
  max-width:860px;
  margin:0 auto clamp(48px, 6vw, 80px);
  text-align:center;
}
#eignung .eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0;
  font-family:"Cormorant Garamond", serif;
  font-style:italic;
  font-weight:400;
  font-size:1.2rem;
  line-height:1;
  letter-spacing:0;
  text-transform:none;
  color:#E7D7B6;
}
#eignung .eyebrow::before,
#eignung .eyebrow.center::after{
  content:"";
  width:36px;
  height:1px;
  background:currentColor;
  opacity:.7;
}
#eignung .h2,
#dc-root #eignung h2.h2{
  margin:0;
  font-family:"Cormorant Garamond", serif !important;
  font-weight:300 !important;
  font-size:clamp(2.3rem, 4.2vw, 3.9rem) !important;
  line-height:1.08 !important;
  color:#F1EADF;
}
#eignung .lead{
  margin:0;
  max-width:62ch;
  color:#BCAF9F;
  font-family:"Jost", sans-serif;
  font-size:clamp(1.02rem, 1.2vw, 1.1rem);
  line-height:1.65;
}
#eignung .wizard{
  position:relative;
  background:#2B2623;
  color:#F1EADF;
  border:1px solid rgba(230,213,182,.16);
  border-radius:4px;
  padding:clamp(22px, 4vw, 56px);
}
#eignung .wz-progress{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-bottom:clamp(28px, 4vw, 44px);
}
#eignung .wz-step{
  display:flex;
  flex-direction:column;
  gap:12px;
  font-family:"Jost", sans-serif;
  font-size:.84rem;
  letter-spacing:.06em;
  color:#BCAF9F;
}
#eignung .wz-step i{
  position:relative;
  display:block;
  height:2px;
  overflow:hidden;
  background:rgba(230,213,182,.16);
}
#eignung .wz-step i::after{
  content:"";
  position:absolute;
  inset:0;
  background:#E6D5B6;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .9s cubic-bezier(.7,0,.2,1);
}
#eignung .wz-step.is-done{color:#E6D5B6;}
#eignung .wz-step.is-done i::after{transform:scaleX(1);}
#eignung .wz-q,
#dc-root #eignung h3.wz-q{
  margin:0 0 28px;
  font-family:"Cormorant Garamond", serif !important;
  font-weight:300 !important;
  font-size:clamp(1.8rem, 2.8vw, 2.5rem) !important;
  line-height:1.15 !important;
  color:#F1EADF;
}
#eignung .wz-options{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  gap:16px;
}
#eignung .opt{
  appearance:none;
  font:inherit;
  text-align:left;
  color:#F1EADF;
  background:rgba(255,255,255,.015);
  border:1px solid rgba(230,213,182,.16);
  border-radius:3px;
  padding:16px 16px 22px;
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
  cursor:pointer;
  transition:border-color .45s, background-color .45s, transform .6s cubic-bezier(.2,.7,.2,1);
}
#eignung .opt:hover{
  border-color:rgba(230,213,182,.55);
  background:rgba(230,213,182,.045);
  transform:translateY(-4px);
}
#eignung .opt-ill{
  display:grid;
  place-items:center;
  aspect-ratio:1;
  border-radius:2px;
  background:radial-gradient(circle at 50% 44%, rgba(230,213,182,.09), rgba(230,213,182,0) 66%);
  color:#E6D5B6;
}
#eignung .opt-ill svg{width:80%;height:80%;}
#eignung .opt-txt{display:flex;flex-direction:column;gap:6px;padding-inline:4px;}
#eignung .opt-t{font-family:"Jost", sans-serif;font-weight:500;font-size:1.02rem;line-height:1.3;}
#eignung .opt-s{font-family:"Jost", sans-serif;font-size:.9rem;line-height:1.5;color:#BCAF9F;}
#eignung .wz-result{
  display:grid;
  grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);
  gap:clamp(28px, 5vw, 72px);
  align-items:start;
}
#eignung .res-photo{
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:2px;
  background:#221E1B;
}
#eignung .res-photo img{width:100%;height:100%;object-fit:cover;}
#eignung .res-visual{position:relative;}
#eignung .res-badge{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  background:rgba(24,20,18,.8);
  backdrop-filter:blur(10px);
  border:1px solid rgba(230,213,182,.16);
  border-radius:3px;
}
#eignung .res-badge svg{width:54px;height:54px;flex:none;color:#E6D5B6;}
#eignung .res-badge small{display:block;font-size:.76rem;letter-spacing:.06em;color:#BCAF9F;}
#eignung .res-badge strong{display:block;font-weight:500;font-size:.96rem;line-height:1.35;}
#eignung .res-body{display:flex;flex-direction:column;gap:20px;}
#eignung .res-label{
  margin:0;
  font-family:"Cormorant Garamond", serif;
  font-style:italic;
  font-size:1.2rem;
  color:#A88159;
}
#eignung .res-title,
#dc-root #eignung h3.res-title{
  margin:0;
  font-family:"Cormorant Garamond", serif !important;
  font-weight:300 !important;
  font-size:clamp(2.3rem, 3.8vw, 3.5rem) !important;
  line-height:1.04 !important;
  color:#F1EADF;
}
#eignung .res-desc{margin:0;color:#BCAF9F;font-family:"Jost", sans-serif;line-height:1.65;}
#eignung .feats{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;}
#eignung .feats li{
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 0;
  border-top:1px solid rgba(230,213,182,.16);
  font-family:"Jost", sans-serif;
  font-weight:400;
  font-size:.98rem;
}
#eignung .feats li:last-child{border-bottom:1px solid rgba(230,213,182,.16);}
#eignung .feats .ic{width:20px;height:20px;flex:none;color:#E6D5B6;}
#eignung .res-price{display:flex;flex-direction:column;gap:8px;}
#eignung .res-price b{
  font-family:"Cormorant Garamond", serif;
  font-weight:300;
  font-size:clamp(2.6rem, 4.2vw, 3.6rem);
  line-height:1;
  color:#E6D5B6;
}
#eignung .res-price b:empty{display:none;}
#eignung .res-price span{font-family:"Jost", sans-serif;font-size:.92rem;color:#BCAF9F;max-width:46ch;}
#eignung .res-extra{
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:flex-start;
  min-height:44px;
  padding:8px 16px;
  border:1px solid rgba(230,213,182,.16);
  border-radius:999px;
  font-family:"Jost", sans-serif;
  font-size:.88rem;
  color:#BCAF9F !important;
  text-decoration:none !important;
}
#eignung .res-extra b{font-weight:500;color:#E6D5B6;}
#eignung .res-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;}
#eignung .wz-back{
  appearance:none;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0;
  background:none;
  border:0;
  color:#BCAF9F;
  font-family:"Jost", sans-serif;
  font-weight:500;
  font-size:.86rem;
  letter-spacing:.06em;
  cursor:pointer;
}
#eignung .wz-back:hover{color:#E6D5B6;}
#eignung .wz-back .ic{width:16px;height:16px;transform:rotate(180deg);}
@media (max-width:860px){
  #eignung .wz-result{grid-template-columns:1fr;}
  #eignung .res-photo{aspect-ratio:16/11;}
}
@media (max-width:560px){
  #eignung .opt{flex-direction:row;align-items:center;gap:14px;padding:12px;}
  #eignung .opt-ill{width:84px;flex:none;}
  #eignung .opt:hover{transform:none;}
}