/* ============================================================
  SECTIONS
============================================================ */

/* wow-slider elemente  ============================================================*/

/*
 *	generated by WOW Slider 3.8
 *	template Quiet
 */
#wowslider-container1 { 
	zoom: 1; 
	position: relative; 
	/*max-width:1747px;*/
	max-width:100%;
	margin:0px auto 0px;
	z-index:90;
	border:none;
	text-align:left; /* reset align=center */
}
* html #wowslider-container1{ width:1747px }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:1%;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container1  .wsl{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}#wowslider-container1  .ws_bullets { 
	padding: 10px; 
}
#wowslider-container1 .ws_bullets a { 
	width:15px;
	height:15px;
	background: url(./bullet.png) left top;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	margin-left:3px;
	color:transparent;
}
#wowslider-container1 .ws_bullets a:hover{
	background-position: 0 50%;
}
#wowslider-container1 .ws_bullets a.ws_selbull{
	background-position: 0 100%;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	margin-top:-50px;
	z-index:60;
	height: 100px;
	width: 60px;
	background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:0;
}
#wowslider-container1 a.ws_prev {
	left:0;
	background-position: 0 0; 
}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
/* bottom center */
#wowslider-container1  .ws_bullets {
    bottom:-35px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}
#wowslider-container1 .ws_bullets .ws_bulframe {
	bottom: 20px;
}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom: 10%;
	left: 7%;
	z-index: 50;
	padding:12px;
	color: #000000;
	background:#fff;
    font-family:Oswald,Impact,Charcoal,sans-serif;
	font-size: 30px;
	text-shadow: 1px 1px 1px #BBBBBB;
	line-height: 30px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
}
#wowslider-container1 .ws-title div{
	font-size: 25px;
	text-shadow: 1px 1px 1px #000000;
}#wowslider-container1 .ws_images ul{
	animation: wsBasic 4s infinite;
	-moz-animation: wsBasic 4s infinite;
	-webkit-animation: wsBasic 4s infinite;
}
@keyframes wsBasic{0%{left:-0%} 50%{left:-0%} }
@-moz-keyframes wsBasic{0%{left:-0%} 50%{left:-0%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 50%{left:-0%} }

#wowslider-container1 .ws_shadow{
	background: url(./shadow.png) left 100%;
	background-repeat: no-repeat;
	background-size:100%;
	width:100%;
	height:20%;
	position: absolute;
	left:0;
	bottom:-20%;
	z-index:-1;
}
* html #wowslider-container1 .ws_shadow{/*ie6*/
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/shadow_2.png', sizingMethod='scale');
}
*+html #wowslider-container1 .ws_shadow{/*ie7*/
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/shadow_2.png', sizingMethod='scale');
}
#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:15px;
	left:-85px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:169px;
	background-color:#FFFFFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-11px;
	margin-left:-5px;
	left:85px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}


/* wow-slider elemente  ============================================================*/



section.module:last-child {
  margin-bottom: 0;
}
section.module h5 {
  margin-bottom: 30px;
  font-family: 'Playfair Display', serif;
  font-size: 30px;
}
section.module p {
font-family: 'Open Sans', sans-serif;
	  font-size: 16px;
	  font-weight: 200;
	  line-height: 25px;
	  letter-spacing: 0.15em;
	  margin-bottom: 40px;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  height: 300px;
  /*height: 600px;*/

  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


section.module.parallax h4 {
  	text-align: center;
	padding-top: 35px;
	text-transform: uppercase;
}


section.module.parallax-1 {
  background-image: url("../img/demo/_small/1.jpg");
}
section.module.parallax-2 {
  background-image: url("../img/geigenbaumeister_wuppetal_max.jpg");
}
section.module.parallax-3 {
  background-image: url("../img/geigenbaumeister_wuppetal2_max.jpg");
}

#bold {
font-family: 'Open Sans', sans-serif;
	  font-size: 16px;
	  font-weight: 600;
	  line-height: 25px;
	  letter-spacing: 0.15em;
	  /*margin-bottom: 40px;*/
}

	
h2 {
font-family: 'Playfair Display', serif;
	font-size: 27px;    
  	line-height: 32px;
  	font-weight: 400;
  	text-align: left;
	  letter-spacing: 0.1em;
  	text-transform: uppercase;
    color: #c00418;
}

