@charset "UTF-8";
/* under_construction.css */

@import url('normalize.css');

html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit; 
}
/* --------------------------------------------------
        Basic Setting          
        CSS-Eigenschaften für  mobile Geräte (kleiner als 640 px)            
       + Alles in einer Spalte untereinander anordnen                          
 ----------------------------------------------------*/
 body {
 	background-image: url('./images/lego_weiss_50prozent.jpg');
 	background-position: center;
 }
 
 header {
 	display: flex;
 	justify-content: center;
 }
 video {
	width: 100%;
	height: 100%;
 }
 
 main {
 	display: flex;
 	justify-content: center;
 	padding: 2rem 0 0 0;
 }
 img {
 	width: 60%;
 	height: 60%;
 }
 
 footer a {
	display: flex;
 	justify-content: center;
 	padding: 2rem 0 0 0;
 }
 
 /*-----------------------------------------------------   mailto:carthaus@typeandtoken.de
     Tabletversion ab 640 Pixel                          
       640px / 16px/em = 40em  
------------------------------------------------------*/
@media screen and (min-width: 40em) {
	 video {
		max-width: 80vw;
	 }
	 img {
 		max-width: 48vw;
	 }
}

/*------------------------------------------------------------------
    Bildschirme ab 1024 Pixel                         
      1024px / 16px/em = 64em	
 ------------------------------------------------------------------- */
 @media screen and (min-width: 64em) {
 	 video {
			max-width: 64vw;
	 }
	 img {
 			max-width: 38.4vw;
	 }
 }
 
  /*------------------------------------------------------------------- 
    Große Bildschirme (>1280 Pixel) 
      1280px / 16px/em = 80em
  -------------------------------------------------------------------- */
  @media screen and (min-width: 80em) {
 		body {
 		background-repeat: repeat-y;
 		background-size: 80em;
 	}
 	 video {
			max-width: 51.2vw;
	 }
	 img {
 			max-width: 30.72vw;
	 }
  }