@import url(font.css);
 @import url(awesome/css/solid.min.css);
  @import url(awesome/css/fontawesome.css);
    @import url(awesome/css/brands.min.css);
     @import url(formular.css);
    @import url(awesome/css/all.min.css);
 


html, body {
    margin: 0;
	height: 100%;

  padding: 0;
  background-color:  #1D1D1B;
  color: #1D1D1B;
  text-align: center;
    scroll-snap-type: y mandatory; 
    scroll-behavior: smooth;
   /*  font-family: 'Exo 2', sans-serif;*/
	font-family: 'Roboto', sans-serif;

  }



 /*add text for google  hide it*/
 .addtxt{

display:none;

 }
 .innerHead{

	color:  rgb(9, 0, 0);
display: inline;
font-size: 1.3em;
font-weight: bold;


}

#p_one #p_two #p_three #p_four #p_six #p_seven{
	height: 1.2em;

}

 .fa-bars{
 color:white;
 font-size: 2em;
 transition: all 300ms; 
  -moz-transition: all 300ms;
  -o-transition: all 300ms; 
   -webkit-transition: all 300ms;
 cursor: pointer;
 display:none;
 
 }
 .fa-facebook-f{
 
 
  color:white;
 font-size: 1.2em;
 transition: all 300ms; 
  -moz-transition: all 300ms;
  -o-transition: all 300ms; 
   -webkit-transition: all 300ms;

 
 }
  .fa-instagram{
 
 
  color:white;
 font-size: 1.8em;
 transition: all 300ms; 
  -moz-transition: all 300ms;
  -o-transition: all 300ms; 
   -webkit-transition: all 300ms;

 
 }

  .fa-phone{
 
 
  color:white;
 font-size: 1.3em;
 transition: all 300ms; 
  -moz-transition: all 300ms;
  -o-transition: all 300ms; 
   -webkit-transition: all 300ms;

 
 }
   .fa-envelope{
 
 
  color:white;
 font-size: 1.7em;
 transition: all 300ms; 
  -moz-transition: all 300ms;
  -o-transition: all 300ms; 
   -webkit-transition: all 300ms;

 
 }
 
 
/*
section{
 scroll-snap-align: start; 
}
 
 */
 
 /* header ##########################*/
 
header{
	
	width:100%;
	height:6em;
text-align: center;
position: fixed;
top:0;
left:0;
background-color: rgba(122,122,122,0.4);
        
    
}
/*subsides e.g. impressum.php*/
#headerB{
	
	width:100%;
	height:6em;
text-align: center;
position: fixed;
top:0;
left:0;
    
}
.marke{
margin-left:0px;
float:right;
width:34em;
margin-right:1em;
margin-top:0.8em;
}
#SubContainer{

/*	background-color: #eee;*/
	text-align: left;
	padding:1.2em;
	margin-top:8em;
	min-height:84em;
	
}

.flex-gap-subs {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0em;
  width:100%;
  max-width:1400px;


 margin-bottom:3em;
}

.flex-gap-subs > div {

	width:98em;
	min-height:28em;
	background-color: #eee;
	
	text-align: left;
	/*top right bottom left*/
	padding: 6em 2em 2em 2em;
	
}
 .SubPic{
	/* background-image: url(../background/welcome.jpg); */
	
	background-position: center -12em;
	background-position: center -12em;
	background-size: cover;
height:22em;
overflow: hidden;


}



.Hblack{
	background-color: #1D1D1B;

	
opacity : 1.0;

-webkit-transition: background 0.7s linear;
-moz-transition: background 0.7s linear;
-o-transition: background 0.7s linear;
-ms-transition: background 0.7s linear;
transition: background 0.7s linear;




	
}
.Hblack a{
	color:#eee;
	
}

#Tlogo{
	width:10em;
	height:5em;
	text-align: center;
	padding-top: 0.3em;;
	font-size: 1.4em;;
		color:white;
/*	background-color: white;
	float:left;
	margin-right:4em;
	margin-top:-1.2em;
	padding: 0em 0em 0em 0em;
	display:none;
background-image: url(../grafik/logos/rLogo.svg);
background-position:top;
background-repeat:no-repeat;
background-size: 100%;
*/
}
#Tlogo:hover{
	cursor: pointer;
}


#SubSidesTlogo{
	width:10em;
	height:5em;
	padding-top: 0.5em;;
	font-size: 1.4em;;
		color:white;
