/* Mehr Abstand zwischen den Feldern – nur Formular mit ID 1 */
#vf-form1 .vf-group,
#vf-form1 .control-group,
#vf-form1 .mb-3,
#vf-form1 .vf-row {
  margin-bottom: 1.8rem !important;
}

/* Abstand zwischen Label und Eingabefeld */
#vf-form1 label,
#vf-form1 .form-label {
  margin-bottom: 0.6rem !important;
  display: block;
}

/* Extra Abstand vor dem Absende-Button */
#vf-form1 .vf-buttons,
#vf-form1 .form-actions {
  margin-top: 1.4rem !important;
}

/* --- BASIS STYLES (Desktop & Global) --- */
.logo-overlap {
    text-align: center;   /* Zentriert das Bild horizontal */
    width: 100%;
    position: relative;
    z-index: 10;          /* Sorgt dafür, dass es ÜBER dem oberen Modul liegt */
    margin-top: -140px;   /* Zieht das Bild 120px nach oben */
    margin-bottom: 60px;  /* Abstand zum Text darunter */
}

.logo-overlap img {
    display: inline-block; 
    height: auto;
    max-width: 100%;      /* Responsiv für Handys */
    
    /* --- HIER IST DIE ÄNDERUNG --- */
    opacity: 0.9;        /* Setzt die Transparenz auf 50% */
}