#zitat {
font-family: 'Playfair Display', serif;
	font-size: 27px;    
  	line-height: 32px;
  	font-weight: 400;
  	text-align: left;
	  letter-spacing: 0.1em;
  	/*text-transform: uppercase;*/
    color: #c00418;
}

h1 {
font-family: 'Open Sans', sans-serif;
	font-size: 20px;    
  	line-height: 30px;
  	font-weight: 300;
  	letter-spacing: 0.1em;
  	text-align: left;
}

h4 {
font-family: 'Open Sans', sans-serif;
	font-size: 18px;    
  	line-height: 21px;
  	font-weight: 600;
  	letter-spacing: 0.1em;
  	text-align: left;
}


#hl1 {
/*font-family: 'Open Sans', sans-serif;*/
font-family: 'Playfair Display', serif;
	font-size: 19px;    
  	line-height: 30px;
  	font-weight: 600;
  	letter-spacing: 0.1em;
  	text-align: left;
  	color: #c00418;
}

#navi_typ {
	font-family: 'Playfair Display', serif;
	/*font-family: 'Open Sans', sans-serif;*/
	  font-size: 15px;
	  font-weight: 600;
	  line-height: 25px;
	  letter-spacing: 0.2em;
}

/* vertikaler farbstreifen */
#bgr_color {
	width:100%;
	background-color:#ffe9b5;
	border-bottom: 2px solid #ffffff;
}


#bgr_color2 {
	width:100%;
	background-color:#ffe9b5;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

#shadow {
	background-image: url("../img/shadow.png");
	background-repeat: no-repeat;
	background-color: #ff0000;
	background-size:100%;
	width:100%;
	height:99px;
	position: absolute;
	left:0;
	bottom:-20%;
	z-index:-1;
}

#hlcolor {
  color: #e89614;
 }
 

#copy {
	font-family: 'Open Sans', sans-serif;
  color: #e89614;
  font-size: 12px;    
  /*  line-height: 50px; */
  font-weight: 300;
 /* letter-spacing: 0.7em;
  text-align: left;
  text-transform: uppercase; */
 }




#link {
	position: absolute;
	margin-top: 8px;
	margin-left: 10px;
	/*font-family: 'Arial', sans-serif;
  	font-size: 15px;    
  	font-weight: 400;*/
 }
 
 
.anker
{
	display: block;
    position: relative;
	/*padding-top:110px;*/
    top: -110px;
	visibility: hidden;
}


/*  ///////////////////////////// Bildboxen */


#imgbox{
	margin: auto;
	border-radius:20px;
	width: 100%;
	height: 135px;
	/*background-color:#ff0000;*/
	border: 2px solid #ffffff;
	background: url(../img/textbilder/klangholz_quer.jpg) left 0%;
	background-repeat: no-repeat;
	background-size:100%;
	 /*box-shadow: 0 0 10px #555555;*/
 }

#imgbox1{
	margin: auto;
	border-radius:20px;
	width: 100%;
	height: 135px;
	/*background-color:#ff0000;*/
	border: 2px solid #ffffff;
	background: url(../img/textbilder/geigenbauerlack.jpg) left 0%;
	background-repeat: no-repeat;
	background-size:100%;
	 /*box-shadow: 0 0 10px #555555;*/
 }
 
 #imgbox2{
	margin: auto;
	border-radius:20px;
	width: 100%;
	height: 135px;
	/*background-color:#ff0000;*/
	border: 2px solid #ffffff;
	background: url(../img/textbilder/geigenbauer_werkzeug.jpg) left 0%;
	background-repeat: no-repeat;
	background-size:100%;
	 /*box-shadow: 0 0 10px #555555;*/
 }
 
 #imgbox3{
	margin: auto;
	border-radius:20px;
	width: 100%;
	height: 135px;
	/*background-color:#ff0000;*/
	border: 2px solid #ffffff;
	background: url(../img/textbilder/werkzeug_des_geigenbauers.jpg) left 0%;
	background-repeat: no-repeat;
	background-size:100%;
	 /*box-shadow: 0 0 10px #555555;*/
 }

