@media only screen and (max-width:1920px) { 

#part_home{

	
	background-position: center center;
background-size: cover;

}
 #BottomContainer{
	/*top right bottom left*/
		margin:11em auto 10em auto;
	
	text-align: center;
		width: 24ch;
	
		
		
	}
	#FooterContainer2{
		margin-top:6em;
	}
 
}
 

@media only screen and (max-width:1680px) { 

	#part_home{
	
		
		background-position: center center;
	background-size: cover;
	height:60em;
	}

	 
	}

 @media only screen and (max-width:1440px) { 
   
     
  #part_home{
  
  	padding-top:4em;
/*background-image: url(../background/onepage_bg1_size_s.png);*/

	background-position: center center;
background-size: cover;
/*background-attachment: fixed;*/

min-height:28em;
  padding-bottom:2em;
text-align: center;
  }
  
  
    .con-header{
	 margin: 0 auto;
	 padding-top:0.6em;
	 padding-right:0.5em;
	
}
  
  
header nav ul  li a{
	text-decoration: none;
	/*color:#eee;*/
	color:#333;
	font-size: 1.4em;
	  display: block;

  text-align: center;
  padding: 22px 16px;
	
}
div >.bt-showmore{

	width: 95.6%;
		
	
	padding-left:0em;
	margin-top:0.2em;

	}
	
.flex-gap-kurse > div {
	
	height:42em;
	/*top right bottom left*/

	background-color: #eee;
	text-align: left;
	
	
}
.flex-gap-group > div {

	width:24em;
padding:0.5em;
	margin-bottom:2em;
	min-height: auto;
}

.flex-gap-group > a{
	color:white;
}

.flex-gap-start > div {

	width:24em;
padding:0.5em;
	margin-bottom:2em;
	min-height: auto;
}

.flex-gap-start > div:nth-child(3)  {

	width:24em;
padding:0.5em;
	margin-bottom:2em;
height:25em;
}
.subh{
		

		font-size:1.6em;
}

#BottomContainer{
	/*top right bottom left*/
		margin:9em auto 9em auto;
	
	text-align: center;
		width: 24ch;
	
		
		
	}
	#FooterContainer2{
		margin-top:6em;
	}

   }/*1440*/
 
 
 
 
  @media only screen and (max-width:1368px) { 
  
  #part_home{
  
  	padding-top:4em;
/*background-image: url(../background/onepage_bg1_size_s.png);*/

	background-position: center center;
background-size: cover;
/*background-attachment: fixed;*/

min-height:28em;
  padding-bottom:2em;
text-align: center;
  }
  
  
    .con-header{
	 margin: 0 auto;
	 padding-top:0.6em;
	 padding-right:0.5em;

	
}
  
  
header nav ul  li a{
	text-decoration: none;
	/*color:#eee;*/
	color:#333;
	font-size: 1.2em;
	  display: block;

  text-align: center;
  padding: 22px 16px;
	
}

.flex-gap-spots > div {
	
	   width:24em;
	   min-height:24em;
	
	   
   }
