* {
  
box-sizing: border-box;
	
}

@font-face {
  font-family: Montserrat;
  src: url('Montserrat/Montserrat-VariableFont_wght.ttf');
}


html {
    scroll-behavior: smooth;
}



body{

opacity:1;
margin:0%;
font-size:1vw;
color:#1a1a1a;

font-family: Montserrat, sans-serif;
font-weight: 300;
font-style: normal;
hyphens:manual;
}


body, html {
	
height: 100%;

}

a{

text-decoration:none;	

	
}


a:visited{

text-decoration:none;	
	
}

a:link{

text-decoration:none;	
	
}

ul {
	
 list-style-type:square;	
 
	
}

li {
	
	
line-height:2;	
	
}
 
 /**

.inhalt {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .inhalt:hover {
  background-color: #fff;
}

.inhalt:after {
  content: 'mehr';
  color: #777;
  font-weight: bold;
  float: left;
  margin-left: 5px;
}

.active:after {
  content: '-';
  background:#eee;
  padding:5px 10px;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


**/



 
#logoHome{

width:100%;
position:absolute;
z-index:1;	
margin:3% 0% 0% 0%;
padding:5% 3%;
background:white;
	
}

#logoHomeDesk{
display:none;
width:100%;
position:absolute;
z-index:1;	
margin:0% 0% 0% 0%;
padding:0%;
background:white;
	
}

#logoHome img{

width:40%;

	
}

#logoHomeExt{

width:93%;
position:relative;
float:left;
z-index:1;	
margin:5% 0% 10% 7%;
padding:0%;
background:transparent;
	
}

#logoHomeExt img{

width:50%;
	
}

#logoHomeDeskExt{
display:none;
width:93%;
float:left;
position:relative;
z-index:1;	
margin:2% 0% 5% 6%;
padding:0%;
background:transparent;
	
}


#logoHomeDeskExt img{

width:15%;

	
}




.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
 background-image: linear-gradient(to bottom, #fff, #ccc);
   overflow-y: hidden;
  transition: 0.5s;
  font-family: ;
}

.overlay-content {
  position: relative;
  top: 5%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 12px 8px;
  text-decoration: none;
  font-size: 3.5vw;
  font-weight:500;
  color: #108945;
  display: block;
  transition: 0.3s;
  text-transform: uppercase;
  letter-spacing:1px;
}

.overlay a:hover, .overlay a:focus {
  color:#333;
}

.overlay .closebtn {
  position: absolute;
  top: 2%;
  right: 4%;
  font-size:10vw;
  color:#333;
}

#navMenue{
	
width:auto;
float:right;
position:fixed;
text-align:right;
margin:6% 6% 0% 84%;
padding:0.4% 2%;
border-radius:55px;	
z-index:2;
font-size:6vw;
font-weight:500;
cursor:pointer;
text-align:right;
color:rgba(0, 0, 0, 1);
color:#555;
background:rgba(255, 255, 255, 0.7);
}


#navMenueDesk{
	
display:none;	
width:auto;
float:right;
position:fixed;
text-align:right;
margin:15% 6% 0% 84%;
padding:0% 2%;	
z-index:2;
font-size:6vw;
cursor:pointer;
text-align:right;
color:rgba(22, 22, 22, 1);
color:#9955ff;

}

.homeLiDesk{
	
	display:none;
	
}



.homeScreenÜS{
	
	width:100%;
	float:left;
	
	
}

.homeScreenÜSLeistung{
	
	width:100%;
	float:left;
	margin-bottom:0%;
	
}


.homeScreenÜSTeam{
	
	width:100%;
	float:left;
	margin-bottom:-10%;
	
}

.homeScreenÜS h1 {
	font-size:8vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 3% 0% 3%;
	text-align:right;
	
}

.homeScreenÜsDesk h1 {
	display:none;
	font-size:8vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 3% 0% 3%;
	text-align:right;
	
}

.homeScreenÜS h2 {
	font-size:8vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 3% 0% 3%;
	text-align:right;
	
}



#heroPicMobile{
	
	width:100%;
	height:80%;
	float:left;
	margin-top:-5%;
	background-image:url("titel_sport.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	
}









.homeScreen h2 {
	width:85%;
	float:left;
	color:#fec937;
	margin-top:-3%;
	margin-right:15%;
	letter-spacing:2px;
	line-height:1.5;
	 padding-left:5%;
	 font-size:3.8vw;
	 font-weight:400	;
	
	
	
}




#vereinMobil{
	width:100%;
	float:left;
}



#verein	{
	
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	padding:0% 5% 2% 5%;
	line-height:1.7;
	font-size:16px;
	font-weight:400;
	color:#fff;
	text-align:left;
	background:#108945;
	background:#15B75C;
	background:#63A13A;
	 background:#028032; background:#57A63F;
	background-image: url("verein.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150%;


	
	
}

#verein h2{
	
	font-weight:400;
	font-size:6vw;
	text-transform:none;
	color:#fff;
}

#verein a{
	

	color: #fff;

	
	
}

.more{
	
}

h5{
	width:100%;
	float:left;
	background:#15B75C;	
	background:#497f2c;
	background:#63A13A;
		 background:#028032; background:#57A63F;
	cursor:pointer;
	font-size:2.5vw;
	color:#fff;
	letter-spacing:3px;
	margin:0%;
	padding:1% 0% 3% 5%;
	background:#;
	text-align:left;
	box-shadow:0px 0px 0px #000;
	
}

#vereinVorstand	{
	
	position:relative;
	float:left;
	width:90%;
	margin:3% 5% 5% 5%;
	padding:0% 0% 10% 0%;
	font-size:16px;
	color:#eee;
	color:#555; 
	text-align:left;
	background:#399DE6;
	background:#025373;
	background:#C8D94A;
	background:#fff;
	background-image: url("#team.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 180%;
	line-height:1.7;
		border-bottom: 0px solid lightgrey;


	
	
}

#vereinVorstand h4{
	
	text-transform:uppercase;
	line-height:0;
	
}



#vereinDesk{
	
	display:none;
	
}
	

#vereinVorstandDesk{
	
	display:none;
	
}

#leistungDesk{
	
	display:none;
	
}
#leistungÜS	{
	
	position:relative;
	float:left;
	width:100%;
	margin-top:0.2%;
	padding:10% 5% 15% 5%;
	line-height:1.5;
	font-size:16px;
	color:#fff;
	text-align:left;
	background:#108945;
	background:#00BF54;
	background:#39E648;
	background:#188910;
	background:#497f2c;
	background:#66AB48;
	background:#5EA351;
	background:#62AB70;
	background:#63A13A; background:#abcb4c;
	background-image: url("bg_angebot4.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 250%;
	

	
	
}

#leistungÜS h2{
	
	font-weight:500;
	font-size:6vw;
	text-transform:;
	
}

