/*! style.css */


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;}

audio,canvas,video {
    display: inline-block;}

audio:not([controls]) {
    display: none;height: 0;}

[hidden],template {
	display: none;}

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */}

body {
    margin: 0;}

a {
    background: transparent;}

a:focus {
	outline:none;
    }

a:active, a:hover {
    outline: 0;}

h1 {
    font-size: 2em;
    margin: 0.67em 0;}

abbr[title] {
    border-bottom: 1px dotted;}

b, strong {
    font-weight: bold;}

dfn {
    font-style: italic;}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;}

mark {
    background: #ff0;
    color: #000;}

code,kbd,pre,samp {
    font-family: monospace, serif;
    font-size: 1em;}

pre {
    white-space: pre-wrap;}


q {
    quotes: "\201C" "\201D" "\2018" "\2019";}


small {
    font-size: 80%;}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;}

sup {
    top: -0.5em;}

sub {
    bottom: -0.25em;}

img {
    border: 0;}

svg:not(:root) {
    overflow: hidden;}

figure {
    margin: 0;}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;}

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */}

button,input,select,textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */}

button,input {
    line-height: normal;}

button,select {
    text-transform: none;}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0; padding: 0;}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */}

table {
    border-collapse: collapse;
    border-spacing: 0;}




/*! mixins*/

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.image-replacement{text-indent:100%;white-space:nowrap;overflow:hidden}

@font-face {
	font-family:'monofonto';
	src:url('../fonts/monofonto.eot');
	src:url('../fonts/monofonto.eot?#iefix') 
	format('embedded-opentype'),url('../fonts/monofonto.woff') format('woff'), 
	url('../fonts/monofonto.ttf') format('truetype'),
	url('../fonts/monofonto.svg#font-name') 
	format('svg');
	font-weight:normal;font-style:normal}

.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}



/*! base*/

/*! generell*/

body {
	font-family:'Monofonto',Arial,sans-serif;
	text-rendering:optimizelegibility;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.1em;
	letter-spacing:1px;
	background-color:#fff;
	}
	
.wrap {
	width:94%;
	margin:0 auto;
	}

#container {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	}

p {
	margin:0;
	padding:0}


/*! links*/

.balken-container {
	height:auto;
	width: 94%;
	margin-top: 10px;
	float: left;
	margin-bottom:0;
	margin-left:0;
	position:fixed;
	z-index:10;
	}

.balken {
	height:30px;
	background: #fff;
	width: 100%;
	margin-top: 10px;
	float: left;
	border: solid 2px;
	border-color: #000;
	opacity: 0.4;
	}



.balken-3 {
	height:30px;
	background: #fff;
	width: 94%;
	margin-bottom: 10px;
	border: solid 2px;
	border-color: #000;
	}

.balken-4 {
	height:auto;
	width: 45%;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 0px;
	float: left;
	}

.balken-5 {
	height:auto;
	background: #fff;
	width: 94%;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 0px;
	float: left;
	margin-left: 1%;
	}


.balken-en {
	height:auto;
	background: #fff;
	width: 90%;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 0px;
	}




.blau {
	color:#000; 
	text-decoration:none;
	transition: 0.2s;
	}

.blau:hover,
.blau:visited:hover{
	color:#bbb;
	text-decoration:none;
	}
	
.schwarz {
	color:#000; 
	text-decoration:none;
	transition: 0.2s;
	}

.schwarz:hover,
.schwarz:visited:hover{
	color:#bbb;
	text-decoration:none;
	}


a:link,a:visited:link{
	-webkit-tap-highlight-color:rgba(0,0,0,0.3)}
	
.uppercase {
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:2px;
	}

.unsichtbar {
	display:none;
	}

/*! Ueberschriften*/


h1, .h1, h2, .h2, h3, .h3, h5, .h5, h6, .h6 {
	font-family:'monofonto', Arial, sans-serif;
	text-rendering:optimizelegibility;
	font-weight:normal;
	}
	
h1,.h1 {
	font-size:1.1em;
	line-height:1em;
	margin-bottom:0;
	margin-left:0;
	margin-right:10px;
	margin-top:0;
	text-transform:uppercase;
	letter-spacing:10px;
	position:fixed;
	z-index:10;
	}
	
	
h2,.h2 {
	font-size:1.1em;
	line-height:1.1em;
	margin-bottom:0px;
	margin-left:0;
	margin-right:10px;
	margin-top:36px;
	text-transform:uppercase;
	letter-spacing:0px;
	text-decoration:none;
	}
	

h3,.h3 {
	font-family:Arial, sans-serif;
	text-rendering:optimizelegibility;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align: center;
	}
	
