html,
body {
  font-size: 100%; }

.btn {
	background-color: darkgreen;
	color: #e8e8e5;
}
.d-none {display: none}
label {
	margin-bottom: 10px;
}
input {
	margin-top: 10px;
}


.messages {
	width:400px;
	height:80px;
}

.alert {
	padding: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

@media screen and (max-width: 1050px) {
	
	.row{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom:2rem;
		padding-top:1rem;
		padding-left:1rem;
		padding-right:1rem;}
	
	.column{
		padding: 0rem;
		padding-top: 0.5rem;
		margin-bottom: 0rem;}
	
	#pageheader{ 
		font-size:2.5rem; 
		font-family: inherit;
		font-weight: normal;
		line-height: 1;
		margin-left:5%;
		margin-bottom:0rem;}
	
	#pagetext{
		font-size: 1rem; 
		font-family: inherit;
		font-weight: normal;
		line-height: 1.3;
		margin-left:5%;}
	
	#helper1{
	display:none;}
	
	/*home*/



	.section{
		max-width:89%;
		margin-top:2rem;
		margin-left:5%;
		background-color:#3e0606;
		border-radius: 5px;
		padding:2rem;}
		
	.openinghourstable{
		width:100%;
		font-family: inherit;
		font-weight: normal;
		font-size: 1rem;
		line-height: 1.3;
		margin:0;}
	
	/*hairstyle*/
	#stylelist{
		list-style-position: inside;
		line-height:1.5;}
		
	/*Salon*/
	#responsivehelper1{
		max-width:90%;
		margin: 0 auto;}
	
	/*kontakt*/
	.g-recaptcha{
		margin-left: 5%;
		max-width:100%;}

	textarea, input {
		font-family: inherit;
		font-weight: normal;
		font-size: 0.9rem;
		line-height: 2;
		width: 90%;
		border-radius:3px;
		resize: none;
		padding: 0.2rem;
		margin-bottom:0.4rem;
		border: 1px #FFFFFF solid;
		/*background: url(/images/editbox_bg.png);*/
		background-size: 100%;
	}
	
	/*map*/
	#googleMap{
		width:90%;
		height:350px;
		margin-bottom:6rem;
		margin-top:1rem;
		margin-left:5%;
		float:left;
		border-radius:3px;}
	
			
	#responsivehelper2{
		margin-left:5%;}
		
	#responsivehelper3{
		padding: 0.5rem;
		min-width:98%;
		max-width:98%;
		margin: 0 auto;}
	
	#responsivehelper4{
		padding: 0.5rem;
		min-width:98%;
		max-width:98%;
		margin: 0 auto;}
}









@media screen and (min-width: 1050px) {
	.row{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom:1rem;
		max-width: 65rem;
		padding-top:2rem;}
		
	.column{
		padding: 0.5rem;
		margin-bottom: 1rem;}
		
	#pageheader{ 
		font-size:2.5rem; 
		font-family: inherit;
		font-weight: normal;
		line-height: 1;
		margin-left:7rem;
		margin-bottom:0rem;
		margin-top:6rem;}
	
	#pagetext{
		font-size: 1.3rem; 
		font-family: inherit;
		font-weight: normal;
		line-height: 1.3;
		margin-left:10rem;
		color:#656565;
	}
	
	#headerlink:link, #headerlink:visited, #headerlink:hover, #headerlink:active {
		color:#656565;
	}
	
	#headerlink2:link, #headerlink2:visited, #headerlink2:hover, #headerlink2:active {
		background:#656565;
		color:white;
		border-radius:3px;
		text-decoration: none;
		padding: 0.5rem;
	}
	
	#helper1{
		padding-top:0rem;
		padding-right:8rem;}
	
	/*home*/
	.section{
		max-width:39%;
		margin-top:2rem;
		margin-left:3rem;
		background-color:#3e0606;
		border-radius: 5px;
		padding:2rem;}
		
	.openinghourstable{
		max-width:35%;
		width:35%;
		font-family: inherit;
		font-weight: normal;
		font-size: 1rem;
		line-height: 1.3;
		margin:0 auto;}
		
	.openinghourstable td{
		text-align:right;}
		
	/*hairstyle*/
	#stylelist li{
		margin-left: 60%;
		list-style-position: inside;
		line-height:1.5;}
	
	/*kontakt*/
	textarea, input {
		font-family: inherit;
		font-weight: normal;
		font-size: 0.9rem;
		line-height: 2;
		width: 50%;
		border-radius:3px;
		resize: none;
		padding: 0.2rem;
		margin-bottom:0.4rem;
		border: 1px #FFFFFF solid;
		/*background: url(/images/editbox_bg.png);*/
		background-size: 100%;
	}
	
	.g-recaptcha{
		margin: 0 auto;
		max-width:30%;}
	
	/*map*/
	#googleMap{
		width:550px;
		height:350px;
		margin-bottom:6rem;
		margin-top:1rem;
		margin-right:0.5rem;
		max-width:100%;
		float:right;
		border-radius:3px;}
}
 /*#21201d;*/



body {
	background-color:#000;;
	color: white;
	padding: 0;
	margin: 0;
	font-family: Open Sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
	cursor: default;
	font-size: 0.9rem;}
  
p{
	font-family: inherit;
	font-weight: normal;
	font-size: 0.9rem;
	line-height: 1.6}
	
h1{
	margin-bottom: 1rem;
	color: #3e0606;
	text-align: center;}
h2{
	margin-bottom: 1.5rem;
	text-align: center;}

h3 {
	/*float: left;*/
	text-align: center;
	display: block;
	width: 100%;
	font-size: 30px;
	margin: 20px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight:normal;
	font-style: normal;
	color: #e3605e;
}
  
img{ max-width: 90%;}

a:link, a:visited, a:hover, a:active {
	color:#e8e8e5;
}


	
#wrapper{
	/*background-color:#a09b8a;*/
	width: 100%;
    margin: 0 auto;
	padding-bottom:1rem;}

#header {
	height:80px;
}

#logo {
float:left;
	height:80px;

}

.socialheader {
	float:right;
	width:120px;
	height:80px;

}

.column_right{
	float:right;
	padding: 0.5rem;
	margin-bottom: 1rem;
	max-width:50%;}
	
.column_left{
	float:left;
	padding: 0.5rem;
	padding-right: 2rem;
	margin-bottom: 1rem;
	max-width:50%;}

	
/*salon*/
.smallimage{
	margin-left:1.5%;
	margin-top:8px;
	border-radius: 3px;
	width:203px;
	border: 1px solid #e3605e;
}

/*team*/
.teamimage{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
	width:500px;
	border: 1px solid #e3605e;
}


		
/*kontakt*/
form{
	text-align:center;
}
.error{
	margin-bottom:0.4rem;
	color:#e3605e;}
.success{
	margin-bottom:0.4rem;
	color:green;}


/*footer*/
footer{
	clear: both;
	margin: 0;}

.row_footer{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 4rem;
	max-width: 75rem;
	padding-top:0.9375rem;}

#footerheader{ 
	font-size:1.9rem; 
	margin-bottom:0rem;}

.footertext{
	font-family: inherit;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.5;
	color:#e8e8e5;
}
.sociallogo{
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 1rem;
	margin-top:0.5rem;
}

.map {
	border: 1px solid #e3605e;
	border-radius: 3px;
}