#leistungÜS h3{
	
	font-weight:600;
	font-size:5vw;
	text-transform:;
	color:#000;
	
}

#leistung a{
	

color:#000;

	
}

#leistungÜS a{
	

color:#fff;

	
	
}


#leistungÜS a{
	

color:#fff;

	
	
}


#leistung	{
	
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	padding:2% 5% 10% 5%;
	line-height:1.3;
	font-size:16px;
	color:#000;
	text-align:left;
	background:rgba(255,255,255,0.8);
	background-image: url("bg_angebot1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	

	line-height:;
	hyphens:auto;
	

	
	
}


#flexbox{
	
   width:100%;
   display:flex;
   background-image: url(".svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	line-height:;
	hyphens:auto;
	
	
}

#flexbox2{
	
   width:100%;
   display:flex;
   margin:1% 0%;
   background-image: url(".svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	line-height:;
	hyphens:auto;
	
	
}


#leistungLi	{
	
	position:relative;
	float:left;
	width:45%;
	margin-left:4%;
	margin-right:1%;
	padding:5% 2.5%;
	line-height:1;
	font-size:14px;
	color:#000;
	text-align:left;
	background:rgba(240,240,240,0.6);
	line-height:2;

	
	
}



#leistungLi	h3{
	

font-weight:400;
line-height:1.3;
	
	
}

#leistungRe	{
	
	position:relative;
	float:left;
	width:45%;
	margin-right:4%;
	padding:5% 2.5%;
	line-height:1.2;
	font-size:14px;
	color:#000;
	text-align:left;
	background:rgba(220,220,220,0.6);
	line-height:2;

	
	
}

#leistungRe	h3{
	

font-weight:400;
line-height:1.3;	
	
}


#leistungLi2	{
	
	position:relative;
	float:left;
	width:45%;
		margin-left:4%;
	margin-right:1%;
	padding:5% 2.5%;
	line-height:1;
	font-size:14px;
	color:#000;
	text-align:left;
		background:rgba(220,220,220,0.6);
	line-height:2;

	
	
}



#leistungLi2	h3{
	

font-weight:400;
	line-height:1.3;
	
}

#leistungRe2	{
	
	position:relative;
	float:left;
	width:45%;
	margin-right:4%;
	padding:5% 2.5%;
	line-height:1.2;
	font-size:14px;
	color:#000;
	text-align:left;
	background:rgba(240,240,240,0.6);
	line-height:2;

	
	
}

#leistungRe2	h3{
	

font-weight:400;
	line-height:1.3;
	
}

#leistungRe2:hover{
	

cursor:pointer;
	
}


/********************LEISTUNGSANGEBOT*********************/

#leistungPicMobile{
	
	width:100%;
	height:90%;
	float:left;
	margin-top:-10%;
	background-image:url("leistungHero6.jpg");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
		
	
}

.homeScreenÜSLeistung h2 {
	position:relative;
	font-size:7vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 3% 0% 3%;
	text-align:left;

	
}

.homeScreenÜSLeistungDesk h2 {
	display:none;
	position:relative;
	font-size:7vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 3% 0% 3%;
	text-align:left;

	
}
#leistungExtDesk	{
	
	display:none;
	
}

#leistungExt	{
	
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	padding:2% 5% 10% 5%;
	line-height:1.3;
	font-size:16px;
	color:#000;
	text-align:left;
	background:rgba(255,255,255,0.8);
	background-image: url("bg_angebot1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	

	line-height:;
	hyphens:auto;
	

	
	
}


#leistung1	{
	
	position:relative;
	float:left;
	width:100%;
	margin:2% 0%;
	padding:5% 2.5%;
	font-size:14px;
	color:#000;
	text-align:left;
	background:rgba(63,149,255,0.0);
	background:rgba(240,240,240,0.2);
	line-height:2;

	
	
}



#leistung1	h3{
	

font-weight:400;
line-height:1.3;
	
	
}

#leistung1	img{
	
width:50%;
text-align:left;
	
	
}

#leistung2	{
	
	position:relative;
	float:left;
	width:100%;
	margin-right:2% 0%;
	padding:5% 2.5%;
	font-size:14px;
	color:#000;
	text-align:left;
	background:rgba(220,220,220,0.2);
	line-height:2;

	
	
}

#leistung2	h3{
	

font-weight:400;
line-height:1.3;	
	
}



#leistung2	img{
	
width:50%;
text-align:left;
	
	
}

#mehrLeistung {
	
		position:relative;
	float:left;
	width:100%;
	 margin:0%;
	padding:3% 5% 2% 0%;
	font-size:14px;
	line-height:1.5;
	color:#555; 
	color:#fff;
	color:#555;
	text-align:left;
	  border-bottom:0px solid lightgrey;
		background:transparent;
		
}



#mehrLeistung h6{
	  width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:2vw;
	   color:#444;
	   font-weight:600;
	  	background:transparent;
	  margin:0%;
	  padding:0% 0% 5% 0%;
	  text-align:left;
	
  }
  
  #mehrLeistung h5{
	  width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:2vw;
	 color:#444;
	  font-weight:600;
	 background:transparent;
	  margin:0%;
	  padding:0% 0% 5% 0%;
	  text-align:left;
	  letter-spacing:1px;
	
  }


  .moreL{
	  
	  padding:5% 5% 5% 0%;
	
	  
  }
  
   .moreL h5{
	  
	color:white;
	  
	  
  }
  
    .moreL2 h5{
	  
	color:white;
	  
	  
  }

.moreL2{
	  
	  padding:5% 0% 5% 0%;
	  font-size:14px;
	line-height:1.5;
	  
  }
  
  
/********************LEISTUNGSANGEBOT SEIT ENDE*********************/


#team	{
	
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	padding:5% 5% 15% 5%;
	line-height:1.7;
	font-size:16px;
	font-weight:500;
	color:#000;
	text-align:left;
	background:#898210;
	background:#497f2c;
	background:#579C59;	
	background:#5A9E6B; background:#75B0A6; background:#CCEC6B;
	background-image: url("teamPsy1.svg");
	
	background-position: top;
	background-repeat: no-repeat;
	background-size: 140%;

	
	
}

#team h2{
	
	font-weight:600;
	font-size:6vw;
	text-transform:;
	color:#222;
	
}






#team a{
	

	color: #000;

	
	
}

#zumTeam{
	
	font-weight:700;
	color:#000;
	
}
  
  #teamDesk	{
	display:none;
	width:98%;
	float:left;
	margin:2% 1% 5% 1%;
	padding:3% 5% 5% 5%;
	background:#eee;	

	
	
}


/********************TEAM*********************/

.homeScreenÜSTeam h2 {
	font-size:7vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 3% 0% 3%;
	
	text-align:left;
	
}

