/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body{width:100%;zoom:1}body:before,body:after{content:"";display:table}body:after{clear:both}.col-1{display:inline;float:left;width:6.25%;margin:0 1.04166667%}.col-2{display:inline;float:left;width:14.58333333%;margin:0 1.04166667%}.col-3{display:inline;float:left;width:22.91666667%;margin:0 1.04166667%}.col-4{display:inline;float:left;width:31.25%;margin:0 1.04166667%}.col-5{display:inline;float:left;width:39.58333333%;margin:0 1.04166667%}.col-6{display:inline;float:left;width:47.91666667%;margin:0 1.04166667%}.col-7{display:inline;float:left;width:56.25%;margin:0 1.04166667%}.col-8{display:inline;float:left;width:64.58333333%;margin:0 1.04166667%}.col-9{display:inline;float:left;width:72.91666667%;margin:0 1.04166667%}.col-10{display:inline;float:left;width:81.25%;margin:0 1.04166667%}.col-11{display:inline;float:left;width:89.58333333%;margin:0 1.04166667%}.col-12{display:inline;float:left;width:97.91666667%;margin:0 1.04166667%}


body {
	font-family:"sofia-pro" /*lucida grande*/, arial;
	font-weight: 100;
	margin: 0px;
	-webkit-transition: all .5s ease; /* For Safari 3.1 to 6.0 */
    transition: all .5s ease;
    /*color: #333;*/
	height:100%;
	position:relative;
	-webkit-text-size-adjust: none;
}

html {
}

/* Navigation Start */
#mainnav {
}

nav {
	position: static;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top:0;
	height: 66px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	z-index: 1;
	background: rgba(82,  189, 212, 1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.34);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.34);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.34);
	color: white;
}

nav ul {

	margin: 0px;
	padding: 0px;
	width: 996px;
	margin: auto;
	text-align: center;
	}

nav ul li {
	list-style: none;
	float: left;
	position: relative;
}


nav ul li:hover {
	background: rgba(255, 255, 255, 0.1)
}

nav ul li.active {
	background: rgba(255, 255, 255, 0.2);
}

nav ul li a {
	color:white;
	text-decoration: none;
	display: inline-block;
	padding: 25px 30px;
	font-weight: 200;

	}

nav ul li ul {
	visibility: hidden;
	background: rgba(82,  189,  212, 1);
	overflow: auto;
	width: 250px;
	position: absolute;
	top: 66px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.34);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.34);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.34);
}

nav ul li ul a {
	width: 190px;
	text-align: left;
}

nav ul li:hover ul {
	visibility: visible;
}

nav a{
	text-decoration: none;
	color: white;
}

nav .info {
	width: 1000px;
	color: #fff;
	font-size: 12px;
	padding-top: 22px;
	margin: auto;
	text-align: right;
}

.nav-icon{
	padding: 20px 30px;
	display: inline-block;
	vertical-align: middle;
}

.nav-icon span{
	padding-left: 6px;
	display: inline-block;
	vertical-align: middle;
}

.nav-icon img{
	display: inline-block;
	vertical-align: middle;
	height: 26px;
}
/* Navigation End */

/* Section Start */
section {
	overflow: auto;
	padding:0px 0px 90px 0px;
	background-color: white;
}

.button {
	display: inline-block;
	background-color: rgba(131,  139,  197, 1);
	color: #fff;
	padding:25px 50px;
	margin-top: 30px;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	}


.button:hover {
	background: rgba(90,  197,  242, 0.8);
}

.content{
	width: 996px;
	margin: auto;
}

.bilder{
	color: white;
}

/* Section End */

/* Contentelements Start */
h1 {
	padding-top: 75px;
	font-size: 40px;
	padding-bottom: 30px;
	font-weight: 100;
	}

h2 {
	margin-top: 30px;
	font-size: 25px;
	margin-bottom: 20px;
	font-weight: 200;
}

h3 {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}

h4{
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}

h5{
	font-style: normal;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 10px;
}

hr{
	margin: 40px 0px 40px 0px;
	border:	none;
	border-bottom: 1px solid #eee;
}

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

a:link{
	text-decoration: none;
}

p {
	line-height: 1.4em;
	margin-bottom: 15px;
}

figure{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
}


footer{
	overflow: auto;
	background-color: rgba(134, 134, 134, 1);
	color: rgba(255,  255,  255, 1);
	bottom:0;
	width:100%;
}

footer .impressum{
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 25px;
	font-weight: 100;
	color: white;
}

footer img{
	margin: 0px 7px;
}


.button{

}

table {
	margin-left: 25px;
}

table td{
	padding-bottom: 5px;
	line-height: 1.4em;
}

.col-day {
	padding-right: 30px;
	}

