/* ===== Custom Styles (modernisiert) ===== */

/* --- Body & Schrift --- */
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 12px;
    line-height: 20px;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    color: #444;
}

/* --- Links --- */
a {
    color: #F18600;
}
a:hover {
    text-decoration: none;
    color: #d97400;
}

/* --- Top Bar --- */
#top {
    background-color: #EEEEEE;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 0px 3px 0;
    margin-bottom: 20px;
    min-height: 40px;
}
#top .btn-link, #top-links li, #top-links a {
    color: #888;
}
#top .btn-link:hover, #top-links a:hover {
    color: #444;
}

/* --- Logo --- */
#logo {
    margin-bottom: 10px;
}

/* --- Suche --- */
#search .input-lg {
    height: 40px;
    line-height: 20px;
}
#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
}

/* --- Warenkorb --- */
#cart > .btn {
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
#cart.open > .btn {
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    color: #666;
}
#cart.open > .btn:hover {
    color: #444;
}
#cart .dropdown-menu {
    background: #eee;
}

/* --- Kategorienleiste / Menü --- */
#menu {
    background-color: #f18600;
    background-image: linear-gradient(to bottom, #F18600, #d97400);
    border-color: #d97400 #d97400 #145e7a;
    min-height: 40px;
}
#menu .nav > li > a {
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px;
    transition: background 0.3s, color 0.3s;
}
#menu .nav > li > a:hover,
#menu .nav > li.open > a {
    background-color: rgba(0,0,0,0.1);
    color: #ffd700;
}
#menu .dropdown-inner a:hover,
#menu .see-all:hover {
    color: #fff;
    background-color: #f18600;
    background-image: linear-gradient(to bottom, #F18600, #d97400);
}

/* --- Buttons --- */
.btn {
    border-radius: 4px;
    transition: background 0.3s, color 0.3s;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.btn-primary {
    color: #fff;
    background-color: #f18600;
    background-image: linear-gradient(to bottom, #F18600, #d97400);
    border-color: #d97400 #d97400 #145e7a;
}
.btn-primary:hover {
    background-color: #d97400;
}
.btn-warning {
    color: #fff;
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
}
.btn-danger {
    color: #fff;
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
}
.btn-success {
    color: #fff;
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
}
.btn-info {
    color: #fff;
    background-color: #df5c39;
}

/* --- Footer --- */
footer {
    background-color: #303030;
    border-top: 1px solid #ddd;
    color: #e2e2e2;
    padding-top: 30px;
    margin-top: 30px;
}
footer a { color: #ccc; }
footer a:hover { color: #fff; }
footer h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

/* --- Produktboxen --- */
.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}
.product-thumb .price {
    color: #444;
}
.product-thumb .price-old {
    color: #999;
}

/* --- Buttons in Produktbox --- */
.product-thumb .button-group button {
    background-color: #eee;
    color: #888;
    border-radius: 4px;
}
.product-thumb .button-group button:hover {
    background-color: #ddd;
    color: #444;
}

/* --- Breadcrumb --- */
.breadcrumb {
    border: 1px solid #ddd;
    padding: 8px 0;
    margin-bottom: 20px;
}

/* --- Alerts --- */
.alert {
    padding: 8px 14px;
}
.alert > .close {
    top: -2px;
}

/* --- Carousel --- */
.carousel-caption {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

/* --- Responsive --- */
@media (max-width: 767px) {
    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }
    #menu .dropdown-menu a:hover {
        background: rgba(0,0,0,0.1);
    }
}
/* Ganze Fußzeilen-Spalte "Extras" ausblenden */
footer .col-sm-3:nth-of-type(3) {
    display: none !important;
}
/* Mobile Ansicht: linke Spalte wieder sichtbar machen */
#column-left.hidden-xs {
    display: block !important;
    visibility: visible !important;
}
/* Hinweis "zzgl. MwSt." unter jedem Preis */
.price::after,
h2.price::after,
.product-thumb .price::after {
    content: " zzgl. MwSt.";
    font-size: 11px;
    color: #777;
}
/* --- zzgl. MwSt. auf Produktdetailseite --- */
.product-price h2::after,
.product-content h2::after,
ul.list-unstyled > li > h2::after {
    content: " zzgl. MwSt.";
    font-size: 11px;
    color: #777;
    margin-left: 3px;
}
/* --- zzgl. MwSt. bei Staffelpreisen (alle üblichen Container) --- */
.discount li::after,
.product-discount li::after,
#tab-discount li::after,
ul.price li::after {
    content: " zzgl. MwSt.";
    font-size: 11px;
    color: #777;
    margin-left: 3px;
    white-space: nowrap;
}