@import url("webfonts/OpenSans_Regular/stylesheet.css");
@import url("webfonts/OpenSans_Light/stylesheet.css");

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "OpenSans-CondensedLight";
  src: url("./fonts/OpenSans-CondLight.eot"); /* IE9 Compat Modes */
  src: url("./fonts/OpenSans-CondLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/OpenSans-CondLight.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-CondLight.svg") format("svg"), /* Legacy iOS */
    url("./fonts/OpenSans-CondLight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/OpenSans-CondLight.woff") format("woff"), /* Modern Browsers */
    url("./fonts/OpenSans-CondLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "OpenSans-CondensedBold";
  src: url("./fonts/OpenSans-CondBold.eot"); /* IE9 Compat Modes */
  src: url("./fonts/OpenSans-CondBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/OpenSans-CondBold.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-CondBold.svg") format("svg"), /* Legacy iOS */
    url("./fonts/OpenSans-CondBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/OpenSans-CondBold.woff") format("woff"), /* Modern Browsers */
    url("./fonts/OpenSans-CondBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
    
    font-family: "OpenSans-Light";
  src: url("./fonts/OpenSans-Light.eot"); /* IE9 Compat Modes */
  src: url("./fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/OpenSans-Light.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-Light.svg") format("svg"), /* Legacy iOS */
    url("./fonts/OpenSans-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/OpenSans-Light.woff") format("woff"), /* Modern Browsers */
    url("./fonts/OpenSans-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
    
    font-family: "OpenSansLight-Italic";
  src: url("./fonts/OpenSans-LightItalic.eot"); /* IE9 Compat Modes */
  src: url("./fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/OpenSans-LightItalic.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-LightItalic.svg") format("svg"), /* Legacy iOS */
    url("./fonts/OpenSans-LightItalic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/OpenSans-LightItalic.woff") format("woff"), /* Modern Browsers */
    url("./fonts/OpenSans-LightItalic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
    
     font-family: "OpenSans";
  src: url("./fonts/OpenSans-Regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/OpenSans-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/OpenSans-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/OpenSans-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/OpenSans-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;


font-family: "OpenSans-Italic";
  src: url("./fonts/OpenSans-Italic.eot"); /* IE9 Compat Modes */
  src: url("./fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/OpenSans-Italic.otf") format("opentype"), /* Open Type Font */
    url("./fonts/OpenSans-Italic.svg") format("svg"), /* Legacy iOS */
    url("./fonts/OpenSans-Italic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/OpenSans-Italic.woff") format("woff"), /* Modern Browsers */
    url("./fonts/OpenSans-Italic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;}

.auszeichnung {

	font-weight: bolder;

}

body {
	background-color: #FCFCF5;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}



#container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0px;
}


#content {
    width: 100%;
    padding-top: 0px;
    margin-bottom: 5%;
    background-image: url(Bilder/transparentblau.png);
    font-family: "OpenSans Light";
    font-style: normal;
    max-width: none;
    top: 3px;
    float: left;
}


#content figure {
	margin-bottom: 3%;
	border-spacing: 0px 0px;
	border-bottom: 0px solid #CC0000;
}


#content h1 {
    font-size: 1.5em;
    margin-bottom: 0em !important;
    color: #8E7B47;
    font-family: "OpenSans Light";
    font-style: normal;
    font-weight: 200;
    letter-spacing: 0.1em;
}

h2  {
    font-size: 1.2em;
    margin-bottom: 0em !important;
    color: #8F6F10;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 200;
    line-height: 1em;
    letter-spacing: 0.02em;
    text-transform: uppercase;

}

#content h3 {
    font-size: 1em;
    margin-bottom: 0em !important;
    color: #274FAA;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 800;
    line-height: 1.4em;
}

#content img {
	height: auto;
	max-width: 100%;
	width: 100%;

}

#content section {
	margin: 0 0 1% 0;
	width: 100%;
	float: left;
	color: #5A5954;
	font-size: 1em;
	line-height: 1.3em;
}


