html, body {
	height: 100%;
  }
  
  
  body {
	font: .8125/1.5 Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: rgb(228, 182, 182);
	font-size: 100%;
  
  }
  
  
  
  * {
	box-sizing: border-box;
  
  }

  .cont {
	  float: left;
	  width: 40%;
	  height: auto;
	  padding: 30px;
	  margin: 0 0 0 25px;
	  

  }

  

  
  
  
  .header {
	border: 1px solid transparent;
	
  }
  
  .header img {
	float: right;
	width: 25%;
	min-width: 250px;
	height: auto;
  }
  
  /* navigation */
  
  .menu {
	
	float: left;
	background-color:rgb(150, 20, 32);
	color: white;
	font-size: 1.2em;
	
  }
  
  .well {
	
	background-color: rgb(216, 243, 252);
	
	
  }
  
  .well1 {
   padding: 20px 0 35px 0;
   
  }
  
  .well2 {
	background-color: lightgrey;
  }
  
  .bord {
	border: 1px solid rgb(150, 20, 32); 
  }
  
  
  
  div ul {
	margin: 0 8px 0 0px;
  }
  div li {
  
	display: inline;
	margin: 10px 15px 10px 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  }
  
  div ul li a {
	color: white;
  }
  
  div a:hover {
	border-bottom: 2px solid rgb(219, 233, 93);
	background-color: rgb(224, 67, 67);
  }
  
  #allign {
	text-align: center;
	border: 1px solid rgb(150, 20, 32);
  }
  
  .foto {
	width: 90%;
	height: auto;
	background-color: aliceblue;
	padding: 3px;
   
   
  } 
  .foto1 {
	
	
	background-color: rgba(64, 67, 82, 0.658);
   
	color: white;
	text-align: center;
	border: 1px solid white;
   
   
  } 
  
  .row::after {
	content: "";
	clear: both;
	display: table;
  
  }
  
  [class*="col-"] {
	float: left;
	padding: 20px;
	margin: 5px;
	border-radius: 5px;
	height: auto;
  
	
   
	} 
  
   
  
  
  /* If the screen size is 600px or less, set the font-size of <div> to 30px */
  @media only screen and (max-width: 600px) {
	div.ex3 {
	  font-size: 0.7em;
	}
  }
  
  /* If the screen size is 600px or less, set the font-size of <div> to 30px */
  @media only screen and (max-width: 600px) {
	img.ex1 {
	  min-width: 40%;
	}
  }
  
  /* If the screen size is 601px or more, set the font-size of <div> to 80px */
  @media only screen and (min-width: 601px) {
	div.ex {
	  font-size: 1.4em;
	}
  }
  
  /* For mobile phones: */
  [class*="col-"] {
  width: 100%; 
  }
  
  @media only screen and (min-width: 984px) {
  /* For desktop: */
  .col-s-1 {width: 10.00%;}
  .col-s-2 {width: 25.00%;}
  .col-s-3 {width: 35%;}
  .col-s-4 {width: 48.0%;}
  .col-s-5 {width: 50.0%;}
  .col-s-6 {width: 65.0%;}
  .col-s-7 {width: 80%;}
  .col-s-8 {width: 90.0%;}
  .col-s-9 {width: 100%;}
  }
  
  
   
  
  
  .trailer {
   
  border-radius: 5px;
  text-align: center;
	  
  }
  
  /** Workshop **/
  
  .workshop {
   
	background-color: rgb(175, 44, 44);
	color: white;
	text-align: center;
		  
	}
  
	#flyer1 {
	  width: 50%;
	  height: auto;
	}
	
	.flyer {
	  text-align: center;
	}
  
	#zähler {
  
	  padding: 3px 60% 3px 40%;
	  text-align: center;
	  
	
	}
	#color {
	  background-color: teal;
	  text-align: center;
	  color: white;
	}
  
	footer {
  
	  text-align: center;
	  color: white;
  
	}
	
  
	/** Cockies **/
  
  #mbmcookie {
	position: fixed; 
	bottom: 0; left: 0; right: 0; 
	background: rgb(195, 192, 235); 
	padding: 20px; 
	font-size: 14px; 
	font-family: verdana;
  }
	  
  #mbmcookie a.button {
	cursor: pointer; 
	background: rgb(205, 240, 10); 
	padding: 8px 20px; margin-left: 10px; 
	border-radius: 5px; 
	font-weight: bold; 
	float: right;
  }
  
	  
  #mbmcookie a.button:hover {
	background-color: #aaa;
  }
  
	 
  #mbmcookie p.cookiemessage {
	display: block; 
	padding: 0; 
	margin: 0;
  }