@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */





html {
    line-height: 1.7;
    -webkit-text-size-adjust: 100%;

}

body {
    margin: 0;
}
html, body {
    font-size: 16px;
}
main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
    color:#004EA0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
p{
    font-size: 16px;
}
b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}
p{
        line-height: 1.7;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/***** Base *****/
* {
    box-sizing: border-box;
}

body {
    font-family: 'Lato';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
    body > main {
        min-height: 10vh;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
    font-weight: 600;
}

h4 {
    font-size: 18px;
}

a {
    text-decoration: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
}

input,
textarea {
    color: #000;
    font-size: 14px;
}

input {
    max-width: 100%;
    box-sizing: border-box;
    transition: border 0.12s ease-in-out;
}
input:not([type=checkbox]) {
    outline: none;
}

input[disabled] {
    background-color: #ddd;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
    background-position: right 10px center;
    border: 1px solid #87929D;
    border-radius: 4px;
    padding: 8px 30px 8px 10px;
    outline: none;
    color: #555;
    width: 100%;
}

select::-ms-expand {
    display: none;
}

textarea {
    border: 1px solid #87929D;
    border-radius: 2px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 10px;
}


.container {
    max-width: 1192px;
    margin: 0 auto;
    padding: 0 5%;
}
@media (min-width: 1160px) {
    .container {
        padding: 0;
        width: 90%;
    }
}

.container-divider {
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.error-page {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
}
@media (min-width: 1160px) {
    .error-page {
        padding: 0;
        width: 90%;
    }
}

.visibility-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none;
}
@media (min-width: 768px) {
    .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
        width: auto;
    }
}

.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {


    text-decoration: none;
}

.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
    cursor: default;
}

.button-large, input[type=submit] {
    cursor: pointer;

    border: 0;
    border-radius: 4px;

    font-size: 14px;
    line-height: 2.72;
    min-width: 190px;
    padding: 0 1.9286em;
    width: 100%;
}
@media (min-width: 768px) {
    .button-large, input[type=submit] {
        width: auto;
    }
}
.button-large:visited, input[type=submit]:visited {

}

.button-large[disabled], input[type=submit][disabled] {
    background-color: #ddd;
}

.button-secondary {

    border: 1px solid #87929D;
    background-color: transparent;
}
.button-secondary:visited {

}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {

    border: 1px solid #87929D;
}

/***** Split button *****/
.split-button {
    display: flex;
}

.split-button button {

    border: 0;

    height: 32px;
    line-height: 16px;

}

[dir=rtl] .split-button button:not(:only-child):first-child {

    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {

    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    padding: 0;
}
[dir=rtl] .split-button button:not(:only-child):last-child {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):last-child {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
@media (min-width: 768px) {
    .table {
        table-layout: auto;
    }
}
.table th,
.table th a {

    font-size: 13px;
    text-align: left;
}
[dir=rtl] .table th,
[dir=rtl] .table th a {
    text-align: right;
}
.table tr {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 20px 0;
}
@media (min-width: 768px) {
    .table tr {
        display: table-row;
    }
}
.table td {
    display: block;
}
@media (min-width: 768px) {
    .table td {
        display: table-cell;
    }
}
@media (min-width: 1024px) {
    .table td, .table th {
        padding: 20px 30px;
    }
}
@media (min-width: 768px) {
    .table td, .table th {
        padding: 10px 20px;
        height: 60px;
    }
}

/***** Forms *****/

.cart.table-wrapper .item .col.item{
    display: table-cell;
}
.form-field ~ .form-field {
    margin-top: 25px;
}

.form-field label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
}

.form-field input {
    border: 1px solid #87929D;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
}
.form-field input:focus {

}

.form-field input[type=text] {
    border: 1px solid #87929D;
    border-radius: 4px;
}
.form-field input[type=text]:focus {

}

.form-field input[type=checkbox] {
    width: auto;
}

.form-field .nesty-input {
    border-radius: 4px;
    border: 1px solid #87929D;
    height: 40px;
    line-height: 40px;
    outline: none;
    vertical-align: middle;
}
.form-field .nesty-input:focus {

    text-decoration: none;
}

.form-field .hc-multiselect-toggle {
    border: 1px solid #87929D;
}

.form-field .hc-multiselect-toggle:focus {
    outline: none;

    text-decoration: none;
}

.form-field textarea {
    vertical-align: middle;
}

.form-field input[type=checkbox] + label {
    margin: 0 0 0 10px;
}

.form-field .optional {

    margin-left: 4px;
}

.form-field p {

    font-size: 12px;
    margin: 5px 0;
}

.form footer {
    margin-top: 40px;
    padding-top: 30px;
}

.form footer a {

    cursor: pointer;
    margin-right: 15px;
}

.form .suggestion-list {
    font-size: 13px;
    margin-top: 30px;
}
.form .suggestion-list label {
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 5px;
}
.form .suggestion-list li {
    padding: 10px 0;
}


/***** Header *****/
.header {
    max-width: 1192px;
    margin: 0 auto;
    padding: 0 5%;
    position: relative;
    align-items: center;
    height: 120px;
    box-sizing: border-box;
}

@media (max-width: 1192px) {

    .header {
        max-width: 100%;
    }
}
@media (min-width: 1160px) {
    .header {
        padding: 0;
        width: 100%;
        margin: 0 auto;
    }
}

.logo img {
    max-height: 43px;
    vertical-align: middle;
}

.logo span {
    margin: 0 10px;

}

.logo a {
    display: inline-block;
}

.logo a:hover, .logo a:focus, .logo a:active {
    text-decoration: none;
}

.user-nav {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
}
@media (min-width: 768px) {
    .user-nav {
        position: relative;
    }
}
.user-nav[aria-expanded=true] {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #ddd;
    right: 0;
    left: 0;
    top: 71px;
    z-index: 1;
}
.user-nav[aria-expanded=true] > a {
    display: block;
    margin: 20px;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
    display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
    display: block;
    margin: 20px;
}

.user-nav-list {
    display: block;
    list-style: none;
}
.user-nav-list > li {
    display: inline-block;
}

@media (max-width: 768px) {
    .nav-wrapper-desktop {
        display: none;
    }
}
@media (min-width: 768px) {
    .nav-wrapper-desktop {
        display: none;
    }
}
@media (min-width: 1250px) {
    .nav-wrapper-desktop {
        display: inline-block;
    }
}
.nav-wrapper-desktop a {
    border: 0;

    display: none;
    font-size: 14px;
    padding: 0 20px 0 0;
    width: auto;
}
@media (min-width: 768px) {
    .nav-wrapper-desktop a {
        display: inline-block;
    }
}
[dir=rtl] .nav-wrapper-desktop a {
    padding: 0 0 0 20px;
}
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
    background-color: transparent;

    text-decoration: underline;
}

@media (min-width: 1024px) {
    .nav-wrapper-mobile {
        display: none;
    }
}
.nav-wrapper-mobile .menu-button-mobile {
    background: none;
    border: 0;
    width: auto;
    min-width: 71px;
    cursor: pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
    padding: 7px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
    background: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    right: 0;
    left: 0;
    top: 71px;
    z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
    display: none;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
    display: block;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
    margin: 4px 0;
}
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
    display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
    border-bottom: 0.1px solid #ddd;
    padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
    display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
    background: none;
    border: none;
    padding: 8px 24px;
    width: 100%;
    height: 100%;

    cursor: pointer;
    text-align: start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
    background-color: #f3f3f3;
    text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
    display: block;
    padding: 16px 0;
    margin: 0px 16px;
    width: 100%;
    height: 100%;

}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
    background-color: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
    display: flex;
    line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
    font-size: 12px;
    color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    margin-top: 1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
    margin-right: 0;
    margin-left: 8px;
}

.skip-navigation {
    align-items: center;
    background-color: black;
    color: white;
    display: flex;
    font-size: 14px;
    justify-content: center;
    left: -999px;
    margin: 20px;
    padding: 20px;
    overflow: hidden;
    position: absolute;
    top: auto;
    z-index: -999;
}
[dir=rtl] .skip-navigation {
    left: initial;
    right: -999px;
}
.skip-navigation:focus, .skip-navigation:active {
    left: auto;
    overflow: auto;
    text-align: center;
    text-decoration: none;
    top: auto;
    z-index: 999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active {
    left: initial;
    right: auto;
}

#zd-modal-container ~ .skip-navigation {
    display: none;
}

/***** User info in header *****/
.user-info {
    display: inline-block;
}
.user-info .dropdown-toggle::after {
    display: none;
}
@media (min-width: 768px) {
    .user-info .dropdown-toggle::after {
        display: inline-block;
    }
}
.user-info > button {
    border: 0;

    min-width: 0;
    padding: 0;
    white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {

    background-color: transparent;
}
.user-info > button::after {

    padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
    padding-left: 15px;
    padding-right: 0;
}

#user #user-name {
    display: none;
    font-size: 14px;
}
@media (min-width: 768px) {
    #user #user-name {
        display: inline-block;
    }
}
#user #user-name:hover {
    text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.avatar {
    display: inline-block;
    position: relative;
}
.avatar img {
    height: 40px;
    width: 40px;
}
.avatar .icon-agent {

    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 17px;
}

/***** Footer *****/
.footer {
    margin-top: 60px;
    padding: 0;
}
.footer a {

}
.footer-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
}
@media (min-width: 1160px) {
    .footer-inner {
        padding: 0;
        width: 90%;
    }
}
.footer-language-selector button {

    display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {

}

/***** Breadcrumbs *****/
.breadcrumbs {
    margin: 0 0 15px 0;
    padding: 0;
    display: flex;
}
@media (min-width: 768px) {
    .breadcrumbs {
        margin: 0;
    }
}
.breadcrumbs li {
    text-transform: uppercase;
    font-size: 13px;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs li + li::before {
    content: ">";
    margin: 0 4px;
}
.breadcrumbs li a:visited {

}
#reviews > .product-section-title{
    display: none;
}
/***** Search field *****/
.search-container {
    position: relative;
}

.search {
    border-color: #87929D;
    border-radius: 30px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    position: relative;
    transition: border 0.12s ease-in-out;
}

.search input[type=search],
.search .clear-button {
    background-color: #fff;
    border-radius: 30px;
    border: none;
}
.search-full input[type=search], .search-full .clear-button {
    border-color: #fff;
}
.search input[type=search] {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    color: #004EA0;
    flex: 1 1 auto;
    height: 50px;
    width: 100%;
    font-size: 16px;
}
.search input[type=search]:focus {
    color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
    align-items: center;
    box-sizing: border-box;
    color: #929292;
    cursor: pointer;
    display: none;
    flex: none;
    justify-content: center;
    padding: 0 15px;
}
.search .clear-button:hover {

    color: #fff;
}
.search .clear-button:focus {
    outline: 0;
}
.search-has-value .clear-button {
    display: flex;
}

[dir=ltr] .search input[type=search] {
    padding-left: 40px;
    padding-right: 20px;
}
[dir=ltr] .search-has-value input[type=search] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right-color: transparent;
}

[dir=ltr] .search .clear-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left-color: transparent;
}


[dir=rtl] .search input[type=search] {
    padding-left: 20px;
    padding-right: 40px;
}
[dir=rtl] .search-has-value input[type=search] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left-color: transparent;
}

[dir=rtl] .search .clear-button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right-color: transparent;
}


.search-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 15px;
    z-index: 1;
    width: 18px;
    height: 18px;
    color: #777;
    pointer-events: none;
}
[dir=rtl] .search-icon {
    left: auto;
    right: 15px;
}

/***** Hero component *****/
.hero {
    /*background-image: url($homepage_background_image);*/
    padding: 0 20px;
    text-align: center;
}
.hero-inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}


.page-header {
    margin: 10px 0;
}
@media (min-width: 768px) {
    .page-header {
        align-items: baseline;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 16px;
        margin: 0;
    }
}
.page-header .section-subscribe {
    flex-shrink: 0;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .page-header .section-subscribe {
        margin-bottom: 0;
    }
}
.page-header h1 {
    flex-grow: 1;
    margin-bottom: 10px;
}
.page-header-description {
    font-style: italic;
    margin: 0 0 30px 0;
    word-break: break-word;
}
@media (min-width: 1024px) {
    .page-header-description {
        flex-basis: 100%;
    }
}
.page-header .icon-lock {
    height: 20px;
    width: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
}

.sub-nav {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px 30px;
    justify-content: space-between;
    margin-bottom: 55px;
}
@media (min-width: 768px) {
    .sub-nav {
        flex-direction: row;
    }
}
.sub-nav .breadcrumbs {
    margin: 0;
}
.sub-nav .search-container {
    max-width: 300px;
    width: 100%;
}
@media (min-width: 768px) {
    .sub-nav .search-container {
        flex: 0 1 300px;
    }
}
.sub-nav input[type=search]::after {
    font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
}
@media (min-width: 768px) {
    .blocks-list {
        margin: 0 -15px;
    }
}
.blocks-item {

    border-radius: 4px;
    box-sizing: border-box;

    display: flex;
    flex: 1 0 340px;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    .blocks-item {
        margin: 0 15px 30px;
    }
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {

}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {

    text-decoration: none;
}
.blocks-item-internal {
    background-color: transparent;
    border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
    height: 15px;
    width: 15px;
    bottom: 5px;
    position: relative;
}
.blocks-item-internal a {

}
.blocks-item-link {

    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
    color: inherit;
    text-decoration: none;
}
.blocks-item-link:focus {
    outline: 0;
    text-decoration: none;
}
.blocks-item-title {
    margin-bottom: 0;
    font-size: 16px;
}
.blocks-item-description {
    margin: 0;
}
.blocks-item-description:not(:empty) {
    margin-top: 10px;
}

/***** Homepage *****/
.section {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .section {
        margin-bottom: 60px;
    }
}

.home-section h2 {
    margin-bottom: 10px;
    text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
@media (min-width: 1024px) {
    .promoted-articles {
        flex-direction: row;
    }
}
.promoted-articles-item {
    flex: 1 0 auto;
}
@media (min-width: 1024px) {
    .promoted-articles-item {
        align-self: flex-end;
        flex: 0 0 auto;
        padding-right: 30px;
        width: 33%; /* Three columns on desktop */
    }
    [dir=rtl] .promoted-articles-item {
        padding: 0 0 0 30px;
    }
}
.promoted-articles-item>a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.promoted-articles-item .icon-lock {
    vertical-align: baseline;
}
.promoted-articles-item:last-child>a {
    border: 0;
}
@media (min-width: 1024px) {
    .promoted-articles-item:last-child>a {
        border-bottom: 1px solid #ddd;
    }
}

/***** Community section in homepage *****/
.community {
    text-align: center;
}
.community-image {
    min-height: 300px;
    margin-top: 32px;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
}
.community a {

    text-decoration: underline;
}


.community,
.activity {
    border-top: 1px solid #ddd;
    padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
    margin-bottom: 10px;
    text-align: center;
}
.recent-activity-list {
    padding: 0;
}
.recent-activity-item {
    border-bottom: 1px solid #ddd;
    overflow: auto;
    padding: 20px 0;
}
.recent-activity-item h3 {
    margin: 0;
}
.recent-activity-item-parent {
    font-size: 16px;
    font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
    margin: 6px 0;
    display: inline-block;
    width: 100%;
}
@media (min-width: 768px) {
    .recent-activity-item-parent, .recent-activity-item-link {
        width: 70%;
        margin: 0;
    }
}
.recent-activity-item-link {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recent-activity-item-meta {

    margin: 15px 0 0 0;
    float: none;
}
@media (min-width: 768px) {
    .recent-activity-item-meta {
        margin: 0;
        float: right;
    }
    [dir=rtl] .recent-activity-item-meta {
        float: left;
    }
}
.recent-activity-item-time, .recent-activity-item-comment {
    display: inline-block;
    font-size: 13px;
}
.recent-activity-item-comment {
    padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
    padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
    display: inline-block;
}
.recent-activity-controls {
    padding-top: 15px;
}
.recent-activity-controls a {

    text-decoration: underline;
}

.recent-activity-accessibility-label {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
.recent-activity-comment-icon svg {
    vertical-align: middle;

    width: 16px;
    height: 16px;
}
.recent-activity-comment-icon:after {
    content: attr(data-comment-count);
    margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
    margin-left: 0;
    margin-right: 3px;
}

/***** Category pages *****/
.category-container {
    display: flex;
    justify-content: flex-end;
}
.category-content {
    flex: 1;
    max-width: 100%;
}
@media (min-width: 1024px) {
    .category-content {
        flex: 0 0 80%;
    }
}

.section-tree {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .section-tree {
        flex-direction: row;
    }
}
.section-tree .section {
    flex: initial;
    max-width: 100%;
}
@media (min-width: 768px) {
    .section-tree .section {
        flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */
    }
}
.section-tree-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}
.section-tree-title a {

}
.section-tree .see-all-articles {
    display: block;
    padding: 15px 0;
}

.article-list-item {
    font-size: 16px;
    padding: 15px 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.article-list-item a {

}

.icon-star {

    font-size: 18px;
}

/***** Section pages *****/
.section-container {
    display: flex;
    justify-content: flex-end;
}
.section-content {
    flex: 1;
    max-width: 100%;
}
@media (min-width: 1024px) {
    .section-content {
        flex: 0 0 80%;
        max-width: 1232px
    }
}
.section-list {
    margin: 40px 0;
}

.section-list-item {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 0;
}
.section-list-item:first-child {
    border-top: 1px solid #ddd;
}
.section-list-item a {
    align-items: center;

    display: flex;
    justify-content: space-between;
}

.see-all-sections-trigger {
    cursor: pointer;
    display: block;
    padding: 15px;
    text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
    display: none;
}

/***** Article *****/
.article {
    /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
    flex: 1 0 auto;
}
@media (min-width: 1024px) {
    .article {
        flex: 1 0 66%;
        max-width: 66%;
        min-width: 640px;
        padding: 0 30px;
    }
}
.article-container {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .article-container {
        flex-direction: row;
    }
}
.article-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 20px;
}
@media (min-width: 768px) {
    .article-header {
        flex-direction: row;
        margin-top: 0;
    }
}
.article-avatar {
    margin-right: 10px;
}
.article-author {
    margin-bottom: 10px;
}
.article-title {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
@media (min-width: 768px) {
    .article-title {
        flex-basis: 100%; /* Take entire row */
    }
}
.article-title .icon-lock {
    position: relative;
    left: -5px;
    vertical-align: baseline;
}
.article [role=button] {
    flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
    width: 100%;
}
@media (min-width: 768px) {
    .article [role=button] {
        width: auto;
    }
}
.article-info {
    max-width: 100%;
}
.article-meta {
    display: inline-block;
    vertical-align: middle;
}
.article-body {
    display: flow-root;
}
.article-body a {

    text-decoration: underline;
}
.article-body a:visited {

}
.article-body a:hover, .article-body a:active, .article-body a:focus {

}
.article-body img {
    height: auto;
    max-width: 100%;
}
.article-body p > img.image-style-align-left {
    float: left;
    margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
    float: right;
    margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}
.article-body figure.image {
    display: table;
    margin: 0 auto;
}
.article-body figure.image > img {
    display: block;
    width: 100%;
}
.article-body figure.image.image-style-align-left {
    float: left;
    margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
    float: right;
    margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}
.article-body figcaption {
    padding: 10px 0;
    font-size: 12px;
    text-align: center;

}
.article-body ul,
.article-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
    margin: 0;
}
.article-body ul {
    list-style-type: disc;
}
.article-body :not(pre) > code {

    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}
.article-body pre {

    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}
.article-body blockquote {
    border-left: 1px solid #ddd;

    font-style: italic;
    padding: 0 15px;
}
.article-body > p:last-child {
    margin-bottom: 0;
}
.article-content {
    line-height: 1.6;
    margin: 40px 0;
    word-wrap: break-word;
}
.article-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.article-comment-count {

}
.article-comment-count:hover {
    text-decoration: none;
}
.article-comment-count-icon {
    vertical-align: middle;

    width: 18px;
    height: 18px;
}
.article-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
}
@media (min-width: 1024px) {
    .article-sidebar {
        border: 0;
        flex: 0 0 17%;
        height: auto;
        max-width: 17%;
    }
}
.article-relatives {
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    padding-bottom: 80px;
}
@media (min-width: 768px) {
    .article-relatives {
        flex-direction: row;
    }
}
.article-relatives > * {
    flex: 1 0 50%;
    min-width: 50%;
    overflow-wrap: break-word;
    margin-right: 0;
}
.article-relatives > *:last-child {
    padding: 0;
}
@media (min-width: 768px) {
    .article-relatives > * {
        padding-right: 20px;
    }
}
.article-votes {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    text-align: center;
}
.article-vote {
    margin: 10px 5px;
    min-width: 90px;
    width: auto;
}
.article-more-questions {
    margin: 10px 0 20px;
    text-align: center;
}
.article-more-questions a {

    text-decoration: underline;
}
.article-more-questions a:visited {

}

.article-return-to-top {
    border-top: 1px solid #87929D;
}
@media (min-width: 1024px) {
    .article-return-to-top {
        display: none;
    }
}
.article-return-to-top a {

    display: block;
    padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
    text-decoration: none;
}
.article-return-to-top-icon {
    transform: rotate(0.5turn);
}
.article td > p:first-child,
.article th > p:first-child {
    margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
    margin-bottom: 0;
}

.sidenav-title {
    font-size: 15px;
    position: relative;
    font-weight: 600;
}
.sidenav-item {
    display: block;
    margin-top: 10px;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recent-articles li,
.related-articles li {
    margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
    margin-bottom: 0;
}
.attachments .attachment-item .attachment-icon {

    left: 0;
    position: absolute;
    top: 5px;
}
[dir=rtl] .attachments .attachment-item {
    padding-left: 0;
    padding-right: 20px;
}
[dir=rtl] .attachments .attachment-item .attachment-icon {
    left: auto;
    right: 0;
}

.upload-dropzone span {

    font-size: 13px;
}

/***** Social share links *****/
.share {
    padding: 0;
    white-space: nowrap;
}

.share li, .share a {
    display: inline-block;
}

.share li {
    height: 25px;
    width: 25px;
}

.share a {

}
.share a:hover {
    text-decoration: none;

}
.share a svg {
    height: 18px;
    width: 18px;
    display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}
.comment-heading, .recent-articles-title,
.related-articles-title {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
}
.comment-overview {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}
.comment-overview p {
    margin-top: 0;
}
.comment-callout {

    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
}
.comment-callout a {

    text-decoration: underline;
}
.comment-callout a:visited {

}

.comment-sorter {
    display: inline-block;
    float: right;
}
.comment-sorter .dropdown-toggle {

    font-size: 13px;
}
[dir=rtl] .comment-sorter {
    float: left;
}
.comment-wrapper {
    display: flex;
    position: relative;
}
.comment-wrapper.comment-official {

    padding: 40px 20px 20px;
}
@media (min-width: 768px) {
    .comment-wrapper.comment-official {
        padding-top: 20px;
    }
}
.comment-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
}
[dir=rtl] .comment-info {
    padding-right: 0;
    padding-left: 20px;
}
.comment-author {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .comment-author {
        justify-content: space-between;
    }
}
.comment-avatar {
    margin-right: 10px;
}
[dir=rtl] .comment-avatar {
    margin-left: 10px;
    margin-right: 0;
}
.comment-meta {
    flex: 1 1 auto;
}
.comment-labels {
    flex-basis: 100%;
}
@media (min-width: 768px) {
    .comment-labels {
        flex-basis: auto;
    }
}
.comment .status-label:not(.status-label-official) {
    margin-top: 10px;
}
@media (min-width: 768px) {
    .comment .status-label:not(.status-label-official) {
        margin-top: 0;
    }
}
.comment-form {
    display: flex;
    padding-top: 30px;
    word-wrap: break-word;
}
.comment-container {
    width: 100%;
}
.comment-form-controls {
    display: none;
    margin-top: 10px;
    text-align: left;
}
@media (min-width: 768px) {
    [dir=ltr] .comment-form-controls {
        text-align: right;
    }
}
.comment-form-controls input[type=submit] {
    margin-top: 15px;
}
@media (min-width: 1024px) {
    .comment-form-controls input[type=submit] {
        margin-left: 15px;
    }
    [dir=rtl] .comment-form-controls input[type=submit] {
        margin-left: 0;
        margin-right: 15px;
    }
}
.comment-form-controls input[type=checkbox] {
    margin-right: 5px;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
    margin-left: 5px;
}
.comment-ccs {
    display: none;
}
.comment-ccs + textarea {
    margin-top: 10px;
}
.comment-attachments {
    margin-top: 10px;
}
.comment-attachments a {

}
.comment-body {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    display: flow-root;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    overflow-x: auto;
}
.comment-body a {

    text-decoration: underline;
}
.comment-body a:visited {

}

.comment-body img {
    height: auto;
    max-width: 100%;
}
.comment-body p > img.image-style-align-left {
    float: left;
    margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
    float: right;
    margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}
.comment-body figure.image {
    display: table;
    margin: 0 auto;
}
.comment-body figure.image > img {
    display: block;
    width: 100%;
}
.comment-body figure.image.image-style-align-left {
    float: left;
    margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
    float: right;
    margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}
.comment-body figcaption {
    padding: 10px 0;
    font-size: 12px;
    text-align: center;

}
.comment-body ul,
.comment-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
    margin: 0;
}
.comment-body ul {
    list-style-type: disc;
}
.comment-body :not(pre) > code {

    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}
.comment-body pre {

    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}
.comment-body blockquote {
    border-left: 1px solid #ddd;

    font-style: italic;
    padding: 0 15px;
}
.comment-mark-as-solved {
    display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
    text-decoration: none;
}

.vote-sum {

    display: block;
    margin: 3px 0;
}
[dir=rtl] .vote-sum {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.vote-up svg {
    transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {

}

.vote-up, .vote-down {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;

    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vote-voted {

}

.vote-voted:hover {

}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
    text-align: center;
    flex-shrink: 0; /*Avoid collapsing elements in Safari*/
}
.actions button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/***** Community *****/
.community-hero {

    margin-bottom: 10px;
}
.community-footer {
    padding-top: 50px;
    text-align: center;
}
.community-footer-title {
    font-size: 16px;
    margin-bottom: 20px;
}
.community-featured-posts .title {
    font-size: 18px;
    font-weight: 600;
}
.community-featured-posts, .community-activity {
    padding-top: 40px;
    width: 100%;
}
.community-header {
    margin-bottom: 30px;
}
.community-header .title {
    margin-bottom: 0;
    font-size: 16px;
}

.post-to-community {
    margin-top: 10px;
}
@media (min-width: 768px) {
    .post-to-community {
        margin: 0;
    }
}

/* Community topics grid */
.topics {
    max-width: none;
    width: 100%;
}
.topics-item .meta-group {
    justify-content: center;
    margin-top: 20px;
}

/* Community topic page */
.topic-header {
    border-bottom: 1px solid #ddd;
    font-size: 13px;
}
@media (min-width: 768px) {
    .topic-header {
        padding-bottom: 10px;
    }
}
.topic-header .dropdown {
    display: block;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}
@media (min-width: 768px) {
    .topic-header .dropdown {
        border-top: 0;
        display: inline-block;
        margin-right: 20px;
        padding: 0;
    }
}

.no-posts-with-filter {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
    margin-bottom: 10px;
    width: 100%;
}
@media (min-width: 768px) {
    .community-follow {
        margin-bottom: 0;
        width: auto;
    }
}
.community-follow button {
    line-height: 30px;
    padding: 0 10px 0 15px;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .community-follow button {
        width: auto;
    }
}
.community-follow button:hover {

}

.community-follow button[data-selected=true] {


}

.community-follow button::after {

    content: attr(data-follower-count);

    display: inline-block;
    font-family: 'Roboto', sans-serif;
    margin-left: 15px;
    padding-left: 10px;
    position: absolute;
    right: 10px;
}
@media (min-width: 768px) {
    .community-follow button::after {
        position: static;
    }
}
[dir=rtl] .community-follow button::after {
    border-left: 0;

    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
    padding: 0;
}
.striped-list-item {
    align-items: flex-start;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 0;
}
@media (min-width: 768px) {
    .striped-list-item {
        align-items: center;
        flex-direction: row;
    }
}
.striped-list-info {
    flex: 2;
}
.striped-list-title {

    margin-bottom: 10px;
    margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
    text-decoration: underline;
}
.striped-list-title:visited {

}
.striped-list .meta-group {
    margin: 5px 0;
}
.striped-list-count {

    font-size: 13px;
    justify-content: flex-start;
    text-transform: capitalize;
}
@media (min-width: 768px) {
    .striped-list-count {
        display: flex;
        flex: 1;
        justify-content: space-around;
    }
}
.striped-list-count-item::after {
    content: "·";
    display: inline-block;
    padding: 0 5px;
}
@media (min-width: 768px) {
    .striped-list-count-item::after {
        display: none;
    }
}
.striped-list-count-item:last-child::after {
    display: none;
}
.striped-list-number {
    text-align: center;
}
@media (min-width: 768px) {
    .striped-list-number {

        display: block;
    }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
    background-color: #038153;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-right: 2px;
    padding: 3px 10px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
    text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {

}
.status-label-official {
    border-radius: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}
@media (min-width: 768px) {
    .status-label-official {
        border-radius: 0 0 4px 4px;
        right: 30px;
        width: auto;
    }
}
[dir=rtl] .status-label-official {
    left: 30px;
    right: auto;
}
.status-label-not-planned, .status-label-closed {
    background-color: #e9ebed;

}
.status-label-pending, .status-label-pending-moderation {
    background-color: #1f73b7;
    text-align: center;
}
.status-label-open {
    background-color: #c72a1c;
}
.status-label-solved {
    background-color: #68737d;
}
.status-label-new {
    background-color: #ffb648;
    color: #703b15;
}
.status-label-hold {
    background-color: #000;
}
.status-label-request {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
    .status-label-request {
        max-width: 150px;
    }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
    flex: 1;
    margin-bottom: 10px;
}
@media (min-width: 1024px) {
    .post {
        flex: 1 0 70%;
        max-width: 70%;
    }
}
.post-container {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .post-container {
        flex-direction: row;
    }
}
.post-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .post-header {
        align-items: baseline;
        flex-direction: row;
    }
}
.post-header .status-label {
    vertical-align: super;
}
.post-title {
    margin-bottom: 20px;
    width: 100%;
}
@media (min-width: 768px) {
    .post-title {
        margin-bottom: 0;
        padding-right: 10px;
    }
}
.post-title h1 {
    display: inline;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .post-title h1 {
        margin-right: 5px;
    }
}
.post-author {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}
.post-avatar {
    margin-bottom: 30px;
}
.post-content {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    word-break: break-word;
}
.post-info-container {
    display: flex;
    margin-bottom: 40px;
}
.post-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
}
[dir=rtl] .post-info {
    padding-right: 0;
    padding-left: 20px;
}
.post-meta {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    vertical-align: middle;
}
[dir=rtl] .post-meta {
    margin-left: 0;
    margin-right: 10px;
}
.post-body {
    display: flow-root;
}
.post-body a {

    text-decoration: underline;
}

.post-body img {
    height: auto;
    max-width: 100%;
}
.post-body p > img.image-style-align-left {
    float: left;
    margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
    float: right;
    margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}
.post-body figure.image {
    display: table;
    margin: 0 auto;
}
.post-body figure.image > img {
    display: block;
    width: 100%;
}
.post-body figure.image.image-style-align-left {
    float: left;
    margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
    float: right;
    margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}
.post-body figcaption {
    padding: 10px 0;
    font-size: 12px;
    text-align: center;

}
.post-body ul,
.post-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}
[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
}
.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
    margin: 0;
}
.post-body ul {
    list-style-type: disc;
}
.post-body :not(pre) > code {

    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}