div.seg{
     padding-top:0.92em;padding-left:0.6em;padding-right:0.6em;padding-bottom:0.5em;

}
#BottomContainer{
	/*top right bottom left*/
		margin:6em auto 6em auto;
	
	text-align: center;
		width: 24ch;
	
		
		
	}
	#FooterContainer2{
		margin-top:0em;
	}
  
  }/*1368*/
 
  @media only screen and (max-width:1280px) { 
	header nav ul  li a{

		font-size: 1em;
	}
  
  .flex-gap-start {

  gap: 2em;


 margin-top:1.4em;
}
  .flex-gap-start > div {

	width:22em;

	
	
	text-align: left;

	
}

div >.bt-showmore{

	width: 95.6%;
		
	
	padding-left:0em;
	margin-top:0.9em;
	}
	


.flex-gap-kurse > div {

	width:22em;
	height:auto;

}


.subh{

font-size: 1.4em;

}

.flex-gap-kurse {

  gap: 2em;

}
.money_kurse p{
	/*top right bottom left*/
	font-size: 2.8em;

	
}
.pre_money_kurse{

font-size: 1.6em;


}

.flex-gap-group > div {

	width:22em;
	
}

.flex-gap-spots > div {

	   width:22em;
   
   }
   #BottomContainer{
	/*top right bottom left*/
		margin:6em auto 6em auto;
	
	text-align: center;
		width: 24ch;
	
		
		
	}
	#FooterContainer2{
		margin-top:0em;
	}
}/**1280*/
 
 @media only screen and (max-width:1024px) { 
 
 header{
	height:2.8em;
	position: fixed;
	background-color: #111;
		
}
.default-design{
	
	max-width: 98%;
	
}

  
header nav{
	

	margin:0;
	float:none;
}
.fa-bars{
	color:white;
	font-size:1.5em;
	display:inline-block;
	width:100%;
	
	text-align:right;
	cursor:pointer;
	
	margin: 12px 4px 0 -44px;
	
}
.fa-bars:hover{
	
	opacity: 0.5;
}


header nav ul {
	display:none;

margin:0;
padding:0;
width:100%;
}

header nav ul li {

	height:4.4em;
width:100%;
}
header nav ul.open {
	z-index: 1;
	display:inline;
line-height: 1em;;
padding:5px 0;
margin:0;
font-size:1em;
background-color: #333;
min-height:12em;

border-top:1px solid silver;
}

#TopLogoCon{
	
	display: none;
	
}
 #SubSidesTopLogoCon{
	display:none;
 }
header nav ul  li a{

	color:#eee;
}

header nav ul  li a:hover{

	color:#de7171;
}



 
#part_home{
	
		
	padding-top:4em;


	background-position: center -12%;
background-size: cover;
min-height:28em;
  padding-bottom:2em;
text-align: center;
}



#HomeButtonCon{
display:block;
text-align: center;

	width:16ch;	
}

.con-homeForBT{
	 margin: 0 auto;
	text-align: right;
		z-index: 1;
	position: relative;
	top:23ch;
	left:1ch;
	text-align: center;
}



#EB_Container > div.eButtonCon > a.bt-kostenlos{
	position: relative;
top:0em;
left:0em;

}
 
 .flex-gap-start {

  gap: 2.2em;
 

}

 .flex-gap-start > div {

	width:72%;

	margin-top:0em;
	margin-bottom:2em;

	
}
.inStart{


	height:27em;
padding-bottom:1em;
}


.flex-gap-start hr{

	position:relative;
	top:-1em;
}

div >.bt-showmore{

width: 95.6%;
	

padding-left:0em;
margin-top:0.9em;
}

.flex-gap-group > div {

	width:90%;
padding:0.5em;
	margin-bottom:2em;
	height: 26em;
}
.inGroup{

	margin-top:0.5em;
	padding: 0em 0em 2em 0em;
	font-size: 1.3em;
	line-height: 1.4em;
	overflow: hidden;
	height:13em;

	
}

.flex-gap-kurse  .subh {
font-size: 1.6em;

		
	}

.flex-gap-kurse > div {
padding-left:0.2em;
padding-right:0.2em;
	width:40%;
	height:43em;
	margin-bottom:2em;
	
}
.flex-gap-kurse >div > hr{
	margin-top:0em;
	padding:0em;
	width:100%;
	
	border: 1px solid#6e8ea5;
	border-radius:4px;
	position:relative;
	top:-1.1em;
	margin:0;padding:0;

}
.inKurse{

	height:12em;

}

.moreKurs{

	height:1.4em;
	margin-top:0.6em;
	
	padding: 0em 0.0em 0em 2em;
}
.pre_money_kurse{
	text-align: left;
	/*top right bottom left*/
	padding: 0.4em 0.0em 0em 1.2em;
	
	
	}
.money_kurse p{
font-size: 3em;

}

.flex-gap-spots > div{

width:90%;
margin-bottom:2em;
 }


 #pcon1 , #pcon2, #pcon3{
 
  max-width:100%;
 }

 .flex-bottom-gap > div {

	border-radius: 8px;
	width:19ch;
	height:6em;
	
	color:white;
	font-size: 1.2em;
	
}

#part_formular{
	padding-top:4em;
	 	padding-bottom:3.2em;
		margin: 0em auto 0 auto;
background-color:#222;
background-image:none;

	
}



