
#kontakt .contact-form-wrap{margin-top:64px;padding-top:54px;border-top:1px solid #d4e8ef;display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}
#kontakt .contact-form-head h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:400;line-height:1.05;margin:10px 0 20px;color:#30444e}
#kontakt .contact-form-head>p:last-child{max-width:430px;line-height:1.7;color:#5b6c73}
#kontakt .sief-contact-form{padding:36px;border:1px solid #d2e7ef;border-radius:20px;background:#f8fcfd;box-shadow:0 16px 38px rgba(25,82,102,.055)}
#kontakt .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#kontakt .sief-contact-form>label,#kontakt .form-row label{display:block;margin-bottom:20px}
#kontakt .sief-contact-form label>span{display:block;margin-bottom:8px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#526871}
#kontakt .sief-contact-form label small{font-weight:400;letter-spacing:0;text-transform:none}
#kontakt .sief-contact-form input[type=text],#kontakt .sief-contact-form input[type=email],#kontakt .sief-contact-form input[type=tel],#kontakt .sief-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #c9e1ea;border-radius:10px;background:#fff;padding:13px 14px;font:inherit;color:#30444e;outline:none;transition:border-color .2s,box-shadow .2s}
#kontakt .sief-contact-form textarea{resize:vertical;min-height:145px}
#kontakt .sief-contact-form input:focus,#kontakt .sief-contact-form textarea:focus{border-color:#0798c8;box-shadow:0 0 0 3px rgba(7,152,200,.09)}
#kontakt .form-consent{display:flex!important;align-items:flex-start;gap:11px;margin-top:4px}
#kontakt .form-consent input{margin-top:4px;accent-color:#0798c8}
#kontakt .form-consent span{font-size:.82rem!important;line-height:1.55!important;letter-spacing:0!important;text-transform:none!important;font-weight:400!important;color:#607078!important}
#kontakt .form-consent a{color:#078fbd}
#kontakt .form-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}
#kontakt .form-submit-row button{border:0;border-radius:999px;background:#078fbd;color:#fff;padding:13px 21px;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:13px;transition:transform .2s,background .2s}
#kontakt .form-submit-row button:hover{transform:translateY(-2px);background:#067ca5}
#kontakt .form-note{margin:0;font-size:.76rem;color:#819098}
#kontakt .form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:850px){#kontakt .contact-form-wrap{grid-template-columns:1fr;gap:30px}#kontakt .form-row{grid-template-columns:1fr}}
@media(max-width:560px){#kontakt .contact-form-wrap{margin-top:45px;padding-top:40px}#kontakt .sief-contact-form{padding:24px 19px;border-radius:16px}#kontakt .form-submit-row{align-items:flex-start;flex-direction:column}}


/* V37 – Kontaktformular sauber in die bestehende Seitenbreite integrieren */
#kontakt .contact-form-wrap{
  width:min(1180px,calc(100% - 64px)) !important;
  margin:72px auto 0 !important;
  padding:58px 0 0 !important;
  box-sizing:border-box !important;
  border-top:1px solid #d4e8ef !important;
  display:grid !important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr) !important;
  gap:72px !important;
  align-items:start !important;
}
#kontakt .contact-form-head{
  min-width:0 !important;
  padding-top:8px !important;
}
#kontakt .contact-form-head h3{
  margin:10px 0 18px !important;
  font-size:clamp(2.3rem,3.5vw,3.8rem) !important;
  line-height:1.02 !important;
}
#kontakt .contact-form-head>p:last-child{
  max-width:360px !important;
  margin:0 !important;
}
#kontakt .sief-contact-form{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  padding:34px 36px !important;
}
#kontakt .form-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
}
#kontakt .sief-contact-form input[type=text],
#kontakt .sief-contact-form input[type=email],
#kontakt .sief-contact-form input[type=tel],
#kontakt .sief-contact-form textarea{
  min-width:0 !important;
  max-width:100% !important;
}
#kontakt .sief-contact-form textarea{
  min-height:155px !important;
}
@media(max-width:900px){
  #kontakt .contact-form-wrap{
    width:min(100% - 40px,1180px) !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
    margin-top:55px !important;
    padding-top:44px !important;
  }
  #kontakt .contact-form-head>p:last-child{max-width:620px !important}
}
@media(max-width:620px){
  #kontakt .contact-form-wrap{
    width:calc(100% - 30px) !important;
  }
  #kontakt .form-row{grid-template-columns:1fr !important;gap:0 !important}
  #kontakt .sief-contact-form{padding:25px 20px !important}
}


/* V38 – Kontaktbereich besteht nur noch aus dem Formular */
#kontakt{
  padding-top:96px !important;
  padding-bottom:100px !important;
}
#kontakt .contact-form-wrap{
  margin:0 auto !important;
  padding-top:0 !important;
  border-top:0 !important;
}
@media(max-width:900px){
  #kontakt{padding-top:70px !important;padding-bottom:76px !important}
  #kontakt .contact-form-wrap{margin-top:0 !important;padding-top:0 !important}
}
