@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'Avenir Next';

  font-weight: normal;
  font-style: normal; }

  @font-face {
  font-family: 'Raleway-Medium';
  src: url('../schriften/Raleway-Medium.ttf') format('truetype');
  src: url('../schriften/Raleway-Medium.eot') format('truetype');
  src: url('../schriften/Raleway-Medium.woff') format('truetype');

  font-weight: normal;
  font-style: normal; }
  
  

  
  *:focus {outline:none}

  * {margin:0px; padding:0px}  

  img { 	width: 100%; height: auto;}


body
 {background-color: #fff;

 height:100%;}


  div {
    border: none;
    background: none;
  }

main {
  
	background:white;
 font-size: 100%;


     background-repeat: no-repeat;
     background-position: center center;
     background-size: contain;
       height:100%;
        width: 80%;z-index:-100;margin-left:10%;
position:relative;top:0px;padding-top:25%;height:460px;
}



  
  p{
	font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
	font-weight:normal;
line-height: 1.5rem;
text-align: justify;

}

a{
	font-size: 1.3rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #9d0707;
	
line-height: 18px;
text-decoration: none;
font-weight:700;

}



	
h1, h2{
		font-size: 2.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #df0d0d;
	font-weight: bold;padding-top:5rem;
	line-height: 2.5rem;z-index:-1;}
	
h3{
		font-size: 3rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #df0d0d;padding-top:5rem;
	font-weight: bold;
line-height: 3rem;}
	
	

a:active, a:focus {outline: none;}


img {width:100%;}
img a { border: none;width:100%;}

html	{margin:0;
		padding:0;
		height:99%;}

img.image-embed-item
{width:100%;margin-top:-100px;}

	
tr, td{
	font-size: 13px;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #a9a9a9;
	font-weight:normal;
line-height: 20px;

}

.inhalt ul li{
  font-size: 1.2rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;

}

.headerlogo
{
position:absolute;
z-index:-1000;margin-left:0 auto;margin-right: 0 auto;

top:10px;width:auto;z-index:3;background:white;
padding:0px;padding-bottom:10px;padding-right:0px;opacity:1;
}

.headerlogo-small
{
display:none;
}





.image
{position:absolute;top:80px;z-index:-100;width:100%;}

.headerimage img
{
	background:white;
 font-size: 100%;


     background-repeat: no-repeat;
     background-position: center center;
     background-size: contain;
       height:100%;
        width: 80%;z-index:-100;margin-left:10%;
  
}









#opensubcontent img{

   z-index:1000;
min-width:30px;
   position: relative;
   padding-top:0px;
   padding-left:0px;
   width:2%;
height:2%;

    
}

#opencontent img{

   z-index:1000;
min-width:30px;
   position: relative;
   padding-top:0px;
   padding-left:0px;
   width:2%;
height:2%;

    
}

#closecontent img{

   z-index:1000;
min-width:30px;
   position: relative;
   padding-top:0px;
   padding-left:0px;
   width:2%;
height:2%;

    
}



div.all

{
position:relative;width:1100px;height:auto;margin-left: 0px; margin-right: auto; 


}

.headerinhalt
{
line-height:20px;



position:absolute;width:900px;height:auto;
}



.kontakt
{

background-color:#bc8916;
color:black;
padding: 2px;

position:absolute;right:20px;width:200px;height:auto;top:-280px;
}




.inhalt
{
font-size:1.5rem;
line-height:2rem;


position:relative;float:center;width:auto;top:600px;margin-top:0%;height:auto;margin-left:20%;margin-right:20%;
z-index:-1;padding:8px;z-index:0;

}



.inhalt p
{
margin-bottom:10px;

}

.inhalt h2
{
font-size:2.8rem;
line-height:3.2rem;

padding-bottom:2rem;

}

.inhalt a
{
font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #9d0707;
	font-weight:normal;
	text-decoration:none;
line-height:1.6rem;padding:4px 4px 4px 0px;
}

.inhalt a:hover
{
color: #df0d0d;
}

.inhaltlebenslauf
{
font-size:1.5rem;
line-height:2rem;


position:relative;float:center;width:auto;top:600px;margin-top:0%;height:auto;margin-left:20%;margin-right:20%;
z-index:-1;padding:8px;
text-align: left;
}

.inhaltlebenslauf p{

padding-bottom:1rem;
text-align: left;
}

.inhaltlebenslauf h2
{
font-size:2.8rem;
line-height:3.2rem;

padding-bottom:2rem;
}

.inhaltgalerie
{
font-size:1.5rem;
line-height:2rem;


position:relative;width:1300px;top:650px;margin-left: auto; margin-right: auto; 

}

.inhaltgalerie img
{

	width:100%;
}

.csc-textpic-imagewrap img {
  width:300px;width:100%;
  height:auto;
}
.csc-textpic-imagewrap.responsive {
  max-width:100%;

}

