/*CSS Document*/

@charset "UTF-8";

@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;margin-top:25%;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:1300px;height:700px;margin-left: auto; margin-right: auto; 


}

.headerinhalt
{
line-height:20px;



position:absolute;margin-left:30%;left:50%;width:600px;height:auto;top:-400px;
}



.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:650px;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;z-index:0;
}

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

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


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

.inhaltlebenslauf a
{
z-index:1000;}

.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:-120px;margin-top:0%;height:auto;margin-left:20%;margin-right:20%;
text-align: justify;z-index:5;



}

.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;

	margin-left:40px;margin-top:20px;padding-top:0px;width:550px;

	
}

label.form-check-label{

	float:left;
  margin-left:0px;
width:30px;
}

.inputs-list{
/*leer lassen, funktioniert nicht*/
}



/* Nur Firefox */
@-moz-document url-prefix() {
    label.form-check-label {
        margin-left:-300px;
    }


}






span{float:left;display:inline;margin-top:-22px;width:600px;min-width:599px;

  margin-left:40px;
 
  }

  /* Nur Firefox */
@-moz-document url-prefix() {
      span{
margin-left:320px;

    }
}



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;width:800px;min-width:799px;
}

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





#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{

		font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
	font-weight:normal;
line-height: 1.5rem;
z-index:1000;


	position:relative;top:95%;width:1300px;height:200px;margin-left: auto; margin-right: auto; margin-top:500px;
	text-align:center;

	display: flex;
  
  justify-content: center;

}

.footer_blank p{

  text-align: center;height:20px;


}
.footer_blank a{
	font-size: 1.2rem;
	font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #9d0707;
	font-weight:normal;
line-height: 1.5rem;
text-align: justify;
}







 /* media querie handhelds less than 1300px */
@media screen and (max-width: 1300px) {

 span{width:500px;min-width:499px;

 
 
  }


.menu
  {position:absolute;top:240px;left:10%;width:80%;z-index:1000;
  opacity:1;float:left;padding:0px;margin-left:-3px;height:40px;


}




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

    margin-top:-20px;z-index:100;height:30px;
}

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

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

    font-weight:700;
  font-size:.95rem;

}

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

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





#primary_nav_wrap ul li:act   /* all ul's*/
{
  background:#aaaaaa;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.1rem;
}

#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;

   display:block;z-index: 3;
}

#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;
}




/* spezial */

#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;
}

#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li:active
{
  background:#df0d0d;z-index:100;


}

/* spezial ende*/

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

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

    font-weight:700;
  font-size:1rem;
}
*/


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

}

a{
  font-size: .95rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
 
  font-weight:normal;
line-height: 1.2rem;
text-decoration: none;
font-weight:700;

}

.inhalt a{
  font-size: .95rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
 
  font-weight:normal;
line-height: 1.2rem;
text-decoration: none;
font-weight:700;

}

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

}



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:60px;padding-top:25%;height:380px;
}

  
h1, h2{
    font-size: 1.8rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #df0d0d;
  font-weight: bold;padding-top:5rem;
  line-height: 2.3rem;}
  
h3{
    font-size: 3.5rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #df0d0d;padding-top:5rem;
  font-weight: bold;
line-height: 3.8rem;}
  
  

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



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

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

.image
{position:absolute;margin-top:31%;z-index:-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%;

  
}



div.all

{
height:2000px;width:auto;

}



.footer_blank{

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



  position:relative;top:95%;width:680px;height:200px;margin-left: auto; margin-right: auto; margin-top:200px;
  text-align: center;


}

.footer_blank p{

  text-align: center;


}
.footer_blank a{
  font-size: 1.2rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #9d0707;
  font-weight:normal;
line-height: 1.5rem;
text-align: justify;
}



.inhaltgalerie
{
font-size:1.6rem;
line-height:1.8rem;



}



.inhalt h2

{
font-size:1.6rem;
line-height:1.8rem;

padding-bottom:2rem;

}

.impressum h2

{
font-size:1.6rem;
line-height:1.8rem;

padding-bottom:2rem;

}


.inhaltlebenslauf h2
{
font-size:1.6rem;
line-height:1.8rem;

padding-bottom:2rem;
}

.inhaltangebote h2
{
font-size:1.6rem;
line-height:1.8rem;

padding-bottom:2rem;
}

