@font-face{
	font-family:NanumBrushScript;
        src:url('brush script mt kursiv.ttf');
}
@font-face{
	font-family:VerdanaScript;
        src:url('Verdana.ttf');
}
*{																/*Allgemeine Einstellungen*/
	margin:0;
	padding:0;
	box-sizing: border-box;
}

body {															/*Body-Einstellungen Farbe und Hoehe*/
	background-color: #F6EDED;
	height:100%;
}

.logotyp{															/*Logotyp*/
	opacity:0.8;
	margin-bottom:0;
	margin-left:0;
}

#topInfo{                                                       /*Drei Wörter*/
	background-color:#6E0000;
	height:139px;
	margin-left:314px;
	font-family:NanumBrushScript;
	opacity:0.8;
	text-align:right;
	text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
	color:white;
	white-space: normal;
	font-size:3.5vw;
}

#topWort{                                                        /*Freundlich, kompetent, entspannt*/
	padding-top:80px;
	background-color:#6E0000;
}

#header{                                                           /* Das Hauptbild  */ 
	background-image: url('images/HBweb1.jpg');
	background-size:cover;
	background-position:center;
	height:580px;
	border-bottom: 5px groove white;
	background-repeat:no-repeat;	
	background-color:#761B1B;
}

#infoplatz{										/*Herzlich Willkommen!*/
	width:90%;
	padding-top:10px;
	padding-bottom:0px;
	background-color:#F6EDED;
	margin-left:auto;
	margin-right:auto;
	padding-left:auto;
	padding-right:auto;
	overflow:auto;
}

#infoplatztext{									/*Herzlich Willkommen!*/
	width:100%;
	background-color:#F6EDED;
	text-align:center;
	margin:auto;
	padding-top:80px;
}


#team{														/*Team Sektion*/
	width:90%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#F6EDED;
	margin:3%;	
}

.twobox{													/*Zwei Spalten Box*/
	float: left;
    width: 50%;
    overflow:auto;	
}

.dreibox{													/*Drei Spalten Box*/
	float: left;
    width: 33.33%;
    padding:10px;
	overflow:auto;
	text-align:left;
}

#hw{
	padding:50px;
	
	overflow:auto;

}

#teambild{
	padding:50px;
	width:100%;
}
#leistung{														/*Leistung Sektion*/
	width:90%;
	padding-top:10px;
	padding-bottom:0px;
	background-color:#F6EDED;
	margin:3%;
	padding-left:auto;
    padding-right:auto;
	text-align:left;}
	
	#leistungbild{
		padding:40px;
	}
	
#anfahrt{														/*Anfahrt Sektion*/
	width:90%;
	padding-top:10px;
	padding-bottom:30px;
	background-color:#F6EDED;
	margin:3%;
	padding-left:auto;
	padding-right:auto;
	overflow:auto;
}

p{
	font-size:18pt;
	color: rgba(0,0,0,0.6);
	
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
	                 0px -5px 35px rgba(255,255,255,0.3); 
    text-align: left;
	line-height: 1.5;
}

b {																	/*Rote grosse Buchstabe*/
    font-size: 110%;
    color: #761B1B;
}

h1{																	/*Sektionen Namen*/
	font-size:40pt;
	color: rgba(0,0,0,0.6);
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
	                 0px -5px 35px rgba(255,255,255,0.3); 
    text-align: center;
	line-height: 1.5;
	font-family:NanumBrushScript;
}

hr{
	border-bottom: 0.2px solid #F6EDED; 	                          /*Linie*/
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.webadresse a{
	color:green;padding:0;font-size:33pt;
}

.maneMenu a:link, a:visited {    
    color: white;
	font-weight: bold;
    padding: 7px 135px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family:NanumBrushScript;
}

.navigation{ 
  overflow: hidden;
  background-color: #761B1B;
  position:fixed;	
  width:100%;
  opacity:0.7;
  top:139px;
  display:block;
  z-index:1000;
  font-family:NanumBrushScript;
}

.topmenu {
  overflow: hidden;
  position:relative;	
  width:100%;
  opacity:1;
}

.navigation a {
  float: left;
  display: inline-block;
  color: white;
  text-align: center;
  padding: 3px 16px;
  text-decoration: none;
  font-size: 20pt;
  font-family:NanumBrushScript;
}

.navigation a:hover {
  background-color: #A44142;
  color: white;
}

.active {
  background-color: #A44142;
  color: white;
}

.navigation .icon {
  display: none;
}

#ende{																	/*Ende Sektion*/
	background-color:#761B1B;
	text-align:left;
	height:55px;
	color:white;
}

p.endetext{																/*Text vom Ende Sektion*/
    font-family:NanumBrushScript;
	color:white;
	white-space: normal;
	font-size:20pt;
}

