:root {
  --000000: #000000;
  --111111: #111111;
  --ffffff: #ffffff;
  --34a853: #34a853;
  --309b4d: #309b4d;
  --dc3545: #dc3545;
  --717171: #717171;
  --a71d2a: #a71d2a;
  --ededed: #ededed;
  --f5f5f5: #f5f5f5;
  --dee2e6: #dee2e6;
  --28a745: #28a745;
  --A18D8D: #A18D8D;
  --a6b1bc: #a6b1bc;
  --ff0000: #ff0000;
  --FFDCD9: #FFDCD9;
  --5B6E6E: #5B6E6E;
  --575757: #575757;
  --e9ecef: #e9ecef;
  --ff3000: #ff3000;
  --ff7200: #ff7200;
  --ff9600: #ff9600;
  --ffba00: #ffba00;
  --ffc107: #ffc107;
}
@font-face {
font-family : "Open Sans";
src : url("../fonts/OpenSans/Regular/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans/Regular/OpenSans-Regular.woff") format("woff");
font-weight : 400;
font-style : normal;
font-display : swap;
}
@font-face {
font-family : "Open Sans";
src : url("../fonts/OpenSans/Italic/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans/Italic/OpenSans-Italic.woff") format("woff");
font-weight : 400;
font-style : italic;
font-display : swap;
}
@font-face {
font-family : "Open Sans";
src : url("../fonts/OpenSans/Bold/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans/Bold/OpenSans-Bold.woff") format("woff");
font-weight : 700;
font-style : normal;
font-display : swap;
}
@font-face {
font-family : "Open Sans";
src : url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff") format("woff");
font-weight : 700;
font-style : italic;
font-display : swap;
}
@font-face {
font-family : "RobotoSlab";
src : url("../fonts/RobotoSlab/RobotoSlab-Regular.woff") format("woff");
font-weight : normal;
font-style : normal;
font-display : swap;
}
@font-face {
font-family : "RobotoSlab";
src : url("../fonts/RobotoSlab/RobotoSlab-ExtraBold.woff") format("woff");
font-weight : 800;
font-display : swap;
}
body, html {
font-family : 'Open Sans', sans-serif;
font-style : normal;
position : relative;
height : 100%;
color: var(--111111);
text-underline-offset: 2px;
}
.modal-open, .modal {
padding-right: 0 !important;
}
a {
color : var(--111111);
outline : none;
}
a:hover {
color : var(--000000);
text-decoration : underline;;
}
p {
color : var(--111111);
}
* {
outline : none;
}
*:focus {
outline : none !important ;
box-shadow : none !important ;
}
::placeholder {
color : var(--717171);
opacity : 1;
}
.min-height {
min-height : 300px;
}
.topline {
min-height : 35px;
}
.btn:focus {
outline : none !important ;
box-shadow : none !important ;
}
.btn {
transition : none;
outline : none;
}
.btn-green {
color : var(--ffffff);
background-color : var(--34a853);
border-color : var(--309b4d);
border-radius : 50em;
padding : 0.75rem 1rem;
font-size: 14px;
}
.btn-green:hover {
color : var(--ffffff);
background-color : var(--309b4d);
border-color : var(--309b4d);
}
.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active, .show > .btn-green.dropdown-toggle {
color : var(--ffffff);
background-color : var(--309b4d);
border-color : var(--309b4d);
}
p {
font-size: 14px;
}
h1 {
font-family : 'RobotoSlab';
color : var(--111111);;
font-size : 1.3rem;
}
h2 {
font-family : 'RobotoSlab';
color : var(--111111);;
font-size : 1.15rem;
}
h3 {
font-family : 'RobotoSlab';
color : var(--111111);;
font-size : 1rem;
}
ol li {
font-size: 14px;
}
ul li {
font-size: 14px;
}
.mod_bakery_main_title_f {
font-family : 'RobotoSlab';
color : var(--111111);;
font-size : 1rem;
}
.scrolltop svg {
stroke : var(--ffffff);
stroke-width : 1px;
}
.btn-black {
color : var(--ffffff);
background-color : var(--111111);;
border-color : var(--111111);;
}
.btn-black:hover {
color : var(--ffffff);
background-color : var(--000000);
border-color : var(--000000);
}
.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle {
color : var(--ffffff);
background-color : var(--000000);
border-color : var(--000000);
}
.btn-red {
color : var(--ffffff);
background-color : var(--dc3545);
border-color : var(--dc3545);
}
.btn-red:hover {
color : var(--ffffff);
background-color : var(--a71d2a);
border-color : var(--a71d2a);
}
.btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active, .show > .btn-red.dropdown-toggle {
color : var(--ffffff);
background-color : var(--a71d2a);
border-color : var(--a71d2a);
}
.btn.option-select {
display : inline-block;
border : var(--dee2e6) solid 1px;
cursor : pointer;
border-radius : 0;
}
.btn.option-select.active {
border : var(--000000) solid 1px;
}
.btn.option-select:hover {
border : var(--000000) solid 1px;
}
.body-darken {
background-color : var(--ededed);
}
.bg-black {
background-color : var(--111111);;
}
.burger-menu {
color : var(--111111);;
font-size : 1.5rem;
line-height : 1;
}
.container-main {
margin-right : auto;
margin-left : auto;
max-width : 1792px;
}
.content .table {
font-size: 14px;
}
.buds-abo strong {
font-size : 1.5rem;
}
.buds-abo p {
line-height : 1.5rem;
margin-top : 1rem;
}
.review-stars {
display : inline-block;
color : var(--111111);;
text-decoration : none;
}
.review-average {
color : var(--111111);;
text-decoration : underline;;
vertical-align : middle;
}
.available-text {
color : var(--111111);;
text-decoration : none;
vertical-align : middle;
}
.review-average:hover {
color : var(--000000);
text-decoration : underline;;
}
.reviews:hover > .review-average {
text-decoration : underline;;
}
#reviews {
display : block;
position : relative;
}
.review-stars:hover {
display : inline-block;
color : var(--000000);
text-decoration : none;
}
.footer {
background : var(--f5f5f5);
font-size: 14px;
}
.footer-main-menu ul li a {
color : var(--111111);;
line-height : 2rem;
}
.footer-sub-menu ul li a {
color : var(--111111);;
}
.footer-main-menu ul li.menu-current a {
text-decoration: underline;
}
.footer-sub-menu ul li.menu-current a {
text-decoration: underline;
}
.footer ul li a:hover {
color : var(--000000);
}
.buy-container.sticky-menu {
position : sticky;
top : 1rem;
/*background-image: linear-gradient(to left, var(--ffffff) 0%, var(--f5f5f5) 100%, var(--ffffff) 100%);*/
}
.buy-container p:last-of-type {
margin-bottom: 0 !important;
}
.sticky-menu {
position : sticky;
top : 2rem;
}
.sticky-burger {
height : 48px;
top : 1.25rem;
}
.logo {
display : inline-block;
min-height : auto;
}
.logo a {
font-weight : 800;
color : var(--111111);;
font-size : 1.15rem;
line-height : 1;
font-family : RobotoSlab;
text-transform : uppercase;
color : var(--111111);;
}
.logo a:hover {
color : var(--000000);
text-decoration : none;
}
.side-menu-main .logo a {
font-size : 2rem;
}
.dsgvo_verification .logo a {
font-size : 3rem;
}
.menu-main {
display : inline-block;
}
.menu-main ul {
margin : 0;
padding : 0;
}
.menu-main ul li {
margin : 0;
padding : 0;
}
.menu-main ul li a {
font-family : 'RobotoSlab';
color : var(--111111);;
font-size : 1rem;
}
.menu-main ul li a:hover {
color : var(--000000);
border-bottom : 2px solid rgb(0, 0, 0, 0.1);
text-decoration : none;
}
.menu-main .menu-current {
color : var(--000000);
border-bottom : 2px solid var(--000000);
}
.menu-main .menu-current:hover {
color : var(--000000);
border-bottom : 2px solid var(--000000);
}
#search {
position : relative;
border-radius : 50em;
display : inline-block;
border : var(--f5f5f5) solid 1px;
background-color : var(--f5f5f5);
width : 100%;
}
#search:hover {
background-color : var(--f5f5f5);
border : var(--dee2e6) solid 1px;
}
#search.searchfocus {
border : var(--dee2e6) solid 1px !important ;
background-color : var(--ffffff);
}
#search.searchfocus .searchbutton .btn {
background-color : var(--ffffff);
}
.searchbuttonfocus {
fill : var(--000000);
}
#search .searchinput {
display : block;
}
#search .searchinput input {
border-top-left-radius : 50em;
border-bottom-left-radius : 50em;
background-color : var(--f5f5f5);
border : none;
width : 100%;
color : var(--111111);;
font-size: 14px;
}
#search .searchinput input:focus {
background-color : var(--ffffff);
}
#search:hover svg {
fill : var(--000000);
}
#search .searchbutton .btn {
border-top-right-radius : 50em;
border-bottom-right-radius : 50em;
background-color : var(--f5f5f5);
width : 100%;
color : var(--717171);
}
#search .searchbutton .btn:focus {
background-color : var(--f5f5f5);
}
.icons svg {
height : 1.25rem;
width : 1.25rem;
margin : 0 auto;
}
.icons a {
color : var(--111111);;
margin : 0 auto;
}
.icons a:hover {
color : var(--000000);
}
.tocart-container .icon-container {
height : 48px;
border : var(--dee2e6) solid 1px;
width : 48px;
margin : 0 auto;
background-color : var(--ffffff);
border-radius : 50em;
}
.tocart-container .icon-container:hover {
color : var(--ffffff);
height : 48px;
border : none;
width : 48px;
margin : 0 auto;
background-color : var(--111111);;
border-radius : 50em;
}
.payments .icon-container {
height : 48px;
border : var(--dee2e6) solid 1px;
width : 48px;
margin : 0 auto;
background-color : var(--ffffff);
border-radius : 50em;
}
.payments .icon-container:hover {
color : var(--ffffff);
height : 48px;
border : none;
width : 48px;
margin : 0 auto;
background-color : var(--111111);;
border-radius : 50em;
}
.breadcrumbs ul li {
font-size : 80%;
margin-right : 0.4rem;
display : block;
float : left;
color : var(--717171);
}
.breadcrumbs ul li:not(:first-child)::before {
content : ">";
margin-right : 0.4rem;
color : var(--111111);;
}
.breadcrumbs ul li a {
color : var(--111111);;
}
.breadcrumbs ul li a:hover {
color : var(--000000);
}
.breadcrumbs ul li:last-child {
color : var(--717171);
text-decoration : none;
cursor : default;
}
.icon-container {
height : 48px;
width : 48px;
}
.icon-container:hover {
height : 48px;
border : var(--dee2e6) solid 1px;
width : 48px;
margin : 0 auto;
background-color : var(--f5f5f5);
border-radius : 50em;
}
#sidenav .close {
color : var(--111111);;
font-size : 2rem;
line-height : 1;
opacity : 1 !important ;
}
.close:hover {
color : var(--000000);
}
.side-menu {
height : 100%;
width : 0;
position : fixed;
z-index : 999999;
top : 0;
left : -1px;
background-color : rgb(255, 255, 255, 1);
overflow-x : hidden;
transition : width 0.2s ease-in-out;
}
.side-cart {
height : 100%;
width : 0;
position : fixed;
z-index : 999999;
top : 0;
right : -1px;
background-color : rgb(255, 255, 255, 1);
overflow-x : hidden;
transition : width 0.2s ease-in-out;
}
.side-menu ul li {
list-style : none;
}
.side-menu ul {
margin : 0;
padding : 0;
}
.side-menu ul li a {
padding : 5px 5px 5px 0;
margin-left : 130px;
text-decoration : none;
color : var(--111111);;
display : block;
}
.side-menu a:hover {
color : var(--000000);
text-decoration : underline;;
}
.side-menu-main ul li {
font-size : 1.5rem;
font-weight : bold;
}
.side-menu-sub ul li {
font-size : 0.875rem;
font-weight : bold;
}
.side-menu-sub-sub ul li {
font-size : 0.875rem;
font-weight : normal;
}
.side-menu .closebtn {
position : absolute;
top : 1rem;
right : 1rem;
font-size : 36px;
}
.open_nav {background:none;border:0;}
.closebtn {background:none;border:0;}
.side-menu .sub-menu li:first-child {
font-size : 1.5rem;
padding-left : 0;
}
.side-menu .sub-menu li {
font-size : 0.875rem;
padding-left : 1rem;
}
.side-cart .closebtn {
position : absolute;
top : 1rem;
left : 1rem;
font-size : 36px;
}
.description-container .card-header .btn {
color : var(--111111);;
padding-left : 0;
padding-right : 0;
}
.description-container .card-header {
padding : 0;
background : none;
border-bottom : 0;
}
.description-container .card-header .btn {
display : inline-block;
content : "";
background-image : url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat : no-repeat;
background-position : center right;
background-size : 1rem 1rem;
}
.description-container .card-header .btn.collapsed {
display : inline-block;
content : "";
background-image : url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat : no-repeat;
background-position : center right;
background-size : 1rem 1rem;
}
.description-container .card {
border : none;
}
.description-container .card-body {
padding-left : 0;
padding-right : 0;
padding-top : 1rem;
padding-bottom : 0;
font-size: 14px;
}
.overlay {
position : fixed;
z-index : 99999;
top : 0;
left : 0;
display : none;
width : 100%;
height : 100%;
background-color : rgb(0, 0, 0, 0.2);
backdrop-filter : blur(3px);
}
.dsgvo_verification {
display : none;
position : fixed;
z-index : 999999;
top : 50%;
left : 50%;
max-width : 600px;
height : auto;
width : 100%;
background : var(--ffffff);
transform : translate(-50%,-50%);
}
.dsgvo_verification strong {
font-family : 'RobotoSlab';
color : var(--111111);;
font-size : 1.3rem;
}
.crossselling {
overflow : hidden;
}
.crossselling .swiper-container-horizontal > .swiper-scrollbar {
bottom : 0;
z-index : 99999;
}
.swiper-scrollbar-drag {
background : var(--111111);
}
.page-item, .link-item {
font-size: 14px;
}
.page-item.active .page-link {
background-color : var(--111111);
border-color : var(--000000);
}
.page-link:hover {
background : var(--f5f5f5);
}