.inhaltstartseite h2
{
font-size:1.6rem;
line-height:1.8rem;

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

.inhaltstartseite
{
font-size:1.2rem;
line-height:1.3rem;

}


.inhaltlebenslauf
{
font-size:1.2rem;
line-height:1.3rem;



text-align: left;
}

.inhaltlebenslauf p{

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

.inhalt
{
font-size:1.2rem;
line-height:1.3rem;
}





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


position:relative;width:900px;top:700px;margin-left: auto; margin-right: auto; 

}

.inhaltgalerie img
{

  width:100%;
}
div.csc-textpic img{ width:260px;
  height:auto;}




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


position:relative;width:auto;top:700px;margin-top:0%;margin-left: 20%; margin-right: 20%; 

}

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


position:relative;width:auto;top:700px;margin-top:0%;margin-left: 20%; margin-right: 20%; 

}

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


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


}

span.zitate{
  font-style: italic;font-weight: bold;width:550px;min-width:549px;
}

span.zitiertvon{
  font-style: italic;font-weight: bold;display:block;float:right;text-align: right;
}



}


 /* media querie handhelds less than 900px */
@media screen and (max-width: 900px) {




 .inhalt a{
  font-size: .8rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
 
  font-weight:normal;
line-height: 1rem;
text-decoration: none;
font-weight:700;

}

.menu
  {position:absolute;top:0px;margin-top:22%;left:10%;width:80%;z-index:1000;
  opacity:1;float:left;padding:0px;margin-left:-3px;height:0px;


}

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

    margin-top:-20px;z-index:100;height:30px;
}

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

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

    font-weight:700;
  font-size:.8rem;

}

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

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





#primary_nav_wrap ul li:act   /* all ul's*/
{
  background:#aaaaaa;
}

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






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

  margin:0;

}

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

  line-height:1.1rem;
}

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

#primary_nav_wrap ul li:hover > ul 
{
  visibility: visible;
  opacity: 1.0;

   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;
}

#primary_nav_wrap ul ul 
{
  display: block;
    background:#d8d8d8;width:210px;
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;
}

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

}

#primary_nav_wrap ul ul li a 
{
    padding: 0px 0px;
}   

#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%;
}




/* spezial */

#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;
}

#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li:active
{
  background:#df0d0d;z-index:100;


}

/* spezial ende*/

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

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

    font-weight:700;
  font-size:1rem;
}
*/


  
  p{
  font-size: .8rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
  font-weight:normal;
line-height: 1rem;

}

a{
  font-size: .8rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
 
  font-weight:normal;
line-height: 1rem;
text-decoration: none;
font-weight:700;

}

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

}

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:360px;
}

  
h1, h2{
    font-size: 1.4rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #df0d0d;
  font-weight: bold;padding-top:5rem;
  line-height: 2.3rem;}
  
h3{
    font-size: 3.5rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #df0d0d;padding-top:5rem;
  font-weight: bold;
line-height: 3.8rem;}
  
  

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



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

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





.image
{position:absolute;margin-top:25%;z-index:-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%;
  
}

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

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


/* specific page styles for extension "tx_cssstyledcontent" */
.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-top:0px;height:250px;margin-right: 150px;width:200px;padding-left:-20px;margin-left:120px;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
   margin-top:-100px;height:220px;margin-right:200px;width:160px;padding-left:-20px;margin-left:200px;
}

.bodytext p
{width:180px;
}



div.all

{
height:2000px;width:auto;

}



.footer_blank{

    font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
  font-weight:normal;
line-height: 1.5rem;



  position:relative;top:95%;width:680px;height:200px;margin-left: auto; margin-right: auto; margin-top:200px;
  text-align: center;


}

.footer_blank p{

  text-align: center;


}
.footer_blank a{
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #9d0707;
  font-weight:normal;
line-height: 1.5rem;
text-align: justify;
}





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


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

}

.inhaltgalerie img
{

  width:180px;
}



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



.inhalt h2

{
font-size:1.3rem;
line-height:1.5rem;

padding-bottom:2rem;

}

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

padding-bottom:2rem;
}

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

padding-bottom:2rem;
}

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

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

.inhaltstartseite
{
font-size:.85rem;
line-height:1rem;


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

}


.inhaltlebenslauf
{
font-size:.85rem;
line-height:1rem;


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

text-align: left;
}

