/*
 Aufgabe: (11)
Name: (Alicia Burger)
Matrikel: (254604)
Datum: (14.01.2017)
Hiermit versichere ich, dass ich diesen
Code selbst geschrieben habe. Er wurde
nicht kopiert und auch nicht diktiert
*/

/*Layout*/
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Questrial');

*{
	padding:0;
	margin:0;
} 

body {
    background-color: #363636;	
    font-family: Candara, sans-serif;
    color: #a3a3a3;
}

/*link farben*/	
a:link {color: #a3a3a3;}
a:visited {color: #a3a3a3;}
a:hover {color: #720012;}
a:active {color: #720012;}
a{text-decoration: none;}
.farbigerLink{color: #720012;}



/*---------------------------------------------------------------------------------------------------*/
	/*HEADER*/
	
header {
	width: 100%;		
}
#navfeld{
	position:fixed;
	background-color: rgba(28, 28, 28, 0.75);
	width:100%;
	z-index:200 ;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
}
/*---------------------------------------*/
	/*Menü */
	
.burgerIcon {	
    width: 35px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 6px;
    margin-left: 25px%;
	margin-bottom:10px;
}
/* .burgerIcon: hover {	 */
/*      width: 35px; */
/*     height: 5px; */
/*     background-color: rgba(1, 198, 255, 0.9); */
/*     margin: 6px; */
/*     margin-left: 25px%; */
/* 	margin-bottom:10px; */
   
    
/* } */
#menueGr{
	display:none;
}	
#klappmenue li {
    text-align: center;
    font-family: Candara, 'Hind Siliguri', sans-serif;
    color: #a3a3a3;
    font-size: 160%;
    list-style-type: none;
}
.imprdatkl {
    font-size: 80% !important;
    margin-top: 5px;
    margin-bottom: 5px;
}
#imprkl{
	margin-top: 10px;
}
li a img{
		height: 1.5em;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;

	}
#abkuerzelKlB{
	height: 1.5em;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}
#homeGr{
	margin-left:15px;
}

.imprdatgr{
	font-size: 75% !important;
	/* float:right; */
}

/*---------------------------------------------------------------------------------------------------*/
/*MAIN*/

	/*Hintergrundbild+Text*/
		
#bildHintergrund{    
	/* background-image: url(Bilder/Hintergrund_Home.png);
	background-repeat: no-repeat;
	background-size: cover; */
	width: 100%;
}		
#myVideo {
    width: 100%;
    margin-top: 52px;
}
#aliciaburger{
	width:49%;
	margin-left: 26%;
	margin-top: 17%;
}
.anker {
    height: 52px;
}
#ankerPortfolio{
	position: relative;
	margin-top:0;
}
.downloadlink{
	color: #720012 !important;
}

/*---------------------------------------*/
	/*Überschriften*/
	
#uebersSect{
	width: 100%;
	background-color: #282828;
	padding-top: 0px;
	box-shadow: 0px 1px 5px black;
	
}
.ueberschriftGr{
	font-family: Century Gothic,'Questrial', sans-serif;
	font-size:1.75em;
	padding-top:50px;
	width:100%;
	color:#e4e4e4;
	text-align: center;
	
}

.ueberschriftKl{
	font-family: Century Gothic,'Questrial', sans-serif;
	font-size:1em;
	margin-top:5px; 
	color:#e4e4e4;
	text-align: center;
}
.semesterZahl{
	font-family: Century Gothic,'Questrial', sans-serif;
	font-size:1em; 
	color:#a3a3a3;
	float:left;
	text-align: center;
	margin-top:70px;
	margin-bottom:20px;
	padding-left:auto;
	padding-right:auto;
	display: block;
	width:100%;
}
#semester1{
	margin-top:20px;
	
}
#ueberBox{
	position: relative;
	z-index: 110;
	margin-top:0;
}
#ankerProjects{
	position: relative;
	z-index: 100;
}

/*---------------------------------------*/
	/*Slideshows + Möbel photography + projects + about*/

	
* {box-sizing: border-box;}

.mySlides1 {display: none;}
.mySlides2 {display: none;}
.mySlides3 {display: none;}
img {vertical-align: middle;}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
#projSect{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
#leistungsection{
	margin-top:30px;
	margin-left:30px;
	margin-right:30px;
	
}
.overlaytext{
  color: #F3F3F3;
  font-size: 1.8em;
  position: relative; 
  top: 45%;
  text-align: center;
  font-family: Candara, sans-serif;
}
.leistungsbox {
  position: relative;
  display: block;
  float: left;
  z-index: 100;
  width: 33%;

	
  
}
.leistungsimage {
  display: block;
  float:left;
  width: 100%;
  height: auto;
  /* max-height:300px; */

}
.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  height:0;
  transition: .4s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}