.post-body pre {

    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}
.post-body blockquote {
    border-left: 1px solid #ddd;

    font-style: italic;
    padding: 0 15px;
}
.post-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.post-comment-count {

}
.post-comment-count:hover {
    text-decoration: none;
}
.post-comment-count .icon-comments {

    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 5px;
    vertical-align: middle;
}
.post-sidebar {
    border-top: 1px solid #ddd;
    flex: 1;
    padding: 30px 0;
    text-align: center;
}
@media (min-width: 1024px) {
    .post-sidebar {
        border: 0;
        flex: 1 0 30%;
        padding: 0 0 0 50px;
        text-align: initial;
    }
    [dir=rtl] .post-sidebar {
        padding: 0 50px 0 0;
    }
}
.post-sidebar-title {
    font-size: 18px;
    font-weight: 600;
}
.post-comments {
    margin-bottom: 20px;
}
@media (min-width: 1024px) {
    .post-comments {
        margin-bottom: 0;
    }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
    background-color: #04444d;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 8px;
    vertical-align: top;
    white-space: nowrap;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}

.community-badge-titles {
    display: inline;
}

.community-badge-achievement {
    display: block;
    height: 16px;
    white-space: nowrap;
    width: 16px;
}
.community-badge-achievement img {
    width: 100%;
    height: 100%;
}

.community-badge-achievements {
    display: flex;
}

.community-badge-achievements-rest {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
}

.community-badge {
    margin: 2px;
}

.profile-info .community-badge-title {
    padding: 2px 8px;
    line-height: 20px;
}
.profile-info .community-badge-achievement {
    height: 40px;
    width: 40px;
}
.profile-info .community-badge-achievements-rest {
    line-height: 40px;
    font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
    flex-direction: column;
    font-size: 14px;
    position: relative;
}
@media (min-width: 768px) {
    .collapsible-nav {
        flex-direction: row;
    }
}

.collapsible-nav-border {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
    .collapsible-nav-border {
        border-top: 0;
    }
}

.collapsible-nav-toggle {
    top: 22.5px;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    padding: 0;
    border: 0;
    background: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
@media (min-width: 768px) {
    .collapsible-nav-toggle {
        display: none;
    }
}
[dir=rtl] .collapsible-nav-toggle {
    left: 0;
    right: auto;
}
.collapsible-nav-toggle-icon {
    display: none;
}
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
    display: inline-block;
}
.collapsible-nav-toggle[aria-expanded=true] .x-icon {
    display: inline-block;
}
.collapsible-nav-toggle:focus {
    outline: none;

}

.collapsible-nav-list {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .collapsible-nav-list {
        flex-direction: row;
    }
}
.collapsible-nav-list li {

    line-height: 45px;
    order: 1;
}
@media (min-width: 768px) {
    .collapsible-nav-list li {
        line-height: normal;
        margin-right: 30px;
    }
    [dir=rtl] .collapsible-nav-list li {
        margin-left: 30px;
        margin-right: 0;
    }
    .collapsible-nav-list li a {
        text-decoration: none;
        padding: 15px 0;
    }
}
.collapsible-nav-list li a {

    display: block;
}
@media (min-width: 768px) {
    .collapsible-nav-list li:hover {
        border-bottom: 4px solid #ddd;
    }
    .collapsible-nav-list li:hover a:not([aria-current=page]) {
        padding: 15px 0 11px 0;
        text-decoration: none;
    }
}
.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
    display: none;
}
@media (min-width: 768px) {
    .collapsible-nav-list li:not([aria-selected=true]),
    .collapsible-nav-list li:not(.current) {
        display: block;
    }
}
@media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected=true] {
        padding: 15px 0 11px 0;
    }
}
.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
    order: 0;
    position: relative;
}
@media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected=true],
    .collapsible-nav-list li.current {

        order: 1;
    }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {

}

.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]),
.collapsible-nav[aria-expanded=true] li:not(.current) {
    display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}
@media (min-width: 1024px) {
    .collapsible-sidebar {
        max-height: none;
        padding: 0;
    }
}
.collapsible-sidebar-title {
    margin-top: 0;
}
.collapsible-sidebar-toggle {
    position: absolute;
    top: 22.5px;
    transform: translateY(-50%);
    right: 0;
    padding: 0;
    border: 0;
    background: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
@media (min-width: 1024px) {
    .collapsible-sidebar-toggle {
        display: none;
    }
}
[dir=rtl] .collapsible-sidebar-toggle {
    left: 0;
    right: auto;
}
.collapsible-sidebar-toggle-icon {
    display: none;
}
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
    display: inline-block;
}
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
    display: inline-block;
}
.collapsible-sidebar-toggle:focus {
    outline: none;

}
.collapsible-sidebar-body {
    display: none;
}
@media (min-width: 1024px) {
    .collapsible-sidebar-body {
        display: block;
    }
}
.collapsible-sidebar[aria-expanded=true] {
    max-height: none;
}
.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body {
    display: block;
}

/***** My activities *****/
.my-activities-nav {

    margin-bottom: 20px;
}
.my-activities-sub-nav {
    margin-bottom: 30px;
}
.my-activities-table .striped-list-title { /* My activities tables */
    display: block;
    margin-bottom: 10px;
    max-width: 350px;
    white-space: normal;
}
@media (min-width: 1024px) {
    .my-activities-table .striped-list-title {
        margin-bottom: 0;
        max-width: 500px;
        min-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
.my-activities-table thead {
    display: none;
}
@media (min-width: 768px) {
    .my-activities-table thead {
        display: table-header-group;
    }
}
.my-activities-table th:first-child,
.my-activities-table td:first-child {
    padding-left: 0;
}
@media (min-width: 1024px) {
    .my-activities-table th:first-child,
    .my-activities-table td:first-child {
        width: 500px;
    }
}
.my-activities-table th:last-child,
.my-activities-table td:last-child {
    padding-right: 0;
}
.my-activities-table td:not(:first-child) {
    display: none;
}
@media (min-width: 768px) {
    .my-activities-table td:not(:first-child) {
        display: table-cell;
    }
}

/* Requests table */
.requests-search {
    width: 100%;
}
.requests-table-toolbar {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .requests-table-toolbar {
        flex-direction: row;
    }
}
.requests-table-toolbar .search {
    flex: 1;
    width: 100%;
}
.requests-table-toolbar .request-table-filter {
    width: 100%;
}
@media (min-width: 768px) {
    .requests-table-toolbar .request-table-filter {
        width: auto;
    }
}
.requests-table-toolbar .request-filter {
    display: block;
}
@media (min-width: 768px) {
    .requests-table-toolbar .request-filter {
        margin: 0 0 0 30px;
    }
    [dir=rtl] .requests-table-toolbar .request-filter {
        margin: 0 30px 0 0;
    }
}
.requests-table-toolbar .request-filter-label {
    font-size: 13px;
    margin-top: 30px;
}
@media (min-width: 768px) {
    .requests-table-toolbar .request-filter-label {
        margin-top: 0;
    }
}
.requests-table-toolbar select {
    max-height: 40px;
    margin-bottom: 30px;
    width: 100%;
}
@media (min-width: 768px) {
    .requests-table-toolbar select {
        margin-bottom: 0;
        max-width: 300px;
        width: auto;
    }
}
@media (min-width: 768px) {
    .requests-table-toolbar .organization-subscribe {
        margin-left: 10px;
    }
    [dir=rtl] .requests-table-toolbar .organization-subscribe {
        margin: 0 10px 0 0;
    }
}
.requests-table-toolbar .organization-subscribe button {
    line-height: 40px;
    max-height: 40px;
    padding: 0 20px;
}
.requests-table-toolbar + .requests-search-info {
    margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
    content: "";
    margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
    margin-top: 20px;
}
.requests-table-toolbar + .requests {
    margin-top: 40px;
}
.requests .requests-table-meta {
    display: block;
}
@media (min-width: 768px) {
    .requests .requests-table-meta {
        display: none;
    }
}
.requests .requests-table thead {
    display: none;
}
@media (min-width: 768px) {
    .requests .requests-table thead {
        display: table-header-group;
    }
}
.requests .requests-table-info {
    display: block;
}
@media (min-width: 768px) {
    .requests .requests-table-info {
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }
}
.requests .requests-table .requests-link {
    position: relative;
}
.requests .requests-table .requests-sort-symbol {
    position: absolute;
    left: calc(100% + 3px);
    bottom: 0;
    font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
    .subscriptions-subscribe button {
        width: auto;
    }
}
.subscriptions-table td:last-child {
    display: block;
}
@media (min-width: 768px) {
    .subscriptions-table td:last-child {
        display: table-cell;
    }
}
.subscriptions-table td:first-child {
    display: flex;
    align-items: center;
}
.subscriptions-table .user-avatar {
    margin-right: 10px;
}
.subscriptions .striped-list-title {
    display: inline-block;
    vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {

    font-size: 13px;
}
@media (min-width: 768px) {
    .contributions-table td:last-child {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
    }
}

.no-activities {

}

/***** Request *****/
.request-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (min-width: 1024px) {
    .request-container {
        align-items: flex-start;
        flex-direction: row;
    }
}
.request-container .comment-container {
    min-width: 0;
}
.request-breadcrumbs {
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .request-breadcrumbs {
        margin-bottom: 60px;
    }
}
.request-main {
    flex: 1 0 auto;
    order: 1;
}
.request-main .comment-fields, .request-main .request-submit-comment {
    display: none;
}
.request-main .comment-fields.shown {
    display: block;
}
.request-main .request-submit-comment.shown {
    display: inline;
}
@media (min-width: 1024px) {
    .request-main {
        flex: 0 0 66%;
        order: 0;
        min-width: 0;
    }
}
.request-main .comment-form-controls {
    display: block;
}
.request-main .comment-ccs {
    display: block;
}
.request-main .comment-show-container {
    border-radius: 2px;
    border: 1px solid #ddd;

    text-align: inherit;
    padding: 8px 25px;
    width: 100%;
}
.request-main .comment-show-container.hidden {
    display: none;
}
.request-main .form-field.comment-ccs > ul {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {

}
.request-main .form-field.comment-ccs > input[type=text] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}
.request-main .comment-ccs + textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}

.request-main input#mark_as_solved {
    display: none;
}
.request-title {
    width: 100%;
}
@media (min-width: 1024px) {
    .request-title {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        max-width: 66%;
        padding-bottom: 20px;
    }
}
.request-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    order: 0;
}
@media (min-width: 1024px) {
    .request-sidebar {
        border: 0;
        font-size: 13px;
        flex: 0 0 auto;
        padding: 0 20px;
        width: 30%;
    }
}
.request-sidebar h2 {
    font-size: 15px;
    font-weight: 600;
    position: relative;
}
@media (min-width: 1024px) {
    .request-sidebar h2 {
        display: none;
    }
}
.request-details {
    border-bottom: 1px solid #ddd;
    font-size: 0;
    margin: 0;
    padding-bottom: 20px;
}
.request-details:last-child {
    border: 0;
}
.request-details dt, .request-details dd {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 20px 0 0 0;
}
.request-details dd {
    padding: 0 10px;
    width: 60%;
}
.request-details dd::after {
    content: "\a";
    white-space: pre;
}
.request-details dt {

    width: 40%;
}
.request-details .request-collaborators {
    display: inline-block;
}
.request-attachments dt, .request-attachments dd {
    width: 100%;
}
.request-attachments dd {
    margin: 10px 0 0 0;
}
.request-form textarea {
    min-height: 120px;
}
.request-follow-up {
    padding-top: 20px;
}

/***** Pagination *****/
.pagination {
    margin: 20px 0;
    text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
    display: inline-block;
}
.pagination-first-link, .pagination-last-link {
    padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
.pagination-next-link {
    padding-right: 10px;
}
.pagination-next-text {
    margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
    padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
    margin-left: 10px;
}
.pagination-prev-link {
    padding-left: 10px;
}
.pagination-prev-text {
    margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
    padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
    margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
    display: block;
}

.meta-group-opposite {
    float: right;
}

[dir=rtl] .meta-group-opposite {
    float: left;
}

.meta-group * {
    display: inline;
}

.meta-data {

    font-size: 13px;
}
.meta-data:not(:last-child)::after {
    content: "·";
    margin: 0 5px;
}

/* User Profiles */
.profile-header {
    padding: 30px 0;
}

.profile-header .container {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .profile-header .container {
        flex-wrap: nowrap;
    }
}

.profile-header .profile-info {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
}

.profile-avatar {
    position: relative;
    line-height: 0;
    align-self: center;
    margin-right: 10px;
}
[dir=rtl] .profile-avatar {
    margin-left: 10px;
    margin-right: 0;
}

.profile-avatar .user-avatar {
    width: 80px;
    height: 80px;
}

.profile-avatar .icon-agent {
    bottom: 0;
    right: 0;
}

.profile-header .basic-info {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
}
.profile-header .basic-info .name {
    margin: 0;
    line-height: 25px;
    vertical-align: middle;
    display: inline;
}

.profile-header .options {
    display: flex;
    flex-basis: 100%;
    margin-top: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .profile-header .options {
        flex-wrap: nowrap;
        flex-basis: auto;
        margin-top: 0;
        margin-left: 10px;
    }
    [dir=rtl] .profile-header .options {
        margin-left: 0;
        margin-right: 10px;
    }
    .profile-header .options > :not(:last-child) {
        margin-bottom: 0;
        margin-right: 10px;
    }
    [dir=rtl] .profile-header .options > :not(:last-child) {
        margin-left: 10px;
        margin-right: 0;
    }
}

.user-profile-actions {
    width: 100%;
    margin-bottom: 15px;
}

.profile-header .description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 15px 0;
    flex-basis: 100%;
}

