/* =========================
MR. MONEY – DF24 LOOK
========================= */

body{
  background:#f7f7f5 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  color:#17365d !important;
}

/* Hauptbereich */
form,
.content,
.wrapper,
.container{
  background:#f7f7f5 !important;
  color:#17365d !important;
}

/* Überschriften */
h1,h2,h3,h4{
  color:#17365d !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:700 !important;
}

h1{
  font-size:32px !important;
  line-height:1.15 !important;
  margin-bottom:18px !important;
}

h2,h3{
  font-size:22px !important;
  margin-top:28px !important;
  margin-bottom:12px !important;
}

/* Fließtext */
p,span,div,label,td,th{
  color:#26384d !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

/* Formularblöcke */
table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
}

tr{
  background:transparent !important;
}

td{
  vertical-align:middle !important;
  padding:2px 8px !important;
}

/* Eingabefelder */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea{
  width:100% !important;
  height:44px !important;
  padding:10px 14px !important;
  border:1px solid #d9dee5 !important;
  border-radius:10px !important;
  background:#ffffff !important;
  color:#17365d !important;
  font-size:15px !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
  outline:none !important;
}

textarea{
  min-height:120px !important;
  height:auto !important;
  resize:vertical !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#d4af37 !important;
  box-shadow:0 0 0 3px rgba(212,175,55,0.15) !important;
}

/* Dropdown-Pfeile / Select */
select{
  cursor:pointer !important;
}

/* Placeholder */
::placeholder{
  color:#8b97a6 !important;
  opacity:1 !important;
}

/* Radiobuttons / Checkboxen */
input[type="radio"],
input[type="checkbox"]{
  accent-color:#d4af37 !important;
  transform:scale(1.05);
}

/* Hinweise / kleine Texte */
small,
.help,
.info,
.hint{
  color:#7b8794 !important;
  font-size:12px !important;
  line-height:1.5 !important;
}

/* Infokreise / Icons */
img,
svg{
  vertical-align:middle;
}

/* Sektionstitel */
legend,
.sectiontitle,
.subtitle{
  color:#17365d !important;
  font-weight:700 !important;
  font-size:20px !important;
  margin-bottom:10px !important;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
.btn,
a.button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:0 22px !important;
  border:none !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#d4af37,#b8962e) !important;
  color:#17365d !important;
  font-size:15px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  cursor:pointer !important;
  box-shadow:0 4px 12px rgba(0,0,0,0.14) !important;
  transition:all .2s ease !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover,
a.button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 8px 18px rgba(0,0,0,0.16) !important;
}

/* Primäre Aktionszeilen */
.actions,
.buttonrow,
.submitrow{
  margin-top:24px !important;
  padding-top:10px !important;
}

/* Kartenoptik für den gesamten Vergleich */
form{
  background:#ffffff !important;
  border:1px solid #e2e7ee !important;
  border-radius:16px !important;
  padding:28px !important;
  box-shadow:0 10px 30px rgba(18,39,69,0.08) !important;
}

/* Tabellen-/Abschnittsoptik etwas luftiger */
label{
  font-weight:600 !important;
}

/* Mobile */
@media(max-width:768px){
  form{
    padding:18px !important;
    border-radius:12px !important;
  }

  h1{
    font-size:26px !important;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  select,
  textarea{
    height:42px !important;
    font-size:14px !important;
  }

  button,
  input[type="submit"],
  input[type="button"]{
    width:100% !important;
  }
}