/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('roboto-condensed-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Roboto Condensed', sans-serif;
	border-style:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color: #1c2936;
}
ol, ul {
	list-style: none;
}
li {
	margin-top: 0px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{border:0; border-style:none;}

textarea {
    resize: none;
}

svg { 
  background: white;
  
  width: 100%;
  height: 100%;
  }
 
 
 
.wrapper0 {
width: 100%;
position: fixed;
right: 0;
    left: 0;
	top: 0px;
    margin-right: auto;
    margin-left: auto;
	background-color: #1c2936;
	height: 157px;
	z-index: 2200;
} 

 
.wrapper {
width: 740px;
position: fixed;
    right: 0;
    left: 0;
	top: 0px;
    margin-right: auto;
    margin-left: auto;
	background-color: #1c2936;
	height: 157px;
	z-index: 2200;
}

.wrapperagb {
width: 740px;
position: fixed;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
	background-color: white;
	height: 2000px;
	z-index: 1000;
}


.wrapper1 {
position: relative;
width: 100%;
margin: 0 auto;
top: 157px;
background-color: #ecf0f1;
z-index: 100;

}
.wrapper2 {
position: relative;
width: 740px;
margin: 0 auto;
z-index: 100;

}




.wrapper2agb {
position: relative;
width: 740px;
margin: 0 auto;
top: 200px;
height: 2950px;
z-index: 1;
color: black;
background-color: white;
padding: 30px;


}


#logo {
position: absolute;
top: 21px;
left: 21px;	
width: 200px;
z-index: 50;
overflow: hidden;
}

#nav {
position: relative;
top: 115px;
margin-right: -2px;
z-index: 5000;
color: #fff;
height: 17px;
white-space: nowrap;
float: right;
width: 600px;
text-align: right;
}

#nav2 {
position: relative;
float: right;
padding-right: 0%;
margin-right: 0%;

}


.navitem1{
position: relative;
height: 14px;
padding-right: 2%;
padding-left: 2%;
border-right: 1px solid #e64b3c;
border-bottom: 1px solid #e64b3c;
margin-bottom: -3px;
margin-left: -1%;

}
.navitem2{
position: relative;
height: 14px;
padding-right: 2%;
padding-left: 2%;
border-right: 1px solid #e64b3c;
border-bottom: 1px solid #e64b3c;
margin-bottom: -3px;
margin-left: -1%;
}
.navitem3{
position: relative;
height: 14px;
padding-right: 2%;	
padding-left: 2%;
margin-bottom: -3px;
border-right: 1px solid #e64b3c;
border-bottom: 1px solid #e64b3c;
margin-left: -1%;

}

.navitem1a{
position: relative;
height: 14px;
padding-right: 2%;
padding-left: 2%;
border-right: 1px solid #e64b3c;
border-bottom: 1px solid #e64b3c;
margin-bottom: -3px;
margin-left: -1%;
color: #e64b3c;
cursor: pointer;
}
.navitem2a{
position: relative;
height: 14px;
padding-right: 2%;
padding-left: 2%;
border-right: 1px solid #e64b3c;
border-bottom: 1px solid #e64b3c;
margin-bottom: -3px;
margin-left: -1%;
color: #e64b3c;
cursor: pointer;

}
.navitem3a{
position: relative;
height: 14px;
padding-right: 2%;	
padding-left: 2%;
margin-bottom: -3px;
border-right: 1px solid #e64b3c;
border-bottom: 1px solid #e64b3c;
margin-left: -1%;
color: #e64b3c;
cursor: pointer;

}


.navitemactive{
	
margin-right: 20px;	
border-bottom: 1px solid red;
}


#section0 {
position: fixed;
left: 0px;
width: 100%;
height: 1080px;
top: 80px;
z-index: 2;

}

#section1 {
position: relative;
left: 0px;
width: 100%;
height: 1080px;
top: 157px;
z-index: 2;

}