h4,.h4 {
	font-family:Arial, sans-serif;
	text-rendering:optimizelegibility;
	font-weight:normal;
	font-size:0.9em;
	line-height:1.1em;
	margin-bottom:0px;
	margin-left:0;
	margin-right:10px;
	margin-top:0;
	text-transform:uppercase;
	letter-spacing:0px;
	color:#000;
	}
	
h5,.h5 {
	font-size:1.35em;
	line-height:1.1em;
	margin-bottom:0;
	margin-left:0;
	margin-right:10px;
	margin-top:60px;
	text-transform:uppercase;
	letter-spacing:5px;
	position:fixed;
	z-index:10;
	}

h6,.h6 {
	font-size:1.35em;
	line-height:1.1em;
	margin-bottom:0px;
	margin-left:0;
	margin-right:10px;
	margin-top:0px;
	text-transform:uppercase;
	letter-spacing:0px;
	text-decoration:none;
	}
	


.text {
	font-family: Arial, sans-serif;
	text-rendering:optimizelegibility;
	font-weight:normal;
    font-size:0.8em;
	line-height:1.2em;
	float:none;
	margin-bottom:0;
	margin-left:0;
	margin-right:10px;
	margin-top:0;
	}

.text-en {
	font-family: Arial, sans-serif;
	text-rendering:optimizelegibility;
	font-weight:normal;
    font-size:0.8em;
	line-height:1.2em;
	color:#bbb;
	}

ul {
	margin-bottom:15px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0;
	}



li {
	font-family: Arial, sans-serif;
	text-rendering:optimizelegibility;
	font-weight:normal;
    font-size:0.75em;
	line-height:1.1em;
	float:none;
	padding-top: 5px;
	}


.abstand {
	height:50px;
	}

.mobil-unsichtbar {
	display: none;
	}





/*! header*/

#inner-header {
	margin-top: 10px;
	margin-bottom:0
	}

/*! content*/

#content {
	padding:0;
	position:relative;
	width:100%;
	}


/*! image*/





.img-normal {
    max-width:100%;
	max-height:500px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	border:solid 0px;
	border-color:#000000;
	}

.img-normal-2 {
    max-width:100%;
	max-height:420px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	border:solid 0px;
	border-color:#000000;
	}

.img-normal-3 {
    max-width:100%;
	max-height:380px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	border:solid 0px;
	border-color:#000000;
	}
	
.img-seite {
    max-width:100%;
	max-height: 70%;
	margin-top:1px;
	margin-bottom:4px;
	padding:0;
	}

.img-seite-hoch {
    max-width:100%;
	max-height: 650px;
	margin-top:1px;
	margin-bottom:4px;
	padding:0;
	}

.img-seite-m {
    max-width:55%;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:5px;
	padding:0;
	}


.img-seite-k {
    max-width:100%;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:5px;
	padding:0;
	}


/*! hover*/


.column {
	margin: 80px 0px 0px 0px;
	padding: 0;
}


.column::after {
	content: '';
	clear: both;
	display: block;
}

.column div {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}

.column div:first-child {
	margin-left: 0;
}

.column div span {
	position: absolute;
	bottom: -40px;
	left: 0;
	z-index: -1;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	text-align: left;
	opacity: 1;
}


figure {
	margin: 0;
	padding: 0;
}



/*! Akkordeon*/


button.accordion {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.2s;
	margin-bottom: 10px;
	border: solid 2px;
	border-color: #000; 
	height:30px;
	background: #fff;
	}

button.accordion.active, button.accordion:hover {
    background-color: #fff;
}

div.panel {
    padding: 0 20px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
	width: 100%;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;  
}



	
	

/*! footer*/

.footer{clear:both}

.copyright{
	font-size:0.7em;
	line-height:1.3em;
	margin-left:2px;
	margin-top:60px;
	}

#inner-footer {
	margin-top: 80px;
	margin-bottom:30px;
	float:none
	}
	
.info-text {
	font-family:Arial, sans-serif;
	text-rendering:optimizelegibility;
	font-weight:normal;
    font-size:0.85em;
	line-height:1.3em;
	float:none;
	margin-bottom:0;
	margin-left:0;
	margin-right:10px;
	margin-top:0;
	}
	
.info-gesperrt  {
	letter-spacing:5px;
}



/*! _481up*/


