/* Ergänzungen für mach-dein-ding.html – baut auf css/style.css auf */
.subt a{color:inherit;text-decoration:none}
#varianten .offers.two{grid-template-columns:1fr 1fr;max-width:920px;margin:46px auto 0}
.mdd-facts{grid-template-columns:repeat(4,1fr);max-width:980px;margin:34px auto 0;text-align:left}
.mdd-info{margin-top:28px}
.mdd-result{margin:26px auto 0;color:var(--navy)}
.units.kaps{grid-template-columns:1fr;max-width:860px;margin:34px auto 0}
.kap .body{padding:0 26px 24px 86px;font-size:1rem;line-height:1.65}
.kap .body p{margin:0 0 12px;color:#36475b}
.kap .body .ms{color:var(--navy);margin:16px 0}
.kap .mit{background:var(--sky);border-radius:14px;padding:14px 18px;margin-top:16px}
.kap .mit b{display:block;font-family:Montserrat,sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t);margin-bottom:4px}
.kap .mit p{margin:0}
.mdd-zettel{max-width:980px;margin:48px auto 0}
.mdd-zettel .box.e{background:#fff}
#start .note a,#faq a{color:var(--navy);font-weight:600}
@media (max-width:900px){
  .mdd-facts{grid-template-columns:repeat(2,1fr)}
  #varianten .offers.two{grid-template-columns:1fr}
  #varianten .offer.feat{transform:none}
}
@media (max-width:600px){
  .kap .body{padding:0 18px 20px}
  .mdd-facts{grid-template-columns:1fr}
}
.mdd-pn{margin:6px 0 16px}
.form select,.form textarea{width:100%;font:inherit;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink)}
.form textarea{resize:vertical}
.form select:focus,.form textarea:focus{outline:none;border-color:var(--skyblue);box-shadow:0 0 0 4px rgba(0,56,112,.08)}
.form .opt{font-weight:500;color:var(--muted)}
.form small a{color:var(--navy);font-weight:600}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#anmelden .days{grid-template-columns:repeat(3,1fr)}