body {
	margin: 0;
	padding: 0;
}

.ce-form .form-group input[type=email], .ce-form .form-group input[type=text], .ce-form .form-group select, .ce-form .form-group textarea {
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
}



/* 1. Schriftart und allgemeine Textgestaltung */
body, form {
    font-family: "Montserrat", sans-serif; /* Hauptschriftart der Seite */
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
    -webkit-font-smoothing: antialiased;
}

/* 2. Styling der Eingabefelder (Inputs) */
input[type="text"],
input[type="password"] {
    width: 100%;
    max-width: 300px; /* Oder nach Bedarf */
    padding: 10px 15px;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    box-sizing: border-box; /* Verhindert das Überlappen der Ränder */
}

/* 3. Styling des Labels und der Checkbox-Zeile */
label, .checkbox-container {
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
}

/* 4. Der Button (angepasst an das Joyce Meyer Blau) */
button, input[type="submit"], input[type="button"] {
    background-color: #004a7c; /* Das typische Blau der Seite */
    color: #ffffff;
    padding: 12px 25px;
    border: none;
    border-radius: 0px; /* Meist eckig auf der Seite */
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover, input[type="submit"]:hover {
    background-color: #003356; /* Etwas dunkler beim Hover */
}

/* 5. Abstände korrigieren */
br {
    display: none; /* Entfernt unschöne manuelle Zeilenumbrüche für mehr Kontrolle per CSS */
}