/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */
@media (min-width: 1450px) {
  .container {
    max-width: 1170px;
  }
}

@font-face {
  font-family: "Roboto";
  src: url("font/Roboto-Regular.ttf") format('truetype');
font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("font/Roboto-Medium.ttf") format('truetype');
font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("font/Roboto-Bold.ttf") format('truetype');
font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("font/Roboto-Black.ttf") format('truetype');
font-weight: 900;
  font-display: swap;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

#header-top-bar {
    color: #fff;
    background-color: #333;
    padding: 0;
    margin: 0;
    line-height: 30px;
    font-weight: 300;
    font-size: 14px;
}
#header-top-bar div.container.d-lg-flex.align-items-center {
justify-content: space-between;
}
h1 {
  margin:.67em 0;
  font-size:2em;
font-weight: 900;
}
 strong {
    font-weight: bold;
}
a {
  text-decoration: none;
}
span.vat_info > a.shipment.popup {
color: #c00;
}
header .navbar-nav > .nav-item > .nav-link::before {
display: none;
}
span.nav-link.dropdown-toggle {
padding-left:5px;
}
span.nav-link.dropdown-toggle:hover {
background-color: #c00;
color: white;
}

span.nav-link.dropdown-toggle:hover a {
color: #333;
}

a.nav-link.dropdown-toggle::after {
    display: none;
}
span.fas.fa-home {
color: white;
}
.fas.fa-star {
color: #f90;
}
.far.fa-star {
color: #f90;
}
#search .btn {
background-color: black;
}

.fas.fa-star:hover {
color: #f90;
}
.fa-youtube:hover, .fa-pinterest-p:hover, .fa-facebook-f {
color: white;
}
a.btn.btn-facebook:hover {
background: #325498;
border: #325498;
}
.btn-danger:hover {
color: white;
background: black;
border: black;
}

li.nav-home-button.nav-item.nav-scrollbar-item.d-none.d-lg-block a.nav-link {
    padding-top: 10px;
}

li.nav-item.nav-scrollbar-item a.nav-link {
color: #333;
padding-right:0;
}

div.nav-mobile-body > ul.navbar-nav.nav-scrollbar-inner.mr-auto > li.nav-item.nav-scrollbar-item > a.nav-link > span.text-truncate.d-block {
text-transform: uppercase;    
font-weight: 700;
color: white; 
}

#item-box a.btn.btn-outline-primary {
background-color: #7ab005 !important;
border: #7ab005;
height: 45px;
}

button[name="bewerten"] {
background-color: #f90;
color: white;
border: #f90;
}
button[name="bewerten"]:hover {
background-color: black;
color: white;
border: #f90;
}


#panel-edit-coupon button.btn.btn-outline-primary {
background-color:#c00;
border: #c00;
color: white;
}
.nav-scrollbar-item .nav-mobile-heading {
padding-right: 0;
color: white;
text-transform: uppercase;
font-weight: 700;
}

img.building {
display: none;
}

body[data-page="11"] {
div#logo.logo-wrapper {
display: inline !important;
}
img.building {
height:50px;
}
#checkout div.col.nav-item.step {
margin:0;
}
}


div.productbox-inner {
border: 1px solid #e5e5e5;
padding: 10px;
}
div#item-box.row {
border-bottom: 0;
padding: 15px;
position: absolute;
}

@media (max-width: 767px) {
div#item-box.row {
display:none;
}


div#logo.logo-wrapper a[href="/"] {
display: none;
}
div#logo.logo-wrapper {
background: white;
}
}

#item-box .btn.basket-details-add-to-cart.btn-primary.btn-block {
margin-top: 0;
padding-top:2px;
height: 44px;
}
#product-list .product-wrapper {
margin-bottom: 2rem !important;
}
div#item-box.row {
bottom: 0;
}

div#list-box.row {
margin-left:-0.5rem;
margin-right:0.4rem;
}

div.slick-slider-other {
overflow: hidden;
position: relative;
border: 1px solid #e5e5e5;
}

button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
opacity: 1;
}

div.product-wrapper.product-wrapper-product:hover {
background: #f5f5f5;
}

li.nav-item >a.nav-link.snippets-categories-nav-link-child:hover {
background-color: #c00;
color: white;
}

body[data-page="11"] {
div#logo.logo-wrapper {
display: none;
}
nav.navbar ul.nav {
display: none;
}
}
#product-list.layout-gallery div.productbox-inner {
  height: 100% !important;
}
#product-list.layout-gallery div.productbox-inner:hover {
  height: 100% !important;
}
div.productbox-inner {
padding-bottom: 50px;
position: relative;
}
#product-list.layout-gallery .form-basket.jtl-validate {
height: 100%;
}
#product-list.layout-gallery .form-basket.jtl-validate:hover {
height: 100%;
}

.item-delivery-status {
margin-bottom: 2rem;
}

@media (min-width: 300px) and (max-width: 991.98px) {
img#shop-logo {
margin: 0 0 0 20px;
width: 46px;
height: 45px;
}
#tabAccordion a > img {
max-width:100%;
}