.inhaltlebenslauf p{

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

.inhalt
{
font-size:.85rem;
line-height:1rem;


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

}

.impressum
{
font-size:.85rem;
line-height:1rem;


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

}

span{width:400px;min-width:399px;}

}


/* Desktop small */
 /* media querie handhelds less than 680px */
@media screen and (max-width: 680px) {



@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);







  @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/Raleway-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }
  
  


  
  *:focus {outline:none}
  
  p{
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
  font-weight:normal;
line-height: 1.5rem;

}

a{
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #9d0707;
  font-weight:normal;
line-height: 16px;
text-decoration: none;
font-weight:700;
text-align: left;
}





  
h1, h2{
    font-size: 1.6rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #df0d0d;
  font-weight: bold;padding-top:5rem;
  line-height: 1.8rem;}
  
h3{
    font-size: 2.8rem;
  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 a { border: none;width:100%;}

html  {margin:0;
    padding:0;
    height:99%;}
  
tr, td{
  font-size: 11px;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #a9a9a9;
  font-weight:normal;
line-height: 20px;

}

body
 {background-color: #fff;

 height:100%;}









div.all

{
position:relative;width:100%;height:900px;



}

.headerinhalt
{
line-height:20px;



position:absolute;margin-left:30%;left:50%;width:600px;height:auto;top:-400px;
}






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


position:relative;float:center;width:auto;height:auto;margin-left:8%;margin-right:8%;
top:550px;

}

.inhalt ul li{
 font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;line-height:1rem;
line-height:1.6rem;
}

.inhalt a
{
font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;

  font-weight:normal;
  text-decoration:none;
line-height:1.6rem;

}

.inhaltlebenslauf
{
font-size:.85rem;
line-height:1rem;


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

text-align: left;
}

.inhaltlebenslauf p{

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


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


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



}

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


position:relative;float:center;width:auto;top:400px;;height:auto;margin-left:8%;margin-right:8%;
text-align: left;

}

.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;
}


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


position:relative;top:500px;margin-left: auto; margin-right: auto; width:100%;

}




form {

top: auto;width:700px;height:600px;
line-height: 16px;
}


fieldset {
  border:0px;
  
}










#headerimage a img {
display:none;
}

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


/*menu*/

.menu
  {position:absolute;top:10px;margin-top:5%;left:10px;width:120px;z-index:1000;background:none;
  opacity:1;float:left;padding:4px;padding-top:0px;margin-left:-4px;height:auto;
  background: rgba(0, 0, 0, 0.7) /* background with 70% opacity */
z-index:1001;


 }


nav ul {
  z-index:1000;
}

nav > ul, nav > ul > li {
  float: none;
}
nav > ul > li > ul, nav > ul > li:hover > ul {
  position: relative;
}

/*nav > ul > li > ul, nav > ul > li:active > ul { CSS-Eigenschaften; -webkit-user-select: none; -webkit-touch-callout: none;}
*/

nav > ul > li > ul > li:hover > ul {
  position: relative;
  left: 0;
}

nav > ul > li > ul > li:active > ul { CSS-Eigenschaften; -webkit-user-select: all; -webkit-touch-callout: default;}


nav > ul > li > ul > li > ul > li > a {
  font-style: none;display:none;

}

nav > ul > li {
  display: none;
}

nav > ul:hover li {
  display: block;
}


nav > ul::before {
  display: none;
  content: "MENU";
  padding: 6px;
background: #df0d0d;
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
font-weight:700;
 }

nav > ul::active { CSS-Eigenschaften; -webkit-user-select: none; -webkit-touch-callout: none;}

nav li > a::after {
  content: "";
}

nav li li > a::after {
  content: "";
}

h2{
font-size:1.3rem;
line-height:1.7rem;

padding-bottom:2rem;

}

.inhalt h2

{
font-size:1.3rem;
line-height:1.7rem;

padding-bottom:2rem;

}

.inhaltlebenslauf h2
{
font-size:1.3rem;
line-height:1.7rem;

padding-bottom:2rem;
}

.inhaltangebote h2
{
font-size:1.3rem;
line-height:1.7rem;

padding-bottom:2rem;
}

