/*  Robert Haas 30.4.2025  */

  
 * {margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; color:black}
 ul {list-style: none;}
 header, footer, aside, nav, main {display: block;} 
  
 html, body{
 height: 100%;
 margin: 0;
 font-family: DINReg, "Lucida Grande", Arial, sans-serif;
 font-size: 100%;
 font-style: normal;
 font-weight: normal;
 line-height: 1.5em;
 }
 
body{  
display: block;

} 
 
header{
grid-column-start: 1; /* Spalte 1 */
grid-column-end: 2;
grid-row-start: 1; /*  Zeile 1 */
grid-row-end: 2;
float: left;
padding: 1em;
padding-top: 1.5em;
padding-bottom: 0.5em;
background-color: var(--color01);
}
 
header img{
   height: 4em;
   }   
  
 
main{
grid-column-start: 1; /* Spalte 1+2  */
grid-column-end: 1;
grid-row-start: 2;/*  Zeile 2 - 4 */
grid-row-end: 3;
align-self: center;
justify-self: center;
overflow: auto;
background-color: var(--color03);
width: 100%;
height: 110%;
max-height: 1200px;  
max-width: 2000px;
} 
 


#webcam{
   width: 1920px;
   height: 1080px;
 margin-left: auto; margin-right: auto;
 }

iframe{
   width: 100%;
   height: 100%;

   margin-left: auto; margin-right: auto;
  
}

/* -- media queries --------------------------------------*/
   
@media (min-width: 576px) { /* ----- desktop ----- */
  
   
}