#section2 {
position: relative;
top: 0px;
left: 0px;
width: 100%;
min-height: 640px;
background-color: #e64b3c;
z-index: 2;
	
}

#section4 {
position: relative;
left: 0px;
width: 100%;
height: 600px;
padding: 0px;
margin: 0px;



}

.parallax-window {
    min-height: 400px;
    background: transparent;


}

#section5 {
position: relative;
left: 0px;
width: 100%;
min-height: 670px;
background-color: #a0dcbe;
padding: 0px;
margin: 0px;
z-index: 2;

}

#section6 {
position: relative;
left: 0px;
width: 100%;
height: 330px;
background-color: #1e2837;
padding: 0px;
margin: 0px;
z-index: 2;

}

#section7 {
position: relative;
left: 0px;
width: 100%;
height: 600px;
padding: 0px;
margin: 0px;
background: transparent;
}

#section7a {
position: relative;
left: 0px;
width: 100%;
height: 600px;
padding: 0px;
margin: 0px;
background: transparent;
}


#section8 {
position: relative;
left: 0px;
width: 100%;
height: 1050px;
background-color: #ebf0f0;
padding: 0px;
margin: 0px;
z-index: 2;

}

#section9 {
position: relative;
left: 0px;
width: 100%;
height: 20px;
background-color: #ebf0f0;
padding: 0px;
margin: 0px;
z-index: 2;
top: -80px;

}

#vorteileue{
position: relative;
top: 30px;
font-size: 30px;
margin: 0 auto;	
padding-top: 14px;
padding-left: 16px;
padding-right: 13px;
padding-bottom: 13px;
font-weight: bold;
letter-spacing: 4px;
width: 40%;
overflow: hidden;
white-space: nowrap;	
text-align: center;
color: #fff;
border: 2px solid #fff;	
	
}


.vorteileitem{
position: absolute;
top: 0px;
left: 0px;
font-size: 180px;
color: white;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-align: center;	
}



#vorteilebox{
position: absolute;
top: 340px;
left: 0px;
border: 2px solid #fff;	
width: 740px;
height: 220px;
overflow: hidden;
}

#vorteilebox1{
position: absolute;
top: 140px;
left: 0px;
width: 33.33%;
height: 470px;
overflow: hidden;
}

#vorteilebox2{
position: absolute;
top: 140px;
left: 33.33%;
width: 33.33%;
height: 470px;
overflow: hidden;
}

#vorteilebox3{
position: absolute;
top: 140px;
left: 66.66%;
width: 33.33%;
height: 470px;
}

.vorteileboxr{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
min-height: 280px;
border: 2px solid white;
}

.vorteileboxue{
position: absolute;
top: 0%;
left: 0%;	
width: 100%;
height: 38px;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
color: white;
text-align: center;
padding-top: 17px;

}
.vorteileboxt{
position: absolute;
top: 75px;
left: 5%;	
width: 90%;
color: white;
font-size: 15px;
letter-spacing: 1px;
text-align: center;	
line-height: 120%;
padding-bottom: 20px;
}

#vorteilelinie{
visibility: hidden;
overflow: hidden;
display: none;

}

#vorteilelinietext{
visibility: hidden;
overflow: hidden;
display: none;

}

#vorteilelinietextn1{
visibility: hidden;
overflow: hidden;
display: none;
}

#vorteilelinietextn2{
visibility: hidden;
overflow: hidden;
display: none;
}



#vorteilebox1b{
position: absolute;
top: 395px;
left: 20px;	
width: 275px;
height: 220px;	
font-size: 13px;
color: #fff;
letter-spacing: 1px;
z-index: 5000;
line-height: 120%;
text-align: center
}

#vorteilebox2b{
position: absolute;
top: 390px;
left: 328px;
width: 275px;
height: 220px;
font-size: 13px;
color: #fff;
letter-spacing: 1px;
z-index: 5000;
line-height: 120%;
text-align: center
}

