/* Basic */
body {background: #f8f7f3; min-width: 342px; color: #000000;}
a {color: #99cc33;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #99cc33;}
a:hover, a:focus {color: #99cc33;}
.form-control:hover, .form-control:focus {border-color: #99cc33;}
.btn-primary {color: #ffffff; background-color: #99cc33; border-color: #99cc33;}
.btn-primary:hover, .btn-primary:focus{ color: #ffffff; background-color: #669900; border-color: #669900;}
.well {background-color: transparent;}
.modal-body > .bg-info {background-color: transparent;}
#pushed-success > .panel-default { border: none;  box-shadow: none; -webkit-box-shadow: none;}
.badge {background-color: #99cc33;}
.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #fff;}
.bg-info {background-color: transparent;}
.badge {margin: 0px 0px 0px 5px;}
.btn-default {color: #ffffff; background-color: #99cc33; border-color: #99cc33; margin: 0px 5px 5px 0px;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {color: #ffffff; background-color: #669900; border-color: #669900;}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {background-color: #eee; color: #000;}
.text-muted {color: #444;}
table a:not(.btn), .table a:not(.btn) {text-decoration: none; font-weight: bold;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-radius: 4px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 4px;}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-radius: 4px;}
.bootstrap-select.btn-group .dropdown-menu li a {color: #000;}
.bootstrap-select.btn-group .dropdown-menu li a:hover, .bootstrap-select.btn-group .dropdown-menu li a:focus {color: #99cc33;}
.alert-info {background: #ffffff; color: #000; border-color: #99cc33;}
legend {color: #99cc33;}
.btn-link {color: #99cc33;}
.btn-link:hover, .btn-link:focus {color: #99cc33;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {color: #ffffff; background-color: #99cc33; border-color: #99cc33;}
.thumbnail .caption {color: #000000;}
#logo a img {max-height: 100px; width: auto;}
#logo {margin-top: -20px;}
.image-gallery ul.image-thumbs li.active {border-color: #99cc33;}
.pagination > li > a, .pagination > li > span {background-color: #99cc33;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #669900;} 
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background-color: #669900;}
.label.label-default {background: #99cc33;}
.label.label-info {background: #99cc33;}
.manufacturer-row {display:none;}




/* Startseite */
.goe-startseite-highlights-outer {margin-bottom: 25px; margin-top: 15px;}
.goe-startseite-highlights-inner1 img, .goe-startseite-highlights-inner2 img {width: 100%; height: auto; border:none; cursor: pointer;}
.goe-startseite-highlights-inner1 img {max-width: 343px;}
.goe-startseite-highlights-inner2 img {max-width: 716px;}
.goe-startseite-newsletter-outer {text-align: center; padding: 25px 15px; margin: 15px auto; background: #F7F7F7; display: block;}
.goe-startseite-newsletter-inner {max-width: 600px; width: 100%; display: inline-block; margin: 0 auto;}
.goe-startseite-newsletter-uebershrift {margin: 0px auto 10px auto; display: block;}
.goe-startseite-newsletter-button {padding: 15px; background: #99cc33; color: #fff; width: 100%; display: block; max-width: 400px; margin: 0 auto; display: block; margin: 0 auto; border-radius: 10px; font-size: 24px; text-decoration: none; transition: all 0.5s;}
.goe-startseite-newsletter-button:hover, .goe-startseite-newsletter-button:focus {background: #669900; color: #fff; text-decoration: none; transition: all 0.5s;}
.goe-startseite-newsletter-text-top {margin: 5px auto 15px auto; display: block;}
.goe-startseite-newsletter-text-bottom {margin: 5px auto; display: block; max-width: 400px; font-size: 12px;}



/* Responsive Tabelle */
.goe-responsive-tabelle > table {border: 1px solid #ccc; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0;}
.goe-responsive-tabelle > table tr {border: 1px solid #ddd; padding: 5px;}
.goe-responsive-tabelle > table th, .goe-responsive-tabelle > table td {padding: 5px; text-align: center;}
.goe-responsive-tabelle > table th {letter-spacing: 1px;}
.goe-responsive-tabelle > table td::before {font-weight: bold;}


/* Header */
#search {max-width: 100%;}
#search > form > .input-group > .twitter-typeahead > .form-control {min-width: 40em;}
#search .input-group-addon button {color: #99cc33;}
.nav > li > a:hover, .nav > li > a:focus {background-color: #ffffff;}
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none; color: #000; background-color: transparent;}
header #shop-nav-xs .action-nav li {margin-left: 2px;}
#search {float:none;}
header .navbar-nav.horizontal > li {float: right;}
#shop-nav > .header-shop-nav > .dropdown > a {padding-top: 15px; padding-bottom: 8px;}
header #header-branding {padding: 15px 0px 0px 0px;}
#top-bar {padding-right: 10px;}


/* Navigation */
.navbar-default {background-color: #fff; border-bottom: 3px solid #99cc33 !important;}
.navbar-default .navbar-nav > li > a {color: #000; background-color: #ffffff;}
.navbar-default .navbar-nav > .active > a {color: #ffffff !important; background-color: #99cc33!important; border-radius: 10px 10px 0px 0px;}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #ffffff !important; background-color: #99cc33 !important; border-radius: 10px 10px 0px 0px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff; background-color: #99cc33 !important; border-radius: 10px 10px 0px 0px;}
.navbar-default .nav > li > a, .navbar-inverse .nav > li > a {padding: 10px 15px;}
.navbar {border-radius: 0px; min-height: 40px;}
.navbar-default .nav > li > a {margin: 0px 5px 0px 0px;}
header.fixed-navbar .affix #evo-main-nav {background-color: #99cc33;}
.navbar-brand {filter: contrast(0) brightness(200%); padding: 5px 15px 5px 15px;height: auto;}
.navbar-brand > img {max-height: 41px;}
.navbar {min-height: 35px !important;}
.affix > .navbar > .container > .megamenu >.nav > li > a {color: #fff; background-color: #99cc33 !important;}
.affix > .navbar > .container > .megamenu > .nav > .goe-home-button > a > .fa-home:hover, .affix > .navbar > .container > .megamenu > .nav > .goe-home-button > a > .fa-home:focus  {background: transparent !important; color: #fff !important;}
.goe-home-button {float: left !important;}
.goe-home-button > a > .fa-home {font-size: 40px; line-height: 40px; margin: 0px 0px -15px 0px; color: #99cc33;}
.goe-home-button > a > .fa-home:hover, .goe-home-button > a > .fa-home:focus {color: #99cc33; background-color: #fff;}
.goe-home-button > a {padding: 0px !important; margin: 0px 5px 0px 0px;}
.affix-top > .navbar > .container > .megamenu > .nav > .goe-home-button > a > .fa-home:hover, .goe-home-button > a > .fa-home:focus {color: #99cc33;background: #fff;}
.affix > .navbar > .container > .megamenu > .nav > .goe-home-button > a:hover, .affix > .navbar > .container > .megamenu > .nav > .goe-home-button > a:focus {color: #fff !important; background-color: #99cc33 !important;}
.affix > .navbar > .container > .megamenu > .nav > .goe-home-button > a > .fa-home { font-size: 35px; line-height: 40px; margin: 0px 0px 0px 0px; color: #ffffff ; background: transparent;}
.navbar-inverse {background-color: #fff;}
#navbar-offcanvas > .navbar-inverse > .container-fluid > .navbar-nav > .btn-default {color: #ffffff; background-color: #99cc33; border-color: #99cc33;}
.sidebar-offcanvas > .navbar-categories > .nav > li > a {color: #99cc33 !important; background-color: #fff !important; border-radius: 0px; border-bottom: 2px solid #99cc33;}
.sidebar-offcanvas > .navbar-categories > .nav > li > a:hover, .sidebar-offcanvas > .navbar-categories > .nav > li > a:focus {color: #99cc33 !important; background-color: #fff !important; border-radius: 0px; border-bottom: 2px solid #99cc33;}
.sidebar-offcanvas > .nav > li > a {color: #99cc33 !important; background-color: #fff !important; border-radius: 0px; border-bottom: 2px solid #99cc33;}
.sidebar-offcanvas > .nav > li > a:hover, .sidebar-offcanvas > .nav > li > a:focus  {color: #99cc33 !important; background-color: #fff !important;}
.offcanvas-toggle {color: #ffffff !important; background-color: #99cc33 !important; border-radius: 10px 10px 0px 0px;}
.affix > #evo-main-nav > .container > .navbar-header  {display:none;}
.affix > #evo-main-nav > .container > .megamenu > .nav > .cart-menu {display:none;}
.megamenu .dropdown.megamenu-fw .dropdown-menu {border-top: 3px solid #99cc33;}
.sidebar-offcanvas > hr {margin-top: 5px; margin-bottom: 10px; border: 0; border-top: none;}
.megamenu {width: 95%;}
.navbar-default .navbar-nav > li:nth-child(9), .navbar-default .navbar-nav > li:nth-child(10){float:right; height: 41px;}
.navbar-default .navbar-nav > li:nth-child(9) > a, .navbar-default .navbar-nav > li:nth-child(10) > a {color: #fff; background-color: #99cc33 !important; border-radius: 10px 10px 0px 0px;}
.navbar-default .navbar-nav > li:nth-child(9) > a::before {content: url("/mediafiles/Bilder/fuer-shop/header/icon-sale.png"); transform: scale(0.70); position: relative; float: left; top: -10px; left: -5px;}
.navbar-default .navbar-nav > li:nth-child(10) > a::before {content: url("/mediafiles/Bilder/fuer-shop/header/icon-new.png"); transform: scale(0.70); position: relative; float: left; top: -10px; left: -5px;}
.mega-info-lg > .description {white-space: normal;}



/* Navigation - Scoller*/
.goe-top-scroller-menue-menu .goe-top-scroller-menue-item {display: inline-block;}
.goe-top-scroller-menue-menu-wrapper {position: relative; width: auto; overflow-x: hidden; overflow-y: hidden;}
.goe-top-scroller-menue-menu {height:auto; white-space: nowrap; overflow-x: hidden; overflow-y: hidden;}
.goe-top-scroller-menue-item {display: inline-block; width: auto; height: auto;}
.goe-top-scroller-menue-paddles {}
.goe-top-scroller-menue-paddle {position: absolute; top: 0; bottom: 0; width: auto; padding: 0px; height: auto; margin: 0px; background: transparent; border: 0px;}
.goe-top-scroller-menue-left-paddle {left: -20px;}
.goe-top-scroller-menue-right-paddle {right: -20px;}
.goe-top-scroller-menue-hidden {display: none;}
.navbar-nav.force-float > li {float: none;}
.affix-top > #evo-main-nav > .container  > .megamenu > .goe-top-scroller-menue-paddles > .goe-top-scroller-menue-paddle > .fa  {line-height: 40px; font-size: 28px; color: #99cc33; border: 0px;}
.affix > #evo-main-nav > .container  > .megamenu > .goe-top-scroller-menue-paddles > .goe-top-scroller-menue-paddle > .fa  {line-height: 40px; font-size: 28px; color: #ffffff; border: 0px;}
.goe-top-scroller-menue-paddles > div {cursor: pointer}


/* Chekout */
.nav-wizard > li.active > a, .nav-wizard > li.active > a, .nav-wizard > li.active .nav-badge, .nav-wizard > li.active .nav-badge {color: #ffffff; background-color: #99cc33;}
.nav-wizard > li.active::after, .nav-wizard > li.active::after {border-left-color: #99cc33;}
.text-info, .text-info {color: #99cc33;}
.radio > .btn-block > .control-label > .content > .title {color: #99cc33;}
.radio > .btn-block > .control-label > .content > .title {color: #99cc33;}
.radio > .btn-block > .control-label > .btn-block > small {color: #000000;}
#checkout > .nav > li > a:focus, #checkout > .nav > li > a:hover {background-color: #ecf0f1;}
#checkout > .nav > .active > a:focus, #checkout > .nav > .active > a:hover {background-color: #99cc33;}


/* Footer */
#footer {background-color: #ffffff  !important; color: #000000; border-top: 5px solid #99cc33;}
#footer .panel-heading {color: #99cc33;}
#footer .panel > div > h5 {color: #99cc33; border-bottom: none !important; font-weight: bold;}
#footer .panel .panel-title {color: #99cc33; }
#footer .panel a {color: #000000;}
#footer .panel a:hover, #footer .panel a:focus {background-color: transparent !important; color: #99cc33;}
#footer .panel-heading > h5{color: #99cc33 !important; font-weight: bold;}
.goe-footer-service-hotline-outer {margin: 9px 0px;}
.goe-footer-social-ions {display: block; text-align: center;}
.goe-footer-social-ions > a {margin: 5px; display: inline-block;}
.goe-footer-icons-zahlarten-versand img {margin: 0px 3px 3px 0px; border: none;}
.goe-footer-icons-zahlarten-versand {margin: 5px 0px;}

/* Copyright */
#footer #copyright.container-block {background: #99cc33; color: #ffffff; padding: 8px 10px; margin-top: 20px;}
#system-credits > a, #system-credits > a:hover, #system-credits > a:focus {color: #ffffff;}


/* an Hier Responsive */
@media(max-width: 1199px){
#search > form > .input-group > .twitter-typeahead > .form-control {min-width: 30em;}
.navbar-default .navbar-nav > li:nth-child(9), .navbar-default .navbar-nav > li:nth-child(10) {float: none;}
}


@media(max-width: 991px){
#search > form > .input-group > .twitter-typeahead > .form-control {min-width: 25em;}
#logo {margin-top: -12px;}
#shop-nav {margin-top: 0px;}
header #header-branding {padding: 5px 0px 0px 0px;}
#shop-nav > .header-shop-nav > .dropdown > a {padding-top: 10px; padding-bottom: 5px;}
#top-bar {margin-bottom: 5px;}
.goe-responsive-tabelle > table { border: 0; }
.goe-responsive-tabelle > table thead { display: none; }
.goe-responsive-tabelle > table tr {margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd;}
.goe-responsive-tabelle > table td {display: block; text-align: right; border-bottom: 1px dotted #ccc;}
.goe-responsive-tabelle > table td:last-child { border-bottom: 0; }
.goe-responsive-tabelle > table td:before {content: attr(data-label);float: left;}
.navbar-default .navbar-nav > li:nth-child(9), .navbar-default .navbar-nav > li:nth-child(10){float:none;}
}


@media(max-width: 767px){
#search > form > .input-group > .twitter-typeahead > .form-control {min-width: 30em;}
header #header-branding .header-shop-nav #search { display: inline-block !important; vertical-align: middle; float: none;}
header #header-branding .header-shop-nav { display: block;  margin: 0 auto; float: none !important; text-align: center;} 
#logo a img {max-height: 100px; width: auto; margin: 10px auto 15px auto;}
#logo {text-align: center;}
#header-branding > .row > .col-xs-4 {width: 100%; display: block;}
#header-branding > .row > .col-xs-8 {width: 100%;display: block;}
.navbar-default .action-nav > li > a {color: #fff !important; background-color: #99cc33 !important; border-radius: 10px 10px 0px 0px;}
header #shop-nav-xs .navbar-collapse {margin-bottom: 0px!important;}
.newsletter-footer > .row > form, .newsletter-footer > .row > p {width: 95%; margin: 0 auto;}
header #header-branding {padding: 15px 0px 10px 0px;}
.goe-startseite-highlights-inner1, .goe-startseite-highlights-inner2 {text-align: center;}
.goe-startseite-highlights-inner1{margin-bottom: 15px;}
}


@media(max-width: 530px){
#search > form > .input-group > .twitter-typeahead > .form-control {min-width: 15em;}
}


@media(max-width: 450px){
#search > form > .input-group > .twitter-typeahead > .form-control {min-width: 3em;}
.navbar-collapse > .nav > li > a {padding: 8px 10px !important;}
.navbar-collapse {padding-right: 10px; padding-left: 5px;}
}