.pagination-galerie {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.pagination-galerie .page-item, .link-item {
font-size: 14px;
}

.pagination-galerie .page-link.active  {
background-color : var(--111111);
border-color : var(--000000);
color: var(--ffffff);
}

.pagination-galerie .page-link.active:hover  {
background-color : var(--111111);
border-right-color : var(--dee2e6);
color: var(--ffffff);
}

.pagination-galerie .page-link:hover {
background : var(--f5f5f5);
}
.fancybox-thumbs__list a::before {
border: 6px solid var(--111111);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border : none;
background : var(--111111);;
font-weight : normal;
color : var(--ffffff);
}
.ui-widget-header {
background : var(--f5f5f5);
color : var(--ffffff);
font-weight : bold;
border-radius : 0.25rem;
}
fieldset .checkbox-container:last-of-type {
margin-bottom : 0;
}
.checkbox-container {
display : block;
font-size: 14px;
position : relative;
padding-left : 31px;
margin-bottom : 0;
cursor : pointer;
padding-top : 5.2px;
padding-bottom : 5.2px;
user-select : none;
}
.checkbox-container input[type="checkbox"] {
position : absolute;
opacity : 0;
cursor : pointer;
height : 0;
line-height : 0;
width : 0;
display : none;
}
.checkbox-container .checkmark {
position : absolute;
top : 6px;
left : 0;
height : 19px;
width : 19px;
background-color : var(--f5f5f5);
background-image : none;
border : var(--dee2e6) solid 1px;
border-radius : 0.25rem;
}
.checkbox-container:hover input ~ .checkmark {
background-color : var(--f5f5f5);
}
.checkbox-container input:checked ~ .checkmark {
background-color : var(--111111);;
border-color : var(--111111);;
}
.checkbox-container input:checked ~ .checkmark:after {
display : block;
content : "";
background-image : url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z' clip-rule='evenodd'/%3e%3c/svg%3e");
margin : 0 auto;
background-position : center;
background-repeat : no-repeat;
background-size : 17px 17px;
height : 17px;
width : 17px;
}
.checkbox-container:hover {
background-image : linear-gradient(to right, var(--ffffff) 0%, var(--f5f5f5) 50%, var(--ffffff) 100%);
}
.checkbox-container:hover > .filter-count {
background : var(--ffffff);
}
.filter-count {
float : right;
background : var(--f5f5f5);
border : var(--dee2e6) solid 1px;
padding : 0 5px;
border-radius : 0.25rem;
margin-top : -1px;
}
.ui-widget.ui-widget-content {
width : 93%;
margin : 0 auto;
border : var(--dee2e6) solid 1px;
}
fieldset legend {
font-weight : bold;
color : var(--111111);;
font-size: 14px;
}
.page-link {
color : var(--111111);;
}
.page-link:hover {
color : var(--000000);
}
.nav-tabs {
display : table;
width : 100%;
table-layout : fixed;
border-bottom : 0;
}
.nav-tabs li {
position : relative;
float : none;
width : 100%;
display : table-cell;
text-align : center;
}
.nav-tabs .nav-link.active {
background : linear-gradient(var(--f5f5f5), var(--ffffff));
color : var(--111111);;
}
.nav-tabs li a {
font-weight : bold;
cursor : pointer;
}
.nav-tabs li.notactive a {
border-color : var(--e9ecef);
font-weight : normal;
color : var(--717171);
text-decoration : none;
}
.nav-tabs li.notactive:hover {
border : none;
text-decoration : none;
}
.svg_stock svg {
margin-right : 5px;
}
.out_of_stock svg {
color : var(--dc3545);
}
.in_stock svg {
color : var(--28a745);
}
.short_of_stock svg {
color : var(--ffc107);
}
.start-header {
overflow : hidden;
width : 100%;
min-height : 301.6px;
border-top-left-radius : 0.25rem;
border-top-right-radius : 0.25rem;
}
#products {
overflow : hidden;
min-height : 209.633px;
}
.product-fixer {
position : sticky;
top : 0;
}
.start-header .multiplier {
position : absolute;
margin : 0 auto;
mix-blend-mode : screen;
height : 100%;
}
ul.product-menu {
margin : 0;
padding : 0;
}
ul.product-menu li {
margin : 0.5rem 0 0 0;
padding : 0;
list-style : none;
display : block;
position : relative;
border-radius : 0.25rem;
}
ul.product-menu li a {
color : var(--111111);;
padding : 0.25rem 0.5rem;
display : block;
border-radius : 0.25rem;
font-size: 14px;
}
ul.product-menu li:nth-child(odd) a {
background : var(--f5f5f5);
background-size : auto auto;
background-position : top left;
}
ul.product-menu li:nth-child(even) a {
background : var(--f5f5f5);
background-size : auto auto;
background-position : bottom right;
}
ul.product-menu li a:hover {
color : var(--000000);
}
ul.product-menu li.menu-current a {
text-decoration: underline;
}
ul.blog-menu {
margin : 0;
padding : 0;
}
ul.blog-menu li {
margin : 0.5rem 0 0 0;
padding : 0;
list-style : none;
display : block;
position : relative;
border-radius : 0.25rem;
}
ul.blog-menu li a {
color : var(--111111);;
padding : 0.25rem 0.5rem;
display : block;
border-radius : 0.25rem;
font-size: 14px;
}
ul.blog-menu li:nth-child(odd) a {
background : var(--f5f5f5);
background-size : auto auto;
background-position : top left;
}
ul.blog-menu li:nth-child(even) a {
background : var(--f5f5f5);
background-size : auto auto;
background-position : bottom right;
}
ul.blog-menu li a:hover {
color : var(--000000);
}