.profile-stats {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

.profile-stats .stat {
    display: flex;
    margin-bottom: 10px;
}

.profile-stats .stat-label {

    flex: 0 0 100px;
    margin-right: 10px;
}
[dir=rtl] .profile-stats .stat-label {
    margin-left: 10px;
    margin-right: 0;
}

.profile-stats-activity {
    border-top: solid 1px #ddd;
    margin-top: 15px;
}
@media (min-width: 768px) {
    .profile-stats-activity {
        border-top: 0;
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .profile-stats-activity .stat {
        flex-direction: column;
    }
}

.profile-stats-activity .stat:first-child {
    margin-top: 10px;
}
@media (min-width: 768px) {
    .profile-stats-activity .stat:first-child {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .profile-stats-activity .stat:not(:last-child) {
        margin-right: 40px;
    }
    [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
        margin-left: 40px;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .profile-stats-activity .stat-label {
        flex: 0 1 auto;
    }
}

.profile-stats-counters {
    border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
    .profile-stats-counters {
        flex: 0 0 200px;
        border-bottom: 0;
        margin-left: 40px;
    }
    [dir=rtl] .profile-stats-counters {
        margin-left: 0;
        margin-right: 40px;
    }
}
@media (min-width: 1024px) {
    .profile-stats-counters {
        flex: 0 0 270px;
        margin-left: 60px;
    }
    [dir=rtl] .profile-stats-counters {
        margin-right: 60px;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .profile-stats-counters .stat {
        flex-direction: column;
    }
}
@media (min-width: 1024px) {
    .profile-stats-counters .stat {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .profile-stats-counters .stat:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .profile-stats-counters .stat-label {
        flex: 0 1 auto;
    }
}
@media (min-width: 1024px) {
    .profile-stats-counters .stat-label {
        flex: 0 0 100px;
    }
}

.profile-private-badge {
    flex-basis: 100%;
    border-radius: 4px;
    padding: 5px 20px;
    font-size: 12px;
    text-align: center;
}
.profile-private-badge .profile-private-icon {
    margin-left: 5px;
    line-height: 15px;
}
@media (min-width: 768px) {
    .profile-private-badge {
        flex-basis: auto;
    }
}

.profile-nav {

    margin-bottom: 37px;
}

.profile-section {
    width: 100%;
}
@media (min-width: 1024px) {
    .profile-section {
        width: calc(100% - 330px);
    }
}

.profile-section-header {
    display: flex;
    flex-wrap: wrap;
}

.profile-section-title {
    flex-basis: 100%;
    margin-bottom: 0;
}

.profile-section-description {
    flex-basis: 100%;
    padding: 10px 0;

    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 768px) {
    .profile-section-description {
        flex: 1 0 50%;
        padding-bottom: 0;
    }
}

.profile-section-sorter {
    flex-basis: 100%;
    border-top: solid 1px #eee;
    font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
    padding: 10px 0;
    width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
    position: absolute;
    right: 0;
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
    left: 0;
    right: initial;
}
@media (min-width: 768px) {
    .profile-section-sorter .dropdown-toggle::after {
        position: relative;
    }
}
@media (min-width: 768px) {
    .profile-section-sorter {
        flex: 0 1 auto;
        padding-top: 0;
        border-top: 0;
        margin-left: 20px;
    }
    [dir=rtl] .profile-section-sorter {
        margin-left: 0;
        margin-right: 20px;
    }
}

.profile-badges-items {
    margin-top: 25px;
}
.profile-badges-item {
    border-top: 1px solid #ddd;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-start;
    padding: 27px 12px;
}
.profile-badges-item > div {
    padding-right: 12px;
    padding-left: 12px;
}
.profile-badges-item-image {
    height: 40px;
    width: 40px;
    margin-right: 12px;
}
.profile-badges-item-image img {
    max-height: 40px;
}
[dir=rtl] .profile-badges-item-image {
    margin-left: 12px;
    margin-right: 0;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
    font-size: 15px;
    margin-bottom: 10px;
}
.profile-badges-item-title {
    font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {

    font-size: 13px;
    margin: 0;
}
.profile-badges-item-metadata {
    margin-left: auto;
    text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.profile-contribution {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    padding: 20px 0;
    position: relative;
}

.profile-contribution-header {
    margin-bottom: 5px;
}

.profile-contribution-title {
    margin: 0 0 5px 0;
    display: inline;
    line-height: 21px;
    font-size: 15px;
    vertical-align: middle;
}

.profile-contribution-body {
    margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
    border-top: 1px solid #eee;
}
@media (min-width: 768px) {
    .profile-contribution-list > .profile-contribution {
        padding-left: 30px;
    }
    [dir=rtl] .profile-contribution-list > .profile-contribution {
        padding-right: 30px;
        padding-left: 0;
    }
}

.profile-contribution-list > .profile-contribution:last-child {
    border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
    left: 0;
    position: absolute;
    color: #ccc;
    line-height: 25px;
}
[dir=rtl] .profile-contribution-icon {
    right: 0;
}
.profile-contribution-icon svg {
    vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
    margin-left: 30px;
}
[dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 30px;
    padding-left: 0;
}
@media (min-width: 768px) {
    .profile-contribution-list .profile-contribution-header {
        margin-left: 0;
    }
    [dir=rtl] .profile-contribution-list .profile-contribution-header {
        padding-right: 0;
    }
}

.profile-comments .profile-contribution-breadcrumbs {
    margin-left: 30px;
}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 30px;
    padding-left: 0;
}
@media (min-width: 768px) {
    .profile-comments .profile-contribution-breadcrumbs {
        margin-left: 0;
    }
    [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
        padding-right: 0;
    }
}

.profile-section .no-activity,
.profile-section .private-activity {
    display: block;
    margin-top: 40px;
    color: #999;
}

.private-activity-icon {
    margin-right: 10px;
}
[dir=rtl] .private-activity-icon {
    margin-right: 0;
    margin-left: 10px;
}

.profile-activity-list {
    margin-top: 25px;
}

.profile-activity {
    position: relative;
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    .profile-activity {
        padding-left: 20px;
    }
    [dir=rtl] .profile-activity {
        padding-right: 20px;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .profile-activity:not(:last-child) {
        border-left: 1px solid #ddd;
    }
    [dir=rtl] .profile-activity:not(:last-child) {
        border-left: 0;
        border-right: 1px solid #ddd;
    }
}

.profile-activity-header {
    display: flex;
    align-items: center;
    margin-left: 35px;
}
[dir=rtl] .profile-activity-header {
    margin-left: 0;
    margin-right: 35px;
}
@media (min-width: 768px) {
    .profile-activity-header {
        margin-left: 0;
    }
    [dir=rtl] .profile-activity-header {
        margin-right: 0;
    }
}

.profile-activity-header .user-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    min-width: 40px;
    align-self: flex-start;
}
[dir=rtl] .profile-activity-header .user-avatar {
    margin-left: 10px;
    margin-right: 0;
}

.profile-activity-description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 0;
    min-width: 0;
    width: 100%;
}

.profile-activity-description span:first-child {
    font-weight: 600;
    display: inline;
}

.profile-activity-contribution {
    padding: 20px;
    margin-top: 10px;
    border-radius: 8px;
}
@media (min-width: 768px) {
    .profile-activity-contribution {
        margin-top: 0;
        margin-left: 50px;
    }
    [dir=rtl] .profile-activity-contribution {
        margin-left: 0;
        margin-right: 50px;
    }
}

.profile-activity-icon {
    position: absolute;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-size: 14px 14px;
    background-repeat: no-repeat;

    background-position: 50% 50%;
    text-align: center;
    color: #ccc;
}
[dir=rtl] .profile-activity-icon {
    right: 0;
}
@media (min-width: 768px) {
    .profile-activity-icon {
        left: -14px;
    }
    [dir=rtl] .profile-activity-icon {
        right: -14px;
    }
}

.profile-activity-icon svg {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    margin: auto;
}

/***** Search results *****/
.search-results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (min-width: 1024px) {
    .search-results {
        flex-direction: row;
    }
}
.search-results-column {
    flex: 1;
}
@media (min-width: 1024px) {
    .search-results-column {
        flex: 0 0 75%;
    }
}
.search-results-sidebar {
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
}
@media (min-width: 1024px) {
    .search-results-sidebar {
        border: 0;
        flex: 0 0 20%;
        height: auto;
    }
}
.search-results-sidebar .sidenav-item {
    border-radius: 4px;
    padding: 10px 36px;
    margin-bottom: 4px;

}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
    background-color: #e9ebed;
    text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
    unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
    background: #E9EBED;
    border-radius: 4px;
    padding: 4px 12px;
    text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.000427656px;
    color: #49545C;
    flex-grow: 0;
    vertical-align: middle;
    display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
    color: #555555;
    vertical-align: middle;
    display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
    margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
    display: none;
}
@media (min-width: 1024px) {
    .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
        display: block;
    }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
    display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
    color: #929292;
}
.search-results-sidebar .see-all-filters {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 10px;

}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
    display: none;
}
.search-results-sidebar .see-all-filters:hover {
    text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
    content: " ⌄";
    font-weight: bold;
}
.search-results-subheading {
    font-size: 18px;
    font-weight: 600;
}
.search-results-list {
    margin-bottom: 25px;
}
.search-results-list > li {
    padding: 20px 0;
}
.search-results-list > li:first-child {
    border-top: 1px solid #ddd;
}
.search-results .no-results {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 15rem;
}
.search-results .no-results .headline {
    color: #2F3941;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
    color: #68737D;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.154px;
}

.search-result-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search-result-title {
    font-size: 16px;
    margin-bottom: 0;
}
.search-result-votes, .search-result-meta-count {

    font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {

    vertical-align: middle;
    width: 13px;
    height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
    margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
    margin-right: 20px;
}
.search-result-meta-container {
    color: #929292;
    display: flex;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .search-result-meta-container {
        flex-direction: row;
        align-items: center;
    }
}
@media (min-width: 1024px) {
    .search-result-meta-container nav {
        flex: 1;
    }
}
@media (min-width: 1024px) {
    [dir=ltr] .search-result-meta-container .meta-data {
        margin-left: 20px;
    }
}
@media (min-width: 1024px) {
    [dir=rtl] .search-result-meta-container .meta-data {
        margin-right: 20px;
    }
}
.search-result-meta-container .meta-data::after {
    content: none;
}
.search-result-breadcrumbs {
    margin: 0;
}
.search-result-description {
    margin-top: 10px;
    margin-bottom: 0;
    word-break: break-word;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
    font-style: normal;
    font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
    font-style: normal;
    background: yellow;
}

/***** Notifications *****/
.notification {
    border: 1px solid;
    display: table;
    font-family: sans-serif;
    font-size: 12px;
    padding: 13px 15px;
    transition: height 0.2s;
    width: 100%;
    color: #555;
}

.notification a {
    color: #158ec2;
}

.notification-inner {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px;
}

.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss {
    display: table-cell;
    vertical-align: middle;
}

.notification-text {
    padding: 0 15px;
    width: 100%;
}

.notification + .notification {
    margin-bottom: -1px;
    position: relative;
    top: -1px;
}

/* Error */
.notification-error {
    background: #ffeded;
    border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
    background: #dbf3ff;
    border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
    color: #ad5e18;
    background: #fff8ed;
    border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
    background-size: cover;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
    color: #555;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 100ms ease;
    text-decoration: none !important;
}

.notification-dismiss:hover {
    opacity: 1;
}

/* Inline notifications */
.notification-inline {
    border-radius: 4px;
    line-height: 14px;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
[dir=rtl] .notification-inline {
    text-align: right;
}
.notification-inline[aria-hidden=true] {
    display: none;
}
.notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
    margin: -2px 5px 0 0;
}
[dir=rtl] .notification-inline.notification-error::before {
    margin: 0 0 0 5px;
}
.notification-inline.notification-error {
    background-color: #fff0f1;
    border: 1px solid #e35b66;
    color: #cc3340;
}
.notification-inline.notification-large {
    padding: 13px 15px;
    margin-bottom: 25px;
}

.notification-left-aligned {
    text-align: left;
    padding-left: 0;
}

html[dir=rtl] .notification-left-aligned {
    text-align: right;
    padding-right: 0;
}

.dropdown {
    position: relative;
    display: inline-block;
}
.header-area .minicart-wrapper .action.showcart>.counter.qty{
    background-color: #628192;
}
.checkout-cart-index .action-edit{
    display: none;
}
.checkout-cart-index .page-title-wrapper{
    padding: 60px 0 40px 0;
}
.checkout-cart-index .page-main .cart.table-wrapper .items>.item .product-item-details .item-actions a+a{
    margin-left: 0px;
}
.cart.table-wrapper .item-options{
    color: #565653;
}
.table-wrapper table tbody tr td .control.qty{
    border-radius: 4px;
    width: 35px;
    height: 35px;
    background: #f8f9fa;
    border-color: #f8f9fa;
    color: #565653;
    font-size: 18px;
}
.cart.table-wrapper .product-item-name a{
    font-size: 16px;
    line-height: 1.4;
    font-family: Lato;
    font-weight: 600;
    letter-spacing: .6px;
    color: #565653;
}
.cart.table-wrapper .items thead+.item{
    border-top: 0;
}
.table-wrapper table thead tr th{
    font-weight: 700;
    color: #565653;
}
.cart .product-item-name{
    margin: 0;
}
.cart *+dl{
    margin-top: 10px;
}
.checkout-cart-index .page-main .cart.table-wrapper table tbody tr td .price,
.cart .price-including-tax, .cart .price-excluding-tax{
    font-size: 16px;
    color: #565653;
    line-height: 35px;
}
textarea, select, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"]{
    font-family: Lato;
}
.abs-product-link>a:hover, .product-item-name>a:hover{
    color: #628192;
}
.cart.table-wrapper .item-options dt{
    letter-spacing: 0.4px;
}
.cart.table-wrapper .item-options dd{
    margin-bottom: 4px;
    letter-spacing: 0.4px;
}

.fa-trash:before{
    color: #628192;
    font-size: 18px;
}
.table-wrapper table tbody tr td{
    vertical-align: top;
}
.dropdown-toggle {
    cursor: pointer;
    background: none;
    border: 0;
    display: inline-block;
    padding: 0;
    text-align: initial;
    vertical-align: middle;
}
.dropdown-toggle:hover {
    text-decoration: none;
}
.dropdown-toggle > * {
    display: inline-block;
}
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
    display: block;
}
.checkout-cart-index .breadcrumbs{
    display: none;
}
.dropdown-menu {
    background: #fff;
    border: 1px solid #d8dcde;
    border-radius: 3px;
    box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    margin-top: 1px;
    min-width: 170px;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    z-index: 1000;
}
[dir=rtl] .dropdown-menu {
    text-align: right;
}
.dropdown-menu [role=separator] {
    border-bottom: 1px solid #e9ebed;
    margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
    color: #2f3941;
    cursor: pointer;
    display: block;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    text-align: start;
    line-height: inherit;
    width: 100%;
}
[dir=rtl] .dropdown-menu [role=menuitem],
[dir=rtl] .dropdown-menu [role=menuitemradio] {
    padding: 7px 20px 7px 40px;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
    background: rgba(31, 115, 183, 0.08);
    text-decoration: none;
    color: #2f3941;
}
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
    cursor: default;
}
.dropdown-menu [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    height: 12px;
    margin-left: 10px;
    width: 12px;
}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
    margin-left: 0;
    margin-right: 10px;
    float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
    display: none !important;
}

.dropdown-menu-end {
    left: auto;
    right: 0;
}

.dropdown-menu-top {
    bottom: 100%;
    margin-bottom: 1px;
}

[dir=rtl] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}
[dir=rtl] .dropdown-menu-end {
    left: 0;
    right: auto;
}

.dropdown-chevron-icon {
    vertical-align: middle;
}

.content-tags > p {
    color: #68737D;
    margin-top: 32px;
    margin-bottom: 4px;
}
.content-tags-add-hint {
    color: #68737D;
    font-size: 14px;
}

.content-tag-list {
    display: flex;
    flex-wrap: wrap;
    word-break: break-word;
}
.content-tag-list li {
    border-right: 1px solid #C2C8CC;
    margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
    padding-right: 8px;
    margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
    padding-left: 8px;
    margin-left: 8px;
}
.content-tag-list li:last-child {
    border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
    border: 1px solid #87929D;
}

/***** Upload Dropzone *****/
.upload-dropzone {
    border: 1px solid #87929D;
}


/**** Footer1 ****/

.footer1 a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.footer1 img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.footer1 a {
    color: #004ea0;
    text-decoration: none;
}
.footer1 a:hover,  .footer1 a:focus {
    color: #002954;
    text-decoration: underline;
}
.footer1 [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.footer1 .span4 {
    width: 300px;
}
.footer1 .row-fluid {
    width: 100%;
    *zoom: 1;
}
.footer1 .row-fluid:before,  .footer1 .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}
.footer1 .row-fluid:after {
    clear: both;
}
.footer1 .row-fluid [class*="span"] {
    display: block;
    min-height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.12765957%;
    *margin-left: 2.07446809%;
}
.footer1 .row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.footer1 .row-fluid .span4 {
    width: 31.91489362%;
    *width: 31.86170213%;
}
.footer1 .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
    max-width: 1200px;
    margin: auto;
}
.footer1 .container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}
.footer1 .container-fluid:after {
    clear: both;
}
.footer1 p {
    margin: 0 0 12px;
}
.footer1 strong {
    font-weight: bold;
}
.footer1 .text-center {
    text-align: center;
}
.footer1 p.h1 {
    margin: 0;
    padding: 10px 0;
    font-weight: normal;
    font-size: 2.25rem;
    line-height: 1.34em;
}

.products-grid .product-item {
    display: inline-block;
    padding: 0 0 0 15px;
}
#maincontent .mgs-products.products-grid .product-item {
    margin: 0 0 70px 0;
}
.filter-toggle{
    display: none !important;
}

.breadcrumbs .items li:first-child{
    display: none;
}
.products {
    margin: 10px 0 0 0;
}
a.product-item-link{
    color: #565653;
}
.products-grid .price-details{
    display: none;
}
.products-grid .product.name{
    margin-bottom: 10px;
    margin-top: 5px;
}
.grid_shortdesc{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #565455;
    font-family: Lato;
    font-weight: 400;
}
.abpreis{
    font-size: 16px;
    line-height: 1.4;
    font-family: Lato;
    font-weight: 600;
    letter-spacing: .6px;
    color: #565653 !important;
}
.limiter{
    display: none !important;
}


