:root{
    --bordeaux:#5a0d26;
    --gold:#c8a46b;
    --creme:#f6f1e7;
    --dunkel:#2d1d1d;
}

body{
    background:var(--creme);
    color:var(--dunkel);
    font-family:Arial, Helvetica, sans-serif;
}

.header.navbar{
    background:var(--creme);
}

div.brand{
    top:0;
}

.brand a.image{
    padding:0;
    height:100px;
}

/* Überschriften */

h1,
h2,
h3,
.footer-head{
    color:var(--bordeaux);
    font-family:'Malisto', Georgia, serif !important;
    font-weight:normal;
}

/* Fließtext */

p,
span,
li,
div{
    font-family:Arial, Helvetica, sans-serif;
}

/* Links */

a{
    color:var(--bordeaux);
}

a:hover,
a:focus{
    color:var(--gold);
}

/* Buttons */

.btn-primary,
.label-primary,
.bg-primary{
    background:var(--bordeaux);
    border-color:var(--bordeaux);
}

.btn-primary:hover,
.btn-primary:focus{
    background:#731535;
    border-color:#731535;
}

/* Menü */

.navbar-nav > li > a,
.menu-left > ul.nav > li > a{
    font-family:Arial, Helvetica, sans-serif !important;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:0.5px;
}

.menu-left > ul.nav > li.active > a,
.menu-left > ul.nav > li > a:hover,
.menu-left > ul.nav > li.active > a:hover{
    background:var(--bordeaux);
    color:#fff;
}

/* Panels */

.panel-primary{
    border-color:var(--bordeaux);
}

.panel-primary > .panel-heading{
    background:var(--bordeaux);
    border-color:var(--bordeaux);
    color:#fff;
}

/* Produktboxen */

.article,
.panel,
.thumbnail,
.well{
    background:#fffdf8;
    border:1px solid #d6bc8a !important;
    box-shadow:none;
}

/* Preise */

.price{
    color:var(--bordeaux);
    font-weight:bold;
}

/* Footer */

.footer-head{
    color:var(--gold);
    font-weight:bold;
    text-transform:uppercase;
}

/* Pagination */

.pagination > .active > a,
.pagination > .active > span{
    background:var(--bordeaux);
    border-color:var(--bordeaux);
    color:#fff;
}

.pagination > li > a,
.pagination > li > span{
    color:var(--bordeaux);
}

/* Service Icons */

.fa,
.fas,
.far{
    color:#ffffff !important;
}}

/* Goldene Linien */

hr{
    border-color:#d6bc8a;
}

/* Desktop Fix */

@media (min-width:992px){

html.touch div.article.article-2col .price{
    bottom:45px;
}

}