#inner-adm{
	
	  position: fixed;
	   top: 10%;
}



#adm_con{
	

min-width: 250px;
min-height: 300px;
max-width:92%;
max-height:80ch;
  margin: 0 auto;
  padding:12px;
  -webkit-border-radius: 8px;
 
  -o-border-radius: 8px;
  border-radius: 8px;
	overflow: scroll;
	}
	
	#con_close{
	
	text-align: right;
	 position: relative;
	 
max-width:80%;
height: 30px;
  margin: 0 auto;
	}
	
	.flex-gap-kurse > div {
width:90%;
		padding:0em;
		margin-bottom:2em;
		min-height: auto;
	
	
}

 .bt-showmore{

height:1.3em;


}
#Groupcon1{
	width:101%;

	}
#Groupcon3{
width:101%;

}
/*.bt-kostenlos{
	position: relative;
top:82%;
left:-auto;
}*/ 
 
 }/*1024*/
 
 
  @media only screen and (max-width:440px) { 
	.default-design{
		max-width: 100%;
	   }
#header{

	background-color: rgba(122,122,122,0.0);

}
#header{

	background-color: rgba(122,122,122,0.0);

}
.fa-bars{
	color:#D58927;
	font-size: 2.1em;
	transition: all 300ms; 
	 -moz-transition: all 300ms;
	 -o-transition: all 300ms; 
	  -webkit-transition: all 300ms;
	cursor: pointer;

	
	}
.Hblack{
	background-color:none;

}
.LogoCon{
	
	/*margin-left:-00%;*/
			max-width: 15ch;
		
		
	}
		
		.mClass h1 {
			font-size: 1em;
		}
		
		.marke{
			margin-left:0px;
			float:none;
			width:100%;
			margin-bottom:0.8em;
			margin-top:2.8em;
			text-align: center;
			}
	

			h1{
				
				color:rgb(40, 38, 38);
				font-size: 2.6em;
				text-transform: uppercase;
			
			margin-bottom:0.4em;
			
			
				}
	
			
	header nav ul.open {
	
	display:inline;
	line-height: 1em;;
	padding:5px 0;
	margin:0;
	font-size:1em;
	background-color: #333;
	min-height:12em;
	
	border-top:1px solid silver;
	}
	
	header nav ul.open li {
		height:3em;
		background-color: #817d7d;
	
		padding-top:0.8em;
	
	}

	header nav ul.open  li a{

	padding:0px;
	margin:0px;
		color:#eee;
		
	}
	
	header nav ul.open li a:hover{
	
		color:#de7171;
	}


	h1{
		color:rgb(40, 38, 38);
		font-size: 1.8em;
		text-transform: uppercase;
		
	margin-bottom:1.4em;
	
	
		}
		/*### subhead in schmall kasten###*/
		.subh{
		
			text-align: center;
				font-size:1.3em;
				
		
			
				
			}
  
			#Tlogo{

				display: none;
			}



	#headerB{

		height:2.6em;
			}
#part_home{
	
		
	padding-top:6em;
	height:22em;

	background-image: url(../background/welcome1.jpg); 
background-size: cover;
	background-position: 0 0em;
	background-repeat: no-repeat;

}




div >.bt-showmore{
margin-top:0em;
width: 92%;


padding:  0em 0.8em 0em 0.4em;
}

#part_start{
margin-top:0em;
padding-top:1em;
	width:100%;
	padding-bottom:2em;
	
	
}


.flex-gap-start {

	gap: 1em;
  
  
   margin-top:0.4em;
  }
.flex-gap-start > div {
	width:100%;
	height:36em;
	
	
}
.inStart{
	font-size: 1em;

	padding:0.4em;
	min-height:28em;

	margin-bottom:1.1em;
}
.flex-gap-start hr{

	
	border: 1px solid #6e8ea5;
	border-radius:4px;
	position:relative;
	top:-0.6em;
}




#part_erstB{
	
	background-position: 42% 5%;
	background-size:cover;
	width:100%;
	padding-top:1.2em;
	padding-bottom: 4em;
}
#part_erstB .head1{
font-size: 1.8em;	
margin-left:0.2em;
margin-right:0.2em;
}

