@charset "utf-8";
@import "font.css";

/* allgemein */

* {
	padding:0px;
	margin:0px;
}

body, html {
	font-size:15px;
	font-weight:400;
	color:#fff;
}

body {
	background:url(../images/bg_massagepraxis_gertrud-kern.jpg);
	background-size:cover;
	background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
}
	.clear {
		clear:both;
	}
	
	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	.space {
	}
	
	img {
		border:none;
	}
	
	a, 
	a:hover {
		outline:0;
		text-decoration:none;
	}


/* container */

.wrapper {
	position:relative;
	width:100%;
	margin:75px auto 25px;
	
}

.wrapper_impressum {
	font-family: Helvetica Neue, Helvetica, Arial, serif;
	background:rgba(0,0,0,0.75);
	position:relative;
	width:100%;
	margin:0 auto;
	padding:30px;
}

/* tags */

h1, h2, h3, h4, h5 {
	font-weight:300;
	line-height:1;
	margin:0;
}

h1 {
	font-size:26px;
	padding-bottom:30px;
}

h2 {
	font-size:26px;
	padding-bottom:20px;
}

.wrapper h1 {
	background:rgba(0,0,0,0.75);
	font-family:'VDS', Helvetica, Arial, serif;
	font-size:40px;
	color:#fff;
	padding:25px 65px 25px 60px;
	width:100%;
}

.wrapper h2 {
	background:rgba(0,0,0,0.75);
	font-family:'VDS', Helvetica, Arial, serif;
	font-size:40px;
	color:#fff;
	padding:25px 65px 25px 60px;
	margin:20px 0;
	width:100%;
}

@media (min-width: 480px) {
	.wrapper {
		width:500px;
	}
	.wrapper_impressum {
		width:800px;
		margin:75px auto 75px;
	}
	.wrapper h1 {
		width:500px;
		font-size:60px;
	}
	.wrapper h2 {
		width:450px;
		font-size:60px;
	}
}

.wrapper h3 {
	background:rgba(0,0,0,0.35);
	font-family: Helvetica Neue, Helvetica, Arial, serif;
	font-size:26px;
	color:#fff;
	padding:15px 65px 15px 60px;
	margin:10px 0;
}

.adresse {
	width:345px;
}
.ort {
	width:255px;
}
.telefon {
	width:365px;
}



.impressum a {
	position:fixed;
	bottom:30px;
	left:40px;
	font-family: Helvetica Neue, Helvetica, Arial, serif;
	font-size:14px;
	color:#fff;
}

.datenschutz a {
	position:fixed;
	bottom:30px;
	left:150px;
	font-family: Helvetica Neue, Helvetica, Arial, serif;
	font-size:14px;
	color:#fff;
}

.impressum-xs {
	position:absolute;
	bottom:-40px;
	left:10px;
}

.impressum-xs a {
	font-family: Helvetica Neue, Helvetica, Arial, serif;
}

p, li {
	line-height:1.5;
	font-size:16px;
}

a {
	font-weight:400;
	color:#ccc;
}

a:hover, 
a:focus {
	text-decoration:none;
	font-weight:400;
	color:#BA0D12;
}

strong {
	font-weight:600;
}

hr {
}

/* bootstrap override */