.inhaltstartseite h2
{
font-size:1.3rem;
line-height:1.7rem;

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




.footer_blank{

    font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
  font-weight:normal;
line-height: 1.5rem;



  position:relative;top:90%;width:300px;height:200px;margin-left: 8%; margin-right: 8%; margin-top:00px;
  text-align: center;


}

.footer_blank p{

  text-align: center;


}
.footer_blank a{
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #9d0707;
  font-weight:normal;
line-height: 1.5rem;
text-align: justify;
}

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


     background-repeat: no-repeat;
     background-position: center center;
     background-size: contain;
       height:100%;
        width: 90%;z-index:-100;margin-left:5%;
position:relative;top:20px;padding-top:42%;height:280px;
}

.image
{position:absolute;margin-top:48%;z-index:-100;}

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


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

.headerlogo
{
display:none;
}



.headerlogo-small
{

display: block;
position:absolute;
margin-left:0 auto;margin-right: 0 auto;

top:20px;width:50%;z-index:3;
padding:0px;padding-bottom:10px;padding-right:0px;opacity:1;left:45%;

z-index:0;
}






/*neu*/
#primary_nav_wrap ul li
{
   display: inline; 
  padding:7px 7px 7px 0px;
    
  text-decoration: none;
  z-index: 1000;
  color:#3c3c3c; 
  

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

    font-weight:700;
  font-size:.8rem;letter-spacing: -1px;

}

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

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





#primary_nav_wrap ul li:act   /* all ul's*/
{
  background:#d7d7d7;
}

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






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

  margin:0;

}

#primary_nav_wrap ul li a 
{
    display: block; 
 z-index:100;
   color:#3c3c3c;   
  text-decoration: none;
padding:0px 4px 0px 0px;
  z-index: 3;font-size:0.8rem;

  line-height:1.1rem;
}

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

#primary_nav_wrap ul li:hover > ul 
{
  visibility: visible;
  opacity: 1.0;

   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;
}

#primary_nav_wrap ul ul 
{
  display: block;left:110px;width:210px;
    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: 10%; 
}

#primary_nav_wrap ul ul li 
{
  display: block;
    position: relative;
  float: none;
}

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

}

#primary_nav_wrap ul ul li a 
{
    padding: 0px 0px;
}   

#primary_nav_wrap ul ul ul 
{
  /* 2nd generation submenu open to right of 1st generation dropdown submenus */
    position: absolute; left: 0%; top:100px;width:210px;
z-index:100;
}  




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




/* spezial */

#primary_nav_wrap ul   /* all ul's*/
{
    display: inline-table;
    position: relative;
    list-style: none;
  z-index: 3;
font-weight:700;
  float:left;
  margin:7px;
  padding:7px;z-index:100;
}

#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li:active
{
  background:#df0d0d;z-index:100;


}


.csc-textpic-imagewrap img {
  width:140px;
  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:140px;
  height:auto;}
div.csc-textpic-center-outer{}

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


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

.csc-textpic-intext-left-nowrap .csc-textpic-text {
   margin-top:-100px;height:160px;margin-right:200px;width:160px;padding-left:-20px;margin-left:140px;
}

.bodytext p
{width:180px;
}

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




form {

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






 /*form*/

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


text-decoration: none;

  width:270px;

}



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

}

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

}




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

  
}

.form-check-label{

  float:left;

}




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

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