ul.galerie-menu {
margin : 0;
padding : 0;
}
ul.galerie-menu li {
margin : 0.5rem 0 0 0;
padding : 0.25rem 0.5rem;
list-style : none;
display : block;
position : relative;
border-radius : 0.25rem;
}
ul.galerie-menu li a {
color : var(--111111);;
padding: 0;
display : block;
border-radius : 0.25rem;
font-size: 14px;
}
ul.galerie-menu li:nth-child(odd) a {
background : var(--f5f5f5);
background-size : auto auto;
background-position : top left;
}
ul.galerie-menu li:nth-child(even) a {
background : var(--f5f5f5);
background-size : auto auto;
background-position : bottom right;
}
ul.galerie-menu li a:hover {
color : var(--000000);
}





.you-are-here {
font-size : 80%;
color : var(--111111);;
}
.sitting-budsbunny {
position : absolute;
bottom : -30px;
right : 0;
}
.reflow-fix {
width : 100%;
padding-bottom : 78.125%;
position : relative;
height : 0;
overflow : hidden;
}
.reflow-fix img {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
}
#collapseBewertungen a {
color : var(--111111);;
}
#collapseBewertungen a:hover {
color : var(--000000);
text-decoration : underline;;
}
.teaser-welcome-text a {
color : var(--111111);;
text-decoration : underline;;
}
.teaser-welcome-text a:hover {
color : var(--000000);
}
.teaser-welcome-text p {
margin-bottom: 0;
}
.readmore_button {
text-decoration : underline;;
}
.review_comment {
font-style : italic;
}
.review_comment:before {
content : '"';
}
.review_comment:after {
content : '"';
}
.stars svg {
margin-right : 5px;
}
.stars svg:last-of-type {
margin-right : 0;
}
.stars-1 {
color : var(--ff0000);
}
.stars-2 {
color : var(--ff3000);
}
.stars-3 {
color : var(--ff7200);
}
.stars-4 {
color : var(--ff9600);
}
.stars-5 {
color : var(--ffba00);
}
.special-font {
font-family : 'RobotoSlab';
color : var(--111111);;
font-size : 1rem;
}
.bootstrap-select .dropdown-menu {
padding : 0;
margin-top : 0;
font-size: 14px;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
color : var(--000000);
background-color : var(--f5f5f5);
border-color : var(--dee2e6);
}
.bootstrap-select .btn {
background-color : var(--ffffff);
border : var(--dee2e6) solid 1px;
color : var(--111111);;
font-size: 14px;
}
.bootstrap-select .btn::after {
color : var(--717171);
}
.bootstrap-select:hover > .dropdown-toggle::after {
color : var(--111111) !important ;;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder {
color : var(--111111) !important ;;
font-size: 14px;
}
.bootstrap-select .dropdown-menu li .active {
background-color : var(--f5f5f5);
color : var(--111111);;
}
.bootstrap-select .dropdown-item:focus, .dropdown-item:hover {
background-color : var(--f5f5f5);
color : var(--111111);;
}
.bootstrap-select .dropdown-toggle:focus {
outline : none !important ;
}
.disabled {
cursor : not-allowed !important ;
}
#total_products {
background : var(--000000);
background-size : auto;
background-size : auto auto;
background-position : bottom left;
width : 100%;
display : block;
padding : 0.72rem 0.75rem;
margin-bottom : 1rem;
border-bottom-left-radius : 0.25rem;
border-top-right-radius : 0;
border-top-left-radius : 0;
border-bottom-right-radius : 0.25rem;
position : relative;
z-index : 9;
font-size: 14px;
border-top : 1px solid var(--dee2e6);
color : var(--ffffff);
min-height : 45.03px;
}
.swiper-pagination {
right : 15px;
margin-top : 14px;
}
.swiper-pagination-bullet {
background : var(--f5f5f5);
margin-right : 0.75rem;
width : 19.2px;
height : 19.2px;
border-radius : 3px;
}
.slider-label {
font-weight : normal;
}
.swiper-pagination-bullet-active {
background : var(--ffffff);
}
#mod_bakery_wrapper_f .tab-content {
border-left : 1px solid var(--dee2e6) !important ;
border-right : 1px solid var(--dee2e6) !important ;
border-bottom : 1px solid var(--dee2e6) !important ;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color : var(--111111);;
}
.swiper-crossselling .swiper-slide {
font-size : 18px;
background : var(--ffffff);
display : flex;
justify-content : center;
align-items : center;
}
.detailgallery .gallery-thumbs {
box-sizing : border-box;
margin-bottom : 0;
margin-top : 0;
cursor : pointer;
}
.swiper-container-vertical > .swiper-scrollbar {
right : 0;
top : 0;
height : 100%;
}
.detailgallery .gallery-thumbs .swiper-slide {
opacity : 0.4;
object-fit : contain;
cursor : pointer;
padding-right : 20px;
}
.detailgallery .gallery-thumbs .swiper-slide img {
border : var(--111111) solid 1px;;
border-radius : 0.25rem;
max-height : 75px;
width : 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.detailgallery .gallery-thumbs .swiper-slide-thumb-active img {
border: var(--000000) solid 1px;
height: 100%;
position: relative;
object-fit: cover;
}
.detailgallery .gallery-thumbs .swiper-slide-thumb-active {
opacity : 1;
}
.detailgallery .swiper-container-horizontal > .swiper-scrollbar {
bottom : 0;
z-index : 99999;
}
.mod_bakery_item_select_f, #sort1 {
display : none;
}
.mod_bakery_item_select_f, #sort2 {
display : none;
}
.mod_bakery_errorbg_f {
background-color : var(--FFDCD9);
}
.openfilter {
height : 100%;
position : fixed;
z-index : 999999;
max-width : 480px;
width : 100% !important ;
top : 0;
left : -1px;
background-color : rgb(255, 255, 255, 1);
overflow-x : hidden;
transition : width 0.2s ease-in-out;
display : block !important ;
padding-left : 15px !important ;
padding-right : 15px !important ;
padding-top: 15px;
padding-bottom: 15px;
}
.openfilter .closebtn {
position : absolute;
top : 1rem;
right : 1rem;
font-size : 36px;
z-index : 9999;
}
a[href^="tel"] {
color : inherit;
text-decoration : none;
}
.position-sticky {
top : 1rem;
}
.alert {
text-align : center;
}
.mod_nwi_default h3 {
font-size : 1.5rem;
display : block;
margin-bottom : 1rem;
}
.mod_nwi_teasertext a {
text-decoration : none;
}
.mod_nwi_teasertext a:hover > h3 {
text-decoration : underline;;
}
.mod_nwi_teasertext h3 {
font-size : 1.5rem;
display : block;
font-weight : bold;
margin-bottom : 0;
}
.mod_nwi_readmore a {
font-size: 14px;
color : var(--111111);;
text-decoration : underline;;
margin-right : 1rem;
}
.mod_nwi_readmore a:hover {
font-size: 14px;
color : var(--000000);
text-decoration : underline;;
}
.mod_nwi_metadata {
color : var(--717171);
}
.mod_nwi_shorttext p {
margin-bottom : 0.5rem;
}
.mod_nwi_teasertext strong {
font-size: 14px;
}
.review_text {
position : relative;
z-index : 1;
}
.review_text a {
width : 100%;
display : block;
}
.thought {
display : flex;
background-color : var(--f5f5f5);
padding : 20px;
border-radius : 30px;
min-width : 40px;
min-height : 40px;
height : auto;
margin : 20px;
position : relative;
align-items : center;
justify-content : center;
text-align : center;
}
.thought:before, .thought:after {
content : "";
background-color : var(--f5f5f5);
border-radius : 50%;
display : block;
position : absolute;
z-index : 0;
}
.thought:before {
width : 44px;
height : 44px;
top : -12px;
left : 28px;
box-shadow : -50px 30px 0 -12px var(--f5f5f5);
}
.thought:after {
bottom : -10px;
right : 26px;
width : 30px;
height : 30px;
box-shadow : 40px -34px 0 0 var(--f5f5f5), -28px -6px 0 -2px var(--f5f5f5), -24px 17px 0 -6px var(--f5f5f5), -5px 25px 0 -10px var(--f5f5f5);
}
.mini_sum_quantity_badge_full, .mini_sum_quantity_badge_empty {
height : 16px;
width : 16px;
right : 15px;
margin : 0 auto;
padding : 0 3px 0 2px;
}
.cart {
height : 48px;
border : var(--dee2e6) solid 1px;
width : 48px;
margin : 0 auto;
border-radius : 50em;
}
.zahlungsarten img {
max-height : 40px;
}
.zoomImg {
background-color : var(--ffffff);
}
.cross {
cursor : crosshair;
}
.design-line {
position : absolute;
right : 0;
top : 0;
z-index : 999999;
width : 48px;
height : 48px;
display : block;
border : rgb(65, 73, 89, 0.8) solid 1px;
border-radius : 360px;
}
.produkt-container {
position : relative;
border : var(--dee2e6) solid 1px;
height : 100%;
border-radius : 0.25rem;
overflow : hidden;
transition : border 0.2s ease-in-out;
}
.produkt-container:hover {
border : var(--a6b1bc) solid 1px;
transition : border 0.2s ease-in-out;
}
#products {
margin-left : -10px !important ;
margin-right : -10px !important ;
}
#products .fjs_item {
padding-left : 10px !important ;
padding-right : 10px !important ;
}
#mod_bakery_wrapper_f h1 .badserie_design {
position : relative;
top : 0;
background : var(--A18D8D);
left : 0;
right : auto;
padding : 0.15rem 0.5rem;
width : auto;
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : none;
margin-right : 0.3rem;
font-size : 80%;
border-radius : 0.25rem;
vertical-align : baseline;
}
#mod_bakery_wrapper_f h1 .badserie_pro {
position : relative;
top : 0;
background : var(--5B6E6E);
left : 0;
right : auto;
padding : 0.15rem 0.5rem;
width : auto;
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : none;
margin-right : 0.3rem;
font-size : 80%;
border-radius : 0.25rem;
vertical-align : baseline;
}
#mod_bakery_wrapper_f h1 .badserie_proq {
position : relative;
top : 0;
background : var(--5B6E6E);
left : 0;
right : auto;
padding : 0.15rem 0.5rem;
width : auto;
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : none;
margin-right : 0.3rem;
font-size : 80%;
border-radius : 0.25rem;
vertical-align : baseline;
}
#mod_bakery_wrapper_f h1 .badserie_procare {
position : relative;
top : 0;
background : var(--5B6E6E);
left : 0;
right : auto;
padding : 0.15rem 0.5rem;
width : auto;
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : none;
margin-right : 0.3rem;
font-size : 80%;
border-radius : 0.25rem;
vertical-align : baseline;
}
#mod_bakery_wrapper_f h1 .badserie_premium {
position : relative;
top : 0;
background : var(--575757);
left : 0;
right : auto;
padding : 0.15rem 0.5rem;
width : auto;
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : none;
margin-right : 0.3rem;
font-size : 80%;
border-radius : 0.25rem;
vertical-align : baseline;
}
.produkt-container .badserie_proq {
position : absolute;
top : 8%;
right : -35%;
width : 100%;
padding : 0;
background : var(--5B6E6E);
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : rotate(45deg);
font-size : 80%;
}
.produkt-container .badserie_procare {
position : absolute;
top : 8%;
right : -35%;
width : 100%;
padding : 0;
background : var(--5B6E6E);
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : rotate(45deg);
font-size : 80%;
}
.produkt-container .badserie_pro {
position : absolute;
top : 8%;
right : -35%;
width : 100%;
padding : 0;
height : auto;
z-index : 999;
background : var(--5B6E6E);
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : rotate(45deg);
font-size : 80%;
}
.produkt-container .badserie_premium {
position : absolute;
top : 8%;
background : var(--575757);
right : -35%;
width : 100%;
padding : 0;
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : rotate(45deg);
font-size : 80%;
}
.produkt-container .badserie_design {
position : absolute;
top : 8%;
background : var(--A18D8D);
right : -35%;
width : 100%;
padding : 0;
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : rotate(45deg);
font-size : 80%;
}
.produkt-container .aktionsserie {
position : absolute;
top : 8%;
background : var(--A18D8D);
right : -35%;
width : 100%;
padding : 0;
height : auto;
z-index : 999;
font-weight : bold;
color : var(--ffffff);
text-align : center;
transform : rotate(45deg);
font-size : 80%;
}
.produkt-container {
display : flex;
flex-direction : column;
}
.mod_bakery_main_title_f {
flex : 1 1 auto;
}
.swiper-crossselling .swiper-slide {
min-height : 270px !important ;
}
.live-chat {
position : fixed;
bottom : 1rem;
right : 1rem;
z-index : 99999;
}
.live-chat button {
background : var(--ffffff);
}
.payment-icons img {
padding-top: .35rem;	
}
.big_font {
font-family : 'RobotoSlab';
color : var(--000000);
font-size : 1rem;
}
.detail-menu {
background : var(--f5f5f5);
background-size : auto auto;
background-position : top left;
background-image : linear-gradient(to left, var(--ffffff) 0%, var(--f5f5f5) 100%, var(--ffffff) 100%);
}
.detail-menu li a {
color : var(--111111);;
padding : 0.25rem 0.5rem;
display : block;
border-radius : 0.25rem;
list-style : none outside none;
font-size: 14px;
}
.rating1,.rating2,.rating3,.rating4,.rating5 {
display: inline-block;
border: none;
margin-right: 49px
-webkit-transform: scaleX(-1);
 transform: scaleX(-1);
}
.rating1>[id^="review"],.rating2>[id^="review"],.rating3>[id^="review"],.rating4>[id^="review"],.rating5>[id^="review"] {
display: none
}
.rating1>label, .rating2>label, .rating3>label, .rating4>label, .rating5>label {
float:left;
content: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23111' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z' clip-rule='evenodd'/></svg>");;
font-size: 1rem;
width: 1rem;
height: 1rem;
margin-right: 5px;
cursor: pointer;
}
.rating1>[id^="review"]:checked~label,
.rating1:not(:checked)>label:hover,
.rating1:not(:checked)>label:hover~label,
.rating2>[id^="review"]:checked~label,
.rating2:not(:checked)>label:hover,
.rating2:not(:checked)>label:hover~label,
.rating3>[id^="review"]:checked~label,
.rating3:not(:checked)>label:hover,
.rating3:not(:checked)>label:hover~label,
.rating4>[id^="review"]:checked~label,
.rating4:not(:checked)>label:hover,
.rating4:not(:checked)>label:hover~label,
.rating5>[id^="review"]:checked~label,
.rating5:not(:checked)>label:hover,
.rating5:not(:checked)>label:hover~label     {
float:left;
content: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ffba00' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z' clip-rule='evenodd'/></svg>");
font-size: 1rem;
width: 1rem;
height: 1rem;
}
.swiper-button-next, .swiper-button-prev, .swiper-button-disabled {
opacity: 0 !important;	
transition : opacity 0.2s ease-in-out;
}
.gallery-top:hover > .swiper-button-next, .gallery-top:hover > .swiper-button-prev {
opacity: 1 !important;	
transition : opacity 0.2s ease-in-out;
}
.gallery-top:hover > .swiper-button-disabled {
opacity: .35 !important;	
transition : opacity 0.2s ease-in-out;
}
.contacts .card-header {
	padding: 0;
	}
