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

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);


@font-face {
  font-family: 'DINWebW07';
  src: url('fonts/DINWebW07-Regular.eot?v=4.3.0');
  src: url('fonts/DINWebW07-Regular.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/DINWebW07-Regular.woff2?v=4.3.0') format('woff2'), url('fonts/DINWebW07-Regular.woff?v=4.3.0') format('woff'), url('fonts/DINWebW07-Regular.ttf?v=4.3.0') format('truetype'), url('fonts/DINWebW07-Regular.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'DINWebW07';
  src: url('fonts/DINWebW07-Bold.eot?v=4.3.0');
  src: url('fonts/DINWebW07-Bold.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/DINWebW07-Bold.woff2?v=4.3.0') format('woff2'), url('fonts/DINWebW07-Bold.woff?v=4.3.0') format('woff'), url('fonts/DINWebW07-Bold.ttf?v=4.3.0') format('truetype'), url('fonts/DINWebW07-Bold.svg?v=4.3.0#fontawesomeBold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'DINWebW07';
  src: url('fonts/DINWebW07-Light.eot?v=4.3.0');
  src: url('fonts/DINWebW07-Light.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/DINWebW07-Light.woff2?v=4.3.0') format('woff2'), url('fonts/DINWebW07-Light.woff?v=4.3.0') format('woff'), url('fonts/DINWebW07-Light.ttf?v=4.3.0') format('truetype'), url('fonts/DINWebW07-Light.svg?v=4.3.0#fontawesomeLight') format('svg');
  font-weight: 300;
  font-style: normal;
}



body { width:100%; height:100%; margin: 0; padding: 0; position: relative; font-family: 'DINWebW07', sans-serif; font-size:0.9em; color:#222222; }
.picwrap {overflow: hidden;display: block;width: 100%;height:420px;}
.parallax {position:relative;top:-350px;}
/*.picwraptwo {height:600px!important;}*/
 

h1, h2, h3, h4 {font-weight:normal; line-height:130%;}
h1 { font-size:1.7em;}
h2 { font-size:4em; text-transform:uppercase; font-weight:bold; margin-bottom:0em;}
h2 span { color:#002d55;}

h3 { font-size:1.6em; color:#333333; font-weight:bold; margin-bottom:0.6em; margin-top:0.5em;}
h4 { font-size:1.6em; color:#333333; font-weight:bold; margin-bottom:0em; margin-top:0.5em;}


p { font-size:1.2em;}

p, h2, h1 { line-height:1.4em; }
 
hr { margin:40px 0px 40px 0px; color:#ffffff; height:2px; background-color:#ffffff;}

.agbtn { text-decoration: underline; cursor: pointer; font-weight:bold;}

#agend1, #agend2, #agend3, #agend4, #agend5 { display:none;} 


#blaukopf { position: relative; float:left; width:100%; clear: both; background-color: #003159; padding-top:55px;  }
#blaukopf .fifty { text-align: right;}
#blaukopf img { max-width: 100%; height:auto;}

.blausektor { position: relative; float:left; width:100%; clear: both; background-color: #003159; color:#ffffff; padding-bottom:50px;}
.blausektor h3 { color:#a2c614; text-transform: uppercase; font-size:36px; font-weight:700;}
.blausektor .zenter a { color:#ffffff;}

.gruensektor { position: relative; float:left; width:100%; clear: both; background-color: #a2c614; color:#ffffff; padding-bottom:50px; text-shadow: 0px 1px 2px #000;}
.gruensektor h3 { color:#a2c614; text-transform: uppercase; font-size:26px; font-weight:700;}
.gruensektor .zenter a { color:#ffffff;}



.frontback { background-image: url(pics/title-hees-live-2017.jpg); background-size: cover; background-position: top left; min-height:340px; height:auto;  }

.date { color:#ffffff; padding-bottom:20px; border-bottom:1px solid #ffffff; width:100%; font-size:1.5em; font-weight: 700;}

.interwrap { width:100%; clear:both; }


#partner { position:relative; float:left; width:100%; clear:both; padding-bottom:50px;}
img.partnerlogo  { width:265px; height:auto; border:1px solid #a2c614; float:left; margin:10px;}

.brotherwood { width:100%; clear:both; float:left; border-top:1px solid #cccccc; margin-top:50px; padding-top:50px; margin-bottom:40px;}
.brotherwood .fifty img { max-width:100%; height:auto;}
.brotherwood h3 { margin-top:0px; text-transform:uppercase;}

#splash { width:100%; height: 100vh; float:left; background-color:#000000; background-image:url(pics/welcome.jpg); background-position:top center; background-repeat:no-repeat; background-size: cover;}

#h-logo { position:absolute; right:0px; top:0px; width:30%;}
#h-logo img { width:100%; max-width:700px;   height:auto; }


#vector { position:absolute; left:0px; top:0px;  max-width:30%}
#vector img { width:100%; max-width:200px; height:auto; }

#vector-2 { position:absolute; right:0px; top:130vh;  max-width:30%}
#vector-2 img { width:100%; max-width:200px; height:auto; }

#logo { margin-top:54vh; margin-left:auto; margin-right:auto; text-align:center;}
#logo img { width:100%; max-width:900px; height:auto;}




.zenter { max-width:1150px; margin:0 auto; padding:10px 20px 10px 20px; position:relative; clear:both;}
.zenter a { color:#222222;} 

.onezenter {width:100%; padding:0; margin:0; position: relative;}

.inter h3 { position:absolute; left:0px;} 



.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}




#navi {    background-color:#000000;  }
#navi ul.nav {  transition: all 0.3s ease 0s; float:left;   padding:0px;}
#navi ul.nav li { list-style-type:none; float:left; }
#navi ul.nav li a {text-decoration:none; color: #ffffff; text-transform:uppercase; font-size:1em; margin:0px 30px 0px 30px; padding:4px 11px; background-color: #003159; }
#navi ul.nav li a:hover { color:#ffffff; border-bottom:3px solid #ffffff;  }

#navi ul.nav li span { font-weight:bold; margin-left:60px; color:#ffffff}

#header {  position:absolute; top:1px; width:100%; height:55px;  background-color:#a0c80f; clear:both; color:#ffffff;  z-index:20;   }
#header .zenter { padding:0px;}

#header.sticky {   position:fixed !important; top:0px; min-height:55px !important; height:55px !important; z-index:20;  
     -webkit-box-shadow: 0 2px 7px 0 #000000; box-shadow: 0 2px 7px 0 #000000;}
#header.resett {   position: absolute !important; top:-440px !important; width:100% !important;   }

.sticky #navi ul.nav { margin-top:15px !important; transition: all 0.3s ease 0s;}

 
 
#welcome { width:100%; clear:both; float:left; margin-top:3vh; }

#welcome h3 { text-transform: uppercase; font-size:35px; text-align: center;}

#intermission-1 { width:100%; height:600px; background-color:#2589d3; clear:both; float:left; background-image:url(pics/hbw-1-para.jpg);background-position:bottom center; }

#video { width:100%; clear:both; float:left; margin: 5vh 0vh 5vh 0vh; }
  
   

#anmeldung { width:100%; clear:both; float:left; margin-bottom: 5vh; }

 
#impressum { width:100%; clear:both; float:left; color:#ffffff; background-color:#002d55; font-size:0.7em; }

#impressum a { color:#ffffff;}


.gruen { color:#a0c80f; font-weight: 700;}
.blau { color:#002d55;  font-weight: 700;}


.inter p { text-transform:uppercase; color:#ffffff; position:absolute; bottom:60px; font-weight:bold; background: rgba(0, 0, 0, 0.5); padding:10px;  }
.inter p span { color:#002d55;}

.fifty { width:45%; margin-right:5%; float:left;}
.fiftytwo { width:45%; margin-left:5%; float:left;}

.thrdwrap { width:100%; clear:both; float:left; margin:20px 0px 50px 0px; padding-top:20px; }
.thrd { width:29%; margin-right:2%; margin-left:2%; float:left;}
.thrd img { width:100%; height:auto; max-width:300px;}


 
.agenda { width:100%;  background-color:#002a4c; border-collapse: collapse;}

.agenda th { text-align:left; padding:10px; }
.agenda tr td { padding:10px; vertical-align:top;}
.agenda tr td span { padding:2px; font-size:0.9em;}

.agenda  tr td { border-bottom:1px solid #ffffff;}
.agenda  tr:nth-child(odd)		{  }
.agenda  tr:nth-child(even)		{ }

.agenda  tr td:first-child { width:200px;}

.agenda li { font-size:1.2em;}

.agenda h3 { font-size:22px;}

#agp1, #agp2, #agp3, #agp4, #agp5 { width:100%; float:left; margin-bottom:60px;}


.wmfg_layout_0 { position:relative; width:48%; float:left;}
.wmfg_add {margin-left:4%; margin-top:24px;}

#hlform { float:left; position:relative;}

.wmfg_layout_0 ul.wmfg_questions { list-style-type: none; margin: 0; padding: 0; }
.wmfg_layout_0 ul.wmfg_questions li.wmfg_q { margin: 10px 0; padding: 5px; border: none; clear:both; }
.wmfg_layout_0 label.wmfg_label { display: block; margin: 0 0 1px 0; }
.wmfg_layout_0 table.wmfg_answers { width: 100%; width: 97%; border-collapse: collapse; }
.wmfg_layout_0 table.wmfg_answers { vertical-align: top; }
.wmfg_layout_0 table.wmfg_answers td { padding: 2px; vertical-align: top; }
.wmfg_layout_0 table.wmfg_answers td.wmfg_a_td { width: 25px; }

.wmfg_layout_0 ul.wmfg_questions li.wmfg_q input[type='checkbox'] { margin:5px 20px 40px 0px;}

.wmfg_layout_0 .wmfg_text { border: 1px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 98.5%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
}
.wmfg_layout_0 .wmfg_textarea { border: 1px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 98.5%;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
background-color: #ffffff;
}
.wmfg_layout_0 .wmfg_select { 
border:1px solid #CCCCCC; padding: 3px; font-size: 13px; color: #000000; margin: 0; width: 100%; width: 97%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fff));
background:-moz-linear-gradient(top,#f8f8f8,#fff);
}
.wmfg_layout_0 .wmfg_btn { width:450px;
border: 1px solid #cccccc; cursor: pointer; font-weight: normal; font-size: 13px; padding: 6px; color: #444; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), color-stop(0.5, #FAFAFA), color-stop(0.5, #E5E5E5), to(#F9F9F9)); 
background: -moz-linear-gradient(top, #FAFAFA, #FAFAFA 50%, #E5E5E5 50%, #F9F9F9);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#E5E5E5');
}


.wmfg_layout_0 .wmfg_btn:hover { background-color: #a2c614; }



.skew1 { 
    transform: rotate(1deg) ;
    -webkit-transform: rotate(1deg) ;
    -moz-transform: rotate(1deg) ;
    -o-transform: rotate(1deg) ;
    -ms-transform: rotate(1deg) ;
}

.skew1 img { 
    transform: rotate(-1deg) ;
    -webkit-transform: rotate(-1deg) ;
    -moz-transform: rotate(-1deg) ;
    -o-transform: rotate(-1deg) ;
    -ms-transform: rotate(-1deg) ;
}

@media handheld, only screen and (max-width: 1390px) {
	#vector, #vector-2 { display:none;}
}


@media handheld, only screen and (max-width: 1090px) {
 
}

@media handheld, only screen and (max-width: 990px) {
	
body { font-size:90% !important;}
#navi ul.nav li a	{ margin:0px 15px 0px 15px;  }
	
	
#navi ul.nav li span { display:none;}	
.fifty, .fiftytwo { width:100%; margin:0;}
	img.partnerlogo { width:200px;}
#blaukopf .fifty { text-align: center;}
}

@media handheld, only screen and (max-width: 660px) {
	
body { font-size:80% !important; transition: all 0.3s ease 0s;}
.wmfg_layout_0 { position:relative; width:100%; float:right; clear:both;}  
.brotherwood .fifty { position:relative; width:90%; margin-right:5%; float:right; clear:both;}   
.brotherwood .fifty img { max-width:100%; height:auto;  }   
	
#header { display:none;}	
	h2 { font-size:2em;}
}

@media handheld, only screen and (max-width: 440px) {
	

 
}