@media (min-width: 1600px) {
    .width1366 .page-main>.columns, .width1366 .navigation, .width1366 .breadcrumbs .items, .width1366 .page-header .header.panel, .width1366 .page-wrapper>.widget, .width1366 .page-wrapper>.page-bottom, .width1366 .block.category.event, .width1366 .top-container {
        max-width: 1600px !important;
    }
}
@media (max-width: 1600px) {
    .width1366 .page-main>.columns, .width1366 .navigation, .width1366 .breadcrumbs .items, .width1366 .page-header .header.panel, .width1366 .page-wrapper>.widget, .width1366 .page-wrapper>.page-bottom, .width1366 .block.category.event, .width1366 .top-container {
        max-width: 100% !important;
    }
}
@media (min-width: 1200px) {
    body.width1366 .frame, body.width1366 .page-main, body.width1366 .breadcrumbs .items, body.width1366 .page.messages .messages {
        max-width: 1600px !important;
    }
}
@media (min-width: 1200px) {
    .footer1 [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }
    .footer1 .span4 {
        width: 370px;
    }
    .footer1 .row-fluid {
        width: 100%;
        *zoom: 1;
    }
    .footer1 .row-fluid:before,  .footer1 .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }
    .footer1 .row-fluid:after {
        clear: both;
    }
    .footer1 .row-fluid [class*="span"] {
        display: block;
        min-height: 34px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.56410256%;
        *margin-left: 2.51091107%;
    }
    .footer1 .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    .footer1 .row-fluid .span4 {
        width: 31.62393162%;
        *width: 31.57074013%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .footer1 [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px;
    }
    .footer1 .span4 {
        width: 228px;
    }
    .footer1 .row-fluid {
        width: 100%;
        *zoom: 1;
    }
    .footer1 .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }
    .footer1 .row-fluid:after {
        clear: both;
    }
    .footer1 .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 34px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.76243094%;
        *margin-left: 2.70923945%;
    }
    .footer1 .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    .footer1 .row-fluid .span4 {
        width: 31.49171271%;
        *width: 31.43852122%;
    }
}
@media (max-width: 767px) {
    .footer1 .container-fluid {
        padding: 0;
    }
    .footer1 .row-fluid {
        width: 100%;
    }
    .footer1 [class*="span"],  .footer1 .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .footer1 [class*="span"],  .footer1 .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .footer1 .custom.contact-footer, .footer1 .custom.seo-text {
        padding: 0 20px;
    }
}
.footer1 p {
    font-size: 1em;
    line-height: 1.5em;
}
.footer1 .likeh3 {
    padding: 0;
    margin: 0 0 10px 0;
}
.footer1 .likeh3 {
    font-size: 1.429em;
    line-height: 1.2em;
}
.footer1 strong {
    font-weight: normal;
}
@media (max-width: 767px) {
    .footer1 .contact {
        height: auto;
        margin-bottom: 25px;
    }
}
.footer1 .contact .moduletable.contact-footer {
    padding: 20px 0;
    background: #004ea0;
    margin-bottom: 30px;
    min-height: 322px;
}
@media (max-width: 767px) {
    .footer1 .contact .moduletable {
        width: 100%;
        margin-left: 0;
        left: 0;
    }
}
.footer1 .contact .moduletable.seo-text {
    text-align: center;
    margin: 60px 0 30px;
}
.footer1 .contact .moduletable.seo-text p {
    font-size: 1.5rem;
    line-height: 1.25em;
    margin-bottom: 0;
}
@media (max-width: 979px) {
    .footer1 .contact .moduletable.seo-text p {
        font-size: 1.286em;
    }
}
@media (max-width: 767px) {
    .footer1  .footer1 .contact .moduletable.seo-text p {
        font-size: 1em;
    }
}
@media (max-width: 767px) {
    .footer1 .contact .moduletable.seo-text {
        margin: 30px 0;
    }
}
.footer1 .contact .contact-footer {
    position: relative;
    padding: 0;
}
.footer1 .contact .contact-footer .likeh3 {
    margin-top: 0;
    padding: 10px 0;
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.34em;
}
@media (max-width: 1023px) {
    .footer1 .contact .contact-footer .likeh3 {
        font-size: 1.9rem;
    }
}
@media (max-width: 979px) {
    .footer1 .contact .contact-footer .likeh3 {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    .footer1 .contact .contact-footer .likeh3 {
        font-size: 1.9rem;
        margin-bottom: 5px;
    }
}
@media (max-width: 320px) {
    .footer1 .contact .contact-footer .likeh3 {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .footer1 .contact .contact-footer .contactImage {
        display: none;
    }
}
.footer1 .contact .contact-footer .contactImage img {
    width: 300px;
    max-width: 100%;
    position: relative;
    bottom: -70px;
}
.footer1 .contact .tel {
    margin-bottom: 30px;
    padding-top: 0;
    color: #fff !important;
    font-size: 2.1rem;
}
.footer1 .contact .tel a {
    text-decoration: none;
    color: #fff;
}
.footer1 .contact .tel a:hover {
    opacity: 0.7;
}
@media (max-width: 1023px) {
    .footer1 .contact .tel {
        font-size: 1.9rem;
    }
}
@media (max-width: 979px) {
    .footer1 .contact .tel {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    .footer1 .contact .tel {
        margin-bottom: 10px;
        font-size: 1.9rem;
    }
}
@media (max-width: 320px) {
    .footer1 .contact .tel {
        margin-bottom: 5px;
    }
}
.footer1 .contact .links {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .footer1 .contact .links {
        margin-bottom: 10px;
    }
}
.footer1 .contact .links a {
    display: inline-block;
    color: #fff;
    text-align: center;
    margin: 0 5px;
    width: 60px;
}
.footer1 .contact .links a:hover {
    text-decoration: none;
}
@media (max-width: 320px) {
    .footer1 .contact .links a {
        width: 45px;
        margin: 0 2px;
    }
}
.footer1 .contact .links img {
    display: block;
    margin: 0 auto 10px;
}
@media (max-width: 767px) {
    .footer1 .contact .links img {
        width: 32px;
    }
}
@media (max-width: 320px) {
    .footer1 .contact .links img {
        width: 26px;
        margin-bottom: 5px;
    }
}
.footer1 .contact .links a:hover {
    opacity: 0.7;
}
.footer1 .contact .socialMedia {
    text-align: center;
    margin-top: 80px;
}
@media (max-width: 767px) {
    .footer1 .contact .socialMedia {
        position: initial;
        margin: 26px 0 0 0;
    }
}
.footer1 .contact .socialMedia a {
    display: block;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .footer1 .contact .socialMedia a {
        margin: 0 20px;
        display: inline-block;
    }
    .footer1 .contact .socialMedia a:first-child {
        margin-left: 0;
    }
    .footer1 .contact .socialMedia a:last-child {
        margin-right: 0;
    }
}
.footer1 .contact .socialMedia a:hover {
    opacity: 0.7;
}
@media (max-width: 767px) {
    .footer1 .contact .socialMedia img {
        width: 32px;
    }
}
@media (max-width: 320px) {
    .footer1 .contact .socialMedia img {
        width: 26px;
    }
}
.footer1 * {
    padding: 0;
    margin: 0;
}
@media (min-width: 1200px) {
    .footer1  .footer1 .container-fluid {
        max-width: 1160px;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .footer1 .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}

.footer1 footer, .footer1 nav {
    display: block;
}

.footer1 ul {
    padding: 0;
    margin: 0 0 12px 25px;
}
.footer1 ul ul {
    margin-bottom: 0;
}
.footer1 li {
    line-height: 24px;
}
.footer1 ul.unstyled {
    margin-left: 0;
    list-style: none;
}
.footer1 .nav {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.footer1 .nav > li > a {
    display: block;
}
.footer1 .nav > li > a:hover, .footer1 .nav > li > a:focus {
    text-decoration: none;
    background-color: #e7e7e7;
}
.footer1 .accordion {
    margin-bottom: 24px;
}

ul.nav.menu.accordion {
    display: flex;
    justify-content: center;
}

@media (max-width: 1200px) {
    .footer1 .wrap1 {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .footer1 .footer {
        padding: 0 20px;
    }
    ul.nav.menu.accordion {
        display: block;
    }
}
.footer1 ul {
    margin: 0 0 12px 20px;
}
.footer1 ul li {
    margin-bottom: 6px;
    line-height: 1.7em;
}

.footer1 .footer .policy {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .footer1  .footer .policy {
        text-align: center;
    }
}
.footer1 .footer .copyright {
    min-height: 91px;
}
* {
    padding: 0;
    margin: 0;
}
.bottom-nav {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bottom-nav .menu {
    *zoom: 1;
    margin-bottom: 0;
}
.bottom-nav .menu:before, .bottom-nav .menu:after {
    display: table;
    content: "";
    line-height: 0;
}
.bottom-nav .menu:after {
    clear: both;
}
@media (max-width: 767px) {
    .bottom-nav .menu {
        text-align: left;
        margin-left: 0;
    }
}
.bottom-nav .menu li {
    line-height: 1.57em;
    margin-bottom: 0;
}
.bottom-nav .menu > li {
    text-align: left;
    vertical-align: top;
    position: relative;
}
.bottom-nav .menu > li > a {
    color: #004EA0;
    display: inline;
}
.bottom-nav .menu > li > a:hover {
    background: none;
    text-decoration: underline;
}
.bottom-nav .menu > li .nav-child > li {
    display: block;
    width: auto;
    height: auto;
    margin-right: 0;
}
.bottom-nav .menu > li .nav-child > li > a:hover {
    text-decoration: underline;
}
@media (max-width: 1200px) {
    .bottom-nav .menu > li .wrap1 {
        padding: 0;
    }
}
@media (max-width: 767px) {
    .bottom-nav .menu > li.parent .wrap1 {
        display: none;
    }
    .bottom-nav .menu > li.parent .opener:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f078";
        color: #004ea0;
        position: absolute;
        right: 0px;
        top: 25px;
        width: 50px;
        height: 20px;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
    }
    .bottom-nav .menu > li .nav-child > li {
        padding: 10px 0;
        border-bottom: 1px solid #fff;
        background: rgba(0, 78, 160, 0.8);
    }
    .bottom-nav .menu > li .nav-child > li > a {
        padding: 10px 10px;
        color: #fff;
        display: block;
    }
    .bottom-nav .menu > li .nav-child li:last-child {
        border-bottom: 0;
    }
}
@media (max-width: 480px) {
    .bottom-nav .menu > li {
        margin: 0;
    }
}
@media (max-width: 1023px) and (min-width: 767px) {
    .bottom-nav .menu.accordion > li.span2 {
        width: 22.9256775%;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .bottom-nav .menu.accordion > li.span2:nth-child(4n+5) {
        clear: left;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .bottom-nav .menu.accordion > li {
        width: auto;
        margin-bottom: 15px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border-radius: 10px;
        border: 0px solid rgba(255, 255, 255, 0.10);
        padding: 0px;
    }
    .bottom-nav .menu.accordion > li > a {
        display: block;
        padding: 20px 0px 20px 20px;
        margin-right: 40px;
    }
}
.bottom-nav .meta-nav {
    text-align: center;
    margin-top: 40px;
}
.bottom-nav .meta-nav .menu {
    display: inline-block;
    margin: 0 auto;
}
.bottom-nav .meta-nav .menu li {
    float: left;
    margin: 0 15px;
}
.bottom-nav .meta-nav .menu li a {
    text-transform: none;
}
@media (max-width: 767px) {
    .bottom-nav .meta-nav .menu li a {
        font-size: 0.857em;
    }
}
.bottom-nav {
    margin: 30px auto;
}
@media (min-width: 1200px) {
    .container-fluid {
        max-width: 1160px;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}
.footer1 .small {
    font-size: 11px;
}

@media (min-width: 1024px) {
    .row-fluid .span2 {
        width: 14.52991453%;
    }
}

.search-header {
    position: relative;
}

/*** Header ***/
ul.user-nav-list-left {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
}
.nav-wrapper-desktop {
    margin-left: auto;
}
img.search-header-img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(5722%) hue-rotate(199deg) brightness(95%) contrast(101%);
}
li.search-li {
    padding: 16px 16px;
    display: flex;
    width: fit-content;
    background: #E0F0FF;
    border-radius: 5px;
}
.user-nav-list {
    display: flex;
    align-items: center;
}
li.search-li:hover {
    cursor: pointer;
}
ul.user-nav-list-left li {
    margin-right: 16px;
}
ul.user-nav-list-left li a{
    color: #182F43;
    padding: 0;
    margin: 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 90px;
    font-weight: 400;
}
.logo {
    margin-right: 15px;
}
ul.user-nav-list li a {
    font-size: 18px;
}
li.hilfe-kontakt, li.kunderportal {
    display: flex;
    align-items: center;
}
li.hilfe-kontakt img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(5722%) hue-rotate(199deg) brightness(95%) contrast(101%);
    margin-right: 5px;
    width: 25px;
}
li.kunderportal {
    padding: 10px 15px;
    background: #004EA0;
    border-radius: 5px;
    margin-right: 5px;
}
li.kunderportal img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(328deg) brightness(102%) contrast(101%);
    margin-right: 6px;
    width: 20px;
}
a.web-link-button {
    padding-right: 0;
    color: #fff;
}
li.kunderportal a:hover {
    color: #fff;
}

.search-hero form.search.search-full ::placeholder {
    color: #004EA0;
}

@media (min-width: 1160px) {
    .header {
        padding: 0%;
    }
}
@media (max-width: 1160px) {
    .header {
        padding: 2%;
    }
}
@media (max-width: 1251px) {
    .header {
        padding: 0;
    }
}
@media (max-width: 767px) {
    .header {
        height: 118px !important;
    }

    .nav-wrapper-desktop {
        display: none;
    }

    .nav-wrapper-links {
        display: none;
    }

    .nav-wrapper-mobile {
        display: flex;
        margin-left: auto;
    }

    .nav-wrapper-mobile .menu-button-mobile {
        min-width: 43px;
    }

    .nav-wrapper-mobile .menu-button-mobile .icon-menu {
        width: 35px;
        height: 35px;
    }

    .nav-wrapper-mobile .menu-list-mobile {
        top: 90px;
    }

    ul.menu-list-mobile-items {
        padding: 10px 0px;
    }

    .nav-wrapper-mobile .menu-list-mobile-items a.web-link, .nav-wrapper-mobile .menu-list-mobile-items a.web-link-button {
        padding-left: 0px;
    }

    li.kunderportal {
        background: transparent;
        border-radius: 0px;
        margin-right: 0px;
    }

    li.kunderportal img {
        filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(5722%) hue-rotate(199deg) brightness(95%) contrast(101%);
    }

    li.kunderportal a:hover {
        color: inherit;
    }
}
.search-hero {
    position: relative;
}

.hero .search {
    border-radius: 5px;
}

.hero-title {
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: 45px;
    color: #004ea0;
    font-weight: 700;
    line-height: 62px;
}

.hero .search input[type=search], .hero .search .clear-button {
    border-radius: 5px;
}

.hero .search .clear-button {
    display: none;
}

.search-icon {
    left: auto;
    right: 15px;
}

.hero .search input[type=search] {
    padding-left: 20px;
    padding-right: 10px;
}

/*.hero {
position: relative;
height: 350px;
padding: 0 20px;
text-align: center;
width: 100%;
background: linear-gradient(270deg, rgba(246, 250, 255, 0.00) 45%, rgba(246, 250, 255, 0.90) 96%, #F6FAFF 25%), url($homepage_background_image) no-repeat right;
background-color: #f6fafff2;
background-size: 52%;
background-position: left 38%;
}*/
.hero {
    position: relative;
    padding: 0 20px;
    text-align: center;
    /* background-color: #f6fafff2; */
    display: flex;
    flex-wrap: wrap;
}

img.hero-img-mobile {
    display: none;
}

img.hero-img-desktop {
    max-height: 500px;
    width: auto;
    max-width: 100%;
    position: relative;
}

.hero-title-search {
    width: 70%;
    margin-left: 27px;
}

.hero-img-div {
    margin-left: -150px;
}

.hero-img-div:before {
    content: '';
    width: 160px;
    height: 420px;
    position: absolute;
    background: linear-gradient(90deg, #fffffff2 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 99;
}

.blocks-item {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
    border: 0px solid rgba(255, 255, 255, 0.10);
    padding: 0px;
    text-align: left;
    margin: 0 10px 30px;
    flex: 1 0 235px;
}

.blocks-item-image {
    max-height: 68px;
    margin-left: auto;
    margin-right: auto;
}

span.blocks-item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #004EA0;
    margin-bottom: 10px;
}

.blocks-item-link {
    padding: 0;
}

img.subtitle-arrow {
    height: 15px;
    margin-left: 10px;
}

.subtitle-section {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #C0E1FF;
    width: fit-content;
    margin-top: 5px;
}

.image-section {
    display: flex;
    padding: 30px 20px 30px;
    background: #E0F0FF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.text-section {
    padding: 20px;
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
    background-color: inherit;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
    color: inherit;
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
    -webkit-transform: scale(1.035);
    transform: scale(1.035);
    z-index: 2;
    transition-duration: 220ms;
}

@media (min-width: 768px) {
    .section {
        margin-bottom: 80px;
    }

    section.section.knowledge-base {
        margin-bottom: 50px;
    }
}

/*** promoted articles ***/
p.body-promoted {
    display: none;
    margin: 36px 0 30px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.promoted-articles {
    flex-direction: column;
    max-width: 793px;
}

.promoted-articles-item {
    align-self: flex-start;
    width: 100%;
    padding-right: 0;
    padding-top: 24px;
    margin-bottom: 8px;
    padding: 10px 16px 10px 16px;
    background: #fff;
    padding: 12px 16px;
    border-radius: 8px;
}

.promoted-container {
    margin: auto;
}

.promoted-container .articles h2 {
    color: #004ea0;
    font-size: 48px;
    font-weight: 700;
    line-height: 62px;
}

p.title-promoted {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #6B6B6B;
    display: flex;
    align-items: center;
}

section.articles h3 {
    font-size: 48px;
    font-weight: 400;
    line-height: 62px;
    color: #004ea0;
    margin: 0 auto 40px;
}

.promoted-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

li.promoted-articles-item:hover {
    cursor: pointer;
}

.active-promoted p.title-promoted {
    /* font-weight: 700; --> */
}

.arrow-minus {
    display: none;
}

.promoted-section {
    padding: 120px 0 150px;
    background-color: transparent !important;
    background-size: cover;
    background-position: center calc(100% + 0px);
    background-repeat: no-repeat;
}

img.arrow-plus {
    padding: 11px 5px;
    width: 28px;
    transition: transform 0.3s ease;
    height: 100%;
}

li.promoted-articles-item.active-promoted img.arrow-plus {
    transform: rotate(180deg);
}

.image-promoted {
    background-size: 250px;
    width: 27%;
}

.promoted-container section.articles {
    width: 100%;
    margin-bottom: 30px;
}

.list-promoted {
    width: 100%;
    display: flex;
}

.promoted-articles {
    flex: 50%;
}

@media (max-width: 1024px) {
    .image-promoted {
        display: none;
    }
}

ul.header-list {
    display: flex;
    flex-wrap: wrap;
}

li.header-link {
    margin: 0 24px 0 0;
    font-size: 16px;
}

li.header-link a {
    color: #6B6B6B;
    font-weight: normal;
}

.header-categories {
    padding: 10px 0;
    background: #e0efff;
}

li.interessierte.active-link a, li.versicherte.active-link a, li.tierarztpraxen.active-link a, li.businesskontakte.active-link a, li.ubersicht.active-link a {
    color: #004ea0;
    border-bottom: 2px solid #004ea0;
}

.header-list li a {
    text-decoration: none;
}

li.blocks-item {
    display: none;
}

.image-head-of-customer img {
    width: 150px;
    border-radius: 50%;
}

.info-head-of-customer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 20px;
}

.details-about-head-of-customer {
    max-width: 606px;
    background: #fcf5ed;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

.image-head-of-customer p {
    max-width: 300px;
    text-align: center;
}

.image-head-of-customer p span {
    font-weight: 700;
}

.image-head-of-customer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

p.title-details-worker {
    font-weight: 700;
    margin-bottom: 5px;
}

.text-employee {
    margin-left: 40px;
}

.text-employee.details-about-fischer {
    margin-left: 50px;
}

p.description-text-worker a {
    color: #004ea0;
    text-decoration: underline;
}

a.button-head-of-customer, a.button-promoted-articles {
    padding: 12px 24px;
    background-color: #004ea0;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    border-radius: 6px;
    display: block;
    width: fit-content;
}

p.description-text-worker {
    margin-bottom: 20px;
}

.details-about-head-of-customer::after {
    content: '';
    position: absolute;
    left: -15px;
    top: 19px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 16px solid #fcf5ed;
    border-bottom: 13px solid transparent;
}

/*** footer-contact ***/
.footer-contact .blocks-item {
    text-align: center;
    flex: 1 0 202px;
    background: #fff;
}

.footer-contact .image-section {
    padding: 20px
}

.footer-contact span.blocks-item-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0px;
    text-align: left;
}

.footer-contact .text-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.footer-contact .blocks-item-image {
    max-height: 48px;
}


.blocks-item-image {
    filter: brightness(0) saturate(100%) invert(17%) sepia(90%) saturate(2687%) hue-rotate(199deg) brightness(94%) contrast(101%);
}


.app-section {
    background-color: #f6fafff2;
    padding: 110px 0 0px;

}

.image-mobile img {
    height: 220px;
}

.app-inner {
    display: flex;
    padding: 30px 40px 0px 20px;
    background-color: #e4efff;
    border-radius: 15px;
    margin-bottom: 40px;
}

.footer-contact {
    position: relative;
    top: 80px;
}

.text-app h4, .text-app p {
    font-size: 28px;
    line-height: 42px;
    color: #004ea0;
    margin: 0;
}

.text-app p {
    font-size: 24px;
    line-height: 42px;
    font-weight: 400;
    color: #004ea0;
}

.text-app span a {
    color: #004ea0;
}

.link-to-app span {
    text-decoration: none;
    border-bottom: 2px solid lightblue;
    padding-bottom: 5px;
    color: #004ea0;
    font-size: 18px;
}

.text-app {
    margin-right: 10px;
    justify-content: end;
    display: flex;
    flex-direction: column;
    padding-bottom: 60px;
}

.images-app img {
    width: 135px;
}

.images-app {
    display: flex;
    align-items: flex-end;
    padding-bottom: 60px;
    margin-left: auto;
    flex-wrap: wrap;
}

.images-app a:first-child {
    margin-right: 10px;
}

.search-header-small {
    width: 350px;
    padding: 30px;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
    background: #fff;
}

.search-header-icon {
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 15px;
    z-index: 1;
    width: 16px;
    height: 16px;
    pointer-events: none;
    filter: brightness(0) saturate(100%) invert(17%) sepia(90%) saturate(2687%) hue-rotate(199deg) brightness(94%) contrast(101%);
}

.search-header-small .search input[type=search] {
    padding-left: 10px;
    padding-right: 10px;
}

h4.header-search-title {
    margin-bottom: 5px;
}

.search-header-small .search {
    border-color: transparent;
    border-radius: 0px;
    border-width: 1px;
    border-bottom: 1px solid #004ea0;
}

.search-header-small ::placeholder {
    color: #004EA0;
}

p.popular-searches-title {
    padding: 30px 0 10px;
    font-size: 12px;

}

img.search-popular-icon {
    filter: brightness(0) saturate(100%) invert(84%) sepia(89%) saturate(4797%) hue-rotate(171deg) brightness(77%) contrast(88%);
    margin-right: 8px;
}

li.search-most-popular {
    padding: 10px 0 10px;
}

.search-pop-up {
    position: absolute;
    right: auto;
    right: 15px;
    z-index: 3;
    top: 98px;
}

.search-header-small:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -12px;
    left: calc(98% - 12px);
}

.search-pop-up {
    display: none;
}


.category-topics__list ul {
    display: flex;
    flex-wrap: wrap;
}


.cat-item {
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    padding: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    justify-content: flex-start;
    flex: 0 0 180px;
    width: 180px;
    transition: border-color 180ms ease;
}

.section.hero {
    margin-bottom: 80px;
}

@media (min-width: 768px) {
    .cat-item {
        flex-direction: column;
        justify-content: flex-start;
    }
}

.cat-item.hidden-cat {
    display: none;
}

.cat-page li.blocks-item {
    display: flex;
}

.cat-page main .container {
    max-width: 2192px;
}

.cat-page span.blocks-item-title {
    font-size: 18px;
    line-height: 15px;
}

.cat-page .blocks-item-image {
    max-height: 48px;
}

section.category-topics__list .blocks-item {
    flex: 1 0 191px;
    max-width: 191px;
}

.cat-page .category-topics__list .image-section {
    padding: 20px 20px 20px;
}

.cat-page .text-section {
    padding: 15px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

.cat-page li.blocks-item, .cat-title {
    display: none;
}

h2.cat-title.active-title {
    font-size: 25px;
    text-align: center;
    padding: 30px 0;
    width: 100%;
    color: #004ea0;
}

.cat-title.active-title {
    position: relative;
    display: inline-block;
}

.cat-title.active-title::before,
.cat-title.active-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: calc((100% - 360px) / 2);
    height: 1px;
    background-color: transparent;
    border-bottom: 1px solid #004ea0;
}

.cat-title.active-title::before {
    left: -10px;
}

.cat-title.active-title::after {
    right: -10px;
}

.cat-submenu {
    clear: both;
    background: #F6FAFF;
    padding: 0;
    position: relative;
}

.cat-page li.blocks-item {
    position: relative;
}

.cat-page li.blocks-item.open::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #E0F0FF transparent;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 15px);
    z-index: 3;
    transition: transform 0.3s ease;
    opacity: 1;
}

.cat-page li.blocks-item:hover::after {
    -webkit-transform: none;
    transform: none;
    transition-duration: 0ms;
}

.cat-page .blocks-item:hover, .cat-page .blocks-item:focus, .cat-page .blocks-item:active, .footer-contact .blocks-item:hover, .footer-contact .blocks-item:focus, .footer-contact .blocks-item:active {
    -webkit-transform: none;
    transform: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

nav.sub-nav {
    display: none;
}

.section-tree .section {
    flex: 0 0 100%;
}

h2.section-tree-title a {
    font-size: 22px;
    font-weight: 900;
}

h2.section-tree-title {
    margin: 50px 0 20px;
}

.category-article-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
}

.article-list-link {
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

.active-article .article-list-link {
    /* font-weight: 700; */
    color: #004ea0;
}

.body-category-article {
    display: none;
    margin: 16px 0 30px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.article-list-item {
    align-self: flex-start;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #d6d5d5;
}

.article-list-item:hover {
    cursor: pointer;
}

.active-article img.arrow-down {
    transform: rotate(180deg);
    filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(5722%) hue-rotate(199deg) brightness(95%) contrast(101%);
}

.category-container {
    justify-content: center;
}

a.button-article {
    padding: 7px 13px;
    color: #004ea0;
    line-height: 24px;
    font-size: 16px;
    border-radius: 6px;
    display: block;
    width: fit-content;
    border: 1px solid #004ea0;
    margin-top: 30px;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

.article-body, .article-body p, .article-body a, .article-body span {
    font-family: 'Roboto', sans-serif;
}

img.arrow-down {
    padding: 0px 5px;
    width: 28px;
    transition: transform 0.3s ease;
    height: 100%;
}

a.button-article:hover {
    color: #fff;
    text-decoration: none;
    background: #004ea0;
    transition: all 0.5s ease;
}

.section-container {
    justify-content: center;
}

.art-page .section {
    margin-bottom: 80px;
}

.hero-inner {
    width: inherit;
    text-align: left;
    transform: translateX(0%);
    top: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hilfe-kontakt::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #E0F0FF transparent;
    position: absolute;
    bottom: -38px;
    left: calc(45% - 12px);
}

.hilfe-kontakt {
    position: relative;
}

a.web-link {
    color: #004ea0;
    border-bottom: 2px solid #004ea0;
    padding-right: 0;
    margin-right: 20px;
    font-weight: 600;
}

.category-section {
    background: #F6FAFF;
    padding: 0px 0 80px;
    margin-bottom: 80px;
}

.search-container button.clear-button {
    display: none !important;
}

.image-head-of-customer img {
    display: none;
}

img.sven-img {
    display: block;
}

.text-employee, .info-employee, a.button-promoted-articles {
    display: none;
}

.details-about-head-of-customer-sven, .details-sven, a.alles-categories {
    display: block;
}

.image-head-of-customer img {
    margin-bottom: 20px;
}

/***** Tiles *****/
.cards {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 25px;
}

.cards_forms {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

a.card {
    cursor: pointer;
    flex: 0 0 30%;
    margin: 1%;
    text-align: center;
    background: white;
    border: 1px solid #bebebe;
    transition: all 0.2s;
    border-radius: 8px;
    margin-top: 0px;
}

a.card__active img.card__icon, .card:hover img.card__icon {
    transition: all 0.2s;
}

a.card:hover, a.card:active, a.card:focus {
    text-decoration: none;
}

a.card, a:visited.card {
    color: black;
}

a.card__active, a.card:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
}

a.card__active .card__img, a.card:hover .card__img {
    background: #e0efff;
}

.card__img {
    width: 100%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card__icon {
    width: 68px;
    height: auto;
    transition: all 0.2s;
    margin-bottom: 20px;
}

.card__title {
    flex: 1;
    margin: 0;
    line-height: 30px;
    color: #004ea0;
    font-weight: 500;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-weight: 900;
    font-size: 20px;
    line-height: 32px;
    color: #004EA0;
}

.form {
    margin: 1%;
    margin: auto;
    margin-bottom: 60px;
}

.form-field.select.optional.request_ticket_form_id {
    display: none;
}

.form {
    margin-bottom: 60px;
}

@media (max-width: 992px) {
    a.card {
        flex: 32%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 600px) {
    a.card {
        min-height: 200px;
        margin-bottom: 0.5rem;
    }
}

.header-main {
    background: #ffff;
    position: relative;
    z-index: 9999;
    top: 0;
    width: 100%;
}

.section.hero {
    margin-top: 0;
}

.header-categories {
    margin-top: 120px;
}

.body-article-text, .body-promoted {
    max-width: 726px;
}

.body-promoted {
    display: none;
}

.section-tree .section {
    margin-bottom: 0;
}

a.web-link:hover {
    color: #004ea0;
    text-decoration: none;
}

/*checkbox form*/
.form-field.request_custom_fields_23068296379281 input[type=checkbox] {
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.checkbox-two {
    display: flex;
    align-items: baseline;
}

.form-section.form-active {
    background: #F6FAFF;
    padding: 70px 0 30px 0;
    margin-bottom: 70px;
}

.card__link.card__active::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #f6fafe transparent;
    position: absolute;
    bottom: -49px;
    left: calc(50% - 15px);
    z-index: 3;
    transition: transform 0.3s ease;
    opacity: 1;
}

a.card:hover {
    content: none;
}

.cat-p .page-header h1 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 42px;
}

h2.section-tree-title, .section-content .page-header h1 {
    font-size: 22px;
    font-weight: 900;
    margin-top: 50px;
}

.sec-page nav.sub-nav {
    display: block;
}

.sec-page ol.breadcrumbs li {
    display: none;
}

.sec-page ol.breadcrumbs li:nth-child(2) {
    display: block;
}

.sec-page .breadcrumbs li + li::before {
    content: " ";
}

.sec-page ol.breadcrumbs li a {
    margin-bottom: 50px;
    text-align: center;
    font-size: 42px;
    color: #004EA0;
    font-weight: bold;
}

.sec-page .breadcrumbs li a:visited {
    color: #004EA0;
}

.sec-page .sub-nav .breadcrumbs {
    justify-content: center;
}

img.blocks-item-image.supports-img {
    filter: none;
}

section.supports-base {
    padding: 40px 0 60px;
}

h2.supports-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 62px;
    margin-bottom: 50px;
}

li.blocks-item.id-supports {
    display: block;
}

section.supports-base {
    display: none;
}

.bottom-nav .menu > li > a {
    text-transform: uppercase;
    font-weight: bold;
}

.copyright {
    padding: 20px 15px;
    text-align: center;
    color: #6B6B6B;
}

.section-tree .see-all-articles {
    padding: 12px 24px;
    background-color: #004ea0;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    border-radius: 6px;
    display: block;
    width: fit-content;
    margin-top: 20px;
}

ul.article-list.promoted-articles li:last-child {
    margin-bottom: 100px;
}

/*** Responsive ***/
@media (max-width: 1373px) {
    .category-topics {
        margin-bottom: 50px;
    }

    .cat-page li.blocks-item.open::after {
        content: none;
    }
}
@media (max-width: 1251px) {

    .hero-img-div {
        position: relative;
        right: 60px;
    }

    .hilfe-kontakt::after {
        display: none;
    }

    .section.hero {
        margin-top: 102px;
    }

    .nav-wrapper-mobile .menu-list-mobile-items a {
        border-bottom: 1px solid rgba(216, 216, 216, 0.2);
    }

    li.interessierte.active-link a, li.versicherte.active-link a, li.tierarztpraxen.active-link a, li.businesskontakte.active-link a, li.ubersicht.active-link a {
        border-bottom: 2px solid transparent;
    }

    li.interessierte.active-link, li.versicherte.active-link, li.tierarztpraxen.active-link, li.businesskontakte.active-link, li.ubersicht.active-link {
        border-bottom: 2px solid #004ea0;
    }

    li.header-link {
        font-size: 18px;
        margin-left: 20px;
    }

    .nav-wrapper-mobile .menu-list-mobile-items a.web-link {
        color: #004ea0;
        font-weight: 400;
    }

    .header-categories {
        display: none;
    }

    li.kunderportal {
        padding: 0px;
    }
}



@media (max-width: 1160px) {
    .search-pop-up {
        padding-right: 2%;
    }

    .search-header-small:after {
        left: calc(92% - 12px);
    }
}

@media (max-width: 1070px) {
    ul.user-nav-list-left li {
        margin-right: 15px;
    }

    ul.user-nav-list-left {
        font-size: 15px;
    }
}

@media (max-width: 1024px) {
    .section.hero {
        margin-top: 102px;
    }

    .nav-wrapper-mobile .menu-list-mobile-items a.web-link {
        padding-right: 0px;
    }

    .cat-page li.blocks-item.open::after {
        content: none;
    }

    .footer-contact {
        position: relative;
        top: 40px;
    }

}

@media (max-width: 1051px) {
    .image-head-of-customer {
        margin-right: 30px;
    }

    .text-employee {
        margin-left: 0px;
    }

    .text-employee.details-about-fischer {
        margin-left: 0px;
    }

    .image-head-of-customer {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .info-head-of-customer {
        flex-direction: column;
    }

    .details-about-head-of-customer {
        max-width: 460px;
    }

    .details-about-head-of-customer::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12px 12px 0px;
        position: absolute;
        top: -25px;
        left: calc(50% - 12px);
        border-left: 16px solid transparent;
        border-top: 13px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 13px solid #fcf5ed;
    }
}

@media (max-width: 950px) {
    .text-app p {
        font-size: 20px;
        line-height: 30px;
    }

    .text-app h4, .text-app p {
        font-size: 25px;
    }

    .link-to-app {
        margin-top: 15px;
    }

    .promoted-container .articles h2 {
        font-size: 44px;
    }

    section.articles h3 {
        font-size: 38px;
        margin: inherit;
        margin-bottom: 30px;
    }

    h2.supports-title {
        font-size: 44px;
    }
}

@media (max-width: 768px) {
    .hero-title-search {
        width: 100%;
        margin-left: 0px;
    }

    .hero-title-search {
        right: 0px;
    }

    .section.hero {
        padding: 0;
    }

    section.section.knowledge-base {
        margin-bottom: 50px;
    }

    .image-head-of-customer p {
        font-size: 15px;
    }

    .details-about-head-of-customer {
        font-size: 15px;
    }

    a.button-head-of-customer {
        line-height: 18px;
        font-size: 15px;
    }

    .hero-title-search {
        margin-left: 0px;
    }

    li.header-link {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hero {
        background: #f6fafff2;
        height: auto;
    }

    img.hero-img-mobile {
        display: block;
    }

    img.hero-img-desktop {
        display: none;
    }

    .hero-img-div {
        display: none;
    }

    .hero-img-mobile {
        width: 100%;
        object-fit: cover;
        object-position: 0px -30px;
    }

    .section.hero {
        padding: 0;
    }

    .hero-inner {
        width: 100%;
        transform: translateX(0%);
        top: 20%;
        padding: 0 20px 60px;
    }

    .hero-title {
        font-size: 35px;
        text-align: center;
    }

    .app-inner {
        flex-wrap: wrap;
    }

    .images-app {
        margin-left: inherit;
    }

    p.description-text-worker a {
        /* display: block; */
    }

    .ft-contact.blocks-list {
        display: block;
    }

    .ft-contact .blocks-item-link {
        flex-direction: row;
    }

    .ft-contact .image-section {
        border-top-left-radius: 10px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
    }

    .ft-contact .text-section {
        align-items: flex-start;
    }

    .ft-contact .blocks-item {
        margin: 0 10px 12px;
    }

    .promoted-section {
        padding: 80px 0 110px;
    }

    .head-of-customer-section {
        margin-bottom: 40px;
    }

    .app-section {
        padding-top: 110px;
    }

}


@media (max-width: 567px) {
    .cat-p .page-header h1 {
        margin-bottom: 0px;
        margin-top: 50px;
    }

    span.blocks-item-title {
        font-size: 18px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
    }

    .subtitle-section span, .subtitle-section .subtitle-enter {
        font-size: 15px;
    }

    .blocks-item-image {
        max-height: 50px;
    }

    .sec-page .breadcrumbs li {
        margin-bottom: 0px;
        margin-top: 50px;
    }

    .cat-page .section.hero {
        margin-bottom: 0px;
    }
}

.confform{
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F5F5F5 !important;
    width: 100%;
    height: 100vh;
    z-index: 999;
    padding: 0px;
    display: none;

}
.confform > div{
    width: 1600px;
    margin: 0 auto;
    height: 780px;
    max-height: 100%;
    max-width: 100%;
    top: calc(50vh - 400px);
    position: relative;
}
@media (max-height: 800px) {
    .confform > div{
        top: 0;
    }
}
@media (max-width: 960px) {
    .confform > div{
        top: 0;
        height: auto;
    }
}
.confform .close{
    cursor: pointer;
    float: right;
    color: #565653;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
@media (max-width: 960px) {
    .confform .close{
        display: none;
    }
    .confform .topcont h2{
        display: none;
    }
}
.confform > div > div{
    height: 100%;
}
.confform #container{
    width: 800px;
    height: 800px;
    max-width: 100%;
}

.mobilename{
    display: none;
    padding: 8px 16px;
    width: 100%;
    background: #fff;
}
.mobilename .product-name{
    color: #565653;
    font-family: Heebo;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
@media (max-width: 960px) {
    .confform .mobilename,
    .confform .mobilename .close{
        display: block;
    }{
        display: block;
    }
}
.conf-innercont{
    margin: 0px 32px 32px 0;
    padding: 32px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    max-height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
@media (max-width: 960px) {
    .confform > .uk-grid-column-small>*,
    .confform > .uk-grid-small>*{
        padding-left: 0;
    }
    .conf-innercont{
        margin: 0;
        border: 0;
        padding: 16px;
    }
}
.conf-innercont .topcont{
    height: 120px;
}

.conf-innercont h2{
    margin-top: 0;
    padding-top: 0;
}
.conf-innercont .label{
    color: #565653 !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    font-family: Heebo;
}
.conf-innercont .uk-card{
    border-radius: 24px;
    border: 1px solid #ECECEC;
    background: #FFF;
    padding: 24px;
}
.conf-innercont .uk-accordion-title
{
    color: #628192;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}
.conf-innercont .uk-accordion-content{
    margin-top: 10px;
}
.conf-innercont a.uk-accordion-title:before
{
    content: ' ';
    background-image: url('https://www.inklang.de/images/_Icons/info.svg');
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    float: none;
    margin-left: 0;
    margin-bottom: -3px;
}
.conf-innercont .uk-accordion-content{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.option-description p{

    line-height: 20px;
}
.option-description-text{
    margin: 10px 0 15px 0 !important;
}
.optiontitle,
.option-description{
    display: block;
    max-width: 80%;
}
.control_option_color .optiontitle,
.control_option_color .option-description{
    display: block;
    max-width: 100%;
}
.width100 .optiontitle{
    max-width: 100%;
}
.uk-card .optioncont{
    border-top: 1px solid #f1f1f1;
    margin-top: 28px;
    padding-top: 30px;
}
.uk-card .optioncont:not(:has(.field)),
.uk-card .optioncont:first-child{
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.control_option_exclusiv .checkbox{
    top: 7px !important;
}
.confform .uk-badge{
    height: 40px;
    padding: 4px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    color: #FAFAFA;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}
.confform form{
    display: flex;
    flex-direction: column;
}
@media (max-height: 800px) {
    .confform form{
        overflow-y: scroll;
        height: calc(100vh - 156px);
    }
}

.confform .product-options-wrapper{
    max-height: 490px;
    overflow-y: scroll;
}
.confform .swatches .control{
    display: flex;
}

.confform .swatches .imagechecker{
    min-width: 40%;
}
.confform .swatches .realoptions{
    min-width: 60%;
}

.confform .swatches .imagechecker .field{
    margin: 0 !important;
}
.confform .swatches .imagechecker .options-list{
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}
.confform .swatches .imagechecker .options-list > *{
    flex: 1 1 70px;
    max-width: 70px;
}
.confform .swatches .imagechecker .options-list img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.confform .swatches.bigimages .imagechecker .options-list > *{
    flex: 1 1 110px;
    max-width: 110px;
}

.confform .swatches .imagechecker label{
    display: none;
}
.confform .swatches .imagechecker input{
    display: none !important;
}
.confform .swatches .realoptions .field,
.confform .swatches .realoptions .option_images_gallery,
.confform .swatches .realoptions input{
    display: none;
}
.confform .swatches .realoptions input[type=number]{
    display: inline-block;
    width: 190px !important;

}
.confform .swatches .realoptions input[type=number]{
    display: inline-block;
    width: 190px !important;

}
.confform .swatches .realoptions .child.field,
.confform .swatches .realoptions .child .option_images_gallery,
.confform .swatches .realoptions .child input,
.confform .swatches .parent .realoptions .child .field,
.confform .swatches .parent .realoptions .child .realoptions .option_images_gallery,
.confform .swatches .parent .realoptions .child .realoptions input{
    display: block;
}
.confform .swatches.noreals .realoptions{
    display: none;
}
.confform .swatches .realoptions .label{
    position: relative;
    font-size: 13px;
    margin: 0;
}
.confform .swatches .realoptions .childcable > label{
    margin-left: 20px;
    color: #565653;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.confform .swatches .realoptions .childcable .options-list{
    position: relative;
}
.confform .swatches .realoptions .childcable .field{
    position: absolute;
    right: 0;
    top: -15px;
	    top: -32px;
    padding-top: 5px;
}
.confform .realoptions .childcable .field .price-notice{
    position: relative;
    top: -50px;
}
.childcable .optiontitle{
    margin-top: 20px;
}
.confform .realoptions .childcable .field .admin__field-label > span{
    position: relative;
    color: #565653;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: block;
    padding-top: 10px;
    text-align: right;
}
.mageworx-option-qty{
    margin-left: 15px;
    border-radius: 4px;
    background: #F5F5F5;
    width: 191px;
    padding: 7px 12px 7px 20px;
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: left !important;
    margin-bottom: 4px;
}
.reviews-actions .add,
.amreview-add-new{
    display: none;
}
.confform .swatches .realoptions .childcable .mageworx-option-qty{
    margin-left: 0px;
    border-radius: 4px;
    background: #F5F5F5;
    width: 191px;
    padding: 7px 12px 7px 10px;
    color: #565653;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: left !important;
    margin-bottom: 5px;
}
.confform .uk-badge.active{
    background: #565653 !important;
}
.confform .noinput .mageworx-option-qty{
    display: none !important;
}
.confform .swatches .realoptions .childcable .label-qty:after{
    content: 'Meter';
    color: #565653;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-left: 8px;
}
.confform .priceterms{
    color: #565653;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: inline-block;
}
.confform .realoptions .label .price-notice{
    position: absolute;
    right: 0;
    top: 0;
    color: #565653;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.confform .realoptions .control{
    display: block;
}
.confform .realoptions .control p{
    margin: 0;
}
.confform select,
.confform input[type=text]{
    background: #F5F5F5;
    border-radius: 4px;
    padding: 7px 12px;
    font-size: 13px;
}
.confform .product-options-wrapper .field .price-notice .weee{
    font-size: 16px !important;
}
.confform .product-options-wrapper .field .oldprice{
    color: red;
    position: relative;
}
.confform .product-options-wrapper .field .oldprice:before {
     position: absolute;
     content: "";
     left: 0;
     top: 60%;
     right: 0;
     border-top: 1px solid red;
     border-color: inherit;

     -webkit-transform:rotate(-10deg);
     -moz-transform:rotate(-10deg);
     -ms-transform:rotate(-10deg);
     -o-transform:rotate(-10deg);
     transform:rotate(-10deg);
 }
.confform .swatches .parent .label.admin__field-label{
    padding-left: 0 !important;
}
.confform .swatches .parent .child .label.admin__field-label{
    padding-left: 30px !important;
    padding-right: 10px;
}
.confform .swatches .realoptions .field:has(input:checked){
    display: block !important;
}
.confform .swatches .imagechecker .mageworx-optionswatches-option-gallery_image{
    border-radius: 4px;
    border: 2px solid #fff;
    cursor: pointer;
}
.confform .swatches .imagechecker .field.active .mageworx-optionswatches-option-gallery_image{
    border: 2px solid #628192;
}
.confform .swatches .imagechecker .field.active .mageworx-optionswatches-option-gallery:after{
    content: '';
    width: 20px;
    height: 20px;
    background: url('https://www.inklang.de/images/_Icons/konfi_check.svg') center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.confform .swatches .imagechecker .field.specialpriced .mageworx-optionswatches-option-gallery:before{
    content: '';
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 4L23 22.3933L4.60671 22.3933C2.94986 22.3933 1.60672 21.0501 1.60672 19.3933L1.60672 0.999999L20 1C21.6569 1 23 2.34314 23 4Z" fill="%23DB4444"/><path d="M23 4L23 22.3933L4.60671 22.3933C2.94986 22.3933 1.60672 21.0501 1.60672 19.3933L1.60672 0.999999L20 1C21.6569 1 23 2.34314 23 4Z" stroke="%23DB4444" stroke-width="2"/><path d="M12.7438 14.9545V14.3793C12.7438 13.9673 12.8291 13.5909 12.9995 13.25C13.1735 12.9055 13.4256 12.6303 13.7559 12.4244C14.0897 12.2148 14.4928 12.1101 14.9651 12.1101C15.448 12.1101 15.8529 12.2131 16.1796 12.419C16.5063 12.625 16.7531 12.9002 16.92 13.2447C17.0904 13.5891 17.1756 13.9673 17.1756 14.3793V14.9545C17.1756 15.3665 17.0904 15.7447 16.92 16.0891C16.7495 16.43 16.4992 16.7053 16.1689 16.9148C15.8422 17.1207 15.4409 17.2237 14.9651 17.2237C14.4857 17.2237 14.0808 17.1207 13.7506 16.9148C13.4203 16.7053 13.17 16.43 12.9995 16.0891C12.8291 15.7447 12.7438 15.3665 12.7438 14.9545ZM13.985 14.3793V14.9545C13.985 15.2599 14.0578 15.5369 14.2033 15.7855C14.3489 16.0341 14.6029 16.1584 14.9651 16.1584C15.3237 16.1584 15.5741 16.0341 15.7161 15.7855C15.8582 15.5369 15.9292 15.2599 15.9292 14.9545V14.3793C15.9292 14.0739 15.86 13.7969 15.7215 13.5483C15.5865 13.2997 15.3344 13.1754 14.9651 13.1754C14.61 13.1754 14.3578 13.2997 14.2087 13.5483C14.0595 13.7969 13.985 14.0739 13.985 14.3793ZM7.25732 8.71165V8.13636C7.25732 7.72443 7.34255 7.34624 7.51301 7.00178C7.68701 6.65732 7.93914 6.3821 8.2694 6.17614C8.6032 5.97017 9.00626 5.86719 9.47856 5.86719C9.96151 5.86719 10.3663 5.97017 10.693 6.17614C11.0198 6.3821 11.2666 6.65732 11.4335 7.00178C11.6004 7.34624 11.6838 7.72443 11.6838 8.13636V8.71165C11.6838 9.12358 11.5986 9.50178 11.4281 9.84624C11.2612 10.1871 11.0127 10.4624 10.6824 10.6719C10.3557 10.8778 9.95441 10.9808 9.47856 10.9808C8.99561 10.9808 8.589 10.8778 8.25874 10.6719C7.93204 10.4624 7.68346 10.1871 7.51301 9.84624C7.34255 9.50178 7.25732 9.12358 7.25732 8.71165ZM8.50377 8.13636V8.71165C8.50377 9.01705 8.5748 9.29403 8.71684 9.54261C8.86244 9.79119 9.11634 9.91548 9.47856 9.91548C9.83367 9.91548 10.0823 9.79119 10.2243 9.54261C10.3699 9.29403 10.4427 9.01705 10.4427 8.71165V8.13636C10.4427 7.83097 10.3734 7.55398 10.235 7.3054C10.0965 7.05682 9.84433 6.93253 9.47856 6.93253C9.12345 6.93253 8.87132 7.05682 8.72217 7.3054C8.57657 7.55398 8.50377 7.83097 8.50377 8.13636ZM7.76336 17L15.2634 6.09091H16.5364L9.03644 17H7.76336Z" fill="white"/></svg>');    background-size: cover;
    position: absolute;
    left: 1px;
    bottom: 1px;
}
.product-info-main .price-box .price-wrapper .price,
.product-options-bottom .price-box .price-wrapper .price{
    font-weight: 700;
}
.confform .swatches .realoptions .field+.field{
    margin: 0;
}
.confform .nolabel > label{
    display: none !important;
}
.confform .flex .options-list{
    display: flex;
}
.confform .flex .field+.field{
    margin: 0;
}
.confform input[type=radio]{
    width: 20px;
    height: 20px;
}
.confform input[type="radio"]:checked {
    border: 1px solid #628192 !important;
}
.confform input[type="radio"]:checked:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 4px;
    top: 4px;
    border-radius: 50%;
    background-color: #628192;
}
.confform .mageworx-product-final-price {
    min-height: 46px;
    font-weight: 600;
}
.confform .field.qty{
    justify-content: flex-end;
}
.product-info-main .product-add-form .actions button.tocart,
.product-info-main .product-add-form .actions .cart.table-wrapper .actions-toolbar>.action.tocart,
.product-info-main .product-add-form .actions .action-gift.tocart{
    background: #628192;
    border-radius: 4px;
    padding: 8px 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
	width:100%;
	height: auto;
}
.product-info-main .box-tocart .fieldset,
.product-options-bottom .box-tocart .fieldset {
    display: flex;
    flex-wrap: wrap;
   justify-content: space-between;
    margin-bottom: 8px;
}
.product-info-main .product-add-form .actions button.tocart .icon-cart{
    display: block;
}
.product-info-main .product-add-form .actions button.tocart .icon-cart:before{
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Cart1"><path id="Vector" d="M8.25 20.25C8.66421 20.25 9 19.9142 9 19.5C9 19.0858 8.66421 18.75 8.25 18.75C7.83579 18.75 7.5 19.0858 7.5 19.5C7.5 19.9142 7.83579 20.25 8.25 20.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M18.75 20.25C19.1642 20.25 19.5 19.9142 19.5 19.5C19.5 19.0858 19.1642 18.75 18.75 18.75C18.3358 18.75 18 19.0858 18 19.5C18 19.9142 18.3358 20.25 18.75 20.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M2.25 3.75H5.25L7.5 16.5H19.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M7.5 12.5H19.1925C19.2792 12.5001 19.3633 12.4701 19.4304 12.4151C19.4975 12.3601 19.5434 12.2836 19.5605 12.1986L20.9105 5.44859C20.9214 5.39417 20.92 5.338 20.9066 5.28414C20.8931 5.23029 20.8679 5.18009 20.8327 5.13717C20.7975 5.09426 20.7532 5.05969 20.703 5.03597C20.6528 5.01225 20.598 4.99996 20.5425 5H6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
    background-size: cover;
}
.confform .mageworx-shareable-link-container{
    padding: 0 10px 0 0;
}
.slick-slide .product-image-container{
    aspect-ratio: auto;
    width: 100%;
}
.slick-slide .product-image-photo{
    position: static;
}
.mageworx-shareable-link-container a{
    border: 2px solid #628192;
    background: rgba(17, 17, 17, 0.00);
    display: flex;
    padding: 8px 30px;
    justify-content: center;
    align-items: center;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #628192;
    gap: 8px;
	height: auto;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    letter-spacing: normal;
}
.uk-margin-top-medium{
    margin-top: 40px;
}
.header-area .minicart-wrapper .action.showcart>.counter.qty{
    left: 14px;
    top: -8px;
}
.header-area .table-icon-menu>div.search-form {
    padding-top: 15px;
}
.header-area .table-icon-menu>div.header-top-links {
    padding-top: 12px;
    padding-right: 18px;
}
.header-area .table-icon-menu>div.minicart-wrapper {
    padding-top: 15px;
    padding-right: 2px;
}
.slick-slider .slick-arrow.slick-prev{
    left: -20px;
}
.slick-slider .slick-arrow.slick-next{
    right: -20px;
}
.product-items.slick-slider>.slick-list {
    padding: 0;
    margin-left: -20px;
    margin-right: -20px;
}
.product-items.slick-slider .slick-slide .product-item{
    max-width: 300px !important;
}
.mageworx-shareable-link-container .icon-heart:before{
    background: url('https://www.inklang.de/images/_Icons/heart.svg');
    background-size: cover;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
}
.mageworx-shareable-link-container a:hover .icon-heart:before{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M8.5 5C6.2912 5 4.5 6.73964 4.5 8.88594C4.5 10.6185 5.2 14.7305 12.0904 18.8873C12.2138 18.961 12.3555 19 12.5 19C12.6445 19 12.7862 18.961 12.9096 18.8873C19.8 14.7305 20.5 10.6185 20.5 8.88594C20.5 6.73964 18.7088 5 16.5 5C14.2912 5 12.5 7.35511 12.5 7.35511C12.5 7.35511 10.7088 5 8.5 5Z" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.product-info-main .box-tocart .product-social-links,
.product-options-bottom .box-tocart .product-social-links {
    width: 0 !important;
    display: flex;
    margin-left: 0 !important;
}
.confform .mageworx-shareable-link-text{
    margin-left: 0;
}
.confform .product-options-bottom{
    box-shadow: 0 -10px 15px #fff;
    z-index: 99;
    margin-left: -32px;
    margin-right: -32px;
    padding: 0 32px;
}
@media (max-width: 960px) {
    .confform .product-options-bottom{
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
    }
}

.product-info-main .confform.product-add-form .box-tocart .field.qty label.label{
    display: inline-block;
}
.mageworx-product-final-price{
    color: #565653;
    font-family: Heebo;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product-item .abpreis .price-box .price{
    font-size: 16px;
    line-height: 1.4;
    font-family: Lato;
    font-weight: 600;
    letter-spacing: .6px;
    color: #565653 !important;
}
.product-info-main .confform .price-box {
    margin-top: 0px;
}
.nav{
    flex-direction: column;
}
.dropdown-toggle::after{
    display: none !important;
}
.product-info-main .box-tocart .input-text.qty,
.product-options-bottom .box-tocart .input-text.qty{
    border-radius: 0;
}
.confform .product-options-bottom button.action.tocart,
.confform .product-options-bottom .mageworx-shareable-link-container{
    width:50%;
}
.confform .product-options-bottom .mageworx-shareable-link-text{
    width: 100%
}
.field.choice:not(.review-field-rating) input[type="radio"]+label,
.form .choice:not(.review-field-rating) input[type="radio"]+label,
.checkbox .choice input[type="radio"]+label,
.field.choice:not(.review-field-rating) input[type="checkbox"]+label,
.form .choice:not(.review-field-rating) input[type="checkbox"]+label,
.checkbox .choice input[type="checkbox"]+label,
.field.choice:not(.review-field-rating) input[type="radio"]+.label,
.form .choice:not(.review-field-rating) input[type="radio"]+.label,
.checkbox .choice input[type="radio"]+.label,
.field.choice:not(.review-field-rating) input[type="checkbox"]+.label,
.form .choice:not(.review-field-rating) input[type="checkbox"]+.label,
.checkbox .choice input[type="checkbox"]+.label{
    color: #565653;
    font-family: Heebo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    min-height: 50px;
}
.child .field.choice:not(.review-field-rating) input[type="radio"]+.label{
    color: #565653;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.product-info-main .product-add-form .actions button.tocart:hover, .product-info-main .product-add-form .actions .cart.table-wrapper .actions-toolbar>.action.tocart:hover, .product-info-main .product-add-form .actions .action-gift.tocart:hover{
    background-color: #5e7c8c;
    border-color: #5e7c8c;
    color: #fff;
}
.product-options-bottom .field.qty{
    padding-top: 0px;
}
.product-info-main .box-tocart .input-text.qty, .product-options-bottom .box-tocart .input-text.qty{
    height: 35px;
    font-weight: 400;
}
.product-info-main .product-add-form .box-tocart .field.qty .control{
    border-radius: 4px;
    width: 35px;
    height: 35px;
    background: #F5F5F5;
    border-color: #F5F5F5;
    color: #565653;
    font-size: 18px;
}
.product-info-main .product-add-form .box-tocart .field.qty .control input{
    color: #565653;
}
.confform .product-options-bottom button.action.tocart .price-container{
    display: none;
}
.qty .label{
    font-family: "Lato";
    font-size: 16px;
}
.childcablecount .price-container:after{
    content: 'je Kabel';
    font-size: 10px;
    position: absolute;
    top: 14px;
    right: 0px;
}
@media (min-width: 961px) {
    .confform .product-options-bottom .actions .qty,
    .confform .product-options-bottom .actions .priceterms,
    .product-info-main .confform .box-tocart .actions .field.qty,
    .confform .product-options-bottom .box-tocart .actions .field.qty {
        display: none;
    }
}
.fieldset .field.required>.label:after, .fieldset .field ._required>.label:after {
    content: "";
    color: #f00;
    margin: 0;
}
.confnav .uk-badge{
    margin-right: 6px;
}
.page-title-wrapper{
    background-color: transparent !important;
    padding: 139px 0 0 0;
}
.page-title-wrapper::before{
    display: none;
}
.page-title-wrapper h1.page-title{
    font-size: 46px;
    line-height: 1.2;
    font-family: Heebo;
    font-weight: 700;
    color: #565653;
}
.pagebuilder-column .uk-margin-top-medium {
    margin-bottom: 70px;
}
.edit-qty{
    display: none !important;
}
.producttype-sirent .full-review,
.producttype-sirent .page-main-details{
    display: none;
}
.producttype-sirent .range-line .hiddenDates,
.product-ayers-one-probe .range-line .hiddenDates{
    display: block !important;
}
.product-reviews-summary .reviews-actions{
    display: none;
}
.breadcrumbs li + li::before {
    content: "";
    margin: 0;
}
.breadcrumbs{
    background: transparent;
}
.page-wrapper .breadcrumbs .item:not(:last-child):after {
    font-size: 13px;
    color: #628192;
    font-family: Lato;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .4px;
    content: '|';
    margin: 0px 7px 0 7px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.breadcrumbs .items li a:hover {
    color: #628192;
    text-decoration: none;
}
.page-wrapper .breadcrumbs .items{
    margin: 10px 0;
}
.breadcrumbs a,
.breadcrumbs strong{
    font-size: 13px;
    color: #6f6f6f;
    font-family: Lato;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .4px;
}
.breadcrumbs strong{
    color: #628192;
}
.header-area .minicart-wrapper .action.showcart:before{
    content: '';
    display: none;
}
body header.page-header .header-area.header7 .megamenu-vertical{
    padding: 30px;
    background: 0 none;
    max-width: 410px;
    box-sizing: content-box;
}
html.nav-before-open header.page-header .header-area .megamenu-vertical{
    box-shadow: none;
}
html.nav-before-open button.action.nav-tg:after{
    background: transparent;
}
html.nav-before-open .uk-navbar-container button.action.nav-tg:after{
    background: rgba(0, 0, 0, .1);
}
header.page-header .header-area.header7 button.action.nav-tg.uk-offcanvas-close{
    background: #fff;
}
header.page-header .header-area.header7 .megamenu-vertical button.action.nav-tg.uk-offcanvas-close:after{
    display: none;
}
.nav-open header.page-header .header-area.header7 button.action.nav-tg{
    display: block !important;
}
.nav-open header.page-header .header-area.header7 button.action.nav-tg:after {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

header .uk-offcanvas-bar .uk-margin-auto-bottom{
    padding: 25px 20px;
}
#mainMenu .dropdown-menu{
    position: static;
    border: 0 none;
    box-shadow: none;
    width: 100%;
    overflow: hidden;
}

#mainMenu .dropdown-menu li{
    padding-left: 10px !important;
}
#mainMenu .dropdown-menu > li{
    padding: 0 !important;
}
#mainMenu .hidden-des{
    display: none !important;
}
#mainMenu .toggle-menu{
    float: right;
    margin-top: -40px;
}
#mainMenu .dropdown-submenu{
    display: none;
}

#mainMenu .is-active > a .fa-angle-down:before {
    content: "\f106";
}
#mainMenu li > a .fa-angle-right:before {
    content: "\f107";
}
#mainMenu .is-active > a .fa-angle-right:before {
    content: "\f106";
}
.uk-offcanvas-bar #module-119 li a {
    color: #383838 !important;
}
#mainMenu.uk-nav>li>a{
    padding: 0;
}
#mainMenu .toggle-menu a span:before{
    content: ' ';
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    z-index: 3;
}
#mainMenu .icon-next{
    margin-left: auto;
    padding-right: 5px;
}
#mainMenu .level1 .icon-next{
    padding-right: 1px;
}

body .megamenu-vertical a {
    color: #383838 !important;
}

.telnr{
    margin-left: -4px;
}
.megamenu-vertical .megamenu-content > .uk-grid {
    margin-left: -25px;
}
.header-area .table-icon-menu>div {
    padding: 17px 20px 17px 0;
}


@media (min-width: 1600px) {
    .page-wrapper .breadcrumbs .items {
        padding-left: 0px;
        padding-right: 0px;
    }

}
.product-info-main .price{
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
}
.confabpreis{
    font-size: 14px;
    line-height: 1.4;
    font-family: Lato;
    font-weight: 400;
    color: #565653;
}
.switcher-language img{
    border-radius: 50px;
    height: 15px;
    width: 15px;
}
.checkout-index-index .breadcrumbs,
.checkout-index-index .tm-header-mobile{
    display: none !important;
}

.amreview-info-wrapper .amreview-add-new{
    display: none !important;
}
.testimonials{
    margin-top: 40px;
}
.switcher-language{
    text-transform: uppercase;
    font-size: 13px;
    font-family: Lato;
    font-weight: 400;
    color: #fff;

}
.page-wrapper .breadcrumbs .items {
    padding-left: 0px;
    padding-right: 0px;
}
.page-footer .switcher{
    margin-right: 0;
}
.page-footer .switcher img{
    margin-right: 10px;
}
.page-footer .switcher .options ul.dropdown{
    top: -60px;
    background: #3c3b3c;
    min-width: 200px;
    width: 260px;
    color: rgba(255, 255, 255, .65);
    text-align: left;
    border: 0 none;
    padding: 15px 10px;
}
.page-footer .switcher .options ul.dropdown img{
    margin-top: 0;
}
.page-footer .switcher .options ul.dropdown a{
    padding: 0;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-family: Lato;
    font-weight: 400;
}
.page-footer .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:before,
.page-footer .switcher .options .action.toggle:after{
    display: none;
}

.page-footer .uk-list>:nth-child(n+2) {
    margin-top: 10px;
}
#section-toolbar-mobile{
    display: none !important;
}
.page-footer .uk-text-meta p
{
    color: rgba(255, 255, 255, .5);
}
body .page-main>.columns {
    padding: 0 0;
}
.catalog-product-view .page-wrapper .breadcrumbs .items {
    margin: 20px 0;
}
.product-thumbnail .item-thumb{
    width: 70px;
}
.product-thumbnail .horizontal-thumbnail-row .owl-item{
    width: 70px !important;
    margin-right: 15px;
}
.product-thumbnail .horizontal-thumbnail-row .owl-nav{
    display: none !important;
}
.uk-text-primary p{
    color: #628192 !important;
}
.catalog-product-view .product-info-main h1.product-name{
    font-weight: 700;
    font-size: 30px;
    color: #565653;
}
.rating-summary .rating-result {
    width: 102px;
    display: block;
    position: relative;
}
.rating-summary .rating-result:before {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    color: #acacac;
    font-family: 'FontAwesome';
    font-size: 20px;
    height: 20px;
    letter-spacing: 2px;
    line-height: 20px;
    content: '\f006' '\f006' '\f006' '\f006' '\f006';
    display: block;
    font-style: normal;
    font-weight: normal;
}
.rating-summary .rating-result>span:before {
    position: relative;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    color: #BBA568;
    font-family: 'FontAwesome';
    font-size: 20px;
    height: 20px;
    letter-spacing: 2px;
    line-height: 20px;
    content: '\f005' '\f005' '\f005' '\f005' '\f005';
    display: block;
    font-style: normal;
    font-weight: normal;
    speak: none;
}
.block.review-list .review-items li.review-item .rating-summary .rating-result{
    width: auto;
}
.product.attribute.overview .uk-badge{
    margin-right: 6px;
}
.product.attribute.overview .uk-badge.active{
    background: #565653 !important;
}
.product.attribute.overview .uk-badge:hover{
    background: #565653 !important;
}
.mgs-products.products-grid>.products {
    margin-left: -15px;
    margin-right: 0;
}
.uk-navbar-left > button{
    display: block !important;
}
.catalog-product-view .product-items.slick-slider>.slick-list{
    padding: 0;
}

.catalog-product-view .uk-margin-large{
    margin-top: 70px;
}
.horizontal-thumbnail-row .owl-stage{
    transform: none !important;
}
.page-main-description .uk-accordion-content li{
    list-style-type: disc;
}
.catalog-product-view .page-main-description .uk-font-tertiary{
    font-family: Heebo !important;
    margin: 0;
    font-size: 16px;
}
.catalog-product-view footer.page-footer{
    margin-top: 0;
}
.catalog-product-view p.uk-h4{
    font-size: 16px;
    margin-bottom: 0;
}
.page-header .panel.wrapper .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover{
    background: transparent;
}
.noconfform .product-options-wrapper .fieldset > div > .field > label{
    margin-top: 40px !important;
    font-size: 18px;
    font-family: Heebo;
    font-weight: 700;
    color: #565653;
}
.product.attribute.delivery_time{
    display: none;
}
.product-info-main .noconfform .box-tocart .input-text.qty,
.product-options-bottom .noconfform .box-tocart .input-text.qty{
    height: 35px;
}
.product-info-main .noconfform .box-tocart .field.qty,
.product-options-bottom .noconfform .box-tocart .field.qty{
    padding-top: 0;
    margin-bottom: 0;
}
.catalog-product-view .slick-initialized .slick-slide {
    float: left !important;
    display: block !important;
    height: auto;
}
.checkout-cart-index .page-main .checkout-extra .block.shipping form .field.note{
    color: #565653;
}
.checkout-cart-index .page-main .checkout-extra>.block>.title strong{
    font-weight: 700;
    font-size: 14px;
    color: #565653;
}
.fieldset .field>.label{
    color: #565653;
	font-weight:700;
	margin-bottom:0;
}
.uk-button:focus{
    color: #fff;
    text-decoration: none;
}
.estimate p{
    margin-top: 0;
}
#shipping-zip-form .label, #shipping-zip-form label{
    font-size: 14px;
}
.checkout-cart-index .cart-summary .checkout-methods-items button.action.primary.checkout, .checkout-cart-index .cart-summary .checkout-methods-items .cart.table-wrapper .actions-toolbar>.action.action.primary.checkout, .checkout-cart-index .cart-summary .checkout-methods-items .action-gift.action.primary.checkout{
    font-weight: 400;
}
.checkout-cart-index .page-main .checkout-extra>.block>.content{
    border-left: 0 none;
}
.actions-toolbar button, .actions-toolbar .cart.table-wrapper .actions-toolbar>.action, .actions-toolbar .action-gift{
    border-radius: 4px;
}
#co-shipping-method-form .field.choice:not(.review-field-rating) input[type="radio"]+label{
    font-family: Lato;
    line-height: 120%;
}
.checkout-cart-index .page-main .checkout-extra .block.shipping form#co-shipping-method-form fieldset.fieldset.rate dt.item-title{
    color: #565653;
    text-transform: none;
}
.product-info-main .product-add-form.noconfform .box-tocart .field.qty .control{
    width: 40px;
    height: 40px;
}
.slick-slide .price-details{
    display: none;
}
.btn-dark:hover, .btn-secondary:hover, .uk-button-secondary:hover{
    background-color: #3C3B3C;
}
.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals th, .checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals-tax th{
    padding: 0 15px 0;
}
.checkout-cart-index .cart-bottom .cart-totals{
    padding-top: 0;
}
.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals td, .checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals-tax td{
    padding: 0 15px 0;
}
textarea, select, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"]{
    border-radius: 4px;
}
.data.table.totals{
    margin: 0;
}
.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals th span.label, .checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals-tax th span.label{
    color: #565653;
}
.totals-tax-summary td{
    padding: 15px !important;
}
.totals-tax-details{
    padding-bottom: 0 !important;
}
.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.grand.totals th {
    font-size: 20px;
    font-family: Heebo;
    font-weight: 700;
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    padding-bottom: 15px;
}
.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.grand.totals td{
    padding-bottom: 15px;
}
.cart-totals .amount, .opc-block-summary .table-totals .amount{
    padding-right: 15px;
}
.totals-tax-details th,
.totals-tax-summary th{
    padding: 15px 15px 0 !important;
    font-size: 14px;
    color: #565653;
}
.checkout-cart-index .page-main .checkout-extra>.block>.title.active{
    background-color: #f8f9fa;
    color: inherit;
    border-color: #efefef;
}
.checkout-cart-index .page-main .checkout-extra>.block>.content{
    background-color: #f8f9fa;
}
.btn.btn-primary, .action.primary, .action-primary{
    background: #628192;
    border-color: #628192;
    color: #fff;
}
.checkout-cart-index .cart-summary .checkout-methods-items button.action.primary.checkout:hover, .checkout-cart-index .cart-summary .checkout-methods-items .cart.table-wrapper .actions-toolbar>.action.action.primary.checkout:hover, .checkout-cart-index .cart-summary .checkout-methods-items .action-gift.action.primary.checkout:hover{
    background-color: #5e7c8c;
    color: #fff;
    border-color: #5e7c8c;
}
.checkout-cart-index .cart-summary .checkout-methods-items button.action.primary.checkout, .checkout-cart-index .cart-summary .checkout-methods-items .cart.table-wrapper .actions-toolbar>.action.action.primary.checkout, .checkout-cart-index .cart-summary .checkout-methods-items .action-gift.action.primary.checkout{
    border-radius: 4px;
    border-color: #628192;
    letter-spacing: 0.4px;
}
.checkout-cart-index .page-main .checkout-extra>.block>.title{
    top: 0;
}
.checkout-cart-index .page-main .checkout-extra>.block.discount>.title{
    top: 25px;
}
.checkout-cart-index .btn-continue{
    float: left;
}
.table{
    color: #565653;
}
.cart.table-wrapper .item-options dd{
    color: #565653;
}
.cart-bottom{
    clear: both;
}
.checkout-cart-index .page-main .cart.main.actions button{
    border: 2px solid #628192;
    border-radius: 4px;
    color: #628192;
}
.checkout-cart-index .page-main .cart.main.actions button:hover{
    border: 1px solid #628192;
    background: #628192;
    color: #fff;
    border-radius: 4px;
}
.cart-totals .mark strong, .opc-block-summary .table-totals .mark strong{
    font-weight: 700;
}
.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals th, .checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals-tax th{
    color: #565653;
}
.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals th, .checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals-tax th{
    font-size: 16px;
}
#formilla-frame{
    z-index: 992 !important;
}
div[id^='trustbadge-container']{
    z-index: 991 !important;
}
#qty-error{
    position: absolute;
    width: 400px;
    right: 0;
    top: 23px;
}
.category-trial-weekender.page-layout-1column.catalog-product-view .product-info-main,
.producttype-sirent.page-layout-1column.catalog-product-view .product-info-main{
    padding-top: 0;
}
.category-trial-weekender h1,
.producttype-sirent h1{
    margin-top: 0;
}
.category-trial-weekender .product-info-main .price,
.producttype-sirent .product-info-main .price{
    font-size: 16px;
}
.category-trial-weekender .product-info-main .field.qty,
.category-trial-weekender .product-info-main .price-details,
.category-trial-weekender .product-info-main .additinalinfoblock,
.producttype-sirent .product-info-main .field.qty,
.producttype-sirent .product-info-main .price-details,
.producttype-sirent .product-info-main .additinalinfoblock{
    display: none !important;
}

