/*=========================================================================================================================
root
=========================================================================================================================*/

body,
html {
    font-family: 'FSMeWeb', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
}

.container,
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.top-navigation,
.carousel-container,
.website-container,
.titelrow-container,
.container {
    width: 90% !important;
    max-width: 1120px !important;
}

#page {
    padding-top: 132px;
}

.website-container {
    background: none;
    padding: 50px 0;
}

.bg-container {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.content-container {
    width: 100%;
    max-width: unset;
    margin: 0 !important;
}

.row,
.row.gutter-4 {
    margin-right: -10px;
    margin-left: -10px;
}


.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.gutter-4>[class^="col-"],
.gutter-4>[class^=" col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.setpaddingbottom {
    padding-bottom: 50px;
}

/*=========================================================
General Template
=========================================================*/

.font-text,
.font-mainnav,
.font-subnav-one,
.font-subtitle,
.font-title,
.font-nra,
.font-loginform,
.font-loginform-heading,
.font-basket-heading,
.font-basket-product,
.font-basket-amount,
.font-basket-heading-small,
.font-text-title,
.font-button,
.font-basket-unit {
    font-family: 'FSMeWeb', sans-serif;
    color: inherit;
    line-height: 1.5;
}

.font-subtitle,
.font-title {
    font-weight: 700;
    color: #285468;
}

.title {
    text-align: left;
    margin-bottom: 1em;
}

.totalamount {
    font-weight: 700;
    text-decoration: none;
    font-size: 20px;
}

.font-loginform {
    font-size: 1rem;
}

.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp {
    vertical-align: middle;
}

.material-icons-outlined {
    color: #285468;
}

.material-icons-outlined:hover {
    color: #285468;
    font-family: "Material Icons Round";
}

.errortext {
    color: #e11e34;
}

.setmargin {
    margin: 40px 0;
}

hr {
    border-top-color: #f0efe7;
}

/*=========================================================
Headings / Text Styling
=========================================================*/

h1,
h2,
h3,
h4,
h5,
h6,
p {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'FSMeWeb', sans-serif;
    margin: 0;
    margin-bottom: 1em;
}

h1,
h1.font-title {
    font-size: 35px;
    line-height: 1.3;
    letter-spacing: 0;
    font-weight: 700;
    font-style: normal;
    color: #285468;
    text-align: unset;
    margin-bottom: 30px;
}

h2 {
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: 0;
    font-weight: 700;
    font-style: normal;
    color: #285468;
    margin-bottom: 20px;
}

h3 {
    font-size: 26px;
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 700;
    font-style: normal;
    color: #285468;
    margin-bottom: 20px;
}

h3,
.font-loginform-heading {
    font-size: 26px;
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 700;
    font-style: normal;
    color: #285468;
}

h4 {
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 700;
    font-style: normal;
    color: #285468;
}

h5 {
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 700;
    font-style: normal;
    color: #444444;
}

p,
.font-loginform {
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    color: #444444;
}

p b,
p strong {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: 700;
    font-style: inherit;
    color: inherit;
}

a {
    color: #285468;
    text-decoration: none;
    font-weight: inherit;
    font-style: inherit;
}

a:hover {
    color: #e11e34;
}

p a,
.font-text a {
    color: #285468;
    border-bottom: 1px solid;
}

p a:hover,
.font-text a:hover {
    color: #e11e34;
}

/*=========================================================
Forms / Buttons
=========================================================*/

/* Buttons */
.button,
.primarybutton,
.actionbutton {
    width: auto;
    border: none;
    background-color: #f4f4f4;
    display: inline-block;
    padding: 10px 20px;
    color: #285468;
    font-size: 18px;
}

.actionbutton {
    background-color: #285468;
    color: white;
    display: block;
    width: 100%;
}

.button .material-icons-outlined,
.button .material-icons-round,
.button .material-icons-sharp {
    margin-right: 10px;
    left-right: 10px;
}

.actionbutton .material-icons-outlined,
.actionbutton .material-icons-round,
.actionbutton .material-icons-sharp {
    color: white;
}

.button:hover,
.primarybutton:hover,
.button:focus,
.primarybutton:focus {
    color: #e11e34;
    background-color: #f4f4f4;
}

.actionbutton:hover {
    color: white;
    background-color: #e11e34;
}

.button:hover .material-icons-outlined {
    font-family: "Material Icons Round";
}

/* General Inputs */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    background-color: white;
    border: 1px solid #f0efe7;
    min-height: 40px;
    padding: 10px 20px;
    font-size: 1rem;
    color: #444444;
    -webkit-appearance: none;
}

