/* Buttons mit Abrundung und deiner Farbe */
.btn.is-primary, 
button[type="submit"], 
.button {
    background-color: #18bbee !important;
    border-color: #18bbee !important;
    color: #ffffff !important;
    border-radius: 8px !important; /* Hier wird die Ecke abgerundet */
    padding: 10px 20px !important; /* Etwas mehr Luft für den Button */
    transition: all 0.2s ease;
}

/* Hover-Effekt (leicht dunkler) */
.btn.is-primary:hover, 
button[type="submit"]:hover {
    background-color: #15a6d4 !important;
    border-color: #15a6d4 !important;
    transform: translateY(-1px); /* Kleiner optischer Bonus: Button hebt sich leicht */
}

/* Auch die Input-Felder abrunden, damit es einheitlich aussieht */
input, 
textarea, 
select {
    border: 1px solid #dbdbdb !important;
    border-radius: 8px !important; /* Gleicher Radius wie beim Button */
    padding: 10px !important;
    transition: border-color 0.2s ease;
}

/* Fokus-Zustand für die Inputs */
input:focus, 
textarea:focus, 
select:focus {
    border-color: #18bbee !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(24, 187, 238, 0.15) !important;
}