.contacts .card-header button {
	text-align: left;
	font-size: 14px;
	color: var(--111111);
	width: 100%;
	}

.contacts .card-body p:last-of-type {
	margin-bottom: 0;
	}

.contacts .card {
    margin: .5rem 0 .5rem 0;
}

.contacts .card:first-of-type {
    margin: 5px 0 .5rem 0;
}

.buttontoa {
color: var(--111111);
padding: 0.25rem 0.5rem;
display: block;
border-radius: 0.25rem;
list-style: none outside none;
font-size: 14px;
border:none;
text-align:left;
background: var(--f5f5f5);
width: 100%;
background-size: auto auto;
background-position: top left;
background-image: linear-gradient(to left, var(--ffffff) 0%, var(--f5f5f5) 100%, var(--ffffff) 100%);
}

.buttontoa:hover {
text-decoration: underline;
}
.google-maps {
    display: inline-block;
    width: 100%;
    margin-top: 1rem;
    height: 250px;
}
.mod_bakery_pay_h_f {
cursor: pointer;	
}

.slide-text {
	position: absolute;
	cursor: pointer;
	font-size: 18px;
	bottom: 1.25rem;
	right: 1.25rem;
	background: rgba(255,255,255,.75);
	padding: .75rem 1rem;
	margin: 0;
	backdrop-filter : blur(3px);
	border: var(--dee2e6) solid 1px;
	text-decoration: none;
	transition : border 0.2s ease-in-out;
	}