p::selection {
    color: #fff;
    background-color: #9fb2bf;
}

.owl-carousel .owl-nav>div {
    color: #565653;
    border: 2px solid #565653;
}

.owl-carousel .owl-nav>div.disabled {
    color: #628192;
    border-color: #628192;
}

.owl-carousel .owl-nav>div:not(.disabled):hover {
    background-color: #628192;
    color: #fff;
    border-color: #628192;
}

.product.media .product.item-image .label-video {
    background-color: #628192;
}

.catalog-product-view .uk-accordion a:active,.catalog-product-view .uk-accordion a:focus {
	color: #6f6f6f;
	text-decoration:none;
}

.breadcrumbs a:visited, .breadcrumbs a {
    color: #565653;
}

.breadcrumbs .items {
    color: #628192;
}

.checkout-cart-index .cart-bottom .cart-totals .shipping span.value {
	display:none;
}

.checkout-cart-index .page-main .cart.main.actions button {
    display:none;
}

.page-with-filter .sidebar div.filter-options-title{
	font-family: Heebo;
    font-weight: 700 !important;
    color: #565653 !important;
    font-size: 20px !important;
}

.page-with-filter .mgs-filter-active .filter-current-subtitle {
	font-family: Heebo;
    font-weight: 700 !important;
    color: #565653 !important;
    font-size: 16px !important;
}