button{

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



/* Nur Firefox */
@-moz-document url-prefix() {
    label.form-check-label {
        margin-left:-130px;
    }


}


  /* Nur Firefox */
@-moz-document url-prefix() {
      span{
margin-left:150px;

    }
}



.impressum
{
font-size:.85rem;
line-height:1rem;


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

}



.impressum p
{
margin-bottom:10px;

}

.impressum h2
{
font-size:1.6rem;
line-height:1.8rem;

padding-bottom:2rem;


}

.impressum a
{
font-size:.85rem;
  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;
}




}

  /* Landscape IPAD PRO*/

 /*@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {


    {div.all


height:2000px;width:1100px;

}
}

  /* Portrait IPAD PRO*/
  /*  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {




            {div.all


height:2000px;width:1000px;

}
      }



/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

.inhalt a{
  font-size: .8rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
 
  font-weight:normal;
line-height: 1rem;
text-decoration: none;
font-weight:700;padding:0px;

}





    div.all

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

}



.menu
  {position:absolute;top:200px;margin-top:0%;left:10%;width:auto;z-index:1000;
  opacity:1;float:left;padding:0px;margin-left:-3px;height:0px;

   -ms-user-select: None; 
 -moz-user-select: None; 
 -webkit-user-select: None; 
 
background:white;


}

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

    margin-top:0px;z-index:100;height:00px;
}

ul{

  margin:0;
}


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

}




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:360px;
}


.image
{position:absolute;margin-top:25%;z-index:-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%;
  
}





.inhalt h2

{
font-size:2rem;
line-height:2rem;

padding-bottom:2rem;

}

.impressum h2

{
font-size:2rem;
line-height:2rem;

padding-bottom:2rem;

}

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

padding-bottom:2rem;
}

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

padding-bottom:2rem;
}

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

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

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


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



}


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


position:relative;float:center;width:680px;top:530px;margin-top:0%;height:auto;margin-left:14%;margin-right:14%;
z-index:1000;padding:8px;
text-align: left;
}

.inhaltlebenslauf p{

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

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


position:relative;float:center;width:680px;top:530px;margin-top:0%;height:1100px;margin-left:14%;margin-right:14%;
z-index:-1;padding:8px;z-index:0;

}

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


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

}




.footer_blank{

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



  position:relative;top:90%;width:680px;height:200px;margin-left: 14%; margin-right: 14%; margin-top:200px;
  text-align: center;


}

.footer_blank p{

  text-align: center;


}
.footer_blank a{
  font-size: 1.2rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #9d0707;
  font-weight:normal;
line-height: 1.5rem;
text-align: justify;
}

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


position:relative;top:650px;margin-left: 0; margin-right: auto; width:100%;left:0%;

}


}


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {



.menu
  {position:absolute;top:150px;margin-top:32%;left:6%;width:auto;z-index:3;
  opacity:1;float:left;

   -ms-user-select: None; 
 -moz-user-select: None; 
 -webkit-user-select: None; 
 

}

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

    margin-top:-20px;z-index:100;height:20px;
}

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

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

    font-weight:600;
  font-size:.75rem;

}

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

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





#primary_nav_wrap ul li:act   /* all ul's*/
{
  background:#aaaaaa;
}

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




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

  margin:0;

}

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

  line-height:1.1rem;
}

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

#primary_nav_wrap ul li:hover > ul 
{
  visibility: visible;
  opacity: 1.0;

   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;
}

#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;
}

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

}

#primary_nav_wrap ul ul li a 
{
    padding: 0px 0px;
}   

#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%;
}




/* spezial */

#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;
}

#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li:active
{
  background:#df0d0d;z-index:100;


}

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

}

a{
  font-size: .75rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
 
  font-weight:normal;
line-height: 1.2rem;
text-decoration: none;
font-weight:600;

}


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

}


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

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

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


     background-repeat: no-repeat;
     background-position: center center;
     background-size: contain;
       height:360px;
        width: 85%;z-index:-100;margin-left:6%;
position:relative;top:30px;padding-top:15%;
}


.image
{position:absolute;margin-top:15%;z-index:-100;}

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


     background-repeat: no-repeat;
     background-position: center center;
     background-size: contain;
       height:100%;
        width: 85%;z-index:-100;margin-left:6%;margin-top:30px;
  
}





.inhalt h2

{
font-size:1.5rem;
line-height:1.6rem;

padding-bottom:2rem;

}

.impressum h2

{
font-size:1.5rem;
line-height:1.6rem;

padding-bottom:2rem;

}

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

padding-bottom:2rem;
}

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

padding-bottom:2rem;
}

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

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

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


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



}


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


position:relative;float:center;width:520px;top:440px;margin-top:0%;height:auto;margin-left:14%;margin-right:14%;
z-index:1000;padding:8px;
text-align: left;
}

.inhaltlebenslauf p{

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

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


position:relative;float:center;width:520px;top:440px;margin-top:0%;height:700px;margin-left:14%;margin-right:14%;
z-index:-1;padding:8px;z-index:0;

}

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


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

}

.csc-textpic-imagewrap img {
  width:160px;
  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:160px;
  height:auto;}
div.csc-textpic-center-outer{}

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


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

.csc-textpic-intext-left-nowrap .csc-textpic-text {
   margin-top:-130px;height:220px;margin-right:200px;width:220px;padding-left:-20px;margin-left:220px;
}

