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


/*@media all and (max-width: 318px);*/


*{
margin: 0px;
padding: 0px;
border: none;
}

body
{font-family: Opensans, Verdana, Geneva, sans-serif;
font-size: 10px;
line-height:150%;
word-spacing: 1px;
}

a
{font-weight: bold;
text-decoration: none;
color: white;
}

a:hover
{color: #CCC;
}

@font-face {
    font-family: 'luna';
	src: url('font/luna.woff')  format('woff'),
	     url('font/luna.woff2') format('woff2');
	font-style: normal;
}



/* ................ logo .................. */


img.logo
{display: block;
width:200px;
hight:120px;
margin: 0px auto 0px auto;
padding-top:30px;
}

img.winterpause
{display: block;
width:220px;
hight:160px;
margin: 50px auto 35px auto;
padding-bottom:30px;
}

img.versand
{display: block;
width:200px;
hight:240px;
margin: 30px auto 30px auto;
padding-bottom:30px;
}


/* .................... navi ..................... */

nav
{float:left;
background-color: black;
width: 100%;
min-height: 25px;
max-height: 72px;
color: white;
z-index:1;
}

nav li
{display:inline;
font-size:9px;
letter-spacing:1px;
padding: 0px 5px 0px 5px;
line-height:160%;
}

nav ul
{padding:5px;
text-align: center;
}




/* ................ start pic gross .................. */




.bonbon-gross  
{
width:180px;
height:120px;
margin: 45px auto 0px auto;
background-image:url(pic/sauer-small.jpg);
background-repeat:no-repeat;

}

.bonbon-gross-impressum 
{position:relative;
width: 210px;
height:201px;
margin: 36px auto 0px auto;
background-image:url(pic/impress-small.jpg);
background-repeat:no-repeat;
}



/* ................ text .................. */

.wrapper2
{width:100%;
height:auto;
margin-top: 100px;
text-align: center;
}

.wrapper2 a
{color:black;
	}
p
{font-size:12px;
line-height:180%;
}

.topping              /*  überschrift  */
{font-size:16px; 
font-weight: bold;
line-height:410%;
padding: 9px 0px 9px -5px;
}

.eins
{width:160px;
height:auto;
margin: 15px auto 70px auto;
}

.eins img
{width:140px;
height:auto;
}

.zwei
{width:160px;
height:auto;
margin: 15px auto 70px auto;
}
 
.zwei img
{width:160px;
height:auto;
margin-bottom:-20px;
}

.drei
{width:160px;
height:auto;
margin: 15px auto 70px auto;
}
 
.drei img
{width:120px;
height:auto;
margin-bottom:-10px;
}

.vier
{width:160px;
height: 320px;
margin: 15px auto 30px auto;
}
 
.vier img
{width:160px;
height:auto;
margin-bottom:-10px;
}

.fuenf
{width:160px;
height:auto;
margin: 15px auto 70px auto;
}
 
.fuenf img
{width:160px;
height:auto;
margin-bottom:-10px;
}

.sechs
{width:160px;
height:auto;
margin: 15px auto 70px auto;
}
 
.sechs img
{width:150px;
height:auto;
margin-bottom:-10px;
}




/* ................  sortiment  .......................... */


.wrapper3              
{width: 100%;
height:auto;
margin: 30px auto 90px auto;
text-align: center;
line-height:150%;
}



.leckergarantie
{font-family: luna, opensans, sans;
text-align: center;
font-size: 16px;
margin-top: 70px;
}


.topping2              /*  überschrift  */
{display:block;
font-family: luna, opensans, sans;
text-align: center;
font-size:14px; 
line-height:190%;
margin-top: 12px;
}


.sauerscharf
{width: 160px;
height: auto;
margin:70px auto 0px auto;
}

.sauerscharf img
{width:140px;
height:auto;
}

.mischung
{width: 160px;
height: auto;
margin:70px auto 0px auto;
}

.mischung img
{width:140px;
height:auto;
}

.karamalak
{width: 160px;
height: auto;
margin:70px auto 0px auto;
}

.karamalak img
{width:140px;
height:auto;
}

.honigheil
{width: 160px;
height: auto;
margin:50px auto 0px auto;
}

.honigheil img
{width:140px;
height:auto;
}

.pdf
{width: 160px;
height: auto;
margin:70px auto 0px auto;
}

.pdf img
{width:140px;
height:auto;
}

.pdf a 
{color:black;}

.seidenglanz
{width: 160px;
height: auto;
margin:90px auto 0px auto;
}

.seidenglanz img
{width:160px;
height:auto;
}

.seidenglanz .topping2 
{font-size: 13px;
}


/* ................  herstellung  .......................... */


.herstellung-text
{height:auto;
width:210px;
line-height:160%;
font-size:13px;
margin:70px auto 90px auto;
text-align:center;
}


.herstellung-zutaten
{display: block;
width:210px;
height:275px;
margin:36px auto 41px auto;
background-image:url(pic/make/zutaten2.jpg);
background-repeat:no-repeat;	
}