.page-with-filter .mgs-filter-active .shoppingby-item .state-item{
	font-size: 13px;
    text-transform: uppercase;
    font-family: Lato;
    color: #565653 !important;
    border-color: #565653 !important;
}

.page-with-filter .mgs-filter-active .shoppingby-item .state-item:hover{
	font-size: 13px;
    text-transform: uppercase;
    font-family: Lato;
    color: #fff !important;
    border-color:  #565653 !important;
	background-color:  #565653 !important;
}

.page-with-filter .mgs-filter-active .shoppingby-item+.shoppingby-item .state-item .filter-active-item-clear-all {
    font-size: 13px;
    text-transform: uppercase;
    font-family: Lato;
    color:  #565653 !important;
    border-color:  #565653 !important;
}

.page-with-filter .mgs-filter-active .shoppingby-item .state-item:hover .filter-active-item-clear-all{
    color: #fff !important;
	text-decoration:none;
}

.page-with-filter .mgs-filter-active .state-item:hover .state-item-icon-cancel:after {
    display:none;
}

/*.page-with-filter.page-products.catalog-category-view  .page-main .breadcrumbs {
	display:none;
}
*/
.page-with-filter .page-main .category-product-actions {
    margin-bottom: 0px;
}

.page-with-filter.product-bundle .page-title-wrapper {
	margin-bottom:130px;
}

.password-strength-meter {
	display:none;
}

.catalog-product-view .mfp-img-gallery .mfp-img {
    background: transparent;
}

.product-bundle .page-main-details {
	display:none;
}

.catalog-product-view .price {
	color: #565653
}

.catalog-product-view .price-details {
	color: #565653
}

.checkout-cart-index .block.crosssell .block-heading h3.title {
	font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
	font-family: Heebo;
    color: #565653;
    text-transform: none !important;
}

.checkout-cart-index .block.crosssell .product-item-info h5 .product-item-link {
	font-size: 16px;
    line-height: 1.4;
    font-family: Lato;
    font-weight: 600;
    letter-spacing: .6px;
	color: #565653;
    text-transform: none;
}

.checkout-cart-index .block.crosssell .product-item-info .price-container {
	color: #565653;

}

.checkout-cart-index .block.crosssell .product-item-info button.tocart .pe-7s-shopbag:before {
    content: url("https://www.inklang.de/images/_Icons/warenkorb.svg");
	padding: 9.5px;
    display: block;
}

.checkout-cart-index .block.crosssell .product-item-info button.tocart:hover {
	background-color: #628192 !important;
}

.checkout-cart-index .block.crosssell .product-item-info button.tocart:hover .pe-7s-shopbag:before {
    content: url("https://www.inklang.de/images/_Icons/warenkorb_white.svg");
	padding: 8px;
    display: block;
}

.checkout-cart-index .cart-container .btn-continue {
	height:auto;
	line-height:22px;
	padding: 9px 30px;
}

.checkout-cart-index .checkout-extra .field label {
	font-weight:400 !important;
}

.checkout-cart-index .totals-tax-details th,.checkout-cart-index .totals-tax-summary th {
    font-size: 16px;
}

.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals.sub td span.price {
    font-size: 16px;
}

.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals th span.label{
	font-size: 16px;
}

.checkout-cart-index .table-wrapper table tbody tr td .control.qty {
        margin-bottom: 0px;
    }

.cart.table-wrapper .items>.item:last-of-type {
	border-bottom:none;
}

.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals td {
	color: #565653;
}

.checkout-index-index .authentication-wrapper {
	display:none;
}

.checkout-index-index .checkout-header {
    width: 100%;
}

.checkout-index-index .checkout-header .title{
    text-align: center;
	padding: 20px 0 40px 0;
}

.checkout-index-index .opc-estimated-wrapper {
	display:none;
}

.amcheckout-step-container .amcheckout-title>.amcheckout-icon {
    border: 2px solid #565653;
}

.amcheckout-step-container .amcheckout-title>.amcheckout-icon:before {
    border-bottom: 2px solid #565653;
    border-right: 2px solid #565653;
}

.amcheckout-step-container .amcheckout-title>.amcheckout-icon:hover, .amcheckout-step-container .amcheckout-title>.amcheckout-icon:hover:before {
    border-color: #6f6f6f;
}

.amcheckout-step-container .amcheckout-title {
    font-weight: 700;
    font-family: Heebo;
    color: #565653;

}

.amcheckout-main-container.-modern .amcheckout-block:not(:first-of-type) {
    margin: 15px 0 0 0;
}

.checkout-index-index .checkout-shipping-method .step-title {
    margin-bottom: 0px;
}

.checkout-index-index .header {
	height: auto !important;
	    display: flex;
    justify-content: center;
}

.checkout-index-index .checkout-header .description {
    font-size: 16px;
    color: #565653;
}

.checkout-index-index .amcheckout-step-container .fieldset>.field>.label,.checkout-index-index .amcheckout-step-container .fieldset>.fields>.field>.label {
    font-weight: 700;
    font-size: 14px;
    margin: 10px 0 0 0;
}

.checkout-index-index .amcheckout-step-container .amcheckout-title+.amcheckout-content>.amcheckout-wrapper {
    padding: 10px 0;
}

.checkout-index-index .amcheckout-form-login {
    margin-bottom: 10px;
}

.checkout-index-index .form-shipping-address .fieldset .field+.field {
    margin: 0px 0;
}

.checkout-cart-index .page-main .cart-empty a {
    color: #628192;
}

.checkout-cart-index .page-main .cart-empty {
    color: #565653;
}

.checkout-index-index .form-shipping-address fieldset.street {
    margin-top: 8px !important;
}

.amcheckout-step-container .amcheckout-form-login .amcheckout-password, .amcheckout-step-container .form-login .amcheckout-password {
    width: 100%;
}

.checkout-index-index .checkout-shipping-address .form-login fieldset .actions-toolbar button.action.login.primary {
            border: 2px solid #565653;
            background-color: #565653;
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 400;
	height: 40px;
    margin-top: 10px;
        }

.checkout-index-index .checkout-shipping-address .form-login fieldset .actions-toolbar button.action.login.primary:hover {
	background-color:#3c3b3c !important;
	border-color:#3c3b3c !important;
}

.checkout-index-index .form-shipping-address,.checkout-index-index .methods-shipping,.checkout-index-index form.payments {
	    margin-bottom: 10px;
}

form.form-shipping-address .field._required label.label:after {
    color: #628192;
}

.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method.-selected, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method.-selected, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active {
	     border-color: #628192;
}

.checkout-index-index .amcheckout-items tr.amcheckout-method {
	margin-left:0;
}

.amcheckout-step-container input[type='radio']:checked+label:before {
    border-color:  #628192;
    box-shadow: none;
}

.checkout-index-index .table-checkout-shipping-method tbody tr td {
    padding: 10px 5px 10px 5px;
    text-align: left;
    vertical-align: text-top;
    cursor: pointer;
    width: auto;
}

.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method {
    padding: 0 10px;
}


#checkout-shipping-method-load tr.amcheckout-method td.col-carrier {
	display:none;
}
.checkout-index-index footer.page-footer {
	display:none;
}

.amcheckout-step-container input[type='radio']+label:hover:before {
	    border-color: #628192;
}

.checkout-index-index .field.choice:not(.review-field-rating) input[type="checkbox"]+label, .form .choice:not(.review-field-rating) input[type="checkbox"]+label {
	    padding-left: 0px;
	min-height: auto;
	line-height: 21px;

}

.checkout-index-index .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content {
    padding: 0 20px 20px 20px;
}

.checkout-index-index .amcheckout-main-container.-layout-2columns .amcheckout-column:not(:first-of-type) {
    margin-top: 0px;
}

.amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
    background: #628192;
}

.checkout-index-index button.action.action-show, .cart.table-wrapper .actions-toolbar>.action.action.action-show {
    color: #565653 !important;
}

.amcheckout-step-container .opc-payment-additional {
    padding: 0 0px;
}

.checkout-payment-method .payment-option-title .action-toggle {
    color: #1979c3;
    font-family: Heebo;
    font-weight: 700;
    color: #565653 !important;
}

.amcheckout-step-container .amcheckout-summary-container .amcheckout-title>.amcheckout-icon {
    background: transparent;
    border-color: #fff;
}