#item-box .btn.basket-details-add-to-cart.btn-primary.btn-block {
width:95px;
}
div#wrapper li.nav-item.nav-scrollbar-item > a.nav-link > span.text-truncate.d-block {
font-weight: 700;
color: black;
}
li.nav-item.nav-scrollbar-item > a.nav-link > span.text-truncate.d-block {
font-weight: 700;
color: white;
}
#footer {
background-color: #333;
}
#footer #copyright {
color: #999;
}
#copyright div.col {
text-align: right;
}
i.fab.fa-youtube, i.fab.fa-pinterest-p {
color:white;
}
#footer a.btn-icon-secondary {
background-color:#c00 !important;
}

header #burger-menu {
margin-right: 1rem;
margin-left: 1rem;
margin-bottom: 1rem;
}

div.toggler-logo-wrapper {
background-color: #c00;
}
div#logo.logo-wrapper {
background-color: white;
}

#wrapper .input-group {
margin-top:1rem;
}

img#shop-logo {
margin-top:-5px;
}
div.toggler-logo-wrapper {
height: 45px;
top: 0;
}
button.navbar-toggler span.navbar-togler-icon {
background: #c00;
}

span.navbar-toggler-icon {
color: white;
}
div.col.col-auto.nav-icons-wrapper {
margin-top: 10px;
}


header .navbar-nav .nav-item {
background-color: #ccc;
} 
.nav-scrollbar-item .nav-mobile-heading {
color: #000;
}
button.navbar-toggler {
background: #c00;
}
div.row.align-items-center-util {
background-color: #c00;
color:white;
}
div.container.subcategory-wrapper > div.row.lg-row-lg.nav > div.col> div {
display: none;
}
}

@media (min-width: 992px) {
.carousel:not(.slick-initialized).slick-type-product .product-wrapper {
width: calc(100%/3) !important;
min-width: calc(100%/3) !important;
}
div.hide-navbar.container {
height: 116px;
padding-top: .5rem;
padding-bottom: .5rem;
}
div#wrapper {
background: #c00;
}

img.building {
display: inline;
margin-bottom:28px;
margin-left: 3rem;
}
div.logo-wrapper a {
display: inline;
}
header .nav-mobile-body {
height:50px;
width: 100%;
}

div.container-fluid.container-fluid-xl.menu-multiple-rows-scroll {
height: 50px;
}

.nav-scrollbar-arrow.right {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.01) 0%, #c00 70%);
}
.nav-scrollbar-arrow.left {
background-image: linear-gradient(to right, #c00 30%, transparent 100%);
}

.nav-scrollbar-arrow span.fas.fa-chevron-right, .nav-scrollbar-arrow span.fas.fa-chevron-left {
color: white;
}
}

 
@media only screen
  and (min-width: 992px)
  and (max-width: 1199px) {

img#shop-logo {
max-height: 95px;
float:left;
margin-left: 10px;
}

#header-top-bar {
font-size: 12px;
}

.nav-scrollbar-arrow.disabled {
 opacity: 1;
}

.nav-icons-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
}

.nav-logo-wrapper,
.main-search-wrapper,
.nav-icons-wrapper {
margin-top: auto;
margin-bottom: auto;
}
}
@media (min-width: 1300px) {
.carousel:not(.slick-initialized).slick-type-product .product-wrapper {
width: calc(100%/4) !important;
min-width: calc(100%/4) !important;
}
.carousel:not(.slick-initialized).slick-type-product:hover .product-wrapper {
width: calc(100%/4) !important;
min-width: calc(100%/4) !important;
}
.sidepanel-left {
padding-right: 1rem;
}

nav.navbar.row.justify-content-center {
max-width: 1140px;
}
#item-box .productbox-inner {
border-bottom: 1px solid lightgray;
height: 430px;
}
#item-box .productbox-inner:hover {
height: 500px !important;
}
div.container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-scroll {
background-color: #c00;
height: 50px;
}
}

body {
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: #fff;
}

.btn-primary {
color: #fff;
background-color: #7ab005 !important;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #333;
border-color: #333;
}

.nav-scrollbar-inner {
display: flex;
}

#sidepanel_left li.nav-item a.nav-link:hover  {
background:#c00;
color:white;
}

span.nav-link.dropdown-toggle:hover a {
color:white;
}
menu-container-fluid.container-fluid {
color: red;
} 

div#search.nav-item {
width: 300px;
margin-bottom: 22px;
}

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-image: none;
}

#header-top-bar .nav {
display: contents;

}

div#logo.logo-wrapper a {
font-weight: 700;
font-size: 26px;
color: #333;
}

.btn-facebook {
background-color:  #c00;
color: white;
}
.btn-icon-secondary.btn-facebook:active {
background-color: blue !important;
color: white;
}

.btn-youtube, .btn-pinterest {
background-color:  #c00;
color: white;
}

.btn-youtube:hover, .btn-pinterest:hover {
background-color:  #c00;
color: white;
}

#item-box div.input-group.form-counter >.form-control.quantity {
padding-right: 0;
padding-left: 0;
}