#content section:nth-of-type(1) {
    width: 57%;
    float: left;
    padding-left: 1%;
    margin-right: 1%;
    padding-right: 1%;
    font-size: 1em;
    line-height: 1.3em;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 400;
}

#content section:nth-of-type(2) {
    width: 36%;
    float: right;
    padding-left: 2%;
    font-size: 1em;
    line-height: 1.3em;
    border-left-color: #3D4A5F;
    border-left-width: thin;
    padding-right: 1%;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 300;
    margin-right: 0px;
}

#content table {
	width: 100%;
	font-size: 1em;

}

#content table tr {
	margin-bottom: 10px;
	padding-top: 2px;
	background-color: #F4DE9E;
	border-bottom: medium solid #FBF7EE;
}

#content table td {
	padding: 0 0 2px 2px;
	text-align: left;

}

.freigabebutton {
	width: 15px;
	height: 15px;
}

footer {
	text-align: left;
	clear: both;
	background-color: #E9EEF1;

}


header {
	position: fixed;
	padding-top: 6px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	text-align: center;
	background-color: #FCFCF5;
	top: 1px;
}

.Hinweis {
	width: 90%;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 1%;
	margin-right: 1%;
}

.infohead {
	color: #FCFCFC;
	font-weight: bold;
	font-size: 1em;
	background-color: #B7901D;
	-webkit-box-shadow: 2px 2px 2px #15223F;
	box-shadow: 2px 2px 2px #15223F;
	padding-left: 3px;

}

.infotext {
	color: #1E4696;
	font-weight: 500;
	font-size: 1em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	padding-left: 3px;
	padding-right: 3px;

}


.liste {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 1em;
    list-style-type: circle;
    list-style-position: outside;
}

#logo {
	display: block;
	float: none;
	margin-top: 2px;
	margin-left: 10%;
	text-align: left;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;

}

#logozone {
	width: 100%;
	height: auto;
	padding-right: 0%;
	padding-left: 0%;
	text-align: center;
	-webkit-box-shadow: 0px 0px 0px 0px #333333;
	box-shadow: 0px 0px 0px 0px #333333;
	z-index: auto;
	background-image: url(Bilder/Streifen.png);
	background-repeat: repeat-x;
	background-position: 0% 5%;
	background-size: auto 100%;
	background-position: 0% 10%;
	top: 50px;
	margin-top: 50px;

}

#logozone figure {
	width: 25%;
	margin-left: 17%;
	margin-right: auto;

}

.navbalken {
	max-width: 1280px;
	margin-top: 0;
	margin-right: auto;
	margin-left: 10%;
	margin-bottom: 0;

}

#navigation {

}

#navMain {
	list-style: none;
	padding: 0;

}

#navMain li {
	float: left;
	width: 25%;
	background-color: #081B30;

}


#navMain li a {
	padding: 7.5% 7% 6.5% 7%;
	color: white;
	margin: 0 0 1% 0;
	display: block;
	text-decoration: none;
	background-color: #3D4A5F;

}

#navMain li a:hover { background: #666; }

.note   {
	font-size: 0.8em;
}

.note ul {
	list-style-position: inside;
	list-style-type: none;
	display: inherit;

}

.preis     {
	text-align: right;
	font-weight: bold;
	vertical-align: bottom;
	float: right;

}

section .infobox {
	width: 100%;
	background-color: #CDF0F9;

}

section ul {
	list-style-position: outside;
	list-style-type: circle;
	padding-left: 15px;

}

.metanav {
	width: auto;

}

.metanav ul {
	margin-left: -30px;

}

.metanav ul li {
	list-style-image: none;
	list-style-type: none;
	font-style: normal;
	display: inline-block;

}

.metanav ul li a {
	display: block;
	font-size: 0.75em;
	clear: both;
	border-left: medium solid #AAA8A5;
	padding-left: 3px;
	margin-right: 10px;

}

footer .textarea {
	font-size: 0.75em;
	text-align: left;
	border-left: medium solid #AAA8A5;
	padding-left: 3px;
	margin-right: 15px;
	float: left;

}

