/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
	overflow-y: scroll;
	font-family:'Open Sans',sans-serif;
	font-style:normal;
	font-weight:500;
	font-size:18px;
	line-height:26px;
	margin: 0;
	padding:0;
	color:#000;
	max-width:1000px;
	min-width:340px;
	margin-left:auto;
	margin-right:auto;
}

body.kischue {
	background-color:#C0E0FE;
}
body.grillhaus {
	background-color:#fef9a6;
}

b {
	font-weight:600;
}
h1 {
	color:#01315f;
	font-size:40px;
	line-height:44px;
	font-weight:700;
	text-align:center;
	margin:0;
	padding:30 0 0 0;
}

@media (max-width: 700px){
h1 {
	font-size:35px;
	line-height:40px;
}
}

@media (max-width: 600px){
h1 {
	font-size:30px;
	line-height:37px;
}
}
@media (max-width: 510px){
h1 {
	font-size:25px;
	line-height:34px;
	font-weight:800;
}
}
@media (max-width: 440px){
h1 {
	font-size:19px;
	line-height:30px;
	font-weight:800;
}
}

h2 {
	position: static;
	font-size:24px;
	font-weight:600;
	line-height:28px;
	text-align:left;
	padding:15px 0px 10px 0;
	margin:0;
}

.gallery h2 {
	padding:20px 0px 16px 0;
}

h3 {
	position: static;
	font-size:20px;
	font-weight:600;
	line-height:28px;
	text-align:left;
	padding:15px 0px 10px 0;
	margin:0;
}

p {
	margin:0;
	padding:0 0 7px 0;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#nav,
#footer {
	font-style:normal;
	font-weight:600;
	font-size:18px;
	line-height:24px;
}

#nav {
	width:96%;
	padding:30px 2% 30px 2%;
}

.kischue #nav {
	background-image: linear-gradient(#C0E0FE, #fff);
}
.grillhaus #nav {
	background-image: linear-gradient(#fef9a6, #fff);
}

#nav .nav1,
#nav .nav2 {
	display: inline-block;
	position:relative;
}
#nav .nav-top,
#nav .nav-bottom-dreifach,
#nav .nav-bottom-dreifach-rand,
#nav .nav-bottom-zweifach,
#nav .nav-bottom-zweifach-rand,
#impressum,
#datenschutz,
#verein,
#footer #spacer {
	text-decoration:none;
	color:#01315f;
	border-color:#6CA6DC;
	text-align:center;
	-webkit-transition: all .1s ease-in;
	        transition: all .1s ease-in;
	padding-top:2px;
	padding-bottom:2px;
}
#impressum,
#datenschutz,
#verein,
#footer #spacer {
	padding-top:1px;
	padding-bottom:1px;
}
#footer {
	width:96%;
	padding:30 2% 30 2%;
	display:block;
	font-size:80%;
}
.kischue #footer {
	background-image: linear-gradient(#fff, #C0E0FE);
}
.grillhaus #footer {
	background-image: linear-gradient(#fff, #fef9a6);
}

#footer #spacer:after {
	content:'\A0';
}

#footer #spacer {
	display:inline-block;
	width:48%;
}

#verein {
	display:inline-block;
	width:25%;
}
#datenschutz,
#impressum {
	display:inline-block;
	width:12%;
}

@media (max-width: 780px){
#footer #spacer {
	width:40%;
}
#verein {
	width:25%;
}
#datenschutz,
#impressum {
	width:16%;
}
}
@media (max-width: 600px){
#footer #spacer {
	width:33%;
}
#verein {
	width:25%;
}
#datenschutz,
#impressum {
	width:19.5%;
}
}
@media (max-width: 480px){
#footer #spacer {
	width:24.25%;
}
#verein {
	width:24.25%;
}
#datenschutz,
#impressum {
	width:24.25%;
}
}
@media (max-width: 410px){
#footer #spacer {
	display:none;
}
#verein {
	width:44%;
}
#datenschutz,
#impressum {
	width:27%;
}
}

#verein, #footer #spacer, #datenschutz {
	margin-right:1%;
}

#nav .nav1 {
	width:49%;
	margin-right:2%;
}

#nav .nav2 {
	width:49%;
}

#nav .nav-top {
	display:block;
	width:100%;
}

#nav .nav-bottom-dreifach,
#nav .nav-bottom-dreifach-rand
{
	display:inline-block;
	width:32%;
}
#nav .nav-bottom-dreifach-rand
{
	margin-right:2%;
}

#nav .nav-bottom-zweifach-rand,
#nav .nav-bottom-zweifach
 {
	display:inline-block;
	width:48.5%;
}
#nav .nav-bottom-zweifach-rand {
	margin-right:3%;
}

#nav .nav-top,
#verein,
#impressum,
#datenschutz,
#footer #spacer {
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#nav .nav-bottom-dreifach,
#nav .nav-bottom-dreifach-rand,
#nav .nav-bottom-zweifach,
#nav .nav-bottom-zweifach-rand {
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#nav .active,
#nav .nav1:hover .nav-top,
#nav .nav2:hover .nav-top,
#nav .nav-bottom-dreifach:hover,
#nav .nav-bottom-dreifach-rand:hover,
#nav .nav-bottom-zweifach:hover,
#nav .nav-bottom-zweifach-rand:hover,
#verein:hover,
#impressum:hover,
#datenschutz:hover,
#verein.active,
#datenschutz.active,
#impressum.active {
	color:#B30020;
	border-color: #B30020;
	text-decoration:none;
}

