:root{--ar-primary:#ce8729;--ar-primary-rgb:206,135,41;--ar-secondary:#aaa;--ar-secondary-rgb:170,170,170;--ar-warning-rgb:255,222,89;--ar-info-rgb:255,139,210;--ar-success-rgb:32,182,35;--ar-danger-rgb:229,42,42;--ar-body-font-family: Montserrat,sans-serif;--ar-heading-font-family: Montserrat,sans-serif;--ar-root-font-size:1.0rem;--ar-body-font-size:1.1rem;--ar-border-width:4px;--ar-border-radius:0rem;--ar-border-radius-sm:calc(var(--ar-border-radius)*0);--ar-border-radius-lg:calc(var(--ar-border-radius)*0);--ar-border-radius-xl:calc(var(--ar-border-radius)*0);--ar-border-radius-2xl:calc(var(--ar-border-radius)*0);--ar-link-color:#ce8729;--ar-link-hover-color:#b97924;}.btn-primary{--ar-btn-bg:#ce8729;--ar-btn-border-color:#ce8729;--ar-btn-hover-bg:#b97924;--ar-btn-hover-border-color:#b97924;--ar-btn-active-bg:#b97924;--ar-btn-active-border-color:#b97924;--ar-btn-disabled-bg:#ce8729;--ar-btn-disabled-border-color:#ce8729;}.btn-secondary{--ar-btn-bg:#aaa;--ar-btn-border-color:#aaa;--ar-btn-disabled-bg:#aaa;--ar-btn-disabled-border-color:#aaa;--ar-btn-hover-bg:#000091;--ar-btn-hover-border-color:#000091;--ar-btn-active-bg:#000091;--ar-btn-active-border-color:#000091;}.btn-warning{--ar-btn-bg:#FFDE59;--ar-btn-border-color:#FFDE59;--ar-btn-disabled-bg:#FFDE59;--ar-btn-disabled-border-color:#FFDE59;}.btn-info{--ar-btn-bg:#FF8BD2;--ar-btn-border-color:#FF8BD2;--ar-btn-disabled-bg:#FF8BD2;--ar-btn-disabled-border-color:#FF8BD2;}.btn-success{--ar-btn-bg:#20b623;--ar-btn-border-color:#20b623;--ar-btn-disabled-bg:#20b623;--ar-btn-disabled-border-color:#20b623;}.btn-danger{--ar-btn-bg:#e52a2a;--ar-btn-border-color:#e52a2a;--ar-btn-disabled-bg:#e52a2a;--ar-btn-disabled-border-color:#e52a2a;}.btn-outline-primary{--ar-btn-color:#ce8729;--ar-btn-border-color:#ce8729;--ar-btn-hover-bg:#ce8729;--ar-btn-hover-border-color:#ce8729;--ar-btn-active-bg:#ce8729;--ar-btn-active-border-color:#ce8729;--ar-btn-disabled-color:#ce8729;--ar-btn-disabled-border-color:#ce8729;}.btn-outline-secondary{--ar-btn-color:#aaa;--ar-btn-border-color:#aaa;--ar-btn-hover-bg:#aaa;--ar-btn-hover-border-color:#aaa;--ar-btn-active-bg:#aaa;--ar-btn-active-border-color:#aaa;--ar-btn-disabled-color:#aaa;--ar-btn-disabled-border-color:#aaa;}.btn-outline-warning{--ar-btn-color:#FFDE59;--ar-btn-border-color:#FFDE59;--ar-btn-hover-bg:#FFDE59;--ar-btn-hover-border-color:#FFDE59;--ar-btn-active-bg:#FFDE59;--ar-btn-active-border-color:#FFDE59;--ar-btn-disabled-color:#FFDE59;--ar-btn-disabled-border-color:#FFDE59;}.btn-outline-info{--ar-btn-color:#FF8BD2;--ar-btn-border-color:#FF8BD2;--ar-btn-hover-bg:#FF8BD2;--ar-btn-hover-border-color:#FF8BD2;--ar-btn-active-bg:#FF8BD2;--ar-btn-active-border-color:#FF8BD2;--ar-btn-disabled-color:#FF8BD2;--ar-btn-disabled-border-color:#FF8BD2;}.btn-outline-success{--ar-btn-color:#20b623;--ar-btn-border-color:#20b623;--ar-btn-hover-bg:#20b623;--ar-btn-hover-border-color:#20b623;--ar-btn-active-bg:#20b623;--ar-btn-active-border-color:#20b623;--ar-btn-disabled-color:#20b623;--ar-btn-disabled-border-color:#20b623;}.btn-outline-danger{--ar-btn-color:#e52a2a;--ar-btn-border-color:#e52a2a;--ar-btn-hover-bg:#e52a2a;--ar-btn-hover-border-color:#e52a2a;--ar-btn-active-bg:#e52a2a;--ar-btn-active-border-color:#e52a2a;--ar-btn-disabled-color:#e52a2a;--ar-btn-disabled-border-color:#e52a2a;}
@font-face {
  font-family: 'Archive';
  src: url('/werkraummelk/media/fonts/archive.otf') format('opentype'); 
}

legend,
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6,
.display-5, .btn,
.card-title,
.navbar-onepage .nav-link {
    font-family: 'Archive';
}

legend {
    color:#ce8729;
}

.display-1,
.display-2,
.display-3,
.display-4 {
    font-family: Archive, sans-serif;
}

.page-wrapper {
    

.btn {
    text-transform:uppercase;
    color:#ce8729;
}

.btn-secondary {
    color:#fff;
}

.card {
        border-color: #ce8729 !important;

}
.card-text {
    font-weight:700 !important;
}

}

.lead {
    font-weight:600;    
}

.bg-primary .lead,
.bg-primary a {
    color:#fff !important;
}

.bg-secondary {
    background-color: #aaa !important;
    color:#fff;
}

.footer a {
    color:#fff;
}
@media (max-width: 768px) {
    a.navbar-brand .header-logo {
        height: 90px !important;
    }
}