/** .eot Formate (Embedded OpenType) **/
@font-face { font-family: DINWeb-Black;	src: url("/res/fonts/DINWeb/DINWeb-Black.eot"); }
@font-face { font-family: DINWeb-Bold; src: url("/res/fonts/DINWeb/DINWeb-Bold.eot"); }
@font-face { font-family: DINWeb-Light; src: url("/res/fonts/DINWeb/DINWeb-Light.eot"); }
@font-face { font-family: DINWeb-Medium; src: url("/res/fonts/DINWeb/DINWeb-Medium.eot"); }
@font-face { font-family: DINWeb; src: url("/res/fonts/DINWeb/DINWeb.eot"); }
@font-face { font-family: DINWebIta; src: url("/res/fonts/DINWeb/DINWeb-Ita.eot"); }

/** .woff Formate (Web Open Font Format) **/
@font-face { font-family: DINWeb-Black; src: url("/res/fonts/DINWeb/DINWeb-Black.woff"); }
@font-face { font-family: DINWeb-Bold; src: url("/res/fonts/DINWeb/DINWeb-Bold.woff"); }
@font-face { font-family: DINWeb-Light; src: url("/res/fonts/DINWeb/DINWeb-Light.woff"); }
@font-face { font-family: DINWeb-Medium; src: url("/res/fonts/DINWeb/DINWeb-Medium.woff"); }
@font-face { font-family: DINWeb; src: url("/res/fonts/DINWeb/DINWeb.woff"); }
@font-face { font-family: DINWebIta; src: url("/res/fonts/DINWeb/DINWeb-Ita.woff"); }



body, html { width: 100%; height: 100%; font-family: DINWeb-Light; font-size: 10px; line-height: 2em; color: #858484; background: #000; }
.c_12 { width: 80%; }



/** Schriften **/
h1 { font-size: 2.5em; line-height: 1em; font-family: Oranienbaum; color: #000; padding: 10px 0 20px 0; }
h2 { font-size: 1.4em; line-height: 1.1em; color: #000; font-family: Oranienbaum; padding: 0 0 1em 0; } 
h3 { font-size: 1.6em; line-height: 1.1em; font-family: Oranienbaum; }
ul, article { font-size: 1.4em; line-height: 1.4em; }
a { text-decoration: none; color: #B62F41; }
a:hover { color: #999; cursor: pointer; }
strong { color: #000; font-family: DINWeb-Medium; }
.column2 { -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-count: 2;
-webkit-column-gap: 5em; -moz-column-gap: 5em -o-column-gap: 5em; column-gap: 5em; }



/** Header **/
.FixHeader { position: fixed; z-index: 100; width: 100%; height: 116px; background: #333; }
.BodyHeaderLogo { background: #fff; height: 66px; position: relative; z-index: 50; }
.LogoLeft { height: 40px; position: relative; top: 12px; }
.LogoRight { height: 55px; position: relative; top: 5px; }
nav { background: #333; max-height: 50px; font-size: 1.2em; position: relative; z-index: 50; }
nav ul { margin-top: 15px; }
nav li { padding: 0 15px; float: left; border-right: 1px solid #fff; }
nav li:first-child { padding-left: 0; }
nav li:last-child { border-right: none; }
nav a { color: #fff; }
nav a:hover, nav li.active a { color: #999; }
.wm_bildwechsel div { 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;	
		-webkit-transform: translateZ(0); 
		-moz-transform: translateZ(0); 
		-o-transform: translateZ(0); 
		transform: translateZ(0);; }
.Anker { height: 116px; margin-top: -116px; }



/** Bildergalerie **/
.Einblicke { background: #333; padding-top: 112px; }
.BildContainer { height: 100%; }
.BildContainer img { display: block; width: 100%; }



/** Conten **/
section { padding: 20px 0 0 0; background: #F7F7F7; }
article { border-bottom: 1px solid #ccc; padding: 40px 0 60px 0; }
#Einleitung { background-color: #fff; border-bottom: 1px solid #ccc; }
#Einleitung article:last-child { border-bottom: none; padding: 40px 0 100px 0; }
#Content { border-bottom: 1px solid #ccc; }
#Content article:last-child { border-bottom: none; padding: 40px 0 100px 0; }
#Linkbox { background: #F7F7F7; }



/** Kontakt **/
#Kontakt { background: #fff; position: relative; }
address { padding: 3em 0 0 8em; }
input { border-color: #ccc; border-style: solid; border-width: 1px; }
textarea { border-color: #ccc; border-style: solid; border-width: 1px; }
label { display: block; }
label { font-size: 1em; padding: .8em 0 .4em 0;  width: calc(100% - 2px - 2em); }
input, textarea { font-size: 1em; padding: .8em 1em;  width: calc(100% - 2px - 2em); }
input, textarea { margin-bottom: 1em; }
textarea { float: left; height: 12em; resize: vertical; }
button { border: 0; background: #B62F41; color: #fff; font-size: 1em; padding: .5em 6em; }
button:hover { cursor: pointer; }
::-webkit-input-placeholder { color: ; }
::-moz-placeholder { color: ; }
:-ms-input-placeholder { color: ; }
input:-moz-placeholder { color: ; }



/** Submenue **/
.submenue { padding: 4em 0 2em 8em; }
.submenue > ul li { display: block; line-height: 1.8em; }
.submenue > ul li:hover > a,
.submenue > ul li.active > a { color: #999;}



/** Footer **/
footer { background: #fff; padding: 30px 0; }
.footerMenu { margin-right: 50px; float: left; }
.FooterSozialLink { float: left; }







@media screen and (max-width: 1100px) {
	#Einleitung .g_6 { width: 99%; }
}

@media screen and (max-width: 900px) {
	body { font-size: 9px; }
    .c_12 { width: 94%; }
}

@media screen and (max-width: 750px) {
	.submenue { font-size: .9em; padding: 4em 0 2em 4em; }
    #Kontakt .g_8, #Kontakt .g_4 { width: 49%; }
}

@media screen and (max-width: 600px) {
	h1 { font-size: 2.2em; }
    h2 { font-size: 1.8em; }
	.LogoLeft { height: 20px; }
	#Content .g_8 { width: 99%; }
    #Content .g_4 { display: none; }
    #Kontakt .g_8, #Kontakt .g_4 { width: 99%; }
    address { font-size: 1.5em; padding: 4em 0 0 0; line-height: 1.8em; }
}