/* Alle Stile der Seitenstruktur */
html {
	font-size: 55.0%;
}
html, body {
	margin:0;
	padding:0;
}
body {
	text-align: center;
	background-color: #FFF;
	margin: 0;
	padding: 0px 0px 30px;
	font-size: 16px;
	font-size:1.6rem;
	font-family: "filson-pro",sans-serif;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#introWrapper {
	width:100%;
	padding:0 2%;
	box-sizing:border-box;
}
#intro {
	width:100%;
	margin: 0px auto;
}
#introTop {
	width:100%;
	padding:50px 0 27px 0;
	position:relative;
}
#introTop img {
	width:100%;
	height:130px;
	background-image: url(../images/logo.png);
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

#introData {
	width:100%;
	padding:0 4px;
	box-sizing:border-box;
	background-image: url(../images/bg.jpg);
	background-size:cover;
	color:#FFF;
}
#introData h1 {
	padding:0;
	margin:0;
	font-weight: 200;
	font-size:28px;
	font-size:2.8rem;
	line-height:30px;
}
#introData h2 {
	padding:10px 0;
	margin:0;
	font-weight: 200;
	font-size:32px;
	font-size:3.2rem;
	line-height:40px;
}
#introData strong {
	width:100%;
	display:block;
	font-weight: 400;
	font-size:14px;
	font-size:1.4rem;
	line-height:20px;
}

.row1 {
	padding:38px 0 32px 0;

}
.row1 small {
	width:100%;
	display:block;
	font-size:11px;
	font-size:1.1rem;
	line-height:18px;
	font-weight: 200;
}
.row2 {
	padding:0 0 32px 0;
}
.row3 {
	padding:0 0 38px 0;
}

.icon {
	width:100%;
	background-image: url(../images/logo.png);
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.icon.hand {
	background-image: url(../images/hand.png);
	height:42px;
}
.icon.auge {
	background-image: url(../images/auge.png);
	height:30px;
}


#introBottom {
	width:100%;
	padding:12px 0 0 0;
	font-size:12px;
	font-size:1.2rem;
	font-weight: 400;
	line-height:20px;
	color:#A07175;
}
#iBAdresse {
	width:100%;
	padding:0 0 20px 0;
}
#iBKontaktinfo {
	width:100%;
}
#introBottom ul {
	list-style:none;
	padding:0;
	margin:0;
}
#introBottom ul li {
	padding:0;
	margin:0;
	line-height:16px;
}
#introBottom ul li a {
	color:#A07175;
	text-decoration:none;
}
#introBottom ul li a:hover {
	text-decoration:underline;
}
#introBottom ul li b {
	color:#EC008C;
	font-weight: 400;
}
#introBottom ul li strong {
	font-size:24px;
	font-size:2.4rem;
	color:#EC008C;
	font-weight: 400;
	line-height:44px;
}


/* CSS > 980px */
@media only screen and (min-width: 990px) {
	
html {
	font-size: 62.5%;
}
body {
	background-image: url(../images/ringe.gif);
	background-position:center 300px;
	background-repeat:no-repeat;
}
#intro {
	width: 520px;
}
#introTop img {
	height:138px;
}

#introBottom {
	display:flex;
	text-align:left;
}
#iBAdresse {
	width:35%;
	padding:0;
}
#iBKontaktinfo {
	width:64%;
}

}


/* *** Float containers fix:*/ 
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clear{display: inline-table;}

/* Hides from IE-mac \*/
* html .clear{height: 1%;}
.clear{display: block;}
/* End hide from IE-mac */