@import url("reset.css");.clear{clear:both;}
 /* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
    /* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('../fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Oswald SemiBold'), local('Oswald-SemiBold'),
       url('../fonts/oswald-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oswald Bold'), local('Oswald-Bold'),
       url('../fonts/oswald-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
body{font:300 12px/20px;font-family:'Open Sans', sans-serif;}
header{width:100%;height:700px;background:url(../images/header.jpg) no-repeat;background-position:center;background-size:cover;top:0px;}
nav{background-color:#000;width:100%;height:50px;z-index:8;position:fixed;top:0;border-bottom:1px dotted #fff;}
nav ul{width:60%;margin-left:20%;padding-top:17px;}
nav ul li{float:left;padding-left:2px;padding-right:14px;list-style:none;}
nav ul li a{font-family:'Oswald', sans-serif;font-size:16px;color:#fff;font-weight:600;text-decoration:none;}
.sidenav{position:fixed;right:3%;z-index:999;top:17px;}
.sidenav ul{top:17px;}
.sidenav ul li{float:left;padding-left:16px;list-style:none;}
.sidenav ul li a{font-family:'Oswald', sans-serif;font-size:16px;color:#fff;font-weight:600;text-decoration:none;}
.ueberuns{width:100%;height:auto;background-color:#000;background-image:url(../images/start-background.jpg);background-position:left;background-repeat:no-repeat;}
.logo img{margin-left:7%;margin-top:200px;}
.slogan{position:absolute;left:55%;margin-top:280px;}
.slogan p{font-family:'Oswald', sans-serif;font-size:40px;font-weight:800;color:#fff;line-height:56px;text-shadow:0px 0px 21px rgba(63, 61, 68, 1);}
.wrapper{width:60%;margin-left:20%;padding-top:100px;}
h1, h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    border-bottom: 4px dotted;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
h3{font-family:'Oswald', sans-serif;font-size:30px;color:#fff;font-weight:600;padding-bottom:30px;}
p{color:#fff;padding-bottom:20px;font-size:14px;line-height:20px;}
strong{font-weight:600;}
.rot{color:#ec0c0c;}
h5{color:#fff;font-size:20px;font-weight:600;margin-bottom:-15px;}
.box1{width:45%;padding-right:5%;padding-top:30px;float:left;}
.box2{width:45%;padding-left:2%;padding-top:30px;float:left;}
.box2 a{color:#fff;}
.button1{background:url(../images/button-1.png) no-repeat;width:220px;height:220px;position:absolute;right:5%;margin-top:150px;}
.button1-1 img{position:absolute;margin-top:40px;}
.button1-1 img:hover{width:180px;transition:all ease 2s;}
.button1-2 img{position:absolute;margin-top:100px;margin-left:20px;}
.button1-2 img:hover{width:180px;transition:all ease 2s;}
.pfeil-header img{margin:auto;display:block;width:35px;padding-top:-130px;}
.pfeil-header img:hover{width:50px;transition:all ease 0.5s;}
.markt img{display:block;position:relative;right:0;width:30%;margin-left:70%;margin-top:-200px;}
.tradition{background-color:#232323;background-image:url(../images/tradition-hintergrund.png);background-position:bottom;background-repeat:no-repeat;width:100%;height:600px;background-position:center;background-size:contain;}
.tradition .wrapper a{color:#f01414;text-decoration:none;}
.tradition p{padding-top:10px;}
.historie0{position:absolute;margin-left:45%;margin-top:81px;}
.historie1{position:absolute;margin-left:23%;margin-top:80px;}
.historie2{position:absolute;margin-left:56%;margin-top:-20px;}
.historie3{position:absolute;margin-left:58.5%;margin-top:80px;}
.historie4{position:absolute;margin-left:67.5%;margin-top:80px;}
.historie5 {position:absolute;margin-left:35%;margin-top:21px;}
.galerie{display:flex;width:100%;flex-wrap:wrap;box-sizing:border-box;border-left:4px solid #58585a;border-right:4px solid #58585a;}
.clear +.galerie{border-top:4px solid #58585a;}
.galerie:last-of-type{border-bottom:4px solid #58585a;}
.galerie:nth-of-type(3n-1) .galerie-image:last-of-type{flex:1.5;}
.galerie:nth-of-type(3n-1) .galerie-image{height:50vh;}
.galerie-image{flex:1;border:4px solid #58585a;position:relative;min-width:300px;overflow:hidden;box-sizing:border-box;height:40vh;}
.galerie-image img{height:100%;width:100%;object-fit:cover;filter:grayscale(0%);transition:all .3s ease;}
.face img{height:230%;width:100%;object-fit:cover;filter:grayscale(0%);transition:all .3s ease;}
.galerie-image .mask{position:absolute;width:100%;height:100%;display:flex;justify-content:center;background-color:rgba(0, 0, 0, 0);flex-direction:column;align-items:center;top:0px;transition:all .3s ease;padding:8px;box-sizing:border-box;}
.galerie-image h2,
.galerie-image p{transform:scale(10);transition:all .3s ease;opacity:0;}
.galerie-image p{transform-origin:50% 0%;transition-delay:0.1s;margin-top:10px;box-sizing:border-box;text-align:center;}
.galerie-image h2{transform-origin:50% 100%;padding:0px 40px 10px 40px;box-sizing:border-box;border-style:solid;border-bottom-width:1px;}
.galerie-image:hover .mask{background-color:rgba(0, 0, 0, 0.7);}
.galerie-image:hover h2,
.galerie-image:hover p{transform:scale(1);opacity:1;}
.galerie-image:hover img{filter:grayscale(100%);}
.galerie-image h3{position:absolute;left:10px;bottom:0;z-index:5000;font-size:15px;letter-spacing:0.1em;line-height:18px}
.team-popup{display:block;position:absolute;right:23%;margin-top:-190px;}
.produkte{background-image:url(../images/produkte-back.jpg);height:750px;width:100%;background-position:0 -100px;}
.kasten1{background-image:url(../images/kasten-back.jpg);width:242px;height:183px;margin-top:50px;float:left;margin-right:6%;}
.kasten1 h4{font-family:'Oswald', sans-serif;font-size:22px;color:#fff;font-weight:600;text-align:center;padding-top:50px;}
.kasten1 p{text-align:center;padding-top:20px;}
.kasten1 p.punkte{margin-top:-40px;font-weight:600;font-size:24px;}
a{text-align:center;padding-top:-80px;}
.produktion{background-color:#2b2b2b;background-image:url(../images/karte-fleisch.png);background-position:right;background-repeat:no-repeat;padding-bottom:130px;}
.produktion .wrapper p{width:70%;}
.produktion a img{position:absolute;right:23%;margin-top:-120px;}
.spezi{background-image:url(../images/spezialitaeten-back.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;}
.wrapper2{width:50%;margin-left:50%;padding-top:80px;padding-bottom:100px;}
.wrapper2 .accordion{margin-top:10px;margin-bottom:24px;background-color:#fff;padding-top:10px;color:#000;}
.wrapper2 .accordion h4{padding:5px 0px 10px 25px;cursor:pointer;color:#000;font-weight:600;margin-bottom:0px;border-bottom:none;font-size:15px;}
.wrapper2 .accordion-section{padding-bottom:20px;background-color:#fff;}
.wrapper2 .accordion-section p{color:#000;padding:15px;}
.wrapper2 .accordion h4 img{margin-left:80%;margin-top:-10px;display:block;}
.kasten1 .wrapper p{text-align:left;}
.kasten1 .wrapper{padding-bottom:30px;width:60%;margin-left:20%;}
.kasten1 .wrapper a{color:#fff;text-decoration:none;}
.kasten1 .wrapper a:hover{color:#FE1D01;}
img.button-wurst{position:absolute;margin-top:200px;left:15%;}
.wissen{width:100%;height:auto;background-color:#1c1b1b;background-image:url(../images/wissen-back.png);background-position:right bottom;background-repeat:no-repeat;}
.wissen .accordion .accordion-section{padding-bottom:20px;background-color:#1C1B1B!important;}
.kontakt{background-color:#000;background-image:url(../images/kontakt-hintergrund.png);background-position:center top;background-repeat:no-repeat;}
.kontakt .wrapper{padding-top:250px;}
.kontakt .border{font-size:24px;color:#fff;padding-bottom:20px;margin-top:-10px!important;}
.box2-1{width:48%;padding-right:2%;float:left;}
.box2-2{width:48%;padding-left:2%;float:left;}
.kontakt .box2{width:45%;padding-left:2%;padding-top:180px;float:left;}
.accordion{margin-top:10px;margin-bottom:24px;}
.accordion h4{padding-bottom:3px;cursor:pointer;color:#fff;font-weight:600;margin-bottom:0px;border-bottom:1px solid #f01414;}
.accordion-section h5{font:400 15px/20px 'raleway';color:#fff;padding-top:20px;}
.accordion-section p{color:#fff;padding:15px;}
.accordion-section iframe{padding:15px;width:70%;height:150px;}
.accordion-section{padding-bottom:20px;background-color:#666666;}
.accordion h4 img{margin-left:97%;margin-top:-10px;display:block;}
.navi{display:none;}
.button-res{display:none;}
.button-res{display:none;}
@media screen and (max-width:1480px){.kasten1{background-image:url(../images/kasten-back.jpg);width:242px;height:183px;margin-top:50px;float:left;margin-right:2%;}
.historie3{position:absolute;margin-left:58%;margin-top:80px;}
}
@media screen and (max-width:1290px){.wrapper{width:80%;margin-left:10%;padding-top:100px;}
.tradition{background-color:#232323;background-image:url(../images/tradition-hintergrund.png);background-position:center;background-repeat:no-repeat;width:100%;height:600px;background-position:center;background-size:140%;}
.historie1{position:absolute;margin-left:11.5%;margin-top:80px;}
.historie0{position:absolute;margin-left:43%;margin-top:81px;}
.historie2{position:absolute;margin-left:58%;margin-top:-18px;}
.historie3{position:absolute;margin-left:61%;margin-top:80px;}
.historie4{position:absolute;margin-left:74%;margin-top:80px;}
.historie5 {position:absolute;margin-left:29%;margin-top:21px;}
.button-res{display:block;margin-left:9%;padding-top:50px;}
.button1{display:none;}
}
@media screen and (max-width:1000px){.wrapper{width:80%;margin-left:10%;padding-top:50px;}
.box1,
.box2{width:100%;padding-right:0%;padding-top:30px;float:left;}
.markt img, .produkte{background-image:url("../images/produkte-back.jpg");background-position:0 -100px;display:none;height:980px;width:100%;}
.produkte{background-image:url(../images/produkte-back.jpg);height:980px;width:100%;background-position:0 -100px;}
.kasten1{background-image:url(../images/kasten-back.jpg);width:242px;height:183px;margin-top:50px;float:left;margin-right:8%;}
.produktion a img{position:absolute;right:23%;margin-top:-20px;}
wrapper2{width:60%;margin-left:40%;padding-top:80px;padding-bottom:100px;}
.box2-1{width:100%;padding-right:0%;float:left;}
.box2-2{width:100%!important;padding-left:0%;float:left;}
.kontakt .box2{width:45%;padding-left:0%;padding-top:80px;float:left;}
.slogan{display:none;}
header{width:100%;height:400px;background:url(../images/header.jpg) no-repeat;background-position-x:0%;background-position-y:0%;background-size:auto auto;background-position:center;background-size:cover;top:0px;}
.logo img{margin-left:7%;margin-top:80px;width:44%;}
}
@media screen and (max-width:900px){.kontakt .box2{width:100%;padding-left:0%;padding-top:80px;float:left;}
.tradition{background-color:#232323;background-image:url(../images/tradition-hintergrund-res.png);background-position:center;background-repeat:no-repeat;width:100%;height:600px;background-position:center;background-size:140%;}
.historie0,
.historie1,
.historie2,
.historie3,
.historie4,
.historie5 {position:relative;margin-top:0px;margin-left:10%;}
.historie0 br,
.historie1 br,
.historie2 br,
.historie3 br,
.historie4 br,
.historie5 br{display:none;}
.sidenav{position:fixed;right:0%;z-index:999;bottom:0;background-color:#fff;top:auto;}
nav ul{width:95%;margin-left:5%;padding-top:17px;}
.sidenav ul li{float:left;padding:8px;list-style:none;}
.sidenav ul li a{font-family:'Oswald', sans-serif;font-size:16px;color:#000;font-weight:600;text-decoration:none;}
}
@media screen and (max-width:720px){.kasten1{background-image:url(../images/kasten-back.jpg);width:242px;height:183px;margin-top:50px;float:left;margin-right:2%;}
}
@media screen and (max-width:630px){.kontakt .box2{width:100%;padding-left:0%;padding-top:80px;float:left;}
.produkte{background-image:url(../images/produkte-back.jpg);height:1700px;width:100%;background-position:0 -100px;}
.produktion{background-color:#2b2b2b;background-image:none;background-position:right;background-repeat:no-repeat;padding-bottom:130px;}
.wrapper2{width:80%;margin-left:10%;padding-top:80px;padding-bottom:100px;}
img.button-wurst{display:none;}
.wissen{background-image:none;}
.kontakt{background-color:#000;background-image:url(../images/kontakt-hintergrund.png);background-position:center -120px;background-repeat:no-repeat;background-size:600px;}
.kontakt .wrapper{padding-top:100px;}
		iframe.video {display: none;}	
}
@media screen and (max-width:550px){.kontakt .box2{width:100%;padding-left:0%;padding-top:80px;float:left;}

nav{display:none;}
.navi{display:block;font-family:'Oswald', sans-serif;top:0%;left:0%;position:fixed;z-index:9999;}
.navi ul li{padding:8% 15% 8% 8%;border-bottom:1px solid #fff;background:#000;}
.navi ul li:last-child{border-bottom:none;}
.navi *{transition:all .3s ease;}
.navi label{display:inline-block;}
.navi label ~ ul{display:block;width:100%;height:0;overflow:hidden;text-align:left;}
.navi a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:20px;font-weight:600;}
.navi a:hover{color:#fff;}
.navi img:hover{width:100px;}
.navi input:checked ~ label{transform:rotate(90deg) translateY(-7px)}
.navi input:checked ~ ul{overflow:visible;padding-left:10px;}
.navi label ~ ul li{display:block;width:100%;height:auto;}
#navbutt{display:none;}
header{width:100%;height:300px;}
.produktion .wrapper p{width:100%;}
}
@media screen and (max-width:400px){.wrapper{width:90%;margin-left:5%;padding-top:50px;}
p{color:#fff;padding-bottom:20px;font-size:16px;line-height:20px;}
.box1,
.box2{width:100%;padding-right:0%;padding-top:0px;float:left;}
.box2{width:100%;padding-left:0%;padding-top:30px;float:left;}
.historie0,
.historie1,
.historie2,
.historie3,
.historie4{position:relative;margin-top:0px;margin-left:5%;}
.wrapper2{width:90%;margin-left:5%;padding-top:80px;padding-bottom:100px;}
.logo img{margin-left:7%;margin-top:70px;width:60%;}
}
@media screen and (max-width:375px){.tradition{background-color:#232323;background-image:url(../images/tradition-hintergrund-res.png);background-position:center;background-repeat:no-repeat;width:100%;height:685px;background-position:center;background-size:140%;}
}