input::placeholder {
    color: #78797b;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #285468;
    color: #285468;
}

select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background-image: url("../img/select_expand.svg");
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
}

/* General Radio-Buttons Style */
input[type="radio"] {
    visibility: hidden;
    width: 20px;
    height: 20px;
}

input[type="radio"]+label::before {
    left: 10px;

    content: "";
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 1px solid #444444;
    visibility: visible;
    border-radius: 100%;
    color: white;
    line-height: .75;
    text-align: center;
}

input[type="radio"]:hover+label::before {
    border-color: #285468;
}

input[type="radio"]:checked+label::before {
    border-color: #285468;
    background-color: #285468;
    background-image: url("../img/checkmark_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
}

.radio-button-container label {
    margin: 0;
    margin-left: 10px;
}

input[type="radio"]:checked+label,
.radio-button-container input[type="radio"]:checked+label {
    color: #285468 !important;
}

.radio-button-container label:hover {
    color: #e11e34;
}

/* General Checkbox Style */
/*input[type="checkbox"] {
    visibility: hidden;
    width: 20px;
    height: 20px;
    margin: 0;
    margin-right: 10px;
    vertical-align: sub;
}

input[type="checkbox"] + span::before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 1px solid #444444;
    visibility: visible;
    border-radius: 100%;
    color: white;
    line-height: .75;
    position: absolute;
    text-align: center;
}

input[type="checkbox"]:checked + span::before {
    border-color: #285468!important;
    background-color: #285468!important;
    content: "";
    background-image: url("../img/checkmark_white.svg");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
}


form:hover > input[type="checkbox"]::before{
    border-color: #285468!important;
}*/
.agb-link input[type='checkbox'] {
    position: relative;
    left: 20px;
    top: -2px;
    z-index: 9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: visible;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    outline: none !important;
}

.agb-link input[type="checkbox"]::-ms-check {
    display: none;
    position: relative;
    left: 20px;
    top: -2px;
    z-index: 9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: visible;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    outline: none !important;
}

.agb-link input[type='checkbox']+span {
    position: relative;
    display: table;
    float: right;
    padding: 0 0 0 30px;
}

.agb-link input[type='checkbox']::-ms-check+span {
    position: relative;
    display: table;
    float: right;
    padding: 0 0 0 30px;
}

.agb-link input[type='checkbox']+span::before {
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    content: "";
    float: left;
    /*margin-right: 15px;*/
    z-index: 5;
    position: absolute;
    left: 0;
    top: 2px;
}

.agb-link input[type='checkbox']::-ms-check+span::before {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    content: "";
    float: left;
    /*margin-right: 15px;*/
    z-index: 5;
    position: absolute;
    left: 0;
    top: 2px;
}

.agb-link input[type='checkbox']:checked {
    border-color: #285468;
    background-color: #285468;
    background-image: url("../img/checkmark_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;

}

.agb-link input[type='checkbox']:checked::-ms-check {
    border-color: #285468;
    background-color: #285468;
    background-image: url("../img/checkmark_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    position: relative;
}

.agb-link input[type='checkbox']:checked+span::before {
    background-image: url("../img/checkmark_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
}

.agb-link input[type='checkbox']:checked::-ms-check+span::before {
    background-image: url("../img/checkmark_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
}


/* Quantity input */
.quantity {
    padding: 15px;
    display: flex;
    align-items: center;
    float: none !important;
    height: 50px;
    background: #f4f4f4
}

.quantity .input-number {
    border: none;
    text-align: center;
    height: 100%;
    background: none;
    color: #285468;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
}

.quantity .qty_button {
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
}

/* Nav Tabs */

.nav-tabs {
    border-bottom: 1px solid #f0efe7;
    margin-bottom: 20px;
}

.nav-tabs>li>a {
    border-radius: 0;
    color: #78797b;
    font-size: 18px;
    padding: 15px 30px !important;
    height: 50px !important;
}

.nav-tabs>li>a:hover {
    background: none;
    color: #e11e34;
    border-color: transparent;
}

.nav-tabs>li.active>a {
    color: #285468;
    font-weight: 700;
}


/*=========================================================
Header
=========================================================*/

.site-header-pc {
    display: block !important;
}

.site-header-mob {
    display: none !important;
}

#header {
    z-index: 10;
    position: relative;
}

#header.site-header-pc {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

#header .header-wrapper {
    background: white;
}

#header .titelrow-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

#header .titelrow-container .brandcol {
    align-self: center;
}

#header .titelrow-container .logo {
    max-width: 200px;
}

#header .titelrow-container .row {
    display: flex;
    align-items: flex-end;
}

