/* =============================================================================
 * reset & defaults
 * ========================================================================== */
/*bootstraps resets*/
.well {border-color:#e5e5e5;}

/*     --chromeframe
------------------------------------------------- */
#chromeframe {background: red; color: #fff;}

/*     --cookiebar
------------------------------------------------- */
#cookie-bar {background-color:#B5B5B5; color:#fff;}
#cookie-bar a {color:#fff;}
#cookie-bar a.cb-enable:after {color:#1d1d1b;}
#cookie-bar .cb-enable {background-color:transparent;}
#cookie-bar .cb-enable:hover {background-color:transparent;}
#cookie-bar .cb-disable {background-color:transparent;}
#cookie-bar .cb-disable:hover {background-color:transparent;}
#cookie-bar .cb-policy {background-color:transparent;}
#cookie-bar .cb-policy:hover {background-color:transparent;}

/* =============================================================================
 * general styles & page setup
 * ========================================================================== */

a {color: #ED7827;}
a:hover {color:#3370bc;}
a:focus {color: #3370bc;}
img.lazy {background-color:#f5f5f5; background-image:url(../img/loading_spinner.gif);}
abbr {background: #efefef;}

/* =============================================================================
 * font-sizes + line-heights
 * ========================================================================== */
html, body {font-size:16px;}
body {font-family: 'Ubuntu', sans-serif; line-height:1.5; font-weight:300;}
input, button, select, textarea {font-family: 'Ubuntu', sans-serif;}
@media only screen and (max-width: 767px) {
	body {font-size:0.9rem;}
	.boxcontent .product-name,
	.boxcartbody .product-name,
	#order_details .product-name,
	.products-grid .product-name {font-size: 0.9rem;}
}

/*     --helper classes
------------------------------------------------- */
.border-left {border-left:1px solid #e5e5e5;}
.color {color: #ED7827;}
.color-a {color:#3370bc;}
.white {color:#fff;}
.caption .blue {color:#009B6A;}
.bg_color {background-color: #ED7827;}
.aligncenter * {text-align: center;}
.text-shadow1 {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.text-shadow2 {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.caption.bg .inside {background-color:rgba(51, 112, 188,.6);}
.caption.bg-a .inside {background-color: rgba(237, 120, 39,.9)}
.caption.bg-b .inside {background-color: rgba(255, 255, 255,.9)}

/*     --content-box
------------------------------------------------- */
.content-box {color:#1d1d1b; background-color:#F3F3F3; border-color:#f3f3f3;}

/*     --box_admin
------------------------------------------------- */
.admin-box {background-color: #fff; border: 1px solid #ebebeb; color:#191919; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.admin-box span.touch {background-color:#fff; color: #333; position:absolute; border-color:#ebebeb; box-shadow: -3px 0 2px rgba(0, 0, 0, 0.3);}
.admin-box span.touch:hover {color: #ED7827;}

/*     --box_custom2
------------------------------------------------- */
.advantages .pushbutton [class^="icon-"],
.advantages .pushbutton [class*="icon-"],
.advantages .pushbutton i[class^="icon-"],
.advantages .pushbutton i[class*="icon-"] {background-color:rgba(255,255,255,.3);}
.advantages .btn-mini {color:#fff; border-color:#fff; background-color:#1D1D1B;}
.advantages .caret {border-top-color: #fff;}
.advantages .caret.caret-reversed {border-bottom-color:#fff;}
.advantages .caret.caret-reversed:after {background-color:#e5e5e5;}

.advantages .boxed {background-color:#E5E5E5;}
.advantages .categoryheader {color:#fff;}

.advantages .i_box {color:#707573;}

.advantages .s_box .s_title {color:#1D1D1B;}

/*boxed colors*/
#box_custom2,
#box_custom2 .container-inside {background-color:#f3f3f3;}
.advantages .boxed.colorful .s_box .s_title,
.advantages .boxed.colorful .s_box .s_content,
.advantages .boxed.colorful .i_box,
.advantages .boxed.colorful-a .s_box .s_title,
.advantages .boxed.colorful-a .s_box .s_content,
.advantages .boxed.colorful-a .i_box {color:#fff;}

/*     --box_sellers
------------------------------------------------- */
#box_sellers .box_count {color: #fff;}

/*     --contactBox
------------------------------------------------- */
#contactBox {background-color: #fff; border: 1px solid #ebebeb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); color:#191919;}

/*     --pushy
------------------------------------------------- */
.pushy-active .site-overlay {background-color:rgba(0,0,0,.6);}

/*     --fontsize & colors
------------------------------------------------- */
.boxcontent .product-name,
.boxcartbody .product-name,
#order_details .product-name,
.products-grid .product-name,
#product_reviews_info .product-name,
#checkout_confirmation .product-name a {font-size:15px; font-weight:400; line-height:19px; margin-bottom:5px;}

.modal,
.greeting,
#dec, #inc,
.rating a,
.cart-total,
.nav-tabs > li > a,
.sorting .btn-group .btn .a1,
.sorting .btn-group .btn .a2,
.sorting .btn-group .btn .a3,
.boxcontent .product-name a,
.calculatePriceUpdater span,
.boxcontent .product-name,
.boxcartbody .product-name,
#order_details .product-name,
.products-grid .product-name,
.boxcartbody .product-name a,
#order_details .product-name a,
.products-grid .product-name a,
#products-info .product-model,
#search input[type="text"]:focus,
#products-info .product-shipping,
.products-grid .product-shipping,
.nav-tabs-container .tab-content,
#checkout_confirmation .product-name,
#checkout_confirmation .product-name a,
#product_reviews_info .product-name a,
#box_categories.nav-hover ul > li.level_1 ul li a {color: #1d1d1b;}

.modal .boxcontent .register a,
.boxcontent .product-name a:hover,
.boxcartbody .product-name a:hover,
#order_details .product-name a:hover,
.products-grid .product-name a:hover,
#left .boxcontent:hover .product-name a,
#checkout_confirmation .product-name a:hover {color: #1d1d1b; text-decoration:underline;}

.modal .boxcontent .register a:hover {text-decoration:none;}

.price,
.boxcontent .product-price,
.calculatePriceUpdater span.cuPrice,
#products-info .product-price {color: #e6495e;}
.price,
.boxcontent .product-price,
.calculatePriceUpdater span {margin-bottom:5px; line-height:20px; font-weight:500;}
#products-info .product-price,
.calculatePriceUpdater span.cuPrice {font-size: 1.7rem; font-weight:400; line-height:26px;}
.productOldPrice {color:#b2b5b9; font-size:13px;}
.product-price small {font-size:13px;}

.product-tax {font-size:0.8rem; color:inherit; line-height:16px; margin-bottom:5px;}
.product-tax a {color:inherit; text-decoration:underline;}
.products-grid .product-shipping,
#checkout_confirmation .product-shipping {font-size: 0.9rem; font-weight:400; margin-bottom:5px;}

/*     --background colors
------------------------------------------------- */
.colorful,
.boxed.colorful,
#search .btn,
#nav-open-btn,
#footer_before,
.menu-btn-inside,
#box_sellers .box_count,
nav#mainmenu.nav2 ul > li {background-color:#3370bc;}

.colorful-a,
.boxed.colorful-a {background-color:#ED7827;}


/*     --positive/negative classes
------------------------------------------------- */
.fontdark {color:#1d1d1b!important;}
.positiv {color:#4f5f39;}
.negativ {color:#af2c20;}

/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color: #3370bc;}
h1 {color: #3370bc;}

/*     --hr
------------------------------------------------- */
hr {background: #e5e5e5; color: #ccc;}

/*     --divider
------------------------------------------------- */
.divid-1 {border-bottom:2px solid #e5e5e5;}
.divid:after/*, .divid-1:after*/ {background-color:#ED7827;}

/*     --frame
------------------------------------------------- */
html:after, body:after {background-color: #fff;}

/*     --body
------------------------------------------------- */
body {color: #707573; background-color: #000;}
body {background-color: #fff;}

/*     --#top-container
------------------------------------------------- */
#top-container {background-color:#fff; border-bottom: 1px solid #e5e5e5;}

/*     --#header-container
------------------------------------------------- */
#header-container {background-color: #F3F3F3; border-bottom: 1px solid #e5e5e5;}

/*     --slogan
------------------------------------------------- */
#slogan .slogan-text {color:#ED7827;}

/*     --suche
------------------------------------------------- */
#search input[type="text"] {color: #ccc; border-color:#e5e5e5;}
#search .btn {color:#fff;}
#search .btn:hover {background-color:#ED7827;}
#search .glyph-before {color:#ccc;}

/*     --meta
------------------------------------------------- */

.header-cart > a {color:#1d1d1b;}
.header-cart.open > a,
.header-cart:hover > a {background-color:#e5e5e5;}
.header-cart .cart-toggle:after {color: #E6495E;}
.header-cart .cart-content {box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.3); border:5px solid #e5e5e5;}

.cart-content .boxcartbody {background: #fff;}

/*     --#headeroffset
------------------------------------------------- */
#headeroffset {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);}

/*     --#top-container language
------------------------------------------------- */
.language {border-left:1px solid #eee; border-right:1px solid #eee;}
.language ul {border-color:#eee;}
.language ul li a {background-color: rgba(255, 255, 255, 1);}
.language span {color: #1D1D1B;}
.language span:hover {color: #ED7827;}

/*     --#top-container metaheader
------------------------------------------------- */
.metaheader li a {border-left: 1px solid #e5e5e5; color: #1d1d1b;}
.metaheader li.last a {border-right: 1px solid #e5e5e5;}

/*     --sticky menu
------------------------------------------------- */
#menue-container.sticky {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);}
#menue-container.sticky .header-cart .total {color:#fff; background-color:#3370bc;}
#menue-container.sticky .header-cart .cart-toggle:after {background:none;}

/*     --container
------------------------------------------------- */
.container-inside {background-color:#fff;}

/*     --linktotop
------------------------------------------------- */
#linktotop:before {background-color:rgba(237, 120, 39,.9); color: #fff;}
#linktotop:hover {margin-bottom:5px; opacity:.5;}

/* =============================================================================
 * section_after
 * ========================================================================== */
#section_after {border-color:#e5e5e5; background-color:#f3f3f3;}

/* =============================================================================
 * footer_before
 * ========================================================================== */
#footer_before .inside {color:#fff;}
#footer_before h1, #footer_before h2, #footer_before h3, #footer_before h4, #footer_before h5, #footer_before h6, #footer_before .categoryheader {color: #ffffff;}
/*#footer_before .row-fluid [class*="span"] {border-right: 1px solid rgba(255,255,255,.3);}*/

#footer_before input:focus::-webkit-input-placeholder {color: white !important;}
#footer_before input:focus:-moz-placeholder { /* Firefox 18- */color: white !important;}
#footer_before input:focus::-moz-placeholder {  /* Firefox 19+ */color: white !important; }
#footer_before input:focus:-ms-input-placeholder {color: white !important;}

/*ssl box*/
#footer_before a {color:#fff;}
#footer_before a:hover,
#footer_before a:hover .categoryheader {color:#ed7827;}

/* =============================================================================
 * footer_before1
 * ========================================================================== */
#footer_before1 {background-color:#004985;}
#footer_before1 .bsp-link {color:#fff;}
#footer_before1 .bsp-link:hover {color:#ed7827;}

/* =============================================================================
 * footer
 * ========================================================================== */
/*#footer {background: #fff;}*/
#footer a {color: #707573;}
#footer a:hover {color:#1d1d1b; text-decoration:underline;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .categoryheader {color: #1d1d1b;}

#footer .border-left {border-color:#666;}
#footer #box_content a, #footer #box_information a {color:#666666;}
#footer #box_content a:hover, #footer #box_information a:hover {color:#1d1d1b;}

#footer input::-webkit-input-placeholder {color: white !important;}
#footer input:-moz-placeholder { /* Firefox 18- */color: white !important;}
#footer input::-moz-placeholder {  /* Firefox 19+ */color: white !important; }
#footer input:-ms-input-placeholder {color: white !important;}

/* =============================================================================
 * bottom, copyright
 * ========================================================================== */

#bottom {background-color:#fff; color: #666;border-top: 1px solid #eee;}
#bottom a {color: #666;}
#bottom a:hover {color:#1d1d1b;}

.copyright {background-color:#fff;}

.cop_grey {color: #666;}

/* =============================================================================
 * menues
 * ========================================================================== */
nav#mainmenu.nav2 ul > li:hover {background-color:#004985;}
nav#mainmenu.nav2 ul > li:hover > a,
nav#mainmenu.nav2 ul > li > a {color:#fff;}
nav#mainmenu.nav2 ul > li > a:hover {color:#fff;}
nav#mainmenu.nav2 ul > li:after {border-color: #3370bc transparent transparent;}
nav#mainmenu.nav2 ul > li:hover:after {border-color: #004985 transparent transparent;}

/*     --mainmenue
------------------------------------------------- */
#menue-container {background-color:#fff;}
#menue-container .inside {background-color: #fff;}
nav#mainmenu ul li a:hover {color:#1D1D1B;}
nav#mainmenu ul ul {box-shadow:0 8px 15px rgba(0, 0, 0, 0.1);}
nav#mainmenu ul ul:before {border-bottom: 10px solid #fff; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0);}
nav#mainmenu ul ul li {border-top: 1px solid rgba(0, 0, 0, 0.06);}
nav#mainmenu ul ul a.active,
nav#mainmenu ul ul a.trail {color:#fff;}
nav#mainmenu ul li.menuecurrent a {background-color:#fff; color:#1D1D1B;}

/* =============================================================================
 * mainmenu - font+width
 * ========================================================================== */
/* layer 1 */
nav#mainmenu ul li a {color:#3b3b3b;}
nav#mainmenu > ul > li > a {border-bottom: 0px solid transparent; border-top: 0px solid #ED3037;}
nav#mainmenu > ul > li > a:before {background-color: transparent;}

/* layer 2+3 */
nav#mainmenu ul ul li a {color: #1D1D1B;}

/* =============================================================================
 * mainmenu - activ + hover
 * ========================================================================== */
/* layer 1 */
nav#mainmenu > ul > li:hover {background-color:#fff;}
nav#mainmenu > ul > li:hover > a {color:#ED7827;}
nav#mainmenu > ul > li:hover > a:before, nav#mainmenu > ul > li.menuecurrent > a:before {background-color:#ED7827;}
#dropdown li a:hover, #dropdown li a.active:hover, #dropdown li a.trail:hover {color:#ED7827;}
#dropdown li a.active, #dropdown li a.trail {background-color:#fff; color:#1D1D1B;}

/* layer 2+3 */
#dropdown ul li:hover a:hover {color:#fff;}
#dropdown ul li a:hover, #dropdown ul li a.active, #dropdown ul li a.trail {background-color: #3370bc;}
#dropdown ul li a:hover, #dropdown ul li a.active:hover, #dropdown ul li a.trail {background-color: #3370bc;}

/* =============================================================================
 * mainmenu - background-color | layer 1
 * ========================================================================== */
nav#mainmenu ul {}

/* =============================================================================
 * mainmenu - background-color | layer 2 + 3
 * ========================================================================== */
nav#mainmenu ul ul {background: #fff;}

/* =============================================================================
 * megamenu
 * ========================================================================== */
.megamenu nav#mainmenu ul li ul li a {color: #1a171b;}
.megamenu nav#mainmenu > ul > li > ul > li > a {border-bottom:1px solid #eee;}
.megamenu nav#mainmenu ul li ul li a:hover {background:none; color:#009B6A;}
.megamenu nav#mainmenu ul li ul li ul {background:none; box-shadow:none;}
.megamenu nav#mainmenu ul li ul li ul li a {color: #666;}

/* =============================================================================
 * menu left - hover
 * ========================================================================== */
.nav-hover ul > li.level_1 > ul,
.nav-hover ul > li.level_2 > ul {background-color:#fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);}
#box_categories.nav-hover ul > li.level_1 > ul > li > a {color:#1D1D1B;}

/* =============================================================================
 * off canvas 
 * ========================================================================== */
/*#off_canvas .level_2 {background-color: rgba(255, 255, 255, 0.2)}
#off_canvas .level_3 {background-color: rgba(255, 255, 255, 0.1)}*/
#off_canvas {background-color: #3370bc;}
#off_canvas a {color: #fff;}
#off_canvas .categoryheader {color:rgba(255,255,255,1); background-color:#004985;}
#off_canvas span.open_subnav {background: transparent!important;}
#off_canvas li.submenu > a:after {border-left: 1px solid rgba(0, 0, 0, 0.1);}
#off_canvas .mod_navigation ul li a {border-top: 1px solid rgba(255, 255, 255, 0.1); border-left: 5px solid transparent;}
#off_canvas .mod_navigation ul li a:hover {background-color:transparent; border-left: 5px solid transparent; text-decoration:underline;}
#off_canvas .mod_navigation ul li ul li ul li a {border:none;}
#off_canvas .mod_navigation a {color: rgba(255, 255, 255, 1);}
#off_canvas .mod_navigation .level_2 a {color:#fff;}
#off_canvas .level_1 a.active, #off_canvas .level_1 a.trail {background-color: rgba(255, 255, 255, 0.1); border-left-color: #ED7827;}
#off_canvas .level_2 a.active, #off_canvas .level_2 a.trail {}

/* various off canvas content */
#off_canvas .socials {border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1);}
#off_canvas .socials a {background-color: #ED7827; color: #fff;}
#off_canvas .socials a:hover {background:#1D1D1B; color:#fff;}

#off_canvas .offcanvas_info, #off_canvas .offcanvas_info a {color: rgba(255,255,255,0.5);}
#off_canvas .language {border-top: 1px solid #3b3b3b; border-bottom: 1px solid #3b3b3b;}
#off_canvas .mod_customnav.buttons li a {border-color:rgba(255,255,255,0.75); color: rgba(255, 255, 255, 0.75);}
#off_canvas .mod_customnav.buttons li a:hover {background-color:#ED7827;border-color:#ED7827; color:#fff;}

/* trigger animation */
.menu-btn-inside .line {background: #fff;}
.menu-btn-inside .line:before, .menu-btn-inside .line:after {background: #fff;}
.pushy-active .menu-btn-inside .line {background: transparent;}

/* =============================================================================
 * flags
 * ========================================================================== */
nav#mainmenu ul li a span.action,
#off_canvas .mod_navigation ul li a span.action {background-color: #e6495e; color: #ffffff;}
nav#mainmenu ul li a span.action:before,
#off_canvas .mod_navigation ul li a span.action:before {border-color: transparent; border-top-color:#e6495e;}

nav#mainmenu ul li a span.new,
#off_canvas .mod_navigation ul li a span.new {background-color:#3370BC;}
#off_canvas .mod_navigation ul li a span.new {background-color:#9ec066;}
nav#mainmenu ul li a span.new:before,
#off_canvas .mod_navigation ul li a span.new:before {border-top-color:#3370BC;}

/* =============================================================================
 * accessible tabs 
 * ========================================================================== */
#producttabs ul {border-bottom:2px solid #e5e5e5;}
#producttabs li {border-right: 1px solid #e5e5e5;}
#producttabs li a {padding-bottom:5px; color: #707573;}
#producttabs li a:hover {border-color:#333;}
#producttabs li.current a {color:#3370bc;}

.nav-tabs-container .tab-content {border-top:2px solid #3370BC;}

/* =============================================================================
 * Sitemap
 * ========================================================================== */
#sitemap ul li a {color:#1d1d1b;}
#sitemap ul li a:hover {background-color:transparent; text-decoration:underline;}

/* =============================================================================
 * breadcrumb
 * ========================================================================== */


/* =============================================================================
 * boxes
 * ========================================================================== */
.categoryheader {color: #3370bc;}
.categoryheader a {color:#3370bc;}
/*#left .boxcontent:before {background-color:#ED7827;}*/

.boxcontent .product-price small {background-color:#1d1d1b; color:#fff;}
.boxcontent .product-price .productOldPrice small {background:none;color:inherit;}
.boxcontent .product-watch-category {color:#1d1d1b;}

/* categories */
.colorful {border-color:#3370BC;}
.colorheader .title {background-color: #004985; color: #fff;}
.colorheader .categoryheader {color: #fff;}
.colorheader .btn {border:none; background:none; box-shadow:none;}

/* trigger animation */
.colorheader .line {background: #fff;}
.colorheader .line:before, .colorheader .line:after {background: #fff;}

#box_categories ul li a {border-top: 1px solid rgba(255,255,255,.1); border-left: 5px solid transparent; color:#fff;}
#box_categories ul li a:hover,
#box_categories.nav-hover ul li:hover a {background-color:rgba(255,255,255,.2); border-left-color:#ED7827;}
#box_categories .nav-list > .active > a,
#box_categories .nav-list > .active > a:hover,
#box_categories .nav-list > .active > a:focus,
#box_categories .nav-list > .trail > a,
#box_categories .nav-list > .trail > a:hover,
#box_categories .nav-list > .trail > a:focus {background-color:rgba(255,255,255,.2); border-left-color:#ED7827;}

#box_categories.nav-hover ul > li.level_1 > ul > li.active > a,
#box_categories.nav-hover ul > li.level_1 ul li a:hover {color:#3370bc!important;}
#box_categories.nav-hover ul > li.level_1:hover ul li a {background:none;}

#box_content a, #box_information a {color:#666; background:none;}
#box_content a:hover, #box_information a:hover {color:#ED7827;}

/* --- custom boxes --- */
.contact li:hover [class^="icon-"],
.contact li:hover [class*="icon-"],
.contact li:hover i[class^="icon-"],
.contact li:hover i[class*="icon-"] {color:#3370bc;}

.boxcontent .heading-custom {color:#1d1d1b;}

/* box4 */
#box_custom4 {background-color:#f3f3f3;}
#box_custom4 .container-inside {background:none;}


/* =============================================================================
 * category grid
 * ========================================================================== */
/*.category-grid .well {border-color:#fff; border:none;}*/
.category-grid .well:hover {border-color:#eee;}

/* Volle Breite span12 */
.category-grid .span12 {border-color:#e5e5e5;}
.category-grid .span12:hover {border-color:#858785;}

/* =============================================================================
 * Save and News flags
 * ========================================================================== */
.flags span {color:#fff; background-color:#3370bc; border-radius:3px;}
.flags.isspecial span {background-color:#E6495E;}

/* =============================================================================
 * Button action
 * ========================================================================== */
.button-action .products_button_details {margin-bottom:0; display:block; border-radius:0; border-color:#fff; background-color:#fff;}

/* =============================================================================
 * products-grid
 * ========================================================================== */
/*.products-grid .well {border-color:#fff; border:none;}*/
.products-grid .well:hover {border-color:#e5e5e5;}

.product-image .cloud-zoom-link {color:#fff; background: rgba(51, 112, 188,.9);}

/* Volle Breite span12 */
.products-grid .span12 {border-color:#e5e5e5;}
.products-grid .span12:hover {border-color:#858785;}

/* OWL grid */
.products-grid .owl-item .item {border-color:#fff;}
/*.products-grid .owl-item .item:hover {border-color:#e5e5e5;}*/

/* =============================================================================
 * products-info
 * ========================================================================== */
#products-info .product_stock {color:#090;}
#products-info .product_stock.out {color:#C02230;}
#products-info .product-price small {background-color:#1D1D1B; color:#fff;}
#products-info .product-price .productOldPrice small {background:none;}

#products-info .select-options label.radio:nth-child(2n),
#products-info .select-options label.checkbox:nth-child(2n) {background-color:#f3f3f3;}

#dec, #inc {background-color:#e5e5e5;}

/* =============================================================================
 * products-gallery / MODAL
 * ========================================================================== */
.products-gallery {}

/* =============================================================================
 * Checkout / ShoppingCart
 * ========================================================================== */
.checkout-buttons .btn {background-color:#e5e5e5; color:#333;}
.checkout-buttons .btn.active {background-color:#43B155; color:#fff;}
.checkout-buttons .btn.active:before {border-bottom-color: #43B155; border-top-color: #43B155;}
.checkout-buttons .btn.active:after {border-left-color: #43B155;}

/* =============================================================================
 * notice
 * ========================================================================== */
.notice {background-color: #fdeda4; color: #7c622a!important;}
.notice:before {background:#E1941A; color:#fff;}
.notice.success {background-color: #E9FFCA; color: #296a23!important;}
.notice.success:before {background-color:transparent; color: #296a23!important;}

/* =============================================================================
 * pagination
 * ========================================================================== */
.pagination {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.pagination ul {box-shadow:none;}
.pagination ul > li > a,
.pagination ul > li > span,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {background-color: #fff; color:#1D1D1B;}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {background-color:#fff; color: #3370bc;}

.pagination ul > .active > a,
.pagination ul > .active > span {background-color: #3370bc; color:#fff;}

/* sorting / products view */
.sorting {background-color:#f3f3f3;}
.sorting .btn-group .btn {background-color: #fff; border:none; background:none;}
.sorting .btn.active, .sorting .btn:active {background-color:#fff; color:#3370bc; box-shadow:none; background:none;}
.sorting .btn.disabled, .sorting .btn[disabled],
.sorting .input-prepend .add-on:first-child,
.sorting.input-prepend .btn:first-child {background:none; border:none;}

/* =============================================================================
 * features
 * ========================================================================== */
 
/*     --image_styles
------------------------------------------------- */
/* hover effects */
.banner:before {background: rgba(255, 255, 255, 0.3);}

.banner2:before {background-color: rgba(255, 255, 255, 0.15);}
.banner2:after {background-color: rgba(255, 255, 255, 0.15);}

.banner3:before {border-bottom: 3px solid #fff; border-top: 3px solid #fff;}
.banner3:after {border-left: 3px solid #fff; border-right: 3px solid #fff;}

.banner4:before {background: rgba(51, 112, 188,.7);}

.image_style .link-item .category_name {border:1px solid #e5e5e5; border-left:none; border-right:none; border-bottom:none;}
.image_style .banner4:hover .link-item .category_name .color {color:#fff;}
.image_style .banner4:hover .link-item .category_name {color:#fff; background-color:rgba(51, 112, 188,.7);}
.category-grid .row-fluid > div:hover .image_style .link-item .category_name .color {color:#fff;}
.category-grid .row-fluid > div:hover .image_style .link-item .category_name {color:#fff; background-color:rgba(51, 112, 188,.9);}

/* image_style1 */
/*.image_style1 .link-item:before {border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
.image_style1 .link-item:after {border-left: 1px solid #fff; border-right: 1px solid #fff;}*/
.image_style1 .link-item .category_name {color:#fff; background-color:rgba(0, 0, 0, 0.8);}
.image_style1:hover .link-item .category_name {background-color:rgba(237, 137, 0, 0.8);}

/*     --table_simple
------------------------------------------------- */
table {border-bottom: solid 3px #E3E3E3;}
table td {border-top: solid 1px #E3E3E3;}

/*     --table_striped
------------------------------------------------- */
.table-striped tr.even {background: #f8f8f8;}

/*     --hyperlinks + buttons
------------------------------------------------- */
/* --- general style --- */
.button, .button1, .button2, .button3, .button4, .button5, .button6, .button7 {border-width:2px; border-style:solid;} 

/*color*/
.button {background-color:transparent; border-color: #3370bc; color: #3370bc;}
.button:hover, .button:focus {color: #fff; background-color: #3370bc; border-color:#3370bc;}

/* color 1 */
.button1 {border-color:#ed7827; background-color:transparent; color:#ed7827;}
.button1:hover, .button1:focus {border-color: #ed7827; background-color: #ed7827; color:#fff;}

/* color 2 */
.button2 {border-color:#e6495e; background-color:transparent; color:#e6495e;}
.button2:hover, .button2:focus {border-color:#e6495e; background-color:#e6495e; color:#fff;}

/* color 3 */
.button3 {border-color:#e5e5e5; background-color:transparent; color:#e5e5e5;}
.button3:hover, .button3:focus {border-color:#e5e5e5; background-color:#e5e5e5; color:#535353;}

/* --- style 1 --- */
/* color */
.button4 {border-color:#3370bc; background-color:#3370bc; color:#fff;}
.button4:hover, .button4:focus {border-color:#004985; background-color:#004985; color:#fff;}

/* color 1 */
.button5 {border-color:#ed7827; background-color:#ed7827; color:#fff;}
.button5:hover, .button5:focus {border-color:#d43e03; background-color:#d43e03; color:#fff;}

/* color 2 */
.button6 {border-color:#e6495e; background-color:#e6495e; color:#fff;}
.button6:hover, .button6:focus {border-color:#DE1E38; background-color:#DE1E38; color:#fff;}

/* color 3 */
.button7 {border-color:#e5e5e5; background-color:#e5e5e5; color:#535353;}
.button7:hover, .button7:focus {border-color:#d5d5d5; background-color:#d5d5d5; color:#535353;}

/* clean */
.button-clean {background-color:transparent; color:#535353;}
.button-clean:hover {color:#ed7827; background:none;}

/* =============================================================================
 * --modal classes
 * ========================================================================== */
.modal {background:none; border:none;}
.modal #ServiceTabs a {color:#333;}
.modal #ServiceTabs a:hover {background-color:#e5e5e5;}
.modal #ServiceTabs .active a,
.modal #ServiceTabs .active a:hover {color:#fff; background-color:#08c}
.modal #ServiceTabs a:hover {color:#000;}
.modal-header {background-color:#f3f3f3; color:#333; border:none;}
.modal-header .categoryheader {color:#333; margin:0!important;}
.modal .close {color:white!important; text-shadow:none; font-weight:300; text-decoration:none!important;}
.modal .close:hover {color:white!important; text-decoration:none!important;}
.modal-title {color:#333;}
.modal-body {background-color:#fff;}
.modal-footer {background-color:#fff; border:none; }

/* =============================================================================
 * --forms
 * ========================================================================== */

/*     --input, select, textarea
------------------------------------------------- */
*::-webkit-input-placeholder {color: #585858;}    
*:-moz-placeholder {color: #585858;}
*::-moz-placeholder {color: #585858;}    
*:-ms-input-placeholder {color: #585858;}

/*     --submit-button
------------------------------------------------- */
input[type="submit"], input.submit {background: #ED7827; color: #fff;}

/*     --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red;}

/*     --confirms
------------------------------------------------- */
p.confirm {color: green;}

/* =============================================================================
 * media-queries
 * ========================================================================== */

/*     --tablets
------------------------------------------------- */
@media only screen and (max-width: 990px), screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
		
	/* suche */
	#search {background-color:#fff; border-color:#e5e5e5;}

}


/*     --phones
------------------------------------------------- */
@media only screen and (max-width: 767px) {
	 /* fonts */
	 body {font-size:0.9rem;}
	 
	.boxcontent .product-name,
	.boxcartbody .product-name,
	#order_details .product-name,
	.products-grid .product-name {font-size: 0.9rem;}
	
	#producttabs li a {font-size:15px; line-height:1.8;}
	
	.boxheader, .categoryheader, .boxcartheader, .modal-title {font-size:1rem;}
	/*header-cart*/
	/*.header-cart:hover > a {background:none;}*/
	.header-cart .total {color:#fff; background-color:#3370bc;}
	.header-cart .cart-toggle:after {background:none;}
	 	
 	/* footer */
	#footer #box_newsletter .button1 {background-color: #ED7827;}
	
}