.leistungsbox:hover .overlay {
  opacity: 1;
  height: 100%;
}
#moebel{
	margin-bottom:10px;
}
#einrichtungen{
	margin-bottom:10px;
}
#weiteres{
	margin-bottom:10px;
}
#2{ margin-top:300px;
	margin-bottom:10px;
}
.boxHoch{
	width: 65%;
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}
.boxQuer{
	width: 90%;
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}
.boxQuadrat{
	width: 75%;
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}

#fuerstbox{
	margin-top:5px;
}
#ballbox{
	margin-top:5px;
}
#awarebox{
	margin-top:5px;
}
.popUp{
	width: 100%;
	height:100%;
	background-color: #282828 !important;
	box-shadow: 2px 2px 5px black;
	display: none;	

  	position: fixed;
 	 z-index: 250;
 	 padding-top: 50px;
 	 left: 0;
  	 top: 0;
 	 overflow: auto;
 	 background-color: black;
}

/* Modal Content */
.modal-content {

/*position: relative;*/
}
.anzahl {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: relative;
  float:left;
  margin-left:20px;
 
  color: #d7d7d7;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}
.videolink{
	float:left;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: #720012;
}
/* Number text (1/3 etc) */
.numbertext {
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:120%;
	text-align:center;
	color: #d7d7d7;
	margin-left:20%;
	margin-top:15px;
  position: absolute;
  top: 0;
} 

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 2px;
  margin-bottom:20px;
  background-color: #a3a3a3;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.punkt{
	text-align: center;
	margin-bottom:50px;
}
.active, .dot:hover {
  background-color: #720012;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
/* The Close Button */
.close {
  color: #d7d7d7;
  position: absolute;

  margin-right:20%;
  top:8px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #720012;
  text-decoration: none;
  cursor: pointer;
}
.youtubeVideos{
	margin-left:20%;
	margin-right:20%;
	margin-bottom:10px;
	width:180px;
	height:150px;
}

.boxQGr{
	margin-left:20%;
	margin-right:20%;
	margin-bottom:10px;
	width:60%;
}
.boxHGr{
	margin-left:30%;
	margin-right:30%;
	margin-bottom:10px;
	width:40%;
}
.boxTextZusatz{
	margin-left:auto;
	margin-right:auto;
	width:75%;
	margin-bottom:0px;
		font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:75%;
	text-align:center;
	color: #a3a3a3;
}
.boxText{
	margin-left:auto;
	margin-right:auto;
	width:70%;
	margin-top:10px;
	margin-bottom:10px;
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:70%;
	text-align:center;
	color: #a3a3a3;
}
.boxTextOut{
	margin-left:auto;
	margin-right:auto;
	width:70%;
	margin-top:20px;
	margin-bottom:10px;
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:75%;
	text-align:center;
	color: #a3a3a3;
}
.boxHoch{
	width: 65%;
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}
.boxQuer{
	width: 90%;
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}
.boxQuadrat{
	width: 75%;
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}
.boxHochPh{
	width: 65%;
	
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}
.boxQuerPh{
	width: 90%;
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}
.boxQuadratPh{
	width: 75%;
	margin-top:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 5px black;
}
#gameAbstand{
}
/*.spalte1v3{
	margin-left: auto;
    margin-right: auto;
	background-color: #282828;
	width:90%;
}
.spalte2v3{
	margin-left: auto;
    margin-right: auto;
	background-color: #282828;
	width:80%;
}*/
/*.spalte3v3{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:15px;
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:120%;
	text-align:center;
	background-color: #282828;
	color: #a3a3a3;
	width:80%;
}*/

#ankerPhotos{
	display:box;
	float:right;
	margin-top:20px;
	margin-bottom:30px;
	width:100%;
	position: relative;
	z-index: 110;
	}
#photoSect{
	width: 100%;
	padding-top: 0px;
	padding-bottom: 20px;
}
#photos{
	display:box;
	float:right;
	margin-top:20px;
	margin-bottom:40px;
	width:100%;
	position: relative;
	z-index: 110;
}
#aboutSect{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
#ankerAbout{
	float:right;
	margin-bottom:36px;
	width:100%;
	position: relative;
	z-index: 110;
	}