.flex-gap-erst div.eText {
	/* box-shadow: 10px 20px 15px silver;
		border-radius: 8px;
		
		background-color: #eee;*/
		width:100%;
		height:auto;
		padding:0.4;
	
		font-size:0.9em;
		line-height: 1.4em;
		color:#eee;
		word-wrap: break-word;
		
	}
	.flex-gap-erst div.eButtonCon {
		/* box-shadow: 10px 20px 15px silver;
			border-radius: 8px;*/
			width:100%;
			min-height:6em;
		text-align: center;
		

			
		}
 .bt-kostenlos{

	width:8em;
	height:6em;

font-size:1.1em;
position: relative;

	top:0em;
	left:0em;
	
	}
	#pxcon1 , #pcxon2, #pxcon3{
 
		width:100%;
	   }

	#part_kurse{

		 width:100%;
		 padding-top:1.2em;
		padding-bottom:3em;
	}

	#part_kurse > h2.head1{

		font-size: 1.7em;
	}
	.flex-gap-kurse {
	gap: 5em;
	}
	.inKurse{

height:25em;


	}


	.flex-gap-kurse	.subh{

		font-size: 1.5em;
		font-weight: bold;
	}
.flex-gap-kurse >div > hr{
	border: 2px solid#6e8ea5;
	border-radius:4px;
	
	position:relative;
	top:-0.4em;
	

}
.flex-gap-kurse > div {

	width:84%;
	min-height:40.4em;
	/* box-shadow: 0px 0px 0px rgb(43, 44, 47);
	 border-radius:0px;*/
	 box-shadow: 10px 10px 14px rgb(43, 44, 47);
	 border-top-left-radius: 8px;	
	 border-top-right-radius: 8px;	
	  
   }
/*.inKurse{

}*/

   .pre_money_kurse{
	margin-top:0ch;
	/*top right bottom left*/
padding: 0.4em 0.0em 0em 1.4em;
	
	}
	.money_kurse p{
			/*top right bottom left*/

	/*padding: 0.2em 0.4em 0.2em 0em;*/
font-size: 2em;
	}
	a.bt-more{
	
		margin-top:2ch;
	}

.bt-showmoreKurs{
	height:1.6em;
	width:100%;

	
	text-align: center;
	font-weight: bold;
	
	font-size: 1.4em;
	
	text-decoration:none;
	padding-top:0.5em;
	box-shadow: 10px 10px 14px rgb(43, 44, 47);
	/*border-radius: 8px;	*/
}

#part_group{
	padding-top:2em;
width: 100dvw;

}
	#part_group > h2.head1{
	
		font-size:1.3em;
	}
	.flex-gap-group {
		
	margin-top:-1.2em;

	}
	.flex-gap-group > div {
		margin-top:0em;
		padding: 0.4em 0.4em 0.5em 0.4em;
height:20em;
font-size:0.8em;

		width:100%;
	}

	.flex-gap-group > div:nth-child(2) {

height:44em;


	
	}
	.flex-gap-group > div:nth-child(3) {
margin-top: -3em;;
		height:30em;
		
		
			
			}

	.flex-gap-group > div hr{
	
		margin-top:0em;
		padding:0em;
	   width: 90%;
	 
		border: 2px solid #6e8ea5;
		border-radius:4px;
		position:relative;
		top:0.8em;
		left:0.0em;
	}
	.inGroup{
		margin-top:0.8em;
		padding: 0.4em;
		font-size: 1.3em;
		line-height: 1.4em;
		overflow: hidden;
		height:15em;
	
		
	
	}
	div.PRPic{
		box-shadow:none;
		border-radius: 0px;	
	
	width:100%;
	margin-top:-1.4em;
		
	}
	div.PRPic2{

		box-shadow:none;
		border-radius: 0px;	
		width:100%;
		margin-top:-1.4em;  
	   }

	   .flex-gap-group hr{

		border: 2px solid #6e8ea5;
		border-radius:4px;
		position:relative;
		top:-1em;
	}
	.eButtonConBoot{
		text-align: center;

width:90%;
padding-left:1em;
padding-right:1em;

	}
	.bt-boot{
	padding:0em;
		margin-top:2em;
		background-color: rgb(125, 124, 121);
		box-shadow: 10px 10px 10px rgb(152, 152, 154);
		 border-radius:10px;
		 padding-top:1em;
		 padding-bottom:1em;
padding-left:3em;
padding-right:3em;
width:90vw;
	}
	.bt-boot_camp{
		padding:0em;
			margin-top:3em;
			background-color: #D58927;
			box-shadow: 10px 10px 10px rgb(152, 152, 154);
			 border-radius:10px;
			 padding-top:1em;
			 padding-bottom:1em;
	padding-left:3em;
	padding-right:3em;
	font-size: 1.2em;;
	font-weight: bold;
	width:90vw;
	color:white;
	text-decoration: none;
		}

	