.homeScreenÜSTeamDesk h2 {
	display:none;
	
}


#teamPicMobile{
	
	width:100%;
	height:70%;
	float:left;
	margin-top:-12%;
	background-image:url("teamHero4.svg");
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120%;
		
	
}

#teamExt	{
	display:initial;
	position:relative;
	float:left;
	width:100%;
	margin:-2% 0% 0% 0%;
	padding:0% 0% 10% 0%;
	line-height:1.3;
	font-size:16px;
	color:#000;
	text-align:left;
	background:rgba(255,255,255,0.8);
	/**background-image: url("bg_angebot1.svg");
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;**/
	

	line-height:;
	hyphens:auto;
	

	
	
}

#teamExt h3{
	
	padding:0% 0%;
	font-size:5vw;

	
	
}
#teamExtNamen{
	width:100%;
	float:left;
	margin:0% 0% 5% 0%;
	padding:5% 5% 10% 5%;
	background:linear-gradient(to top, #abcb4c, #CCEC6B);
	line-height:2.3;
	font-size:3vw;
	color:#000;
	hyphens:none;
	
}

#teamExtNamen a{
	
	font-size:3vw;
	color:#000;
	
	
}


#teamExtDesk	{
	display:none;
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	padding:2% 5% 10% 5%;
	line-height:1.3;
	font-size:16px;
	color:#000;
	text-align:left;
	background:rgba(255,255,255,0.8);
	background-image: url("bg_angebot1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	

	line-height:;
	hyphens:auto;
	

	
	
}



#team1	{
	
	position:relative;
	float:left;
	width:100%;
	margin:2% 0%;
	padding:5% 10% 5% 5%;
	line-height:1;
	font-size:14px;
	color:#000;
	text-align:left;
	background:rgba(63,149,255,0.0);
	background:rgba(240,240,240,0.2);
	line-height:1.6;

	
	
}



#team1	h3{
	
margin-top:-1%;
font-weight:400;
line-height:1.3;
	border-left:4px solid #abcb4c;
	padding-left:4px;
	
}

#team1	img{
	
width:60%;
text-align:left;
	filter:grayscale(90%);
	
	
}

#team2	{
	
	position:relative;
	float:left;
	width:100%;
	margin:2% 0%;
	padding:5% 10% 5% 5%;
	line-height:1.2;
	font-size:14px;
	color:#000;
	text-align:left;
	background:rgba(20,20,20,0.03);
	line-height:1.6;

	
	
}

#team2	h3{
	
margin-top:-1%;
font-weight:400;
line-height:1.3;
border-left:4px solid #abcb4c;
	padding-left:4px;	
	
}



#team2	img{
	
width:60%;
text-align:left;
filter:grayscale(90%);	
	
}


summary{
	
	width:100%;
	  float:left;
	
	  box-shadow:none;	
	  font-size:2vw;
	 color:#222;
	  font-weight:500;
	  background:transparent;
	  margin:0%;
	  padding:0% 0% 5% 0%;
	  text-align:left;
	  letter-spacing:1px;
	
	
	
}

summary::marker{
	
	color:#abcb4c;
	color:#555;
	
}

summary::marker:hover{
	
	cursor:pointer;
	
	
}

summary::-webkit-details-marker{
	
	color:#abcb4c;
	color:#555;
	
	
}

details::details-content {
  opacity: 0;
  transition:
    opacity 400ms,
    content-visibility 400ms allow-discrete;
}

details[open]::details-content {
  opacity: 1;
}

#mehrTeam {
	
		position:relative;
	float:left;
	width:100%;
	 margin:0%;
	padding:2% 5% 2% 0%;
	font-size:14px;
	line-height:1.5;
	color:#555; 
	color:#fff;
	color:#111;
	text-align:left;
	  border-bottom:1px solid #CCEC6B;
		background:transparent;
		
}



#mehrTeam h6{
	  width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:2vw;
	   color:#222;
	   font-weight:500;
	  	background:transparent;
	  margin:0%;
	  padding:0% 0% 5% 0%;
	  text-align:left;
	
  }
  
  #mehrTeam h5{
	  width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:2vw;
	 color:#222;
	  font-weight:500;
	 background:transparent;
	  margin:0%;
	  padding:0% 0% 5% 0%;
	  text-align:left;
	  letter-spacing:1px;
	
  }


#mehrTeam a{
	

	color:#04345b;	

	
	
}
  .moreT{
	  
	  padding:5% 5% 5% 5%;
	  background:rgba(255,255,255,0.3);
	  
	  
  }
  
   .moreT h5{
	  
	color:white;
	  
	  
  }
  
    .moreT2 h5{
	  
	color:white;
	  
	  
  }

.moreT2{
	    padding:5% 5% 5% 5%;
	  background:rgba(255,255,255,0.3);
	  
  }
  
  

.map{
	
	width:100%;
	filter:grayscale(90%);
	
	
}
#kontakt3Team{
	
position:relative;
	float:left;
	width:100%;
	margin-top:0%;
	padding:0%;
	line-height:1.5;
	font-size:4vw;
	color:#444;
	text-align:left;
	background:#fff;
}  

  /*************TEAM SEITE ENDE******************/
 

#qualitätDesk	{
	
	display:none;
	
}


#qualitätDeskRe	{
	
	display:none;
	
}



#qualität	{
	
	position:relative;
	float:left;
	width:100%;
	margin-top:0.2%;
	padding:5% 5% 5% 5%;
	line-height:1.5;
	font-size:16px;
	font-weight:500;
	color:#000;
	text-align:left;
	background:#75B0A6;
	background-image: url("qualität.svg");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 140%;

	
	
}

#qualität h2{
	
	font-weight:700;
	font-size:6vw;
	text-transform:uppercase;
	color:#000;
	
}

#qualität a{
	

	color: #000;

	
	
}
  
  
#qualitätPicMobile{
	
	width:100%;
	height:50%;
	float:left;
	margin-top:5%;
	padding:0%;
	background-image:url("quality3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
		
	
}
  
  .homeScreenÜSQualität h2 {
	font-size:8vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:5% 3% 5% 3%;
	
	text-align:left;
	
}

 
  .homeScreenÜSQualitätDesk h2 {
	  display:none;
	font-size:8vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:25% 3% 0% 3%;
	
	text-align:left;
	
}

  
#mehrQualitätExt {
	
		position:relative;
	float:left;
	width:100%;
	 margin-bottom:0.2%;
	padding:5% 5% 10% 5%;
	font-size:14px;
	font-weight:500;
	line-height:1.7;
	color:#555; 
	color:#000;
	text-align:left;
	  border-bottom:0px solid lightgrey;
	background:#497f2c;
	background:#397E7A;
	background:#fff;
}