#about{
	display:box;
	float:right;
	margin-bottom:30px;
	padding-bottom:50px;
	width:100%;
	position: relative;
	z-index: 110;
	background-color: #282828;
	box-shadow: 0px 1px 5px black;
	
}
#ich{
	margin-left:7.5%;
	margin-right:7.5%;
	margin-bottom:2.5%;
	width: 85%;
	float:left;
	
}

#slogan{
	font-family:Malgun Gothic Light;
	font-family:Bembo;
	font-family:Gabriola;
	color:white;
	font-size:38px;
	font-size:50px;
	text-align:center;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	float:left;
}
#aboutDiv{
	width: 85%;
	margin-left: 7.5%;
    margin-right: 7.5%;
    margin-top: 2.5%;
	font-family: Candara, sans-serif;
	font-size:120%;
	text-align:center;
	color: #a3a3a3;
	float:left;
	margin-bottom: 40px;
}
#myWebsite{
	width: 95%;
	margin:2.5%;
	margin-left:10px;
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:120%;
	text-align:center;
	color: #720012;
	
}
#listenDiv{
	float: left;
	 margin-left: auto;
    margin-right: auto;
    padding-bottom:50px;
}
.liste{
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:120%;	
	color: #a3a3a3;	
	margin-top:20px;
}
.listbox{
	float:left;
	width:100%;
	margin-bottom:30px;
	margin-left: 30px;
}
#skills{
	width: 100%;
	float:left;	
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:150%;
	text-align:center;
	color:#e4e4e4;
	margin-top:50px;
	margin-bottom: 35px;
}



/*---------------------------------------------------------------------------------------------------*/
/*FOOTER*/

footer{
	margin-top:10px;
	background-color: #282828;
width:100%;}
#contact{
	display:box;
	float:right;
	/*margin-top:40px;*/
	padding-bottom:50px;
	width:100%;
	position: relative;
	z-index: 110;
	background-color: #282828;
	box-shadow: 0px 1px 5px black;
}
#contactAnker {
    float: right;
    margin-bottom: 35px;
    width: 100%;
    position: relative;
    z-index: 110;
}
.footerText{
	width: 70%;
	padding-left:10px;
	text-align: left;
	font-family: Candara, sans-serif;
	font-size:95%;
	text-align:left;
	color: #a3a3a3;
	float: left;
}
.iconbox {
    width: 100%;
    float: left;
    padding-bottom: 20px;
    display: inline-block;
}
#mailicon{
	margin-top: 37px;
}
#adresseicon{
 	margin-bottom: 10px;
}
#footerbox{margin-left:0;

margin-bottom:0;

	float: left;
	width: 100%;
	background-color: #282828;
}
.icon{
	width:50px;
	padding-left:0;
}

#hfuIcon{

	
	width:200px;
	padding-left: 45%;
	padding-right:10px;
	padding-top:40px;
	padding-bottom:5px;
	float: right;
}

/*---------------------------------------------------------------------------------------------------*/
/*Breakpoints*/
@media screen and (min-width:  350px){
	/*MAIN*/
.ueberschriftGr{	
		font-size:2.4em;
	}
.ueberschriftKl{	
		font-size:1em;
	}	
.boxText{
	font-size:90%;
}
.boxTextZusatz{
	font-size:90%;
}
.boxTextOut{
	font-size:90%;
}
.youtubeVideos{
	width:234px;
	height:195px;
}

}

