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


/*@media only screen and (min-width: 850px);*/

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

body
{font-family: Opensans, Verdana, Geneva, sans-serif;
font-size: 14px;
line-height:160%;
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;
}


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

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

nav ul li
{display:inline;
font-size: 14px;
padding:25px;         
letter-spacing:0.1em;}

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



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


img.logo
{display: block;
width:270px;
hight:150px;
margin: 0px auto 5px auto;
padding-top:30px;
}

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

img.versand
{display: block;
width:315px;
hight:360px;
margin: 36px auto 30px auto;
padding-bottom:30px;
}

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




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


/* ................ impressum pic gross .................. */


.bonbon-gross-impressum 
{
width:750px;
height:562px;
margin: 41px auto 0px auto;
background-image:url(pic/impress.jpg);
background-repeat:no-repeat;
}

/* ................  textbereich  .......................... */

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

.wrapper2 a
{

color: black;
}

p
{font-size:14px;
line-height:180%;
}

/* ................  start  .......................... */


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

.space
{font-size:25px; 
line-height:320%;
}

.space2
{font-size:21px; 
line-height:230%;
}

.eins
{float: left;
width: 246px;
height: 570px;
margin:0px 15px 0px 0px;
padding-right: 15px;
}

.zwei
{float: left;
width: 246px;
height: 570px;
margin: 20px 15px 0px 15px;
padding: 15px;
}
 
.drei
{float: left;
width: 246px;
height: 570px;
margin: 0px 0px 0px 15px;
padding-left: 15px;
}
 
.vier
{float: left;
width: 246px;
height: 570px;
margin:30px 15px 0px 0px;
padding-right: 15px;
}


.fuenf
{float: left;
width: 246px;
height: 570px;
margin: 50px 15px 0px 15px;
padding: 15px;
}
 
.sechs
{float: left;
width: 246px;
height: 570px;
margin: 30px 0px 0px 15px;
padding-left: 15px;
}
 
.line
{display:inline;
margin:34px;
}




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


.wrapper3              
{width:1000px;
height:auto;
margin: 30px auto 90px auto;
text-align: center;
}


.leckergarantie
{font-family: luna, opensans, sans;
text-align: center;
font-size: 41px;
margin: 100px 0px 0px 0px;
}


.topping2              /*  überschrift  */
{font-family: luna, opensans, sans;
text-align: center;
font-size:28px; 
line-height:250%;
display:block;
width: auto;
heigth: 100px;
margin-top: 20px;
}


.sauerscharf
{float: left;
width: 390px;
height: 570px;
margin:111px 55px 70px 25px;
}

.mischung
{float: left;
width: 362px;
height: 494px;
margin: 241px 25px 70px 55px;
}

.karamalak
{float: left;
width: 390px;
height: 540px;
margin:160px 55px 50px 25px;
padding-left:30px;
}

.honigheil
{float: left;
width: 390px;
height: 570px;
margin: 360px 25px 70px 55px;
}

.pdf
{float: left;
width: 390px;
height: 570px;
margin:-20px 55px 70px 25px;
padding-left:40px;
}

.pdf a 
{color:black;}

.seidenglanz
{float: left;
width: 390px;
height: 750px;
margin: 250px  55px 90px 25px;
}


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


.herstellung-text
{height:auto;
width:630px;
line-height:230%;
margin:100px auto 120px auto;
text-align:center;
}

.text2
{margin:36px auto 100px auto;

}

.herstellung-zutaten
{
width:660px;
height:200px;
margin:23px auto 0 auto;
background-image:url(pic/make/zutaten.jpg);
background-repeat:no-repeat;	
}

.herstellung-walzen
{
width:600px;
height:200px;
margin:23px auto 0 auto;
background-image:url(pic/make/walzen.jpg);
background-repeat:no-repeat;	
}

.herstellung-maschine
{
width:660px;
height:200px;
margin:23px auto 0 auto;
background-image:url(pic/make/maschine.jpg);
background-repeat:no-repeat;	
}


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

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

.tuete
{display: block;
width:189px;
hight:317px;
margin: -36px auto 0px auto;
}


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

table
{width:	810px;
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;
}

.one img
{display:block;
padding-top:140px;
padding-left:70px;
padding-bottom:160px;
}

.two
{text-align:right;
}

.two img
{display:block;
padding-top:34px;
padding-left:20px;
padding-bottom:50px;
}

.three
{text-align:left;
}

.three img
{display:block;
padding-top:160px;
padding-left:120px;
padding-bottom:50px;
}

.four
{text-align:right;
}

.four h2
{height:100px;
weight: auto;
}

.four img
{display:block;
padding-top:180px;
padding-left:25px;
padding-bottom:70px;
}

.five
{text-align:left;
}

.five h2
{height:140px;
weight: auto;
}
.five img
{display:block;
padding-top:160px;
padding-left:120px;
padding-bottom:90px;
}

.six
{text-align:right;
}

.six img
{display:block;
padding-top:140px;
padding-left:27px;
padding-bottom:100px;
}

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

h2 
{font-family: luna, opensans, sans;
font-size: 18px;
line-height:230%;
}

p
{margin-top: 10px;
}

.download
{color:black;
font-weight: bold;
}

.download:hover
{color:#093;
}


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


.wrapper3 p
{font-size:12px;
}

.dl-logw
{float: left;
width: 390px;
height: 170px;
margin:201px 55px 70px 25px;
}

.dl-logp
{float: left;
width: 390px;
height: 170px;
margin:201px 55px 70px 25px;
}

.dl-mischsauerw
{float: left;
width: 390px;
height: 170px;
margin:70px 55px 70px 25px;
}

.dl-mischsauerp
{float: left;
width: 390px;
height: 170px;
margin:70px 55px 70px 25px;
}

.dl-mischlilaw
{float: left;
width: 390px;
height: 170px;
margin:111px 55px 70px 25px;
}

.dl-mischlilap
{float: left;
width: 390px;
height: 170px;
margin:111px 55px 70px 25px;
}

.dl-misch-vintagew
{float: left;
width: 390px;
height: 170px;
margin:111px 55px 70px 25px;
}

.dl-misch-vintagep
{float: left;
width: 390px;
height: 170px;
margin:111px 55px 70px 25px;
}

.dl-hkw
{float: left;
width: 390px;
height: 170px;
margin:111px 55px 170px 25px;
}

.dl-hkp
{float: left;
width: 390px;
height: 170px;
margin:111px 55px 170px 25px;
}



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


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

h4
{font-size:13px;
font-weight:100;
letter-spacing:2px;
}

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


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


footer
{float: left;
width: 100%;
height:auto;
background-color: black;
padding:21px;
} 

.prime
{font-weight:bold;
font-size:16px;
}

.address ul
{margin: 10px auto 30px auto;
text-align: center;
font-size:14px;
list-style-type:none;
letter-spacing: 0.03em;
color:white;
line-height:180%;
}