﻿html { -webkit-text-size-adjust: none; }



* {
	margin: 0;
	border: 0;
	padding: 0;
}

body 


{ 

	font-family: sans,Arial,Helvetica,sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
	color: #333333;

background-image: url(tabellenhintergrund_11.jpg); background-attachment:fixed;  background-repeat: repeat;

	background-color:#ffffff;

}




#content_50_prozent_07{
		float:left;
		width: 90%;
		max-height: 999999px;
		color: #333333;
		padding-left:5px;
		padding-right:5px;
		background-color: #ffffff;
		
		
		  transition: background-image 0.3s ease-in-out;
  background-image:url("hintergundbild_fuer_projekte_leer");
		
		
		
}




.fixed_position {

    position: fixed; 
	z-index: 20;


    right: 0px;
    width: 20%;

    padding: 1px;
text-align: right;

}


.menuelogo { width:90px; hight:auto; padding-right:10px; 
text-align: right	
  
}


.menuelogo_wort { width:0px; hight:auto; padding-right:10px; 
cursor: pointer;	
  
}

.logo { width: 700px;
 
	}
	
	.logo_instagram { width: 80px;
 
	}



.thumb { width: 200px;
 
	}



input[type="checkbox"]{
  width: 60px; /*Desired width*/
  height: 60px; /*Desired height*/
}




@font-face { font-family: sans; src: url(sans.woff);
			 font-family: bebas; src: url(bebas-webfont.woff); }



.maxwidth1500 {max-width: 1100px; 
		margin-left: auto;
    		margin-right: auto;
}


.maxwidth1500_weiss { max-width: 1200px;
		margin-left: auto;
    		margin-right: auto;
		background-color: #ffffff;
}






.container {
  position: relative;
  display: inline-block;
}

.verkauft {
  position: absolute;
  top: 100px; /* Anpassen, um die vertikale Position anzupassen */
  left: 10px; /* Anpassen, um die horizontale Position anzupassen */
  background-color: rgba(255, 0, 0, 0.7); /* Hintergrundfarbe für "Verkauft" */
  color: white; /* Textfarbe für "Verkauft" */
  padding: 5px 10px; /* Innenabstand für den Text */
  font-size: 30px;
  font-weight: bold; /* Fetter Text */
  border-radius: 5px; /* Abrundung der Ecken */
}









.kopftabelle { background: #eeeeee;}

.fahne { width: 70px;}



.linksbuendig {text-align: left;}

.formularelemente {
	
	
	font-family: sans, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 40px;
	font-weight: normal;


	color: #333;	
padding-left: 10px;


background: #eeeeee;
border: 2px solid #333333;



}


#menue_mobil {

    	display: inline;
	text-align: right;
	background-color:#000000;


}



#menue_mobil_unten {

    	display: inline;
		background-color:#000000;
	


}




#menue_regular {

    visibility: hidden;
	background-color:#000000;

}



#fixed_position {

    position: fixed;
	z-index: 1;
	width: 100%;

text-allign: right;
padding-left: 50px;
	


background: #000000;

}




#content_50_prozent {

	max-width: 95%; 
	
	margin: 0 auto;
  
	max-height: 999999px;

		
	}










#content_50_prozent_01{
		float:left;
		width: 99%;
		max-height: 999999px;
		color: #333333;
		padding-left:5px;
		padding-right:5px;
		background-color: #ffffff;
				
}	









.logobalken { width:100%; hight:auto
	
  
}







	
#content_50_prozent_02{
		float:left;
		width: 99%;
		max-height: 999999px;
		color: #333333;
		padding-left:5px;
		padding-right:5px;
		background-color: #cccccc;
}	
#content_50_prozent_03{
		float:left;
		width: 100%;
		
		color: #333333;
		padding-left:5px;
		padding-right:5px;
		background-color: #cccccc;
}
#content_50_prozent_04{
		float:left;
		width: 100%;
		
		color: #333333;
		padding-left:5px;
		padding-right:5px;
		background-color: #dddddd;	

}


#box_leistungen {
				
		float:left;
		width: 100%;
		height: 120px;
		padding-left:0px;
		padding-right:0px;



		border-right-style: solid;
		border-bottom-style: solid;
		border-bottom-color: #bbbbbb;
		border-right-color: #dddddd;
    		border-width: 2px;

		background-color: #eeeeee;
		
	}