#content table tr td left {
	text-align: left;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;

}


#content table td:nth.child(1) {
	padding: 0 0 3px 2px;

}



#content table td:nth.child(2) {
	padding: 0 0 0 3px;
	text-align: right;

}

.sidebox {
	border-top: 2px solid #1568DD;
	display: inline-block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	background-color: #E8EEF1;
	overflow: hidden;
	width: 98%;

}

.sidebox h2 {
	font-size: 1.2em;
	margin-bottom: 0.2em !important;
	color: #1568DD;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1em;

}
#logotextbild   {
    width: 149px;
}
section .bild   {
    width: 50%;
    clear: left;
}
li figure img {
    width: 55%;
}




@media screen and (min-width:1280px) {

header {
	position: fixed;
	max-width: 1200px;
	margin-top: 1px;
	top: 1px;
}	


#container {
	padding: 0px;
	max-width:1200px;	

}


#logozone {
	margin-bottom: 2%;
	background-size: auto 100%;
	background-position: 0% 2px;
}

}

@media screen and (max-width:1280px) {

body {
	font-size: 0.9em;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

}

#container {
	padding: 0px;
	width: 98%;	
}

header {
	position: fixed;
	width: 98%;
	margin-top: 1px;
	top: 1px;

}	

#content section:nth-of-type(2) img{
	width: 98%;
}
	.sidebox {
	width: 95%;
}

}

@media screen and (max-width:910px) {

header {
	position: fixed;
	width: 98%;
	margin-top: 1px;
	top: 1px;
}	
#logotextbild {
	height: auto;
	width: 38%;
}

	#navMain li {
	width:25%;
	text-align:center;

}

	#navMain li a {
	padding:7% 5% 7% 5%;	
	margin-bottom:1%;

}

	#content {
	padding-top: 0%;

}


}



@media screen and (max-width:740px) {

	#content section:nth-of-type(1) {
	width: 58%;
}

	#content section:nth-of-type(2) {
	width: 35%;
}

	#content {
	width: 100%;
}

	#content section {
	font-size: 1,25em;
	line-height: 1.25em;

}

	header {
	position: fixed;
	width: 99%;
	margin-top:1px;
}	

	#navigation {
	width: 100%;
}
	sidebox {
	width: 95%;

}

}

@media only screen and (max-width:620px) {


	#content section:nth-of-type(2) img {
	width: 100%;
}

	#content section:nth-of-type(1),
	#content section:nth-of-type(2) {
	width: 98%;
		font-size: 1em;
		line-height: 1.25em;
		border-left-style: none;
		padding-left: 1%;
}

	.sidebox {
	width: 45%;

}

	#logozone {
	margin-bottom: 0px;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 1%;
	text-align: center;

}
	body {margin:0;}
	
	#container {padding:0px 0px;}

	#logo {
	margin-right: auto;
	margin-left: 10%;
	margin-bottom: 0;
}

	#content table {
	width: 85%;

}
	#navMain li {
	float: left;
	width: 100%;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 100% , rgba(33,42,57,1.00)));

	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(33,42,57,1.00) 100%);

	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(33,42,57,1.00) 100%);

	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(33,42,57,1.00) 100%);

}
	#navMain li a {
	padding:4% 0% 4% 0%;		
	margin-bottom:1%;

}
	header {
	padding-top: 3px;	

}

	#content figure {
	width: 98%;

	}


}

@media only screen and (max-width:480px) {
	
	.sidebox {
	width: 98%;

}

}

	
	

@media only screen and (max-width:450px) {

	.sidebox {
	width: 98%;

}

}


@media screen and (max-width:420px) {

body {

	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: none;

}

	#logo {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}


	#logozone img{
	height: auto;
	width: 39%;

}

	#logozone {
	background-position: 0% 12%;
	background-size: auto 100%;

}

	#content table {
	width: 100%;

}

	#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;

}

.responsiveContainer {
 position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;

}

.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;	
}