.csc-frame-indent{
  width:100%;
  height:auto;
  margin-left: 0%; 
  margin-right: 0%;
}

div.csc-textpic-imagecolumn img { width:300px;
  height:auto;}
div.csc-textpic-center-outer{}

div.csc-textpic img{ width:300px;
  height:auto;}



.inhaltangebote
{
font-size:1.5rem;
line-height:2rem;


position:relative;float:center;width:auto;top:-150px;margin-top:0%;height:auto;margin-left:20%;margin-right:20%;
text-align: left;

}

.inhaltangebote h2
{
font-size:2.8rem;
line-height:3.2rem;

padding-bottom:2rem;
}

.inhaltangebote a
{
font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #e5e5e5;
	font-weight:normal;
	text-decoration:none;
line-height:1.6rem;
}

.inhaltstartseite
{
font-size:1.5rem;
line-height:2rem;


position:relative;float:center;width:auto;top:-40px;margin-top:0%;height:auto;margin-left:20%;margin-right:20%;
text-align: justify;z-index:-1;



}

.inhaltstartseite p
{
margin-bottom:10px;

}

.inhaltstartseite h2
{
font-size:2.8rem;
line-height:3.2rem;

padding-bottom:2rem;
text-align: left;
}

.inhaltstartseite a
{
font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #9d0707;
	font-weight:normal;
	text-decoration:none;
line-height:1.6rem;
}

.inhaltstartseite a:hover
{
color: #df0d0d;
}


.impressum
{
font-size:1.5rem;
line-height:2rem;


position:relative;float:center;width:auto;top:100px;margin-top:0%;height:auto;margin-left:20%;margin-right:20%;
z-index:-1;padding:8px;z-index:0;

}



.impressum p
{
margin-bottom:10px;

}

.impressum h2
{
font-size:2.8rem;
line-height:3.2rem;

padding-bottom:2rem;

}

.impressum a
{
font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #9d0707;
	font-weight:normal;
	text-decoration:none;
line-height:1.6rem;padding:8px;
}

.impressum a:hover
{
color: #df0d0d;
}

/* specific page styles for extension "tx_cssstyledcontent" */
.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-top:-170px;height:300px;margin-right: 350px;width:300px;padding-left:20px;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
   margin-top:-170px;height:300px;margin-right: 350px;width:300px;padding-left:20px;
}

.bodytext p
{width:200px;
}



span.bold
{
		font-size: 1.8rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #a9a9a9;
	font-weight: bold;
	line-height: 20pt;}

	span.kursiv
{
		
	font-family: Raleway-Medium, Avenir Next, sans-serif;

	color: #bf53d2;
	font-weight: bold;
	line-height: 20pt;
font-style:italic;}



span.titelchen
{
		font-size: 4rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	color: #a9a9a9;
	font-weight: bold;
	line-height: 24pt;
}
	




form {

top: auto;width:600px;height:1500px;display:inline-block;
line-height: 5em;
}






 /*form*/

 .form-group{ 	font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
	font-weight:normal;
line-height: 2rem;


text-decoration: none;

	width:600px;

}



textarea{ 	
float:left;
font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	width:600px;

}

input{ 	
float:left;display:inline;
font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
	width:600px;padding-top:5px;padding-bottom:5px;

}




.form-check{
	float:left;
	display:inline;
	width:auto;margin-left:40px;margin-top:20px;padding-top:0px;width:550px;

	
}

.form-check form-check-label{

	float:left;

}

span{float:left;display:inline;margin-top:-22px;margin-left:30px;}

span.submit{margin-top:30px;}

button{

font-size: 1.2rem;padding:.5rem;margin:1rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
}



/* Mailformular Ende*/

/*menu*/

.menu
  {position:absolute;top:250px;left:10%;width:80%;z-index:3;background:white;
  opacity:1;float:left;padding:10px;padding-top:0px;margin-left:-3px;height:80px;
  background: rgba(0, 0, 0, 0.7) /* background with 70% opacity */
z-index:1000;

 
  }


#primary_nav_wrap
{
  display: block;
  /*position: absolute;
  white-space:nowrap;*/
  z-index: 3;

    margin-top:15px;z-index:100;height:18px;
}

/*neu*/
#primary_nav_wrap ul li
{
   display: block; 
  padding:6px 6px;
    
  text-decoration: none;
  z-index: 3;
  color:#3c3c3c; 
  

  font-family: Raleway-Medium, Avenir Next, sans-serif;z-index:100;

    font-weight:700;
  font-size:1.3rem;

}

#primary_nav_wrap ul li:hover
{
  background:#df0d0d;z-index:100;
}
/*neu end*/


/*
#primary_nav_wrap a.link:hover
{
  color: #ffffff;

  border-radius: 0px;
  margin: 10px;  /* needed to offset 1px border */
}