/*		background-color: white;
	float:left;
margin-right:4em;
	margin-top:-1.2em;
	padding: 0em 0em 0em 0em;
	
background-image: url(../grafik/logos/rLogo.svg);
background-position:top;
background-repeat:no-repeat;
background-size: 100%;
*/
}
#SubSidesTlogo:hover{
	cursor: pointer;
}

header nav{
	text-align:  center;

		}

header nav ul {
  list-style-type: none;
  margin:0 ;
  padding: 0;
 float:left;

 
}
header nav  ul li{
	 float: left;
	height:3em;
	margin-top:-1.3em;
}

header nav ul  li a{
	text-decoration: none;
	text-transform: uppercase;
	/*color:#eee;*/
	color:#c8c8c8;
	font-size: 1.3em;
	  display: block;
font-weight: bold;
  text-align: center;
  padding: 16px 22px;
margin-top:1.3em;
height:1.6em;

	
}

header nav li a:hover {
  background-color: #eee;
  color:#111;
}

 
 
.con-header{
	 margin: 0 auto;
	 padding-top:1.2em;
	 padding-right:3em;
	
}

 .default-design{
   max-width: 1440px  
  }
 #TopLogoCon{
 margin-top:10px;
 float:left;
 width:400px;
 height:120px;

 }

 #SubSidesTopLogoCon{
	margin-top:10px;
	float:left;
	width:200px;
	height:50px;
	padding-left: 2.8em;

	}

section hr{
	
	width:2em;
	color:#eee;
	border: 2px solid #eee;
	border-radius:4px;
}

.bt-kostenlos{
	
	background-color: rgb(125, 124, 121);
	box-shadow: 10px 14px 10px rgb(43, 44, 47);
	 border-radius:10px;
color:white;
width:12em;
height:6em;
text-align: center;	
font-weight: bold;
font-size: 1.2em;
text-decoration:none;

padding:1em;
border-radius: 8px;
position: relative;
top:-8em;


}
.bt-kostenlos:hover{
	opacity:0.7;
	cursor: pointer;
}

.bt-kostenlosHead{
	
	background-color: rgb(125, 124, 121);
color:white;
width:12em;
height:6em;
text-align: center;	
font-weight: bold;
font-size: 1.2em;
text-decoration:none;
padding:1em;
border-radius: 8px;



}
.bt-kostenlosHead:hover{
	opacity:0.7;
	cursor: pointer;
}

.bt-showmore{


width:92%;
height:1.3em;
text-align: left;
font-weight: bold;
color: #6e8ea5;
border-radius:4px;
font-size: 1.2em;
text-decoration:none;
padding:0em;
cursor: pointer;


}

.bt-showmore:hover{
	color:#1D1D1B;
	
}

.bt-showmore a{
	
text-decoration:none;


}


/*** subsides##########*/


#part_subSides{


min-height:50em;
text-align: center;

	
}




 /* Home  ##########################*/


#part_home{
	
	padding-top:6em;
   	 background-image: url(../background/welcome.jpg); 

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

height:60em;


	
}



#HomeContainer{

	margin: 0 auto 0 auto;

text-align: center;
	width: 24ch;

	
	
}
#HomeButtonCon{
	margin-top :25em;

}



.LogoCon{
background-color: Black;/* white;*/
text-align: center;
padding: 0.2em 0.2em 0.2em 0.2em ;
margin:auto;
display: none;
}


/* Start #################### */


#part_start{
	padding-top:3.2em;
	
	margin: 0 auto 0 auto;
	 background-color: #fff;
	min-height:56em;
}

 h1{
	color:rgb(40, 38, 38);
	font-size: 3.3em;
	text-transform: uppercase;

margin-bottom:1.4em;


	}
.head1{
	color:rgb(40, 38, 38);
	font-size: 3.3em;
	text-transform: uppercase;

margin-bottom:1.4em;

}

	.head{

		color:black;
	}
.subh{
		
	text-align: left;
		font-size:1.7em;
		
		padding-bottom: 0.0em;
	color:#6e8ea5;
		text-transform: uppercase;
margin-bottom:0.3em;
height: 1.6em;
	}
.flex-gap-start > div {
	width:28em;
	min-height:24em;
	color: #1D1D1B;

	text-align: left;
margin-top:-7em;


}

.flex-gap-start {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3em;
  width:100%;
  max-width:1600px;

 margin-top:1.4em;
}

.inStart{

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

	margin-bottom:0;
}


.flex-gap-start hr{
	margin-top:0em;
	padding:0em;
	width:78%;
	
	border: 2px solid #6e8ea5;
	border-radius:4px;
	position:relative;
	top:-1.3em;
}

