body {
    background-color: #0A1B34;
    font-family: 'Poppins', sans-serif;
    color: #ffffff; 
    margin: 0;
    padding: 0;
font-weight: 600;
}

h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
font-size: 45px;
}

#vorname,
#nachname,
#telefon,
#email,
#nachricht {
    background: rgba(255, 255, 255, 0.15);  /* leichte Transparenz */
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;                    /* abgerundete Ecken */
    padding: 12px 15px;
    width: 100%;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    backdrop-filter: blur(3px);             /* leichter Glass-Effekt (optisch schöner) */
}

/* Placeholder heller machen */
#vorname::placeholder,
#nachname::placeholder,
#telefon::placeholder,
#email::placeholder,
#nachricht::placeholder {
    color: rgba(255, 255, 255, 0.6);
}


#sub_kontakt {
    background-color: #B18D45;
    color: #fff;       
font-weight: 700          /* gut lesbarer Text */
    padding: 12px 25px;
    border: none;
    border-radius: 10px;            /* abgerundete Ecken */
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s ease;
}

#sub_kontakt:hover {
    background-color: #C6CBD0;
    color: #0A1B34;                 /* bleibt lesbar */
}

.secure {
  border-radius: 20px;
}