/* 
Theme-Anpassungen fuer NETZdinge.de Customizing Plugin (c) 2023
*/

@import url("MyFontsWebfontsKit.css");
@font-face {font-family:"Alatsi Regular";src:url("fonts/Alatsi/Alatsi-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Open Sans";src:url("fonts/OpenSans-Regular.eot?") format("eot"),url("fonts/OpenSans-Regular.woff") format("woff"),url("fonts/OpenSans-Regular.ttf") format("truetype"),url("fonts/OpenSans-Regular.svg#OpenSans") format("svg");font-weight:normal;font-style:normal;}


html {background: url(images/Raute.jpg) 50% 50% repeat;}
body {background: url(images/Banner_Oben.gif) 50% 0% repeat-x;font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1rem;}

.modal-backdrop.show {opacity: .55;}

a:not(.rating):hover, #footer .footer-social-media a.btn:hover {
    color: #F8BF00;
}
a.rating {color:#F8BF00;}


h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, 
header .navbar-nav > .nav-item > .nav-link ,
#mainNavigation > .nav-mobile-body > .navbar-nav.nav-scrollbar-inner > .nav-item.nav-scrollbar-item .subcategory-wrapper .nav-item > a > span,
.megamenu .megamenu-content .category-title,
#content h1.product-title,
.panel-title.h5,
.slick-slider-other .product-wrapper-inner .item-slider-desc,
#result-wrapper .sub-categories .caption,
#result-wrapper .product-list .product-wrapper .productbox-title,
.productlist-filter-headline,
.variation-wrapper > dt, .variation-wrapper > dd .variation-badge,
.vaiation-wrapper > dt, .vaiation-wrapper > dd .variation-badge
{
    font-family: 'Alatsi Regular', serif;
}

#header-top-bar, header {background-color: transparent;}
#main-wrapper {background-color: transparent; background: url(images/Banner_Unten_neu.gif) 50% 100% repeat-x;}
#content-wrapper {padding-bottom:15%;}
@media (min-width: 992px){
	#content-wrapper:not(.has-fluid) {
	    padding-top: 2rem;
	}
}
#main-wrapper #content.container {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(0,212,255,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(0,212,255,0) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(0,212,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00d4ff",GradientType=1);
	margin-bottom: 0; 
	padding: 15px;
	padding-bottom:2.5rem;
	min-height: 1300px;
}

#main-wrapper #content.container > .container {padding:0;}

.price {font-family: 'Alatsi Regular', serif;font-style: normal; font-size: 1.3rem; color: #003f59;
    font-weight: normal; }