div.PRPic{

	background-image: url(../bilderInArea/start.jpg);
	box-shadow: 10px 20px 15px silver;
	border-radius: 8px;	
background-position: center center;
background-size: cover;
height:41em;
width:456px;
margin-top:-1em;
	
}
/* Group ###########################*/
#part_group{
	padding-top:3.2em;
	
	margin: 0 auto;
	 background-color: #fff;
	min-height:60em;
}

.inGroup{

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

	margin-bottom:0;
}


.bt-GroupAnfrage{
	background-color: #333;	
height:1.6em;
width:100%;
margin-top:0.2em;

text-align: center;
font-weight: bold;

font-size: 1.2em;

text-decoration:none;
padding-top:0.4em;
cursor: pointer;


}

.bt-GroupAnfrage:hover{
	color:#1D1D1B;
	
}

.bt-GroupAnfrage a{
	color: white;
text-decoration:none;


}


.flex-gap-group > div {

	   width:28em;
	  height:40em;
	
	   text-align: left;
   
	   
   }
   
   .flex-gap-group {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 justify-content: center;
	 gap: 3em;
	
   
	margin-top:1.4em;
   }
   
.flex-gap-group > div  p{
	margin-top:0.5em;
	padding: 0em 0em 2em 0em;
	font-size: 1.3em;
	line-height: 1.4em;
	overflow: hidden;
	height:20em;

	margin-bottom:0;
	
}

   .flex-gap-group > div hr{
	
	   margin-top:0em;
	   padding:0em;
	  width: 90%;
	
	   border: 2px solid #6e8ea5;
	   border-radius:4px;
	   position:relative;
	   top:-1.3em;
	   left:-1.4em;
   }
   
   div.PRPic2{
	background-image: url(../bilderInArea/group.jpg);
	background-position: center center;
	background-size: cover;
	height:41em;
	/*width:456px;
	margin-top:-1.4em;  */
	box-shadow: 10px 20px 15px silver;
	border-radius: 8px;	
   }





/* Erstberatung ####################*/


#part_erstB{
		
	padding-top:4em;
	margin: 0em auto 0 auto;
background-image: url(../background/erstberatung.jpg);
background-position: cover cover;
 background-size: cover;
background-repeat: no-repeat;

/*background-attachment: fixed;*/
	min-height:24em;
	
}

#part_erstB h1{
	
	color:#fff;
}

  .flex-gap-erst{
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 justify-content: center;
	 gap: 3em;
	
   height:44em;
	margin-top:1.4em;
   }

.flex-gap-erst div.eText {
/* box-shadow: 10px 20px 15px silver;
	border-radius: 8px;
	
	background-color: #eee;*/
	width:56em;
	height:30em;
	padding:1.4em;
	text-align: left;
	font-size:1.1em;
	line-height: 1.4em;
	color:  #eee;
	word-wrap: break-word;
	background-color: rgba(12,12,12,0.7);
	box-shadow: 10px 10px 15px silver;
border-radius: 24px;	
	
	
}
.flex-gap-erst div.eText h1{
	display: inline;
	
}
.flex-gap-erst div.eText p{
	font-size:1.3em;

	
}
.flex-gap-erst div.eButtonCon {
/* box-shadow: 10px 20px 15px silver;
	border-radius: 8px;*/
	width:20em;
	height:30em;


	
}

.eButtonConBoot{
	display: block;
	width:90%;
	height:4em;
}

.bt-boot{
	
	background-color: rgb(125, 124, 121);
	box-shadow: 10px 14px 10px rgb(92, 93, 95);
	 border-radius:10px;
color:white;

height:2em;
text-align: center;	
font-weight: bold;
font-size: 1.2em;
text-decoration:none;
text-transform: uppercase;
padding:1em;
border-radius: 8px;
/*position: relative;
top:-8em;
left:12em;*/

}
.bt-boot:hover{
	opacity:0.7;
	cursor: pointer;
}

.flex-gap-erst {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 5em;
  width:100%;
  max-width:1400px;

 margin-top:1.4em;
}

/* Kurse #######################*/
#Kurscon1{
	background-image: url(../kursepic/kurs1.jpg);
	width:95.3%;
height:400px;
background-position: center center;
background-size: cover;
}
#Kurscon2{
	background-image: url(../kursepic/kurs2.jpg);
	width:95.3%;
height:400px;
background-position: center center;
background-size: cover;
}
#Kurscon3{
	background-image: url(../kursepic/kurs3.jpg);
	width:95.3%;
