/*====================*/
/*=== 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;
}

/* michroma-regular - latin */
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/michroma-v8-latin-regular.ttf') format('truetype');
}

/* jura-300 - latin */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/jura-v9-latin-300.ttf') format('truetype');
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.ttf') format('truetype');
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v6-latin-regular.ttf') format('truetype');
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.ttf') format('truetype');
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-regular.ttf') format('truetype');
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin-regular.ttf') format('truetype');
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.ttf') format('truetype');
}

/* libre-franklin-regular - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/libre-franklin-v2-latin-regular.ttf') format('truetype');
}

/* 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:3vw;
line-height:1.1;
text-align:left;
vertical-align:;
}

h2 {display:block; margin:10vh 0 4vh 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;
}

#cookiehinweis { 
   text-align:center; 
   color:rgba(255, 255, 255, 1); /* white */
   background-color: rgba(45, 70, 97, 1); /* dark blue */
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   display:none;
   line-height:54px;
 }

#cookiehinweis div {textalign:center; padding:10px; padding-right:40px;}   
#cookiehinweis div a {font-size:15px; color:yellow; text-decoration:none;}
#cookiehinweis div a:hover {color:rgba(179, 149, 70, 1);} /* gold */
#cookiehinweis div span {font-size:15px;}

 .cookiehinweisCloser {
	float:right;
	color: yellow; /* yellow */
    background-color:rgba(116,206,226,1); /* light blue */
    border: none;
	border-radius:10px;
    color: white;
    padding:0px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin:0 5px;
    cursor: pointer;
}

.cookiehinweisCloser:hover {color:rgba(179, 149, 70, 1);} /* gold */

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

/*HEADER*/

#header{
display:block; 
position:fixed;
top:32vh;
background:rgba(116,206,226,1);
width:100vw;
min-width:80vw;
height:12vh;
margin:0;
padding:0;
overflow:hidden;
box-sizing:border-box;
box-shadow:-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 10px 6px -6px #777;
white-space:nowrap;
letter-spacing:0;
z-index:1000;
}
#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:86vw;
min-width:86vw;
height:6vh; /* HÖHE HEADER - PADDING TOP */
padding:6.4vh 0 0 1vw ;
margin:0 0 0 14vw; /* Positionierung Menü */
zindex:10;
white-space:nowrap;
overflow-y:;
}

#h_menue ul{
display:inline-block;
margin: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, .separator_datenschutz{
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;}
.separator_datenschutz{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:100%; 
height:664px; 
margin:0; 
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 15vw 0 15vw;}	

.partner{
	width:12vw;
	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 15vw;height:100vh;}	
#section_partner{margin:10vh 15vw 0 15vw;}	
#section_impressum{margin:10vh 15vw 50vh 15vw;}	
#section_datenschutz{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 -30vh 0;	
padding:0;
overflow:hidden;
}

#iframe4{
display:block; 
position:relative; 
top:;
left:;
width:74.5vw;
height:500px;	
margin:0 0 -40vh 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:100%;
height:545px;	
margin:0;	
padding:2vh;
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:150vh;
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:inline-block;
	width:15%;
	height:600px;
	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:1vw;
	margin: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:74vw;
max-width:74vw;
height:150vh;
position:relative;
margin:0 5vw 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:inline-block;
	width:25%;
	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:inline-block;
	width:25%;
	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);}


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

.img_teamtabelle{
	 display:inline-block;
	 height:auto;
	 width:11vw;
	 margin:0  0 8vw 0vw;
	 border:2px solid rgba(255,255,255,1.0);
}

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

.maske_teamtabelle{
	background:rgba(0,0,0,0.6);
	height:150vh;
	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 2vh 0vw;
padding:0;
font-size:3vw;
color:;
width:75vw;
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:3vw;
line-height:1.1;
text-align:left;
vertical-align:;
}

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

#agb, #impressum, #sitemap, #datenschutz{
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, #datenschutz{
min-height:150vh;
} 

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

#agb p, #agb a, #impressum p, #impressum a, #sitemap p, #sitemap a, #datenschutz p, #datenschutz a {font-size:2.5vh;}
#impressum p, #datenschutz p{margin:0 0 3vh 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;
display:block;
position:fixed;
left:0;
bottom:0;
min-height:8vh;
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:0;
	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;}