@font-face {
	font-family: SourceSansPro;
	src: url(SourceSansPro.ttf);
}

* {
	font-size:17px;
	font-family:SourceSansPro, 'Trebuchet MS', Verdana, sans-serif;
	line-height:1.33;
	box-sizing:border-box;
}
html {height:100%;}
body {
	margin:0;
	min-height:100%;
	//background:url('hintergrund3.jpg') center/cover fixed;
	background-color:#FBFAF5;
	position:relative;
}

p a {
	border-bottom:1px dashed;
	font-size:inherit;
	color:inherit;
	font-family:inherit;
}
p a:hover {
	border-bottom:1px solid;
}

h1 {
	font-size:40px;
	line-height:45px;
	margin:0;
	font-weight:normal;
	margin-bottom:15px;
}
h1 span {
	font-size:25px;
	line-height:30px;
}
h1 span:first-child {
	font-size:inherit;
	line-height:inherit;
}
h2 {
	font-size:18px;
	line-height:25px;
	padding:6px;
	margin:5px 0 0 0;
	//color:#D67900;
	font-family:Arial;
	font-weight:normal;
	display:block;
	//background:rgba(255,255,255,.75);
	background:#dcc1ae;
	/*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/
	//border:1px solid rgba(0,0,0,.5);
	cursor:pointer;
}

a {
	text-decoration: none;
	color:black;
}

#kopf {
	background:#FBFAF5;
	position:fixed;
	width:100%;
	z-index:6;
	//border-bottom:1px solid rgba(0,0,0,.5);
	padding:10px 200px 0 200px;		
}

#kopf_infos {
	position:absolute;
	top:15px;right:200px;
}
#kopf_infos > img {
	float:left;
	height:50px;
	margin-right:5px;
}
#kopf_infos > p {
	line-height:1.45;
	float:right;
	padding:7.5px;
	//background:#e9870a;
	background:#a1b9c4;
	//color:#FBFAF5;
	border-radius:2px;
	font-family:SourceSansPro;
}
#kopf_infos > p > span {
	font-family:inherit;
}
#kopf_infos_mobil {
	display:none;}

#kopf_infos_mobil div {
	display:inline-block;
	width:48%;
	font-family:18px;
}
#kopf_infos_mobil div span {
	font-family:inherit;
	font-size:inherit;
}
#menue a {
	display:inline-block;
	cursor:pointer;
	line-height:35px;
	padding:0 20px;
	margin:0 10px 10px 0;
	font-size:20px;
	/*box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	border-top:1px solid #e9870a;
	border-right:1px solid #e9870a;
	border-left:1px solid #e9870a;*/
	//border-bottom:5px solid #e9870a;
	background:#a1b9c4;
	position:relative;
}
#menue a:hover {
	/*box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
	border-top:1px solid #e9870a;*/
	position:relative;
	top:3px;
	//border-bottom:2px solid #e9870a;
}

 .tabstopps {
	position:relative;
	font-weight:bold;
}
.tabstopps span {
	position:absolute; 
	left:140px;
	font-weight:normal;
	font-size:inherit;
	font-family:inherit;
}
.centerC {
	text-align:center;
}


#spalteBox {
	width:100%; 
	font-size:0;
	padding:0 200px;
	position:relative;
}

.spalte {
	display:inline-block;
	vertical-align:top;
}

.spalteC {
	text-align:left;
	padding:20px;
	margin:0 0 5px 0;
	
	//background:rgba(255,255,255,.75);
	background:#f1e4dc;
	/*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/
	//border:1px solid rgba(0,0,0,.5);
	
	position:relative;
}

.spalte > div:last-child {
	margin-bottom:20px;
}

.spalte_a_hb {
	width:60%;
	margin:10px auto 0 auto;
	display:block;
}
.bContainer {
	width:32%;
	width:calc(33% - 9px);
	border-radius:50%;
	background-position:center top;
	background-size:cover;
	display:inline-block;
	margin-right:10px;
}
.bContainer:last-of-type {
	margin-right:0;
}
#index #spalteBox .spalte:first-child {
	width:45%;
}
#index #spalteBox .spalte:nth-child(2) {
	width:45%;
	float:right;
}
#spalteBox .spalte:first-child {
	width:49.5%;
}
#spalteBox .spalte:nth-child(2) {
	width:49.5%;
	float:right;
}

.popup {
	display:none; 
	position:absolute;
	background:white;
	z-index:5;
	top:0;
	left:0;
	height:100%;
	padding:inherit;
}

#infobox {
	position:fixed;
	top:70%;
	right:0;
	overflow:hidden;
}
#infobutton {
	width:50px;
	height:50px;
	background:url('info.png');
	background-size:cover;
	float:left;
	margin-right:10px;
	cursor:pointer;
}
#infotext {
	display:none;
	float:right;
	vertical-align:top;
	margin-right:10px;
	border-radius:5px;
	background:white;
	padding:10px;
	max-width:400px;
}

.cbreak {
	display:none;
}

#minimenue {
	position:absolute;
	top:4px; right:10px;
	display:none;
	cursor:pointer;
}
.bar1, .bar2, .bar3 {
	width:50px;
    height: 6px;
    //background-color: #e9870a;
    background-color: #dcc1ae;
    margin: 11px 0;
    transition: 0.7s;
}

.change .bar1 {
    
    transform: rotate(-45deg) translate(-10px, 14px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    
    transform: rotate(45deg) translate(-10px, -14px);
}


#erreichbarkeit #spalteBox > div {
	background:rgba(255,255,255,.75);
	border:1px solid rgba(0,0,0,.5);
	width:100%;
	margin:0 auto;
	padding:20px;
	
}
#erreichbarkeit #map {
	width:100%;
	display:inline-block;
	margin-right:20px;
}
#erreichbarkeit #spalteBox p {
	vertical-align:top;
	display:inline-block;
	float:left;
	width:30%;
	width:calc(40% - 20px);
}

.h {
	font-size:30px;
	text-align:center;
	/border-bottom:5px solid #e9870a;
	padding-bottom:5px;
	margin-bottom:10px;
}
#bilder {
	margin-top:5px;
}
#bilder img {
	width:100%;
}

.bildgalerie_mobile img {
	width:100%;
	display:block;
}
.bildgalerie_mobile a {
	margin-top:10px;
	display:block;
}
.bildgalerie_mobile.spalteC {
	width:100%;
	max-height:60vh;
	overflow-y:scroll;
}