#mehrQualitätExt h6{
	  width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:4.5vw;
	  color:#000;
	  background:#497f2c;
	  background:#397E7A;
	  background:#75B0A6;
	  background:#fff;
	  margin:0%;
	  padding:0% 0% 5% 0%;
	  text-align:left;
	
  }
  
  
  #mehrQualitätExtIntro{
	  
	  width:100%;
	  float:left;
	  margin-bottom:6%;
	  padding:3% 0%;
	  background:#fff;
	  color:#222;
	  
	  
  }
  
  
  
  
#kontaktExt	{
	
	position:relative;
	float:left;
	width:100%;
	margin-top:0.2%;
	padding:5% 5% 15% 5%;
	line-height:1.5;
	font-size:14px;
	color:#444;
	text-align:left;
	background:#eee;


	
	
}

#kontaktExt h2{
	
	font-weight:700;
	font-size:6vw;
	text-transform:uppercase;
	
}

#kontaktExt a{
	

	color: #000;

	
	
}

#kontakt1Ext{
	
	position:relative;
	float:left;
	width:100%;
	margin-top:0%;
	padding:5% 5% 15% 5%;
	line-height:1.5;
	font-size:3.5vw;
	color:#000;
	text-align:center;
	border-right:px solid grey;
	background:#eee;
}


.map{
	
	width:100%;
	filter:grayscale(90%);
	
	
}
#kontakt3Ext{
	
position:relative;
	float:left;
	width:100%;
	margin-top:0%;
	padding:0%;
	line-height:1.5;
	font-size:4vw;
	color:#444;
	text-align:left;
	background:#fff;
}  
  
#kontakt	{
	
	position:relative;
	float:left;
	width:100%;
	margin-top:0.2%;
	padding:5% 5% 15% 5%;
	line-height:1.5;
	font-size:14px;
	color:#444;
	text-align:left;
	background:#eee;


	
	
}

#kontakt h2{
	
	font-weight:700;
	font-size:6vw;
	text-transform:uppercase;
	
}

#kontakt a{
	

	color: #000;

	
	
}

#kontakt1{
	
	position:relative;
	float:left;
	width:100%;
	margin-top:0%;
	padding:5% 5% 15% 5%;
	line-height:1.5;
	font-size:3.5vw;
	color:#000;
	text-align:center;
	border-right:px solid grey;
	background:#eee;
}

#kontakt2{
	position:relative;
	float:left;
	width:100%;
	margin-top:0%;
	padding:5% 5% 0% 5%;
	line-height:1.5;
	font-size:4vw;
	color:#444;
	text-align:left;
	background:#eee;

	
}
.map{
	
	width:100%;
	filter:grayscale(90%);
	
	
}
#kontakt3{
	
position:relative;
	float:left;
	width:100%;
	margin-top:0%;
	padding:0%;
	line-height:1.5;
	font-size:4vw;
	color:#444;
	text-align:left;
	background:#fff;
}

#footer{
	
	width:80%;
	float:left;
	margin-left:10%;
	padding:5% 5%;
	font-size:2.5vw;
	text-align:center;
	border-top:0px solid grey;
	
}

#footer a{
	
	color:#000;
	
}




.datenschutzBody{
	
	width:80%;
	margin:5% 10%;
	font-size:2vw;
	color:#333;
	
	
}

.datenschutzBody a{
	
	color:#444;
	
	
}


.impressumBody{
	
	width:80%;
	margin:5% 11%;
	font-size:2vw;
	color:#333;
	
	
}

.impressumBody a{
	
	color:#444;
	
	
}


button{
	
	border:1px solid white;
	padding:4%;
	background:rgba(255,255,255,.1);
	font-family:'montserrat';
	color:#222;
	
}

button:hover{
	
	cursor:pointer;
	
}

button a:hover{
	
	color:#222;
	
}
@media only screen and (orientation: landscape) {
	
	
	
	
	
	
	
.homeScreen{
	
	width:100%;
	height:100%;
	float:left;

	background-image:url("hg_hero.png");
	background-image:url("hero_bg4.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top:0%;
	filter:grayscale(20%);
	
	
	
}




.homeScreen h1 {
	font-size:8vw;
	font-family:'arial';
	font-weight:700;
	letter-spacing:5px;
	 padding:7% 0% 1% 5%;
	  text-transform:uppercase;
	  -webkit-text-stroke: 1px white;
	  	background:linear-gradient(to left, #0f2d53, #020415);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height:1.2;
	
}


.homeScreen h2 {
	width:85%;
	float:left;
	color:#fec937;
	margin-top:-3%;
	margin-right:19%;
	letter-spacing:2px;
	line-height:1.5;
	 padding-left:5%;
	 font-size:3vw;
	 font-weight:400	;
	
	
	
}



	
	
	

  }
  

@media only screen and (min-width: 768px) {

#desk{
	
	
width:80%;
margin-left:10%;
float:left;
	
}
 
#logoHome{
display:none;
width:93%;
position:absolute;
z-index:1;	
margin:3% 0% 0% 7%;
padding:0%;
background:transparent;
	
}

#logoHomeDesk{
display:initial;
width:93%;
position:absolute;
z-index:1;	
margin:4% 0% 0% 6%;
padding:0%;
background:transparent;
	
}


#logoHomeDesk img{

width:15%;

	
}


#logoHomeExt{
display:none;
width:93%;
position:absolute;
z-index:1;	
margin:3% 0% 0% 7%;
padding:0%;
background:transparent;
	
}

#logoHomeDeskExt{
display:initial;
width:93%;
float:left;
position:relative;
z-index:1;	
margin:2% 0% 5% 6%;
padding:0%;
background:transparent;
	
}


#logoHomeDeskExt img{

width:15%;

	
}


.overlay {
  height: 0%;
  width: 25%;
  margin-left:75%;
  position: fixed;
  z-index: 222222;
  top: 0;
  right: 0;
 background-image: linear-gradient(to bottom, rgba(220,220,220,1), rgba(220,220,220,1),  rgba(220,220,220,1), rgba(220,220,220,1),  rgba(220,220,220,1),rgba(240,240,240,1), rgba(240,240,240,1), rgba(240,240,240,1), rgba(255,255,255,0.95), rgba(255,255,255,0.9), rgba(255,255,255,0.7), rgba(255,255,255,0.6),rgba(255,255,255,0.4), rgba(255,255,255,0.3), rgba(255,255,255,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0));
   overflow-y: hidden;
  transition: 0.5s;
  font-family: ;
}

.overlay-content {
  position: relative;
  top: 5%;
  padding:8% 3% 5% 3%;
  width: 100%;
  text-align: right;
  margin-top: 30px;
}

.overlay a {
  padding: 20px 8px;
  text-decoration: none;
  font-size: 1.2vw;
  color: #222;
  display: block;
  transition: 0.3s;
  text-transform: uppercase;
  letter-spacing:1px;
}