#vorteilebox3b{
position: absolute;
top: 395px;
left: 636px;
width: 275px;
height: 220px;
font-size: 13px;
color: #fff;
letter-spacing: 1px;
z-index: 5000;
line-height: 120%;
text-align: center

}



















#section3 {
position: relative;
top: 0px;
left: 0px;
width: 100%;
min-height: 340px;
background-color: #fff5d2;
z-index: 2;
	
}


.myinput {
width: 80px;
color: #777;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
background-color: #fff5d2;
border: none;
height: 18px;
}

#preisrechnerue{
position: relative;
top: 30px;
font-size: 30px;
margin: 0 auto;	
padding-top: 14px;
padding-left: 16px;
padding-right: 13px;
padding-bottom: 13px;
font-weight: bold;
letter-spacing: 4px;
width: 40%;
overflow: hidden;
white-space: nowrap;	
text-align: center;
color: #e64b3c;
border: 2px solid #e64b3c;	
	
	
}



.lastitemue{
letter-spacing: 0px;

	
}

#preisrechnerbox{
position: absolute;
top: 130px;
left: 0px;
border: 2px solid #e64b3c;	
width: 740px;
height: 165px;
overflow: hidden;
white-space: nowrap;	
}


#preisrechnerlinietextn1{
visibility: hidden;
overflow: hidden;
display: none;
}

#preisrechnerlinietextn2{
visibility: hidden;
overflow: hidden;
display: none;
}


#preisrechnerboxb1{
position: absolute;
top: 200px;
left: 20px;	
width: 150px;
height: 20px;
border-bottom: 2px solid #e64b3c;	
border-right: 2px solid #e64b3c;
	
}

#preisrechnerboxb2{
position: absolute;
top: 200px;
left: 170px;	
width: 150px;
height: 20px;
border-bottom: 2px solid #e64b3c;	
border-right: 2px solid #e64b3c;
	
}

#preisrechnerboxb3{
position: absolute;
top: 200px;
left: 380px;	
width: 170px;
height: 20px;
border-bottom: 2px solid #e64b3c;	
border-right: 2px solid #e64b3c;
	
}

#preisrechnerboxb4{
position: absolute;
top: 200px;
left: 550px;	
width: 170px;
height: 20px;
border-bottom: 2px solid #e64b3c;	
border-right: 2px solid #e64b3c;	
}




#preisrechnerboxt1{
position: absolute;
top: 165px;
left: 70px;	
width: 180px;
height: 20px;
color: #e64b3c;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
	
}

#preisrechnerboxt2{
position: absolute;
top: 165px;
left: 194px;	
width: 180px;
height: 20px;
color: #e64b3c;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
	
}

#preisrechnerboxt3{
position: absolute;
top: 165px;
left: 384px;	
width: 220px;
height: 20px;
color: #e64b3c;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
	
}

#preisrechnerboxt4{
position: absolute;
top: 165px;
left: 590px;	
width: 180px;
height: 20px;
color: #e64b3c;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
	
}



#preisrechnerboxtr1{
position: absolute;
top: 195px;
left: 50px;	
width: 180px;
height: 20px;
color: #777;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
	
}

#preisrechnerboxtr2{
position: absolute;
top: 195px;
left: 230px;	
width: 180px;
height: 20px;
color: #777;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
	
}

#preisrechnerboxtr3{
position: absolute;
top: 195px;
left: 420px;	
width: 220px;
height: 20px;
color: #e64b3c;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
	
}

#preisrechnerboxtr4{
position: absolute;
top: 195px;
left: 590px;	
width: 200px;
height: 20px;
color: #e64b3c;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
	
}

#preisrechnerboxt5{
position: absolute;
top: 226px;
left: 20px;	
width: 90%;
height: 20px;
color: #e64b3c;
font-size: 13px;
letter-spacing: 1px;
line-height: 120%;


	
}

