@charset "utf-8";
/*Grundaufbau::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}



.up p{
	font-size:18px;
	color:#CCC;	
	margin-top:60px;
	margin-bottom:40px;
}

.up a{
	color:#CCC;	
	text-decoration: none;	
    font-weight: normal;
}
.werk img{
	max-width:840px;
	max-height:750px;
	margin-top:40px;
}



.vitabild img{
	max-width:340px;	
	margin-top:20px;
	margin-bottom:20px;
}

.homebild img{
	max-width:840px;
	max-height:750px;
	margin-top:70px;
	margin-bottom:70px;
	display: flex;
   justify-content: center;
   align-items: center;
	margin-left:auto;
	margin-right:auto;
}

.hometext h1 {
	text-align:left;
	font-size:67px;
	font-weight:normal;	
	}

.bildtitel p {
	font-size: 18px;
	line-height:22px;
	font-weight: bold;
	margin-top:7px;
}

.bildtext p {
	font-size: 14px;
	line-height:20px;
	font-weight: normal;
	margin-bottom:20px;
}

.werklinks p {
        margin-top: 5px;
        text-align:left;
       margin-bottom: 10px;
	}

.werketext p {
     line-height: 19px;
     margin-bottom: 5px;
	}
.vorschaubilder{
    margin-top:5px;
	margin-bottom:100px;
}

.vorschaubilder img{
	max-width:400px;
    margin-top:5px;
	margin-bottom:10px;
}

.trennerwerke hr {
	border: 1px solid #666;
}

body {
	background-color:#000;
	margin:0px;
	padding:0px;
	font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;	
	background-image:url(../bilder/background.png);	
	background-repeat: repeat-x;
	}
.gesamt{
	position: relative;
	visibility: visible;
	margin-left: auto;
 	margin-right: auto;
	margin-top:0px;
	width: 100%;
	max-width: 1000px;
	padding: 0px;
	z-index : 1;
	background-color:#000;
}

.content {
	width:auto;
	max-width:840px;	
	/*height:400px;*/
	margin-top:40px;
	padding-left:0px;
	padding-right:0px;
	margin-left:160px;
	display:block;
	background-color:#000;
}

.headerlogo {
	height:95px;
	background-image:url(../bilder/header.png);	
	background-repeat: no-repeat;
	margin-bottom:70px;
}

.footerbereich {
	height:400px;
	background-image:url(../bilder/footer.png);	
	background-repeat: no-repeat;
}


/*Menü Standard*/
.menuereihe {
	width:620px;
	height:30px;
	background-color:#000;
	margin-left:380px;
	margin-top:0px;
	padding-top:35px;
	display:block;
	/*display:none;*/
}

.menuereihe p{
	text-transform: uppercase;
	text-align:right;
	font-size:14px;
/*float:right;*/
	
}

.menuepunkte {
	height:45px;
	max-width:50px;
	background-color:#1d5e07;
	margin-top:50px;
	padding-left:24px;
	padding-right:24px;	
}

.menuepunkteaktiv {
	background-color:#779e6a;
	height:40px;
	max-width:50px;
	margin:0px;
	padding-left:22px;
	padding-right:22px;	
}

.menuepunkteaktiv a {
	color:FFF;
	 text-decoration: none;	
    font-weight: normal;
	line-height:20px;
}

.menuepunkte  a{
	color:FFF;
	text-decoration: none;	
    font-weight: normal;
	line-height:20px;
}

.menuepunkte a:hover{
	color:333;
	text-decoration: none;
    font-weight: semibold;
}


/*Menü Responsive*/
.hamburgerbutton {
	display:none;
	padding-top:20px;	
}

.hamburgerbutton p {
	text-align:right;
	margin-right:5px;	
}


#alternativmenue {
	display:none;	
}

#abdeckung {
	background-color:#000;
	width:100%;
	height:100%;
	position: absolute;
	top:100px;
	z-index:6;
	display:none;
}