#content_projects {

	width: 750px;

 	height: 1150px;
	
	margin: 0 auto;
  
	max-height: 999999px;

	background-color:#ffffff ;

		
	}




	
	
#content_100_prozent {
	width: 100%; 
	
	margin: 0 auto; 
	
	}

#content_100_prozent_grau {
	width: 100%; 
	
	margin: 0 auto; 
	background-color:#ffffff ;
	}

#content_100_prozent_grau_slider {
	width: 100%; 
	
	margin: 0 auto; 
	background-color:#ffffff ;
	}

	#content_70_prozent {

	max-width: 95%; 
	
	margin: 0 auto;
  
	max-height: 999999px;

		
	}



#content_80_prozent {
	width: 90%; 
	
	margin: 0 auto;
  
	max-height: 999999px;
text-align: left;
		
	}
	
	#content_90_prozent {

	max-width: 1200px; 
	
	margin: 0 auto;
  
	max-height: 999999px;

		
	}
	
	

#bildinsert {
	width: 100%; 
	
	margin: 0 auto;
  


		
	}



#footer {


	width: 100%; 
	
	margin: 0 auto; 
	background-color:#dddddd;

	color: #cccccc;
	max-height: 999999px;

}


#zentriert {


text-align:left; color: #333; padding:  10px; 

}

#zentriert_helle_schrift {


text-align:center; 
color: #888888; padding: 10px; 

}


#zentriert_leistungsbox {


text-align:center; padding: 30px; 

}


.bild_100 { width:100%; hight:auto; border: 0px solid #CCC; border-style: dotted;
}


