﻿* {
	margin: 0;
	border: 0;
	padding: 0;
}

body 


{ 

	font-family: sans,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 31px;
	font-weight: normal;
	color: #445566;
	text-align: left;

	
	
	background-color:#ffffff;
}





.fixed_position {

    position: fixed; 
	z-index: 20;


    right: 0px;
    width: 20%;

    padding: 1px;
text-align: right;

}

.menuelogo { width:80px; hight:auto; padding-right:30px; 
cursor: pointer;	
  
}
.menuelogo_wort { width:100px; hight:auto; padding-right:10px; 
cursor: pointer;	
  
}

.logo { width: 500px;
 
	}

.logo_instagram { width: 50px;
 
	}
	
	
.thumb { width: 200px;
 
	}
	
	
	
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 7px;
}	





.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: 20px;
  font-weight: bold; /* Fetter Text */
  border-radius: 5px; /* Abrundung der Ecken */
}







input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
}



@font-face { font-family: sans; src: url(sans.woff);}
@font-face { font-family: bebas; src: url(bebas-webfont.woff); }



.maxwidth1500 { max-width: 1200px;
		margin-left: auto;
    		margin-right: auto;

}

.maxwidth1500_weiss { max-width: 1200px;
		margin-left: auto;
    		margin-right: auto;
		background-color: #ffffff;
}















.kopftabelle { background: #eeeeee;}

.fahne { width: 50px;}



.linksbuendig {text-align: left;}

.formularelemente {
	
	font-family: sans,Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;

	color: #333;
	padding-left: 10px;


background: #aaaaaa;
border: 1px solid #333333;


}


#menue_mobil {

    display: none;
	

}

#menue_mobil_unten {

    	display: none;
		background-color:#333333;
	


}





#menue_regular {

    

    position: fixed;
	z-index: 1;
	width: 100%;

background-color: #ffffff;




}



#fixed_position {

    position: fixed;
	z-index: 1;
	width: 100%;



}


#grau{
		float:left;
		width: 100%;
		
	
		background-color: #ffffff;
}	


#content_50_prozent {

	max-width: 40%; 
	
	margin: 0 auto;
  
	max-height: 999999px;

		
	}



#content_50_prozent_01{
		float:left;
		width: 32%;

		max-height: 999999px;
		color: #333333;
		padding-left:12px;
		padding-right:0px;
		background-color: #ffffff;
		
		
  

		
		
		
		
}	



#content_50_prozent_01:hover {

		
  background-image:url("hintergundbild_fuer_projekte.png");

		
		
		
		
}	










	
#content_50_prozent_02{
		float:left;
		width: 33%;
		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");
		
		
		
}	


#content_50_prozent_07{
		float:left;
		width: 48%;
		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");
		
		
		
}




#content_50_prozent_02:hover {

		
  background-image:url("hintergundbild_fuer_projekte_02.png");

		
		
		
		
}	







	
#content_50_prozent_03{
		float:left;
		width: 49%;
		height: 150px;
		color: #333333;
		padding-left:5px;
		padding-right:5px;
		background-color: #ffffff;
}
#content_50_prozent_04{
		float:left;
		width: 49%;
		height: 150px;
		color: #333333;
		padding-left:5px;
		padding-right:5px;
		background-color: #ffffff;





		
	}



#box_leistungen {
				
		float:left;
		width: 100%;
		height: 70px;
		padding-left:0px;
		padding-right:0px;



		border-right-style: solid;
		border-bottom-style: solid;
		border-bottom-color: #bbbbbb;
		border-right-color: #dddddd;
    		border-width: 1px;

		background-color: #ffffff;
		
	}


	
	
	
#content_100_prozent {
	width: 100%; 
	
	margin: 0 auto; 
	
	}


#content_100_prozent_grau {
	width: 100%; 
	text-align:center;
	
	margin: 0 auto; 
	background-color:#eeeeee ;
	}


#content_100_prozent_grau_slider {
	width: 100%; 
	
	margin: 0 auto; 
	background-color:#ffffff;
	



	}


#content_80_prozent {

	max-width: 800px; 
	
	margin: 0 auto;
  
	max-height: 999999px;

		
	}
	
	
	#content_90_prozent {

	max-width: 1200px; 
	
	margin: 0 auto;
  
	max-height: 999999px;
text-align: justify;
		
	}
	
	
	
	#content_70_prozent {

	max-width: 65%; 
	
	margin: 0 auto;
  


		
	}
	
	
	#bildcontainer_weis {

	max-width: 100%; 
	padding:30px;
	margin: 0 auto;
    background-color:#eeeeee;
	max-height: 999999px;

		
	}	
	


#content_90_prozent {

	width: 80%; 
	
	margin: 0 auto;
  
	max-height: 999999px;

		
	}