/**** header ****/
#jtl-nav-wrapper .navbar-wrapper {background-color: rgba(255,255,255,.9); margin-top:1rem;}
body.is-checkout #jtl-nav-wrapper .navbar-wrapper {margin:0;}
#jtl-nav-wrapper .navbar-wrapper #mainNavigation {margin: 0 -1.5rem; height:auto;}
header .navbar-nav > .nav-item > .nav-link {text-transform: uppercase; color: #003F59;}
#header-top-bar .topbar-main > li, #header-top-bar .topbar-main > li > a {color: #fff!important;}
header a:not(.dropdown-item):not(.btn) {color: #525252;}
.nav-scrollbar-inner {padding-bottom: 0;}

body[data-page="11"] #header-top-bar + .hide-navbar {background-color: rgba(255,255,255,.9);}

#mainNavigation > div.nav-mobile-body #search-nav {margin: 0.3rem 0;}
header .dropdown-menu {background-color: rgba(255,255,255,1);}
#search button, .main-search button {background-color: transparent; border-color: transparent; padding: 0.3rem 0.9375rem;}
#search button .fas, .main-search .fas {color: #7AC8C6; font-size: 30px;}
/*#mainNavigation > div.nav-mobile-body > ul {display: flex;}
#mainNavigation > div.nav-mobile-body .nav-scrollbar-inner {width: auto;}*/
@media (min-width: 992px){
	header .navbar-nav > .nav-item > .nav-link {
	    position: relative;
	    padding: 1rem 1.5rem;
	}
}

#breadcrumb a {color: #7AC8C6;}

/**** Sidebar ***/
@media (min-width: 1300px){
	.sidepanel-left {padding-right: 2rem;}
}
.sidepanel-left .productlist-filter-headline {font-size: 1.2rem;}
.productbox-title {color: #7AC8C6; text-decoration: none;}

/**** Slider ****/
.slick-slider-other .product-wrapper-inner {background-color: #fff; padding:10px;} 
.slick-slider-other .product-wrapper-inner a {text-decoration: none;} 
.slick-slider-other .product-wrapper-inner .item-slider-desc {color: #7AC8C6;} 

/**** Kategorien ****/

#result-wrapper .sub-categories .caption a,
#result-wrapper #result-options .btn-block {width: auto;}
#result-wrapper .product-list .product-wrapper .productbox-title a {text-align: center; color: #7AC8C6; text-decoration: none; margin-top:0.75rem;}
#result-wrapper .product-list .product-wrapper {text-align: center;}
#result-wrapper .product-list .product-wrapper .productbox-inner {padding:10px;background-color: rgba(255,255,255,.75);}
#result-wrapper .productlist-page-nav-top, #result-wrapper .productlist-page-nav-bottom {border-top: 1px solid rgba(255,255,255,.75)}
#result-wrapper .productlist-page-nav {background-color: rgba(255,255,255,.75);padding: 5px;}
#product-list .product-wrapper:not(:last-child) {margin-bottom: 1rem;}
.ribbon-3 {background-color: #ED8B70;}

/*** Artikelseite ***/
.vaiation-wrapper > dt, .vaiation-wrapper > dd .variation-badge,
.variation-wrapper > dt, .variation-wrapper > dd .variation-badge {color: #003f59;}

.swatches-image {border: none;}
.swatches-image .square-image {border: 1px solid #707070; border-radius: 2px;}

/**** checkout ****/
.checkout-button-row {background-color: rgba(255,255,255,.75);padding: 5px; padding:15px 0;}
.checkout-button-row button {margin:0;}

/**** footer ****/
#footer {border-top: 10px solid #7AC8C6; padding-top: 2rem; background-color: #444444; color:#9a9a9a;}
#footer a,
#footer a:not(.btn), #footer .btn-outline-primary {color:#9a9a9a;}
#footer .productlist-filter-headline, 
#footer .newsletter-footer-heading,
#footer .box-normal-link.dropdown-toggle {font-size:1rem; color:#fff;}
#footer .productlist-filter-headline,
#footer .box-normal-link.dropdown-toggle {border-bottom: 1px dotted #fff; }
#footer.newsletter-active #footer-boxes {margin-top: 0;}
#footer #footer-boxes .box .nav-item  {margin:0; color:#9a9a9a;}

#footer .footer-social-media li > a {
    font-size: 20px;
    text-rendering: optimizeLegibility;
    border: 1px solid #fff;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    padding: 9px 7px;
    margin-left: 10px;
    text-align: center;
}

/**** mobile ****/
body[data-viewport="xs"] header .hide-navbar, 
body[data-viewport="sm"] header .hide-navbar, 
body[data-viewport="md"] header .hide-navbar {background-color: rgba(255,255,255,.9);}

.navbar-toggler .navbar-toggler-icon {width: 2.25rem;}
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before {
    transform: translateX(-50%) translateY(1.5rem);
}
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:after {
    transform: translateX(-50%) translateY(0.750rem);
}

#jtl-nav-wrapper .navbar-wrapper #mainNavigation.navbar-collapse.show {margin: 0;}

body[data-viewport="xs"] header .navbar-brand img , 
body[data-viewport="sm"] header .navbar-brand img , 
body[data-viewport="md"] header .navbar-brand img {height:3rem;}

.search-form-wrapper .input-group {flex-wrap: nowrap;}

body[data-viewport="xs"] #sidebox128, 
body[data-viewport="sm"] #sidebox128, 
body[data-viewport="md"] #sidebox128 {border-top: 1px solid #525252; padding-top:25px; margin-top:25px;}

body[data-viewport="xs"] #footer .newsletter-footer, 
body[data-viewport="sm"] #footer .newsletter-footer, 
body[data-viewport="md"] #footer .newsletter-footer {text-align: left;align-items: left;}

body[data-viewport="xs"] #footer .box-normal-hr, 
body[data-viewport="sm"] #footer .box-normal-hr, 
body[data-viewport="md"] #footer .box-normal-hr {display: none;}

body[data-viewport="xs"] #sidepanel_left, 
body[data-viewport="sm"] #sidepanel_left, 
body[data-viewport="md"] #sidepanel_left {background-color: rgba(255,255,255,.75); padding-top: 1rem;}

@media (max-width: 991.98px){
	header .navbar-nav .nav-item, header .navbar-nav .nav-link { padding: 0.7rem 1rem;}
}

body[data-viewport="xs"] .account-icon-dropdown .dropdown-menu, 
body[data-viewport="sm"] .account-icon-dropdown .dropdown-menu, 
body[data-viewport="md"] .account-icon-dropdown .dropdown-menu {min-width: 20rem; right:-2rem;}