/*---------------------------------------------------------------------------------------------------*/
@media screen and (min-width:  570px){
	
	 
 /*ab  570 px */
	 
	/*header*/
	.burgerIcon {	
	    width: 35px;
	    height: 5px;
	    background-color: rgba(255, 255, 255, 0.9);
	    margin: 6px;
	    margin-left: 25px;
		margin-bottom:10px;
	}
	/*---------------------------------------*/
	/*main*/
	.ueberschriftGr{	
		font-size:4em;
	}
	.boxHOut{
	height:230px;
	float:left;
	width: 20%;
}
.boxQOut{
	height:230px;
	float:left;
	width: 40%;
	
}
.bees{
	height:230px;
	clear:left;
	width: 30%;
    margin-top:55px;
}
.boxHoch{
	width: 90%;
	margin:15px;
	margin-top:40px;
	float: left;
	position: relative;
	z-index:100;


}
.boxQuer{
	width: 95%;
	margin:15px;
	margin-top:40px;
	float: left;
	position: relative;
	z-index:100;
}
.boxQuadrat{
	width: 90%;
	margin:2.5%;
	margin-top:40px;
	float: left;
	position: relative;
	z-index:100;
}

/* .boxHochPh{ */
/* 	width: 65%; */
	
/* 	margin-top:40px; */
/* 	display: block; */
/*     margin-left: auto; */
/*     margin-right: auto; */
/*     box-shadow: 2px 2px 5px black; */
/* } */

.boxHochPh{
	width:30%;
	margin:2.5%;
	margin-top:40px;
	float: left;
	position: relative;
	z-index:100;


}
.boxQuerPh{
	width: 45%;
	margin:2.5%;
	margin-top:40px;
	float: left;
	position: relative;
	z-index:100;
}

#ente {
	clear:left;
}
.BoxQuadratPh{
	width: 35%;
	margin:2.5%;
	margin-top:40px;
	float: left;
	position: relative;
	z-index:100;
}
#typoBox{
	margin-top:120px;
}
#shopbox{
	margin-top:120px;
}
.youtubeVideos{
	width:396px;
	height:330px;
}
.popUp{
	float: left;
	width: 100%;
	background-color: #282828;
	box-shadow: 2px 2px 5px black;
	display: none;
}
.boxText{
	font-size:100%;
	width:80%;
}
.boxTextZusatz{
	font-size:100%;
	width:80%;
}
.boxTextOut{
	font-size:100%;
	width:80%;
}
#listenDiv{
	float: left;
	width: 100%;
}
.liste{
	font-family: Candara, 'Hind Siliguri', sans-serif;
	font-size:150%;	
	color: #a3a3a3;	
}
.listbox{
	float:left;
	width:25%;
	margin-left: 4%;
}
#aboutDiv{
	font-size:150%;
}
#myWebsite{
	font-size:150%;
}
#semester1{
	margin-top:80px;
	
}	
	/*---------------------------------------*/
	/*footer*/
.footerText {
    font-size: 16px;
}
.icon {
    width: 50px;
    padding-left: 0;
}
#adresseicon {
    float: right;
    margin-bottom: 100px;
    margin-top: 30px;
}
.iconbox {
    width: 50%;
    float: left;
    padding-bottom: 20px;
    display: inline-block;
}
}
/*---------------------------------------------------------------------------------------------------*/
@media screen and (min-width:  768px){

 
 /*ab  768 px */
	 /*Header*/
	
	#burger{
		display:none;
	}
	
	#klappmenue{
		display:none !important;
	}
	#menueGr{
		display: inline;		
	}
	#boxMenueGr{
		display: block;	
		margin-top:15px;
		margin-bottom:15px;
	}
	#navfeld {
		height: 87px;
	}
	#menueGr li {
		float:left;
		font-family: Candara, 'Hind Siliguri', sans-serif;
		color: #a3a3a3;
		font-size:142%;
		list-style-type: none;
		width:14%;
		margin-left:1%;
		margin-right:1%;
		
		}
	#abkMargTop{
		margin-top: -8px;
	}
	#korrekturhome{padding-left: 2%;
	}
	#abkuerzelGr{
		padding-left: 23px;
		margin-left:0px;
		height:2em;
	}
	#abkuerzelGrB:hover {
			opacity: 1;
			
	}
	#abkuerzelGrB{
		height:2em;
		margin-left: 0px;
		padding-left: 22px;
		opacity: 0;
		position: absolute;
	}
	#contactGr{
		padding-left: 7px;
	}
	#imprdatgr {
    font-size: 70% !Important;
    float: right !Important;
    margin-top: 2px;
    }

/*---------------------------------------*/
/*Main*/
#myVideo {
    width: 100%;
    margin-top: 89px;
	}
.boxText{
	width:90%;
}
.boxTextZusatz{
	
	width:90%;
}

.boxHGr{
	margin-left:35%;
	margin-right:auto;
	width:300px;
}
.youtubeVideos{
	width:522px;
	height:435px;
}
.boxHOut{
	height:300px;

}
.boxQOut{
	height:300px;

}
.bees{
	height:200px;
}

.boxHoch{
	width: 90%;
}
.boxQuer{
	width: 95%;
	
}
.BoxQuadrat{
	width: 90%;
	
}
.boxHochPh{
	width: 20.5%;
}
.boxQuer{ph
	width: 42%;
}
.BoxQuadratPh{
	width: 28%;
}

