/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:'Roboto', sans-serif;
	font-style:normal;	
	font-size:2.5vh;	
	font-weight:normal;
	vertical-align:baseline;
}

/* SEITENBESCHREIBUNG*/
Name: Dohmen;
Description: Dohmen Karl Dünnwald Sanitärhandel Startseite;
Author: Peter van der Biezen | http://www.rollingpages.de;
Version: 1.0 | Release: 2017-06-01;
Copyright: © job e.K. 2017;


*, p, label, h1, h2, ul, li {
color:;
font-size:3.2vh; 
font-weight:normalmax-height:;
}

h1 {
font-family:'Jura', sans-serif;
color:rgba(116,206,226,1);
font-weight:normal;
font-size:9vw;
line-height:1.1;
text-align:left;
vertical-align:;
}

h2 {display:block; margin:0 0 1vh 0; font-family:'Jura', sans-serif;color:rgba(45, 70, 97, 1);font-size:3.2vh;font-weight:700;}

ul {list-style-type:none;} 
a {text-decoration:none;outline:0;}


html, body{
line-height:;
width:100%;
height:100%;
overflow-x:hidden;
<!--background:url(../img/baeder1.jpg) rgba(255,255,255,1.0) no-repeat center center;-->
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
background-size:cover;
-webkit-overflow-scrolling:touch;
-moz-overflow-scrolling:touch;
-ms-overflow-scrolling:touch;
-ot-overflow-scrolling:touch;
overflow-scrolling:touch;
animation:fadein 1s;-moz-animation:fadein 1s;-webkit-animation:fadein 1s;
}

/* WRAPPER MAIN */ 
.main {
overflow-x:hidden;
position:absolute;
top:0;
width:100%;
height:100%;
z-index:1000;
}

/*HEADER*/

#header{
display:block; 
position:fixed;
top:;
background:rgba(116,206,226,1);
width:100%;
min-width:100%;
height:15vh;
margin:0;
padding:0;
overflow:hidden;
box-sizing:;
box-shadow:;
white-space:nowrap;
letter-spacing:0;
z-index:100000;
}
#header p, #header li,#header a,#header ul {
color:rgba(45, 70, 97, 1);
white-space:nowrap;
}

#h_banner{
float:;
position:;
display:;
background:;
border:0px solid rgba(45, 70, 97, 1);
border-radius:0;
width:;
padding:;
margin:;
}

#h_menue {
float:left;
display:inline-block;
position:relative;
width:100%;
min-width:100%;
height:auto; /* HÖHE HEADER - PADDING TOP */
padding:3vh;
margin:0 0 0 0; /* Positionierung Menü */
zindex:10;
white-space:nowrap;
overflow-y:;
}

#h_menue ul{
display:inline-block;
margin:0 0 3vh 0;
}

#menu_back{
list-style-type:none;;
}


#header a{font-size:2.5vh; color:;} /* TEXTFARBE MENUE */
#header a:hover{color:rgba(179, 149, 70, 1.0);}  /* HOVERFARBE MENUE */
#header a.current{color:rgba(179, 149, 70, 1.0);}  /* CURRENT MENUE FARBE  */

.border_li{border-bottom:solid 10px rgba(45, 70, 97, 1);padding:0;}
.color_a{color:rgba(179, 149, 70, 1.0);}

.active li {border-bottom:solid 10px rgba(45, 70, 97, 1);padding:0;}
.active a{color:rgba(179, 149, 70, 1.0);}

.separator24, .separator_home, .separator_about, .separator_heizung, .separator_baeder, .separator_sanierung, .separator_kundendienst, .separator_team, .separator_kontakt, .separator_impressum{
float:left;
position:relative;
display:block;
background:rgba(255,255,255,0);
width:100vw;
}

.separator24{height:24vh; background:rgba(255,255,255,0.9);z-index:-1;}
.separator_home{height:;}
.separator_about{height:30vh;}
.separator_heizung{height:50vh;}
.separator_baeder{height:30vh;}
.separator_sanierung{height:30vh;}
.separator_kundendienst{height:80vh;}
.separator_team{height:50vh;}
.separator_kontakt{height:80vh;}
.separator_impressum{height:24vh;}


#section_image1{
position:; 
display:; 
top:0; 
right:0; 
bottom:0; 
left:0; 
display:; 
background:; 
}

#img1{
width:auto; 
height:50vh; 
margin:0; 
padding:3vh 2vw; 
opacity:; 
}

#section_image2{
position:; 
display:; 
top:; 
right:0; 
bottom:0; 
left:0; 
display:; 
background:; 
}