@media only screen and (min-width:481px){
	
body{
	font-size: 1.15em;
	line-height: 1.3em
}

.wrap {
	width:90%;
	}

.balken-container {
	height:auto;
	width: 80%;
	margin-top: 10px;
	float: left;
	margin-bottom:0;
	margin-left:0;
	position:fixed;
	z-index:10;
	}
	
	
.balken {
	height:30px;
	width: 32%;
	margin-right: 1%;
	margin-top: 0px;
	opacity: 1;
	}

	
.balken-3 {
	height:30px;
	background: #fff;
	width: 90%;
	margin-bottom: 10px;
	border: solid 2px;
	border-color: #000;
	}

.balken-4 {
	height:auto;
	width: 35%;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 0px;
	float: left;
	margin-left: 1%;
	}

.balken-5 {
	height:auto;
	width: 70%;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 0px;
	float: left;
	margin-left: 1%;
	}


.balken-en {
	height:auto;
	width: 80%;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 0px;
	}	
	
	
.mobil-unsichtbar {
	display: inline;
	}
	



h1,.h1 {
	font-size:1.2em;
	line-height:1em;
	letter-spacing:12px;
	}

h2,.h2 {
	font-size:1.2em;
	line-height:1.1em;
	letter-spacing:-1px;	
	margin-top:43px;
	margin-bottom: 20px;
	}

h3,.h3 {
	font-size:0.9em;
	line-height:1.6em;	
	letter-spacing:1px;
	}
	
h4,.h4 {
	font-size:1em;
	line-height:1.1em;	
	}
	
h5,.h5 {
	font-size:1.4em;
	line-height:1.1em;
	}

h6,.h6 {
	font-size:1.4em;
	line-height:1.1em;
	letter-spacing:0px;	
	margin-top:0px;
	}
	

	
#nach-unten {
	display:none;
}

}


/*! _768up*/
/*! _grid und _768up weiter unten */

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

.wrap {
	width:75%;
	margin:0 auto;
	}
	
.balken-container {
	height:auto;
	width: auto;
	margin-top: 10px;
	float: left;
	margin-bottom:0;
	margin-left:0;
	position:fixed;
	z-index:10;
	}
	
	
.balken {
	height:30px;
	background: #fff;
	width: 150px;
	margin-right: 10px;
	float: left;
	border: solid 2px;
	border-color: #000;
	}
	
	
.balken-3 {
	height:30px;
	background: #fff;
	width: 65%;
	margin-bottom: 10px;
	border: solid 2px;
	border-color: #000;
	}

.balken-4 {
	height:auto;
	width: 26%;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 0px;
	float: left;
	margin-left: 1%;
	}

.balken-5 {
	height:auto;
	width: 44%;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 0px;
	float: left;
	margin-left: 1%;
	}


.balken-en {
	height:auto;
	width: 60%;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 0px;
	}	
	


h1,.h1 {
	font-size:1.6em;
	line-height:1em;
	letter-spacing:15px;
	}

h2,.h2 {
	font-size:1.6em;
	line-height:1.1em;
	letter-spacing:0px;
	margin-top:60px;
	margin-bottom: 20px;
	}

h3,.h3 {
	font-size:1em;
	line-height:1.4em;	
	letter-spacing:2px;
	}
	
h4,.h4 {
	font-size:1em;
	line-height:1.1em;	
	}
	
.text {
	font-size:1em;
	line-height:1.2em;
	}
	
.text-en {
	font-size:1em;
	line-height:1.2em;
	}
	
	
h5,.h5 {
	font-size:1.6em;
	line-height:1.1em;
	}
	
h6,.h6 {
	font-size:1.6em;
	line-height:1.1em;
	letter-spacing:0px;
	margin-top:0px;
	}


	
.text2 {
	font-size:0.8em;
	line-height:1.3em;
	}


	
.column div span {
	position: absolute;
	bottom: 50px;
	left: 0px;
	z-index: 999;
	width: auto;
	margin: 0;
	padding: 5px;
	color: #000;
	text-align: left;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
	border: solid 2px;
	border-color: #000;
	background: #fff;
}


figure {
	margin: 0;
	padding: 0;
}

figure:hover+span {
	bottom: 12px;
	left: 0px;
	opacity: 1;
	border: solid 2px;
	border-color: #000;
	background: rgba(255,255,255,1)
}

	






.wrap{max-width:2000px}

}


/*! _1030up*/

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

.onecol{width:5.801104972%}
.twocol{width:14.364640883%}
.threecol{width:22.928176794%}
.fourcol{width:31.491712705%}
.fivecol{width:40.055248616%}
.sixcol{width:48.618784527%}
.sevencol{width:57.182320438000005%}
.eightcol{width:65.74585634900001%}
.ninecol{width:74.30939226%}
.tencol{width:82.87292817100001%}
.elevencol{width:91.436464082%}
.twelvecol{width:99.999999993%}

.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol{position:relative;float:left;margin-left:2.762430939%}

.first{margin-left:0px}
.last{float:right}	
	
}


/*! _1240up*/

/*! _print*/


@media print{

*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
a,a:visited{color:#444!important;text-decoration:underline}
a:after,a:visited:after{content:" (" attr(href) ")"}
a abbr[title]:after,a:visited abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
.sidebar,.page-navigation,.wp-prev-next,.respond-form,nav{display:none}
}