@charset "utf-8";
@import url('/css/navigation.css');
@import url('/css/font-awesome.min.css');
@import url('/css/chocolat.css');
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Cuprum.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* { margin: 0; padding: 0; box-sizing: border-box!important; -webkit-box-sizing: border-box!important; outline: none; }

html { background: #222222; background: url('/img/site/ls-back.jpg') no-repeat fixed bottom; background-size: cover; color: #f7f3ed; font-family: 'Cuprum', sans-serif; font-size: 18px; line-height: 1.5; }

h1 { font-weight: normal; text-align: center; }
h2 { font-size: 1.5rem; font-weight: normal; margin-bottom: 1.5rem; }
h2:after { border: 2px solid #ac9c8d; content: ""; display: block; margin-top: 0.25rem; width: 4rem; }
h3 { font-weight: normal; margin-bottom: 1rem; text-transform: uppercase; }
h4 { font-size: 1.125rem; margin-bottom: 1rem; }
h4:before { content:""; width: 0.5rem; height: 0.5rem; background: #ac9c8d; display: inline-block; margin: 0 0.5rem 0 0 ; }
a { color: #ac9c8d; cursor: pointer; display: block; text-decoration: none; } 
a:hover { color: #f7f3ed; }
img { display: block; max-width: 100%; height: auto; }
p { font-size: 1.125rem; margin-bottom: 1rem; text-align: justify; }
ul { margin: 0 0 1.25rem 1rem; list-style: none; font-size: 1.125rem;}

.content { margin: 0 auto; width: 98%; max-width: 1200px; }
.flex { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.c00 { width: 100%; }
.c66 { width: 66.666%; }
.c50 { width: 50%; }
.c33 { width: 33.333%; }

iframe.piwik	{ border: none; height: 150px; width: 100%; }

header { background: rgba(0,0,0,0.7); padding: 1rem;  }
header .top a { display: inline-block; padding: 0 0.5rem; }
header .top_navi { text-align: right; }
.language img { float: left; margin-right: 0.375rem; max-height: 25px; }
.logo img { margin: 0 auto; width: 350px; }

#navigation { background: #ac9c8d;  text-align: center; }
.nav { margin: 0; }
.nav li a { color: #222222; font-size: 1.25rem; padding: 0.5rem 1.25rem; text-transform: uppercase; }
.nav li a:hover { color: #f7f3ed; }
.toggleMenu { color: #222222; padding: 0.5rem 1.25rem; }

#main { background: rgba(0,0,0,0.7); padding: 3rem 20%;  }
.galerie { margin-bottom: 1rem; }  
.galerie a { width: 23%; margin: 0.5rem 1%; overflow: hidden; }
.galerie img { transition: 0.5s all ease; }
.galerie img:hover { transform: scale(1.5); transition: 0.5s all ease; }

.index { margin-bottom: 1rem; }
.date { margin: 0 ; font-size: 1rem; color:#ac9c8d; }
.line { border: 0; border-top: 2px solid #ac9c8d; display: block; margin: 2rem 0 2rem; }

.fieldlong input, .fieldlong textarea { background: #f7f3ed; border: none; display: block; font-family: 'Cuprum', sans-serif; font-size: 1.125rem; margin: 0.5rem 0; padding: 1rem 2%; /*max-width: 700px;*/ width: 100%; }
.approve { margin: 0.5rem auto; width: 100%; }
.approve a { display: inline-block; }
.captchapic img { display: block; margin: 0.5rem 0; /*max-width: 700px;*/ width: 100%; }
.captchafield input { background: #f7f3ed; border: none; display: block; font-family: 'Cuprum', sans-serif; font-size: 1.125rem; margin: 0.5rem 0; padding: 1rem 2%; /*max-width: 700px;*/ width: 100%; }
.buttonfield input { background: #ac9c8d; border: none; cursor: pointer; color: #222222; display: block; font-family: 'Cuprum', sans-serif; font-size: 1.5rem; margin: 0.5rem 0; padding: 1rem 2%; text-transform: uppercase; /*max-width: 700px;*/ width: 100%; }
.buttonfield input:disabled { background: #555555; color: #999999; cursor: default; }
.buttonfield input:hover { color: #f7f3ed; }


#map_canvas { width: 100%; height: 500px;  }

.banner a { display: inline-block; }
.banner { display: block; margin-bottom: 2rem; }
.banner p { font-size: 0.875rem; margin-bottom: 1.5rem; text-align: center; }
.banner img { margin: 0 auto 0.5rem; }

.member {}
.benutzer input, .passwort input { background: #f7f3ed; border: none; display: block; font-family: 'Cuprum', sans-serif; font-size: 1.125rem; margin: 0.5rem 0 1.5rem; padding: 1rem 2%; max-width: 700px; width: 80%; }
.login-submit input { background: #ac9c8d; border: none; cursor: pointer; color: #222222; display: block; font-family: 'Cuprum', sans-serif; font-size: 1.25rem; margin: 1.5rem 0 0; padding: 1rem 5%; text-transform: uppercase; max-width: 700px; }  

footer { background: rgba(0,0,0,0.7); margin-bottom: 2rem;  }
footer p { text-align: center; }
footer .top { background: #ac9c8d; color: #222222; padding: 1rem 1rem 0.25rem; }
footer .sub { padding: 0.75rem 0.75rem 0.25rem; }
footer .label { padding: 0.5rem; }
footer .label img		{ margin: 0 auto; }
.bold { font-size: 2rem; }

@media screen and (max-width: 70rem) {

	.nav li a { font-size: 1rem; padding: 0.5rem 0.825rem; }

}

@media screen and (max-width: 60rem) {

	#main { background: rgba(0,0,0,0.7); padding: 3rem 15%;  }
}

@media screen and (max-width: 50rem) {

	header .top a { display: inline-block; padding: 0 0.25rem; }
	.nav li { width: 100%; }
	#main { background: rgba(0,0,0,0.7); padding: 3rem 5%; }
		.galerie a { width: 31.333%; margin: 0.5rem 1%; overflow: hidden; }

	}

	@media screen and (max-width: 30rem) {
		header .language, header .top_navi { text-align: center; margin-bottom: 1rem; }
		.c66 { width: 100%; }
		.c50 { width: 100%; }
		.c33 { width: 100%; }
.galerie a { width: 48%; margin: 0.5rem 1%; overflow: hidden; }
	}