#preisrechnerboxt6{
position: absolute;
top: 260px;
width: 18%;
left: 78%;	
bottom: 15px;
height: 20px;
color: #1e2837;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
background-color: #e64b3c;
text-align: center;
padding-top: 2px;
visibility: hidden;


	
}





#funktionenue{
position: relative;
top: 30px;
font-size: 30px;
margin: 0 auto;	
padding-top: 14px;
padding-left: 16px;
padding-right: 12px;
padding-bottom: 13px;
font-weight: bold;
letter-spacing: 4px;
width: 40%;
overflow: hidden;
white-space: nowrap;	
text-align: center;
color: #1e2837;
border: 2px solid #1e2837;	
	
}




#funktionenlinietextn1{
visibility: hidden;
overflow: hidden;
display: none;
}

#funktionenlinietextn2{
visibility: hidden;
overflow: hidden;
display: none;
}


#funktionenbox1{
position: absolute;
top: 130px;
left: 0%;	
width: 33%;
min-height: 230px;
border-top: 2px solid #1e2837;
border-bottom: 2px solid #1e2837;	
border-left: 2px solid #1e2837;
}

#funktionenbox2{
position: absolute;
top: 130px;
left: 33%;
width: 34%;
min-height: 230px;
border-top: 2px solid #1e2837;
border-bottom: 2px solid #1e2837;	
border-left: 2px dashed #1e2837;
border-right: 2px dashed #1e2837;
}


#funktionenbox3{
position: absolute;
top: 130px;
left: 66%;
width: 34%;
min-height: 230px;
border-top: 2px solid #1e2837;
border-bottom: 2px solid #1e2837;
border-right: 2px solid #1e2837;	
}

#funktionenbox4{
position: absolute;
top: 400px;
left: 10%;	
width: 33.33%;
min-height: 230px;
border-top: 2px solid #1e2837;
border-bottom: 2px solid #1e2837;
border-left: 2px solid #1e2837;
border-right: 2px solid #1e2837;	
}

#funktionenbox5{
position: absolute;
top: 400px;
right: 10%;	
width: 33.33%;
min-height: 230px;
border-top: 2px solid #1e2837;
border-bottom: 2px solid #1e2837;
border-left: 2px solid #1e2837;
border-right: 2px solid #1e2837;	
}



.funktionenboxue{
position: absolute;
top: 0%;
left: 0%;	
width: 100%;
height: 38px;
background-color: #1e2837;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
color: white;
text-align: center;
padding-top: 17px;
}

.funktionenboxt{
position: absolute;
top: 60px;
left: 5%;	
width: 90%;
color: #1e2837;
font-size: 15px;
letter-spacing: 1px;
text-align: center;	
line-height: 120%;
padding-bottom: 20px;
}

.funktionenboxm{
position: absolute;
bottom: 15px;
left: 24%;
width: 52%;
height: 20px;
color: #1e2837;
font-size: 17px;
letter-spacing: 1px;
background-color: #e64b3c;
text-align: center;
padding-top: 4px;
}











#referenzenue{
position: relative;
top: 30px;
font-size: 30px;
margin: 0 auto;	
padding-top: 14px;
padding-left: 16px;
padding-right: 12px;
padding-bottom: 13px;
font-weight: bold;
letter-spacing: 4px;
width: 40%;
overflow: hidden;
white-space: nowrap;	
text-align: center;
color: #fff;
border: 2px solid #fff;	
	
}

#referenzenb1{
	position: absolute;
	top: 140px;
	left: 120px;
	
}

#referenzenb2{
	position: absolute;
	top: 140px;
	left: 400px;
}

#referenzenb3{
	position: absolute;
	top: 140px;
	right: 120px;
	
}




