h1 {
    font-size: 20px;
    margin-top: 2%;
    font-weight:800;
    margin-bottom: 1px;
    color: #f3e2b5;
}

h2 {
    font-size: 17px;
    margin-top: 3%;
    margin-bottom: 1px;
}
h4 {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 1px;
}

h3 {
    font-size: 16px;
    margin-top: 2%;
    margin-bottom: 1%;
    color: #f1e9d4;
}

hr {
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 5px;
    width: 50%;
    height: 5px;
    background-color: #919191; /* Farbe der Linie */
    border: none; /* Entfernt die Standardrahmen */
}

.small-hr {
    border: none;
    width: 50%;
    height: 1px;
    background-color: lightgray;
}

body {
    background-image: url(rhz2025_web_bg_v1a.jpg);
    background-size: cover;
    background-color: #4a0603;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 5%;
	line-height: 1.4;
    padding: 1rem;
}

.englishNews {
    color: #919191;
	font-style: italic;
    font-weight:300;
}

.image-container {
    display: flex; 
    justify-content: center;     
    align-items: center;
    height: 150px;
}

.responsive-image {
    max-width: 500px;
    height: auto;
    width: auto;
}

.formGroup1 {
    flex: 1;
}

.formGroup2 {
    border: 2px solid #910d0d;
    padding: 10px;
    width: 120px;
    text-align: center;
    box-shadow: 2px 2px 5px rgb(24 1 1 / 67%);
}

.formGroup3 {
    width: 49%;
}

.containerGroup1 {
    display: flex;
    gap: 30px;
}

.containerGroup2 {
    display: flex;
    justify-content: space-around; /* Platz zwischen den Elementen gleichmäßig verteilen */
    align-items: center; /* Vertikale Ausrichtung */
    gap: 5px; /* Abstand zwischen den div-Elementen */
    padding: 10px; /* Innenabstand für die Container */
    max-width: 400px; /* Maximale Breite des Containers */
    /* margin: 0 auto; /* Zentriert den Container */
}

textarea {
    width: 50%;
    height: 120px;
}

.grundAkkreditierungen {
    width: 100%;
    height: 150px;
}

.mediaCheckbox {
    display: grid;
    grid-template-columns: auto auto auto;
    width: 30%;
    margin-top: 5px;
    gap: 5px;
}

.space {
    margin-top: 10px;
}

.space2 {
    margin-top: 5px;
}

.space3 {
    margin-top: 15px;
}

.signatureContainer {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between; 
    gap: 27px;
    margin-top: 20px;
    max-width: 30%;
}

.signField {
    margin-left: 0%;
}

.signatureHint {
    text-align: left; /* Zentriere den Text (optional) */
    font-style: italic;  /* Hebe den Text hervor */
    margin-bottom: 10px; /* Abstand zum Button */
    font-size: 12px;    /* Schriftgröße */
    color: #919191;        /* Textfarbe */
}

th, td {
    border: 1px solid #ddd; /* Rand für Zellen */
    padding: 8px; /* Innenabstand in den Zellen */
    text-align: left; /* Textausrichtung */
    background-color: #f2f2f2;
    color: #000;
}

th {
    background-color: #f2f2f2; /* Hintergrundfarbe für Überschrift */
    font-weight: bold; /* Fettdruck für Überschrift */
    color: #000;
}

.signaturePad {
    max-width: 400px;
}

.signField label {
    display: block; /* Labels untereinander anordnen */
    width: 150px;
}

.signaturePad {
    cursor: url(pen1.png) 1 26, pointer;
    border: 2px solid black;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
}

.clear-button {
    color: black;
}

.button2 {
    background-color: #e9e9e9;
    color: rgb(0, 0, 0);
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.button2:hover {
    background-color: #b6b6b6;
}

input[type="text"],
input[type="email"],
input[type="date"] {
    width: 100%; 
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
input::placeholder {
    font-style: italic;

  }
button {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
button:hover {
    background-color: #45a049;

}

.beachten {
    width: 75%; 
    line-height: 1.2;
}

/* Darstellung auf Handy Displays => */
@media only screen and (max-width: 1200px) {

    .formGroup3 {
        width: 95%;
    }
    .formGroup3 {
        width: 95%;
    }
    textarea {
        width: 95%;
    }
    .signatureContainer {
        grid-template-columns: auto;
    }

    .responsive-image {
        max-width: 400px;
        height: auto;
        width: auto;
        margin-bottom: 1px;
    }
    .mediaCheckbox {
        grid-template-columns: auto auto auto;
        width: 80%;
     
    }
   .beachten {
        width: 95%; 
        line-height: 1.2;
    }


@media only screen and (max-width: 800px) {
        
    .mediaCheckbox {
        grid-template-columns: auto auto auto;
        width: 90%;
         
        }
    }
  
}

.custom-label {
    display: block;
    font-family: Arial, sans-serif;
}

.question {
    display: block;
    margin-bottom: 5px;
    
}

.options {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 15px;
}