.weisser_hintergrund {background: #ffffff; padding: 0px; }




h1 {
	font-family: bebas, Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-style: normal;
	line-height: 100px;
	font-weight: normal;
	color: #9d9883;
	column-span: all
		vertical-align: bottom;

}

td { vertical-align: bottom; }

h2 { 
	

	font-family: bebas, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-style: normal;
	line-height: 60px;
	font-weight: normal;
    text-align: left;
	color: #756939;
}




h3 {

	font-weight: bold;
	color: #222222;
}


.schwarz {color: #222222;}




.fließtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
	color: #777;
}

.fließtext_ueberschrift {

	font-weight: bold;
	color: #222222;
}




.kleingedrucktes { 


font-family: sans,Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;

	color: #333; }


.spalten {
	


  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;

  
}


.bild_25 { width:32%; hight:auto
	
  
}

.bild_20 { width:32%; hight:auto
	
  
}


.bild_50_ { width:99%; hight:auto
	
  
}




.icons { width:150px; hight:150px


-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;


	
  
}


.bullet_groesse { color: #222222;
	
  
}


.graue_tasse_groesse { width:30px; hight:auto
	
  
}



.Bildunterschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	color: #123456;
}





.ZellenBildunterschrift {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 12px;
		font-weight: normal;
		vertical-align:top;
		color: #777;
}


.geringe_linehight {
	
font-family: Arial, Helvetica, sans-serif;
		font-size: 3px;
		font-style: normal;
		line-height: 3px;
}




.oben_ausrichten {  vertical-align:top; background-color:#ffffff;

}

video {
  width: 100%    !important;
  height: auto   !important;
}




a:link		  { color: #691002; text-decoration:none;  }

a:visited	 { color: #691002; text-decoration:none;  }

a:active	 { color: #691002; text-decoration:none;  }

a:hover		 { color: #691002; text-decoration:none;  }




.grosselinks {display: block; font-family: Arial, Helvetica, sans-serif; font-size: 40px; text-decoration:none; font-weight: bold; letter-spacing: 0.15em; line-height: 80px;  color: #eeeeee;}

.kleinelinks {color: #222222;}

.linksamende { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 40px; color: #222222;}



.linkmagenta { color: #ffa806;   }



}
.fließtext_weiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
}


.mittig { 	text-align:center; background-color:#ecefef;
	
}



.mittig_ohne_hintergrund { 	text-align:center;
	
}


.nichts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
}


.kleine_ueberschrift { 
	

	font-family: sans, Arial, Helvetica, sans-serif;
	font-size: 77px;
	font-style: normal;
	line-height: 99px;
	font-weight: normal;
	color: #333333;
	column-span: all
}



.ueberschrift_leistungen { 
	

	
	font-size: 30px;
	font-style: normal;
	line-height: 40px;
	font-weight: normal;
	text-align: right;

	color: #eeeeee;
}


.kleine_ueberschrift_links { 
	

	font-family: Times, serif;
	font-size: 66px;
	font-style: normal;
	line-height: 80px;
	font-weight: normal;
    text-align: left;
	color: #222222;
}


.alternativer_spaltentext { 
	

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
    text-align: left;
	color: #777;
}







.e00047 { 
	font-size: 18px;
	font-weight: bold;
	text-align: left;

	color: #777;
}




.weisse_schrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}



.Schatten_links	{ 
	
	background-image:url('schatten_links2.png');
	
}

	
.Schatten_rechts	{ 
	
	background-image:url('schatten_rechts2.png');

}


.Hausfarbe_menuebalken	{ background-color:#cccccc;}

.Hausfarbe_oben	{ background-color:#aaaaaa;}

.Hausfarbe_rechts	{ background-color:#eeeeee;}


.HHintergrund	{ background-image: url(tabellenhintergrund_09.jpg); }

.tabellenhintergrund { background-color:#ffffff; text-align:left;
	background-image: url(tabellenhintergrund_03.jpg); background-repeat: no-repeat;
	
}



.Hausfarbe_unten { background-color:#707070;
	background-image: url(unten.png); background-repeat: no-repeat;
	
}
.schatten {
background: #eee;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 3px 10px rgba(0, 0, 0, .8);

}



.schatten2 {
background: #eee;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 2px 5px 15px rgba(0, 0, 0, .8);

-moz-border-radius:4px; /* Firefox */
-webkit-border-radius:4px; /* Safari, Chrome */
-khtml-border-radius:4px; /* Konqueror */
border-radius:4px; /* CSS3 */



}




.abgerundet {
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}







.zuruecksetzen {
	
	font-family: sans,Arial,Helvetica,sans-serif;
	font-size: 28px;
	font-style: normal;
	line-height: 36px;
	font-weight: bold;

	color: #333333;
	padding-left: 10px;


-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */

background-color:#dddddd;

background-image: url(hintergrund_zuruecksetzen.jpg); 


border: 1px solid #333333;
}



.blueberry { max-width: 1500px; }



.blueberry { margin: 0 auto; }
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li img {
	display: top;
	width: 100%;
	max-width: 1500;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 0px;
	text-align: center;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}
.blueberry .pager li a {
	padding: 10px ;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: #aaaaaa;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: #dddddd;  }










#basic-accordian{
	border:0px solid #EEE;
	padding:0px;
	width:500px;
	



}

.accordion_headings{
	padding:5px;
	background:#cccccc;
	color:#000000;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#aaaaaa;
}

.accordion_child{
	padding:0px;
	background:#ffffff;
}

.header_highlight{
	background:#006ab3;
	color:#ffffff;
}































.lb-loader,.lightbox{text-align:center;line-height:0}

body:after{content:url(close.png) url(loading.gif) url(prev.png) url(next.png);display:none}

.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}

body.lb-disable-scrolling{overflow:hidden}

.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}

.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}

.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:0px;border:0px solid #fff}.lightbox a img{border:none}

.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:0px;background-color:#fff}

.lb-loader,.lb-nav{position:absolute;left:0}

.lb-outerContainer:after{display:table}

.lb-loader{top:43%;height:25%;width:100%}

.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(loading.gif) no-repeat}

.lb-nav{top:0;height:100%;width:100%;z-index:10}

.lb-container>.nav{left:0}

.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}

.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}

.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}

.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}

.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}

.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}

.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}

.lb-dataContainer:after{display:table}

.lb-data{padding:0 4px;color:#ccc}

.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}

.lb-data .lb-caption{font-size:23px;font-weight:700;line-height:1.5em}.lb-data .lb-caption a{color:#4ae}

.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}

.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}

.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}