#header .titelrow-container .searchfield {
    position: relative;
}

#header .titelrow-container .searchfield input[type="search"] {
    height: 40px;
    width: 100%;
    padding: 10px 20px;
    font-size: 18px;
    border: 1px solid #f0efe7;
}

#header .titelrow-container .searchfield button[type="submit"] {
    position: absolute;
    right: 0;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    padding: 7px;
    margin-right: 10px;
}

#header .titelrow-container .searchfield .material-icons-round {
    font-size: 26px;
}

#header .titelrow-container .serviceicons {
    display: flex;
    justify-content: end;
}

#header .titelrow-container .serviceicons>div {
    margin-left: 30px;
    position: relative;
    cursor: pointer;
}

#header .titelrow-container .serviceicons .material-icons-outlined {
    font-size: 30px;
    color: #285468;
}

#header .titelrow-container .serviceicons .material-icons-outlined:hover {
    font-family: 'Material Icons round';
}


#header .titelrow-container .serviceicons .number-icon {
    width: 1.5em;
    height: 1.5em;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -20px;
    background-color: #285468;
}

#header .dropdown .dropdown-menu {
    right: unset;
    left: -20px;
    /*top: 49px;*/
    top: 26px;
    border-radius: 0;
    border: none;
    background: #f4f4f4;
    padding: 20px;
    /* box-shadow: none; */
}

#header .dropdown.account .shoppermenuwrapper {
    position: absolute;
    padding-top: 28px;
    top: 23px;

    right: unset;
    left: 0;
    width: 100%;
}

#header .dropdown.account:hover .shoppermenu {
    display: block;
}

/* #header .dropdown .dropdown-menu:hover,
#header .dropdown:hover .dropdown-menu {
    display: block;
} */

#header .dropdown .dropdown-toggle {
    display: flex;
    align-items: flex-end;
}

#header .dropdown .dropdown-menu>li>a {
    padding: 5px 0;
}

#header .dropdown .dropdown-menu>li>a>span {
    margin-right: 10px;
}

#header .dropdown.account .material-icons-outlined {
    margin-right: 10px;
}

#header .navigation {
    border-top: 1px solid #f0efe7;
    border-bottom: 1px solid #f0efe7;
}

#header .navigation .nav-arrow {
    display: none !important;
}

#header .navigation .container,
#header .navigation .hierarchy {
    position: unset;
}

#header .navigation .hierarchy {
    margin: 0;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

#header .navigation .hierarchy::after {
    content: '';
    position: fixed;
    z-index: -1;
    background: black;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    /* display: none; */
    transition: 250ms all ease-in;
}

#header .navigation .hierarchy:hover::after {
    /* display: block; */
    opacity: .4;
}

#header .navigation .hierarchyelement {
    display: inline-block;
    padding: 13px 0;
    padding-right: 30px;
    position: initial;
    width: auto;
    border-right: none;
    margin-bottom: -1px;
    z-index: 100;
}

#header .navigation .hierarchyelement a {
    color: #285468;
    font-size: 18px;
}

#header .navigation .hierarchyelement>a {
    position: relative;
}

#header .navigation .hierarchyelement>a.active {
    font-weight: 700;
}

#header .navigation .hierarchyelement>a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -15px;
    left: 0;
    background-color: #f0efe7;
}

#header .navigation .hierarchyelement:hover>a::after {
    background-color: #285468;
}


#header .navigation .hierarchyelement .submenu {
    margin-top: 13px;
    border: none;
    width: 100%;
    background: #f4f4f4;
    text-align: left;
    padding: 20px 0;
}

#header .navigation .hierarchyelement .submenu li {
    display: inline-block;
    width: 24%;
}

#header .navigation .hierarchyelement .submenu li.active {
    font-weight: 700;
}

#header .navigation .hierarchyelement .submenu li a {
    padding: 4px 0;
    font-size: 16px;
}