#img2{
width:auto; 
height:50vh; 
margin:0; 
padding:3vh 2vw; 
opacity:; 
}

#section_image3{
position:; 
display:; 
top:0; 
right:0; 
bottom:0; 
left:0; 
display:; 
background:; 
}

#img3{
width:auto; 
height:50vh; 
margin:0; 
padding:3vh 2vw; 
opacity:; 
}


#section_image4{
position:; 
display:; 
top:0; 
right:0; 
bottom:0; 
left:0; 
display:; 
background:; 
}

#img4{
width:auto; 
height:50vh; 
margin:0; 
padding:3vh 2vw; 
opacity:; 
}

#section_image5{
position:; 
display:; 
top:0; 
right:0; 
bottom:0; 
left:0; 
display:; 
background:; 
}

#img5{
width:auto; 
height:50vh; 
margin:0; 
padding:3vh 2vw; 
opacity:; 
}

#section_image6{
position:relative; 
display:block; 
top:; 
right:; 
bottom:; 
left:; 
display:block; 
background:rgba(255, 255, 255, 0); 
}

#img6{
width:60vw; 
height:auto; 
margin:5vh 0; 
padding:0; 
border:4px solid rgba(45, 70, 97, 1); 
transition:-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;transition: opacity .5s ease-out;;
opacity:-webkit-opacity:0.6; opacity:0.6;; 
}

#img6:hover{
opacity:-moz-transition: opacity: 1; -webkit-opacity:1; -o-opacity:1; opacity:1;; 
}

#img7{
width:74vw; 
height:auto; 
margin:5vh 0; 
padding:0; 
border:8px solid rgba(45, 70, 97, 1); 
transition:-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;transition: opacity .5s ease-out;;
opacity:-webkit-opacity:0.6; opacity:0.6;; 
}

#img7:hover{
opacity:-moz-transition: opacity: 1; -webkit-opacity:1; -o-opacity:1; opacity:1;; 
}


#slider_rahmen{
position:relative;
display:block;
padding:0;
margin:0 auto;
background:rgba(116,206,226,1);
height:25.3vw;
width:auto;
overflow:hidden;
}

#section_slider1{
position:relative; 
display:block; 
top:; 
display:block; 
width:100vw; 
height:60vh; 
margin:0; 
padding:2vh; 
background:rgba(255,255,255,1); 
visibility:visible; 
opacity:1; 
}

#section_slider2{
position:relative; 
display:block; 
top:0; 
display:block; 
width:100vw; 
height:60vh; 
margin:0; 
padding:15vh 0; 
background:rgba(255,255,255,1); 
visibility:visible; 
opacity:1; 
}

#section_slider3{
position:relative; 
display:block; 
top:0; 
display:block; 
width:100vw; 
height:407px; 
margin:0; 
padding:0; 
background:rgba(255,255,255,0); 
visibility:visible; 
opacity:1; 
}

#section_slider4{
position:relative; 
display:block; 
top:0vh; 
display:block; 
width:100vw; 
height:407px; 
margin:; 
padding:0; 
background:rgba(255,255,255,0); 
visibility:visible; 
opacity:1; 
}

#section_slider5{
position:relative; 
display:block; 
top:39vh; 
display:block; 
width:100vw; 
height:60vh; 
margin:0; 
padding:15vh 0; 
background:rgba(255,255,255,1); 
visibility:visible; 
opacity:1; 
}

#section_slider6{
position:relative; 
display:block; 
top:39vh; 
display:block; 
width:100vw; 
height:60vh; 
margin:0; 
padding:15vh 0; 
background:rgba(255,255,255,1); 
visibility:visible; 
opacity:1; 
}

#section_slider7{
position:relative; 
display:block; 
top:0; 
display:block; 
width:100vw; 
height:60vh; 
margin:0; 
padding:15vh 0; 
background:rgba(255,255,255,1); 
visibility:visible; 
opacity:1; 
}

#section_slider8{
position:relative; 
display:block; 
top:39vh; 
display:block; 
width:100vw; 
height:60vh; 
margin:0; 
padding:15vh 0; 
background:rgba(255,255,255,1); 
visibility:visible; 
opacity:1; 
}

#section_slider9{
position:relative; 
display:block; 
top:39vh; 
display:block; 
width:100vw; 
height:60vh; 
margin:0; 
padding:15vh 0; 
background:rgba(255,255,255,1); 
visibility:hidden; 
opacity:1; 
}


#section_partner{margin:10vh 5vw 0 5vw;}	