@media (max-width: 660px){
#nav {
	padding-top:20px;
}
#nav .nav1,
#nav .nav2 {
	display:block;
	width:100%;
}
#nav .nav1 {
	padding-bottom:15px;
}
}

#main {
	background-color:#fff;
	width:96%;
	padding:0 2% 0 2%;
}
#main.background-huette {
	background-image:url("bilder/background-huette.jpg");
	background-size:90%;
	background-position:center top;
	background-repeat: no-repeat;
	min-height:600px
}
#main.background-logo {
	background-image:url("bilder/background-logo.jpg");
	background-size:400px;
	background-position:center 30px;
	background-repeat: no-repeat;
}

@media (max-width: 700px){
#main.background-logo {
	background-size:300px;
}
}
@media (max-width: 440px){
#main.background-logo {
	background-size:250px;
}
}
.index-main {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:45px;
	font-weight:700;
	text-decoration:none;
/*	color:#01315f;*/
	color:#B30020;
	padding:60px 0 80px 0;
	-webkit-transition: all .1s ease-in;
	        transition: all .1s ease-in;
}

.index-main:hover {
	color:#B30020;
	text-decoration:none;
}
.index-main img {
	height:400px;
	margin:40px 0 40px 0;
}

.index-main:hover span {
	border-top-width: 3px;
	border-top-style: solid;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.grillhaus .index-main img {
	border:2px;
	border-color:transparent;
	border-style: solid;
}
.grillhaus .index-main:hover img {
	border:2px;
	border-style: solid;
}

@media (max-width: 510px){
.index-main {
	font-size:35px;
	padding:40px 0 50px 0;
}
.index-main img {
	height:350px;
	margin:27px 0 27px 0;
}
}
@media (max-width: 410px){
.index-main {
	font-size:30px;
	padding:35px 0 40px 0;
}
.index-main img {
	height:280px;
	margin:21px 0 21px 0;
}
}

#kischue-promo {
	text-align:center;
	padding:20px 0 10px 0;
}

#kischue-promo img {
	width:100%;
	max-width:460px;
	padding-bottom:10px;
}

.vorstand {
	display:inline-block;
	width:50%;
	text-align:center;
	padding: 0 0 20px 0;
}

.vorstand img {
	width:95%;
}

.vorstand a {
	font-size:16px;
	line-height:23px;
}
@media (max-width: 600px){
.vorstand a {
	font-size:14px;
	line-height:20px;
}
}
@media (max-width: 510px){
.vorstand a {
	font-size:12px;
	line-height:18px;
}
}
@media (max-width: 410px){
.vorstand p {
	font-size:15px;
	line-height:22px;
}
.vorstand a {
	font-size:10px;
	line-height:18px;
}
}

.gallery {
	font-size:0;
	width: 100%;
}
.gallery figure a {
	position:absolute;
	width:100%;
	height:100%;
	background-position:center;
	overflow:hidden;
}
.gallery figure {
	position: relative;
	display: inline-block;
	margin: 0 15px 15px 0;
	width: 200px;
	height: 200px;
	border: 1px solid #909090;
	-webkit-transition: border-color 0.1s ease-out;
	        transition: border-color 0.1s ease-out;
}
.gallery figure:hover {
	border-color:#f6f6f6;
	text-decoration:none;
}

div.monat {
	display: inline-block;
	vertical-align: top;
	width:80px;
	padding:0 0 10px 0;
	margin:0;
}
div.kalender {
	font-size:80%;
	line-height:150%;
	margin:0;
	padding:0 0 15px 0;
}

div.tag {
	clear:both;
	margin:0;
	padding: 1px 0 1px 2px;
	border:1px solid #6CA6DC;
	margin:0 -1px -1px 0;
}

div.monatsname {
	text-align:center;
	font-weight:600;
}

div.Mo div.caption::before {content:'Mo\A';}
div.Di div.caption::before {content:'Di\A';}
div.Mi div.caption::before {content:'Mi\A';}
div.Do div.caption::before {content:'Do\A';}
div.Fr div.caption::before {content:'Fr\A';}
div.Sa div.caption::before {content:'Sa\A';}
div.So div.caption::before {content:'So\A';}

div.tag div.caption::after {content:' ';}

div.Sa,
div.So {
	background-color:#c8e2ff;
}
div.blau {
	background-color:#c8e2ff;
}

div.rot {
	background-color:#ff5959;
	border-color:#e42323;
}

div.gruen {
	background-color:#5cc438;
	border-color:#279700;
}

span.gruen,
span.rot {
	display: inline-block;
	width:230px;
	padding:0 0 0 10px;
}

span.rot {
	background-color:#ff5959;
	border-color:#e42323;
}

span.gruen {
	background-color:#5cc438;
	border-color:#279700;
}

div.gruen.Sa,
div.gruen.So {
	background-color:#50aa31;
	border-color:#279700;
}

div.datum {
	float:left;
	margin:0;
	padding:0 3px 0 0;
}

div.caption {
	white-space:pre;
	font-size:70%;
	line-height:110%;
}