/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');
@import url('https://fonts.googleapis.com/css?family=Cardo:400,400italic');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Cardo:400,400italic');

.form-control {
display: block;
width: 100%;
height: 40px;
padding: 8px 12px;
font-size: 16px;
line-height: 1.42857143;
color: #272B30;
background-color: #f0f0f0;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s linear;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s linear;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s linear;
-ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s linear;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s linear;
}
.container-fluid.bg-2 {
background: #fff;
}
#footer a:hover {
color: #d2d2d2;
transition: all 0.25s ease;
-webkit-transition: all 0.25s ease;
text-decoration: underline;
}
.article-item-box .article-price {
font-size: 16px;
height: 50px;
margint-top: -10px;
}
@media (min-width: 800px) {
.s360-tabs ul.s360-box-tabs li {
width: auto;
padding-right: 3px;
display: inline-block;
font-size: auto;
font-weight: 400;
}
.s360-tabs ul.s360-box-tabs li .s360-tab {
background-color: transparent;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
text-align: center;
padding: 10px 15px;
color: #505050;
border-bottom: solid 1px #d6d4d4;
}
.s360-tabs ul.s360-box-tabs li .s360-tab.active
{
background-color: #f0f0f0;
color: #005dad;
border-radius: 8px 8px 0px 0px;
border-Top: solid 1px #d6d4d4;
border-right: solid 1px #d6d4d4;
border-left: solid 1px #d6d4d4;
border-bottom: solid 0px #d6d4d4;
}
.s360-tabs ul.s360-box-tabs li .s360-tab:hover {
background-color: #f0f0f0;
color: #005dad;
border-radius: 8px 8px 0px 0px;
border-Top: solid 1px #d6d4d4;
border-right: solid 1px #d6d4d4;
border-left: solid 1px #d6d4d4;
border-bottom: solid 0px #d6d4d4;
}
.s360-tabs ul.s360-box-tabs li .s360-tab .fa {
color: #005dad;
}
}
.s360-tabs .comment-wrapper-head {
padding: 20px;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
.basket-wrapper .versand-frei .alert-success {
background-color: #bccbd7;
font-size: 18px;
border: 0;
height: 80px;
padding-top: 13px;
}
.s360-config-wrapper .panel .panel-heading {
color: #505050;
background-color: #ffffff;
padding: 10px;
padding-left: 20px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
font-weight: 700;
border: 0;
}
.s360-config-wrapper .panel .overview {
background-color: #ffffff;
}
.container-fluid.bg-footer {
background: #005dad;
}
.bg-power-menu {
background: #005dad;
}
.unterkat-container .unterkat-kat-wrapper .img-wrapper {
position: relative;
border-Top: solid 1px #d6d4d4;
border-right: solid 1px #d6d4d4;
border-left: solid 1px #d6d4d4;
height: 235px;
background: white; 
}
.unterkat-container .unterkat-kat-wrapper .kat-name-wrap {
background: #ffffff;
color: #323232;
font-size: inherit;
display: table;
width: 100%;
text-align: center;
height: 55px;
border-bottom: solid 1px #d6d4d4;
border-right: solid 1px #d6d4d4;
border-left: solid 1px #d6d4d4;
}
.unterkat-container .unterkat-kat-wrapper:hover .img-wrapper {
border-Top: solid 1px #323232;
border-right: solid 1px #323232;
border-left: solid 1px #323232;
}
.unterkat-container .unterkat-kat-wrapper:hover .kat-name-wrap {
background: #f2f2f2;
border-bottom: solid 1px #323232;
border-right: solid 1px #323232;
border-left: solid 1px #323232;
}
#search button {
border: solid 4px white;
border-radius: 0;
right: 0;
top: 0;
height: 100%;
width: 40px;
}
.btn.aktive {
color: white;
background-color: #d2d2d2;
border-color: #d2d2d2;
}
@media (max-width: 1419px) {
.btn.btn-light {
font-size: 13px;
}
.frame-constructor {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.frame-constructor {
margin-top: 30px;
}
}
.artikelslider .kk-item-slider-prev,
.artikelslider .kk-item-slider-next {
top: 130px !important;
}
.side-bar-item {
margin-top: 5px;
background-color: #005dad;
padding-top: 12px;
padding-left: 17px;
padding-bottom: 15px;
white-space: nowrap;
box-shadow: inset 0px 0px 0 2px #ffffff;
}
.article-item-list {
background-color: white;
margin: 0px 0px;
margin-bottom: 20px;
border-radius: 0px;
padding-right: 10px;
height: 334px;
font-size: 14px;
cursor: pointer;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3) 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3) 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3) 1px 5px rgba(0, 0, 0, 0.5);
/* ArticleBox MD-max Styles */
/* ArticleBox XS Styles */
}
.article-item-list:hover {
-webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3);
box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
opacity: 0.9;
}
.article-item-box {
border: 1px solid transparent;
height: 360px;
text-align: left;
/* MD Styles */
/* SM Styles */
/* XS Styles */
}
.article-item-box .article-img {
text-align: center;
margin-top: 5px;
height: 150px;
}
.article-item-box .article-name {
margin: 3px 40px 30px 20px;
height: 50px;
font-size: 18px;
font-weight: 400;
}
@media (max-width: 1419px) {
.article-item-box .article-name {
font-size: 16px;
}
.article-item-box .article-img {
height: 150px;
}
.article-item-box .article-price {
font-size: 18px;
}
.article-item-box .article-img {
height: 150px;
}
.article-item-box .article-name {
height: 80px;
}
.header-wrapper .kat-outer-wrap {
margin-top: 20px;
margin-bottom: 20px;
}
}
.header-wrapper .kat-outer-wrap .unterkat-kat-wrapper {
margin-bottom: 20px;
-webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3);
box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
}