#teamInfo{
	height:0px;
	background-color:#F6EDED;
}
#leistungInfo{
	height:80px;
	background-color:#F6EDED;
}
#anfahrtInfo{
	height:80px;
	background-color:#F6EDED;
}

#datenschutz{
	width:90%;
	padding-top:10px;
	padding-bottom:0px;
	background-color:#F6EDED;
	margin-left:auto;
	margin-right:auto;
	padding-left:auto;
	padding-right:auto;
	overflow:auto;
	font-size:13pt;
	line-height: 1.5;
}

h2{
	color: rgba(0,0,0,0.6);
}

.datenschrift h3{
	color: rgba(0,0,0,0.6);
}



/*--------------------------------------------------------Cookies---------------------------------------------------------------------*/

/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */



#cookie-alert{ 
	position:fixed; 
	width: 100%; 
	left: 0; 
	bottom: 0; 
	padding: 1%;   
	color: #fff; 
	font-size: 15px; 
	font-weight: 700; 
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35); 
	z-index: 99999; 
	text-align: center; 
	color: #fff; 
	background-color:gray;
	opacity:0.8;}

.cookies a, .cookies a:hover { 
	color: #fff; 
	text-decoration: underline;
	font-size:10pt;
	}

#Mobileleistung{display: none;}
	
	
#telefonmob{display:none;}	

#zeit{display:none;}	


/*--------------------------------------------------------Fuer die kleinere Bildschirmen----------------------------------------------*/  
  
@media screen and (max-width: 640px){
	  .navigation{    display: flex;flex-direction: row;justify-content: center;align-items: center;height: 20px; top: 275px;z-index:0;}
	  #teambild{width:100% !important;padding: 0% !important;}
	  #header{height:300px !important; background-image: url('images/galerie_salon.gif'); background-size:cover; }	 
	  #topInfo{display:none !important; margin:0;}
	  .logotyp{width:100% !important; display:none;}
	  #infoplatz{width: 100% !important; padding:20px !important;}
	  #infoplatztext{padding-top:10px !important;}
	  body{background-color:#761B1B !important; width:100% !important;overflow-x: hidden;}
	  #anfahrtmap{width:260px !important;}
	  .twobox{width:100% !important;}
	  #team {margin:0 !important;width:100% !important;padding:30px !important;}
	  #anfahrt{width:100% !important;background-image: url('images/HBweb1.jpg');opacity:1; padding:30px !important; background-color:#761B1B !important; margin:0% !important;color:white !important;p.color: white !important;}
	  #leistung{width:100% !important; margin:0% !important;padding:30px !important; }
	  .dreibox{width:100% !important; padding:0 !important;}
	  #teamInfo{height:0px !important;background-color:white !important;}
	  #leistungInfo{height:0px !important;background-color:white !important;}
	  #anfahrtInfo{height:0px !important;background-color:white !important;}
	  #hw{width:100% !important;}
	  #probel{display:none !important;}
      p{font-size:16pt !important;} 
      p.endetext {font-size: 16pt !important; color:white !important;}
	  h1{font-size:30pt !important; font-style:italic;font-family:VerdanaScript, sans-serif;}
	  #team{background-color:#761B1B !important;color:white !important;  }
	  .mobiletext{color: white !important;}
	  .navigation a{display: inline-block; color: white;  text-align: center;  padding: 3px 9px;  text-decoration: none; font-size: 14pt;font-weight:normal; font-family:VerdanaScript, sans-serif !important;font-style:italic;}
	  #Leistung1{display:none;}
	  #Mobileleistung{display: block; font-size:30pt !important; text-align:center !important;}
	  #telefonmob{text-align:center; width:50%;background-color: #B55757;  border: 0px solid #761B1B;border-radius: 7.5em 5em   /* по умолчанию */; padding:3px; font-style:bold;font-family:VerdanaScript, sans-serif,bold;margin:auto; position:relative;display:block;font-size:15pt !important;} 
      #dtelefon{display:none;}
      #zeit{text-align:center; width:70%; padding:3px; 
  font-family:VerdanaScript, sans-serif,bold; color:black;
margin:auto; position:relative;display:block;font-size:15pt !important;}
      .hrefdatenschutz{  width:100%; }
	  #zeitComp{display:none;}
	  .webAdresse a{font-size: 25pt !important;}
}
	  
	  
@media screen and (max-width: 640px) {
.cookies { position: fixed !important; float: center !important; }
.cookies a{float: center !important;  margin:auto !important; padding-left:100px;padding-right:100px;}
}

@media screen and (min-width:480px) and (max-width:1200px){
	#ende{height:100px !important;}
	#hw{padding:10px;	overflow:auto; width:100%;}
	#probel{display: none;}
	 #anfahrtmap{width:260px !important;}
	 
	}