#kontaktue{
position: relative;
top: 30px;
font-size: 30px;
margin: 0 auto;	
padding-top: 14px;
padding-left: 16px;
padding-right: 13px;
padding-bottom: 13px;
font-weight: bold;
letter-spacing: 4px;
width: 40%;
overflow: hidden;
white-space: nowrap;	
text-align: center;
color: #1e2837;
border: 2px solid #1e2837;	
}

#kontakt0{
position: absolute;
left: 0px;
top: 160px;
font-size: 30px;
color: #1e2837;
width: 100%;
min-height: 630px;
height: auto;
}

#kontakt1{
position: absolute;
left: 0px;
font-size: 30px;
color: #1e2837;
border: 2px solid #1e2837;	
width: 34%;
height: 120%;

}

#kontakt2{
position: absolute;
left: 36%;
color: #1e2837;
border: 2px solid #1e2837;	
width: 64%;
height: 120%;


}

.kontaktuet{
position: absolute;
left: 15px;
top: 15px;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
color: #1e2837;

}

.kontaktuet2{
position: absolute;
left: 3%;
top: 15px;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
color: #1e2837;

}

.kontaktcont{
height: auto;


}


#kontakt1b{
position: absolute;
left: 15px;
top: 60px;
font-size: 16px;
color: #1e2837;
width: 90%;
line-height: 120%;	
overflow: hidden;

}

#impressum{
position: absolute;
top: 0px;
margin: 0 auto;
font-size: 16px;
color: #1e2837;
width: 100%;
height: 20px;
text-align: center;	
}



#kontakt1c{
position: absolute;
left: 15px;
top: 210px;
font-size: 16px;
color: #1e2837;
width: 90%;
line-height: 100%;
z-index: 11000;
}

#myformanfrage{
	z-index: 14000;
}


#kontakt2a{
position: absolute;
left: 3%;
top: 60px;
font-size: 16px;
color: #1e2837;
width: 45%;
line-height: 120%;
height: 100%;
}

#kontakt2b{
position: absolute;
left: 51%;
top: 60px;
font-size: 16px;
color: #1e2837;
width: 45%;
line-height: 120%;
height: 100%;
}

#portfolio{
position: relative;
bottom: 15px;
left: 0%;
width: 100%;
height: 20px;
color: #1e2837;
font-size: 17px;
letter-spacing: 1px;
background-color: #e64b3c;
text-align: center;
margin-top: 42px;
	display: none;
	
}

.sendanfrage{
position: relative;
left: 0%;
width: 100%;
height: 20px;
color: #1e2837;
font-size: 17px;
letter-spacing: 1px;
background-color: #e64b3c;
text-align: center;
margin-top: 45px;

padding-left: 10px;
padding-right: 10px;
	
	
}





.boldkontakt{
font-size: 15px;
color: #2c3e50;	
font-weight: bold;
	
}

.impagbue{
font-size: 18px;
	
font-weight: bold;
	
}

input[type="text"], textarea {

  background-color : #d1d1d1; 
  width: 270px;
}

input[type="submit"] {
    height: 24px;
color: white;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
background-color: #e64b3c;
text-align: center;
padding: 2px;
width: 110px; /* width of image */
border: 0;
text-align: center;
}






a:link {
    text-decoration: none;
	color: #fff;

}

a:visited {
    text-decoration: none;
	color: #fff;

}

a:hover {
     text-decoration: none;
	color: #fff;

}

a:active {
    text-decoration: none;
	color: #fff;

}

a.mailto:link {
   font-size: 16px;
color: #1e2837;

}

a.mailto:visited {
   font-size: 16px;
color: #1e2837;

}

a.mailto:hover {
     font-size: 16px;
color: #1e2837;

}

a.mailto:active {
    font-size: 16px;
color: #1e2837;

}





#overall{
	position: fixed;
	background-image: url(slide/image002.jpg);
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0px;
	left: 0px;
	visibility: hidden;
	
}








