body {
	margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    background: #d0d0d0;
    padding: 20px; /* Sicherheitsabstand zum Rand */
    box-sizing: border-box;
  }

  .a4-seite {
  	position: relative; /* WICHTIG: Anker für alle inneren Elemente */
    /* WICHTIG: Nutzt die kleinere Einheit aus (90% vom Viewport) oder (A4-Breite) */
    width: min(90vw, 210mm); 
    
    /* Behält das A4-Verhältnis (1 : 1.414) immer bei */
    aspect-ratio: 210 / 297; 
    
    background: linear-gradient(to top right, #000090, #0000FF);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    display: flex;
    
    flex-direction: column;
    overflow: hidden; /* Verhindert, dass Inhalt das A4-Format sprengt */
    margin-top: 10px;
  }
  
  .logo {
  position: absolute;
  top: 5%;    /* 5% vom oberen Rand der A4-Seite */
  right: 5%;  /* 5% vom rechten Rand der A4-Seite */
  width: 15%; /* Breite skaliert proportional mit */
}

.triangle-video-container {
	position: absolute;
    width: 540px; /* Oder gewünschte Breite */
    height: 400px; /* Oder gewünschte Höhe */
    /* Erstellt ein Dreieck  */
    clip-path: polygon(0% 0%, 260% 0%, 0% 110%);
    overflow: hidden; /* Stellt sicher, dass das Video nicht über den Rahmen hinausragt */
    
}

.triangle-video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Sorgt dafür, dass das Video den Bereich ausfüllt */
   
}

.headline {
	position: absolute; 
	top: 1%;    /* 5% vom oberen Rand der A4-Seite */
   right: 0%;  /* 1% vom rechten Rand der A4-Seite */
	width: 28%; 
	font-family: sans-serif; font-size: 50px; 
	color: white;  
	}
.header {font-family: sans-serif; font-size: 32px; color: white; padding-top: 10px; padding-left: 10px; }

.lineuplist {
  position: absolute; 
  display: flex; 
	top: 28%;    /* 5% vom oberen Rand der A4-Seite */
   right: 1%;  /* 1% vom rechten Rand der A4-Seite */
	width: 68%;               
 list-style: none;
  padding: 0;                   /* Entfernt Standard-Einzug */
  gap: 28px;       
  font-family: sans-serif; font-size: 32px; 
	color: white;               /* Abstand zwischen den Elementen */
}

.container {
	position: absolute; 
  display: flex; 
	top: 36%;    /* 5% vom oberen Rand der A4-Seite */
   right: 1%;  /* 1% vom rechten Rand der A4-Seite */
	width: 100%;
    justify-content: left; /* Verteilt die Boxen */
}

.main {font-family: sans-serif; font-size: 24px; color: white; padding: 18px; border: 1px solid white;
    border-radius: 5px;
    margin-left: 30px;
    margin-top: 20px;
    }
    
.txtimg {border-radius: 3px; width: 80px; vertical-align: middle;}
.txtimg2 {border-radius: 3px; width: 50px; vertical-align: middle;padding: 1px;}
a {text-decoration: none; color: white;}

.lineuplist1 {
  position: absolute; 
  display: flex; 
	top: 56%;    /* 5% vom oberen Rand der A4-Seite */
   left: 14%;  /* 1% vom rechten Rand der A4-Seite */
	width: 87%;               
 list-style: none;
  padding: 0;                   /* Entfernt Standard-Einzug */
  gap: 28px;       
  font-family: sans-serif; font-size: 30px; 
	color: white;               /* Abstand zwischen den Elementen */
}
.lineuplist2 {
  position: absolute; 
  display: flex; 
	top: 59%;    /* 5% vom oberen Rand der A4-Seite */
   left: 14%;  /* 1% vom rechten Rand der A4-Seite */
	width: 87%;               
 list-style: none;
  padding: 0;                   /* Entfernt Standard-Einzug */
  gap: 28px;       
  font-family: sans-serif; font-size: 30px; 
	color: white;               /* Abstand zwischen den Elementen */
}

.container_rep {
	position: absolute; 
  display: flex; 
	top: 65%;    /* 5% vom oberen Rand der A4-Seite */
   right: 3%;  /* 1% vom rechten Rand der A4-Seite */
	width: 98%;
    justify-content: left; /* Verteilt die Boxen */
}

.main_rep {font-family: sans-serif; font-size: 21px; color: white; padding: 10px; border: 1px solid white;
    border-radius: 5px;
    margin-left: 30px;
    margin-top: 20px;
    }
.img_rep{    
    width: 200px;  /* Feste Breite */
    height: auto;  /* Automatische Höhe zur Vermeidung von Verzerrung */
    padding-bottom: 5px;
    border-radius: 5px;}