.bodytext p
{width:260px;
}


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


position:relative;top:480px;margin-left: 0; margin-right: auto; width:100%;left:0%;

}


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:400px;

}



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

}

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

}




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

  
}

.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: 1rem;padding:.5rem;margin:1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
}



.footer_blank{

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



  position:relative;top:40%;width:600px;height:200px;margin-left: 10%; margin-right: 10%; margin-top:200px;
  text-align: center;


}

.footer_blank p{

  text-align: center;


}
.footer_blank a{
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #9d0707;
  font-weight:normal;
line-height: 1.5rem;
text-align: justify;
}




}


/* Landscape Phone */
 /* media querie handhelds less than 640px */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){

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

}

a{
  font-size: .85rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
 
  font-weight:normal;
line-height: 1rem;
text-decoration: none;
font-weight:600;

}


 .inhalt a{
  font-size: 0.85rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
 
  font-weight:normal;
line-height: 1.2rem;
text-decoration: none;
font-weight:600;

}

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

}

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

.menu
  {position:absolute;top:0px;margin-top:22%;left:0%;width:80%;z-index:3;
  opacity:1;float:left;padding:0px;margin-left:-3px;height:0px;



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

    margin-top:-20px;z-index:100;height:30px;
}

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

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

    font-weight:700;
  font-size:.8rem;

}

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

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





#primary_nav_wrap ul li:act   /* all ul's*/
{
  background:#aaaaaa;
}

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






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

  margin:0;

}

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

  line-height:1.1rem;
}

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

#primary_nav_wrap ul li:hover > ul 
{
  visibility: visible;
  opacity: 1.0;

   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;
}

#primary_nav_wrap ul ul 
{
  display: block;left:auto;width:180px;
    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;
}

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

}

#primary_nav_wrap ul ul li a 
{
    padding: 0px 0px;
}   

#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%;
}




/* spezial */

#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;
}

#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li:active
{
  background:#df0d0d;z-index:100;


}

/* spezial ende*/

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

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

    font-weight:700;
  font-size:1rem;
}
*/
  


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

}

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:200px;
}

  
h1, h2{
    font-size: 1.4rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #df0d0d;
  font-weight: bold;padding-top:5rem;
  line-height: 2.3rem;}
  
h3{
    font-size: 3.5rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #df0d0d;padding-top:5rem;
  font-weight: bold;
line-height: 3.8rem;}
  
  

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



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

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





.image
{position:absolute;margin-top:25%;z-index:-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%;margin-top:10px;
  
}



div.all

{
height:auto;width:auto;

}



.footer_blank{

    font-size: .85rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
  font-weight:normal;
line-height: 1.5rem;



  position:relative;top:99%;width:400px;height:200px;margin-left: auto; margin-right: auto; margin-top:400px;
  text-align: center;


}

.footer_blank p{

  text-align: center;


}
.footer_blank a{
  font-size: .85rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #9d0707;
  font-weight:normal;
line-height: 1.5rem;
text-align: justify;
}




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


position:relative;top:300px;margin-left: auto; margin-right: auto; width:100%;

}



.inhalt h2

{
font-size:1.3rem;
line-height:1.5rem;

padding-bottom:2rem;

}

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

padding-bottom:2rem;
}

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

padding-bottom:2rem;
}

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

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

.inhaltstartseite
{
font-size:.85rem;
line-height:1rem;


position:relative;float:center;width:70%;top:-150px;margin-top:0%;height:auto;margin-left:14%;margin-right:14%;
text-align: justify;z-index:1000;



}


.inhaltlebenslauf
{
font-size:.85rem;
line-height:1rem;


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

text-align: left;
}

.inhaltlebenslauf p{

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

.inhalt
{
font-size:.85rem;
line-height:1rem;


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

}

.impressum
{
font-size:.85rem;
line-height:1rem;


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

}


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:10px;padding-top:25%;height:320px;
}


.csc-textpic-imagewrap img {
  width:160px;
  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:160px;
  height:auto;}
div.csc-textpic-center-outer{}

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


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

.csc-textpic-intext-left-nowrap .csc-textpic-text {
   margin-top:-100px;height:220px;margin-right:200px;width:160px;padding-left:-20px;margin-left:160px;
}

.bodytext p
{width:180px;
}