.partner{
	width:25vw;
	height:auto;
	margin:1vh;
}


#section_home{margin:35vh 15vw 5vw 15vw;}	
#section_about{margin:35vh 15vw 5vw 15vw;}	
#section_heizung{margin:35vh 15vw 5vw 15vw;}	
#section_baeder{margin:35vh 15vw 5vw 15vw;}	
#section_sanierung{margin:35vh 15vw 5vw 15vw;}	
#section_kundendienst{margin:35vh 15vw 5vw 15vw;}	
#section_team{margin:35vh 15vw 5vw 15vw;}	
#section_kontakt{margin:10vh 15vw 50vh 5vw;height:100vh;}	
#section_partner{margin:10vh 5vw 0 5vw;}	
#section_impressum{margin:10vh 15vw 50vh 15vw;}	

#wrapper_slider{
float:left; 
position:relative; 
display:; 
width:70vw; 
height:auto; 
margin:0; 
padding:0 15vw; 
background:rgba(255,255,255,0.9); 
visibility:visible; 
opacity:1; 
}

#iframe1{
display:block; 
position:relative; 
top:;
left:;
width:100%;
height:407px;	
margin:2vh;	
padding:2vh;
overflow:hidden;
}

#iframe2{
display:block; 
position:relative; 
top:;
left:;
width:80%;
height:10%;	
margin:0;	
padding:0;
overflow:hidden;
}

#iframe3{
display:block; 
position:relative; 
top:;
left:;
width:100vw;
height:500px;	
margin:0 0 -70vh 0;	
padding:0;
overflow:hidden;
}

#iframe4{
display:block; 
position:relative; 
top:;
left:;
width:100vw;
height:500px;	
margin:0 0 -90vh 0;	
padding:0;
overflow:hidden;
}

#iframe5{
display:block; 
position:relative; 
top:;
left:;
width:80%;
height:10%;	
margin:0;	
padding:0;
overflow:hidden;
}

#iframe6{
display:block; 
position:relative; 
top:;
left:;
width:100vw;
height:545px;	
margin:0 0 -70vh -20vw;	
padding:3vh;
overflow:hidden;
}

#iframe7{
display:block; 
position:relative; 
top:;
left:;
width:80%;
height:70%;	
margin:0;	
padding:0;
overflow:hidden;
}

#iframe8{
display:block; 
position:relative; 
top:;
left:;
width:80%;
height:80%;	
margin:0;	
padding:0;
overflow:hidden;
}

#iframe9{
display:block; 
position:relative; 
top:;
left:;
width:80%;
height:90%;	
margin:0;	
padding:0;
overflow:hidden;
}

#topframe{
visibility:;
width:;
height:;
}

/*WRAPPER CLASS BLACK WHITE TRANSPARENT*/

.wrapper_white, .wrapper_black,  .wrapper_transparent{
float:left;
display:;
width:100vw;
height:auto;
min-height:;
margin:0 0 0 0;
text-align:justify;
}


.wrapper_white{
color:rgba(0,0,0,1.0);
background:rgba(255,255,255,0.9);
background:url(../img/) rgba(255,255,255,0.9) no-repeat top left;
background-size: cover;
}
	
.wrapper_black {
color:rgba(255,255,255,1.0);
background:rgba(0,0,0,0.6);
background:url(../img/) rgba(0,0,0,0.6) no-repeat top left;
background-size: cover;
}

.wrapper_transparent {
color:rgba(255,255,255,1.0);
background:rgba(0,0,0,0);
}

.wrapper_white p,.wrapper_black p,.wrapper_transparent p{
font-family:'Jura', sans-serif;
color:rgba(45, 70, 97, 1);
font-size:3.2vh;
font-weight:normal;
line-height:1.5;
text-align:left;
}

/*SECTION KONTAKT TEAM*/

#rahmen {
float:;
width:100vw;
height:auto;
min-height:150vh;
position:relative;
left:0;
right:0;
padding:0;
margin:0 0 20vh 0;
text-align:justify;
color:rgba(45, 70, 97, 1);
border:;
border-radius:0;
box-shadow:;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
background:rgba(0,0,0,0);
} 

#teamtabelle {
float:left;
width:74vw;
max-width:74vw;
height:auto;
position:relative;
margin:0 0 0 0;
padding:0;
background:rgba(255,255,255,1);
-moz-user-select:none;
-khtml-user-select:none;
background:url(../img/back_kontakt.jpg) rgba(255,255,255,1) no-repeat top left;
background-size: cover;
border:4px solid rgba(45, 70, 97, 1);
}