.anker{
	height:88px;
}
#skills{
	font-size: 2em;
}
#myWebsite{
/* 	width: 65%; */
	margin:2.5%;
	font-size:150%;
/* 	text-align:center; */
}
#ankerAbout {
    margin-top: 20px;
    margin-bottom: 70px;
}
#semester1{
	margin-top:100px;
}	
/*footer*/
#contactAnker {
    margin-top: 20px;
    margin-bottom: 69px;
}
#hfu{
	width:20%;
}
.footerText {
    font-size: 18px;
}
}

/*---------------------------------------------------------------------------------------------------*/
@media screen and (min-width:  1024px){

/*Header*/
#navfeld {
    height: 111px;
    padding-top: 18px;
}
#menueGr li {
	font-size:190%;
}
#korrekturhome{
	padding-left: 3%;
}
#abkuerzelGr{
	padding-left: 35px;
}
#abkuerzelGrB{
	padding-left: 34px;
}
#imprdatgr {
    font-size: 95% !Important;
}
.anker {
    height: 112px;
}	
#ankerAbout {
    margin-bottom: 93px;
}
/*Main*/
#myVideo {
   margin-top:7em;
} 
.textbox{
  font-size: 2em;
}
.boxHGr{
	margin-left:38%;
	margin-right:auto;
}
.boxHOut{
	height:370px;
}
.boxQOut{
	height:370px;
}
#contactAnker {
    margin-bottom: 93px;
}
.bees{
	height:300px;
	  margin-top:65px;
}
.boxHochPh{
	width: 23%;
}
.boxQuerPh{
	width: 28%;
}
.BoxQuadratPh{
	width: 25%;	
}
.youtubeVideos{
	width:504px;
	height:420px;
}
.youtubeVideos{
margin-left:30%;
}
#ente {
	clear:none;
}
#aboutDiv{
	width: 65%;
	margin:2.5%;
	font-size:150%;
	text-align:left;
}
#ich{
	width: 25%;
	margin-top:2.5%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.footerText {
    font-size: 22px;
}
}
/* ------------------------------------------------------------ */
@media screen and (min-width:  1280px){

	 
/*Header*/
#myVideo {
    margin-top: 129px;
}
#navfeld {
    height: 127px;
}
#menueGr li {
	font-size:245%;
}
#korrekturhome{
	padding-left: 4%;
}	
#abkuerzelGr {
    padding-left: 46px;
}
#abkuerzelGrB {
    padding-left: 45px;
}
#abkMargTop {
    margin-top: -12px;
}
#contactGr {
    padding-left: 15px;
}
#imprdatgr {
    font-size: 110% !Important;
    margin-top: 5px;
}
/*Main*/
.textbox{
  font-size: 2.5em;
}
.boxHOut{
	height:450px;
}
.boxQOut{
	height:450px;
}
.bees{
	height:370px;
	margin-top:160px;
}
.boxHochPh{
	width: 23%;
}
.boxQuerPh{
	width: 28%;
}
.BoxQuadratPh{
	width: 25%;
}
.anker {
   height: 128px;
}
#ankerAbout {
    margin-bottom: 109px;
}
#contactAnker {
    margin-bottom: 109px;
}
}
/* ----------------------------------------------------------------------- */
@media screen and (min-width:  1590px){

	 
/*Header*/

#menueGr li {
	font-size:310%;
}
#abkuerzelGr {
    padding-left: 60px;
}
#abkuerzelGrB {
    padding-left: 59px;
}
#abkMargTop {
    margin-top: -20px;
}
#imprdatgr {
    font-size: 120% !Important;
    margin-top: 8px;
}
/*Main*/
.textbox{
  font-size: 3em;
}
	.boxHOut{
	height:550px;
}
.boxQOut{
	height:550px;

}
.bees{
	height:500px;
	margin-top:240px;
}

.youtubeVideos{
	margin-left:38%;
}

	.bees{
	height:500px;
	margin-top:320px;
}
.boxQOut{
	margin-top:80px;

}

#typogr{
	margin-top:270px;
}
#bee{
	margin-top: 200px;
}
#shop{
	margin-top: 100px;
}
#photos{
	margin-top: 450px;
}
/* Footer */
#slogan{
	float:left;
}
}
/* @media screen and (min-width:  1680px){
#myVideo {
   margin-top:12em;
} 
} */
@media screen and (min-width:  2000px){
	#semester1{
	margin-top:170px;	
}
}