.overlay a:hover, .overlay a:focus {
  color:#108945;
}

.overlay .closebtn {
  position: absolute;
  top: 2%;
  right: 3.5%;
  font-size:3vw;
  padding:0.5% 5%;
  color:#333;
  border: 2px inset white;
  border-radius:60%;
}

#navMenue{
	
width:auto;
float:right;
position:fixed;
text-align:right;
margin:3.5% 12% 0% 90%;
padding:0.5% 1%;
border-radius:50%;	
border:1px solid white;
z-index:2;
font-size:2vw;
font-weight:700;
cursor:pointer;
text-align:right;
color:rgba(0, 0, 0, 1);
color:#eee;
background:rgba(0, 0, 0, 0.9);

}


.homeLiDesk{
	
	display:none;
	
}



.homeScreenÜS{
	
	width:100%;
	float:left;
	
	
}

.homeScreenÜSLeistung{
	
	width:100%;
	float:left;
	margin-bottom:0%;
	
}


.homeScreenÜSTeam{
	
	width:100%;
	float:left;
	margin-bottom:-10%;
	
}

.homeScreenÜsDesk h1 {
	display:initial;
	position:absolute;
	font-size:4vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:3px;
	padding:7% 0% 0% 0%;
	text-align:right;
	right:6%;	
	color:#fff;
	
}


.homeScreenÜS h1 {
	display:none;
	position:absolute;
	font-size:4vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 2% 0% 3%;
	text-align:right;
	color:#fff;
	
}
.homeScreenÜS h2 {
	font-size:8vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 3% 0% 3%;
	text-align:right;
	
}


.homeScreenÜSTeam h2 {
	font-size:8vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:20% 3% 0% 3%;
	
	text-align:right;
	
}

#heroPicMobile{
	
	width:100%;
	height:100%;
	float:left;
	margin-top:0%;
	background-image:url("titel_sport.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: white 1vw solid;
	
	
}







#vereinMobil {
	display:none;
}



#vereinDesk	{
	display:initial;
	position:relative;
	float:left;
	width:49%;
	margin:1% 0% 0% 1%;
	padding:5% 5%;
	line-height:1.7;
	font-size:1vw;
	font-weight:400;
	color:#000;
	text-align:left;
	background:#108945;
	background:#15B75C;
	background:#63A13A;
	 background:#028032; background:#fff;
	background-image: url("verein50.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150%;


	
	
}

#vereinDesk h2{
	
	font-weight:400;
	font-size:1.6vw;
	text-transform:none;
	color:#222;
}

#vereinDesk a{
	
	font-weight:400;

	color: #fff;

	
	
}



.moreDesk{
	
}

h5{
	width:100%;
	float:left;
	background:#15B75C;	
	background:#497f2c;
	background:#63A13A;
	background:#028032; background:#57A63F;
	cursor:pointer;
	font-size:2.5vw;
	color:#000;
	letter-spacing:3px;
	margin:0%;
	padding:3% 0% 3% 0%;
	background:#;
	text-align:center;
	box-shadow:0px 0px 0px #000;
	
}

#vereinVorstandDesk	{
		display:initial;
	position:relative;
	float:left;
	width:45%;
	margin:2.5% 4% 0% 0%;
	padding:3% 5% 1% 3%;
	font-size:1vw;
	color:#eee;
	color:#000; 
	text-align:left;
	background:#399DE6;
	background:#025373;
	background:#C8D94A;
	background:transparent;
	background-image: url("#team.svg");
	background-image: url("verein50.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 180%;
	line-height:1.5;
	


	
	
}

#vereinVorstandDesk h4{
	
	text-transform:none;
	font-size:1.6vw;
	line-height:1.1;
	font-weight:500;
	
}


#vereinVorstandDesk p{
	
	padding:0% 0% 0% 5%;
	border-left: 1px solid #abcb4c;
	
	
}


#leistungMobil{
	
	display:none;
	
}


#leistungDesk{
	
	display:initial;
	width:98%;
	float:left;
	margin:2% 1% 0% 1%;
	padding:3% 0% 5% 0%;
	background:#eee;

	
}


#leistungÜS	{
	
	position:relative;
	float:left;
	width:98%;
	margin:0% 1% 0% 1%;
	padding:0% 4%;
	line-height:1.5;
	font-size:1vw;
	color:#fff;
	text-align:left;
	background:#108945;
	background:#00BF54;
	background:#39E648;
	background:#188910;
	background:#497f2c;
	background:#66AB48;
	background:#5EA351;
	
	background:#62AB70;
	background:#63A13A; background:#eee;
	background-image: url("bg_angebot4.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150%;
	

	
	
}



#leistungDesk{
	
	display:initial;
	width:98%;
	float:left;
	margin:2% 1% 0% 1%;
	padding:3% 0% 5% 0%;
	background:#eee;

}





#leistungÜS h2{
	
	font-weight:400;
	font-size:1.6vw;
	text-transform:;
	
}

#leistungÜS h3{
	
	font-weight:600;
	font-size:1.4vw;
	text-transform:;
	color:#abcb4c;
}
#leistung a{
	

color:#222;

	
}


#leistungÜS a{
	
font-size:1.6vw;
color:#222;

	
	
}


#leistung	{
	
	position:relative;
	float:left;
	width:88%;
	margin:-1% 5% 0% 5%;
	padding:0% 0% 0% 0%;
	line-height:1.3;
	font-size:16px;
	color:#000;
	text-align:left;
	background-image: url("bg_angebot1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	hyphens:auto;
	box-shadow:0px 0px 35px #ccc;

	
	
}


#flexbox{
	
   width:100%;
   display:flex;
   flex-wrap:wrap;
   background-image: url(".svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	line-height:;
	hyphens:auto;
	
	
}

#flexbox2{
	
   width:100%;
 display:flex;
   margin:0% 0%;
  
   background-image: url(".svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	line-height:;
	hyphens:auto;
	
	
}


#leistungLi	{
	
	position:relative;
	float:left;
	width:20%;
	display:inline;
	margin-left:0%;
	margin-right:0%;
	padding:1% 0.5%;
	line-height:1;
	font-size:0.8vw;
	color:#000;
	text-align:left;
	background:rgba(240,240,240,0.6);
	line-height:1.6;

	
	
}



#leistungLi	h3{
	

font-weight:400;
line-height:1.3;
	
	
}

#leistungLi	a:hover{
	

font-weight:400;
line-height:1.3;
color:#275A9C;

	
	
}

#leistungRe	{
	
	position:relative;
	float:left;
	width:20%;
	display:inline;
	margin-left:0%;
	margin-right:0%;
	padding:1% 0.5%;
	line-height:1;
	font-size:0.8vw;
	color:#000;
	text-align:left;
	background:rgba(220,220,220,0.6);
	line-height:1.6;

	
	
}

#leistungRe	h3{
	