#header .navigation .hierarchyelement .submenu li a:hover {
    background: none;
    color: #e11e34;
}

/*=========================================================
Footer
=========================================================*/

footer#footer {
    border-top: 1px solid #f0efe7;
}

#footer .footer {
    padding-top: 25px;
    padding-bottom: 40px;
}

#footer .footer .logo {
    max-width: 150px;
}

#footer .footer .footer-column {
    padding-top: 40px;
    font-size: 18px;
    line-height: 32px;
}

#footer .bottom-navigation {
    background: #f4f4f4;
    padding: 15px 0;
}

#footer .bottom-navigation .column {
    padding: 0;
}

#footer .bottom-navigation .footer-navigation a {
    float: right;
    margin-left: 30px;
    color: #285468;
}

#footer .bottom-navigation .footer-navigation a:hover {
    color: #e11e34;
}


/*=========================================================
Page Content
=========================================================*/

/* breadcrumb */
.breadcrumb {
    height: 50px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.breadcrumb .container {
    display: flex;
    align-items: center;
}

.breadcrumb a,
.breadcrumb a:last-child {
    color: #444444;
    font-size: 16px;
    text-decoration: none !important;
    font-weight: 400;
}

.breadcrumb a:hover {
    color: #e11e34;
}

.breadcrumb a:last-child {
    font-weight: 700;
}

.breadcrumb .material-icons-outlined {
    font-size: 18px;
    margin: 0 10px;
    color: #444444
}

/* General Slider */

.slick-slider .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    width: 50px;
    height: 50px;
    border: none;
    background: none;
    padding: 0;
}


.slick-slider .slick-arrow.slick-prev {
    left: -30px;
}

.slick-slider .slick-arrow.slick-next {
    right: -30px;
}

/* Headerslider */

.carousel-container {
    display: none;
}

.headerslider .slidecontent {
    height: 450px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.headerslider .slidecontent .text {
    padding-bottom: 60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(0, 0, 0, .25);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.headerslider .slidecontent .text h1 {
    color: white;
    margin: 0;
}

.headerslider .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    padding: 0;
}

.headerslider .slick-arrow.slick-prev {
    left: calc(50% - (1120px / 2));
}

.headerslider .slick-arrow.slick-next {
    right: calc(50% - (1120px / 2));
}

.headerslider .slick-arrow>span {
    font-size: 32px;
    color: white;
}

.headerslider a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Hierarchy category boxes */
.hierarchyblock {
    margin-bottom: 20px;
    height: auto;
}

.hierarchyblock a {
    height: auto;
}

.hierarchyblock-panel-container {
    background: #f4f4f4;
    height: auto;
    position: relative;
    /* min-height: 180px; */
}

.hierarchyblock .panel-hierarchy-title {
    font-weight: 700;
    font-size: 18px;
    color: #285468;
}

.hierarchyblock-panel-container:hover {
    background: #f4f4f4;
    opacity: 1;
}

.hierarchyblock-panel-container:hover .panel-hierarchy-title {
    color: #e11e34;
}

.hierarchyblock.bg-image .panel-hierarchy-image {
    height: 180px;
    background-size: cover;
    background-position: center;
}

.hierarchyblock.bg-image .hierarchyblock-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    /* height: 180px; */
    /* background: #28546875; */
    background: rgb(46%, 46%, 46%);
    background: rgba(40, 84, 104, 0.46);
    transition: 250ms all ease-in;
}

.hierarchyblock.bg-image .hierarchyblock-panel:hover {
    opacity: 1;
    background-color: #285468;
}

.hierarchyblock.bg-image .panel-hierarchy-title {
    font-size: 35px;
    color: white;
}

/* productslist */

.productblock {
    margin-bottom: 40px;
}

.productblock .panel {
    background: none;
    padding: 0;
    margin-top: 20px;
    border: none;
    color: #444444;
    box-shadow: none;
}

.productblock .panel-container:hover {
    opacity: 1;
}

.productblock .panel-container:hover .panel {
    background: none;
}

.productblock .panel-image {
    border: 2px solid #f0efe7;
    background-size: contain;
}

.productblock .panel-container .panel-title.double-panel-title-height {
    color: #285468;
    font-weight: 700;
    height: auto;
}

.productblock h4.product-title {
    height: auto;
    margin-bottom: 10px;
    min-height: 52px;
}

.productblock .panel-container:hover .panel-title {
    color: #e11e34;
}

