/* CI colors */
@import url("https://services.samuelson.de/Portal/Mack/default/Content/File?name=QuattrocentoSans-Regular.ttf");
@import url("https://services.samuelson.de/Portal/Mack/default/Content/File?name=CabinSketch-Regular.ttf");
:root {
  --main-color: #333;
  --primary-color: #e1c186;
  --info: #e1c186;
  --bs-info-rgb: 51, 51, 51; /* #d2aa6d */;
  /*--backgroundImagePath: url("https://baeckermack.de/image/cache/catalog/inhalte/header_home2-2100x1800.jpg");*/
}

header.masthead {
padding-top: 0;
}

header.masthead hr, hr {
    margin: 30px auto;
}

body, h1, h2, h3, h4, h5, h6 {
     font-family: "Quattrocento Sans", sans-serif;
}

#mainNav {
    background-color: var(--main-color);
    color: var(--light);
    font-family: "Quattrocento Sans", sans-serif;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link {
    color: var(--light);
}

#mainNav .navbar-nav > li.nav-item > a.nav-link:focus,
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:active {
    color: var(--light) !important;
    text-decoration: underline !important;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

#mainNav .navbar-brand {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position-x: left;
    /*height: 50px;*/
    width: 100%;
    max-width: 150px;
    display: inline-block;
}

/* bootstrap v. < 5.0 */
.btn.btn-primary, .btn.btn-info, .bg-info {
    background-color: var(--primary-color);
    color: #fff;
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    background: var(--primary-color) !important;
    opacity: .8;
}

.btn.btn-secondary {
    background-color: var(--main-color);
    color: #fff;
}

/* fix ux bugs */
#btn_searchtopbar,
#searchpopover {
    display: none;
}

.accountnavigation {
    max-width: revert;
    display: revert;
}

.containeraccount {
    flex-wrap: wrap;
}

div.text-center button, div.text-center input, div.text-center optgroup, div.text-center select, div.text-center textarea {
    margin: 0 auto;
}