.amcheckout-step-container .amcheckout-summary-container .amcheckout-title>.amcheckout-icon:before {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.payment-option.discount-code .payment-option-title  {
	margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: none;
}

.checkout-container .opc-block-summary .items-in-cart>.title strong {
    font-size: 20px;
    text-transform: none;
    font-family: Heebo;
    font-weight: 700;
    color: #565653;
}

.amcheckout-step-container .primary .action.checkout, .amcheckout-step-container .action.checkout.amasty {
    background: #628192;
    font-family: Lato;
    padding: 14px 30px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
}

.amcheckout-step-container .primary .action.checkout:hover, .amcheckout-step-container .action.checkout.amasty:hover {
    background: #88a1b0;
}

.checkout-index-index .opc-block-summary .table-totals tr.totals.sub th {
    font-size: 16px;
    border-bottom: none;
    color: #565653;
}

.checkout-index-index .opc-block-summary .table-totals tr.totals.sub td {
    font-size: 16px;
    border-bottom: none;
    color: #565653;
    padding: 0;
}

.checkout-index-index .opc-block-summary .table-totals .mark {
    padding: 0px;
    font-size: 16px;
    color: #565653;
    font-weight: 700;
}

.checkout-index-index .opc-block-summary .table-totals .amount {
        padding: 0;
        font-size: 16px;
        color: #565653;
    }

.checkout-index-index .opc-block-summary .table-totals tr th .label {
    color: #565653;
    font-weight: 700;
    margin-right: 10px;
    font-size: 16px;
}

.checkout-index-index  .opc-block-summary .table-totals tr.totals.grand strong {
	    color: #565653;
    font-weight: 700;
    font-family: Heebo;
    font-size: 20px;
}

.checkout-index-index .opc-block-summary .table-totals tr.totals.grand th {
	padding-top:0;
}

.checkout-index-index  .opc-block-summary .table-totals tr.totals.grand td.amount .price {
	    font-family: Lato;
    font-weight: 400;
    color: #565653;
	font-size:20px;
}

.message.info * a, .message.error * a, .message.warning * a, .message.notice * a, .message.success * a {
    color: #628192;
}

.payment-option.discount-code .payment-option-content form.form.form-discount .actions-toolbar .primary button.action.action-apply {
	font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background-color: #565653;
    font-weight: 400;
    margin-bottom: 20px;
}

.payment-option.discount-code .payment-option-content form.form.form-discount .actions-toolbar .primary button.action.action-apply:hover {
	border: none;
    background-color: rgb(60, 59, 60);
}

.checkout-index-index .page-main .main {
	margin-bottom: 40px;
}

.opc-block-summary .table-totals tr.totals.grand td {
	padding-top:0;
}

.checkout-index-index .amcheckout-step-container .amcheckout-summary-container .minicart-items .product-item-details {
    padding-left: 20px;
}

.minicart-items .product-item .product-item-details .product-item-name {
	    color: #565653;
	width:100%;
	font-family: Heebo;
	font-weight:700;
}

.minicart-items .product-item .product-item-details.label {
    font-size: 13px;
    color: #565653;
    padding: 0;
    margin: 0;
    font-weight: 400;
}

.checkout-index-index .opc-block-summary .minicart-items span.non-editable-qty {
    width: 55px;
    font-size: 13px;
    font-weight: 400;
    color: #565653;
}

.checkout-index-index .amcheckout-step-container .amcheckout-summary-container .subtotal {
    width: 100%;
    color: #565653;
	    text-align: left;
}

.checkout-index-index .amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-name-block {
    align-items: start;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
}

.checkout-index-index .minicart-items-wrapper .product-item dl.item-options {
	    margin: 0 0 0px 0;
}

.checkout-index-index .amcheckout-step-container .amcheckout-summary-container .items-in-cart {
    margin-bottom: 0px;
}


.checkout-index-index .amcheckout-step-container .amcheckout-summary-container .product-item-details .details-qty .label{
	margin-bottom:0;
}

.checkout-index-index .field-tooltip .field-tooltip-action:before {
	    color: #628192;
}

.checkout-index-index .tooltipster-content {
	color:#565653;
}
.amcheckout-step-container input[type='checkbox']+label:hover:before {
	    border-color: #628192;
}

.checkout-onepage-success .breadcrumbs {
	display:none;
}

.checkout-onepage-success .page-title-wrapper {
	padding-bottom: 20px;
}

.checkout-onepage-success .checkout-success {
	color:#565653;
	border: none;
}

.checkout-onepage-success .block-order-details .block-title strong {
	    color: #565653;
    font-family: Heebo;
    font-weight: 700 !important;
    font-size: 22px !important;
}

.checkout-onepage-success .block-order-details .block-title {
	margin-bottom: 0px !important;
}

.checkout-onepage-success .block-order-details .order-date {
	    color: #565653;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 20px !important;
}

.checkout-onepage-success .block-order-details-view {
	    margin-top: 30px;
}

.checkout-onepage-success .block-order-details-view .block-title-account h3{
	text-align: left;
    font-family: Heebo;
    text-transform: none;
    color: #565653;
    font-weight: 700;
}

.checkout-onepage-success .block-order-details-view .block-content {
	text-align:left;
}

.checkout-onepage-success .block-order-details-view .block-content h4.box-title-subaccount {
    font-size: 16px;
    color: #565653;
    font-weight: 700;
    margin-bottom: 0px;
}

.checkout-success a {
    color: #628192;
}

.checkout-onepage-success .order-details-items .order-title strong{
	    text-align: left;
    font-family: Heebo;
    text-transform: none;
    color: #565653;
    font-weight: 700;
    font-size: 20px;
}

.checkout-onepage-success .order-details-items .order-title {
	 text-align: left;
}

.checkout-onepage-success .table-order-items thead tr th{
	text-transform: none !important;
    color: #565653 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.table-wrapper.order-items table.table tbody tr td.col.name .product-item-name {
	    font-weight: 700;
    color: #565653;
}

.table-order-items dl.item-options {
	    margin: 0 0;
    font-size: 13px;
    color: #565653;
}

.table-order-items dl.item-options dd {
    margin: 0 0 10px;
}

.checkout-success .actions-toolbar .primary {
    float: left;
}

.checkout-success .actions-toolbar .primary a.action.primary.continue {
    font-weight: 400;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 4px;
	    padding: 9px 35px;
	    height: auto;
    line-height: 22px;
	display:none;
}

.checkout-success .actions-toolbar .primary a.action.primary:hover {
    border-color: #88a1b0;
    background-color: #88a1b0;
}

.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.sku {
	    vertical-align: top;
    color: #565653;
}

.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.price {
	    vertical-align: top;
}

.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.price span.price {
	        color: #565653;
    font-size: 16px;
}

.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.qty {
	    vertical-align: top;
    color: #565653;
}

.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.subtotal {
	    vertical-align: top;
}

.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.subtotal span.price {
	        color: #565653;
    font-size: 16px;
}

.checkout-onepage-success .cart-bottom .cart-totals table.data.table.totals tbody tr.totals-tax td span.price {
    color: #565653;
    font-weight: 400;
    font-size: 16px;
}

.checkout-success .price-including-tax,.checkout-success .price-excluding-tax {
    font-size: 16px !important;
}

.table-wrapper.order-items table.table tfoot tr.grand_total td strong {
	font-size: 16px;
    color: #565653;
    font-family: Lato;
    font-weight: 700;
}

.table-wrapper.order-items table.table tfoot tr.grand_total th strong {
	font-size: 16px;
    color: #565653;
    font-family: Lato;
    font-weight: 700;
}

.checkout-onepage-success .table-order-items tfoot {
	color: #565653 !important;
}

 .checkout-onepage-success .table-order-items tfoot .mark {
    text-align: left !important;
}

.checkout-onepage-success .table-wrapper.order-items table.table tfoot tr th {
	font-size:16px;
}

.checkout-onepage-success .table:not(.cart):not(.totals) tfoot>tr:first-child th {
	padding-top: 10px;
}

.checkout-onepage-success .table-wrapper.order-items .totals-tax-summary th {
    padding: 0 !important;
}

.checkout-onepage-success .table-wrapper.order-items .totals-tax-summary td {
    padding: 15px 8px !important;
}

.checkout-onepage-success .table-wrapper.order-items .tax.details td.mark {
	    padding-left: 0;
}

.table-wrapper table tbody tr td .price {
    color: #565653 !important;
	font-size:16px !important;
}

.checkout-cart-index .btn.btn-primary:hover {
	border-color: #88a1b0;
    background-color: #88a1b0;
}

.account .block-title-account h3 {
	    color: #565653;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    font-family: Heebo;
}

.account h4.box-title-subaccount {
    font-size: 16px;
    color: #565653;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: 'Lato';
}

.account .main{
	color:#565653;
}

.account .page-title-wrapper .page-title {
    margin-right: 0px;
}

.account .sidebar .block.account-nav .account-nav-title h3.title {
    font-size: 20px;
    font-weight: 700;
    color: #565653;
    font-family: Heebo;
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 0px;
}

.account .sidebar .block.account-nav .account-nav-title h3.title:after {
    display:none;
}

.account .account-nav .item.current a,.account .account-nav .item.current strong {
    font-weight: 400;
    color: #628192;
    font-size: 16px;
}

.account .account-nav .item a {
    text-decoration: none;
    font-weight: 400;
    color: #565653;
    font-size: 16px;
    padding: 3px 0;
}

.account .account-nav .item a:hover {
    color: #628192;
}
.account .account-nav .item>strong {
    padding: 3px 0;
}

.account .message.info {
    background: #628192;
    color: #fff !important;
	font-size:16px;
	padding: 11px 45px
}

.account .message.info>*:first-child:before {
    color: #fff;
}

.account .btn-default {
	    font-size: 13px;
    font-weight: 400;
    font-family: Lato;
    padding: 20px 15px;
    background-color: #628192;
    color: #fff;
    line-height: 0;
    height: 0;
	letter-spacing:0.5px;
	border:none;
	border-radius:4px;
}
.account .btn-default:hover {
    background-color: #88a1b0;
	border:none;
}

.account .btn-secondary {
	font-size: 13px;
    font-weight: 400;
    font-family: Lato;
    padding: 20px 15px;
    background-color: #565653;
    color: #fff;
    line-height: 0;
    height: 0;
	letter-spacing:0.5px;
	border:none;
	border-radius:4px;
}

.account .btn-secondary:hover {
    background-color: #3c3b3c;
	border:none;
}

.account .block-dashboard-addresses {
	margin-top:30px;
}

.customer-account-login .btn-secondary {
	font-size: 13px;
    font-weight: 400;
    font-family: Lato;
    padding: 20px 15px;
    background-color: #565653;
    color: #fff;
    line-height: 0;
    height: 0;
	letter-spacing:0.5px;
	border:none;
	border-radius:4px;
}

.account .btn-primary, .customer-account-login .btn-primary {
	    font-size: 13px;
    font-weight: 400;
    font-family: Lato;
    padding: 0px 15px;
    background-color: #628192;
    color: #fff;
    line-height: 16px;
    height: 40px;
    letter-spacing: 0.5px;
    border: none;
    border-radius: 4px !important;
}

.account .btn-primary:hover, .account .btn-primary:focus, .customer-account-login .btn-primary:hover, .customer-account-login .btn-primary:focus{
	background-color: #88a1b0;
	border:none;
}

.customer-account-login .login-container .block .block-title h2 {
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
    font-family: Heebo;
    color: #565652;
	margin-bottom:10px;
}

.customer-account-login .login-container .block .block-title {
    margin-bottom: 0px;
}

.customer-account-login .main {
	color: #565653;
}

.customer-account-login .login-container .fieldset .field.note {
    margin-top: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #565653;
}

.account .sidebar-additional {
	display:none;
}

.account .fieldset .field>.label {
    color: #565653;
    font-weight: 700;
    font-family: Lato;
    margin-bottom: 0;
}

.account .form-edit-account label, .account .form-address-edit label {
    color: #565653 !important;
    font-weight: 700 !important;
    font-family: Lato !important;
    margin-bottom: 0 !important;
	width: 100% !important;
    text-align: left !important;
}

.account main.page-main .columns form .actions-toolbar-form, body.account main.page-main .columns .actions-toolbar-form {
    margin-top: 20px !important;
    border-top: none !important;
    padding-top: 0 !important;
    margin-bottom: 0px !important;
}

.account form.form-edit-account .actions-toolbar-form .primary {
    margin-right: 0px !important;
}

.account .form-edit-account{
    margin-bottom:0 !important;
}

.account .form-edit-account .field.choice {
	    margin: 0px 0 !important;
}

.account .field-name-prefix {
	padding-right: 15px;
    padding-left: 15px;
}

form.form-edit-account .customer-name-fields {
    margin-bottom: 10px;
}

.account .form-edit-account .field.choice label{
	    min-height: auto !important;
}

.field.choice:not(.review-field-rating) input[type="checkbox"], .form .choice:not(.review-field-rating) input[type="checkbox"] {
	top: 7px !important;
}

form.form-address-edit h3.block-title-info {
    color: #565653;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    font-family: Heebo;
}

.modal-popup.modal-slide .modal-inner-wrap .modal-content {
    padding: 40px;
	    border: none;
    margin: 5px;
}

.modal-content em {
    color: #565653;
}

.modal-header .action-close:before {
	color:#fff;
	    background-color: #628192;
	border-radius:4px;
}

.modal-header .action-close:hover:before {
    color: #fff;
	background-color: #88a1b0;
}

.modal-header {
	     border-bottom: none !important;
    padding-bottom: 0 !important ;
}

.modal-footer {
	    border-top: none !important;
    padding-top: 10px !important;
    padding-right: 0 !important;
}

.modal-footer button.secondary {
	font-size: 13px !important;
    font-weight: 400 !important;
    font-family: Lato;
    padding: 20px 15px !important;
    background-color: #565653 !important;
    color: #fff !important;
    line-height: 0 !important;
    height: 0 !important;
	letter-spacing:0.5px !important;
	border:none !important;
	border-radius:4px !important;
	text-transform: uppercase !important;
}

.modal-footer button.secondary:hover {
    background-color: #3c3b3c !important;
	border:none !important;
}

.shipping-address-item {
	color: #565653 !important;
	    line-height: 1.3em !important;
}

button.amcheckout-button {
	font-size: 13px !important;
    font-weight: 400 !important;
    font-family: Lato;
    padding: 20px 15px !important;
    background-color: #565653 !important;
    color: #fff !important;
    line-height: 0 !important;
    height: 0 !important;
	letter-spacing:0.5px !important;
	border:none !important;
	border-radius:4px !important;
	text-transform: uppercase !important;
}

button.amcheckout-button:hover {
    background-color: #3c3b3c !important;
	border:none !important;
}

.allemodellegrid div.uk-grid div:nth-of-type(6) .el-item img {
	    width: 43px;
    padding-bottom: 3px;
    margin-top: 5px;
}

.allemodellegrid .el-item img {
	width: 50px;
}

.allemodellegrid {
	width:500px !important;
}

.page-products footer.page-footer {
    margin-top: 0px;
}

.account .block-dashboard-orders {
	    margin-top: 50px;
}

.account .fieldset-fullname .field-name-lastname{
	    margin-bottom: 0;
}

.account .fieldset-fullname .field{
	    margin: 5px 0;
}
.account .table-wrapper.orders-history table.table thead tr th {
	text-transform: none;
    color: #565653;
    font-weight: 700;
	    text-align: left;
    padding: 15px 0;
}

.account .table-wrapper.orders-history table tbody tr td.actions .action.view:after {
    display:none;
}

.account .table-wrapper.orders-history table tbody tr td.actions .action.view {
    color: #628192;
}

.account .table-wrapper.orders-history table.table tbody tr td {
	    text-align: left;
	    padding: 15px 0;
}

.account main.page-main .columns .actions-toolbar-form a {
    margin-left: 5px !important;
}

.account.sales-order-view .page-title-wrapper {
    padding-top: 139px;
}

.sales-order-view .page-title-wrapper span.order-status{
    color: #565653;
	font-size:16px;
	    margin-bottom: 20px;
    margin-top: 50px;
}

.sales-order-view .page-title-wrapper .order-date span{
    color: #565653;
	font-size:16px;
}

.sales-order-view .page-title-wrapper .order-date {
    margin-bottom:0;
}
.sales-order-view .page-title-wrapper .actions-toolbar.order-actions-toolbar a {
	color: #628192;
	font-size:16px;
}

.sales-order-view .page-title-wrapper .actions-toolbar.order-actions-toolbar{
	color: #628192;
	font-size:16px;
	margin-bottom:0;
}

.sales-order-view .items.order-links {
	display:none !important;
}

.account .table-wrapper table.table thead tr .name {
	    vertical-align: top;
    color: #565653;
	text-transform:none;
}

.account .table-wrapper table.table thead tr .sku {
	    vertical-align: top;
    color: #565653;
	text-transform:none;
}

.account .table-wrapper table.table thead tr .price {
	    vertical-align: top;
	        color: #565653;
    font-size: 16px;
	text-transform:none;
}

.account .table-wrapper table.table thead tr .qty {
	    vertical-align: top;
    color: #565653;
	text-transform:none;
}

.account .table-wrapper table.table thead tr .subtotal {
	    vertical-align: top;
	        color: #565653;
    font-size: 16px;
	text-transform:none;
}


.account .table:not(.cart):not(.totals) tfoot .mark {
    font-weight: 400;
    text-align: left !important;
    font-size: 16px;
    color: #565653;
	padding: 0px 0;
}

.account .table-wrapper.order-items table.table tfoot tr td {
	padding: 0;
}

.account .table:not(.cart):not(.totals) tfoot>tr:first-child th{
	padding-top:0;
}

.account .totals-tax-summary th {
    padding: 0 !important;
    font-size: 16px;
}

.account .totals-tax-summary td {
    padding: 0px !important;
}

.account .table-wrapper.order-items table.table tbody tr td {
    padding: 15px 0;
    vertical-align: top;
}

.account .price-including-tax {
    font-size: 16px !important;
}

.account .actions-toolbar .secondary a.action {
            margin-bottom: 50px !important;
        }

.account .block-dashboard-orders .table-order-items tr td.col.actions .action.view:after {
            display:none;
        }
.account table.table-order-items {
	color: #565653;
}

.account .column.main .block:not(.widget) .block-title>strong {
	font-weight: 700;
    line-height: 1.1;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Heebo;
}

.account .block-dashboard-orders .table-order-items tr th {
            text-transform: none;
            color: #565653;
            font-weight: 700;
            font-size: 16px;
        }



.customer-account-forgotpassword .page-main {
	max-width: 800px !important;
}

.customer-account-forgotpassword .btn-primary, .customer-account-createpassword button.primary{
	font-size: 13px;
    font-weight: 400;
    font-family: Lato;
    padding: 20px 15px;
    background-color: #628192;
    color: #fff;
    line-height: 0;
    height: 0;
	letter-spacing:0.5px;
	border:none;
	border-radius:4px !important;
	text-transform:  uppercase;
}

.customer-account-forgotpassword .btn-primary:hover, .customer-account-createpassword button.primary:hover {
	background-color: #88a1b0;
	border:none;
}

.customer-account-forgotpassword .btn-default, .customer-account-create .btn-default {
	  font-size: 13px;
    font-weight: 400;
    font-family: Lato;
    padding: 20px 15px;
    background-color: #565653;
    color: #fff;
    line-height: 0;
    height: 0;
	letter-spacing:0.5px;
	border:none;
	border-radius:4px;
}

.customer-account-forgotpassword .btn-default:hover, .customer-account-create .btn-default:hover {
    background-color: #3c3b3c;
	border:none;
}

.customer-account-forgotpassword .form {
    margin-bottom: 0px;
}

     .customer-account-forgotpassword .column.main {
            min-height: auto;
        }
  .customer-account-createpassword .page-main {
	max-width: 800px !important;
}

  .customer-account-createpassword form .actions-toolbar {
            margin-left:0 !important;
        }
	.customer-account-createpassword  .page-title-wrapper {
	margin-bottom:50px;
}

.customer-account-login footer.page-footer{
	    margin-top: 40px;
}
.customer-account-create .page-title-wrapper {
	margin-bottom:50px;
}

.customer-account-create form.form-create-account fieldset h2.title {
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
    margin: 10px 0;
    font-family: Heebo;
}

.customer-account-create .fieldset .field+.field {
    margin: 10px 0;
}

.customer-account-create form.form-create-account fieldset .required .label::after {
    color: #628192;
}

.customer-account-create .fieldset .field>.label {
    width: 100% !important;
    text-align: left !important;
}

.customer-account-create .label {
	color: #565653;
    font-weight: 700 !important;
    font-family: Lato;
    margin-bottom: 0;
	width:100% !important;
	text-align:left !important;
	padding: 0 !important;
}

.customer-account-create .form {
    margin-bottom: 0px;
}

.customer-account-create div.customer-name-prefix {
	width: 100%;
}

.customer-account-create  .fieldset .fullname .field .control {
            width: 100%;
        }

	.checkout-cart-index footer.page-footer {
    margin-top: 0px;
}
.header.links{
    height: auto;
}
.catalogsearch-result-index .search.results{
    border: 0 none;
}
.catalogsearch-result-index .breadcrumbs{
    display: none;
}
#search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .product-items .product-item{
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.page-header .search-form .block-search .block-content .form.minisearch .input-text{
    background: #fff;
    color: #565653;
    max-width: 520px;
    margin: 0 auto;
    border-radius: 50px;
}
body #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .title{
    background-color: #628192;
    color: #fff;
}
body #search_mini_form .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .title>span {
    color: #fff;
}
.mgs-instant-search-dropdown .see-all{
    color: #fff;
}
.field.search{
    border: 0 none;
}
body .product.media .item-thumb .popup-video-thumb span.ti-video-camera{
    background: #628192;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
}
body .product.media .item-thumb .popup-video-thumb span.ti-video-camera:before{
    color: #fff;
    content: "\f04b";
    font-family: "FontAwesome";
    font-size: 20px;
	    margin-left: 4px;
}
.slick-slider .grid_shortdesc{
    display: none;
}
.cms-page-view .breadcrumbs {
	display:none;
}

.cms-page-view .main h2 {
	display:none;
}

.cms-page-view .page-title-wrapper {
    padding-bottom: 40px;
}

.cms-page-view strong em {
	color:#628192;
}

.cms-page-view p {
	    line-height: 27px;
}


.catalog-product-view .product div.uk-grid .el-item h3.el-title {
	    padding-right: 10px;
	margin-top: 3px !important;
}

.catalogsearch-result-index .page-title-wrapper {
    padding-bottom: 40px;
}

.search-open .page-header .search-form .block-search.active:after {
     background: #565653;
}

.header-area .table-icon-menu .theme-header-icon:hover {
	    color: #628192 !important;
}

.page-header .search-close:hover {
    color: #628192;
}

.conf-innercont .close svg{
	    margin-top: -2px;
    margin-left: 5px;
}

.cms-page-view .uk-table-striped td {
    padding: 16px 12px !important;
    vertical-align: middle;
    border-top: none !important;
}

.amcheckout-step-container .amcheckout-form-login .amcheckout-email .note, .amcheckout-step-container .form-login .amcheckout-email .note {
    color: #565653;
    line-height: 27px;
}

.product ul.slick-dots {
	display:none !important;
}
/*
.conf-innercont .realoptions .label .optiontitle {
	margin-top:2px;
}
*/
.confform .mobilename {
	position:relative;
	padding:0;
}

.confform .mobilename div.close{
	    background-color: #628192;
    color: #fff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 3%;
    top: 15px;
    z-index: 99;
}

.confform .mobilename div.close svg path{
	stroke: #fff;
}

.catalog-product-view .product-info-main .product.attribute.overview .value ul {
    list-style-type: disc;
}

.confform .mobilename .product-name {
display:none;
}
.producttype-sirent .product-options-bottom .box-tocart {
    margin: 20px 0 !important;
}

#product-review-container {
	display:none;
}

.page-main-details .review-list {
    margin-bottom: 0px;
}

.block.review-list .review-items li.item.review-item .review-title {
    font-size: 18px;
    color: #628192;
    margin-bottom: 0;
    line-height: 1.75;
    font-weight: 700;
}

.block.review-list .review-items li.review-item .review-ratings .rating-summary.item .rating-label {
    color: #565653;
}

.block.review-list .review-items li.review-item .review-details .review-author
 {
    color: #565653;
	     margin-top: 20px;
}

.block.review-list .review-items li.review-item .review-details p.review-date {
    margin-left: 0px;
    text-align: left;
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
	color: #565653;
}

.full-review.product-reviews-summary .reviews-actions a {
    color: rgb(86, 86, 83);
}

/*
.catalog-product-view .description ol.product-items.slick-slider{
	margin-bottom:70px;
}
*/
#reviews {
	margin-top:40px;
}

#reviews h2.product-section-titles {
	margin-top:0;
}
.productfaq .uk-accordion-title{
    font-size: 18px;
    font-family: Lato;
}
.productfaq .uk-accordion-content ul li{
    list-style-type: disc;
}
.productfaq .uk-accordion-content{
    margin-top: 10px;
}
.product-common .pagebuilder-column > div > div.uk-margin-large.uk-container.uk-container-xlarge {
	margin-bottom:0;
}

.product-hd-10-stream-connect .column.main {
	    margin-bottom: 25px;
}

.page-with-filter.page-products.catalog-category-view .page-title-wrapper {
    padding-bottom:130px;
}

.page-with-filter .sidebar.sidebar-main .block.filter {
	margin-bottom:0px;
}

.page-with-filter .sidebar.sidebar-main .block.filter .block-title.filter-title{
	margin-bottom:0px;
}

.page-with-filter .sidebar.sidebar-main .block.filter .block-title.filter-title strong{
	margin-bottom:0px;
}

.catalog-category-view .block.filter .block-content.filter-content .close-filter-fixed {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    position: relative;
    background: #628192;
}

.product-common .product-info-main .box-tocart .fieldset {
	justify-content: normal;
}

.producttype-sirent.catalog-product-view .breadcrumbs {
	margin-bottom:0;
}

.page-products.categorypath-lautsprecher-subwoofer .page-main>.columns .column.main {
	width:100% !important;
}

.account .order-actions-toolbar {
	display:none !important;
}

.product-options-wrapper .uk-card .field.choice:not(.review-field-rating) input[type="radio"]+label {
	min-height: auto;
}

.conf-innercont div.label-qty {
	    padding: 5px 0 0 20px !important;
}

.conf-innercont .realoptions .field .control p.note.note_783 {
	padding-bottom:10px;
}

.confform .product-options-bottom .mageworx-shareable-link-text {
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

.confform .product-options-bottom .mageworx-shareable-link-success-container {
    background: #628192;
	margin-right:5px;
}

.confform .product-options-bottom .mageworx-shareable-link-icon {
    display: none;
}

.catalog-product-view .childcable .optiontitle {
    margin-top: 0px;
	font-size:13px;
	float:left;
}

.catalog-product-view .childcable span.price-notice {
   font-size: 13px;
	float: right;
}

.catalog-product-view .childcable span.price-notice .price-container {
   font-size: 13px;
}

.catalog-product-view .childcable .field.choice:not(.review-field-rating) input[type="radio"] {
	    top: 7px;
}

.catalog-product-view .childcable .field.choice:not(.review-field-rating) input[type="radio"]+label {
	min-height:auto;
}

.catalog-product-view div.field.required.childcable label.label{
	font-size:16px;
}

.catalog-product-view div.field.required:not(.childcable) {
	margin-left:20px;
	margin-top:5px;
}

.catalog-product-view.category-zubehor .product-options-wrapper  div.field.required:not(.childcable) label.label, .catalog-product-view.category-accessories .product-options-wrapper  div.field.required:not(.childcable) label.label{
	margin-top:0px !important;
	    font-size: 13px;
}

.catalog-product-view  .product-info-price .price-final_price .price{
	font-size:24px;
}

.catalog-product-view  .product-info-price .price-final_price {
	font-size:24px;
}

.catalog-product-view  .product-info-price .priceterms {
	font-size: 14px;
    font-weight: 400;
    font-family: Lato;
    color: #565653;
    line-height: 1.4;
}

.catalog-product-view  .product-info-price .priceterms br{
	display:none;
}

.confform .option-description-text, .confform p {
    font-size: 13px;
    font-weight: 400;
    opacity: 1;
	color: #565653;
	line-height:20px;
}

.confform .option-description p{
	font-size: 13px;
	line-height:20px;
}

.conf-innercont .uk-accordion-title {
    font-size: 16px;
}

.conf-innercont .uk-accordion-content {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


.catalog-product-view .testimonials img{
	filter:grayscale(1);
}

.catalog-product-view.product-bundle div.field.required:not(.childcable) {
    margin-left: 0px;
    margin-top: 5px;
}

.product-bundle div.page-main-description.product-full-width-section {
	    padding: 30px 0;
}

.page-products .category-view .category-description {
	margin-top: -130px;
    margin-bottom: 100px;
}

.block.review-list .review-items li.review-item .review-details {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
}

.scroll-to-top:hover, .scroll-to-top:focus, .scroll-to-top:active {
    background-color: #628192;
    color: #fff;
}

.uk-accordion-content p {
	padding:0 !important;
}

.confform .product-options-bottom .mageworx-shareable-link-success-container{
    background: #628192;
    margin-right: 5px;
    position: fixed;
    z-index: 10000;
    top: calc(50% - 130px);
    max-width: 460px;
    width: 90%;
    left: 5%;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    padding: 20px;
    border: 0 none;
}

.checkout-index-index .amcheckout-email span.note {
	margin-left: 0 !important;
}

 .catalog-product-view div.description .pagebuilder-column ul.uk-list.uk-list-divider.uk-list-large li.el-item .el-content p span strong {
        padding-right:5px;
    }

 .catalog-product-view div.product.attribute.description .pagebuilder-column-group .pagebuilder-column div.uk-grid.uk-grid-divider.uk-grid-match.uk-grid-stack p.uk-grid-margin {
	    padding-left: 30px;
	     font-size: 14px;
	 padding-right: 0;
}

.catalog-product-view div.description .pagebuilder-column ul.uk-list.uk-list-divider.uk-list-large li.el-item .el-content p {
	    line-height: 1.7;
}

.catalog-product-view .uk-accordion .el-item .uk-accordion-content .el-content p.uk-h4 {
	font-size: 16px;
    line-height: 1.4;
    font-family: Lato;
    font-weight: 600;
    letter-spacing: .6px;
}

.checkout-index-index .additional-options .checkout-agreements .action-show {
       text-decoration: none;
	color:#628192 !important;
}

/*.checkout-index-index .additional-options .checkout-agreements .action-show span:nth-child(4) {
	color:#628192 !important;
}*/

.breadcrumbs .items>li {
    vertical-align: middle;
}

.amreview-submit-form {
    background: transparent;
}

.product-full-width-section .block.review-add.amreview-submit-form {
    margin-top: 30px;
}

.review-add .block-title strong {
    font-size: 20px;
    font-weight: 700;
    color: #565653;
    font-family: Heebo;
}

.review-add .block-title {
    margin-bottom: 0px;
}

.amreview-submit-form>.block-content {
    margin: 0;
}

.review-field-ratings .review-field-rating .control {
    padding-bottom: 0px;
}

.block.review-add form.review-form .review-field-ratings .nested {
    margin-bottom: 0px;
}

.block.review-add form.review-form legend.legend.review-legend {
    margin: 0;
    margin-bottom: 5px;
    display: flex;
    color: #565653;
    letter-spacing: inherit;
    font-family: Lato;
}

.amreview-submit-form>.block-content {
            padding: 5px 0 0px !important;
        }

.block.review-add form.review-form legend.legend.review-legend strong {
    margin-left: 5px;
    font-weight: 700;
    color: #628192;
}

.amreview-submit-form .field .review-field-rating>.label, .amreview-submit-form .field.review-field-image>.label {
    font-weight: 700;
}

.review-field-rating>.label:after {
    color: #628192;
}

    .review-form .col-des-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
		padding:0;
    }

        .amreview-submit-form .field.review-field-nickname.-half, .amreview-submit-form .field.review-field-email {
            width: 100% !important;
        }

    .amreview-submit-form .review-control-vote.control label:before {
    position: absolute;
    top: -22px;
}

.rating-summary .rating-result>span:before {
    color: #ed9d00;
}

.amreview-submit-form .field .input-text {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    color: #565653;
    height: 40px;
}

.block.review-add form.review-form .field.review-field-text textarea {
    min-height: 128px;
    border-radius: 2px;
    border: 1px solid #d4d4d4;
}

.review-form-actions button.btn-primary {
	font-size: 13px;
    font-weight: 400;
    font-family: Lato;
    padding: 0px 15px;
    background-color: #628192;
    color: #fff;
    line-height: 16px;
    height: 40px;
    letter-spacing: 0.5px;
    border: none;
    border-radius: 4px !important;
}

.review-form-actions button.btn-primary:hover, .review-form-actions button.btn-primary:focus {
		background-color: #88a1b0;
	border:none;
}

.review-form .review-field-text {
	margin-top:15px !important;
}

.amreview-submit-form .field.review-field-email {
    float: none;
    margin-left: 15px !important;
}

.review-form div.field.required{
    margin-left: 15px !important;
	    max-width: 605px;
    width: 100%;
}

.amreview-recommend-wrap>.amreview-checkboxlabel:before, .amreview-gdpr-wrap>.amreview-checkboxlabel:before {
    border: 1px solid #d4d4d4;
    position: inherit;
    margin-right: 5px;
    margin-bottom: -2px;
}

.amreview-recommend-wrap>.amreview-checkboxlabel, .amreview-gdpr-wrap>.amreview-checkboxlabel {
    color: #565653;
    font-weight: 700;
	margin-bottom: 0;
	padding-right: 0px;
    width: 100%;
}

.review-form .field.required.amreview-gdpr-wrap {
	margin-left:0 !important;
	    margin-top: 0 !important;
	    width: 100%;
}

.review-form .field.amreview-gdpr-wrap a {
    color: #628192;
}

.review-form .amreview-gdpr-wrap>.amreview-checkboxlabel .asterix {
    color: #628192;
}
.review-form .amreview-recommend-wrap {
	margin-bottom:0 !important;
}

.catalog-product-view .product-items .slick-track {
    margin: 0;
}

.account .page-title-wrapper {
	margin-bottom:40px;
}

.conf-innercont .optioncont div.field.exclusiv {
		margin-left: 20px;
	}

.catalog-product-view .product-options-wrapper .fieldset>div>div.field.required:not(.childcable) {
    margin-left: 0px;
}

.catalog-product-view .conf-innercont div.field.required.color.child {
    margin-left: 0px;
}

.su-fussnote {
	font-size:14px;
}
#formilla-frame{
    bottom: 100px !important;
}