.sliderunt{	
	color:#fff;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: 'Roboto_condensed', sans-serif;	
	z-index: 5000;
	line-height: 130%;
	text-align: center;
	}



#inline_content1{
	
background-color: #1e2837;
color: white;	
height: 100%;
width: 100%;
}

#inline_content2{
	
background-color: #ef5647;
color: white;	
height: 100%;
width: 100%;
}

#inline_content3{
	
background-color: #AEC3CB;
color: white;	
height: 100%;
width: 100%;
}

#inline_content4{
	
background-color: #e64b3c;
color: white;	
height: 100%;
width: 100%;
}


#inline_content5{
	
background-color: #1e2837;
color: white;	
height: 100%;
width: 100%;
}

#inline_content6{
	
background-color: #7FB39F;
color: white;	
height: 100%;
width: 100%;
}

#inline_content7{
	
background-color: #1e2837;
color: white;	
height: 100%;
width: 100%;
overflow:hidden;
}


.inlinecontentbox1{
position: relative;
left: 10%;
top: 25%;	
height: 50%;
width: 80%;	
border: 2px solid white;	
}

.inlinecontentbox2{
position: relative;
left: 10%;
top: 15%;	
height: 70%;
width: 80%;	
border: 2px solid white;	
}

.inlinecontentbox3{
position: relative;
left: 10%;
top: 25%;	
height: 50%;
width: 80%;	
border: 2px solid white;	
}

.inlinecontentbox4{
position: relative;
left: 10%;
top: 25%;	
height: 50%;
width: 80%;	
border: 2px solid white;	
}



.inlinecontentbox5{
position: relative;
left: 10%;
top: 13%;	
height: 75%;
width: 80%;	
border: 2px solid white;	
}

.inlinecontentbox6{
position: relative;
left: 10%;
top: 5%;	
height: 60%;
width: 80%;	
border: 2px solid white;	
}

.inlinecontentbox6a{
position: absolute;
left: 10%;
top: 68%;	
height: 20%;
width: 80%;	
}


.popuptext{
position: relative;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);	
width: 80%;	
left: 10%;
}

.inlinecontentboxu3{
position: relative;
left: 0%;
top: 0%;	
height: 33.333%;
width: 100%;	
border-bottom: 2px dashed white;	
font-size: 18px;
letter-spacing: 1px;
font-family: 'Roboto_condensed', sans-serif;	
line-height: 120%;
}
.inlinecontentboxu3l{
position: relative;
left: 0%;
top: 0%;	
height: 33.333%;
width: 100%;	
font-size: 18px;
letter-spacing: 1px;
font-family: 'Roboto_condensed', sans-serif;	
line-height: 120%;
}


.inlinecontentboxu5{
position: relative;
left: 0%;
top: 0%;	
height: 25%;
width: 100%;	
border-bottom: 2px dashed white;	
font-size: 18px;
letter-spacing: 1px;
font-family: 'Roboto_condensed', sans-serif;	
line-height: 120%;
}
.inlinecontentboxu5l{
position: relative;
left: 0%;
top: 0%;	
height: 50%;
width: 100%;	
font-size: 18px;
letter-spacing: 1px;
font-family: 'Roboto_condensed', sans-serif;	
line-height: 120%;
}


.inlinecontentboxu6{
position: relative;
left: 0%;
top: 0%;	
height: 22%;
width: 100%;	
border-bottom: 2px dashed white;	
font-size: 18px;
letter-spacing: 1px;
font-family: 'Roboto_condensed', sans-serif;	
line-height: 120%;
}

.inlinecontentboxu6vl{
position: relative;
left: 0%;
top: 0%;	
height: 46%;
width: 100%;	
border-bottom: 2px dashed white;	
font-size: 18px;
letter-spacing: 1px;
font-family: 'Roboto_condensed', sans-serif;	
line-height: 120%;
}
.inlinecontentboxu6l{
position: relative;
left: 0%;
top: 0%;	
height: 32%;
width: 100%;	
font-size: 18px;
letter-spacing: 1px;
font-family: 'Roboto_condensed', sans-serif;	
line-height: 120%;
}



