/* Allgemein */

a {
    color: #7E8F27;
}

a:hover,
a:focus {
    color: #7E8F27;
    text-decoration: underline;
}


/* Header */

#top-bar {
    padding: 5px 0;
    background-color: #F3F3F3;
    font-size: 15px;
}

#top-navi i {
    color: #7E8F27;
}

#logo a img {
    max-height: 64px;
}

#search .input-group-addon button,
#search-form .input-group .btn {
    color: #7E8F27;
}

aside .nav-list a:hover,
aside .nav-list a:focus,
header a:hover,
header a:focus {
    color: #7E8F27;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #e8e8e8;
    color: #7E8F27;
}

@media (max-width: 767px) {
    #logo a img {
        margin: 0 auto;
    }
    #shop-nav {
        margin-top: 10px;
    }
    #shop-nav .header-shop-nav {
        width: 100%;
    }
}

.logo-zusatz {
	color: #aca85f;
	font-weight: bold;
}

/* Megamenu */

.navbar-default {
    background-color: #7E8F27;
}

header .navbar>.container {
    margin-top: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #7E8F27;
    background-color: #e9e9e9;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #7E8F27;
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    border-top: none;
}

/* megamenu mobil */

header #shop-nav-xs .navbar-collapse {
    margin-bottom: 0;
}

/* Startseite */

body[data-page="18"] iframe {
    max-width: 100% !important;
}

/* Artikelliste */

.gallery .product-wrapper .caption .title {
	height: 36px;
}

@media (max-width: 767px) {
	.gallery .product-wrapper .caption .title {
		height: 49px;
	}
}

/* Artikeldetail */

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #7E8F27;
}

.tab-pane>.tab-pane {
    border: none;
    padding: 0;
}

.emedded-video {
    text-align: center;
}

.emedded-video iframe {
    max-width: 100% !important;
}

/* Verfügbarkeit */

.delivery-status,
.delivery-status {
    display: none;
}

/* Buttons */

.btn-primary {
    color: #fff;
    background-color: #7E8F27;
    border-color: #7E8F27 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #ACA85F;
    border-color: #ACA85F !important;
}

.btn-default {
    color: #fff;
    background-color: #F76A0C;
    border-color: #F76A0C;
    border-radius: 4px;
    transition: all .3s ease;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active:active,
.btn-default.active:active,
.btn-default:active.active,
.btn-default.active.active {
    color: #fff;
    background-color: #d45f11;
    border-color: #d45f11;
    transition: all .3s ease;
}

/* Labels */

.label.label-primary {
    background: #7E8F27;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #ACA85F;
}


/* Panels */

.panel-default>.panel-heading {
    color: #fff;
    background-color: #7E8F27;
}

/* Footer */

#footer,
#footer #copyright {
    color: #313131;
}

#footer>.container-block,
#footer.container-block {
    background-color: #eee;
}

#footer.container-block h5,
#footer.container-block h2 {
    color: #313131;
}

#footer .nav-list a,
#footer .panel-body {
    padding: 5px 15px 0 0;
}

#footer .panel a {
    color: #7E8F27;
}

#footer .panel a:hover,
#footer a:hover {
    color: #7E8F27;
    text-decoration: underline;
}

#footer #copyright .container-block,
#footer #copyright.container-block {
    background: #eee;
}

/* Social-Icons im Header */

#search {
	margin-top: 1px;
}

.social-button {
	margin-right: 20px;
}

.social-button .btn-social {
    padding: 0;
    margin-right: 10px;
    font-size: 36px;
	display: block;
	width: 31px;
	height: 36px;
	float: left;
}

.social-button .btn-social:hover, .social-button .btn-social:focus {
    background-color: transparent;
}

.fa-facebook-official, .fa-facebook-square {
    color: #3B5998;
}

.fa-instagram:before {
    content: '';
    background: url('img/instagram_logo.png');
}

.social-button .btn-social .fa:before {
	width: 31px;
	height: 36px;
	display: inline-block;
}