.unterkat-kat-wrapper {
margin-bottom: 20px;
-webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3);
box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.3) 3px 5px rgba(0, 0, 0, 0.5);
}
.main-wrapper-filter .form-control {
background-color: #f0f0f0;
border: 1px solid #d7d7d7;
border-radius: 0px;
box-shadow: none;
}
.s360-category-dropdown-wrapper .s360-category-dropdown-overlay .lvl-0 .lvl-1 a,
.box-categories .s360-category-dropdown-overlay .lvl-0 .lvl-1 a,
.s360-category-dropdown-wrapper .nav-panel .lvl-0 .lvl-1 a,
.box-categories .nav-panel .lvl-0 .lvl-1 a {
font-size: 18px;
padding: 5px 10px;
border-radius: 0;
}
.s360-category-dropdown-wrapper .s360-category-dropdown-overlay .lvl-1.active .lvl-2 a,
.box-categories .s360-category-dropdown-overlay .lvl-1.active .lvl-2 a,
.s360-category-dropdown-wrapper .nav-panel .lvl-1.active .lvl-2 a,
.box-categories .nav-panel .lvl-1.active .lvl-2 a {
padding: 5px 40px;
background-color: white;
padding-left: 40px;
}
.article-main-wrapper {
position: relative;
background-color: transparent;
border-bottom: 0;
padding-bottom: 20px;
/*****Vertical Slider*****/
/*****END Vertical Slider*****/
}
.s360-tabs ul.s360-box-tabs li .s360-tab {
background-color: transparent;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
text-align: center;
padding: 10px 10px;
color: #505050;
}

}

@media (max-width: 995px) {
.s360-tabs ul.s360-box-tabs li .s360-tab {
padding: 10px 5px;
}
.s360-tabs ul.s360-box-tabs li .s360-tab.active,
.s360-tabs ul.s360-box-tabs li .s360-tab:hover {
background-color: #f0f0f0;
color: #005dad;
}
.basket-wrapper .versand-frei .alert-success {
background-color: #bccbd7;
font-size: 18px;
border: 0;
height: 80px;
padding-top: 13px;
}
.s360-tabs #tab-description .desc p {
  margin: 0 0 10px;
}
.zubehoer-wrapper .delivery-wrapper {
  text-align: left;
}
}


.btn.btn-default {
    background: rgba(0, 93, 173, 0);
	color: #020202;
}
/*****um Preis bei slider ordentlich anzuzeigen*****/
.instead_of, .special-price {
    float: none;
}
/*****farbe von USP ändern*****/
.footer-usp-row .fa {
    padding: 17px;
    color: #505050;
}
.footer-usp-row .footer-usp-title {
    font-size: 20px;
    color: #505050;
}
/*****farbe im checkout ändern - bearbeiten der Details beim Abschluss*****/
.checkout-wrapper .edit {
    
    color: #505050;
}
/*****blaue Box Startseite- andere größe*****/
.grid-top .grid-top-right .grid-top-right-elem-top {
	height: 300px;
	font-size:15px
}
/*****Slider ohne Rahmen und schatten*****/
.kk-powerslide .slide .content {
    text-align: left;
    padding: 0;
    background: rgba(0,0,0,.4);
    border-radius: 0;
    color: white;
    margin: 0;
    text-shadow: 0 1px 3px rgba(0,0,0,0);
    white-space: normal;
}
/*****GridTop auf 300*****/
.grid-top .grid-top-left {
    height: 300px;
}
/***** Gridtop Copy anderes Maß ****/
.grid-top .grid-top-left-S {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 1.42857143;
list-style: none;
text-align: left;
color: white;
text-shadow: 0 1px 3px rgba(0,0,0,0);
white-space: normal;
box-sizing: border-box;
overflow: hidden;
position: relative;
height: 500px;
}
/***** Anderes Gridtop ****/
.grid-top-left-content-S{
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 1.42857143;
list-style: none;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,0);
white-space: normal;
color: #323232;
box-sizing: border-box;
position: absolute;
right: 30px;
top: 30px;
width: 35%;
}
.grid-top-left-content-top-S{
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1.42857143;
list-style: none;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,0);
white-space: normal;
color: #323232;
box-sizing: border-box;
background: white;
opacity: 0.9;
margin-bottom: 2px;
padding: 20px
30px;
font-size: 32px;
}

.grid-top-left-content-bottom-S {
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1.42857143;
list-style: none;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,0);
white-space: normal;
color: #323232;
box-sizing: border-box;
background: white;
opacity: 0.9;
padding: 20px
30px;
font-size: 16px;
}
/* bis hier für anderes Gridtop*/

@media (max-width: 769px) {
.grid-top .grid-top-right .grid-top-right-elem-top {
    text-align: center;
    height: auto;
	
}}
/**zubehör immer ausgeklappt***/
.s360-tabs .more-than-two-accessoires, .s360-tabs .more-than-two-ratings {
    display: block;
}

.service-wrapper .service-wrapper-inner .service-content {
    font-size: 16px;
	text-align: justify;
}
.seo-block {
    font-size: 16px;
	text-align: justify;
}
.article-item-list .article-shortdesc {
    font-size: 16px;
}

h2, .h2 {
    font-size: 24px;
}
h3, .h3 {
    font-size: 20px;
}
h3, .artikelslider h3 {
    margin: 25px 0px 9px 0;
    padding: 0;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    color: #323232;h3 {
    margin: 25px 0px 9px 0;
    padding: 0;
    text-align: left;
    font-weight: 400;
    color: #323232;