.popupue1{
font-weight: bold;
color: #ef5647;
}

.popupue2{
font-weight: bold;
color: #253d4f;
}




#inline_content71{
	position:relative;
color: white;	
height: 100%;
width: 100%;
text-align: center;
top: 50%;
font-size: 18px;
	letter-spacing: 1px;
	font-family: 'Roboto_condensed', sans-serif;	
	overflow: hidden;
	overflow: hidden;
}

#inline_content11{
position: relative;
margin: 0 auto;
background-color: #1e2837;
color: white;	
height: 500px;
width: 100%;
position: relative;
top: 0px;	
}

#inline_content12{
position: relative;
margin: 0 auto;
background-color: #ef5647;
color: white;	
height: 500px;
width: 100%;
position: relative;
top: 0px;	
}

#inline_content13{
position: relative;
margin: 0 auto;
background-color: #94d2b9;
color: white;	
height: 500px;
width: 100%;
position: relative;
top: 0px;	
}



.anim-slider{background: transparent;}
.anim-slide{opacity: 0;}
.anim-slide-this{opacity: 1;}



li.slidernoa1:nth-of-type(1){background:#fff url("slide/slider01_01.jpg") 100%/cover;}
li.slidernoa1:nth-of-type(2){background:#fff url("slide/slider01_02.jpg") 100%/cover;}
li.slidernoa1:nth-of-type(3){background:#fff url("slide/slider01_03.jpg") 100%/cover;}

li.slidernoa2:nth-of-type(1){background: url("slide/trans.png") 100%/cover;}
li.slidernoa2:nth-of-type(2){background: url("slide/trans.png") 100%/cover;}
li.slidernoa2:nth-of-type(3){background: url("slide/trans.png") 100%/cover;}



li.anim-slide:nth-of-type(1)>h1
{
	position: static;
	display: inline-block;
	margin: 0;
	font-size:40px;
	padding: 0px 25px;
}
h2#comment1 {
	position: absolute;
	background-color:#e64b3c;
	color:#fff;
padding: 15px;
font-size: 34px;
top: 200px;
left: 10%;
font-family: 'Roboto_condensed', sans-serif;
text-align: center;
font-weight: bold;
white-space: nowrap;	


}
h1#comment2{
	position: absolute;
	background-color:#fef1c8;
	color:#000;
	margin: 0px -5px;
	top: 260px;
	padding: 15px;
	font-size: 27px;
	right: 10%;
	font-family: 'Roboto_condensed', sans-serif;
	text-align: center;
	
	}



li.anim-slide:nth-of-type(2)>h1
{
	position: static;
	display: inline-block;
	margin: 0;
	font-size:40px;
	padding: 0px 25px;
}
h2#comment3 {
position: absolute;
	background-color:#e64b3c;
	color:#fff;
padding: 15px;
font-size: 34px;
top: 200px;
left: 23%;
font-family: 'Roboto_condensed', sans-serif;
text-align: center;
font-weight: bold;
white-space: nowrap;	
}
h2#comment4{
	position: absolute;
	background-color:#fef1c8;
	color:#000;
	margin: 0px -5px;
	top: 260px;
	padding: 15px;
	font-size: 27px;
	right: 23%;
	font-family: 'Roboto_condensed', sans-serif;
	text-align: center;
	}
	
	li.anim-slide:nth-of-type(3)>h1
{
	position: static;
	display: inline-block;
	margin: 0;
	font-size:40px;
	padding: 0px 25px;
}
h2#comment5 {
	position: absolute;
	background-color:#e64b3c;
	color:#fff;