.slide-text:hover{
	text-decoration: none;
	border: var(--ffffff) solid 1px;
	transition : border 0.2s ease-in-out;
	}
.slide-text strong {
margin: 0;
font-family: 'RobotoSlab';
color: var(--111111);
font-size: 1rem;
width: 100%;
	}
.slide-text img {

	}
.slide-text p {
margin: 0;
font-size: 14px;
	}
	
.ansprechpartner .slide-text {
	padding: .75rem 0;
	width:auto;
	left: 15px;
	right: auto;
	cursor: default;
	border-color: #fff;
	}
	
.fancybox-slide--image .fancybox-content {
	background: #fff;
	}

div.image-description {
position : absolute;
width : 100%;
bottom : 0;
background-color : #EDF2F4;
backdrop-filter : blur(3px);
padding : 0.25rem 0.5rem;
text-align : center;
font-size : 14px;
transition : opacity 0.2s ease-in-out;
opacity : 0;
}
.gallery-top a:hover > div.image-description {
display : block !important ;
transition : opacity 0.2s ease-in-out;
opacity : 1;
}
	
.ansprechpartner p, .ansprechpartner a ,.ansprechpartner strong  {
	font-size: 14px;
	}


.ansprechpartner .slide-text strong  {
	font-size: 1rem;
	}