#part_formular{
	padding-bottom:2.8em;
	
	
}

.flex-gap-formular > div {
	height:20em;
}
#FormularContainer{

	margin-top: 0em;
}


#FormularContainer #FormLeft > select{
 width: 86%;
  
  border: 1px solid  #eee;
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 1em;
  line-height: 1.1;
 color:#eee;
 background-color:#333;
  margin-bottom:0.2em;
  margin-left:0.8em;
}

#FormularContainer #FormMiddle > select{
	width: 86%;
	 
	 border: 1px solid  #eee;
	 border-radius: 0.25em;
	 padding: 0.25em 0.5em;
	 font-size: 1em;
	 line-height: 1.1;
	color:#eee;
	background-color:#333;
	 margin-bottom:1.2em;
	 margin-left:0.8em;
   }

#FormularContainer #FormLeft > input{

	width: 81%;

  font-size: 1em;

  line-height: 1.1;
  margin-left:0.8em;

}

#FormularContainer #FormMiddle > input{
	
	width: 81%;

  font-size: 1em;

  line-height: 1.1;
  margin-left:0.8em;

}

#FormularContainer #FormLeft > textarea{
	
	width: 82%;

  font-size: 1em;
  cursor: pointer;
  line-height: 1.1;

	 margin-top:2.2em;
	   margin-left:0.8em;
}
#FormRight {
		/*top right bottom left*/
padding: 0px 12px 80px 12px;

}
#FormRight label{
	background-color: red;
	margin-left:11ch
}
.FormText{
	padding-left:0.8em;
	
}

#part_spots .head1{

font-size: 1.8em;
}

.flex-gap-spots {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1em;
	width:100%;
	margin-top:0em;
	margin-bottom:1em;
	font-size: 1em;
  }


.flex-gap-spots > div:nth-child(1) {
width:100%;
height:34em;


}

.flex-gap-spots > div:nth-child(2) {
	width:100%;
	height:34em;
	
	
	}
	.flex-gap-spots > div:nth-child(3) {
		width:100%;
		height:34em;
		
		
		}
	

#Spotcon1 ,#Spotcon2, #Spotcon3{
	
	width: 100%;
box-shadow: none;
border-radius: 0px;	
	
	
}


.flex-bottom-gap > div {

	border-radius: 8px;
	width:100%;
	max-height:8ch;	
	color:white;
	font-size: 1.4em;

	
}
#BottomContainer{
	/*top right bottom left*/
		margin:6em 30% 3% 30%;
	
	text-align: center;
		width: 24ch;
	
		
		
	}
	#BottomContainer .LogoCon{
		background-color: #1D1D1B;
	margin-left:-00%;
			max-width: 16ch;
		
		
	}

#FooterContainer2{

position: relative;
top:4em;

	color:white;
   }
   
   
   
   .f_copyright{
	   
	position: relative;
	top:12em;
	   text-align: center;
	   margin-right:1em;
	   margin-bottom:0.3em;
		color:white;
	   font-size:1.1em;
	   
	   
   }

   #SubContainer{
	
	background-color: #eee;
	text-align: left;
	padding:0em;
	margin-top:0em;
	
	
}

#SubContainer .innerHead{
	font-size: 1.2em;
}

.flex-gap-subs {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1em;

 width:100%;


 margin-bottom:3em;
}

.flex-gap-subs > div {

	width:100%;
	min-height:28em;
	line-height: 1.5em;;

	padding:1em;
	text-align: left;
margin-top:2em;
margin-bottom:2em;
	
}
  
  }/*428*/