/*
Theme Name: Public Coffee Roasters
Author: Bureau Noir - Creative Network
Author URI: https://www.bureaunoir.com
Version: 5.0
*/
:root {
	--orange: #EC7164;
	--bordeaux: #670F3F;
}
html, body {
	width: 100%;
	height: auto;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	font-display: auto;
	color: #001C33;
	font-size: 18px;
	line-height: 24px;
	font-family: 'Arial', sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
* {
	box-sizing: 			border-box;
	-o-box-sizing: 		border-box;
	-moz-box-sizing: 		border-box;
	-webkit-box-sizing: 	border-box;
	-webkit-overflow-scrolling: touch;
}
*:focus {
	outline: none;
}
h1 {

}
h1.small-h1 {
	margin: 0;
	font-size: 18px;
}
h2 {
	font-size: 40px;
	line-height: 56px;
	margin: 0 0 40px 0;
}
h3 {
	color: var(--orange);
}
h4 {
}
h5 {

}
h6 {

}
p {

}
a {
	color: #EC7164;
	display: block;
}
a:hover {

}
img {
	max-width: 100%;
	width: 100%;
	display: block;
}
.relative {
	position: relative;
}
.margin-tb-20 {
	margin: 20px 0;
}
.margin-b-80 {
	margin: 0 0 80px 0;
}
.pink {
	margin: 80px 0;
	color: #CA3763;
}
.wcsatt-options {
	display: none;
}
/* Inputs */
textarea::placeholder,
input::placeholder {
	color: #001C33;
	opacity: 1;
}
.checkbox {
	margin-bottom: 40px;
}
.checkbox label {
	display: flex;
	align-items: center;
}
.checkbox input[type="checkbox"] {
	position: relative;
	margin-right: 10px;
	height: 15px;
}
.checkbox input[type="checkbox"]:checked::before {
	background: var(--orange);
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
	background: #f2f2f2;
	border: 1px solid #cccccc;
	margin-bottom: 40px;
	width: 100%;
	padding: 15px 20px;
}
input[type="submit"] {
	background: #001C33;
	border: 1px solid #001C33;
	width: 100%;
	text-align: center;
	color: #fff;
	cursor: pointer;
	padding: 15px 20px;
}
textarea {
	width: 100%;
	padding: 15px 20px;
	color: #001C33;
	background: #f2f2f2;
	border: 1px solid #cccccc;
	height: 300px;
	resize: none;
	margin-bottom: 40px;
}
.container {
	max-width: 1540px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
.site-footer .container {
	min-height: inherit;
}
.container-small {
	max-width: 1400px;
	margin: 0 auto;
}
.container.shop {
	padding: 140px 20px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 40px;
}
.shop-category-menu {
	grid-column: 1 / 2;
}
.shop-category-menu a {
	color: #000;
	text-decoration: none;
	transition: 0.2s all ease;
}
.shop-category-menu a.active {
	color: var(--orange);
}
.shop-category-menu a:hover {
	color: var(--orange);
}
.shop-category-menu-title {
	margin-bottom: 8px;
}
.shop-content {
	grid-column: 2 / 13;
}
.info {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #670F3F;
	position: fixed;
	z-index: 998;
}
.info a {
	margin: 0 0 0 5px;
}
/* Header */
.site-header {
	width: 100%;
	height: 64px;
	z-index: 998;
	top:  0;
	background: var(--orange);
	padding: 12px 20px 10px 20px;
	position: sticky;
}
.header-inner {
	max-width: 1500px;
	margin: 0 auto;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.site-branding {
	max-width: 158px;
	width: 100%;
}
.site-branding img {
	display: block;
}
/* Navigation */
nav.main-navigation {
	text-align: center;
}
#yith-ajaxsearchform select, input[type="search"] {
	margin: 0 !important;
	border: none;
	border-radius: 2px;
	font-size: 16px;
	padding: 5px;
}
#yith-ajaxsearchform input[type="search"]::placeholder,
#yith-ajaxsearchform select::placeholder {
	color: grey;
}
nav.mobile {
	width: 50%;
	background: #CA3763;
	border-left: 1px solid #ffffff;
	position: fixed;
	right: 0;
	top: 0;
	padding: 100px 25px 0 25px;
	height: 100vh;
	margin-right: -100%;
	transition: all 0.2s ease;
	z-index: 999;
}
.nav-mobile-header {
	background: #670F3F;
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 25px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-mobile-header img {
	max-width: 45px;
}
.open {
	margin-right: 0;
}
nav.main-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
nav.main-navigation ul li {
	display: inline-block;
	margin: 0 10px;
	position: relative;
}
nav.main-navigation ul li ul {
	position: absolute;
	top: 20px;
	display: none;
	background: var(--orange);
	left: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	padding: 10px;
	border-radius: 3px;
}
.page-title {
	display: none;
}
nav.main-navigation ul li ul li {
	margin: 0;
	padding: 0;
	margin: 5px 0;
	display: block;
}
nav.main-navigation ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
}
nav.main-navigation ul li:hover > ul {
	display: block;
}
nav.main-navigation ul li.current-menu-item a {
}
nav.shop-nav {
	color: #fff;
	display: flex;
	position: relative;
}
.cart-count {
	position: absolute;
	left: 50%;
	top: 62%;
	transform: translate(-50%, -50%);
	color: var(--orange);
}
nav.shop-nav a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: 700;
}
nav.shop-nav a:first-child {
	margin-right: 20px;
}
nav.shop-nav a span {
	margin-right: 6px;
}
nav.shop-nav a img {
	max-width: inherit;
	width: 30px;
}
.menu-btn {
	width: auto;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 24px;
	line-height: 22px;
	display: block;
}
.close-btn {
	cursor: pointer;
	color: #000;
	font-size: 30px;
	line-height: 0;
	margin: 0 3px 0 0;
	color: #fff;
}
.menu-btn {
	display: none;
}
/* Footer */
.site-footer {
	width: 100%;
	height: auto;
	background: #670F3F;
	text-align: left;
	padding: 60px 20px;
}
.site-footer form {
	width: 70%;
	display: flex;
}
.site-footer input {
	padding: 12px 15px;
	width: 100%;
	background: #fff;
	border: none;
	color: var(--orange);
	margin: 0;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	-webkit-appearance: none;
	border-radius: 0;
}
.site-footer input[type="submit"] {
	background: var(--orange);
	color: #ffffff;
	font-family: 'Arial', sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 25%;
	transition: all 0.2s ease;
}
.site-footer input[type="submit"]:hover {
	background: #000000;
	color: #ffffff;
}
.site-footer ::placeholder {
	color: var(--orange);
	font-family: 'Arial', sans-serif;
	font-weight: 400;
	font-style: normal;
	opacity: 1;
}
.site-footer img.logo {
	width: 158px;
	margin-bottom: 40px;
}
.site-footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.site-footer ul li{
	margin: 0 0 5px 0;
}
.site-footer ul li a {
	color: #fff;
	text-decoration: none;
}
.sub-footer {
	margin: 100px 0 0 0;
	display: flex;
	align-items: center;
}
.sub-footer div {
	display: flex;
	align-items: center;
	margin: 0 0 0 auto;
	color: #ffffff;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	flex-direction: row;
}
.sub-footer div img {
	width: 30px;
	margin-right: 5px;
}
.hero {
	width: 100%;
	height: calc(100vh - 94px);
	position: relative;
	background: #000;
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
}
.obj-cover {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.hero-right {
	position: relative;
	height: 100%;
	padding: 40px;
	background-size: cover;
}
.hero-right-copy {
	height: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
}
.hero-product {
	max-width: 500px;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}
.hero-container {
	max-width: 1340px;
	width: 100%;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}
.hero-inner {
	position: relative;
}
.hero-container h1 {
	font-size: 60px;
	line-height: 72px;
	color: #fff;
}
.hero-right-headline {
	font-size: 56px;
	line-height: 72px;
	margin: 0 0 20px 0;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
}
.text-center {
	text-align: center;
}
.grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}
.grid-2 {
	width: 100%;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.grid-3 {
	width: 100%;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.grid-5 {
	width: 100%;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.grid-gap-10 {
	grid-gap: 10px;
}
.grid-gap-20 {
	grid-gap: 20px;
}
.grid-gap-40 {
	grid-gap: 40px;
}
.grid-gap-60 {
	grid-gap: 60px;
}
.grid-gap-120 {
	grid-gap: 120px;
}
.section-margin {
	margin: 120px auto;
}
.product-grid-4 {
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: 1fr;
	grid-gap: 20px;
	margin: 0 0 20px 0;
}
.product-grid-col-1 {
	grid-column: 1 / 7;
}
.product-grid-col-2 {
	grid-column: 1 / 4;
	grid-row: 2 / 3;
}
.product-grid-col-3 {
	grid-column: 4 / 7;
	grid-row: 2 / 3;
}
.product-grid-col-4 {
	grid-column: 7 / 13;
	grid-row: 1 / 3;
}
.product-overlay-link {
	font-size: 14px;
	position: absolute;
	bottom: 30px;
	left: 30px;
	background: #ffffff;
	border: 1px solid #F2F2F2;
	border-radius: 4px;
	display: flex;
	color: #000000;
	padding: 10px 20px;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	justify-content: space-between;
	align-items: center;
	transition: all 0.2s ease;
}
.flex {
	display: flex;
}
.shop-content .relative:hover a.product-overlay-link {
	background: var(--orange);
	color: #ffffff;
	border: 1px solid var(--orange);
}
iframe {
	width: 100%;
}
.cta {
	font-size: 14px;
	background: var(--orange);
	color: #ffffff;
	border: 1px solid var(--orange);
	border-radius: 4px;
	padding: 10px 20px;
	font-family: 'Arial', sans-serif;
	font-style: normal;
	text-decoration: none;
	transition: all 0.2s ease;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	flex: 0 0 auto;
	align-self: flex-start;
}
.cta:hover {
	background: #ffffff;
	color: var(--orange);
}
/* Startseite */
/* Featured Products */
.bn-featured-products-container {
	padding: 30px 80px;
	text-align: center;
	color: #fff;
}
.bn-featured-products {
	margin: 40px 0 0 0;
}
.bn-featured-products a {
	text-decoration: none;
}
.bn-teaser {
	position: relative;
}
.bn-teaser video {
	max-width: 100%; height: auto; object-fit:cover;
}
video[poster]{
	height: 100%;
	width: 100%;
	background-size: cover;
}
.bn-teaser-content {
	position: absolute;
	width: 80%;
	left: 40px;
	bottom: 40px;
	color: #fff;
	transition: all 0.2s ease;
}
.preheadline {
	font-size: 20px;
	line-height: 32px;
	margin: 0 0 0 0;
	padding: 0;
}
h1.preheadline {
	font-weight: 400;
}
.bold-headline {
	font-size: 36px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.bn-teaser:hover .bn-teaser-content {
	bottom: 45px;
}
/* 404 */
.bn-404 {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	line-height: 40px;
	padding-top: 0 0 40px 0;
}
.bn-404 img {
	max-width: 800px;
	width: 100%;
	margin: 0 0 40px 0;
}
.hero-slider ul.slick-dots {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}
#yith-searchsubmit {
	display: none;
}
.hero-slider ul.slick-dots li {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background: #000000;
	margin: 0 5px;
	text-align: right;
	cursor: pointer;
}
.hero-slider ul.slick-dots li.slick-active {
	background: var(--orange);
}
.hero-slider ul.slick-dots li button {
	display: none;
}
.slider {
	position: relative;
	height: auto;
	max-width: 1540px;
	width: 100%;
	margin: 0 auto;
}
.slider ul.slick-dots {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}
.slider ul.slick-dots li {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background: #000000;
	margin: 0 5px;
	text-align: right;
	cursor: pointer;
}
.slider ul.slick-dots li.slick-active {
	background: var(--orange);
}
.slider ul.slick-dots li button {
	display: none;
}
.slider-buttons {
	background: #ffffff;
	border: 1px solid #F2F2F2;
	border-radius: 4px;
	display: flex;
	position: absolute;
	bottom: 30px;
	right: 30px;
	justify-content: space-between;
	align-items: center;
}
.slider-buttons .button-prev,
.slider-buttons .button-next {
	text-align: center;
	padding: 15px 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider-buttons .button-next {
	align-self: flex-end;
}
.slider-buttons .button-seperator {
	width: 1px;
	height: 75%;
	background: #f2f2f2;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.anchor-menu {
	width: 100%;
	height: 64px;
	background: rgba(255, 255, 255, 0.6);
	padding: 20px 0;
	position: fixed;
	z-index: 997;
	text-align: center;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid #f2f2f2;
}
.anchor-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.anchor-menu li {
	display: inline-block;
	margin: 0 10px;
}
.anchor-menu li a {
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #2B2C2C;
	font-size: 16px;
	text-decoration: none;
}
.anchor-menu li a.active {
	color: var(--orange);
}
.anchor-menu-visible {
	padding: 168px 20px 0 20px;
}
.anchor-menu-invisible {
	padding: 64px 20px 0 20px;
}
.intro-text {
	text-align: center;
	max-width: 930px;
	padding: 0 20px;
	margin: 100px auto;
}
.intro-text h1 {
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	margin: 0 0 0 0;
	padding: 0;
}
.intro-text h2 {
	font-size: 48px;
	line-height: 56px;
}
.flex-text {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.image-text-component h2 {
	margin: 0 0 10px 0;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 40px;
	line-height: 44px;
}
/*
.image-text-component:nth-child(2n) .slider {
	order: 2;
}
*/
.image-text-component:nth-child(even) .order:last-child {
	order:-1;
}
.image-text-component a {
	text-decoration: none;
	margin: 0 0 40px 0;
}
.grid-firmenkunden {
	width: 100%;
	grid-template-columns: minmax(0, 210px) minmax(0, 1fr);
	grid-gap: 120px;
}
.ansprechpartner {
	font-size: 18px;
	line-height: 28px;
}
.ansprechpartner a {
	color: var(--orange);
}
.text-block {
	display: grid;
	grid-template-columns: repeat(17, 1fr);
	grid-gap: 40px;
}
.text-block .text-block-headline {
	grid-column: 1 / 8;
}
.text-block .text-block-headline h1 {
	font-size: 20px;
	font-weight: 400;
	margin-top: 0;
}
.text-block .text-block-headline h2 {
	font-size: 40px;
}
.text-block .text-block-text {
	grid-column: 8 / 18;
}
.text-block .text-block-headlines {
	grid-column: 1 / 7;
}
.text-block .text-block-headlines h1 {
	font-size: 20px;
	margin-top: 0;
	font-weight: 400;
}
.text-block .text-block-headlines h2 {
	font-size: 40px;
}
.text-block p:first-child {
	padding-top: 0;
	margin-top: 0;
}
.text-block-content,
.text-block-content-wide {
	grid-column: 8 / 18;
}
.seperator {
	width: 100%;
	height: 2px;
	background: var(--orange);
	margin: 120px 0;
}
.referenzen h2 {
	grid-column: 1 / 5;
}
.referenzen .grid {
	grid-column: 8 / 18;
}
h2.werte-headline {
	margin: 0 0 40px 0;
}
.center {
	text-align: center;
	margin: 0 0 120px 0;
}
.steps {
	margin: 40px 0;
}
.manual {
	margin: 40px 0;
}
.manual p {
	margin: 0;
}
.steps p {
	margin: 0 0 40px 0;
}
.steps a {
	text-decoration: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	padding: 20px 15px;
	font-weight: 400;
}
a.button {
	background: var(--orange);
	display: block;
	max-width: 450px;
	width: 100%;
	margin: 20px 0 0 0;
	border-radius: 0;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-decoration: none;
	font-family: 'Arial', sans-serif;
	font-weight: 400;
	padding: 20px 15px;
}
a.button:hover {
	background: #000;
	padding: 20px 15px;
}
mark {
	background-color: transparent;
}
ul.wcsatt-options-product, .wcsatt-options-product-dropdown {
	padding: 0;
	margin: 10px 0;
}
a.woocommerce-button:hover,
a.woocommerce-Button:hover {
	padding: 20px 15px;
}
a.button.dark {
	border: 1px solid #08111F;
	background: #08111F;
	color: #fff;
}
a.button img {
	position: absolute;
	top: 13px;
	right: 16px;
	max-width: 20px;
	height: auto;
}
.section {
	padding: 120px 20px;
	border-bottom: 1px solid #D8D8D8;
}
.section.no-border {
	border: none;
}
.section:last-child {
	border: none;
}
.comp-thirds-teaser ul {
	padding: 0 0 0 10px;
	list-style: none;
}
.comp-thirds-teaser ul li {
	text-indent: -10px;
}
.comp-thirds-teaser ul li:before {
	content:"·";
	font-size: 30px;
	vertical-align: middle;
	line-height: 18px;
	margin-right: 4px;
}
.centered-text {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}
.centered-text h2.gesellschafter {
	margin: 0 0 120px 0;
}
.centered-text p {
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 32px;
}
.comp-thirds-teaser {
	display: flex;
	justify-content: space-between;
}
.comp-thirds-teaser .col {
	width: 32%;
	display: flex;
	flex-direction: column;
}
.comp-thirds-teaser .col ul,
.comp-thirds-teaser .col p {
	margin: 0 0 40px 0;
}
.comp-thirds-teaser .col a {
	margin-top: auto;
}
.comp-blog-preview-container {
	position: relative;
}
.comp-blog-preview {
	width: 100%;
	margin-top: 20px;
}
.comp-blog-preview .slick-slide {
	margin: 0 10px 0 0;
}
.comp-blog-preview .col {
	display: flex;
	flex-direction: column;
}
.blog-button {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 33%;
	z-index: 997;
	overflow: visible;
	cursor: pointer;
}
.prev,
.next {
	cursor: pointer;
}
.blog-button.prev {
	left: -22px;
}
.blog-button.next {
	right: -22px;
}
.comp-img-text {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-gap: 150px;
}
.comp-img-text .col-text {
}
.col-text p {
	margin-bottom: 40px;
}
div p:last-of-type {
	margin-bottom: 0;
}
.w-full.contentblocks {
	margin-bottom: 120px;
}
.w-full.contentblocks:last-child {
	margin-bottom: 0;
}
.section.contentblocks:nth-child(2n) .col-text,
.w-full.contentblocks:nth-child(2n) .col-text {
	order: 2;
}
.section.contentblocks:nth-child(2n) .col-img,
.w-full {
	order: 1;
}
.instagram-feed {
	margin-top: 20px;
}
.instagram-feed .wpmi-list {
	display: grid !important;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.instagram-feed .wpmi-list li.wpmi-item {
	width: 100% !important;
}
.instagram .social-media-title {
	margin-right: 60px;
	display: inline-block;
}
.instagram a {
	margin-right: 10px;
	display: inline-block;
}
.instagram h2 {
	margin: 0;
}
.instagram a:last-child {
	margin-right: 0;
}
.read-more-btn {
	max-width: 100px;
	margin: 40px auto 0 auto;
	text-align: center;
	cursor: pointer;
}
.grey {
	background: #F8F8F8;
	padding: 80px 20px;
}
.infographic-ul ul {
	list-style: none;
	line-height: 28px;
	padding-left: 1.2em;
	counter-reset: item;
}
.infographic-ul ul li {
	position: relative;
	margin-bottom: 5px;
}
.infographic-ul ul li::before {
	content: counter(item) ".";
	counter-increment: item;
	position: absolute;
	top: 0;
	left: -16px;
	margin-right: 4px;
	color: var(--orange);
}
.product-ul {
}
.infographic-ul {
	grid-column: 1 / 6;
}
.infographic-preheadline {
	margin-bottom: 40px;
}
.infographic-product-seperator {
	height: 1px;
	background: #D8D8D8;
	margin: 0 0 20px 0;
}
.plan-infographic {
	grid-column: 7 / 13;
}
.product-ul h2 {
	margin-bottom: 40px;
}
.product-ul ul {
	list-style: none;
	padding: 0 0 0 20px;
	font-size: 24px;
	line-height: 34px;
	margin: auto 0 0 0;
}
.product-ul ul li {
	position: relative;
	display: block;
}
.product-ul ul li:before {
	position: absolute;
	top: -4px;
	left: -16px;
	content: "+";
	margin-right: 4px;
	font-size: 28px;
	line-height: 38px;
	color: var(--orange);
}
.product-additional  {
	padding: 20px 0 0 0;
}
.product-additional p {
	margin: 0;
}
.product-additional p {
	grid-column: 6 / 13;
}
.product-seperator {
	grid-column: 2 / 12;
	height: 1px;
	background: #D8D8D8;
}
.werte {
	max-width: 650px;
}
.werte .wert {
	margin-bottom: 80px;
}
.werte .wert:last-child {
	margin-bottom: 0;
}
.contact {
	margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px;
}
.contact img {
	margin-bottom: 10px;
}
.contact .bu {
	margin-bottom: 60px;
}
.contact-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
}
.text-small {
	font-size: 12px;
}
.firmenkunden {
	margin-top: 80px;
}
.form {
	max-width: 880px;
	margin: 0 auto;
}
.form a {
	border-bottom: 1px solid var(--orange);
}
.blog-posts {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
.blog-post {
	overflow: hidden;
}
.post-categories ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 15px 0 0 0;
	display: inline-block;
}
.post-categories {
	font-size: 12px;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.blog-post a {
	display: block;
}
.blog-post h3 {
	font-size: 26px;
	line-height: 31px;
	color: #001C33;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.comp-blog-preview-container h3 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.pagination {
	margin-top: 80px;
	display: flex;
}
.pagination-inner {
	margin-left: auto;
}
.pagination-item {
	padding: 0 10px;
	border-right: 1px solid #001C33;
}
span.pagination-item {
	color: var(--orange);
}
.pagination-item:last-child {
	border: none;
}
.presse-inner {
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(auto, 200px) auto;
}
a.presse-post {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #D8D8D8;
}
a.presse-post:first-child {
	border-top: 1px solid #D8D8D8;
}
.press-post-content {
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
}
.press-post-content p {
	margin-bottom: 40px;
}
.press-post-content p:last-child {
	margin-bottom: 0;
}
.blog-post-content {
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
}
.blog-post-content p {
	margin-bottom: 40px;
}
.blog-post-content p:last-child {
	margin-bottom: 0;
}
.progress-wrapper {
	background: #000;
	width: 100%;
	height: 5px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.progress-container {
	width: 0%;
	height: 5px;
	background: var(--orange);
	position: absolute;
	top: 0;
	left: 0;
}
.full-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #001C33;
	color: #fff;
	z-index: 999;
	overflow: scroll;
	padding: 120px 0 140px 0;
	opacity: 0;
	transition: 0.4s ease opacity;
	pointer-events: none;
}
.full-overlay-close {
	width: 100%;
	padding: 10px;
	text-align: center;
	background-color: #08111F;
	margin-top: 80px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: all 0.2s ease;
}
.full-overlay-close img {
	display: block;
	margin: 0 auto 8px auto;
}
.full-overlay-text {
	max-width: 650px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.full-overlay-text p {
	margin-bottom: 40px;
}
.full-overlay-text:first-child:first-letter {
	font-size: 5em;
	float: left;
	margin: .34em .1em .15em 0;
	color: #D6D1BA;
}
.full-overlay-image {
	max-width: 880px;
	margin: 0 auto;
}
.full-overlay-bu {
	max-width: 650px;
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	margin: 10px auto 40px auto;
}
.full-overlay .centered-text {
	margin-bottom: 80px;
}
.newsletter {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 60px;
}
.newsletter-inner {
	max-width: 880px;
	width: 100%;
	height: 350px;
	text-align: center;
	padding: 60px;
	background: var(--orange);
	color: #fff;
	margin: 0 auto;
}
.newsletter-inner h2 {
	font-size: 40px;
	line-height: 67px;
	margin: 0 0 40px 0;
}
.newsletter-inner p {
	font-size: 24px;
	line-height: 34px;
}
.newsletter-email {
	max-width: 700px;
	width: 100%;
	height: 120px;
	padding: 25px 40px 15px 40px;
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	display: flex;
	align-items: center;
	box-shadow: 0 15px 50px 0 rgba(0,0,0,0.20);
}
.newsletter-email input {
	padding: 0 0 0 0;
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid var(--orange);
	margin-bottom: 0;
}
.blogpost {
	width: 100%;
	height: 100vh;
	padding: 0 0 140px 0;
	overflow: scroll;
}
.blogpost-lead-in {
	padding: 120px 20px;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 80px;
}
.blogpost .full-overlay-text:first-child:first-letter {
	color: var(--orange);
}
.return-to-blog {
	width: 100%;
	padding: 10px;
	text-align: center;
	background-color: #08111F;
	margin-top: 80px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: all 0.2s ease;
}
.return-to-blog img {
	margin: 0 auto 8px auto;
}
.category-filter {
	margin-top: 80px;
	margin-bottom: 20px;
}
.category-filter a {
	display: inline-block;
	margin-right: 10px;
}
.category-filter span {
	color: var(--orange);
	display: inline-block;
	margin-right: 10px;
}
.category-title {
	font-size: 26px;
	padding: 20px 0;
	margin-bottom: 20px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
.categories a {
	margin: 0 0 15px 0;
}
/* BEGIN WOOCOMMERCE */
.woocommerce-gzd-reg_data_privacy-checkbox-text a {
	display: inline-block;
}
.woocommerce form .form-row textarea {
	height: 200px;
}
.wc_payment_method label {
	font-size: 14px;
	display: flex;
}
.woocommerce-gzd-legal-checkbox-text a {
	display: inline-block;
}
.actions .button {
	padding: 15px 20px !important;
}
.quantity {
	float: none !important;
}
.quantity label {
	width: 100%;
	display: block;
	padding: 5px 0;
}
.woocommerce-variation-description {
	display: none !important;
}
.wc-gzd-additional-info, .shipping-costs-info, .variation_modified {
	display: flex;
}
.wc-gzd-additional-info span, .shipping-costs-info span, .variation_modified span {
	margin: 0 5px 0 0;
}
.woocommerce-product-details__short-description {
	font-weight: 400;
	margin: 0 0 10px 0;
}
.bn-product-meta {
	margin: 80px 0;
	font-size: 18px;
	line-height: 28px;
	display: grid;
	grid-template-columns: 1fr 3fr;
}
.bn-product-meta-title {
	font-weight: 700;
	color: var(--orange);
}
.bn-product-description {
	overflow: hidden;
}
.bn-product-description p:first-child {
	margin-top: 0;
}
.bn-product-description h3 {
	margin: 0 0 40px 0;
	font-size: 18px;
}
.bn-product-description table {
	width: 100%;
	margin: 40px 0;
	font-size: 14px;
}
.bn-product-details {
	font-size: 14px;
	line-height: 20px;
	display: flex;
	flex-direction: column;
	margin: 80px 0;
}
.bn-related-products {
	border-top: 2px solid var(--orange);
}
.bn-related-products h4 {
	margin: 40px 0;
	font-size: 18px;
	color: var(--orange);
}
.bn-related-products-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 40px;
}
.bn-related-products img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	margin: 0 0 20px 0;
	background: linear-gradient(to bottom, #eaeaea 50%, #f8f8f8 50%);
}
.bn-related-products .bn-related-product-title {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}
.bn-related-products a {
	text-decoration: none;
	color: #000;
	font-weight: 700;
}
.bn-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-gap: 20px
}
.bn-sort {
	display: flex;
	align-items: baseline;
}
.bn-sort form,
.bn-sort span {
	margin: 0 0 0 10px;
}
.bn-sort span.active {
	color: var(--orange);
	display: block;
}
.bn-sort input[type="submit"] {
	background: none;
	color: #000000;
	padding: 0;
	border: none;
}
ins {
	text-decoration: none;
}
.bn-product {
	color: #000000;
	font-weight: 700;
	font-size: 14px;
}
.bn-onsale {
	max-width: 60px;
	position: absolute;
	top: 50px;
	right: 10px;
	z-index: 999;
}
.coffee-of-the-month {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 2px 8px;
	border-radius: 20px;
	background: var(--orange);
	color: #fff;
	font-weight: 600;
	font-size: 11px;
	z-index: 999;
}
.bn-onsale img {
	background: none !important;
}
.onsale {
	display: none;
}
.woocommerce nav.woocommerce-pagination {
	grid-column: 1 / 13;
}
.woocommerce form .form-row .input-checkbox {
	display: inline;
	margin: 0 5px 0 0 !important;
	text-align: center;
	vertical-align: middle;
}
.woocommerce-gzd-legal-checkbox-text a {
	text-decoration: underline;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked + label {
	color: var(--orange);
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked + label img {
	opacity: 1;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
	padding: 10px 0;
	border: none;
}
.wc_payment_methods .input-radio {
	display: none;
}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
	margin: 0;
	cursor: pointer;
	opacity: 0.25;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
	line-height: 2;
	text-align: left;
	margin: 0 10px 0 0;
	width: 15%;
	display: inline-block;
}
.woocommerce-shipping-fields h3 {
	color: #000;
	font-size: 18px;
}
.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child {
	margin: 0;
}
h3#order_review_heading {
	margin: 80px 0 0 0;
}
p.woocommerce-thankyou-order-received {
	margin: 0 0 20px 0 !important;
	padding: 0;
}
.woocommerce ul.order_details {
	padding: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
	padding: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
	display: none;
}
h2.woocommerce-column__title {
	margin: 0 0 20px 0;
}
.woocommerce .woocommerce-customer-details address {
	border: none;
	padding: 0;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: #000;
	padding: 0;
	margin: 0;
}
.woocommerce div.product form.cart .variations td {
	display:block;
	width: 100%;
	box-sizing:border-box;
	clear:both;
}
p.wc-gzd-additional-info {
	padding: 0;
	margin: 0;
}
table.variations {
	max-width: 100%;
	width: 100%;
}
select {
	display: block;
	max-width: 100%;
	width: 100%;
	margin: 0 0 0 0;
	padding: 20px 15px;
	border: 1px solid #DDDDDD;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	position: relative;
	background: url("./images/arrow_down.png") no-repeat right #ffffff;
	background-size: 20px auto;
	background-position-x: 95%;
	border-radius: 0px;
}
option {
	font-weight: 400;
	padding: 10px;
}
div.woocommerce {
	padding: 80px 20px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}
div.woocommerce .w-full {
	grid-column: 1 / 13;
}
.woocommerce-account .woocommerce:before {
	display: none;
}
.woocommerce-MyAccount-content a {
	display: inline-block;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: var(--orange);
	display: block;
	max-width: 100%;
	width: 100%;
	margin: 20px 0 0 0;
	border-radius: 0;
	font-size: 18px;
	line-height: 22px;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-family: 'Arial', sans-serif;
	font-weight: 400;
	padding: 20px 15px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background: var(--orange);
	border-radius: 0;
	color: #fff;
	font-size: 18px;
	line-height: auto;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background: #000000;
	color: #ffffff;
}
.wc-gzd-place-order .button.alt {
	max-width: inherit !important;
}
.reset_variations {
	display: none !important;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: none;
}
.woocommerce-billing-fields__field-wrapper select {
	max-width: inherit;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	height: auto;
	padding: inherit;
	margin: 0;
	max-width: inherit;
}
.woocommerce table.shop_table {
	border-radius: 0;
}
.cart_totals h2 {
	margin: 42px 0 !important;
	font-size: 40px !important;
}
.woocommerce table.shop_table {
	margin: 0 !important;
}
.woocommerce-message::before,
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	content: "";
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	padding: 20px;
}
.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--orange);
	color: #000;
	grid-column: 1 / 13;
}
.bn-product .woocommerce-message {
	display: none;
}
.woocommerce-form-coupon-toggle {
	display: none;
}
.return-to-shop {
	grid-column:  1 / 3;
}
.woocommerce-notices-wrapper {
	width: 100%;
	margin: 0 auto;
	grid-column: 1 / 13;
}
.woocommerce-shipping-methods input {
	-webkit-appearance: auto;
}
.woocommerce ul#shipping_method li input {
	margin-top: 6px;
}
.product-template-default .woocommerce-notices-wrapper {
	display: none !important;
}
.product-thumbnail {
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
	max-width: 100px !important;
	max-height: 100px !important;
	width: 100% !important;
	height: 100% !important;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
	float: left;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	border: 1px solid #d3ced2;
	padding: .618em 1em;
	margin: 0 4px 0 0;
	outline: 0;
	width: auto;
}
.checkout.woocommerce-checkout {
	max-width: 880px;
	margin: 0 auto;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: none;
	border-radius: 0;
}
.woocommerce form .form-row {
	padding: 0;
	margin: 0 0 20px 0;
}
.price-unit {
	display: none;
}
#order_review {
	max-width: 880px;
	width: 100%;
	margin: 80px auto 0 auto;
	grid-column: 1 / 13;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
	padding: 0;
	margin: 10px 0;
}
.woocommerce-MyAccount-content p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
.woocommerce-MyAccount-content a {
	text-decoration: underline;
}
.woocommerce-MyAccount-content table a {
	border: none;
	margin: 0 10px 0 0 !important;
}
.woocommerce-MyAccount-content p:last-of-type {
	margin: 0 0 20px 0;
}
fieldset {
	padding: 0;
	border: none;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	grid-column: 1 / 13;
	margin: 0 auto;
	border-radius: 0;
}
.woocommerce-ResetPassword.lost_reset_password {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	border-radius: 0;
	border: 1px solid #d3ced2;
	padding: 20px;
	grid-column: 1 / 13;
}
.woocommerce p {
	grid-column: 1 / 13;
}
.woocommerce-price-suffix {
	font-size: 12px;
	display: block;
}
.bn-filter {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.bn-filter p {
	margin: 0;
}
.bn-intro {
	background: #f9f9f9;
	padding: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	margin: 20px 0 0 0;
}
.bn-intro img {
	max-width: 120px;
	margin: 0 0 20px 0;
}
.bn-intro-text {
	max-width: 1000px;
	width: 100%;
	font-size: 24px;
	line-height: 32px;
	margin: 20px 0 0 0;
}
.bn-intro-text a {
	color: #CA3763;
	text-decoration: none;
	font-weight: 700;
	margin: 20px 0 0 0;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	transition: all 0.2s ease;
}
.bn-intro-text a:hover {
	color: #000000;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: #aaaaaa;
	color: #fff;
}
tr td:first-child {
	font-weight: 700;
}
/* END WOOCOMMERCE */
.product-preview video {
	max-width: 100%;
	height: auto;
	object-fit:cover;
}
.woocommerce ul.products li.product a img,
.bn-summary img {
	background: linear-gradient(to bottom, #eaeaea 50%, #f8f8f8 50%);
}
a.button.bn-show-cart {
	background: var(--bordeaux);
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.variation_modified > .wcsatt-options-wrapper {
	display: none;
}
td a.button {
	display: inline-block;
	width: auto;
}
.woocommerce-MyAccount-content h2,
header h2 {
	margin: 40px 0 !important;
}
.hero a {
	text-decoration: none;
}
td {
	vertical-align: text-top;
}
.bn-summary-form {
	max-width: 450px;
}
.certificates {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 99;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
img.certificate {
	background: none;
	display: inline-block !important;
	max-width: 40px;
	height: auto;
	margin: 0 10px 10px 0 !important;
	text-align: center;
}
.preperations {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
}
.specials {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}
.preperations,
.specials {
	font-size: 12px;
}
.quantity label {
	display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	grid-column: 1 / 3;
}
.woocommerce-MyAccount-navigation ul li a {
	text-decoration: none;
	color: #000;
}
.woocommerce-MyAccount-navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
	margin: 0;
}
.woocommerce-MyAccount-content {
	min-height: 100vh;
	grid-column: 3 / 13;
	float: none !important;
	width: 100% !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	float: none;
	width: 100%;
	grid-column: 1 / 7;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float: none;
	width: 100%;
	grid-column: 7 / 13;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
	grid-column: 1 / 13;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 0 40px;
}
.woocommerce div.product .out-of-stock {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	background: #e53935;
	color: #fff;
	border-radius: 2px;
	padding: 3px 5px;
}
.woocommerce div.product form.cart {
	margin-bottom: 20px;
}
.woocommerce div.product form.cart div.quantity {
	margin: 0;
}
.mobile-products {
	display: none;
}
.term-description {
	display: none;
}
img.added-to-cart {
	position: absolute;
	top: 43px;
	right: 14px;
	max-width: 360px;
	width: 360px;
	z-index: 999;
	display: none;
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields,
.woocommerce-checkout-review-order,
.woocommerce-order {
	grid-column: 1 / 13;
}
.payment_box {
	display: none !important;
}
.input-radio {
	display: inline-block !important;
}
#payment img,
#payment svg,
.about_paypal {
}
.wc_payment_methods .input-radio {
	display: inherit;
}
.woocommerce-checkout #payment ul.payment_methods li {
	width: auto;
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.mollie-gateway-icon {
	margin-left: 10px !important;
	height: 34px !important;
	float: right !important;
	width: auto;
}
.container-small:last-child .seperator.visible {
	display: inherit;
}
.payment_method_ppcp-gateway img {
	width: auto !important;
	height: 34px !important;
	background: #eee !important;
	padding: 8px !important;
	border-radius: 5px !important;
	margin-left: 10px !important;
}
p a {
	display: inline-block;
}
.woocommerce-form-login-toggle,
.woocommerce-account-fields {
	grid-column: 1 / 13;
}
.disabled {
	pointer-events: none;
}
.gastronavi {
	margin: 20px 0 0 0;
}
.gastronavi div {
	margin: 0 !important;
	width: auto !important;
}
.gastronavi iframe {
	width: auto;
	height: auto;
}
.bn-summary .slider-buttons,
.bn-summary ul.slick-dots {
	bottom: 100px;
}
.bn-category-header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 80px;
}
.bn-category-header h1 {
	font-family: 'Arial', sans-serif;
	font-weight: 600;
}
.bn-category-text {
	background: #F8F8F8;
	padding: 20px;
}
.bn-category-footer {
	border-top: 4px solid #EC7164;
	padding: 60px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
.bn-category-footer img {
	width: auto;
	max-height: 100px;
}
.special-form {
	max-width: 610px;
	margin: 40px auto;
}
.special-form input[type="text"],
.special-form input[type="email"],
.special-form input[type="tel"],
.special-form input[type="password"] {
	background: none;
	border: 1px solid #cccccc;
	margin-bottom: 40px;
	width: 100%;
	padding: 15px 20px;
}
.special-form textarea {
	background: #fff;
}
.special-form input[type="submit"] {
	background: #EC7164;
	border: 1px solid #EC7164;
	width: 100%;
	text-align: center;
	color: #fff;
	cursor: pointer;
	padding: 15px 20px;
}
.small-text {
	max-width: 800px;
	margin: 0 auto;
}
.bedingungen {
	padding: 40px 0 !important;
	border-top: 4px solid #EC7164;
	font-size: 14px;
	line-height: 20px;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hero-left {
	height: calc(100vh - 94px);
  overflow: hidden;
}
@media screen and (max-width : 1440px) {

img.added-to-cart {
	right: 74px;
}
.container {
	max-width: 1440px;
	padding: 0 80px;
}
.grid-gap-120 {
	grid-gap: 80px;
}
.header-inner {
	max-width: 1440px;
	padding: 0 60px;
}
.container.shop {
	padding: 140px 80px;
}
.text-block .text-block-headlines h2,
h2 {
	font-size: 26px;
	line-height: 44px;
}
.text-block .text-block-headlines h1 {
	font-size: 18px;
	margin-top: 0;
	font-weight: 400;
}
}
@media screen and (max-width : 1110px) {

.bn-category-header {
	display: grid;
	grid-template-columns: 1fr;
	margin-bottom: 80px;
}
.bn-category-header h1 {
	font-family: 'Arial', sans-serif;
	font-weight: 600;
	line-height: 40px;
}
.bn-category-text {
	background: #F8F8F8;
	padding: 20px;
}
.bn-category-footer {
	border-top: 4px solid #EC7164;
	padding: 20px 0 0 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 60px 0;
}
.bn-category-footer img {
	width: auto;
	max-height: 100px;
}
img.added-to-cart {
	right: 10px;
}
.container.shop {
	padding: 140px 20px;
}
.slider ul.slick-dots {
	bottom: 20px;
}
.grid-firmenkunden {
	width: 100%;
	grid-template-columns: 1fr;
	grid-gap: 120px;
}
.ansprechpartner {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(17, 1fr);
}
.ansprechpartner img {
	grid-column: 1 / 7;
}
.ansprechpartner div {
	grid-column: 8 / 18;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.container,
.container-small {
	padding: 0 20px;
}
.slider-buttons {
	bottom: 10px;
	right: 10px;
}
.grid-3 {
	grid-template-columns: 1fr 1fr;
}
.section {
	padding: 20px;
}
.u-columns {
	padding: 0 20px;
}
.u-column1 {
	margin-bottom: 40px;
}

.bn-product-meta {
	grid-template-columns: 1fr;
}
.container.shop {
	grid-template-columns: 1fr;
	grid-gap: 0;
}
.shop-category-menu {
	display: none;
}
.shop-content {
	grid-column: 1 / 13;
}
.section-margin {
	margin: 60px auto;
}
.site-footer .grid-2 {
	grid-template-columns: 1fr;
}
.bn-teaser-content {
	position: absolute;
	width: 80%;
	left: 20px;
	bottom: 20px;
	color: #fff;
	transition: all 0.2s ease;
}
.bold-headline {
	font-size: 26px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
}
nav.main-navigation,
nav.shop-nav {
	display: none;
}
.menu-btn {
	display: block;
}
nav.mobile nav.shop-nav {
	display: block;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #670F3F;
}
nav.mobile nav.shop-nav a img {
	margin: 0 10px 0 0;
}
nav.mobile nav.shop-nav a {
	margin-bottom: 10px;
	font-size: 14px;
}
nav.mobile ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
nav.mobile ul li {
	margin: 0 0 30px 0;
}
nav.mobile ul li a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
}
nav.mobile ul li ul {
	display: none;
}
.container-start.section-margin {
	margin: 20px auto;
}
.header-inner {
	max-width: 1440px;
	padding: 0;
}
.preheadline {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 0 0;
	padding: 0;
}
.hero-right-headline {
	font-size: 28px;
	line-height: 38px;
}
}
@media screen and (max-width : 500px) {
.hero-slider ul.slick-dots {
	left: auto;
	right: 20px;
	transform: none;
	padding: 0;
	bottom: 20px;
}
.wp-block-yith-search-block {
	width: 100px;
}
.hero {
	grid-template-columns: 1fr;
	height: auto;
}
.hero-left {
	display: none;
}
.hero-right {
	--hero-h: calc(100vh - 64px);   /* Fallback für alte Browser */
	--hero-h: calc(100svh - 64px);  /* iOS-Bar berücksichtigt, springt nicht */
	height: auto;
	padding: 0;
	display: flex;
	flex-direction: column;
}
/* obere Hälfte: Bild, 100% breit, füllt die Fläche (mittiger Beschnitt) */
.hero-right::before {
	content: "";
	display: block;
	flex: 0 0 auto;
	height: calc(var(--hero-h) * 0.5);
	background-image: inherit;      /* erbt das Bild von .hero-right */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
/* untere Hälfte: Textbox mit vergrößertem, unscharfem Bild (Markenfarbwelt) */
.hero-right-copy {
	position: relative;
	overflow: hidden;
	height: auto;
	min-height: calc(var(--hero-h) * 0.5);
	background-color: var(--bordeaux);   /* Fallback + deckt Blur-Ränder */
	background-image: inherit;           /* Bild-URL von .hero-right übernehmen */
	background-size: 0 0;                /* auf der Box selbst nicht anzeigen */
	padding: 30px 20px;
	justify-content: center;
}
.hero-right-copy::before {
	content: "";
	position: absolute;
	inset: -10px;
	background-image: inherit;
	background-position: center;
	background-size: cover;
	filter: blur(24px) brightness(0.8); /* unscharf + leicht abgedunkelt = lesbar */
	transform: scale(1.2);              /* vergrößert */
	z-index: 0;
}
.hero-right-copy > * {
	position: relative;
	z-index: 1;
}
.hero-product {
	display: none;
}
.preheadline {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 0 0;
	padding: 0;
}
.hero-right-headline {
	font-size: 32px;
	line-height: 38px;
}
.text-block .text-block-headlines {
	grid-column: 1 / 13;
}
h2.woocommerce-column__title,
h2.woocommerce-order-details__title {
	font-size: 20px;
}
.woocommerce table.shop_table {
	font-size: 14px;
}
.woocommerce ul.order_details li {
	float: none;
	text-transform: uppercase;
	font-size: .715em;
	line-height: 1;
	border: none;
	padding-right: 2em;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	margin: 0 0 20px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce-billing-fields {
	grid-column: 1 / 13;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
	width: 100%;
	float: none;
}
.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button {
	float: none;
	width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
	grid-gap: 0;
}
.u-columns {
	padding: 0;
}
.image-text-component .slider a {
	margin: 0;
}
h1 br {
	display: none;
}
.grid-gap-60 {
	grid-gap: 40px;
}
.mobile-products {
	display: inherit;
}
.desktop-products {
	display: none;
}
.preperations,
.specials {
	grid-template-columns: repeat(2, 1fr);
}
.certificates {
	flex-direction: column;
}
img.certificate {
	background: none;
	max-width: 30px;
	height: auto;
	margin: 0 10px 10px 0 !important;
	text-align: center;
}
.site-footer form {
	width: 100%;
	display: block;
}
.site-footer form input[type="email"] {
	width: 100%;
}
.site-footer form input[type="submit"] {
	width: 100%;
}
.sub-footer {
	margin: 20px 0 0 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.sub-footer div {
	display: flex;
	align-items: center;
	margin: 20px 0 0 0;
	color: #ffffff;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	font-style: normal;
	flex-direction: row;
}
.product-preview {
	height: 250px;
}
.product-preview video {
	width: 100%;
	height: 250px;
}
.image-text-component:nth-child(2n) .slider {
	order: inherit;
}
.image-text-component:nth-child(even) .order:last-child {
	order: inherit;
}
.anchor-menu-visible {
	padding: 64px 0 0 0;
}
.grid-3 {
	grid-template-columns: 1fr;
}
.text-block {
	grid-template-columns: 1fr;
	grid-gap: 0;
}
.text-block div {
	grid-column: 1;
}
.bn-summary {
	grid-template-columns: minmax(0, 1fr);
}
.grid-gap-120 {
	grid-gap: 20px;
}
.intro-text {
	margin: 20px auto;
}
.intro-text h1,
.intro-text h2 {
	font-size: 30px;
	line-height: 42px;
}
.anchor-menu {
	display: none;
}
.bn-account .woocommerce {
	padding: 100px 0;
}
.woocommerce-account .woocommerce {
	grid-template-columns: 1fr;
	grid-gap: 20px 0;
}
.woocommerce .section {
	padding: 0;
}
.bn-filter {
	display: block;
	margin-bottom: 30px;
}
.container.shop {
	display: inherit;
}
.bn-related-products-grid {
	grid-template-columns: 1fr;
}
nav.mobile {
	width: 100%;
	border: none;
}
.product-grid-col-1 {
	grid-column: 1 / 13;
	grid-row: 1;
}
.product-grid-col-2 {
	grid-column: 1 / 13;
	grid-row: 2;
}
.product-grid-col-4 {
	grid-column: 1 / 13;
	grid-row: 4;
}
.product-grid-col-3 {
	grid-column: 1 / 13;
	grid-row: 3;
}
.bn-featured-products {
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
}
.bn-featured-products-container {
	padding: 20px;
}
.bn-featured-products a {
	display: none;
}
.bn-featured-products a:first-child,
.bn-featured-products a:nth-child(2),
.bn-featured-products a:nth-child(3) {
	display: inherit;
}
.grid-2 {
	width: 100%;
	grid-template-columns: minmax(0, 1fr);
}
.bn-teaser video {
	max-width: 100%;
	height: 250px;
	object-fit:cover;
}
.container.shop {
	padding: 84px 20px;
}
.bold-headline {
	font-size: 22px;
	line-height: 26px;
}
.bn-intro {
	padding: 20px;
}
.bn-intro img {
	max-width: 50px;
}
.bn-intro-text {
	font-size: 18px;
	line-height: 26px;
}
.bn-product-details,
.bn-product-meta {
	margin: 20px 0;
}
table {
	border-spacing: 0 15px;
}
tr {
	vertical-align: top;
	border-spacing: 10px;
	border-collapse: separate;
}
tr td {
	line-height: 18px;
}
tr td:first-child {
	font-weight: 700;
}
.bn-intro-text a {
	font-size: 16px;
}
.image-text-component h2 {
	font-size: 30px;
	line-height: 42px;
}
.ansprechpartner {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(8, 1fr);
}
.ansprechpartner img {
	grid-column: 1 / 3;
}
.ansprechpartner div {
	grid-column: 3 / 8;
}
.ansprechpartner div p:first-child {
	margin-top: 0;
}
.section-margin {
	margin: 40px auto;
}
.grid-firmenkunden {
	grid-gap: 40px;
}
.text-block h2 {
	margin: 0 0 20px 0;
	grid-column: 1 / 8;
}
.seperator {
	margin: 40px 0;
}
.grid-firmenkunden .grid-3 {
	grid-template-columns: 1fr 1fr;
}
.team-grid {
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr;
}
.center {
	text-align: center;
	margin: 0 0 40px 0;
}
}