form {

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






 /*form*/

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


text-decoration: none;

  width:400px;

}



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

}

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

}




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

  
}

.form-check form-check-label{

  float:left;

}

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

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

button{

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

.impressum
{
font-size:.85rem;
line-height:1rem;


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.3rem;
line-height:2.8rem;

padding-bottom:2rem;

}

.impressum a
{
font-size:.85rem;
  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;
}

.headerlogo
{

display: block;
position:absolute;
margin-left:0 auto;margin-right: 0 auto;

top:20px;width:80%;z-index:3;
padding:0px;padding-bottom:10px;padding-right:0px;opacity:1;left:8%;

z-index:0;
}

.headerlogo-small
{

  display:none;

}

}





/* Portrait */
@media only screen 
  and (min-device-width: 359px) 
  and (max-device-width: 667px) 



   and (orientation: portrait) { 



@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);







  @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/Raleway-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }
  
  
  
  *:focus {outline:none}
  
  p{
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
  font-weight:normal;
line-height: 1.5rem;text-align: left;

}

a{
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #9d0707;
  font-weight:normal;
line-height: 16px;
text-decoration: none;
font-weight:700;
text-align: left;
}





  
h1, h2{
    font-size: 1.6rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
  color: #df0d0d;
  font-weight: bold;padding-top:5rem;
  line-height: 1.8rem;}
  
h3{
    font-size: 2.8rem;
  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 a { border: none;width:100%;}

html  {margin:0;
    padding:0;
    height:99%;}
  
tr, td{
  font-size: 11px;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #a9a9a9;
  font-weight:normal;
line-height: 20px;

}

body
 {background-color: #fff;

 height:100%;}









div.all

{
position:relative;width:100%;height:900px;



}

.headerinhalt
{
line-height:20px;



position:absolute;margin-left:30%;left:50%;width:600px;height:auto;top:-400px;
}






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


position:relative;float:center;width:auto;height:auto;margin-left:8%;margin-right:8%;
top:550px;text-align: left;

}

.inhalt ul li{
 font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;line-height:1rem;
line-height:1.6rem;
}

.inhalt a
{
font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;

  font-weight:normal;
  text-decoration:none;
line-height:1.6rem;

}

.inhaltlebenslauf
{
font-size:.85rem;
line-height:1rem;


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

text-align: left;
}

.inhaltlebenslauf p{

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


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


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



}

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


position:relative;float:center;width:auto;top:400px;;height:auto;margin-left:8%;margin-right:8%;
text-align: left;

}

.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;
}


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


position:relative;top:500px;margin-left: auto; margin-right: auto; width:100%;

}




form {

top: auto;width:700px;height:600px;
line-height: 16px;
}


fieldset {
  border:0px;
  
}






span.zitate{
  font-style: italic;font-weight: bold;
}

span.zitiertvon{
  font-style: italic;font-weight: bold;display:block;float:right;text-align: right;
}




#headerimage a img {
display:none;
}

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


/*menu*/

.menu
  {position:absolute;top:10px;margin-top:5%;left:10px;width:33%;z-index:3;background:none;
  opacity:1;float:left;padding:4px;padding-top:0px;margin-left:-4px;height:auto;
  background: rgba(0, 0, 0, 0.7) /* background with 70% opacity */
z-index:1001;


 }


nav ul {
  z-index:1000;
}

nav > ul, nav > ul > li {
  float: none;
}
nav > ul > li > ul, nav > ul > li:hover > ul {
  position: relative;
}

/*nav > ul > li > ul, nav > ul > li:active > ul { CSS-Eigenschaften; -webkit-user-select: none; -webkit-touch-callout: none;}
*/

nav > ul > li > ul > li:hover > ul {
  position: relative;
  left: 0;
}

nav > ul > li > ul > li:active > ul { CSS-Eigenschaften; -webkit-user-select: all; -webkit-touch-callout: default;}


nav > ul > li > ul > li > ul > li > a {
  font-style: none;display:none;

}

nav > ul > li {
  display: none;
}

nav > ul:hover li {
  display: block;
}


nav > ul::before {
  display: none;
  content: "MENU";
  padding: 6px;
background: #df0d0d;
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
font-weight:700;
 }

nav > ul::active { CSS-Eigenschaften; -webkit-user-select: none; -webkit-touch-callout: none;}

nav li > a::after {
  content: "";
}

