@media only screen and (min-width: 769px) {.container[role=main]{padding: 0em;margin-bottom: 2em;}}

.border_wrapper{border-top:1px solid lightgray;border-bottom:1px solid lightgray;font-family: "Segoe UI","Helvetica Neue","Noto Color Emoji" !important;}
.border_wrapper a{color:#369 !important}

/* Searchbar */
.search_container {font-family: 'Raleway', sans-serif;z-index: 1;position: relative;text-align:center;padding: 2em 0em; background: rgb(223 232 238);color: #003761;height:175px;}
.search_title {font-size: 1.65em;font-weight: 900;text-align: center;margin-bottom: 1em;text-transform: uppercase;}
.search_input {width: 100%;padding: 12px 24px;max-width: 600px;display: inline-block;transition: transform 250ms ease-in-out;font-size: 17px;line-height: 18px;color: #575756;background: #fff;border-radius: 50px;border: 1px solid #575756;transition: all 250ms ease-in-out;backface-visibility: hidden;transform-style: preserve-3d;} /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 30px 30px;background-position: 95% center;*/
.search_input::placeholder {color: rgba(87, 87, 86, 0.8);text-transform: uppercase;letter-spacing: 1.5px;}
.search_input:hover,
.search_input:focus {padding: 12px;outline: 0;border: 1px solid transparent;border-bottom: 1px solid #575756;border-radius: 0;background-position: 100% center;}
.searchlens{position: relative;left: -4em;top: .3em;height: 1.6em;cursor: pointer;}

/* Burger Menu mit Dropdown */
.menu {cursor: pointer;transition: 0.5s ease;height: 50px;}
.menu:hover .bar {box-shadow: 1px 1px 7px 1px RGBa(0, 0, 0, 0.3);}
.menu .bar {width: 55px;height: 5px;background: #fff;box-shadow: 1px 1px 3px RGBa(0, 0, 0, 0.4);border-radius: 2px;transition: 0.4s ease;}
.menu .bar:not(:first-child) {margin-top: 10px;}
.kategorie_menu{position: absolute;left: 1.5em;}
.kategorien_dropdown{font-size: 1.75em !important;position: relative;left: .5em;top: -1.25em;}
.kategorie_burger_menu{position: relative;top: .2em;}
#burger_effect {position: absolute;left: -999px;top: -999px;}
#burger_effect:checked + .menu .bar {transform: rotatey(180deg) rotatex(360deg);}
#burger_effect:checked + .menu .bar:first-child {transform: rotate(-45deg);margin-top: 20px;}
#burger_effect:checked + .menu .bar:nth-child(2) {opacity: 0;}
#burger_effect:checked + .menu .bar:nth-child(3) {margin-top: -21px;transform: rotate(45deg);}
.category_expand{transition: opacity .5s ease-out;opacity: 0;height: 0;overflow: hidden;}
.category_expand.expanded{opacity: 1;height: auto;background: white;text-align: left;margin-top:1em;box-shadow: 0 2px 4px rgb(45 47 59 / 12%);}
.auswahl_kategorie{margin-bottom: .75em;}
.auswahl_kategorie:hover{cursor: pointer;font-weight: bold !important;}
li.list_el_ebene3{list-style-type: none;padding: 0px 0px 5px 0px;width: 49%;display: inline-block;}
li.list_el_ebene3 a { margin: 0px; display: inline;}
.subkategorien{padding: 1em;}

/* Suche der Produkte */
#sucheHint {display: none;top: 1em;z-index: 1000;background: #fff;border: 1px solid rgba(0,0,0,.15);position: relative;box-shadow: 0 6px 12px rgb(0 0 0 / 18%);-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);max-height: 385px;width: 100%;max-width: 600px;margin: 0px auto;}
.katHint{display: block;padding: .5em 1em;border-bottom: 1px solid #eee;font-size: 1.1em;text-align: left;}
.katHint.highlight{background: #eee;}
.katHint:hover{background: #eee;}

/* Breadcrump */
.kategorie_ueberschrift{font-size: 1.5em;font-family: 'Raleway', sans-serif;color: #003761;width: 100%;padding: 0em 1.5em 1em 1.5em;background: #dfe8ee;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Ergebnisliste der Produkte / Unter-Kategorien */
.neuheiten_container{background:rgb(223 232 238);padding: 2em 2em 3em 2em;}
.neuheiten_ueberschrift{font-size: 1.5em !important;font-family: 'Raleway', sans-serif;color: #003761;margin-bottom: .5em;}
.carousel {background: rgb(223 232 238);}
.carousel-cell {width: 20%;height: 300px;padding: .5em;margin-right: 10px;border-radius: 5px;background: #fff;}
.flickity-page-dots {bottom: 10px;}
.produkt_neu{position: absolute;top: .5em;left: .5em;background:#37a864;padding: .2em .5em .5em .5em;}
.produkt_name{font-size: 1.2em;margin-top: .5em;width: 180px;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.produkt_name_treffer{font-size: 1.1em;margin: .5em 0em;line-height: 1.3em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;color: #2d2d2d;font-weight: 500;overflow-wrap: break-word;}
.detail_page{display:block;position: relative; height: 100%; text-decoration: none !important;}
.img_wrapper{height:150px;white-space: nowrap;text-align: center;}
.img_helper{display: inline-block;height: 100%;vertical-align: middle;}
.produkt_bild, .produkt_bild_historie {max-width: 80%;height: auto;margin: 0px auto;max-height: 150px;overflow: hidden;}
.produkt_bild.detail{max-height: initial;}
.produkt_preis{font-size: 1.3em;font-weight: 500;position: absolute;bottom: 3em;}
.produkt_preis_treffer{font-size: 1.5em;font-weight: 500;position: absolute;bottom: .3em;}
.anz_angebote{font-size: .6em;color: #2d2d2d;padding: .3em 1em;background: #dfe8ee;margin-left: .5em;border: 1px solid lightgray;}
.produkt_beschreibung_treffer{font-size: .9em;color: #585858;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
svg.delivery_icon {position: relative;margin-right: .2em;top: .35em;filter: invert(50%) sepia(0%) saturate(1269%) hue-rotate(178deg) brightness(90%) contrast(90%);}
.produkt_lieferzeit{color: #757575;font-size: 1.1em;margin-top: .5em;position: absolute;bottom: 1em;}
p.feedback{color: red;padding: 1.5em;background: #dfe8ee;margin: 0;font-size: 1.3em;font-weight: 500;}
.rabatt_prozent{position: absolute;padding: .1em .5em;background: #f60;background-color: #f60;color: #fff;font-size: 1.1em;font-style: italic;font-weight: 500;vertical-align: bottom;left: -.5em;top: .5em;}

@media only screen and (max-width: 1199px) {
   .kategorien_dropdown{display: none;}
   .anz_angebote{display:block;margin-top:.3em;margin-left:0;}
}
@media only screen and (max-width: 667px) {
   .searchlens{display: none;}
}
@media only screen and (max-width: 768px) {
   .border_wrapper{margin:0;border-top: 1px solid lightgray;border-bottom: 1px solid lightgray;border-left: none;border-right: none;}
   .kategorie_menu{display: none;}
   .search_title{padding: 0em 1.5em;}
   #produktsuche{padding: 0em 1.5em;}
   .carousel-cell{width:30%;}
}
@media only screen and (max-width: 550px) {
   .kategorie_ueberschrift{font-size: 1.2em;}
   #sucheHint{margin: 0em 1.5em;width: auto;max-width: inherit;}
}

@media only screen and (max-width: 425px) {
   .mobile_skip {display:none;}
}

@media only screen and (max-width: 375px) {
   .carousel-cell{width:60%;}
}

@media only screen and (max-width: 320px) {
   .search_title{font-size:1.3em;}
   .carousel-cell{width:60%;}
   .produkt_name_treffer{-webkit-line-clamp: 2;line-clamp: 2;}
}