* {
		box-sizing: border-box;
	}
	
	body {
	  font-family: arial, tahoma, sans-serif;
	  background-color: lightblue;
	  margin: 0;
	}

	h1 {
	  font-size:4vw;
	  font-weight: bold;
	  color: grey;
	}

	h2 {
	  font-size:2vw;
	  font-weight: bold;
	}

	h2.ext {
	  font-size:3vw;
	  color: #7F7F7F;
	  font-weight: bold;
	}

	h3 {
	  font-size:1vw;
	  font-weight: bold;
	}

	  a:link{
	  text-decoration: none;
	  border: 0;
	  color: #ffffff;}

	  a:visited{
	  text-decoration: none;
	  border: 0;
	  color: #ffffff;}

	  a:hover{
	  text-decoration: none;
	  border: 0;
	  color: #bbbbbb;}

	  a:active{
	  text-decoration: none;
	  border: 0;
	  color: #bbbbbb;}

	.container {
		width:100%;
		height:auto;
		margin: 0 auto;
		padding: 0;
	}

	.content {
		height:100%;
		width:100%;
		padding:20px;
	}

	.row {
		height:100%;
		width:100%;
		margin-bottom:4px;
		padding:20px;
	}

	.header {
		width:40%;
		float:left;
		height:100%;
		margin-right:2%;    
	}

	.header:last-child {
		margin-right:0;
	}

	.picture {
		width:48%;
		float:left;
		height:100%;
		margin-right:2%;    
	}

	.picture:last-child {
		margin-right:0;
	}

	.thema {
		width:32%;
		float:left;
		text-align: center;
		height:100%;
		margin-right:1%;
	}

	.seite {
		width:32%;
		float:left;
		text-align: center;
		height:100%;
		margin-right:1%;
	}

	.seite:last-child {
		margin-right:0;
	}
	
	.mseite {
		width:100%;
		float:left;
		text-align: center;
		height:100%;
		display: none;
	}

	.menu {
		width:32%;
		float:left;
		text-align: center;
		height:100%;
		margin-right:1%;
	}

	.menu:last-child {
		margin-right:0;
	}
	
	.clear {
		clear: both; 
	}
	
	.space {
		display: none;
	}

    @media screen and (max-width: 1000px) {
     .header, .menu, .picture, .thema {
      width: 100%;
      }
	  
	  h1 {
	    font-size:8vw;
	  }

	  h2 {
	    font-size:4vw;
	  }

	  h2.ext {
	    display: none;;
	  }

	  h3 {
	    font-size:3vw;
	  }

	  .seite {
		display: none;
	  }

	  .mseite {
		display: block;
	  }

	  .space {
		display: block;
	  }
	}