.menueliste {
	width:300px;
	height:400px;
	background-color:#000;
	position: absolute;
	right:0px;
	left:auto;		
	margin-top:20px;
	padding-top:5px;
	padding-left:50px;
	display:block;	
	z-index:7;
	text-decoration: none;
	display:none;
}

.menueliste p{
	text-transform: uppercase;
	text-align:left;
	 font-size:14px;
	 font-weight:normal;
	 text-decoration: none;
}

.menuepunkteres {
		height:35px;
		max-width:200px;
	background-color:#1d5e07;
	margin-top:5px;
	padding-top:10px;
	padding-left:24px;
	padding-right:24px;	
	text-decoration: none;	
}


.menuepunkteaktivres {
	background-color:#779e6a;
	height:35px;
	max-width:200px;
	margin-top:5px;
	padding-top:10px;
	padding-left:24px;
	padding-right:24px;
	text-decoration:none;	
}

.menuepunkteres a {
	color:FFF;
	 text-decoration: none;	
    font-weight: normal;
	line-height:20px;
	text-decoration:none;
}


.menuepunkteres p {
	color:FFF;
	 text-decoration: none;	
    font-weight: normal;
	line-height:20px;
	text-decoration:none;
}

.menuepunkteaktivres a  {
	color:FFF;
	text-decoration: none;	
    font-weight: normal;
	line-height:20px;

}

.menuepunkteres a:hover{
	color:333;
	 text-decoration: none;
    font-weight: semibold;
}


/*Text ...............*/
p  {
	font-family: Open Sans, sans-serif;
	color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0px;
	}	
h1 {
	color: #fff;
    font-size: 44px;
    font-weight: normal;
    line-height: 46px;
    margin-bottom: 10px;
    margin-top: 0px;
	}
h2 {
	font-family: Open Sans, sans-serif;
	color: #fff;   
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 5px;
    margin-top: 20px;
	}	
h3 {
	font-family: Open Sans, sans-serif;
	color: #fff;
	/*color: #f49612;  */  
    font-size: 24px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 6px;
    margin-top: 40px;
	}	
h4 {
	font-family: Open Sans, sans-serif;
	color: #fff;  
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 10px;
	}	
h5 {
	font-family: Open Sans, sans-serif;
	color: #fff;   
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 20px;
	font-style:italic;	
	}
/*Links .................................*/	
a {      
	color: #FFF;
    text-decoration: underline;
    font-weight: bold;
		 }
a:hover {
	color: #333333;
    text-decoration: underline;
	}
/*Bilder*/
img{	
   width: auto;
   height: auto;
}




@media screen and (max-width : 1030px)  {
.hometext h1 {	
	font-size:60px;	
	}
.vorschaubilder img{
	max-width:100%;
   height:auto;
}
.homebild img{
	width:100%;
	height:auto;
	margin-top:30px;
	margin-bottom:50px;
}

.vitabild img{
	width:100%;
	height:auto;
	max-width:340px;	
	margin-top:10px;
	margin-bottom:20px;
}

.menuereihe {	
	display:none;
}

.hamburgerbutton {
	display:block;
}
#alternativmenue {
	display:none;	
}

#abdeckung {
	background-color:#000;
	display:none;
}

.menueliste {

	display:none;
}





	
	

	.gesamt {
	max-width: 1030px;	
	}
	
	.content {
	/*width:200px;	*/
	margin-left: auto;
 	margin-right: auto;
	margin-top:15px;
	padding-top:0px;
	padding-right:20px;
	padding-left:10px;
	}
	
	img {	
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;	
	}
	
	.werk img {	
	max-height: 100%;
	max-width: 100%;
	
	width: auto;
	height: auto;	
	}
	
	
	



	
}

@media screen and (max-width : 390px)  {
	.footersitemap p {
	font-size:16px;	
	line-height:24px;

}
	
	
	
}