body {font-family: 'Exo 2', sans-serif; min-width: 320px; background: #252525; color: #85858c}
a, button, .btn, .btn svg path {-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)}
button:focus, .btn:focus, :focus {outline: 0; outline: 0 auto -webkit-focus-ring-color; box-shadow: none}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 700; line-height: 1.2; color: #252525}
strong, b {font-weight: 700; color: #252525}
a {color: #ca003d}
a:hover {color: #252525; text-decoration: none}
@media (min-width: 768px) {.lead {font-size: 1.375rem}}
.btn {padding: .5rem 1.25rem .65rem}
.btn-primary {color: #fff; background-color: #ca003d; border-color: #ca003d; border-radius: 50px; text-transform: uppercase; font-weight: 600; font-size: 0.75rem}
.btn-primary:hover {color: #fff; background-color: #f9b617; border-color: #f9b617}
.btn-primary:not(:disabled):not(.disabled):active {color: #fff; background-color: #f9b617; border-color: #f9b617}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: none}
@media (min-width: 1200px) {.btn-lg {font-size: 0.875rem; padding: .75rem 2.5rem .95rem}}
@media (min-width: 1480px) {.container {max-width: 1410px}}
/**/
.preloader {background:#fff;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;min-height:100%;z-index:99999}
.preloader .preloader-animation {position:absolute;top:calc(50% - 22px);left:calc(50% - 22px)}
/*header*/
.navbar {padding: 1rem .9375rem; position: fixed; top: 0; width: 100%; z-index: 100}
.navbar.bg-light {background-color: #fff!important}
.navbar-toggler {border: 0}
.navbar-brand {margin: 0}
.nav-item {font-weight: 600; font-size: 0.9375rem}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus {color: #252525}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {color: #ca003d}
@media (min-width: 992px) {.navbar-expand-lg .navbar-nav .nav-link {padding-right: .6rem; padding-left: .6rem}}
@media (min-width: 1200px) {.navbar-brand img {width: 270px; height: 60px}}
.social a {opacity: .5}
.social a:hover {opacity: 1}
/**/
.sectiontitle {font-size: 2.15rem; font-weight: 300; margin-bottom: 1.5rem; color: #252525}
@media (min-width: 768px) {.sectiontitle {font-size: 2.813rem}}
/*hero*/
.hero {position: relative;background: #eceef2; margin-top: 87px}
.hero .item_slide {padding: 40px 0}
.hero .h2 { font-size: 1.25rem}
.hero:after {content: ""; position: absolute; bottom: -79px; right: 0; display: none; background-image: url("../img/honey.svg"); background-repeat: no-repeat; width: 300px; height: 80px}
@media (min-width: 768px) { 
    .hero .item_slide {padding: 60px 0}
    .hero .h2 { font-size: 2rem}
}
@media (min-width: 1200px) {
.hero {margin-top: 102px}
    .hero .item_slide {padding: 80px 0}
    .hero:after {display: block; bottom: -119px; width: 450px; height: 120px}
}
@media (min-width: 1400px) {    
    .hero .h2 { font-size: 2.25rem}
    .hero:after {right: 5%}
}
@media (min-width: 1600px) {.hero:after {right: 10%}}
.hero_slidenav .slick-list {height: 0}
.hero_slidenav .slick-dots {bottom: -38px}
.hero_slidenav .slick-dots li {width: 50px; height: 8px; margin: 0 .5rem}
.hero_slidenav .slick-dots li button {width: 50px; height: 8px; padding: 0}
.hero_slidenav .slick-dots li button:before {width: 50px; height: 8px; content: ''; opacity: .2; background-color: #252525; border-radius: 1rem; -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)}
.hero_slidenav .slick-dots li button:hover:before {opacity: .4}
.hero_slidenav .slick-dots li.slick-active button:before {opacity: 1; background-color: #fdb917}
/**/
.youtube__play {display: block; position: relative; margin-top: 2rem; margin-left: auto; margin-right: auto;width: 80px;height: 80px;}
.youtube__play_icon {display: block;position: absolute; top: 0; left: 0; z-index: 2;}
.youtube__play_icon:after{content: "";display: block;position: absolute;top: 50%;left: 50%;z-index: -1;border-radius: 50%;background-color: #ca003d;transform: translate(-50%, -50%)}
.youtube__play_icon:after {width: 110px;height: 110px;opacity: .25}
.youtube__play_icon span {display: block;position: relative;width: 80px;height: 80px;border-radius: 50%;background-color: #ca003d;transition: all 200ms ease-in}
.youtube__play_icon span i {position: absolute; top: 50%; left: 50%;-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);transition: all 200ms ease-in}
.youtube__play:hover .youtube__play_icon:after {animation: play 1500ms ease-in-out 0s infinite}
.youtube__play:hover .youtube__play_icon:after {animation-delay: .2s}
.youtube__play:hover .youtube__play_icon span {background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.3)}
.youtube__play:hover .youtube__play_icon span i path {fill:#ca003d}
@keyframes play {
0%, 5%, 95% {transform:translate(-50%, -50%) scale(1)}
45%, 55% {transform:translate(-50%, -50%) scale(.9)}
}
@media (min-width: 992px) {
    .youtube__play {margin-left: 1rem; margin-bottom: 1rem; margin-right: inherit} 
}


/*produkte*/
.produkte {padding: 7.5rem 0; background-color: #fff}
.produkte_carusel .slick-slide > div {margin: 0 15px 15px}
.produkte_carusel .item {background-color: #fff; border-radius: 1rem; padding: 20px; border: 1px solid rgba(203, 206, 213, .5); position: relative; -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)}
.produkte_carusel .item h3 {font-weight: 400; font-size: 1.25rem; margin-bottom: 1rem}
.produkte_carusel .item h3 strong {display: block; font-weight: 700}
.amazone.btn-primary {color: #85858c; background-color: #fff; border: 2px solid transparent; border-color: #cbced5; border-radius: 50px; text-transform: uppercase; font-weight: 600; font-size: 0.75rem; position: relative; padding: .7rem 2.75rem .8rem 1rem}
.amazone.btn-primary span {width: 22px; height: 22px; display: block; position: absolute; top: 10px; right: 15px}
.amazone.btn-primary span path.a {fill: #231f20}
.amazone.btn-primary span path.b {fill: #f8a51b}
.amazone.btn-primary:hover, .amazone.btn-primary:not(:disabled):not(.disabled):active {color: #fff; background-color: #ca003d; border-color: #ca003d}
.amazone.btn-primary:hover span path, .amazone.btn-primary:not(:disabled):not(.disabled):active span path {fill: #fff}
.produkte_carusel .item .hidden {margin-top: 15px}
.produkte_carusel .item .hidden a {padding: 0; font-size: 13px; margin-top: 1rem; color: #252525; font-weight: 700}
.produkte_carusel .item .hidden a:hover {color: #ca003d}
@media (min-width: 1200px) {.produkte_carusel .item {border: 1px solid transparent}
.produkte_carusel .item:hover {border-color: rgba(203, 206, 213, .5)}
.produkte_carusel .item .hidden {opacity: 0; -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%)}
.produkte_carusel .item:hover .hidden {opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}}
.produkte_carusel .slick-prev, .produkte_carusel .slick-next {width: 50px; height: 50px; background: #fff; border-radius: 50%; display: none !important}
@media (min-width: 1200px) {.produkte_carusel .slick-prev, .produkte_carusel .slick-next {display: inline-block !important}}
.produkte_carusel .slick-prev:before, .produkte_carusel .slick-next:before {font-size: 60px; line-height: inherit; color: #252525}
.produkte_carusel .slick-prev {left: -75px}
.produkte_carusel .slick-prev:before {content: '‹'}
.produkte_carusel .slick-next {right: -75px}
.produkte_carusel .slick-next:before {content: '›'}
/*vorteile*/
.vorteile {padding: 7.5rem 0; background-color: #85858c; background-image: url("../../upload/vorteile.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; color: #fff}
.vorteile:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #85858c; opacity: .80}
.vorteile .sectiontitle {color: #fff}
.vorteile > div {position: relative; z-index: 1}
.vorteile .item p {font-size: 0.875rem}
@media (min-width: 992px) {.vorteile .vorteile_icon img {width: 80px; height: 80px}
.vorteile .item p {font-size: 1rem}}
/*partner*/
.partner {padding: 7.5rem 0; background-color: #eceef2}
.partner .h2 {font-weight: 100; color: #85858c}
/**/
.partner_carusel .slick-track {display: flex}
.partner_carusel .slick-track .slick-slide {display: flex; height: auto; align-items: center; justify-content: center}
.partner_carusel .slick-slide > div {padding: 1rem; margin: 0 1rem}
.partner_carusel .slick-slide > div img {display: inline-block}
.partner_carusel .slick-prev, .partner_carusel .slick-next {width: 50px; height: 50px; background: #fff; border-radius: 50%; display: none !important}
@media (min-width: 1200px) {.partner_carusel .slick-prev, .partner_carusel .slick-next {display: inline-block !important}}
.partner_carusel .slick-prev:before, .partner_carusel .slick-next:before {font-size: 40px; line-height: inherit; color: #252525}
.partner_carusel .slick-prev {left: -75px}
.partner_carusel .slick-prev:before {content: '‹'}
.partner_carusel .slick-next {right: -75px}
.partner_carusel .slick-next:before {content: '›'}
/**/
.tooltip-inner {max-width: 200px; padding: 1.5rem; color: #252525; background-color: #fff; border-radius: 0; -webkit-box-shadow: 0 0 50px 0 rgba(37, 37, 37, .2); box-shadow: 0 0 50px 0 rgba(37, 37, 37, .2)}
.tooltip.show {opacity: 1}
.bs-tooltip-top {padding: 0 0 .4rem 0}
.bs-tooltip-top .arrow::before {border-width: .6rem .6rem 0; border-top-color: #fff}
.bs-tooltip-bottom .arrow::before {border-width: 0 .6rem .6rem; border-bottom-color: #fff}
@media (max-width:991px) {.partner .container-fluid .col {overflow: hidden}
.partner svg {width: 1800px; margin-left: -260px}}
@media (max-width:767px) {.partner svg {width: 1400px; margin-left: -250px}}
@media (max-width:575px) {.partner svg {width: 900px; margin-left: -200px}}
.partner svg path.basepath {fill: #fff; stroke: #eceef2; stroke-miterlimit: 10}
.partner svg path.activepath {fill: #ca003d; stroke: #eceef2; stroke-miterlimit: 10}
.partner svg path[id*="local-"] {transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)}
.partner svg path[id*="local-"]:hover {fill: #f9b617 !important; stroke: #f9b617 !important}
/*honigproduktion*/
.honigproduktion {padding: 7.5rem 0; background-color: #fff}
.nubmers {color: #ca003d; margin-bottom: 1rem}
.nubmers .nubmer {font-size: 70px; line-height: 1; font-weight: 900; opacity: 0}
.nubmers span {font-size: 1.375rem; line-height: 1; display: block}
.nubmers + p {font-size: 1.25rem; color: #252525; font-weight: 600; line-height: 1.2; margin: 0; padding: 0 1rem}
/*uber_uns*/
.uber_uns {padding: 7.5rem 0; background-color: #eceef2; position: relative}
.uber_uns:after {content: ""; position: absolute; bottom: -79px; left: 0; display: block; background-image: url("../img/honey.svg"); background-repeat: no-repeat; width: 300px; height: 80px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"}
@media (min-width: 992px) {.uber_uns:after {bottom: -119px; left: 20%; width: 450px; height: 120px}}
.uber_uns p {font-size: 19px; color: #85858c}
.uber_uns .h4, .uber_uns h4 {font-size: 19px}
/*footer*/
footer {background-color: #252525; padding: 120px 0 80px; height: 100px}
@media (min-width: 768px) {footer {padding: 0}}
@media (min-width: 992px) {footer {height: 200px}}

/* Slider */
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Slider */
.slick-loading .slick-list {background: #fff url('../img/ajax-loader.gif') center center no-repeat;}
/* Icons */
@font-face {font-family: 'slick';font-weight: normal;font-style: normal;src: url('../fonts/fonts/slick.eot');src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');}
/* Arrows */
.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev {left: -25px;}
.slick-prev:before {content: '←';}
.slick-next {right: -25px;}
.slick-next:before {content: '→';}
/* Dots */
.slick-dotted.slick-slider {margin-bottom: 30px;}
.slick-dots {position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75;color: black;}