#accordionPayments .card-header {
	cursor: pointer;
	min-height: 48px;
	}

#accordionPayments .card-header img {
	max-height: 21px;
	}
	
#accordionPayments .card-header img:first-of-type {
	margin-left: 1rem;
	}

.ovh {
	overflow: hidden;
	}

.aktionsprodukt {
position: absolute;
top: 10%;
background: var(--A18D8D);
right: -40%;
width: 100%;
padding: 0;
height: auto;
z-index: 999;
font-weight: bold;
color: var(--ffffff);
text-align: center;
transform: rotate(45deg);
font-size: 80%;	
}

@media (max-width: 575.98px) {
.start-header {
min-height : auto;
}
#filter {
position:fixed;
width : 0;
display : block;
overflow-x : hidden;
padding-left : 0;
padding-right : 0;
}
#mod_bakery_wrapper_f .tab-content {
border-left : 0 !important ;
border-right : 0 !important ;
border-bottom : 0 !important ;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.start-header {
min-height : auto;
}
.logo {
min-height : 46px;
}
#filter {
width : 0;
display : block;
overflow-x : hidden;
padding-left : 0;
padding-right : 0;
}
#mod_bakery_wrapper_f .tab-content {
border-left : 0 !important ;
border-right : 0 !important ;
border-bottom : 0 !important ;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.start-header {
min-height : 141.55px;
}
.logo {
min-height : 48.6667px;
}
.detailgallery .gallery-top {
height : 234px;
}
.detailgallery .gallery-thumbs {
height : 234px;
}
.detailgallery .gallery-thumbs .swiper-slide img {
max-height : 73px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.start-header {
min-height : 222.308px;
}
.logo {
min-height :48px;
}
.detailgallery .gallery-top {
height : 319px;
}
.detailgallery .gallery-thumbs {
height : 319px;
}
.detailgallery .gallery-thumbs .swiper-slide img {
max-height : 101px;
}
}
@media (min-width: 1200px) {
.detailgallery .gallery-top {
height : 336px;
}
.detailgallery .gallery-thumbs {
height : 336px;
}
.detailgallery .gallery-thumbs .swiper-slide img {
max-height : 107px;
}
}