/*#primary_nav_wrap a.sm_parent:hover     sm_parent = submenu parent, has no link */
/*{
  cursor: default;
}*/

#primary_nav_wrap > ul    /* top level ul only */
{
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;z-index: 3;
}

#primary_nav_wrap ul   /* all ul's*/
{
    display: inline-table;
    position: relative;
    list-style: none;
  z-index: 3;

  float:left;
  margin:7px;
  padding:7px;z-index:100;
}

/*INBEARBEITUNG AKTIVE LINKS SOLLEN GRAU SEIN IM HINTERGRUND */

#primary_nav_wrap ul li:act   /* all ul's*/
{
background:#d8d8d8;z-index: 3;
}

#primary_nav_wrap a.l1-act, #primary_nav_wrap li a.act
{
  background:none;z-index: 3;
}




#primary_nav_wrap ul li 
{
    float: left;padding:10px;
  text-align: left;

  margin:0;z-index: 3;

}

#primary_nav_wrap ul li a 
{
    display: block; 
 z-index:100;
   color:#3c3c3c;   
  text-decoration: none;
padding:2px 5px 0px 5px;
  z-index: 3;

  line-height:1.4rem;
}

#primary_nav_wrap ul li a:link { color:#3c3c3c;z-index: 3; }
#primary_nav_wrap ul li a:visited { color:#3c3c3c;z-index: 3;}
#primary_nav_wrap ul li a:active { color:#3c3c3c;z-index: 3;} 

#primary_nav_wrap ul li:hover > ul 
{
  visibility: visible;
  opacity: 1.0;
z-index: 3;
   display:block;
}

#primary_nav_wrap ul li ul 
{
  visibility: hidden;
  opacity: 0.0;
  -webkit-transition: all 0.4s ease-in-out 0.0s;
  -moz-transition: all 0.4s ease-in-out 0.0s;
  -ms-transition: all 0.4s ease-in-out 0.0s; 
  -o-transition: all 0.4s ease-in-out 0.0s;
  transition: all 0.4s ease-in-out 0.0s;z-index: 3;
}

#primary_nav_wrap ul ul 
{
  display: block;
    background:#d8d8d8;
padding: 0px;
margin:0px;
    position: absolute; 
  z-index: 3;

  /*  
    top: 100% works with Chrrome, etc but not with IE, (of course) but not with
    margin and or border values adding margin & border values between top menu (ul)
    and submenu (ul) will require more % value deduction  
  */
  top: 88%; 
}

#primary_nav_wrap ul ul li 
{
  display: block;
    position: relative;
  float: none;z-index: 3;
}

#primary_nav_wrap ul ul > li 
{
  /* submenus with slightly smaller font */
  font-size: 100%;z-index: 3;

}

#primary_nav_wrap ul ul li a 
{
    padding: 0px 0px;z-index: 3;
}   

#primary_nav_wrap ul ul ul 
{
  /* 2nd generation submenu open to right of 1st generation dropdown submenus */
    position: absolute; left: 100%; top:0;

     top:0;
  left:100%;z-index:100;
}  

#primary_nav_wrap ul ul ul > li 
{
  /* This prevents 2nd generation > submenus from having ever diminishing font size*/
  font-size: 100%;z-index: 3;
}



span.zitate{
	font-style: italic;font-weight: bold;display:block;text-align: left;margin-left:0px;
}

span.zitiertvon{
	font-style: italic;font-weight: bold;display:block;float:right;margin:.5rem;
}





#headerimage a img {
display:none;
}

#headerimage a:hover img {
display:block;
position:absolute;
}

  
/*bildwechsel*/


#gallery {
  position: relative;
  margin: 0;
  background: none;
  border: none;z-index:-1;
}

#gallery figure {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0em;
  z-index: 1;
  animation: wechseln 16s infinite;
  -webkit-animation: wechseln 16s infinite;
}

#gallery figure:last-of-type {
  position: relative;
}


#gallery > figure figcaption {
  position: absolute;
  left: 1em;
  font-size: 2em;
  font-weight: bold;
  bottom: 0.5em;
  z-index: 2;
  color: white;
}




@keyframes wechseln {
     0% {opacity: 1;}
      
        20% {opacity: 1;}
       25% {opacity: 0;}
        100% {opacity: 0;}
}

@-webkit-keyframes wechseln {
       0% {opacity: 1;}
   
        20% {opacity: 1;}
       25% {opacity: 0;}
        100% {opacity: 0;}

}


#gallery figure:nth-of-type(2) {
  animation-delay: 4s;
  opacity: 0;
}

#gallery figure:nth-of-type(3) {
  animation-delay: 8s;
  opacity: 0;
}

#gallery figure:nth-of-type(4) {
  animation-delay: 12s;
  opacity: 0;
}

.footer_blank{

display:none;

}

.footer_blank p{

display:none;


}
.footer_blank a{
display:none;
}