.herstellung-walzen
{display: block;
width:210px;
height:275px;
margin:36px auto 41px auto;
background-image:url(pic/make/walzen2.jpg);
background-repeat:no-repeat;	
}

.herstellung-maschine
{display: block;
width:210px;
height:275px;
margin:36px auto 41px auto;
background-image:url(pic/make/maschine2.jpg);
background-repeat:no-repeat;	
}

.herstellung-pic2
{height:auto;
width:200px;
margin:0px auto 0px auto;
}

.pic2-d
{float: left;
width:200px;
height:200px;
margin:0px auto 21px auto;
}

.tuete
{display: block;
width:136px;
hight:228px;
margin: 0px auto 25px auto;
padding:10px;

}



/* ............................  geschichte ....................... */

table
{width:	100%;
height: auto;
margin: 150px auto 150px auto;
border-spacing: 5px;
}


.vlin
{background-image: linear-gradient(#063 50%, rgba(255,255,255,0) 0%);
background-position: right;
background-size: 3px 16px;
background-repeat: repeat-y;
padding: 0 1px 0 1px;
}

.hlin-left
{width:48px;
background-image: linear-gradient(to right, #063 50%, rgba(255,255,255,0) 0%);
background-position:5px 25px;
background-size: 16px 3px;
background-repeat: repeat-x;
}

.hlin-left2
{width:48px;
background-image: linear-gradient(to right, #063 50%, rgba(255,255,255,0) 0%);
background-position:5px 130px;
background-size: 16px 3px;
background-repeat: repeat-x;
}

.hlin-right
{width:48px;
background-image: linear-gradient(to right, #063 50%, rgba(255,255,255,0) 0%);
background-position:5px 147px;
background-size: 16px 3px;
background-repeat: repeat-x;
}

.one
{text-align:left;
width:100%;
height: auto;
}

.one img
{width:50%;
heigh:50%;
display:block;
padding-top:100px;
padding-left:70px;
padding-bottom:120px;
}

.two
{text-align:right;
}

.two img
{width:50%;
heigh:50%;
display:block;
padding-top:60px;
padding-right:70px;
padding-bottom:100px;
}

.three
{text-align:left;
}

.three img
{width:50%;
heigh:50%;
display:block;
padding-top:150px;
padding-left:70px;
padding-bottom:50px;
}

.four
{text-align:right;
}

.four img
{width:50%;
heigh:50%;
display:block;
padding-top:160px;
padding-right:70px;
padding-bottom:100px;
}

.five
{text-align:left;
}

.five img
{width:50%;
heigh:50%;
display:block;
padding-top:170px;
padding-left:70px;
padding-bottom:50px;
}

.six
{text-align:right;
}

.six img
{width:50%;
heigh:50%;
display:block;
padding-top:110px;
padding-right:70px;
padding-bottom:100px;
}

.seven
{text-align:left;
height:400px;
}

h2 
{font-family: luna, opensans, sans;
font-size: 11px;
letter-spacing:1px;
line-height:230%;
}

p
{margin-top: 10px;
}



/* ............................  download unterseite ....................... */


.dl-logw
{float: left;
width: auto;
height: 120px;
margin:201px auto 70px auto;
}

.dl-logp
{float: left;
width: auto;
height: 120px;
margin:201px auto 70px auto;
}

.dl-mischsauerw
{float: left;
width: auto;
height: 120px;
margin:70px auto 70px auto;
}

.dl-mischsauerp
{float: left;
width: auto;
height: 120px;
margin:70px auto 70px auto;
}

.dl-mischlilaw
{float: left;
width: auto;
height: 120px;
margin:111px auto 70px auto;
}

.dl-mischlilap
{float: left;
width: auto;
height: 120px;
margin:111px auto 70px auto;
}

.dl-misch-vintagew
{float: left;
width: auto;
height: 120px;
margin:111px auto 70px auto;

.dl-misch-vintagep
{float: left;
width: auto;
height: 120px;
margin:111px auto 70px auto;
}

.dl-hkw
{float: left;
width: auto;
height: 120px;
margin:111px auto 170px auto;
}

.dl-hkp
{float: left;
width: auto;
height: 120px;
margin:111px auto 170px auto;
}







/* ............................ impressum text ....................... */


h3
{font-size:13px;
font-weight:bold;
}

.text-impressum
{width:180px;
height:auto;
margin: 0 auto 30px auto;
text-align: center;}




/* ............................ footer ....................... */


footer
{clear:left;
background-color: black;
width:100%;
height:360px;
} 

.theend
{clear:left;
background-color: black;
width:100%;
height:360px;
} 


.prime
{font-weight:bold;
font-size:12px;
padding-top:21px;
}

.address ul
{margin: 10px 25px 25px 25px;
text-align: center;
font-size:10x;
list-style-type:none;
color:white;
line-height:180%;
}