/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* playfair-display-regular - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v30-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v30-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-ext_latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}



html,body {
	font-family: 'Open Sans', sans-serif;	
	font-size:1.1rem;
	font-weight:300;
	}
#root {  margin-top: 5em; }	

/* Top Bar */
.menu-icon { width: 30px; height: 40px; position:relative; top:40%; left:auto; right:16; }
.menu-icon::after { height: 3px; background: #fefefe; -webkit-box-shadow: 0 8px 0 #fefefe, 0 16px 0 #fefefe; box-shadow: 0 8px 0 #fefefe, 0 16px 0 #fefefe; content: ''; }
.menu-icon:hover::after{ height: 3px; background: #999; -webkit-box-shadow: 0 8px 0 #999, 0 16px 0 #999; box-shadow: 0 8px 0 #999, 0 16px 0 #999; content: ''; }
.topmenu { z-index: 10; min-height: 5em; background-color: #000; box-shadow: 0px 5px 5px rgba(0,0,0,0.5); }
.topmenu-left, .topmenu-right	{ padding:1rem; vertical-align:middle; }
.topmenu-right	{text-align:right;}	
#toplogo { height:4rem; }
#menuBar { padding-bottom:1.0rem; border-top:1px solid #666; }
.mainnav a { color:	#FFF; border-bottom: 2px solid #000; }
.mainnav a:hover { color:	#FFF; border-bottom: 2px solid #FFF; }
.mainnav a:active { color:	#FFF; border-bottom: 2px solid #FFF; }

@media screen and (max-width: 39.9375em) {
	.topmenu { min-height: 2.5rem; }
	.topmenu-left, .topmenu-right	{ padding:0.5rem;	}
	#toplogo { height:2rem; }	
	.menu-icon { top:30%; }
	.mainnav a { font-size: 0.8rem;	}
	.menu a, .menu .button { padding: 0.6rem 0.2rem; }
	#menuBar { padding-bottom:0.5rem;	}
	}

/* Rahmen um Tabellen entfernen */
table.unstriped tbody { background: none; }
thead, tbody, tfoot { border: none; }
table.unstriped tbody tr { border-bottom: none; background: none; }
tbody th, tbody td { padding: 0.0rem 0.0rem 0.625rem; }

/* Contentblöcke */
.fullscreen-bg { position: relative; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; background: url('/img/site/bg-salon-west-opening.jpg') center center / cover no-repeat; }
.fullscreen-hero { position: relative; top: -50px; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; }
.fullscreen-hero-small { position: relative; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; }
#footer { padding:1.0rem; background-color:#000; color:#FFF; text-align:center; }
#mapid { width:100%; height:500px; }
@media screen and (max-width: 39.9375em) {
#mapid { width:100%; height:300px; }
}
/* Textstyles */
h1 {
	color:#000;
	font-family: 'Playfair Display', serif;	
	margin-bottom:2rem;
	}
h2 {
	color:#000;
	font-family: 'Playfair Display', serif;	
	margin-bottom:2rem;
	}
h3 {
	font-size:0.9rem;
	font-weight:500;
	text-transform:uppercase;
	border-bottom:1px solid #B6B6B6;
	width:100%;
	text-align:left;
	}
h4 {
	font-size:0.9rem;
	font-weight:300;
	text-transform:uppercase;
	text-align:left;
	}	
p {
	line-height:175%;	
	}	
.teaser {
	color:#000;
	font-family: 'Playfair Display', serif;	
	line-height:175%;	
	}
	
strong {
		font-weight:400;
	}
.text-white {
	color:#FFF;
	}	
.small {
	font-size:0.8rem;
	}	
@media screen and (max-width: 39.9375em) {
	html,body {	font-size:1.0rem;	font-weight:300; }	
}



/* Preisliste */
.showprice { display:block; }
.hideprice { display:none; }
.pricetab { border-bottom:5px solid black; cursor:pointer; }
.pricetabActive { border-bottom:5px solid white; }
.product, .price, .priceDesc {
	font-size:0.9rem;
	vertical-align:top;
	line-height:125%;
	padding: 3px 0px 3px 0px;
	}	
.product { text-align:left; }
.price { width:60px; text-align:right; }
.priceDesc { width:130px; text-align:right; 	}	
a.imprint, a.imprint:active, a.imprint.visited { color:#FFF; }

/* Impessum */
div.imprint	{
	font-size: 0.8rem;
	color:#000;
	line-height:150%;
	text-align:justify;
	}
h1.imprint {
	font-size:1.6rem;
	font-weight:400;
	text-align:center;
	}

h2.imprint {
	font-size:1.1rem;
	font-weight:400;
	}
h3.imprint {
	font-size:0.9rem;
	font-weight:500;
	text-transform:none;
	border-bottom:none;
	text-align:left;	
	}
h4.imprint {
	font-size:0.9rem;
	font-weight:300;
	text-transform:none;
	text-align:left;	
	}			
h5.imprint {
	font-size:0.8rem;
	font-weight:300;
	text-transform:none;
	text-align:left;	
	}	
/* Sidelines */


.type-sidelines {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.type-sidelines span {
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.type-sidelines span:before, .type-sidelines span:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 9999px;
  top: 50%;
  border-top-style: solid;
  border-top-width: 1px;
}

.type-sidelines span:before {
  right: 100%;
}

.type-sidelines span:after {
  left: 100%;
}

.double {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.double span {
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.double span:before, .double span:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 9999px;
  top: 50%;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 0.5em;
  margin-top: -0.25em;
}

.double span:before {
  right: 100%;
}

.double span:after {
  left: 100%;
}

.custom {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.custom span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.custom span:before, .custom span:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  border-top-style: dotted;
  border-top-width: 4px;
  border-top-color: #2980b9;
  margin-top: -2px;
}

.custom span:before {
  right: 100%;
}

.custom span:after {
  left: 100%;
}

.custom-2 {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.custom-2 span {
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.custom-2 span:before, .custom-2 span:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 9999px;
  top: 50%;
  border-top-style: solid;
  border-top-width: 4px;
  border-top-color: #27ae60;
  margin-top: -2px;
}

.custom-2 span:before {
  right: 100%;
}

.custom-2 span:after {
  left: 100%;
}

.leaflet-tile {
	-webkit-filter: grayscale(100%) !important;
	}