/* =================================================
EINTRAGEN HINWEISE
================================================= */
.eintrag-info{
max-width:900px;
margin:40px auto;
text-align:center;
line-height:1.6;
font-size:16px;
}

@media (max-width:768px){

.eintrag-info{
max-width:90%;
text-align:center !important;
}

}

/* =================================================
LAYOUT EINGABEFORMULAR
================================================= */
.formular-box form{
max-width:900px;
margin:auto;
display:grid;
grid-template-columns:220px 1fr;
gap:12px 20px;
align-items:center;
}

.formular-box label{
font-weight:600;
text-align:right;
}

.box_eingabefeld_1,
.box_eingabefeld_4,
select{
width:100%;
padding:8px 10px;
border:1px solid #ccc;
border-radius:6px;
font-size:15px;
box-sizing:border-box;
}

.box_eingabefeld_3{
width:120px;
padding:8px 10px;
border:1px solid #ccc;
border-radius:6px;
font-size:15px;
}

.flex-row{
display:flex;
gap:10px;
}

.error-message{
grid-column:2;
font-size:13px;
color:#d8000c;
}

.formular-hinweis{
grid-column:2;
margin-top:30px;
margin-bottom:5px;
font-weight:600;
text-decoration:underline;
text-align:left;
}

.submit-container{
grid-column:1 / -1;
text-align:center;
margin-top:30px;
}

.autocomplete,
.form-field{
    width:100%;
    padding:8px 10px;
    border:1px solid #ccc;
    border-radius:6px;
    font-size:15px;
    box-sizing:border-box;
    background:#fff;
}


@media (max-width:768px){

  /* Formular Layout */
  .formular-box form{
    display:block;
    padding:0 10px;
  }

  /* Labels */
  .formular-box label{
    display:block;
    text-align:left;
    margin-top:14px;
  }

  /* Flex-Reihen korrekt auf Mobile */
  .flex-row{
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:center;
  }

  /* Alle Eingabefelder */
  .box_eingabefeld_1,
  .box_eingabefeld_3,
  .box_eingabefeld_4,
  .formular-box input[type="text"],
  .formular-box select{
    width:90%;
    margin:0 auto;
    display:block;
  }

  /* Fehlermeldungen */
  .error-message{
    display:block;
    margin:5px auto 10px auto;
    width:90%;
  }

}