#shop-nav .fas.fa-shopping-cart.cart-icon-dropdown-icon, .fas.fa-user, .fas.fa-heart {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #999;
  transform: scale(2);

}
.fa-sup {
transform: scale(0.5);
    margin-left: -0.8em;
margin-top: -11px;
}
span.fas.fa-trash-alt {
color: #c00;
}

.btn:hover, .btn:focus {
text-decoration: none;
}

.price.productbox-price, .footnote-reference  {
color: #c00;
}
div.container.link-content {
border: 1px solid #e5e5e5;
}

.productbox-ribbon.ribbon {
left:0;
}

 .productbox.productbox-hover:hover .productbox-ribbon.ribbon {
left:0rem;
}

#footer {
  background: #333;  
  margin-bottom: 20px;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #999;
padding-left: 0;
}

#footer div.productlist-filter-headline {
font-size: 18px;
}
#footer a.nav-link:hover {
color: #fff;
}

#footer #copyright {
background-color: white;
color: #999;
height: 60px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}

aside .nav-panel > .nav > .active > .nav-link {
padding-right: 10px;
}

span.nav-link.dropdown-toggle {
padding-right: 10px;
}

.dropdown-toggle::after, :not(.navbar-toggler)[data-toggle="collapse"]::after {
transition: none;
}

body {
  font-size: 15px;
  font-weight: 300;
}

body {
  font-family: 'Roboto', sans-serif;
}

::selection {
  color: #fff;
  background: #c00;
}

/* Hauptmenu Korrektur */

@media (min-width: 992px) {
	div.container-fluid.container-fluid-xl.menu-multiple-rows-scroll {
		height: auto !important;
	}
	
	header .navbar-collapse {
		height: auto;
	}
	
	header .nav-mobile-body {
		height: auto;    
	}
	#mainNavigation {
	padding-left:110px;
	}
	
	.navbar div#search.nav-item {    		
		margin: 0;
	}	
	.navbar .main-search-wrapper {
		display: flex;
		justify-content: flex-end;
	}
	
	header .navbar-nav > .nav-item > .nav-link {
		padding: 1rem 1.5rem;
	}
  header .submenu-headline-toplevel {
border-bottom: 0px solid transparent;
}
div.dropdown-menu .text-truncate {
margin-bottom:-20px;
}

.nav-scrollbar-inner {    
		padding-bottom: 0;
		scrollbar-width: none;
	}

}

@media (min-width: 1300px) {
	#mainNavigation {
		padding-left:140px;
	}	
	
	#mainNavigation ul.navbar-nav {
		justify-content: center;
		align-items: center;
	}
}

#mainNavigation .nav-scrollbar-inner {  
	padding-bottom: 0;
}

body[data-page="18"] #footer .newsletter-footer {
display:none;
}
hr {
display:none;
}


div#copyright span.medium {
margin-left:-45px;
}


#footer #copyright a {
text-decoration: underline !important;
}

@media (min-width: 992px) {
.sidepanel-left {
padding-right: 1rem;
}
}


/* Ausbesserungen */

@media (min-width: 768px) {
	.productlist-page-nav.productlist-page-nav-header-m {		
		margin-bottom: 1rem;
	}
}

.product-gallery > #image_wrapper > .gallery-with-action-main > .col {
	position: relative !important;
}

#quantity-grp #quantity.form-control {
	padding: 0.625rem 0;
}

#footer {
	padding-top: 2rem;
}

#checkout .card-header > div.row.align-items-center-util {
	background-color: inherit;
}

#product-list.layout-gallery .productbox-hover.productbox-show-variations.transition, #product-list.layout-gallery .productbox-hover.productbox-show-variations:hover {
	position: relative;
	z-index: 1;
	padding: 0;
	margin: 0;
	width: 100%;
}

.productbox-variations .js-slider-wrapper .form-row.swatches {
	margin: 0;
}

.productbox-variations .js-slider-wrapper .js-slider-items .js-slider-item:first-child {
	margin-left: 0;
}

.productbox-variations .js-slider-wrapper .js-slider-items .js-slider-item:last-child {
	margin-right: 0;
}

.cin_efxl_labelcontainer {
	height: auto !important;
}

/* OPC-Regeln */

@media (min-width: 768px) {
	.no-opc .container-position-absolute {
		position: absolute !important;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%,-50%,0);
		text-shadow: 1px 1px 1px #fff;
		width: 100%;
		max-width: 1000px;
	}
	
	.no-opc .container-position-absolute .opc-Countdown {
		background-color: rgba(255,255,255,0.3);
	}
}

.no-opc .container-position-absolute .row.text-center {
	color: #000;
	margin-bottom: .5rem;
}

.no-opc .countdown-text-1 p {
	margin-bottom: .5rem;
	text-transform: uppercase;
	font-size: 3rem;
	font-weight: 700;
	color: #ff0000;
	line-height: 1;
}

.no-opc .countdown-text-2 p {
	margin-bottom: .5rem;
	font-size: 2.25rem;
	font-weight: 700;
	color: #000000;
	line-height: 1;
}

@media (max-width: 991px) {
	.no-opc .countdown-text-1 p {
		font-size: 2rem;
	}

	.no-opc .countdown-text-2 p {
		font-size: 1.25rem;
	}
}