font-weight:400;
line-height:1.3;	
	
}

#leistungRe	a:hover{
	

font-weight:400;
line-height:1.3;
color:#697D2E;

	
	
}


#leistungLi2	{
	
	position:relative;
	float:left;
	width:20%;
	display:inline;
	margin-left:0%;
	margin-right:0%;
	padding:1% 0.5%;
	line-height:1;
	font-size:0.8vw;
	color:#000;
	
	text-align:left;
		background:rgba(220,220,220,0.6);
	line-height:1.6;

	
	
}



#leistungLi2	h3{
	

font-weight:400;
	line-height:1.3;
	
}

#leistungRe2	{
	
	position:relative;
	float:left;
	width:20%;
	display:inline;
	margin-left:0%;
	margin-right:0%;
	padding:1% 0.5%;
	line-height:1;
	font-size:0.8vw;
	color:#000;
	text-align:left;
	background:rgba(240,240,240,0.6);
	line-height:1.6;

	
	
}

#leistungRe2	h3{
	

font-weight:400;
	line-height:1.3;
	
}

#leistungRe2:hover{
	

cursor:pointer;
	
}


/******************LEISTUNG SEITE*****************/

.homeScreenÜSLeistung h2 {
	display:none;
	font-size:4vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:3px;
	padding:7% 0% 0% 6%;
	text-align:left;
	right:6%;	
	color:#222;
	background:transparent;
	
}

.homeScreenÜSLeistungDesk h2{
	display:initial;
	width:100%;
	float:right;
	position:relative;
	font-size:3vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:3px;
	margin-top:10%;
	padding:0% 0% 0% 6%;
	text-align:left;
	color:#222;
	background:transparent;
	z-index:11111;
	
}

#leistungPicMobile{
	
	width:100%;
	height:100%;
	float:left;
	margin-top:-13%;
	background-image:url("leistungHero3.svg");
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
		
	
}


#leistungExt	{
	display:none;
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	padding:2% 5% 10% 5%;
	line-height:1.3;
	font-size:16px;
	color:#000;
	text-align:left;
	background:rgba(255,255,255,0.8);
	background-image: url("bg_angebot1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	

	line-height:;
	hyphens:auto;
	

	
	
}


#leistungExtDesk	{
	display:initial;
	position:relative;
	float:left;
	width:100%;
	margin:3% 0% 0% 0%;
	padding:2% 5% 0% 5%;
	line-height:1.3;
	font-size:16px;
	color:#000;
	text-align:left;
	background:rgba(255,255,255,0.8);
	background-image: url("bg_angebot1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	

	line-height:;
	hyphens:auto;
	

	
	
}


#leistungExtDesk h3{
	
		font-size:1.6vw;
	
	
}


#mehrLeistung {
	
		position:relative;
	float:left;
	width:100%;
	 margin:0%;
	padding:0% 5% 2% 0%;
	font-size:1vw;
	line-height:2;
	color:#222;
	text-align:left;
	border-bottom:0px solid lightgrey;
	background:transparent;
		
}


#leistung1	{
	
	position:relative;
	float:left;
	width:92.5%;
	margin:0% 0% 1% 0%;
	padding:0% 2.5% 5% 2.5%;
	line-height:1.5;
	font-size:1vw;
	color:#000;
	text-align:left;
	background:rgba(63,149,255,0.0);
	background:rgba(240,240,240,0.2);
	line-height:2;

	
	
}



#leistung1	h3{
	

font-weight:400;
line-height:1.3;
	
	
}

#leistung1	img{
	
width:50%;
text-align:left;
	
	
}

#leistung1Eye{
	
	width:7.5%;
	padding-bottom:2%;
	float:left;
	background:#3f95ff;
	background:linear-gradient(to bottom, #3f95ff, #4075ff);
	text-align:center;
	
}


#leistung2Eye{
	
	width:7.5%;
	float:left;
	padding-bottom:2%;
	background:#abcb4c;
	background:linear-gradient(to bottom, #abcb4c, #a4c255);
	text-align:center;
	
}


#leistung2	{
	
	position:relative;
	float:left;
	width:92.5%;
	margin:0% 0% 1% 0%;
	padding:0% 2.5% 5% 2.5%;
	line-height:1.5;
	font-size:1vw;
	color:#000;
	text-align:left;
	background:rgba(63,149,255,0.0);
	background:rgba(240,240,240,0.2);
	line-height:2;

	
	
}


#leistung1	h3{
	

font-weight:400;
line-height:1.3;
	
	
}

#leistungExtDesk h4{
	
	

	
}


#team	{
	display:none;
	width:98%;
	float:left;
	margin:2% 1% 5% 1%;
	padding:3% 5% 5% 5%;
	background:#eee;	


	
	
}


#teamDesk	{
	display:initial;
	width:98%;
	float:left;
	margin:2% 1% 2% 1%;
	padding:4% 5% 4% 5%;
	font-weight:500;
	background:#fff;
	background-image: url("sportpsychologinnen_gHome.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	

	
	
}

#teamDesk h2{
	color:#222;
	font-weight:400;
	font-size:1.6vw;
	text-transform:;
	
}






#teamDesk a{
	

	color: #000;

	
	
}

#zumTeam{
	
	font-weight:600;
	color:#000;
	
}
  
#zumTeam a:hover{
	
	color:#444;
	
}

/********************TEAM*********************/


.homeScreenÜSTeam h2{
	display:none;
	position:relative;
	font-size:4vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:3px;
	padding:7% 0% 0% 12%;
	text-align:left;
	right:6%;	
	color:#222;
	background:transparent;
	z-index:11111;
	
}


.homeScreenÜSTeamDesk h2{
	display:initial;
	width:100%;
	float:right;
	position:relative;
	font-size:2.5vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:3px;
	margin-top:10%;
	padding:0% 0% 0% 6%;
	text-align:left;
	color:#222;
	background:transparent;
	z-index:11111;
	
}

#teamPicMobile{
	
	width:100%;
	height:50%;
	float:left;
	margin-top:0%;
	background-image:url("teamHero.svg");
	background-image:url("sportpsychologinnen_g1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
		
	
}

#teamExtNamen{
	width:96%;
	float:left;
	margin:0% 2% 5% 2%;
	padding:2% 0% 1% 0%;
	line-height:1.6;
	font-size:1vw;
	color:#000;
	background:none;
}

#teamExtNamen a{
	
	font-size:1vw;
	color:#000;
	
	
}

#teamExt	{
	display:none;
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	padding:2% 5% 10% 5%;
	line-height:1.3;
	font-size:1vw;
	color:#000;
	text-align:left;
	background:rgba(255,255,255,0.8);
	background-image: url("bg_angebot1.svg");
	background-image: url("bg_teamExt1234.jpeg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	

	line-height:;
	hyphens:auto;
	

	
	
}

