@charset "utf-8";
@import url("/css/pc.css");
@import url("/css/tablet.css");
@import url("/css/smartphone.css");
@import url("/css/coco.min.css");
/* @import url("/css/style.min.css"); */ /* Nach Fertigstellung des Projektes alle Developer CSS zusammenpacken und minimieren  Developers f. spaetere Aenderungen belassen */
@import url("/css/navi.css");
@import url("/css/lightcase.css");
@import url("/css/font-awesome.min.css");
@font-face {
  font-family: 'Actor';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Actor.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;
}
@font-face {
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/AlexBrush.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;
}
@font-face {
  font-family: 'Oranienbaum';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Oranienbaum.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; }
body, html					{ background-color: #000; background-image: url(/img/site/background-ib.jpg); background-attachment: fixed; background-position: center center; background-size: cover; font-family: Actor, serif; font-size: 16px; }

header							{ width: 100%; }
#logo								{ width: 100%; overflow: auto; position: relative; z-index: 0;
											background: #000000; /* Old browsers */
											background: -moz-linear-gradient(top, #000000 0%, #252525 50%, #252525 51%, #000000 100%); /* FF3.6-15 */
											background: -webkit-linear-gradient(top, #000000 0%,#252525 50%,#252525 51%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
											background: linear-gradient(to bottom, #000000 0%,#252525 50%,#252525 51%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
										}
#logo img						{ width: 80%; margin: 0 auto; text-align: center; border: none; display: block; }
#nav								{ width: 100%; height: 2.500em; }
#main								{ width: 100%; overflow: auto; }
footer							{ width: 100%; overflow: auto;
											background: #000000; /* Old browsers */
											background: -moz-linear-gradient(top, #000000 0%, #252525 50%, #252525 51%, #000000 100%); /* FF3.6-15 */
											background: -webkit-linear-gradient(top, #000000 0%,#252525 50%,#252525 51%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
											background: linear-gradient(to bottom, #000000 0%,#252525 50%,#252525 51%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
										}

h2									{ font-family: 'Alex Brush', cursive; color: #caad83; font-weight: normal; text-align: center; margin: 0.625em 0; font-size: 2.5em; }
h3									{ font-family: 'Alex Brush', cursive; color: #caad83; font-weight: normal; text-align: center; margin: 0.625em 0; font-size: 2.5em; }
h4									{ font-family: 'Alex Brush', cursive; color: #caad83; font-weight: normal; text-align: center; margin: 0.625em 0; font-size: 2.5em; }
h5									{ font-family: Actor, serif; color: #d2ba89; font-weight: bold; font-size: 1em; margin-bottom: 0.638em; }
h6									{ font-family: Tahoma, Geneva, sans-serif; color: #fff; font-weight: normal; }

p										{ font-family: Actor, serif; color: #fff; font-weight: normal; margin-bottom: 0.638em; line-height: 1.5; }
p a,
p a:link,
p a:visited					{ color: #fff; text-decoration: none; }
p a:hover						{ color: #d2ba89; }

/* Flexboxen */
.bbx											{ box-sizing: border-box!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; }
.flex											{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; }
.flexspace								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; }
.flexaround								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-around; }
.flexcenter								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; }
.flexstart								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-start; }
.flexend									{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: flex-end; }
.flexevenly								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-evenly; }

ul, ol							{ font-family: Actor, serif; color: #fff; font-weight: normal; margin-bottom: 0.638em; line-height: 1.5; list-style: inside; }

.box_banner a,
.box_banner a:link,
.box_banner a:visited { color: #fff; text-decoration: none; }

.wrapper						{ width: 98%; padding: 1%; }

/* Responsives */
.responsive					{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; }
.flexcenter					{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; }

/* hr-Klassen */
.border							{ background: rgba(0, 0, 0, 0) linear-gradient(to right, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%) repeat scroll 0 0;
											border: medium none;
											clear: both;
											height: 1px;
											margin: 1.5em 0;
											width: 100%; 
											}
.news							{ background: rgba(0, 0, 0, 0) linear-gradient(to right, #0c0c0c 0%, #d2ba89 50%, #0c0c0c 100%) repeat scroll 0 0;
											border: medium none;
											clear: both;
											height: 1px;
											margin: 0.313em 0;
											width: 100%; 
											}
.standard						{ clear: both; color: transparent; border: none; }


/* Kolumnen - z. B. f. Listen */
.col2									{ margin: 0; padding: 0;
											-moz-column-count: 2; -moz-column-gap: 1%;
											-webkit-column-count: 2; -webkit-column-gap: 1%;
											 column-count: 2; column-gap: 1%;
											}
.col3									{ margin: 0; padding: 0;
											-moz-column-count: 3; -moz-column-gap: 1%;
											-webkit-column-count: 3; -webkit-column-gap: 1%;
											 column-count: 3; column-gap: 1%;
											}

#video								{ width: 98%; margin: 0 1%; }

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

/* Kontakt */
	
.name									{ width: 100%; line-height: 2em; font-size: 0.850em; color: #fff;}
.field								{ width: 100%; height: 2em; }
.input								{ width: 98%; padding: 0 1%; height: 2em; line-height: 2em; font-size: 0.850em;  border: none; background: #c3b392; color: #000; }
.txt									{ width: 100%; height: auto; overflow: auto; }
.txt_input						{ width: 98%; padding: 1%; border: none; background: #c3b392; color: #000; }
.buttonfield					{ width: 32%; height: 2em; line-height: 2em; margin: 0 2% 0 0; float: left; background: #c3b392; }
.buttonfield:last-child { margin: 0; }
.captchafield					{ width: 96%; padding: 0 2%; height: 2em; line-height: 2em; border: none; background: #c3b392; color: #000; }
.captchapic						{ width: 100%; height: 1.750em; line-height: 2em; border: none; }
.formbutton						{ width: 100%; height: 100%; line-height: 2em; border: none; display: block; text-align: center; background: #c3b392; color: #000; cursor: pointer; }
.meldung							{ width: 100%; height: auto; line-height: 2em; font-size: 100%; text-align: center; background: #ffcc00; color: #000; font-weight: bold; }
.map									{ width: 98%; height: 450px; padding: 0 1%; border: none; display: block; }

/* 404 Seite Flaggen */
.flag404							{ width: 31%; margin: 1%; float: left; padding-top: 0.625rem; }
.txt404								{ width: 64%; margin: 1%; float: right; }

/* Sonstige */

.note									{ color: #caad83; display: block; font-size: 1em; margin: 0 auto; text-align: center; }
.notestart						{ padding: 1rem; box-sizing: border-box; background: #333;  }
.notestart h4					{ color: #d2ba89; font-size: 1.000rem; font-family: Actor, serif; margin-bottom: 1.000rem;}