.team_container{
	display:block;
	width:90%;
	height:auto;
	font-family:'Titillium Web',  sans-serif;
	font-size:2.5vh;
	font-weight:normal;
	text-align:center;
	vertical-align:top;	
	color:rgba(45, 70, 97, 1);
	line-height:2.5vh;
	padding:5% 1%;
	margin:5vw 1vw;
	background:rgba(116,206,226,1);
	border:5px solid rgba(255,255,255,1.0);
}

.team_container p.caption{font-family:'Titillium Web',  sans-serif;color:rgba(45, 70, 97, 1);font-size:3.2vh;font-weight:700;text-align:center;}
.team_container p.profession{font-family:'Titillium Web',  sans-serif;color:rgba(45, 70, 97, 1);font-size:2.5vh;font-weight:normal;text-align:center;}
.team_container a{color:rgba(255,255,255,1.0);font-size:2vh;font-weight:700;}
.team_container a:hover{color:rgba(179, 149, 70, 1.0);}

.team_wrapper{
	padding:5vw 1vw;
}

#kontakttabelle {
float:left;
width:90vw;
max-width:90vw;
height:auto;
position:relative;
margin:0 0 0 0;
padding:0;
background:rgba(255,255,255,1);
-moz-user-select:none;
-khtml-user-select:none;
background:url(../img/back_kontakt.jpg) rgba(255,255,255,1) no-repeat top left;
background-size: cover;
border:3px solid rgba(45, 70, 97, 1);
}


.kontakt_container{
	display:block;
	width:100%;
	height:auto;
	font-family:'Open+Sans', sans-serif;
	font-size:2.5vh;
	font-weight:700;
	text-align:center;
	vertical-align:top;	
	color:rgba(255,255,255,1.0);
	line-height:3.2vh;
	padding:3vw 0 0 0;
}

 .kontakt_container_legende{
	display:block;
	width:100%;
	height:auto;
	font-family:'Open+Sans', sans-serif;
	font-size:2.5vh;
	font-weight:700;
	text-align:center;
	vertical-align:top;	
	color:rgba(255,255,255,1.0);
	line-height:3.2vh;
	padding:0;
}
.kontakt_container_legende a{color:rgba(255,255,255,1.0);}
.kontakt_container_legende a:hover{color:rgba(179, 149, 70, 1.0);}

.profession a{color:rgba(255,255,255,1.0);font-size:9vw;}
.profession a:hover{color:rgba(179, 149, 70, 1.0);}


.img_kontakttabelle{
	 display:inline-block;
	 height:auto;
	 width:18vw;
	 margin:3.75vw;
	 border:0px solid rgba(255,255,255,1.0);
}

.img_teamtabelle{
	 display:inline-block;
	 height:auto;
	 width:50vw;
	 margin:3vh  0 8vw 0vw;
	 border:2px solid rgba(255,255,255,1.0);
	 font-size:100%;
}

.maske{
	background:rgba(0,0,0,0.6);
	height:auto;
}

.maske_teamtabelle{
	background:rgba(0,0,0,0.6);
	height:auto;
	padding:0;
}

.clear{
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}


#kontakt{padding:0 0 20vh 0;}

#kontakttabelle .bold{
font-weight:700;
}

#kontakttabelle p.caption{
text-align:left;
color:;
background:;
font-size:2.5vh;
line-height:3.2vh;
font-weight:700;
margin:0;
padding:;
}

#kontakttabelle .text {
font-family:'Roboto', sans-serif;
padding:;
font-size:2.5vh;
text-align:center;
color:rgba(255,255,255,1.0);
line-height:3.2vh;
} 

#kontakttabelle .text span {
font-size:1.5vh;
display:inline-block;
width:5vw;
}

#kontakttabelle .text a {
font-size:1.5vh;
color:;
}

#kontakttabelle .text a:hover {
color:;
}

#kontakttabelle p, #kontakttabelle span, #kontakttabelle td {
font-size:1.5vh;
line-height:1.5vh;
text-align:left;
}

#kontakttabelle td {
width:auto;
height:5vw;
text-align:center;
}

#kontakttabelle .right {text-align:right;}
#kontakttabelle .left {text-align:left; width:auto;}
#kontakttabelle .center {text-align:center;}


/*CONTENT*/
#content{
float:left;
width:100vw;
padding:20vh 0 0 0;
}