#teamExtDesk	{
	display:initial;
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	padding:2% 5% 0% 5%;
	line-height:1.3;
	font-size:1vw;
	color:#000;
	text-align:left;
	background:rgba(255,255,255,0.2);
	background-image: url("bg_angebost1.svg");
	background-image: url("bg_teamExst.jpeg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	

	line-height:;
	hyphens:auto;
	

	
	
}

#team1	{
	
	position:relative;
	float:none;
	width:45%;
	margin:1% 2%;
	padding:2% 5% 2% 2.5%;
	font-size:1vw;
	color:#000;
	text-align:left;
	background:rgba(63,149,255,0.0);
	background:rgba(190,190,190,0.0);

	line-height:1.3;
border:1px groove #f3f3f3;
	
	
}

#team1:hover{
	
	box-shadow:1px 1px 10px rgba(220,220,220,0.3);
	
}


#team1	h3{
	
margin-top:-0.5%;
font-weight:400;
line-height:1.3;
	
	
}

#team1	img{
	
width:35%;
text-align:left;
filter:grayscale(100%);
	
	
}

#team1	img:hover{
	
width:35%;
text-align:left;
filter:grayscale(30%);
	
	
}

#team2	{
	border-top:0px solid gray;
	position:relative;
	float:none;
	width:45%;
	margin:1% 2%;
	padding:2% 5% 2% 2.5%;
	
	font-size:1vw;
	color:#000;
	text-align:left;
	background:rgba(20,20,20,0.03);
	box-shadow:1px 1px 10px rgba(150,150,150,0.0);
	border:1px groove #f3f3f3;
	line-height:1.3;
	

	
	
}

#team2:hover{
	
	box-shadow:1px 1px 10px rgba(220,220,220,0.3);
	
}

#team2	h3{
	
margin-top:-0.5%;
font-weight:400;
line-height:1.3;	
	
}





#team2	img{
	
width:35%;
text-align:left;
filter:grayscale(80%);	
	
}

#team2	img:hover{
	
width:35%;
text-align:left;
filter:grayscale(30%);	
	
}

#mehrTeam {
	
		position:relative;
	float:left;
	width:100%;
	 margin:0%;
	padding:1% 5% 2% 0%;
	font-size:0.8vw;
	line-height:1.5;
	color:#555; 
	color:#fff;
	color:#111;
	text-align:left;
	  border-bottom:0px solid #abcb4c;
		background:transparent;
		
}



summary{
	
 width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:0.8vw;
	   color:#222;
	   font-weight:500;
	  	background:transparent;
	  margin:0%;
	  padding:0% 0% 1% 0%;
	  text-align:left;
	
	
	
}

summary::marker{
	
	color:#abcb4c;
	
	
}

summary::marker:hover{
	
	cursor:pointer;
	
	
}

summary::-webkit-details-marker{
	
	color:#abcb4c;
	
	
}

details::details-content {
  opacity: 0;
  transition:
    opacity 900ms,
    content-visibility 900ms allow-discrete;
}

details[open]::details-content {
  opacity: 1;
}


#mehrTeam h6{
	  width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:0.8vw;
	   color:#222;
	   font-weight:500;
	  	background:transparent;
	  margin:0%;
	  padding:0% 0% 1% 0%;
	  text-align:left;
	
  }
  
  #mehrTeam h5{
	  width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:0.8vw;
	 color:#222;
	  font-weight:500;
	 background:transparent;
	  margin:0%;
	  padding:0% 0% 1% 0%;
	  text-align:left;
	  letter-spacing:1px;
	
  }


  .moreT{
	  
	  padding:5% 5% 5% 0%;
	  
	  
  }
  
   .moreT h5{
	  
	color:white;
	  
	  
  }
  
    .moreT2 h5{
	  
	color:white;
	  
	  
  }

.moreT2{
	  
	  padding:5% 5% 5% 5%;
	  
	  
  }

  /*************TEAM SEITE ENDE******************/




  
#qualität	{
	display:none;
	position:relative;
	float:left;
	width:49%;
	height:60%;
	margin:0% 0% 0% 1%;
	padding:5% 5% 5% 5%;
	line-height:1.5;
	font-size:1vw;
	font-weight:500;
	color:#000;
	text-align:left;
	background:#00BF54;
	background:#202e2f;
	background:#2FBB9A;
	background:#497f2c;
	background:#397E7A;
	background:#317782;
	background:#519B9D;	background:#75B0A6;
	background-image: url("qualität.svg");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 140%;

	
	
}


#qualitätDesk	{
	display:initial;
	position:relative;
	float:left;
	width:98%;
	margin:0% 1% 0% 1%;
	padding:2% 5% 0% 5%;
	line-height:1.6;
	font-size:1vw;
	font-weight:500;
	color:#000;
	text-align:left;
	background:#75B0A6;
	background-image: url("qualität.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120%;

	
	
}



#qualitätDesk h2{
	
	font-weight:700;
	font-size:1.6vw;
	text-transform:;
	color:white;
	line-height:1.3;
	}

#qualitätDesk a{
	

	color: #fff;
	font-size:1vw;
	
}

#qualitätDesk a:hover{
	

	color: #ddd;
	font-size:1vw;
	
}

#qualitätDesk p{
	

	column-count: 2; column-gap: 5%;
	column-rule: 1px solid #fff;
	hyphens:auto;
	
	
}


  
#qualitätPicMobile{
	
	width:100%;
	height:50%;
	float:left;
	margin-top:0%;
	padding:0%;
	background-image:url("quality4.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
		
	
}

.homeScreenÜSQualität h2 {
	display:none;
	font-size:8vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:2px;
	padding:25% 3% 0% 3%;
	margin:0%;
	text-align:left;
	
}

 
  .homeScreenÜSQualitätDesk h2 {
display:initial;
	width:100%;
	float:right;
	position:relative;
	font-size:3vw;
	font-family:'montserrat';
	font-weight:400;
	letter-spacing:3px;
	margin-top:10%;
	padding:0% 0% 0% 6%;
	text-align:left;
	color:#222;
	background:transparent;
	z-index:11111;
}


#mehrQualitätExt {
	
		position:relative;
	float:left;
	width:100%;
	 margin-bottom:0%;
	padding:2% 5% 0% 5%;
	font-size:0.9vw;
	font-weight:500;
	line-height:1.7;
	color:#555; 
	color:#000;
	text-align:left;
	  border-bottom:0px solid lightgrey;
	background:#497f2c;
	background:#397E7A;
	background:#fff;
}