padding: 15px;
font-size: 34px;
top: 200px;
left: 20%;
font-family: 'Roboto_condensed', sans-serif;
text-align: center;
font-weight: bold;
white-space: nowrap;	
}
h2#comment6{
	position: absolute;
	background-color:#fef1c8;
	color:#000;
	margin: 0px -5px;
	top: 260px;
	padding: 15px;
	font-size: 27px;
	right: 20%;
	font-family: 'Roboto_condensed', sans-serif;
	text-align: center;
	}
	
	
	
	



li.anim-slide2:nth-of-type(1)>h1
{
	position: static;
	display: inline-block;
	margin: 0;
	font-size:40px;
	padding: 0px 25px;
}
h2#comment7 {
position: relative;
background-color: #112534;
padding: 50px;
padding-top:80px;
color: white;
top: 50px;
left: 20px;
width: 600px;
height: 370px;
margin: 0 auto;
font-size: 30px;
font-family: 'Roboto_condensed', sans-serif;
z-index: 5000;
text-align: center;
line-height: 130%;
}
h2#comment7:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  border: 2px solid white;
}



.slidersub7{
	position: absolute;
	padding: 0px;
	margin: 0px;
	margin-top: 60px;
font-size: 20px;
font-family: 'Roboto_condensed', sans-serif;
text-align: center;
line-height: 100%;
width: 90%;
left: 5%;
	
	
}



h2#comment8 {
position: relative;
background-color: #112534;
padding: 50px;
padding-top: 100px;
color: white;
top: 50px;
left: 20px;
width: 600px;
height: 350px;
margin: 0 auto;
font-size: 30px;
font-family: 'Roboto_condensed', sans-serif;
z-index: 5000;
text-align: center;
line-height: 130%;
}
h2#comment8:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  border: 2px solid white;
}



.slidersub8{
	position: absolute;
	padding: 0px;
	margin: 0px;
	margin-top: 70px;
font-size: 20px;
font-family: 'Roboto_condensed', sans-serif;
text-align: center;
line-height: 100%;
width: 90%;
left: 5%;
	
	
}

h2#comment9 {
position: relative;
background-color: #112534;
padding: 50px;
padding-top: 120px;
color: white;
top: 50px;
left: 20px;
width: 600px;
height: 330px;
margin: 0 auto;
font-size: 30px;
font-family: 'Roboto_condensed', sans-serif;
z-index: 5000;
text-align: center;
line-height: 130%;
}
h2#comment9:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  border: 2px solid white;
}



.slidersub9{
	position: absolute;
	padding: 0px;
	margin: 0px;
	margin-top: 40px;
font-size: 20px;
font-family: 'Roboto_condensed', sans-serif;
text-align: center;
line-height: 100%;
width: 90%;
left: 5%;
	
	
}
	
	
.miete{
background-color: #e64b3c;	
padding: 2px;
font-size: 12px;
	
}
	
	
	
	
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity=90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}	

		
.anfrageli{
margin-bottom: 10px;			
			
		}
		
		
		
		
		
		
 .slider {
        width: 740px;
		height: 150px;
        margin: 60px auto;
		background-color: white;
		z-index: 6000;
border: 3px solid #1c2936; 
  outline: 5px solid white;
  
  -webkit-box-shadow: inset 0px 0px 70px 0px rgba(0,0,0,0.65);
-moz-box-shadow: inset 0px 0px 70px 0px rgba(0,0,0,0.65);
box-shadow: inset 0px 0px 70px 0px rgba(0,0,0,0.65);
    }

    .slick-slide {
      margin: 0px 20px;
	  
		

	
    }

    .slick-slide img {
      
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
	
		.slickrect{
height: 140px;
width: 140px;



	}
	.slickrect img{
		height: 135px;
width: 135px;
display: block;
    margin-left: auto;
    margin-right: auto 
		}
	
.slickrectchild{	
	height: 140px;
width: 140px;
display: block;
    margin-left: auto;
    margin-right: auto 
}

.dsgvohinweis{
font-size: 10px;
}