.roundimages img{
	margin: 20px 20px;
	border-radius: 50%;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.highlight{
	font-weight: bold;
	font-style: normal;
}

.satzung{
	line-height: 1.3em;
	margin-top: 85px;
}

.satzung li{
	font-weight: bold;
}

.satzung li ul{
	padding: 0 50px;
}

.satzung1 {
	list-style-type: none;
	padding: 10px 50px;
}

.satzung1 li{
	font-weight: 100;
	padding: 5px 0px;
}

.satzung2 {
	list-style-type: lower-latin;
	padding: 10px 50px;
}

.satzung3 {
	list-style-type: lower-roman;
	padding: 10px 50px;
}

.aufzaehlung{
	line-height: 1.3em;
}

.aufzaehlung li{
	font-weight: 100;
	padding: 5px 0px;
}

section .impressum{
	margin-top: 64px;
	line-height: 1.3em;
	font-weight: 100;
}

.impressum li{
	font-weight: 100;

}

li p {
	margin-left: 0;
	margin-right:0;
}

.subcaption{
	font-size: smaller;
	font-weight: 100;
}

/*p,h2, h3,.ul {
		padding-left: 25px;
		padding-right: 25px;
		}
*/
.hright {
	width: 100%;
	float: left;
	text-align: right;
}

.hright h1 {
	padding-bottom: 0px;
}

p,h2, h3,.ul, h1 {
		margin-left: 25px;
		margin-right: 25px;
		}


.ul h2{
	margin-left: 0;
}

.oeffnungszeiten li {
	padding-bottom: 8px;
	line-height: 1.2em;
}

.kontakt ul li{
	line-height: 1.2em;
}

.kontakt ul{
	margin-bottom: 5px;
}

.border{
	border-radius: 0px;
	padding: 2px 6px;
	padding-bottom: 4px;
	border: 1px solid white;
}

.quelle{
	font-size: smaller;
	font-style: italic;
}

.add{
	margin-top: 10px;
	font-weight: 300;
}


/* Contentelements End */


/* Grid Start
.col-2{
	width: 156px;
	margin: 0px 5px;
	float: left;
}

.col-3{
	width: 239px;
	margin: 0px 5px;
	float: left;
}

.col-4{
	width: 322px;
	margin: 0px 5px;
	float: left;
}

.col-8{
	width: 654px;
	margin: 0px 5px;
	float: left;
}

.col-9{
	width: 737px;
	margin: 0px 5px;
	float: left;
}


.col-12{
	width: 986px;
	margin: 0px 5px;
	float: left;
}

.clear {
	clear: both;
}

.right{
	float: right;
}
Grid End */


/* Selection Start
::selection {
	background: rgba(127, 188, 61, 1);
}
::-moz-selection {
	background: rgba(127, 188, 61, 1);
}
Selection End */

/* Konami Start */
body.konami {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
/* Konami End */

#map{
	height: 400px;
	background-color: white;
}

.show-for-small{
	display: none;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1){

body {
	font-weight: 300;
}

h1{
	font-weight: 100;
}

h2{
	font-weight: 400;
}

.h3{
	font-weight: bold;
}

.satzung1 li{
	font-weight: 300;
}

figcaption{
	font-weight: 300;
}

#mainnav ul li a{
	font-weight: 300;
}
}


@media all and (max-width: 996px){

	.content{
		width: 100%;
	}
	}
@media all and (max-width: 620px){

	.content{
		width: 100%;
		margin: 0;
	}

	#map{height: 300px}

	.show-for-small{
	display: inline;
}

section {
	padding:0px 0px 50px 0px;
}

h1 {
	padding-top: 45px;
}

	.col-3{
		width: 100%;
		margin: 0;
	}

	.col-4{
		width: 100%;
		margin: 0;
	}

	.col-5{
		width: 100%;
		margin: 0;
	}

	.col-6{
		width: 100%;
		margin: 0;
	}

	.col-7{
		width: 100%;
		margin: 0;
	}

	.col-8{
		width: 100%;
		margin: 0;
	}

	.col-9{
		width: 100%;
		margin: 0;
	}

	.col-12{
		width: 100%;
		margin: 0;
	}

	.content{
		width: 100%;
		margin: 0;
	}

	.hright {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 0px;
}

section .impressum{
		margin-top: 0px;
	}


.satzung{
		margin-top: 0px;
		}


/*nav*/

#mainnav {
	height: 100%;
	width: 200px;
	z-index: 0;
	background: rgb(134, 134, 134, 1);

	}

nav{
	position: absolute;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

nav ul{
	height: 100vh;
	padding-left: 0;
	width: 200px;
	text-align: left;
	list-style: none;
    font-size: larger;
    margin: 0;
    padding: 0;
    z-index: 0;
 	background: rgba(82,  189,  212, 1);
}

nav ul li {
	float: none;
	border-bottom: 1px solid white;
	padding:0px;
}

nav ul li ul li{
	border-bottom: none;
	padding: 0;
}

.nav-icon{
	padding: 20px 10px;
	width: 180px;
}


nav ul li a{
	padding: 23px 10px 23px 10px;
	width: 180px;
}

nav ul li ul{
	visibility: visible;
	position: relative;
	top: 0;
	width: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: rgba(82,  189,  212, 1);
}

nav ul li ul li a{
	text-align: left;
	width: 170px;
	padding: 23px 10px 23px 20px;
	font-weight: bold;
	text-transform: none;
}

nav ul li:hover {
	background: rgba(255, 255, 255, 0)
}

nav ul li.active {
	background: rgba(255, 255, 255, 0);
}

nav .info{
		display: block;
		float: none;
		height: auto;
		padding: 0;
		text-align: left;
		font-size: 13px;
		font-weight: bold;
		border: none;
	}

/*off-canvas*/

/*nav*/

#main-base {
	z-index: 1;
	position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    height: 100%;
	}

.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}



label[for="nav-trigger"] {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 66px;
    cursor: pointer;
	background: rgba(82,  189,  212, 1);
    background-image: url("../../images/menu.svg");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 25px 17px;
}


.nav-trigger:checked + label {
    left: 200px;
    position: fixed;
}

.nav-trigger:checked ~ #main-base {
	opacity: 0.3;
    left: 200px;
    position: fixed;
    width: 100%;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
    overflow: hidden;

}




.nav-trigger:checked + #main-base {
	display: block;
	overflow: visible;
	}

	.nav-trigger:checked ~ #mainnav{
		position: fixed;
	}

#hero {
	padding-top: 66px;
}

#welcome {
	padding-top: 0px;
}

#hero.treffen {
	padding-top: 66px;
}