#imgbox4{
	margin: auto;
	border-radius:20px;
	width: 100%;
	height: 135px;
	/*background-color:#ff0000;*/
	border: 2px solid #ffffff;
	background: url(../img/textbilder/geigenklang1.jpg) left 0%;
	background-repeat: no-repeat;
	background-size:100%;
	 /*box-shadow: 0 0 10px #555555;*/
 }
 
 #imgbox5{
	margin: auto;
	border-radius:20px;
	width: 100%;
	height: 135px;
	/*background-color:#ff0000;*/
	border: 2px solid #ffffff;
	background: url(../img/textbilder/geigenbauermeister.jpg) left 0%;
	background-repeat: no-repeat;
	background-size:100%;
	 /*box-shadow: 0 0 10px #555555;*/
 }
/*  ///////////////////////////// 2 DIV nebeneinander responsive UNTEReinander */


#behold {
width: auto;
margin: auto;	
}

#links {
width: 50%;
min-width: 244px;
float: left;
text-align: left;
}

#rechts {
width: 50%;
min-width: 244px;
float: left;
text-align: left;
}

#content {
width: auto;
text-align: left;
margin-left: 0px;
margin-right: 20px;
margin-top: 0px;
}

#content2 {
width: auto;
text-align: left;
margin-left: 20px;
margin-right: 0px;
margin-top: 0px;
}


#center_box {
	width: 80%; 
	margin: 0px auto;
}

{
margin: 0px auto;
}

/*  2 DIV nebeneinander responsive UNTEReinander */




/* - - - - - - - BRAKEPOINT 740px und kleiner - - - - - - -*/


/*  2 DIV nebeneinander responsive UNTEReinander */

@media screen and (max-width: 740px) {



#links {
width: 100%;
min-width: 244px;
float: left;
text-align: left;

}

#rechts {
width: 100%;
min-width: 244px;
float: left;
text-align: left;
}

#content {
width: auto;
text-align: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

#content2 {
width: auto;
text-align: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

/* ===== HEADLINE bei screnn kleiner 740 px ====  */



h3 {
font-family: 'Open Sans', sans-serif;
	font-size: 20px;    
  	line-height: 25px;
  	font-weight: 300;
  	/*letter-spacing: 0.1em;*/
  	text-align: left;
}

h4 {
font-family: 'Open Sans', sans-serif;
	font-size: 18px;    
  	line-height: 21px;
  	font-weight: 600;
  	letter-spacing: 0.1em;
  	text-align: left;
}

/* ===== HEADLINE ====  */

/* ===== P = Copy wenn kleiner 740px ====  */


section.module p {
	font-family: 'Open Sans', sans-serif;
	  font-size: 16px;
	  font-weight: 200;
	  line-height: 22px;
	  letter-spacing: 0.15em;
  margin-bottom: 40px;
}



}

/*  ENDE 2 DIV nebeneinander ///////////////////////////////////// */

@media all and (min-width: 600px) {
  section.module h5 {
    font-size: 20px;
  }

  
  section.module.parallax h1 {
      font-size: 3em;
      line-height: 1.2em;
      font-weight: 400;
      letter-spacing: 0.5em;
       /*padding-top: 120px;*/
	  padding-top: 160px;

    /*font-size: 80px;*/
  }
  
section.module.parallax {
  height: 400px;

  }
}


@media all and (min-width: 960px) {

  section.module.parallax h4 {
    font-size: 4.5em;
    letter-spacing: 0.55em;

  }
section.module.parallax {
  height: 500px;

  }
  
  /* ===== HEADLINE ====  */

h1 {
font-family: 'Open Sans', sans-serif;
	font-size: 27px;    
  	line-height: 35px;
  	font-weight: 300;
  	letter-spacing: 0.1em;
  	text-align: left;
}

h2 {
font-family: 'Playfair Display', serif;
  color: rgba(9, 9, 9 1);
	font-size: 40px;    
  line-height: 44px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: left;
}

h3 {
font-family: 'Open Sans', sans-serif;
	font-size: 23px;    
  	line-height: 35px;
  	font-weight: 300;
  	/*letter-spacing: 0.1em;*/
  	text-align: left;
}

h4 {
font-family: 'Open Sans', sans-serif;
	font-size: 18px;    
  	line-height: 21px;
  	font-weight: 600;
  	letter-spacing: 0.1em;
  	text-align: left;
}

	
section.module.parallax h4 {
  	text-align: center;
	padding-top: 120px;
	text-transform: uppercase;
}
	

/* ===== HEADLINE ====  */
  
  
}