* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



    p {
      font-size: 18px;          /* Schriftgröße */
      color: black;           /* Textfarbe */
      line-height: 1.2;         /* Zeilenhöhe */
      margin-bottom: 0px;      /* Abstand nach unten */
      text-align: justify;      /* Textausrichtung */
      border-bottom: none;
      border-left: none;
      border-right: none;
      background-color: #E5E5E5; /* Hintergrundfarbe */
	  padding-top: 5px;        /* abstand oben */
	  padding-left: 20px;        /* abstand links */
	  padding-right: 20px;        /* abstand rechts */
	  padding-bottom: 5px;        /* abstand unten */
	
    }

    h1 {
      font-size: 28px;/* Schriftgröße */
	  font-weight: bold;
      color: white;           /* Textfarbe */
      text-align: center;      /* Textausrichtung */
      background-color: black; /* Hintergrundfarbe */
	  border-top: 1px solid black;
      border-bottom: none;
      border-left: none;
      border-right: none;
	  border-radius: 10px;
	  margin-bottom: 1px;

	
    }



.textfeld {
	margin-top: 43px;
    max-width: 100%;
	background-color: #E5E5E5; /* Hintergrundfarbe */
	
}

.textfeld h1 {
	font-family:  Helvetica, Arial, "sans-serif";
	padding-top: 5px;
	padding-bottom: 5px;
}

.textfeld p {
	font-family:  Helvetica, Arial, "sans-serif";
    font-size: 2em; /* Infotext in kleinerer Schrift */
}


* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
       
			
        .table-container {
            width: 100%;
			margin-top: 80px;
			border-collapse: collapse;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        td {
        
            text-align: center;
            vertical-align: middle;
        }
        video, img {
            width: 100%;
            height: auto;
            display: block;
        }


/* Tablet-Ansicht */
@media (max-width: 1024px) {

.textfeld h1 {
    font-size: 2em; /* Überschrift in größerer Schrift */
}

.textfeld p {
    font-size: 1em; /* Infotext in kleinerer Schrift */
}
	
	 td {
                display: block;
                width: 100%;
            }
	
#logo {
    height: 40px; /* Optionale Breite, kannst du anpassen */
}

/* Mobil-Ansicht (iPhone 11 und kleiner) */
@media (max-width: 768px) {

	.textfeld h1 {
    font-size: 1.5em; /* Überschrift in größerer Schrift */
}

.textfeld p {
    font-size: 1em; /* Infotext in kleinerer Schrift */
}
	#logo {
    height: 30px; /* Optionale Breite, kannst du anpassen */
}
	
	.textfeld {
	margin-top: 40px;
	
}
    }