/*CAPTION*/
#wrapper_caption, wrapper_caption_light {
display:block;
position:relative;
text-align:left;
text-indent:;
margin:0vh 12vw 1vh 0vw;
padding:0;
font-size:9vw;
color:;
width:100%;
height:10vh;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
border:0px solid rgba(45, 70, 97, 1);
border-radius:0;
box-shadow:;
}

#wrapper_caption{
background:url(../img/)  rgba(0,0,0,0)  ;
background-size: 30vw 15vh;
}

#wrapper_caption_light {
background:url(../img/) rgba(0,0,0,0)  ;
background-size:30vw 15vh;
}

#wrapper_caption h1, #wrapper_caption_light h1  {
font-family:'Jura', sans-serif;
color:rgba(116,206,226,1);
font-weight:normal;
font-size:9vw;
line-height:1.1;
text-align:left;
vertical-align:;
}

#wrapper_caption_space_h1 {
margin-top:6vh;
text-align:left;
}

#agb, #impressum, #sitemap{
font-family:;
width:;
height:;
min-height:;
position:;
padding:;
margin:;
text-align:;
color:;
background:;
border:0px solid rgba(45, 70, 97, 1);
border-radius:0;
box-shadow:;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
} 

#agb, #impressum, #sitemap{
min-height:150vh;
} 

#agb p, #agb a, #impressum p, #impressum a, #sitemap p, #sitemap a  {font-size:2.5vh;color:;line-height:1.2;display:block;}
#agb a:hover, #impressum a:hover, #sitemap a:hover{color:;}
#agb td, #impressum td, #sitemap td {color:;}

#agb p, #agb a, #impressum p, #impressum a, #sitemap p, #sitemap a  {font-size:2.5vh;}
#impressum p{margin:0 0 10vh 0;}

.team_container p.profession{font-family:'Titillium Web',  sans-serif;color:rgba(45, 70, 97, 1);font-size:2.5vh;font-weight:normal;text-align:center;}


#footer {
height:auto;
min-height:10vh;
margin:0;
}

#footer_inner {
padding:2vh 0 2vh 0;
}

.clear {
clear:left;
}

.clearfix {
clear:both;
}

/* PRELOADER*/
#preloader {
	background: #000;
	position:fixed;
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	text-align:center;
	color:#fff;
}
#preloader div {
	width:400px;
	margin:auto;
	height: 3px;
	text-align:center;
	border: 4px solid #111;
	overflow:hidden;
}
#preloader_image {
	position: relative;
	left:0px;
	top:-10px;
}


/* SCROLLTOP*/

#scrolltotop_right{
	display:none;
	z-index:10000;
	position:fixed;
	right:3.46vw;
	bottom:89.5vh;
	height:66px;
	width:66px;
	background: url(../img/scrollup.png) rgba(0,0,0,0);
	background-size:100% 100%;
}

#scrolltotop_right:hover{
	background: url(../img/scrollup_hover.png) rgba(0,0,0,0);
	background-size:100% 100%;
}

#scrolltotop_left{
	display:none;
	z-index:10000;
	position:fixed;
	left:3.46vw;
	bottom:89.5vh;
	height:66px;
	width:66px;
	background: url(../img/scrollup.png) rgba(0,0,0,0);
	background-size:100% 100%;
}

#scrolltotop_left:hover{
	background: url(../img/scrollup_hover.png) rgba(0,0,0,0);
	background-size:100% 100%;
}

#scrollback{
	display:none;
	z-index:10000;
	position:fixed;
	left:3.46vw;
	bottom:39.5vh;
	height:66px;
	width:66px;
	background: url(../img/scroll-back.png) rgba(0,0,0,0);
	background-size:100% 100%;
}

#scrollback:hover{
	background: url(../img/scroll-back_hover.png) rgba(0,0,0,0);
	background-size:100% 100%;
}

#scrollforeward{
	display:none;
	z-index:10000;
	position:fixed;
	right:3.46vw;
	bottom:39.5vh;
	height:66px;
	width:66px;
	background: url(../img/scroll-foreward.png) rgba(0,0,0,0);
	background-size:100% 100%;
}

#scrollforeward:hover{
	background: url(../img/scroll-foreward_hover.png) rgba(0,0,0,0);
	background-size:100% 100%;
}


.impressumtion {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.hintergrundbild {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hintergrundbild img {
	min-height: 100%;
	min-width: 100%;
}

.balken {
	height:0vw;
	width:12vw;
	backgroundrgba(45, 70, 97, 1);
	border:1vh solid rgba(45, 70, 97, 1);	
}

.right-container {
    margin-left: 11%;
    width:89%;
}

@keyframes fadein{from{opacity:0.5;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0.5;}to{opacity:1;}