.productblock .panel-description-container {
    padding: 0;
    height: unset;
}

.productblock .panel-description-container .product-nra {
    color: #444444;
    font-size: 16px;
    line-height: 26px;
}

.productblock .panel-price-container .product-price {
    color: #444444;
    font-weight: 700;
    font-size: 18px;
}

.productblock .panel-price-container .product-unit {
    display: none
}

.productblock .quantity-container {
    display: none;
}

.productblock button.basket-add {
    border: none;
    background-color: #f4f4f4;
    border-radius: 0;
    color: #285468;
    font-size: 26px;
    width: 40px;
    height: 40px;
    float: right;
    margin-right: 10px;
    padding: 0;
}

.productblock button.basket-add:hover>span {
    font-family: 'Material Icons round';
}

.trianglecontainer {
    width: auto;
    height: auto;
    top: 15px;
    right: calc(15px + 10px);
    color: #285468;
}

.trianglecontainer.new {
    right: calc(15px + 10px);
}

.trianglecontainer.isonsale {
    left: calc(15px + 10px);
}

.trianglecontainer .triangle {
    display: none;
}

/*=========================================================
Checkout
=========================================================*/

.checkoutsteps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.checkoutsteps .step {
    flex-grow: 0;
    width: 25%;
    padding: 10px 0;
}


.checkoutsteps .step h4 {
    color: #444444;
}

.checkoutsteps .step .material-icons-outlined {
    font-size: 30px;
    margin-bottom: 10px;
    color: #444444;
}

.checkoutsteps .step::before {
    content: "";
    height: 10px;
    width: 100%;
    background: url("../img/checkoutsteps.svg") repeat-x;
    background-position: right center;
    display: block;
    margin-bottom: 15px;
}

.checkoutsteps .step.active::before {
    background: url("../img/checkoutsteps_arrow.svg") repeat-x;
    background-position: right center;
}

.checkoutsteps .step.active h4,
.checkoutsteps .step.active .material-icons-outlined {
    color: #285468;
}

.checkoutsteps .active~.step h4,
.checkoutsteps .active~.step .material-icons-outlined,
.checkoutsteps .active~.step::before {
    opacity: .5;
}


/* Basket */

.basket {
    padding: 0 !important;
}

.basket .productheader {
    border-bottom: 2px solid #f0efe7;
    padding-bottom: 10px;
}

.captions {
    padding-bottom: 10px;
}

.captions+.product {
    border-top: 2px solid #f0efe7;
}

.product {
    border-bottom: 1px solid #f0efe7;
}

.product .productimage {
    position: relative;
}

.basket .basket-main-table .product .productimage {
    position: absolute;
}

.product .productname h3,
.product .productname h4 {
    margin: 0;
}

.basket hr,
.purchaselistdetail hr {
    border-top: 2px solid #f0efe7;
}

.basket .button {
    width: 100%;
}

.basket-action-button-container {
    margin-bottom: 20px;
}

.font-basket-heading {
    font-size: 20px;
    font-weight: 700;
    color: #444444;
}

.font-basket-product a {
    color: #285468;
    font-size: inherit;
}

.font-basket-amount {
    font-weight: 700;
}

/* Purchaselist */
.purchaselistdetail-header {
    border-bottom: 2px solid #f0efe7;
    padding-bottom: 10px;
}

.purchaselist-add {
    cursor: pointer;
}

.purchaselists h3 {
    margin-bottom: 0;
}


/* Quickentry */
.quickentry .actionbutton {
    width: 100%;
}

/* History */

form.history-table .history-header {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #f0efe7;
}

.historysortbutton {
    color: #285468;
    font-weight: 700;
    font-size: 18px;
}

.historyoverviewline {
    min-height: 30px;
    padding: 10px 0;
}

.historyoverviewline:hover {
    padding: 10px 0;
    background: none;
}

/*=========================================================
Misc
=========================================================*/
select::-ms-expand {
    display: none;
}

.appearance-none::-ms-expand {
    display: none;
}

form.agb-link div.row>div {
    min-width: 320px;
}

.productinfo>.hersteller {
    margin-top: 10px;
}

#header .dropdown.account .shoppermenuwrapper {
    min-width: 180px;
}

/* Only IE 10+ */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .hierarchyelement>a.parent+.submenu {
        width: 900px !important;
    }

    .panel-description-container {
        height: auto !important;
    }

}