#content_projects {

	width: 95%;

 	height: 800px;
	
	margin: 0 auto;
  
	max-height: 999999px;

	background-color:#ffffff ;

		
	}



#bildinsert {
	width: 80%; 
	
	margin: 0 auto;
  


		
	}


.bild_100 { width:100%; hight:auto; border: 0px solid #CCC; border-style: dotted; padding: 0px;
}







.weisser_hintergrund {background: #ffffff; padding: 25px; }

.schwarzer_hintergrund {background: #eeeeee;  text-align:center; color: #333; padding: 30px; }












#footer {


	width: 100%; 
	background-color:#eeeeee ;
	margin: 0 auto; 
	color: #333333;

}


#zentriert {


text-align:left; 
color: #333; padding: 0px; 

}


#zentriert_helle_schrift {


text-align:center; 
color: #888888; padding: 10px; 

}


#zentriert_leistungsbox {


text-align:left; padding: 30px; 

}
	
	
	
	
	






	






#content_25_prozent {
		float:left;
		width: 10%;
		padding-left:0px;
		padding-right:15px;
		height:30px;
	}



.linksbuendig {text-align: left;}


#rechtsbuendig {text-align: right;}


.zuruecksetzen {
	
	font-family: sans,Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26px;
	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-image: url(hintergrund_zuruecksetzen.jpg); 


border: 1px solid #333333;
}

.absenden {
	
	font-family: sans,Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26px;
	font-weight: bold;

	color: #ffffff;
	padding-left: 10px;


-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari, Chrome */
-khtml-border-radius:5px; /* Konqueror */
border-radius:5px; /* CSS3 */




background-image: url(hintergrund_absenden.jpg); 

border: 1px solid #333333;

}







.abstand_zwischen_Bildern  {


	line-height: 5px;

}


h1 {
	font-family: bebas, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
	color: #9d9883;
	vertical-align: bottom;
	

}

td { vertical-align: top; }



h2 { 
	

	font-family:  bebas,Arial,Helvetica,sans-serif;
	font-size: 23px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	color: #9d9883;

}



h3 {

	font-weight: bold;
	color: #222222;
}


.schwarz {color: #222222;}





.fließtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	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: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;

	color: #333; }


.aufzaehlung { text-indent:-2em;margin-left:2em }



.spalten {
	
	
	




  
}


.bild_25 { width:24%; hight:auto
	
  
}



.logobalken { width:75%; hight:auto
	
  
}

.bild_20 { width:19%; hight:auto
	
  
}


.blocksatz { text-align: justify }




.bild_50_ { width:49.5%; hight:auto
	
  
}


.icons { width:100px; hight:100xp


-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;

	
  
}


.bullet_groesse { color: #222222;
	
  
}


.graue_tasse_groesse { width:20px; hight:auto
	
  
}



.Bildunterschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #123456;
}


.geringe_linehight {
	
font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-style: normal;
		line-height: 15px;
		
}






.ZellenBildunterschrift {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 12px;
		font-weight: normal;
		vertical-align:top;
		color: #777;
}




}


.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 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; text-decoration:none; font-weight: bold; letter-spacing: 0.15em; line-height: 29px; color: #999999;}

.kleinelinks { color: #222222;}

.linksamende { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #222222;}


.linkmagenta { color: #ffa806;   }








}
.fließtext_weiss {
	
	color: #FFFFFF;
}


.mittig { 	text-align:center; 
	
}



.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: 33px;
	font-style: normal;
	line-height: 44px;
	font-weight: normal;
	color: #333333;
	column-span: all

}



.ueberschrift_leistungen { 
	

	
	font-size: 30px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	text-align: right;

	color: #333;

}





.kleine_ueberschrift_links { 
	

	font-family: Times, serif;
	font-size: 33px;
	font-style: normal;
	line-height: 43px;
	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;
}



.datum { 

	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 */
}







.blueberry { max-width: 1200px; }



.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: #000000;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: #bbbbbb;  }
















#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:#bbb}

.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:13px;font-weight:700;line-height:1em}.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}


.bild_50_popup { width:49%; hight:auto; cursor: pointer;
}



#nach_oben_link{position:fixed;z-index:200;right:0em;bottom:0em;display:block;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}

#nach_oben_link a{display:block;background-size:contain;background-position:50% 50%;background-color:transparent;height:5em;width:6.25em;-webkit-transition:transform 0.25s ease-in-out;-moz-transition:transform 0.25s ease-in-out;-o-transition:transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out}

#nach_oben_link a:hover{-webkit-transform:scale3d(1.075, 1.075, 1.075);-moz-transform:scale3d(1.075, 1.075, 1.075);-o-transform:scale3d(1.075, 1.075, 1.075);transform:scale3d(1.075, 1.075, 1.075)}