ol.review-items li .uk-button.uk-button-primary {
	    padding: 0 15px;
    line-height: 30px;
    font-size: 13px;
	margin-top: 15px;
}
.header-area .uk-sticky{
    z-index: auto;
}
.mfp-wrap .mfp-iframe-scaler{
    height: auto;
}

[data-content-type='html'] {
    word-wrap: break-word;
    hyphens: auto;
}
@media (min-width: 500px)
{
    .confform .product-options-bottom .mageworx-shareable-link-success-container {
        left: calc(50% - 230px);
    }
}
.confform .product-options-bottom .mageworx-shareable-link-success-container .close{
    display: block;
}
.confform .product-options-bottom .mageworx-shareable-link-success-container span{
    display: none !important;
}
.confform .product-options-bottom .mageworx-shareable-link-success-container .uk-form-label,
.confform .product-options-bottom .mageworx-shareable-link-success-container h3,
.confform .product-options-bottom .mageworx-shareable-link-success-container p{
    color: #fff;
}
.confform .product-options-bottom .mageworx-shareable-link-success-container input{
    border: 0 none !important;
}
.confform .product-options-bottom .mageworx-shareable-link-success-container p{
    margin-top: 10px;
}
.confform .product-options-bottom .mageworx-shareable-link-success-container h3{
    margin-bottom: 10px;
}
.confform .product-options-bottom .mageworx-shareable-link-success-container a{
    width: 100%;
}
#shipping-zip-form .estimate .field[name="shippingAddress.region_id"],
#shipping-zip-form .estimate .field[name="shippingAddress.postcode"]
{
    display: none;
}
.full-review.product-reviews-summary .reviews-actions a:hover{
    color: #628192;
}
footer .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{
    border: 0 none;
}
@media (min-width: 1360px) {
    .pagebuilder-column .uk-container {
        padding-left: 0;
        padding-right: 0;
    }

}

@media (min-width:1024px) {
	.amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
            color: #565653 !important;
        }
	.checkout-index-index .opc-block-summary .items-in-cart>.title {
    padding: 10px 40px 10px 15px !important;
	}

	.checkout-index-index .opc-block-summary .table-totals tr.totals.sub th {
    padding: 0 15px;
		line-height: 20px;
}
	.checkout-index-index .opc-block-summary .table-totals tr.totals.sub td {
    padding: 0 15px;
		line-height: 20px;
}
	.checkout-index-index .opc-block-summary .table-totals .mark {
    padding: 0 15px;
		line-height: 20px;
}
	.checkout-index-index .opc-block-summary .table-totals .amount {
    padding: 0 15px;
		line-height: 20px;
}
	.checkout-index-index .opc-block-summary table.data.table.table-totals {
    margin-bottom: 0px;
}
	.checkout-index-index .amcheckout-content .amcheckout-wrapper {
		padding-bottom:0;
	}
	.checkout-index-index .amcheckout-content .amcheckout-wrapper ol.minicart-items {
		padding-left:15px;
	}

	    .checkout-index-index .opc-block-summary .amcheckout-wrapper {
        padding: 0 !important;
    }

	.amcheckout-step-container .opc-payment-additional {
    padding: 0 15px;
}
	.amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary>.checkout-payment-method .actions-toolbar .amasty.checkout {
            width: 90% !important;
	}
	.customer-account-forgotpassword .page-main {
	width: 800px !important;
}
	.customer-account-createpassword .page-main{
	width: 800px !important;
}
	.swiper-zoom-container {
    /*align-items: flex-start !important;*/
}
}

@media (min-width: 768px) {
	.customer-account-forgotpassword  .page-title-wrapper {
	margin-bottom:50px;
}
    .page-layout-1column.catalog-product-view .product-info-main {
        width: 50%;
        padding-left: 70px;
        padding-top: 50px;
    }

	.checkout-index-index .form-shipping-address fieldset.street {
    margin-left: 7px !important;
	width: 98.5%;
}
	.amcheckout-step-container .amcheckout-form-login .amcheckout-password, .amcheckout-step-container .form-login .amcheckout-password {
    width: calc(50% - 7px);
}
	.account .page-title-wrapper {
        padding-bottom:50px;
    }

	.customer-account-login .page-title-wrapper {
        padding-bottom:60px;
    }
	.customer-account-login .login-container .block {
		width: 47%;
	}
	.page-products footer.page-footer {
    margin-top: 50px;
}
	.checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals td {
	text-align:right;
}

	 .checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.totals-tax td {
    text-align: right;
}


}

@media (max-width: 1600px) {
    body .page-main>.columns{
        padding: 0 40px;
    }
}
@media (min-width: 1600px) {
    body.width1366 .frame, body.width1366 .page-main, body.width1366 .breadcrumbs .items, body.width1366 .page.messages .messages, body.width1366 .page-wrapper>.breadcrumbs {
        max-width: 1600px;
    }
    [data-content-type="row"][data-appearance="contained"] {
        box-sizing: border-box;
        max-width: 1600px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}
@media only screen and (max-width: 767px) {
    .navigation .level0 {
        border-top: 0 none;
        font-size: 16px;
    }

	.checkout-onepage-success .table-order-items tr {
    padding: 0px 0;
}
	.checkout-onepage-success .order-details-items .order-title {
    padding-bottom: 10px;

}
	.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td[data-th]:before {
		        padding-right: 5px;
        color: #565653;
        font-weight: 700 !important;
        font-size: 13px;
		        width: 100%;
	}

	.checkout-success .table-order-items {
		table-layout:auto !important;
	}

	.table-wrapper.order-items table.table tbody tr td dl.item-options dt {
		        margin-right: 5px;
        font-weight: 700;
        color: #565653;
	}

	.checkout-success  .table-wrapper {
		overflow-y: unset;
        width: 100%;
        position: inherit;
        overflow-x: unset;
	}

	.checkout-success .table-wrapper.order-items table.table tfoot tr:not(:last-child) th {
		border-bottom: none !important;
	}

	.checkout-success .totals-tax-details th, .checkout-success .totals-tax-summary th {
        padding: 0 0px 0 !important;
    }

	.checkout-success .totals-tax-summary td {
        padding: 0 0px !important;
    }

	.checkout-success .table-wrapper .tax.details td.mark{
		    padding-left: 0;
    width: 70%;
    text-align: left;
	}

	.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.sku {
		    font-size: 13px;
    padding: 1px 0;
	}
	.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.price {
    padding: 1px 0;
}
	.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.price span.price {
    font-size: 13px;
}
	.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.qty {
    font-size: 13px;
    padding: 1px 0;
}
	.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.subtotal {
    padding: 1px 0;
}
	.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td.subtotal span.price {
    font-size: 13px;
}
	.checkout-onepage-success .table-wrapper.order-items table.table tbody tr td dl.item-options {
		flex-wrap: wrap;
	}

	.checkout-onepage-success .table-order-items dl.item-options dd {
    margin: 0 0 10px;
    width: 100%;
		    margin-bottom: 5px !important;
}
	.table-wrapper.order-items table.table tfoot tr:not(:last-child) th, .table-wrapper.table-order-items.invoice table.table tfoot tr:not(:last-child) th, .table-wrapper.order-items table.table tfoot tr:not(:last-child) td, .table-wrapper.table-order-items.invoice table.table tfoot tr:not(:last-child) td {
		    border-bottom: none !important;
	}
	.account.sales-order-view .page-title-wrapper {
    padding-top: 70px;
}

	.sales-order-view .page-title-wrapper span.order-status {
    margin-bottom: 0px;
		    margin-top: 20px;
}

	    .account .page-main {
        padding-top: 0px;
    }
	.account .order-details-items .block-title-account {
    margin-bottom: 20px;
}

	.account .table.table-order-items tr {
    padding: 0px 0;
}
	.account.sales-order-view  .table-wrapper {
		overflow-y: unset;
        width: 100%;
        position: inherit;
        overflow-x: unset;
	}

	.account.sales-order-view .totals-tax-details th, .account.sales-order-view .totals-tax-summary th {
        padding: 0 0px 0 !important;
    }

	.account.sales-order-view .totals-tax-summary td {
        padding: 0 0px !important;
    }

	.account.sales-order-view .table-wrapper .tax.details td.mark{
		    padding-left: 0;
    width: 70%;
    text-align: left;
	}

	.account.sales-order-view .table-wrapper.order-items table.table tbody tr td dl.item-options {
		flex-wrap: wrap;
	}

	.account.sales-order-view .table-order-items dl.item-options dd {
    margin: 0 0 10px;
    width: 100%;
		    margin-bottom: 5px !important;
}
	.account.sales-order-view .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td.sku, .account.sales-order-view .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td.price, .account.sales-order-view .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td.qty{
		        padding: 0px 0;
	}

	.account.sales-order-view .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td.subtotal {
		        padding: 0 0 15px 0;
	}

	    .account.customer-account-index .table.table-order-items tr {
        padding: 15px 0 !important;
    }
	.account.customer-account-index .column.main .block:not(.widget) .block-title.order {
		    margin-bottom: -30px;
	}

	.checkout-cart-index .block.crosssell {
    margin-top: 40px;
}
   .pagebuilder-column > div > div > .uk-h3.uk-margin.uk-width-xlarge {
        margin-left: 15px !important;
    }
	div.product.attribute.description .value .uk-h3.uk-margin.uk-width-xlarge {
         margin-left: 15px !important;
    }
.review-form .review-field-text {
    margin-top: 0px !important;
}
	    .block.review-add form.review-form fieldset.field.required.review-field-ratings {
        margin-top: 0px;
    }
	.review-form .review-field-text {
		margin-bottom:5px !important;
	}

}
@media only screen and (max-width: 767px) {
    .navigation .level0.active>a:not(.ui-state-active), .navigation .level0.has-active>a:not(.ui-state-active) {
        border-left: 0;
    }
}

@media (max-width: 1600px) {
    .catalog-product-view .slick-initialized .slick-slide{
        padding-right: 20px;
    }
}

@media (max-width: 1400px) {
    .catalog-product-view .page-wrapper .breadcrumbs .items {
        padding-left: 40px;
        padding-right: 40px;
    }
	.confform .swatches.bigimages .imagechecker .options-list > *{
    flex: 1 1 70px;
    max-width: 70px;
}
}
@media (max-width: 1350px) {
    .confform .product-options-bottom button.action.tocart{
       padding: 16px 10px;
    }
    .mageworx-shareable-link-container a{
        padding: 16px 10px;
    }
    .conf-innercont .topcont{
        overflow-y: scroll;
        white-space: nowrap;
        margin-bottom: 8px;
        width: 100%;
    }
	.page-main-description div.description .pagebuilder-column p{
	padding-left:20px;
	padding-right:20px;
}
    .catalog-product-view div.description .pagebuilder-column ul.uk-list.uk-list-divider.uk-list-large li.el-item .el-content p {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 1250px) {
    .confform .product-options-bottom button.action.tocart{
        height: 48px;
    }
    .mageworx-shareable-link-container a{
        padding: 16px 10px;
        height: 48px;
        gap: 2px;
    }
	    .pagebuilder-column > div > div > .uk-h3.uk-margin.uk-width-xlarge {
        margin-left: 30px;
    }

	 div.product.attribute.description .value .uk-h3.uk-margin.uk-width-xlarge {
        margin-left: 30px;
    }
	.catalog-product-view hr.uk-margin-large {
		margin-left:30px;
		margin-right:30px;
	}
	.confform .swatches .imagechecker .options-list > * {
    flex: 1 1 50px;
    max-width: 50px;
}
	.confform .swatches.bigimages .imagechecker .options-list > * {
    flex: 1 1 50px;
    max-width: 50px;
}
	.conf-innercont .optioncont div.field.exclusiv {
		margin-left: 0px;
	}
}
@media (max-width: 1199px) {
    .nav-before-open header.page-header button.action.nav-tg:before, .nav-before-open header.page-header .cart.table-wrapper .actions-toolbar>.action.action.nav-tg:before, .nav-before-open header.page-header .action-gift.action.nav-tg:before {
        opacity: 0;
    }
    header.page-header button.action.nav-tg, header.page-header .cart.table-wrapper .actions-toolbar>.action.action.nav-tg, header.page-header .action-gift.action.nav-tg {
        display: block;
    }
    .pagebuilder-column .uk-margin-top-medium {
        margin-bottom: 0px;
    }
    #maincontent .mgs-products.products-grid .product-item {
        margin: 0 0 40px 0;
    }
    .catalog-product-view .slick-slider{
        padding: 0 50px;
    }
    .pagebuilder-column > div > .uk-h3.uk-margin.uk-width-xlarge{
        margin-left: 30px;
    }

    .catalog-product-view .uk-margin-large{
        margin-top: 40px;
    }
}

@media (min-width: 1220px) {
    .uk-margin-large {
        margin-top: 70px;
    }
}
@media only screen and (max-width: 960px) {
    .uk-offcanvas-bar #module-119 li a {
        font-size: 16px;
        width: 100%;
    }
	.modal-popup.modal-slide .modal-inner-wrap .modal-content {
    padding: 20px;
}
	.catalog-category-view.page-layout-2columns-left .block.filter .block-content.filter-content {
		left: auto;
        right: 0;
	}
	.page-products .category-view .category-description {
	margin-top: -60px;
    margin-bottom: 60px;
}
	.producttype-simple .product-full-width-section {
    padding: 40px 0;
}
	.producttype-simple .product-full-width-section#reviews{
    padding: 0px 0;
}
	#reviews {
	margin-top:0px;
}
}
@media only screen and (max-width: 767px) {
    .navigation .level0.active>a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active>a:not(.ui-state-active) span:not(.ui-menu-icon) {
        margin-left: 0;
    }
}
@media only screen and (max-width: 767px) {
    .navigation a {
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 0px;
        padding-left: 0px;
    }
	.confform .swatches .imagechecker .options-list {
    padding-bottom: 10px;
}
}
@media (max-width: 960px) {

    .category-passendes-hifi .mgs-filter.active{

    }
    .category-passendes-hifi .filter .filter-title{
        display: block;
    }
    .category-passendes-hifi.catalog-category-view.page-layout-2columns-left .block.filter.active .block-content.filter-content{
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    .conf-innercont .topcont{
        height: 60px;
        overflow-y: scroll;
        white-space: nowrap;
        margin-bottom: 8px;
        background: #EDEFF0;
        padding: 13px 8px;
        margin-left: -8px;

    }
    .page-title-wrapper h1.page-title {
        font-size: 38px;
    }
    .page-title-wrapper {
        padding: 70px 0 0 0;
    }
	.page-with-filter.page-products.catalog-category-view .page-title-wrapper {
    padding-bottom:50px;
}
    .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
        border-left: 0;
    }
    .megamenu-vertical .el-item{
        margin-top: 10px !important;
    }
    body header.page-header .header-area.header7 .megamenu-vertical {
        padding: 20px;
        background: 0 none;
        max-width: 410px;
        box-sizing: content-box;
        width: calc(100% - 40px);
    }
    .confform .field.choice:not(.review-field-rating) input[type="radio"]+.label
    {
        padding-left: 0;
    }
    .confform .swatches .control{
        display: block;
    }
    .confform .swatches .imagechecker{
        min-width: 100%;
    }
    .confform .swatches .realoptions{
        min-width: 100%;
        margin-top: 0px;
    }
    .confform .product-options-bottom{
        padding: 0;
        margin-left: -16px;
        margin-right: 0;
        padding-left: 8px;
        background: #EDEFF0;
    }
    .product-info-main .confform .box-tocart, .product-options-bottom .box-tocart {
        margin: 2px 0 10px;
    }
    .confform .product-options-bottom .actions .qty,
    .confform .product-options-bottom .actions .priceterms,
    .confform .product-options-bottom .actions .mageworx-shareable-link-container{
        display: block;
    }
    .confform .product-options-bottom .actions .priceterms{
        text-align: left;
        font-size: 10px;
        padding: 0 8px;
    }
    .confform .product-options-bottom .fieldset .qty{
        display: none;

    }
    .confform .product-options-bottom .actions{
        display: flex;
        align-items: center;
    }
    .confform #container{
        width: 400px;
        height: 400px;
        margin: 0 auto;
    }
    .product-info-main .confform  .box-tocart .field.qty,
    .confform .product-options-bottom .box-tocart .field.qty{
        padding-right: 8px;
    }
    .confform .product-options-bottom .box-tocart .field.qty .control{
        border-radius: 0;
    }
    .confform .product-options-bottom .mageworx-shareable-link-container{
        width: 50px;
        height: 38px;
        padding: 0;
        line-height: 38px;
        order: 4;
        margin-left: auto;
        margin-right: 8px;
		        border-radius: 4px !important;
    }
    .confform .mageworx-shareable-link-container a{
        border: 0 none;
        background: url('https://www.inklang.de/images/_Icons/heart_background.svg');
        background-size: cover;
        border-radius: 0;
    }
    .mageworx-shareable-link-container .icon-heart:before {
        display: none;
    }
    .confform .mageworx-shareable-link-container a{
        width: 50px;
        height: 38px;
        padding: 0;
        line-height: 38px;
        align-items: end;
		border-radius: 4px;
    }
    .confform .product-options-bottom button.action.tocart{
        width: auto !important;
    }
    .confform .tocart span,
    .confform .mageworx-shareable-link-text span{
        display: none;
    }
    .confform .product-options-bottom button.action.tocart .price-container,
    .confform .product-options-bottom button.action.tocart .price-container span
    {
        display: inline-block;
        color: #FAFAFA;
        font-family: Lato;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }
    .confform .fieldset .mageworx-product-final-price{
        display: none;
    }
    .product-info-main .confform.product-add-form .box-tocart .field.qty label.label{
        display: none;
    }
    .confform .mageworx-product-final-price{
        min-height: 0;
    }
    .product-info-main .confform .box-tocart .actions .action.tocart{
        padding: 0 8px !important;
        height: 38px;
        line-height: 38px;
    }
    .confform .swatches.bigimages .imagechecker .options-list > * {
        flex: 1 1 90px;
        max-width: 90px;
    }
    .conf-innercont {
        margin: 0;
        border: 0;
        padding: 0 0 8px 8px;
    }

	.conf-innercont div.label-qty {
	    padding: 5px 0 0 0px !important;
}
	.confform .swatches .realoptions .childcable > label{
    margin-left: 0px;
}
}

@media (max-width: 767px) {
    .checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.grand.totals td{
        border-top: 0;
        padding: 0 15px;
    }
    .totals tbody{
        display: block;
    }
    .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown{
        display: block;
    }
    .totals-tax-details th, .totals-tax-summary th{
        border: 0 none;
        padding: 0 15px;
    }
    .totals-tax-details th, .totals-tax-summary th{
        padding: 0 15px 0 !important;
    }
    .cart-totals .amount, .opc-block-summary .table-totals .amount{
        text-align: left;
        padding: 0 15px 15px 15px;
    }
    .cart-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .amount{
        border: 0 none;
    }

    .checkout-cart-index .cart-bottom .cart-totals table.data.table.totals tbody tr.grand.totals th{
        border-top: 0 none;
        padding-top: 0;
        padding-bottom: 0;
    }
    .checkout-cart-index .page-main .cart.table-wrapper .items>.item .col.item{
        align-items: normal;
        padding: 10px;
        flex-direction: column;
    }
    .cart.table-wrapper .items>.item .col.item .product-item-details{
        padding-left: 0;
    }
    .cart-totals .totals-tax-summary.expanded .amount{
        padding: 0 15px;
    }
    .totals-tax-summary td {
        padding: 0 15px !important;
    }
    .cart.table-wrapper .items>.item .col.qty, .cart.table-wrapper .items>.item .col.price, .cart.table-wrapper .items>.item .col.subtotal, .cart.table-wrapper .items>.item .col.msrp{
        text-align: left;
        padding: 10px;
    }
    .cart.table-wrapper .items thead+.item {
        border-top: 1px solid #d1d1d1;
    }
    .table-wrapper table tbody tr td .control.qty{
        margin-left: 0;
        margin-bottom: 10px;
    }
    .cart .table tr{
        padding: 0;
		margin-bottom: 10px;
    }
    .product-info-main .noconfform .box-tocart .actions .action.tocart {
        padding-top: 16px;
    }
    .product-info-main .noconfform .box-tocart .field.qty,
    .product-options-bottom .noconfform .box-tocart .field.qty {
        display: table-cell;
        flex-shrink: 0;
    }
    .product-info-main .noconfform .box-tocart .actions .action.tocart{
        width: auto;
    }
    .product-info-main .noconfform .box-tocart .actions,
    .product-options-bottom .noconfform .box-tocart .actions{
        display: flex;
        padding-top: 0;
        text-align: center;
        vertical-align: bottom;
    }
}

@media (max-width: 640px) {
    .catalog-product-view .slick-slider{
        padding: 0 45px;
    }
    .pagebuilder-column > div > .uk-h3.uk-margin.uk-width-xlarge{
        margin-left: 15px;
    }
    .logo {
        margin-right: 0;
    }
    .page-header {
        margin: 0;
    }
    .page-footer .uk-subnav>*{
        padding-left: 0;
    }
    .catalog-product-view .page-wrapper .breadcrumbs .items {
        padding-left: 15px;
        padding-right: 15px;
    }
    body .page-main>.columns {
        padding: 0 15px;
    }

	.producttype-simple .breadcrumbs {
		margin:0;
	}
	.catalog-product-view hr.uk-margin-large {
		margin-left:15px;
		margin-right:15px;
	}
	    .page-title-wrapper h1.page-title {
        font-size: 30px;
			hyphens:auto;
    }
	.amreview-submit-form .field.review-field-nickname.-half, .amreview-submit-form .field.review-field-email {
    width: 92% !important;
}
	.review-form div.field.required {
    width: 92%;
	}
}
@media (max-width: 600px) {
    .conf-innercont {
        margin: 0;
        border: 0;
        padding: 0 0 8px 8px;
    }
    .confform .product-options-bottom{
        padding: 0;
        margin-left: -8px;
        margin-right: 0;
        padding-left: 8px;
        background: #EDEFF0;

    }
    .conf-innercont .topcont,
    .confform .product-options-wrapper{
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-right: 8px;
    }
    .conf-innercont .topcont::-webkit-scrollbar,
    .confform .product-options-wrapper::-webkit-scrollbar {
        display: none;  /* Safari and Chrome */
    }

    .confform .uk-badge{
        height: auto;
        padding: 5px 12px;
        font-size: 13px;
    }
    .conf-innercont .uk-card{
        padding: 12px;
        border-radius: 12px;
    }
}
@media (max-width: 400px) {
    .confform #container{
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }
    .product-info-main .product-add-form.noconfform .actions button.tocart{
        padding: 16px 8px;
    }
}

@media (max-width:1250px) and (min-width: 960px) {
	 .confform .flex .options-list {
    display: block !important;
}
	.confform .swatches .realoptions .childcable .mageworx-option-qty {
		max-width: 90%;
	}
	.confform .swatches .realoptions .childcable .field {
    position: relative;
    top: 3px;
}
	.confform .realoptions .childcable .field .admin__field-label > span {
    position: relative;
    text-align: left;
		padding-top: 0px;
    top: 0px;
}
	.catalog-product-view div.field.required:not(.childcable) {
    margin-left: 0px;
}
	.confform .close {
		position: relative;
    top: -15px;
    right: -10px;
	}
}
@media (min-height: 800px) and (max-width: 400px) {
    .confform #container{
        width: 400px;
        height: 400px;
        margin: 0 auto;
    }
}
@media (max-height: 950px){
    .confform .product-options-wrapper {
        max-height: 375px;
    }
}
@media (max-height: 850px){
    .confform .product-options-wrapper {
        max-height: 440px;
    }
}
@media (max-height: 750px){
    .confform .product-options-wrapper {
        max-height: 360px;
    }
}
@media (max-height: 690px){
    .confform .product-options-wrapper {
        max-height: 305px;
    }
}
@media (max-height: 670px) and (max-width: 600px) {
    .conf-innercont .topcont {
        height: 45px;
        padding: 5px 8px;
    }
    .mobilename {
        padding: 4px 16px;
    }
    .confform #container {
        width: 250px;
        height: 250px;
    }
}