/* Anpassungen Main Theme*/
body {min-width: 340px !important; background: #ffffff !important;}
body, p, div, ol, ul, li, a, table, tr, td {color:#53565A;}
h1, h2, h3, h4, h5, h6 {color:#0E4174 !important;}
/*#content-wrapper {max-width: 1640px; margin: 0 auto; width: auto;}*/
.btn-success, .btn-info, .btn-warning, .btn-danger {color: #ffffff !important;}
.btn-group, .btn-group-vertical {margin-bottom: 5px;}
.active, .accordion:hover {background-color: transparent !important;}
.badge-secondary {color: #ffffff;}
.form-control {font-weight: 300;}
.opc-Accordion-head {width: 100%; font-size: 17px; font-weight: 500; padding: 5px;}
.accordion > .card > .card-header {margin-bottom: 5px; padding: 5px 10px; background: #f7f7f7; border-bottom: 2px solid #0E4174;}
.accordion > .card > .card-header button {color: #0E4174;}
.opc-Accordion-group { border: none;}
.card-body {padding: 15px 10px;}
a:hover, a:focus {transition: color 0.3s ease 0.2s;}
.winch-special-container-max-width {max-width: 1640px; margin: 50px auto !important;}
.carousel-arrows-inside, .slick-prev, .slick-arrow {opacity: 1; }
.carousel-arrows-inside .slick-prev {transform: none;}
#footer {background-image: url("/templates/SEILWINDENDIREKT/themes/base/images/logo-bg-footer.png"); background-repeat: no-repeat; background-size: 700px; background-position: bottom -180px right -180px;}
#main-wrapper {background-image: url("/templates/SEILWINDENDIREKT/themes/base/images/logo-bg-main.png"); background-repeat: no-repeat; background-size: 900px; background-position: bottom -280px left -220px;}
.submenu-headline-image {max-width: 320px !important;}
.ws5_auswahlbutton .active {color: #0E4174 ;}
.ws5_auswahlbutton {color: #0E4174 ;}
.ws5_auswahlbutton:hover, .ws5_register_button:hover {color: #ffffff;}
.btn-primary:not(:disabled):not(.disabled).active {color: #888888;}


@media screen and (min-width: 1300px){
.container {max-width: 1640px;}
}

@media screen and (max-width: 1680px){
#content-wrapper {padding-right: 32px;padding-left: 32px;}	
.nav-mobile-body > .navbar-nav > .nav-item > .dropdown-menu > .dropdown-body {padding: 25px;max-width: 100%;}
}

@media screen and (max-width: 991.98px){
#footer {background-image: none;}
#main-wrapper {background-image: none;}
}

/* Anpassungen Header*/
.navbar {margin: 35px 0px 15px 0px !important;}
#jtl-nav-wrapper {border-bottom: 2px solid #0E4174; min-height: 80px;}
#jtl-nav-wrapper > .hide-navbar > .navbar > .secure-checkout-icon {color: #ffffff;}
#header-top-bar a:not(.dropdown-item):not(.btn):hover, header a:not(.dropdown-item):not(.btn):hover {color: #cccccc;}
#search .form-control {border: none;}
#search .search-wrapper > form > .form-icon > .input-group > .twitter-typeahead > .form-control {background: rgba(255,255,255,0.5) !important;}
.search-wrapper {border: none; background: #e1e1e1;}
.search-wrapper button {color: #ffffff; background-color: #0E4174 !important; border-color: #0E4174 !important;}
.search-wrapper button:hover {color: #ffffff; background-color: #002952!important; border-color: #002952!important;}
header a:not(.dropdown-item):not(.btn):hover {color: #0E4174 !important;}
.nav-mobile-body > .navbar-nav > .nav-item > .nav-link:hover {border-bottom: 2px solid #0E4174 !important; z-index: 100;}
.nav-mobile-body > .navbar-nav > .nav-item > .nav-link:focus {border-bottom: 2px solid #0E4174 !important; z-index: 100;}
header .navbar-nav > .nav-item > .nav-link::before {border:none !important;}
header .navbar-nav > .nav-item > .nav-link { padding: 12px 10px;}
.nav-scrollbar-inner {padding-bottom: 0px !important;}
header .dropdown-body, header .dropdown-menu {background-color: #ffffff; color: #444444;}
#winch-header-top-bar {background: #f9f9f9; margin-bottom: 10px; padding: 10px 15px;}
#winch-header-top-bar a {color: #53565A; text-decoration: none;}
#jtl-nav-wrapper > .menu-multiple-rows-scroll {margin-top: 0px!important; height: 0px!important;}
.winch-header-top-bar-link-1 {display: inline-block; width: auto; padding: 5px 10px; background: #fff; border-radius: 5px; text-decoration: none; color: #444444 !important; margin-left: 5px;}
.winch-header-top-bar-link-1:hover, .winch-header-top-bar-link-1:focus {color: #444444; text-decoration: none; cursor: pointer; box-shadow: 0px 0px 5px #555;}
.submenu-headline-image {max-width: 100px; margin-bottom: 5px !important;}
.submenu-headline > .text-truncate {font-size: 14px !important;}
.subcategory-wrapper > .row > .col {padding-right: 15px !important; padding-left: 15px !important; margin: 8px 0px !important;}
#winch-header-top-bar .fa {color: #0E4174;}
#winch-header-top-bar > .container-fluid {display: block;}
#winch-header-top-bar > .container-fluid > span {display: inline-block; margin: 0px 15% 0px 0px;}
.winch-header-top-zahlarten {margin-right: 0px !important;}
.dropdown-toggle::after, :not(.navbar-toggler)[data-toggle="collapse"]::after {color: #0E4174 ;}
header .nav-mobile-body {font-size: 16px;}
.nav-icons-wrapper > #shop-nav > .nav-item > .nav-link {padding-top: 5px; padding-bottom: 5px;}
.nav-icons-wrapper > #shop-nav > .nav-item > .nav-link > .fas {color: #cccccc; transition: color 0.3s ease 0.2s; font-size: 20px;}
.nav-icons-wrapper > #shop-nav > .nav-item > .nav-link > .fas:hover {color: #0E4174;}
.nav-icons-wrapper > #shop-nav > .nav-item > .nav-link > .fas:focus {color: #0E4174;}
.nav-scrollbar-inner {overflow-x: hidden;}
.nav-scrollbar-arrow {width: 30px; cursor: pointer; font-size: 16px; z-index: 999; margin-top: -18px;}
.nav-scrollbar-arrow.right {background: rgba(237, 237, 237, 0.5); right: 15px; padding-left: 10px; margin-left: 0px; position: absolute;}
.nav-scrollbar-arrow.left {background: rgba(237, 237, 237, 0.5); left: 15px; padding-left: 8px; margin-left: 5px; position: absolute; padding-right: 5px;}
.winch-top-tele-service-block {height: auto; text-align: right; position: relative; top: -2px;}
.winch-top-inner-tele a {font-size: 18px; font-weight: 500;}
.winch-top-inner-tele i {font-size: 28px; position: relative; bottom: -3px; color: #0e4174;}
.winch-top-inner-text spawn {font-weight: 500;}
.winch-top-inner-text a {color: #0e4174 !important; font-weight: bold;}
#winch-top-tele-service-block-outer {display: none; background: #0E4174; padding: 10px 10px 5px 10px; text-align: center;}
#winch-mobil-logo img{ width: 100%; max-width: 120px; height: auto;}
#winch-logo-layout-mobil {border-bottom: 2px solid #0E4174; padding: 10px 15px; text-align: center; display:none;}

@media screen and (min-width: 1920px){
#jtl-nav-wrapper {background-position: top center !important; background-size: auto;}
}

@media screen and (max-width: 1400px){
#winch-header-top-bar > .container-fluid > span {margin: 0px 10% 0px 0px;}
}

@media screen and (max-width: 1100px){
#winch-header-top-bar > .container-fluid > span {margin: 0px 5% 0px 0px;}
}

@media screen and (min-width: 993px){
#jtl-nav-wrapper {padding-bottom: 15px;}
#jtl-nav-wrapper > .menu-multiple-rows-scroll {margin-bottom: -15px !important;}
}
@media screen and (min-width: 992px){
#jtl-nav-wrapper > .menu-multiple-rows-scroll {max-width: 100%; height: 50px !important; margin-top: -8px !important;}
#jtl-nav-wrapper > .menu-multiple-rows-scroll > .navbar {max-width: 1650px !important; margin: 0 auto !important; font-weight: 300; color: #000000;}	
	
}
@media screen and (max-width: 992px){
header .navbar-brand img {height: 60px;}
.burger-menu-wrapper {margin-top: 15px;}
#jtl-nav-wrapper > .menu-multiple-rows-scroll {margin-bottom: -5px;}
#jtl-nav-wrapper > .hide-navbar > .navbar > .secure-checkout-icon {color: #444444;}	
}

@media (max-width: 991.98px){
.full-width-mega.sticky-top .main-search-wrapper .nav-link {font-size: 20px; color: #cccccc !important; transition: color 0.3s ease 0.2s;}
.full-width-mega.sticky-top .main-search-wrapper .nav-link:hover {color: #0E4174 !important;}
.full-width-mega.sticky-top .main-search-wrapper .nav-link:focus {color: #0E4174 !important;}
.nav-logo-wrapper {order: -2; padding-right: 0; margin-right: 10px !important; width: 100%; max-width: 130px;}	
.winch-top-tele-service-block {order: -1; margin-right: auto;  text-align: left;}
header .navbar-brand img {height: 60px;}
.burger-menu-wrapper {margin-top: 15px;}
.nav-mobile-body > .navbar-nav > .nav-item > .nav-link	{transition: background 0.8s ease 0.0s;}
.nav-mobile-body > .navbar-nav > .nav-item > .nav-link:hover, .nav-mobile-body > .navbar-nav > .nav-item > .nav-link:focus  {border-bottom: none !important; background: #f7f7f7;}
.navbar {margin: 10px 0px 15px 0px !important;}
}

@media screen and (max-width: 900px){
#winch-header-top-bar > .container-fluid > span {margin: 0px 10px 5px 0px; width: auto;}
}

@media screen and (max-width: 800px){
#jtl-nav-wrapper {background-size: 1000px auto; background-position: top left -500px;}
#winch-header-top-bar {text-align: center;}
}

@media screen and (max-width: 767.98px){
#jtl-nav-wrapper > .hide-navbar > .navbar > .nav-icons-wrapper {margin-right: 10px;}
}

@media screen and (max-width: 650px){
.nav-logo-wrapper {order: 0; margin-right: auto !important;}	
.navbar > .winch-top-tele-service-block {display:none;}
.winch-top-tele-service-block {text-align: center;}
#winch-top-tele-service-block-outer, .winch-top-tele-service-block {display: block; color: #fff !important; font-size: 16px !important;}
.winch-top-inner-tele, .winch-top-inner-text {display: inline-block; width: auto; color: #fff !important; font-size: 16px !important;}
.winch-top-inner-tele a, .winch-top-inner-tele i, .winch-top-inner-text a, .winch-top-inner-text spawn {color: #ffffff !important; }
.winch-top-inner-tele a {font-size: 16px !important; text-decoration: none;}
.winch-top-inner-tele i {font-size: 18px !important; bottom: -1px;}
}

@media screen and (max-width: 480px){
.logo-wrapper {display: none;}
.full-width-mega .nav-logo-wrapper {margin-right: 0px; height: 70px;}
#winch-logo-layout-mobil {display:block;}
}


/* Anpassungen Startseite*/
.startseite-video-outer {width: 100%; margin: 0 auto; }
.startseite-video-block {display: block; z-index: 10; position: relative; text-align: center;}
.startseite-video-block > .video {margin: 0 auto; width: 100%; height: auto; z-index: 20; display: block;}
.startseite-video-block > .video-thumb {margin: 0 auto; width: 100%; height: auto; z-index: 20; display: none; -webkit-filter: grayscale(50%) contrast(80%); filter: grayscale(50%) contrast(80%);}
.startseite-video-block > .video-text {color: #ffffff; padding: 5px; width: 100%; z-index: 30; position: absolute; top: 50%; font-size: 18px; text-transform: uppercase; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);}
.startseite-video-block .video-text-inner-border-bottom {color: #ffffff; line-height: 26px; border-bottom: 3px solid rgba(255, 255, 255, 0.15); margin-bottom: 5px; padding-bottom: 5px; font-size: 14px;}
.startseite-video-block > .video-text h2, .startseite-video-block > .video-text h3 {color: #ffffff !important;}
.startseite-kategorien-gird-outer {max-width: 1200px; width: 100%; margin: 0 auto;}
.startseite-haendlerwerden-outer {max-width: 1200px; width: 100%; margin: 0 auto;}
.industriebedarf-aufhaenger-gird-outer {}
.startseite-industriebedarf-auhaenger-gird {max-width: 1200px; width: 100%; margin: 35px auto;}
.industriebedarf-aufhaenger-gird-inner{background: #ffffff;}
.industriebedarf-aufhaenger-gird-inner img {height: auto; width: 100%; max-width 370px; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all 0.5s ease-in-out;}
.industriebedarf-aufhaenger-gird-inner img:hover, .industriebedarf-aufhaenger-gird-inner img:focus {-webkit-filter: grayscale(0); filter: grayscale(0); box-shadow: 0px 0px 15px #888888;}
.aufhaenger-gird-txt {padding: 8px 10px;}
.aufhaenger-gird-button {padding: 8px 10px;}
.startseite-panel-seilwinden-3typen {min-height: 625px; max-width: 368px; width: 100%; }
.startseite-industriebedarf-seilwinden-gird {max-width: 1200px; width: 100%; margin: 35px auto;}
.winch-erprobte-technik-outer {display: block; margin: 0 auto; max-width: 1000px; width: 100%; text-align: center;}
.winch-erprobte-technik-text {display: inline-block; vertical-align: top; width: 300px; margin: 5px 15px 5px 0px; background: rgba(255, 255, 255, 0.6); height: 220px; padding: 26px 10px;}
.winch-erprobte-technik-img {display: inline-block; vertical-align: top; width: 220px; margin: 5px 0px 5px 0px; height: 220px;}
.winch-erprobte-technik-img img {width: 220px; height: auto;}
.winch-bottom-seo {max-width: 1200px; width: 100%; margin: 50px auto 5px auto;}


@media screen and (max-width: 991.333px){
.startseite-panel-seilwinden-3typen {max-width: 100%;}
.startseite-panel-seilwinden-3typen img {max-width: 100%; width: 100%;}
.seilwinden-3typen-special {margin: 25px auto; max-width: 100% !important; min-height: auto;}
.startseite-industriebedarf-seilwinden-gird {max-width: 800px;}
}

@media screen and (max-width: 767.333px){
.industriebedarf-aufhaenger-gird-outer {max-width: 370px;margin: 25px auto; text-align: center;}
.aufhaenger-gird-txt {text-align: center;}
.aufhaenger-gird-button {text-align: center;}
.startseite-panel-seilwinden-3typen {margin: 25px auto; max-width: 368px !important;}
}

@media screen and (max-width: 600px){
.startseite-video-block > .video-thumb {display: block;}
.startseite-video-block > .video {display: none;}
.winch-erprobte-technik-text {width: 330px; margin: 5px 0px 15px 0px; background: rgba(255, 255, 255, 0.6); height: auto; padding: 8px 10px;}
.winch-erprobte-technik-img {width: 330px; margin: 0px 0px 0px 0px; height: auto;}
.winch-erprobte-technik-img img {width: 330px; height: auto;}
}



/* Anpassungen weitere Unterseiten*/
.winch-jobs-max-width {max-width: 1000px;}
.faq-einleitung-width {max-width: 800px;}
.winch-max-width-1200 {max-width: 1200px;}
.winch-max-width-1000 {max-width: 1000px;}
.winch-max-width-800 {max-width: 800px;}
.winch-wissenswertes-special-banner-generator {max-width: 500px; position: absolute; right: 200px; width: 100%; background: rgba(255, 255, 255, 0.40); padding: 15px;}
.checkout-payment-method img {height: 48px;}
.checkout-payment-method {display: inline-block; width: 32.333%;}
.ppc-checkout-payment-method .funding-name {font-size: 80%;}
.sub-categories > a > .subcategories-image .img-fluid {width: 320px;}
.sub-categories > a > .subcategories-image source {width: 320px;}




@media screen and (max-width: 1299px){
.checkout-payment-method {width: 48.50%;}
}


@media screen and (max-width: 1000px){
.winch-wissenswertes-special-banner-generator {position: relative; right: unset; margin: 0 auto;}
}

@media screen and (max-width: 580px){
.checkout-payment-method {width: auto; display:block;}
}



/* Anpassungen Footer*/
#footer a:not(.btn):hover {color: #cccccc;}
#footer a {text-decoration: none!important;}
.winch-footer-top-tele-mail-info {background: #ACB7AB; padding: 15px; text-align: center; color: #ffffff; font-size: 16px;}
.winch-footer-top-tele-mail-info-inner {max-width: 1570px; margin:0 auto; display:block;}
.winch-footer-top-tele-mail-info-inner span {display: inline-block; margin-right: 10px;}
.winch-footer-top-tele-mail-info-inner a {text-decoration: none; color: #ffffff !important;}
.winch-footer-top-tele-mail-info-inner .fa {color: #6D756D !important;}
#footer-boxes .box-custom {margin-bottom: 30px;}
.winch-footer-zahlung-versand-icons {padding: 25px 0px 10px 0px; color: #ffffff; border-top: 1px solid #444444;}
.winch-footer-zahlung-versand-icons-inner {width: auto; display:block; text-align: left; max-width:1340px;}
.winch-footer-zahlung-versand-icons-inner img {width: auto; display:inline-block; margin: 0px 0px 5px 5px; max-width: 40px;}
#footer-openstreat-map {width:100%; height: 600px; overflow: hidden; margin-bottom: -10px; border-bottom: 4px solid #333333; -webkit-filter: contrast(80%); filter: contrast(80%);}
.winch-footer-ions-versand {width: 100%; max-width: 240px; height: auto;}
.winch-footer-ions-versand img {width: 100%; max-width: 60px; height: auto; margin: 5px 5px 5px 0px;}
.winch-footer-ions-zhlarten {width: 100%; max-width: 285px; height: auto;}
.winch-footer-ions-zhlarten img {width: 100%; max-width: 60px; height: auto; margin: 5px 5px 5px 0px;}
.winch-footer-sicher-einkaufen img {width: 100%; max-width: 100px; height: auto; margin: 5px 5px 5px 0px;}
.winch-footer-social-media img {width: 40px; height: auto; margin: 5px 5px 5px 0px; border:none;}
.winch-footer-social-media > a > .social3 {width: 44px !important; margin: 1px 5px 5px 3px !important;}
#footer .btn-secondary {color: #ffffff; background-color: #0E4174; border-color: #0E4174; }
#footer .btn-secondary:hover, #footer .btn-secondary:focus {background-color: #53565A; border-color: #53565A; }
#system-credits a {color: #53565A !important;}
.winch-newsletter-button-footer {width: 300px;}

@media screen and (min-width: 1300px){
.winch-footer-zahlung-versand-icons-inner {text-align: right;}
.winch-footer-zahlung-versand-icons {padding: 0px; color: #ffffff; border-top: none;}	
}

@media screen and (max-width: 767px){
.winch-newsletter-button-footer {width: auto;}
}

@media screen and (max-width: 575px){
#footer-boxes .box-custom {margin-bottom: 15px;}
}

/*Anpassung Sonderpreis*/
.special-price {
  color: #6D935F;
  font-size: 1.875rem;
  font-weight: 600;
}

.price.h1.special-price {
  color: #6D935F;
  font-size: 1.875rem;
  font-weight: 600;
}
/*Anpassung Variation swatches mobil */
@media screen and (max-width: 767px){
.js-slider-wrapper .js-slider-items .js-slider-item {
  width: auto !important;
  flex: 1 0 auto;
}

.js-slider-wrapper.js-slider-disabled .js-slider-items {
    justify-content: space-between !important;
    align-content: space-between !important;
}
.swatches .variation>span.label-variation {
  max-width: none;
  height: 30px;
  width: 120px;
  line-height: 30px;
}
}