nav li li > a::after {
  content: "";
}

h2{
font-size:1.3rem;
line-height:1.7rem;

padding-bottom:2rem;

}

.inhalt h2

{
font-size:1.3rem;
line-height:1.7rem;

padding-bottom:2rem;

}

.inhaltlebenslauf h2
{
font-size:1.3rem;
line-height:1.7rem;

padding-bottom:2rem;
}

.inhaltangebote h2
{
font-size:1.3rem;
line-height:1.7rem;

padding-bottom:2rem;
}

.inhaltstartseite h2
{
font-size:1.3rem;
line-height:1.7rem;

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




.footer_blank{

    font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #3c3c3c;
  font-weight:normal;
line-height: 1.5rem;



  position:relative;top:90%;width:300px;height:200px;margin-left: 8%; margin-right: 8%; margin-top:00px;
  text-align: center;


}

.footer_blank p{

  text-align: center;


}
.footer_blank a{
  font-size: 1rem;
  font-family: Raleway-Medium, Avenir Next, sans-serif;
color: #9d0707;
  font-weight:normal;
line-height: 1.5rem;
text-align: justify;
}

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


     background-repeat: no-repeat;
     background-position: center center;
     background-size: contain;
       height:100%;
        width: 90%;z-index:-100;margin-left:5%;
position:relative;top:30px;padding-top:42%;height:280px;
}

.image
{position:absolute;margin-top:50%;z-index:-100;}

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


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

.headerlogo
{
display:none;
}



.headerlogo-small
{

display: block;
position:absolute;
margin-left:0 auto;margin-right: 0 auto;

top:320px;width:80%;z-index:3;
padding:0px;padding-bottom:10px;padding-right:0px;opacity:1;left:9%;

z-index:0;
}






/*neu*/
#primary_nav_wrap ul li
{
   display: inline; 
  padding:7px 7px 7px 0px;
    
  text-decoration: none;
  z-index: 1000;
  color:#3c3c3c; 
  

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

    font-weight:700;
  font-size:.8rem;letter-spacing: -1px;

}

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

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





#primary_nav_wrap ul li:act   /* all ul's*/
{
  background:#d7d7d7;
}

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






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

  margin:0;

}

#primary_nav_wrap ul li a 
{
    display: block; 
 z-index:100;
   color:#3c3c3c;   
  text-decoration: none;
padding:0px 4px 0px 0px;
  z-index: 3;font-size:0.8rem;

  line-height:1.1rem;
}

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

#primary_nav_wrap ul li:hover > ul 
{
  visibility: visible;
  opacity: 1.0;

   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;
}

#primary_nav_wrap ul ul 
{
  display: block;left:110px;width:210px;
    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: 10%; 
}

#primary_nav_wrap ul ul li 
{
  display: block;
    position: relative;
  float: none;
}

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

}

#primary_nav_wrap ul ul li a 
{
    padding: 0px 0px;
}   

#primary_nav_wrap ul ul ul 
{
  /* 2nd generation submenu open to right of 1st generation dropdown submenus */
    position: absolute; left: 0%; top:120px;width:210px;
z-index:100;
}  




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




/* spezial */

#primary_nav_wrap ul   /* all ul's*/
{
    display: inline-table;
    position: relative;
    list-style: none;
  z-index: 3;
font-weight:700;
  float:left;
  margin:7px;
  padding:7px;z-index:100;
}

#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li:active
{
  background:#df0d0d;z-index:100;


}


.csc-textpic-imagewrap img {
  width:140px;
  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:140px;
  height:auto;}
div.csc-textpic-center-outer{}

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


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

.csc-textpic-intext-left-nowrap .csc-textpic-text {
   margin-top:-100px;height:160px;margin-right:200px;width:160px;padding-left:-20px;margin-left:140px;
}

.bodytext p
{width:180px;
}

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




form {

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






 /*form*/

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


text-decoration: none;

  width:270px;

}



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

}

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

}




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

  
}

.form-check form-check-label{

  float:left;

}

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

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

button{

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


.impressum
{
font-size:.85rem;
line-height:1rem;


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

}



.impressum p
{
margin-bottom:10px;

}

.impressum h2
{
font-size:1.6rem;
line-height:1.8rem;

padding-bottom:2rem;


}

.impressum a
{
font-size:.85rem;
  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;
}




}