height:400px;
background-position: center center;
background-size: cover;
}
#Kurscon4{
	background-image: url(../kursepic/kurs4.jpg);
	width:95.3%;
height:400px;
background-position: center center;
background-size: cover;
}
#Kurscon5{
	background-image: url(../kursepic/kurs5.jpg);
	width:95.3%;
height:400px;
background-position: center center;
background-size: cover;
}
#Kurscon6{
	background-image: url(../kursepic/kurs6.jpg);
	width:95.3%;
height:400px;
background-position: center center;
background-size: cover;
}
#pconRabat{

	display: flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content: center;
	gap: 1.4em;
}
#pxcon1{
	background-image: url(../kursepic/5er-Karte.svg);
	background-position: center center;
	background-size:82%;
width: 16em;
	height:10em;
	
	background-repeat: no-repeat;
}
#pxcon2{
	background-image: url(../kursepic/10er-Karte.svg);
	background-position: center center;
	background-size:82%;
width:16em;
	height:10em;

	background-repeat: no-repeat;
}
#pxcon3{
	background-image: url(../kursepic/15er-Karte.svg);
	background-position: center center;
	background-size:82%;
width:16em;
	height:10em;
	
	background-repeat: no-repeat;
}
#part_kurse{
	padding-top:3.2em;
		padding-bottom:9.2em;
	margin: 0em auto 0 auto;
	 background-color: black;/*#fff;*/

/* background-image: url(../background/kurse.jpg);*/
 background-position: center center;
 background-size: cover;
 /*background-attachment: fixed;*/
	 min-height:68em;
	
}
#part_kurse h1{
	
		margin-bottom:0.4em;
	
	}

	.bt-showmoreKurs{
		background-color: #333;	
	height:2em;
	width:100%;

	
	text-align: center;
	font-weight: bold;
	
	font-size: 1.8em;
	
	text-decoration:none;
	padding-top:1.3em;
	cursor: pointer;
	
	
	}

	.bt-showmoreKurs:hover{
		color:#1D1D1B;
		
	}
	
	.bt-showmoreKurs a{
		color: white;
	text-decoration:none;
	
	
	}
	
.flex-gap-kurse {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 3em;
	width:100%;
	max-width:1600px;
  
   margin-top:0em;
   margin-bottom: 2em;
  
  }

.flex-gap-kurse > div {
	width:28em;
	height:43em;
	/*top right bottom left*/

	background-color: #eee;
	text-align: left;
	box-shadow: 10px 10px 14px rgb(43, 44, 47);
	border-radius: 8px;	
	
}





.flex-gap-kurse > div > hr{
	margin-top:0em;
	padding:0em;
	width:81%;
	text-align: center;
	border: 2px solid#6e8ea5;
	border-radius:4px;
	position:relative;
	top:-1.3em;


}

.flex-gap-kurse .subh{
margin-top:1em;
	color: #1D1D1B;
width:100%;
	text-align: center;
}

.inKurse{
	margin:0em;

text-align: left;

line-height: 1.3em;
font-size: 1.1em;
height:17.9em;
overflow: hidden;
padding: 0em 2.0em 0em 2.0em;
}

.moreKurs{
	
	height:1.4em;
	margin-top:0.6em;
	
	padding: 0em 2.3em 0em 2.3em;
}
.money_kurse{
	/*top right bottom left*/

	padding: 0em 0.4em 0.4em 0em;
	text-align:right;
line-height:0.6em;

	
}
.money_kurse p{
	/*top right bottom left*/

	padding: 0.2em 0.8em 0.2em 0em;
	text-align: right;
line-height:0.6em;
margin:0em;
font-size: 3em;
	font-weight: bold;

	
}
.money_kurse hr{

	margin-top:0em;
	padding:0em;
	width:81%;
	
	text-align: center;
	border: 2px solid#6e8ea5;
	border-radius:4px;
	position:relative;
	top:0.1em;
	
}
.pre_money_kurse{
text-align: left;
/*top right bottom left*/
padding: 0.4em 0.0em 0em 0.9em;
height:2em;
font-size: 2.4em;
font-weight: bold;
line-height: 0.8em;

}

	.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;
		}


a.dslnk{
color:white;
}
a.dslnk:visited{
	color:white;
}
a.dslnk:active{
	color:white;
}
a.dslnk:hover{
	color:gray;
}

a.bt-more{
	
	color: #6e8ea5;
	text-decoration: none;
	font-weight:bold;
	width:100%;
	cursor: pointer;
	
}

a.bt-more:visited{
    color: #6e8ea5;
          }
