body {
    background-image: url("/files/fuehnebernd/Hintergrundbilder/esche.jpg");
    	 background-position: center center;
		 background-repeat: no-repeat;
		 background-attachment: fixed;
      
      
      
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

	width:100%;
    font:16pt/23pt 'Open Sans',sans-serif;;
	
}
h2 {
    font-size:23pt;
    font-weight:500;
}
#container {
    width:100%;
    min-width:320px;
    margin-right:auto;
    margin-left:auto;
}
#container .inside {
    width:auto;
    height:auto;
    max-width:100%;
}
.start {
    height:100vh;
    background: url("/files/fuehnebernd/Hintergrundbilder/hint-we.jpg") no-repeat center center fixed;
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
}
#png.ce_image.last.block img {
    width:100%;
    height:80vh;
}


#png.content-image {
    width:100%;
    height:80vh;
    opacity: 0;
}




#sticky-sticky-wrapper {
    background-color:#fff;
} 




#sticky-sticky-wrapper.sticky-wrapper {
    width:auto;
    height:auto;
    position:relative;
    background-color:#fff;
    z-index:5;
}
#sticky {
    width:100%;
    
    height:87px;
    
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    background-color:#fff;
}
#sticky .inside {
    width:auto;
    min-width:375px;
    max-width:950px;
    
    margin-right:auto;
    margin-left:auto;
}
.hea-1 {
    min-width:150px;
    max-width:200px;
    float:left;
    margin-top:5px;
}
section#info {
    width:auto;
    height:auto;
    margin-bottom:75px;
    padding-top:16px;
}
#seitentitel {
    width:100%;
    margin-top:-15px;
    margin-bottom:0;
    padding-top:20px;
    padding-bottom:20px;
    background-color:rgba(2,214,52,.85);
    font-size:44px;
    color:#fff;
    text-indent:7.5%;
    font-weight:400;
}
#info-1.ce_text.block {
    max-width:1150px;
    margin-top:5%;
    margin-bottom:5%;
    margin-left:10%;
    padding:0 2% 2%;
    background-color:rgba(255,255,255,.85);
    border:2px solid #02d634;
}

#info-1.content-text {
    max-width:1150px;
    margin-top:5%;
    margin-bottom:5%;
    margin-left:10%;
    padding:0 2% 2%;
    background-color:rgba(255,255,255,.85);
    border:2px solid #02d634;
}




#info h2 {
    font-size:23pt;
    color:#02d634;
    font-weight:500;
}
#sp-re {
    top:0;
    position:relative;
    margin-top:0;
    margin-left:auto;
    padding:5px 20px 15px;
    background-color:rgba(2,214,52,.85);
    font-size:20px;
    line-height:25px;
}
#sp-re h2 {
    margin-top:0;
    font-size:21pt;
    line-height:24pt;
    color:#262626;
    font-weight:500;
}
#info-1 figcaption.caption {
    text-align:center;
    font:12pt/15pt Open Sans;
    color:#2a2a2a;
    font-weight:500;
}

#info-1 figcaption {
    text-align:center;
    font:12pt/15pt Open Sans;
    color:#2a2a2a;
    font-weight:500;
}




section#werkstuecke {
    font-size:14pt;
    line-height:20pt;
}
section#werkstuecke a {
    font-size:18pt;
    color:#02d634;
    letter-spacing:1px;
    text-decoration:none;
}
section#werkstuecke a:hover {
    color:#3d3d3d;
}
section#werkstuecke h2 {
    text-align:center;
    font-size:23pt;
    line-height:25pt;
    color:#02d634;
}
section#werkstuecke #herk {
    width:auto;
    height:auto;
    max-width:1200px;
    margin:5% auto;
    padding:0 2% 2%;
    background-color:#fff;
    border:2px solid #02d634;
}
#hide {
    display:none;
}
#drei {
    width:auto;
    margin:5%;
}
section#werkstuecke #zeit,
section#werkstuecke #wasch,
section#werkstuecke #ofen,
section#werkstuecke #zhock,
section#werkstuecke #lehock,
section#werkstuecke #olhock {
    max-width:550px;
    padding:0 2% 2% 3%;
    background-color:#fff;
    border:2px solid #02d634;
}
#vier {
    width:auto;
    margin:5%;
}
section#werkstuecke #vase,
section#werkstuecke #obe,
section#werkstuecke #prob,
section#werkstuecke #denk,
section#werkstuecke #scheibe,
section#werkstuecke #rauch {
    padding:0 2% 2% 3%;
    background-color:#fff;
    border:2px solid #02d634;
}
section#werkstuecke #scheibe,
section#werkstuecke #rauch {
}
#fuenf {
    width:auto;
    margin:5%;
}
#sechs {
    width:auto;
    margin:5%;
}
#sieben {
    width:auto;
    margin:5%;
}
section#kontakt #imr {
    margin:5% 5% 0;
    padding:0 2% 2%;
    background-color:rgba(255,255,255,.85);
    border:2px solid #02d634;
}
section#kontakt #dats {
    margin:1% 5% 35%;
    padding:0 2% 1%;
    background-color:rgba(255,255,255,.85);
    border:2px solid #02d634;
}
section#kontakt {
    font-size:14pt;
    line-height:18pt;
}
section#kontakt a {
    color:#02d634;
    letter-spacing:1px;
    text-decoration:none;
}
section#kontakt a:hover {
    color:#3d3d3d;
}
section#kontakt hr {
    border:1px solid rgba(2,214,52,.5);
    color:#02d634;
}
#kontakt strong {
    font-weight:normal;
    font-weight:600;
}
#kontakt h2 {
    font-size:25pt;
    color:#02d634;
}
#kontakt h3 {
    font-size:19pt;
    line-height:20pt;
    font-weight:500;
}
#kontakt .toggler {
    padding-top:25px;
    padding-right:4px;
    padding-bottom:15px;
    font-size:25pt;
    color:#02d624;
    cursor: pointer; transition-duration: .75s;
            -moz-transition-duration: .75s;
            -webkit-transition-duration:  .75s;
}
#kontakt .toggler:hover {
    border:0px solid;
    color:#3b3b3b;
    transition: .5s;
                  -moz-transition: .5s;
                  -webkit-transition: .5s;
}
#kontakt .toggler {
    outline:none;
}
#cboxCurrent {
    color:rgba(0,0,0,.01);
}
#cboxOverlay {
    background-color:rgba(0,0,0,.35);
}
#cboxLoadedContent {
    border:2px solid #02db34;
}
