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

/* Farben 

menühintergrund metallblau: 
background:#A70034;
background:rbga(9,63,109,1);

contenthintergrund grau:
color:#444444;
color:rgba(68,68,68,1)

fusszeile hintergrund dunkelgrau:
color:#2a2a2a;
color:rgba(42,42,42,1);
*/

*{margin:0;padding:0;box-sizing: border-box;}
html,body{height:100%;}
header{z-index: 3;width:100%;position:fixed;top:0;background:#A70034;padding:15px;border-bottom:2px solid #444;}
header > div{width:100%;max-width:1400px;display:flex;align-items: center;justify-content:flex-start;margin:0 auto;}
#content{
	font-family:"Arial";
	position: absolute;z-index:2;width:100%;
	background-image:linear-gradient(to bottom right, rgba(255,255,255,0.95), rgba(200,200,200,0.95)), url("1.jpg");
	background-color:rgba(255,255,255,0.9);background-attachment: fixed;
}
#contentwrapper{display:flex;flex-flow:column nowrap;align-items: flex-start;width:100%;max-width:1400px;margin:0 auto;padding:50px 15px;}
#contentwrapper article{width:100%;}
#contentwrapper > * {color:#444;}
#contentwrapper > div {font-weight:bold;font-size:1.2em;}
.condostats{padding:20px;width:100%;margin:0 20px 0 20px;}
.condostats2{width:100%;margin-bottom:40px;font-size:2em;}
.condostats3{width:100%;margin-bottom:40px;font-size:1em;}
.condostats3 p a, .condostats3 p a:link,.condostats3 p a:visited{color:black!important;text-decoration: underline;}
#contentwrapper ul{list-style-type: none;padding:10px 20px 10px 20px;}
#contentwrapper ul li{list-style-type: none;font-weight:normal;font-size:0.9em;}
#stat_flex{display:flex;flex-flow:row wrap;}
#stat_flex p{flex:none;width:100%;}
#stat_flex div{background:#A70034;margin:20px;padding:20px;color:white;}

#stat_flex2 div{color:white;}
.imagewrapping{display:flex;flex-flow:row wrap;margin-bottom:40px;}
.imagewrapping p{flex:none;}
#contentwrapper p a:link, #contentwrapper p a:visited{color:white;font-weight:bold;}
footer{font-family:"Arial";display: flex; justify-content: center;z-index:2;width:100%;background-color:#2a2a2a;flex-wrap: nowrap;align-items:flex-start;align-content: flex-start;padding:15px;}
#footerwrapper{width:100%;max-width:1400px;display:flex;flex-wrap:wrap;}
#footerwrapper > * {color:#fff;}
#footerwrapper table {font-size:0.8em;}
#footerwrapper table a:link, #footerwrapper table a:visited{text-decoration:none;color:white;}
h1{width:100%;text-transform: uppercase;font-size:2.5em;text-align:center;font-weight:lighter;margin:50px 0;}
h3{width:100%;font-size:0.9em;text-align:left;font-weight:bold;border-bottom:1px solid #A70034;margin-top:20px;}
#solopic{margin:30px auto 30px auto;}
table{margin:20px 0 20px 0;}
#kontaktformular{background-color: white;text-align:left;padding:20px;color:black;font-size:0.8em;font-family: "Arial";font-weight:lighter;}
#kontaktformular form{}
input, select, textarea{margin-bottom: 20px;}
input, select, textarea, label {color:black;}
textarea{width:100%;}
label{font-size:0.8em;font-weight:normal;}
#formbuttonleft {padding:0px;width:102px;}
#formbuttonright {padding:0px;width:102px;}
#clear {clear:both;height:1px;width:1px;}
#text {height:200px;width:100%;}
.pflicht{color:#A70034;font-weight:bold;}
#h9{color:#A70034;}
.tablelink:link,.tablelink:visited{font-weight:bold;color:white;}
.greylink, .greylink:visited{text-decoration: underline;color:#444!important;}
.whitelink, .whitelink:visited{text-decoration: underline;color:white!important;}
@media screen and (max-width: 768px) {
	#slider{display:none;}
	#contentwrapper > div {text-align:left;font-weight:bold;font-size:1em;width:100%;}
	#contentwrapper{font-size:1em;}
	h1{width:100%;font-size: 1.5em;text-align:center;}
	.imagewrapping{justify-content: center;align-items: flex-start;}
	#stat_flex div{width:100%;}
	#stat_flex2 div{width:100%;}
	#stat_flex2 div img{width:100%;height:auto;margin-bottom:15px;}
	#breadcrump{
	height: 80px;z-index:2;width:100%;margin-top:-80px;
	background:#444444;padding:15px;
	color:#eee;font-family:"Arial";font-weight:bold;font-size:1.5em;letter-spacing: 2px;
	display:flex;flex-flow:row nowrap;align-items:center;justify-content: center;}
	#content{top:250px;}
}

@media all and (min-width: 768px) {
	#breadcrump{
	height: 80px;z-index:2;width:100%;max-width:700px;margin-top:-80px;
	background:#444444;padding-right:20px;padding-left:15px;
	color:#eee;font-family:"Arial";font-weight:bold;font-size:1.5em;letter-spacing: 2px;
	display:flex;flex-flow:row nowrap;align-items:center;justify-content: flex-end;}
	#content{top:700px;}
	.imagewrapping{}
	#stat_flex2 div img{height:100%;max-height:400px;width:auto;margin-right:15px;margin-bottom:15px;}
	#stat_flex2 div img:last-child{margin-right:0;}
}