a.bt-more:link{
	color: #6e8ea5;

}
a.bt-more:active{
	color: #6e8ea5;
  }
a.bt-more:hover{
	color: #1D1D1B;
     
      
}



/* Spots #####################*/

#part_spots{

	padding-top:3.2em;
	padding-bottom:3.2em;
	
	margin: 0em auto 0 auto;
 background-color: #fff;
	min-height:46em;
}
#part_spots div.head1{
	
	margin-bottom:0.8em;
}

.flex-gap-spots > div.m {

	flex:28em;
	min-height:24em;

	text-align: left;
	
	
}

.flex-gap-spots {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3em;
  width:100%;
  max-width:1600px;

 margin-top:2em;
 margin-bottom:4em;
}
/*
.flex-gap-spots > div > p{

	
	min-width: 22ch;
	max-width: 40ch;
	 min-height: 30ch;
	max-height: 40ch;
   padding-top:0.92em;padding-left:0.6em;padding-right:0.6em;padding-bottom:0.5em;
   font-size: 1.09em;
	  text-align: left;
	  line-height:1.2em;


}
	  */
div.seg{

/*	min-width: 22ch;
	max-width: 40ch;
	 min-height: 30ch;
	max-height: 40ch;
*/
	  font-size: 1.09em;
	  text-align: left;
	  line-height:1.2em;
	   
		
}

#Spotcon1 ,#Spotcon2, #Spotcon3{
	
	width: 100%;

   min-height: 30ch;
  max-height: 40ch;

box-shadow: 10px 20px 15px silver;
border-radius: 8px;	
	margin-bottom: 1.8em;
	
}


#Spotcon1{
	background-image: url(../spots/spot1.jpg);
	background-position: center center;
background-size: cover;
}

#Spotcon2{
background-image: url(../spots/spot2.jpg);
background-position: center center;
background-size: cover;
}
#Spotcon3{
background-image: url(../spots/spot3.jpg);
background-position: center center;
background-size: cover;
}

#Groupcon1{
	background-image: url(../groups/group1.jpg);
	width:98.3%;
height:300px;
background-position: center center;
background-size: cover;
}


#Groupcon3{
	
	
background-image: url(../groups/group3.jpg);
width:98.3%;
height:300px;
background-position: center center;
background-size: cover;

/*
box-shadow: 10px 20px 15px silver;
border-radius: 8px;	*/
}

#Startcon1{
	background-image: url(../start/start1.jpg);
	width:98.3%;
	height:400px;
background-position: center center;
background-size: cover;
}


#Startcon3{
	
	
background-image: url(../start/start3.jpg);
width:98.3%;
height:400px;
background-position:center center;
background-size:cover;

/*
box-shadow: 10px 20px 15px silver;
border-radius: 8px;	*/
}



/* Impressions #####################*/

#part_impressions{
	padding-top:1em;
	
	margin: 0em auto 0 auto;
 background-color:#1D1D1B;
	min-height:32em;
}
#part_impressions h1{
	
	color:gray
}

.flex-gap-impressions > div {

	border-radius: 8px;
	width:90%;
	height:20em;
	background-color: #ddd;
	
}

.flex-gap-impressions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1em;
  width:100%;
  max-width:1600px;

 margin-top:2em;
}








/* footer ################################*/
footer{
	width:100%;
	text-align:center;
	 background-color: #1D1D1B;
	height:18em;

}
	
#BottomContainerk{
/*top right bottom left*/
	margin:18em auto 12em auto;

text-align: center;
	width: 24ch;

	
	
}
.flex-bottom-gap > div {

	width:19%;
	max-height:6em;
	
	color:white;
	font-size: 1.3em;
	line-height: 1.5em;
	
}

.flex-bottom-gap {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1em;
  width:100%;
  height:3em;
  max-width:1600px;

 margin-top:3em;
}

#FooterContainer{

	height:5em;

	
	  width:100%;
	 
	  
	 color:white;
	}

#FooterContainer2{
margin-top:8em;
/* display: flex;
 flex-direction: row;
  justify-content: center;*/
  height:4em;  
  width:100%;
 
  
 color:white;
}
#FooterContainer2  a{

	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.4em;
	
	}

	#BottomContainer .LogoCon{
		background-color: #1D1D1B;
	}

.f_copyright{
	
	text-align: right;
	margin-right:1em;
	margin-bottom:0.3em;
	 color:white;
	font-size:1.1em;
	
	
}
footer  a{

color: #fff;
text-decoration: none;
font-size: 1.1em;
text-align: left;
line-height: 1.4em;

}