#mehrQualitätExt h6{
	  width:100%;
	  float:left;
	  background:transparent;
	  box-shadow:none;	
	  font-size:1.3vw;
	  color:#000;
	  background:#497f2c;
	  background:#397E7A;
	  background:#75B0A6;
	  background:#fff;
	  margin:0%;
	  padding:0% 0% 1% 0%;
	  text-align:left;
	  color:#000;
	
  }
  
  #mehrQualitätExtIntro{
	  
	  width:100%;
	  float:left;
	  margin-bottom:3%;
	  padding:1% 0% 3% 0%;
	  font-size:1vw;
	  line-height:1.9;
	  background:#fff;
	  color:#000;
	  
	  
  }
  
    
#kontaktExt	{
	
	position:relative;
	float:left;
	width:100%;
	margin-top:5%;
	padding:5% 5% 5% 5%;
	line-height:1.5;
	font-size:1vw;
	color:#444;
	text-align:left;
	background:transparent;

	
	
}

#kontaktExt h2{
	
	font-weight:700;
	font-size:2vw;
	text-transform:uppercase;
	background:transparent;
	text-align:left;
	margin-bottom:5%;
	color:black;
	border-radius:0%;
	
}

#kontaktExt a{
	

	color: #000;

	
	
}

#kontakt1Ext{
	
	position:relative;
	float:left;
	width:40%;
	margin:-5% 0% 0% 5%;
	padding:2% 5% 5% 5%;
	line-height:1.5;
	font-size:1.2vw;
	color:#000;
	text-align:center;
	border-right:px solid grey;
	background:transparent;
}



#kontakt3Ext{
	
position:relative;
	float:left;
	width:40%;
	margin:-2% 0% 0% 5%;
	padding:0%;
	line-height:1.5;
	font-size:1.2vw;
	color:#444;
	text-align:left;
	background:transparent;
	border:5px out #eee ;
}
 
 
 
 
#kontakt	{
	
	position:relative;
	float:left;
	width:90%;
	margin-top:5%;
	margin-left:5%; 
	padding:5% 2% 5% 5%;
	line-height:1.5;
	font-size:1vw;
	color:#444;
	text-align:left;
	background:transparent;

	
	
}

#kontakt h2{
	
	font-weight:700;
	font-size:2vw;
	text-transform:uppercase;
	width:25%;
	padding:6% 2%;
	background:transparent;
	border:2px inset #fff ;
	text-align:center;
	color:black;
	border-radius:0%;
	
}

#kontakt a{
	

	color: #000;

	
	
}

#kontakt1{
	
	position:relative;
	float:left;
	width:40%;
	margin:-5% 0% 0% 5%;
	padding:2% 5% 5% 5%;
	line-height:1.5;
	font-size:1.2vw;
	color:#000;
	text-align:center;
	border-right:px solid grey;
	background:transparent;
}


.map{
	
	width:100%;
	height:300px;
filter:grayscale(90%);}


#kontakt3{
	
position:relative;
	float:left;
	width:40%;
	margin:-2% 0% 0% 5%;
	padding:0%;
	line-height:1.5;
	font-size:1.2vw;
	color:#444;
	text-align:left;
	background:transparent;
	border:5px out #eee ;
}



#footer{
	
	width:40%;
	float:left;
	margin:5% 30% 0% 30%;
	padding:2% 5%;
	background:#fff;
	color:#0e243d;
	font-size:14px;
	line-height:1.8;
	text-align:center;
	border-top:solid 1px #0e243d;
	
	
}


#footer a{
	

	color:#0e243d;
	font-size:14px;
	
}

#logoImpressum{

width:80%;
position:absolute;
z-index:1;	
margin:10% 10% 0% 10%;
padding:0% 0% 0% 0%;
background-color:rgba(255,255,255,.5);
	
}

#logoImpressum img{

width:100%;

	
}

.punktImpressum{
	
	width:100%;
	float:left;
	position:relative;
	z-index:3;
	margin:35% 0%;
	background-color:rgba(220,220,220,0.0);
	font-size:0.8vw;
	padding:5% 15%;
	line-height:1.8;
	
	
	
}

.punktImpressum a{
	
	
	color:#123456;
	
}

.punktImpressum a:hover{
	
	
	color:#000;
	
}


#dsTitel{
	
	width:100%;
	float:left;
	position:relative;
	z-index:3;
	margin:5% 0% 0% 0%;
	background-color:rgba(220,220,220,0.0);
	font-size:2.5vw;
	padding:%;
	line-height:1.8;
	
	
}



#dsTxt{
	
	width:100%;
	float:left;
	margin:0%;
	background-color:rgba(220,220,220,0.0);
	font-size:2vw;
	padding:2% 0%;
	line-height:1.8;
	background-color:;
	
	
}

#dsTxt h3{
	
	font-weight:200;
margin-bottom:-0.5%;	

}



#dsTxt a{
	
	color:#333;
	
	
}

.datenschutzBody{
	
	width:70%;
	margin:5% 15%;
	font-size:0.8vw;
	color:#333;
	
	
}

.datenschutzBody a{
	
	color:#444;
	
	
}


.impressumBody{
	
	width:70%;
	margin:5% 15%;
	font-size:0.8vw;
	color:#333;
	
	
}

.impressumBody a{
	
	color:#444;
	
	
}



 /* For landscape tablets and up: */


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
  
  
  
  
  }
  
  
  

.impressumWrapper{
	
	width:80%;
	margin-left:10%;
	
	
	
	
}
#logoImpressum{

width:30%;
position:absolute;
z-index:1;	
margin:2% 70% 0% 0%;
padding:0% 0% 0% 0%;
background-color:rgba(255,255,255,.5);
	
}

#logoImpressum img{

width:100%;

	
}



.punktImpressum{
	
	width:100%;
	float:left;
	position:relative;
	z-index:3;
	margin:15% 0% 0% 0%;
	background-color:rgba(220,220,220,0.0);
	font-size:0.8vw;
	padding:5% 11.5%;
	line-height:1.8;
	
	
	
}

.punktImpressum a{
	
	
	color:#123456;
	
}

.punktImpressum a:hover{
	
	
	color:#000;
	
}


#dsTitel{
	
	width:100%;
	float:left;
	position:relative;
	z-index:3;
	margin:5% 0% 0% 0%;
	background-color:rgba(220,220,220,0.0);
	font-size:1vw;
	padding:%;
	line-height:1.8;
	font-weight:500;
	
	
}



#dsTxt{
	
	width:100%;
	float:left;
	margin:0%;
	background-color:rgba(220,220,220,0.0);
	font-size:0.8vw;
	padding:4% 0% 2% 0%;
	line-height:1.8;
	background-color:;
	
	
}

#dsTxt h3{
	
	font-weight:200;
margin-bottom:-0.5%;	

}



#dsTxt a{
	
	color:#333;
	
	
}





 /* For tablets: */
@media only screen and (min-width: 600px) {
	
	
	
	
	
	
	
	
	
	
	
	
}


  
  
 @media only screen and (min-width: 992px) {
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
}
  
  
  
  
}