/** From header file **/
.overflow-hidden-body{
    overflow:hidden;
    margin:0;
}
.spin-loader {
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid var(--farbcode);
    border-bottom:6px solid var(--farbcode);
    border-right: 6px solid var(--farbcode);
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    box-sizing: content-box;
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.main-product-loader {
    display: table;
    width: 100%;
    height: 100%;
    color: var(--farbcode);
    font-size: 65px;
    position: absolute;
    top: 0px; 
}

body.isLive {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}
.page-content.zero-h {
    min-height: auto;
}
.hg-1{
  height: 700px;
}
/** ends here**/

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
.sliderr-loder.carousel-loader {
    height: 450px;
}
#bilder{
	height: 100%;
}

.nbx {
    height: 100vh;
}
.boxfull {
    box-shadow: 0 0px 6px #000;
    -moz-box-shadow: 0 0px 10px #00000080;
    -webkit-box-shadow: 0px 0px 10px #00000080;
    background: #ffffff;
}
.header-border-botm
{
    border-bottom: 1px solid #ddd;
}

.header-shadow {
    box-shadow: 0 0px 6px #000;
    -moz-box-shadow: 0 0px 10px #00000080;
    -webkit-box-shadow: 0 2px 6px #00000080;
}
.header-shdow1 {
    box-shadow: 0 3px 6px #000;
    -moz-box-shadow: 0 3px 10px #00000080;
    -webkit-box-shadow: 0px 3px 10px #00000080;
}
.no-fixed
{
    position: relative !important;
}
.popup-text.imp-popup-txt {
    text-align: center;
    margin-top: 15px;
}
.z-index-1 {
    z-index: -1;
}

::-webkit-input-placeholder {
    text-transform: uppercase;
}

:-moz-placeholder {
    text-transform: uppercase;
}

::-moz-placeholder {
    text-transform: uppercase;
}

:-ms-input-placeholder {
    text-transform: uppercase;
}

.initial-case::-webkit-input-placeholder {
    text-transform: none;
}

.initial-case:-moz-placeholder {
    text-transform: none;
}

.initial-case::-moz-placeholder {
    text-transform: none;
}

.initial-case:-ms-input-placeholder {
    text-transform: none;
}

.upper-case {
    text-transform: uppercase;
}

textarea{
    resize: none;
}

*,
*:focus,
*:hover {
    outline: none !important;
}

.btn.btn-default:active,
a:active,
i:active,
button:active,
a img:active,
a div:active
/* IE Fix */ {
/*    transform: translateY(1px);*/
    -ms-transform: translateY(1px);
}

b,
h1,
h2,
h3,
h4,
h5 {
    font-family: sans-serif;
    font-weight: 400 !important;
}

h2 { font-size: 1.5rem; }

body {
    font-family: sans-serif;
    overflow-x: hidden;
    background-color: #f5f5f5;
}

.main-container {
    background-color: white;
}

body.modal-open .page-content, body.modal-open header.stick-header{
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

.no-filter .page-content,.no-filter .stick-header{
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -o-filter: none !important;
    -ms-filter: none !important;
    filter: none !important;
}

.freezePage{
    overflow: hidden;
    height: 100%;
    position: relative;
    padding-right: 0px !important;
}

.support-button {
    position: fixed;
    right: 26px;
    top: 20%;
    z-index: 999;
    transform: rotate(-90deg);
    transition: 0.2s ease-in-out;
    height: 52px;
    text-align: center;
    transform-origin: right;
}

.touch-device .support-button{
    height: 50px !important;
    right: 25px !important;
}

.support-button .fa-question{
    transform: rotate(90deg);
}

.support-button a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    background: #552727;
    font-size: 20px;
    text-decoration: none;
    letter-spacing: 0.08em;
    height: 100%;
    padding-top: 13px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.touch-device .support-button a{
    padding-top: 15px !important;
    font-size: 15px !important;
}

.dd .support-button:hover {
    /* right: 26px !important; */
}

.scroll-to-top, .whatsapp-chat, .whatsapp-qr-container {
    position: fixed;
    right: 15px;
    bottom: 70px;
    z-index: 15;
}
.whatsapp-qr-container {
    z-index: 30;
    background-color: #fff;
    border: solid 1px var(--farbcode);
    display: none;
    border-radius: 10px;
    padding: 20px;
    max-width: 227px;
    width: 100%;
}
.whatsapp-qr-container .whatsapp-text {
    padding-bottom: 10px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
    text-align: center;
}
.whatsapp-qr-container .wp-qr {
    text-align: center;
}
.whatsapp-qr-container .wp-qr img {
    max-width: 128px;
    margin: auto;
}
.whatsapp-qr-container .wp-app-link {
    display: flex;
    background: #25d366;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    margin: 20px 0 10px;
}
.whatsapp-qr-container .wp-app-link a {
    display: block;
    text-align: center;
    width: 100%;
    background: #25d366;
    padding: 8px 14px 8px 14px;
    color: #fff;
    border-radius: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    text-decoration: none !important; 
}
.whatsapp-qr-container .close-icon {
    position: absolute;
    right: -1px;
    top: -1px;
    background: red;
    padding: 2px;
}
.whatsapp-qr-container .close-icon a{
    color: #fff;
}
.whatsapp-chat {
    bottom: 15px;
}
.scroll-to-top a, .whatsapp-chat a {
    padding: 10px;
    background: transparent;
    color: transparent;
    font-size: 30px;
    border-radius: 50%;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
}
.show-scroll-to-top a {
    background: var(--farbcode);
    color: white;
}
.whatsapp-chat a {
    background: #25d366;
    color: white;
}
.whatsapp-chat a:hover {
    background: white;
    color: #25d366;
    border: solid 1px #25d366;
}
.dd .show-scroll-to-top a:hover {
    background: white;
    color: var(--farbcode);
    border: solid 1px var(--farbcode);
}

.scroll-to-top a i {
    top: -4px;
    position: relative;
}
.whatsapp-chat a i {
   /* top: -1px;*/
    position: relative;
}

#navbar {
    width: 100%;
    color: white;
}

#navbar .navbar-contact-container {
    height: 43px;
    font-weight: 200;
    background-color: var(--farbcode);
}

#navbar .navbar-contact-container .navbar-company-contact-info {
    font-size: 18px;
    height: 100%;
    position: relative;
    z-index: 1;
}

#navbar .navbar-contact-container .navbar-company-contact-info .contact-number {
    font-weight: 400;
    color: white;
    font-family: 'LatoWebBold';
}

#navbar .navbar-contact-container .navbar-company-contact-info .email {
    color: #fff;
}

#navbar .navbar-contact-container .navbar-company-contact-info .email-container,
#navbar .navbar-contact-container .navbar-company-contact-info .contact-number-container {
    height: 100%;
    color: var(--top_farbcode);
    text-decoration: none;
    display: table !important;
}

#navbar .navbar-contact-container .navbar-company-contact-info .email-container>div,
#navbar .navbar-contact-container .navbar-company-contact-info .contact-number-container>div {
    display: table-cell;
    vertical-align: middle;
    padding-top: 4px;
}

#navbar .navbar-contact-container .navbar-company-contact-info .email-container span,
#navbar .navbar-contact-container .navbar-company-contact-info .contact-number-container span {
    margin: 0px 3px;
}

#navbar .navbar-contact-container .navbar-company-contact-info .email-container i,
#navbar .navbar-contact-container .navbar-company-contact-info .contact-number-container i {
    font-size: 20px;
}

#navbar .navbar-contact-container .navbar-company-contact-info .email-container {
    border-left: 1px solid rgba(255, 255, 255, 0.28);
    padding-left: 14px;
}

#navbar .navbar-contact-container .navbar-company-contact-info .contact-number-container {
    padding-right: 14px;
}

#navbar .navbar-contact-container .m-navbar-company-contact-info {
    font-size: 18px;
    height: 100%;
    font-weight: 500;
}

#navbar .navbar-contact-container .m-navbar-company-contact-info .contact-number-container,
#navbar .navbar-contact-container .m-navbar-company-contact-info .email-container {
    display: table;
    vertical-align: middle;
    height: 43px;
    color: white;
    text-decoration: none;
}

#navbar .navbar-contact-container .m-navbar-company-contact-info .contact-number-container>span,
#navbar .navbar-contact-container .m-navbar-company-contact-info .email-container>span {
    display: table-cell;
    vertical-align: middle;
/*    padding-top: 5px !important;*/
}

#navbar .navbar-contact-container .m-navbar-company-contact-info .email-container {
    text-align: right;
    padding-left: 0px !important;
}

#navbar .navbar-contact-container .m-navbar-company-contact-info .contact-number-container {
    padding-right: 0px !important;
}

#navbar .navbar-contact-container .m-navbar-company-contact-info .logo-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 43px;
}

#navbar .navbar-contact-container .m-navbar-company-contact-info .logo-container img {
    width: 45px;
    /*background: white; */
    display: block;
    opacity: 0;
    margin: auto;
    transition: all 0.5s linear;
    margin-top: 6px;
    position: relative;
    left: -5px;
}

#navbar .navbar-contact-container .m-navbar-company-contact-info .logo-container img.ts-img {
    top: -39px;
    width: 35px;
    height: 35px;
    background: transparent;
}

#navbar .navbar-contact-container .m-navbar-company-contact-info .logo-container .show {
    opacity: 1 !important;
}

#navbar .navbar-search-container .search-container .logo-link {
    display: flex;
    height: 100%;
    align-items: center;
}

#navbar .navbar-search-container {
    height: 90px;
    width: 100%;
    background-color: white;
    transition: all 0.2s linear;
    opacity: 1;
}

#navbar .navbar-search-container .search-container {
    width: 100%;
}

#navbar .navbar-search-container .search-container .logo {
    background-size: contain;
    width: 80%;
    height: 71%;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 230px;
}
body.s-1 #navbar .navbar-search-container .search-container .logo {
    background-image: url(../../images/logo-1.svg);
}
body.s-2 #navbar .navbar-search-container .search-container .logo {
    background-image: url(../../images/logo-2.svg);
}
body.s-3 #navbar .navbar-search-container .search-container .logo {
    background-image: url(../../images/logo-3.svg);
}
#navbar .navbar-search-container .search-container>div {
    height: 100%;
}

#navbar .navbar-search-container .search-container .search-icon-standalone {
    color: var(--farbcode);
    background: none;
    border: none;
    font-size: 24px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#navbar .navbar-search-container .search-container .icons-container {
    font-size: 24px;
    margin: auto;
    height: 40px;
}

#navbar .navbar-search-container .search-container .icons-container .icon-container {
    flex-direction: row;
    width: 100%;
    max-width: 200px;
}

.width-194{
    max-width: 194px !important;
}

.width-170 {
    max-width: 170px !important;
}

.width-140 {
    max-width: 140px !important;
}

.width-126{
    max-width: 126px !important;
}
.width-110 {
    max-width: 110px !important;
}
.width-75{
    max-width: 75px !important;
}
#navbar .navbar-search-container .search-container .icons-container .icon-container li.nav-item {
    margin-left: auto;
}

#navbar .navbar-search-container .search-container .icons-container .icon-container li.nav-item a.nav-link {
    text-decoration: none;
    color: #a2a2a2;
    position: relative;
}

.dd #navbar .navbar-search-container .search-container .icons-container .icon-container li.nav-item a.nav-link:hover,
#navbar .navbar-search-container .search-container .icons-container .icon-container li.nav-item a.nav-link.active {
    color: var(--farbcode) !important;
}

#navbar .navbar-search-container .search-container .icons-container .icon-container li.dropdown {
    min-width: 35px;
}

#navbar .navbar-search-container .search-container .icons-container .icon-container li.dropdown a.dropdown-toggle.nav-link{
    color: #eeeeee;
}
#navbar .navbar-search-container .search-container .icons-container .icon-container li.dropdown a.dropdown-toggle.nav-link.globe{
    color: #a2a2a2;
}
#navbar .navbar-search-container .search-container .icons-container .items-in-basket {
    position: absolute;
    font-size: 11px;
    font-weight: 400;
    font-family: 'LatoWebBold';
    width: 25px;
    height: 25px;
    top: -10px;
    right: -6px;
    color: white;
    background-color: #e69b24;
    text-align: center;
    border-radius: 50%;
    padding-top: 4px;
}

#navbar .navbar-search-container .search-container .short-logo {
    vertical-align: middle;
    margin: auto;
}

#navbar .navbar-search-container .search-container .short-logo img {
    width: 55px;
}

#navbar .navbar-search-container .search-container .short-logo .logo {
    display: none;
}

#navbar .navbar-search-container.hide-container {
    opacity: 0 !important;
}

.input-group .search-box {
    height: 58px;
    padding: 0px 13px;
    padding-right: 45px;
    max-width: 580px;
    width: 100%;
    background-color: #eeeeee;
    border: none;
    margin-top: 16px;
}

.input-group .search-icon {
    color: var(--farbcode);
    background: none;
    border: none;
    position: absolute;
    top: 34px;
    right: 4px;
    font-size: 19px;
}

.stick-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1024px;
    margin: auto;
    z-index: 20;
    width: 100%;
}

.stick-header.reduce-height .navbar-search-container {
    height: 70px !important;
}

.stick-header.reduce-height .navbar-search-container .search-box {
    margin-top: 6px !important;
}

.stick-header.reduce-height .navbar-search-container .search-icon {
    top: 24px !important;
}

.dropdown-toggle::after {
    margin-left: 4px !important;
    border-top: .2em solid;
    border-right: .2em solid transparent;
    border-left: .2em solid transparent;
}

.shopping-cart {
    width: 275px;
    position: absolute;
    background: white;
    left: -30%;
    display: none;
    text-align: left;
}

.shopping-cart .cart-header h3 {
    background: var(--farbcode);
    padding: 20px;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
}

.shopping-cart .cart-header h3 a {
    color: white;
}

.shopping-cart .cart-content {
    margin-bottom: 10px;
    overflow-y: auto;
    min-height: 50px;
    max-height: 300px;
}

.shopping-cart .cart-content h4 {
    font-size: 18px;
    font-weight: 400;
    color: rgba(114, 114, 114, 0.74);
    padding: 0 15px;
}

.shopping-cart .cart-content h4 b{
    color: black;
}

.shopping-cart .cart-content h4>span {
    display: block;
    margin: 5px 0 0;
}

.shopping-cart .cart-content h4 .total-price .price {
    color: black;
}

.shopping-cart .cart-content .cart-items {
    padding: 0px;
}

.shopping-cart .cart-content .cart-items .cart-item {
    margin: 0;
    border-top: 1px solid lightgray;
    display: table;
    padding: 10px 0px;
}

.shopping-cart .cart-content .cart-items .cart-item .cart-item-image {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.shopping-cart .cart-content .cart-items .cart-item .cart-item-text {
    display: table-cell;
    vertical-align: middle;
}
.shopping-cart .cart-content .cart-items .cart-item .cart-item-text .cart-grundpreis {
    color: #6c757d !important;
    font-size: 11px;
    line-height: 10px;
    margin-left: 5px
}

.shopping-cart .cart-content .cart-items .cart-item .cart-item-text h5 {
    font-size: 15px;
    font-weight: 400;
    color: rgba(114, 114, 114, 0.74);
    line-height: 23px;
    margin-bottom: 0px;
}

.shopping-cart .cart-content .cart-items .cart-item .cart-item-text h5 a,
.shopping-cart .cart-content .cart-items .cart-item .cart-item-text h5 span {
    color: var(--farbcode);
}

.shopping-cart .cart-content .cart-items .cart-item .cart-item-text .item-price {
    color: black !important;
}

.shopping-cart .cart-content .cart-items .cart-item .cart-item-text .euro {
    color: rgba(114, 114, 114, 0.74);
}

.shopping-cart .cart-content .cart-items .cart-item .cart-item-image img {
    width: 66px;
    height: 66px;
    margin-right: 10px;
    margin-left: 10px;
}

.shopping-cart .cart-footer a {
    background: var(--farbcode);
    display: block;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    padding: 10px 0px;
}

.dd .shopping-basket:hover .shopping-cart {
    display: block !important;
}

.table-row-even {
    background-color: #eeeeee;
}

.table-row-odd {
    background-color: #d9d9d9;
}
.ship_addr.table-row-odd {
    vertical-align: baseline;
}

.page-title {
    color: var(--farbcode);
    font-size: 35px;
    height: 100%;
    display: table;
    margin: auto;
}

.page-title>div {
    vertical-align: middle;
    display: table-cell;
    white-space: nowrap;
}
.page-title .title404 {
    font-size: 50px;
}
.page-title .logout-link {
    font-size: 15px;
    position: relative;
    margin: auto;
    top: -5px;
}

.page-title .logout-link a {
    color: black;
    display: block;
}

.cookie-terms {
    width: 240px;
    padding: 10px;
    position: fixed;
    z-index: 2147483647;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
    background: #eeeeee;
    font-size: 13px;
}

.cookie-terms .cookie-hint {
    display: block;
    text-align: center;
}

/*.cookie-terms .cookie-text,
.cookie-terms .cookie-close {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}*/

.cookie-terms .cookie-text {
    padding: 0px 20px;
    display: block;
    align-items: center;
    justify-content: space-between;
}
.essential-cookie p {
    margin-bottom: 0;
    margin-top: 0px;
    color: var(--farbcode) !important;
    text-decoration: underline;
    display: inline-block;
    cursor: pointer;
    font-size: 11px;
}
.dd .essential-cookie p:hover
{
    text-decoration: none;
}

.cookie-terms .cookie-text a {
    color: var(--farbcode) !important;
    text-decoration: underline;
    display: inline-block;
}

.dd .cookie-terms .cookie-text a:hover {
    text-decoration: none !important;
}

.cookie-terms .cookie-close a {
    padding: 5px 22px;
    background-color: var(--farbcode);
    color: white !important;
    cursor: pointer;
    border: solid 1px var(--farbcode);
    /*display: block;*/
}

.dd .cookie-terms .cookie-close a:hover {
    color: var(--farbcode) !important;
    background-color: transparent;
    border: solid 1px var(--farbcode);
    text-decoration-color:  var(--farbcode);
}

.cookie-close {
    margin: 8px 0;
}

.formatted-table {
    padding: 1px;
    /* border-collapse: separate; */
}

.formatted-table tr.first-child {
    background: var(--farbcode);
    background: linear-gradient(var(--gr_farbcode) 50%, var(--farbcode) 50%) !important;
    height: 40px !important;
}
#accordion .files-table tr:nth-child(odd) {
    background: #eee;
}

.formatted-table tr.first-child th,
.formatted-table tr.first-child td {
    color: white;
    font-weight: 400;
    font-family: 'LatoWebBold';
    padding: 8px 8px;
}

.formatted-table tr td {
    padding: 8px 8px;
    border: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    word-wrap: break-word;
}
.navbar-search-container .dropdown-menu .dropdown-item {
    cursor: pointer;
}
.navbar-search-container .dropdown-menu .dropdown-item:active,
.navbar-search-container .dropdown-menu .dropdown-item.active {
    background-color: var(--farbcode) !important;
    color: #fff;
}

/****** Radio button styles *******/

.radio-container {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0px;
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-container .checkmark {
    height: 25px;
    width: 25px;
    background-color: rgba(85, 37, 37, 0.4);
    border-radius: 50%;
    display: block;
}

.dd .radio-container:hover input~.checkmark {
    background-color: rgba(85, 37, 37, 0.6);
}

.radio-container input:checked~.checkmark {
    background-color: var(--farbcode);
}

.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked~.checkmark:after {
    display: block;
}

.radio-container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

/*********** End radio button styles *****************/

/********************** Custom checkbox ***********************/

#cross_products  .custom-checkbox{
    float: right;
}
.LV_problems_field[type=checkbox] {
    display: block !important;
    height: 0 !important;
    width: 0 !important;
    position: relative;
}
.LV_problems_field[type=checkbox]:after {
    content: "";
    border: 2px solid #a80000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border-radius: 7px;
    z-index: 1;
}
.custom-checkbox input[type=checkbox] {
    display: none;
}
.checkbox .checkbox-label {
    display: table-cell;
    vertical-align: middle;
    padding-top: 2px;
}

.custom-checkbox label {
    margin-bottom: 0px;
    margin-right: 5px;
}
/*cart page checkbox */
/*#cross_products .custom-checkbox label:after{
    top: -3px !important;
    left: -1px !important;
}*/
/*checkbox width*/
/*.custom-checkbox label {
    display: block;
    width: 25px;
    height: 23px;
    cursor: pointer;
    position: relative;
    background: transparent;
    border-radius: 5px;
    border: 2px solid var(--farbcode);
}*/
.custom-checkbox label {
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    background: transparent;
    border-radius: 7px;
    border: 2px solid var(--farbcode);
}
/*tick arrow css*/
/*.custom-checkbox label:after {
    font-family: "FontAwesome";
    content: "\f14a";
    position: relative;
    opacity: 0;
    color: var(--farbcode);
    font-size: 26px;
    top: -9px;
    left: 0px;

    animation: effect 250ms ease-in;
}*/
.custom-checkbox label:after {
    font-family: "FontAwesome";
    content: "\f14a";
    position: absolute;
    opacity: 0;
    color: var(--farbcode);
    font-size: 25px;
    top: 0px;
    border-radius: 5px;
    left: 0px;
    animation: effect 250ms ease-in;
    line-height: 0.9;
    font-weight: bolder;
}

.perks-container .configurator-container .custom-checkbox label:after {
    /*font-family: "FontAwesome";
    content: "\f14a";
    position: absolute;
    opacity: 0;
    color: var(--farbcode);
    font-size: 25px;
    top: -8px;
    border-radius: 5px;
    left: 0px;
    animation: effect 250ms ease-in;*/
    font-family: "FontAwesome";
    content: "\f14a";
    position: absolute;
    opacity: 0;
    color: var(--farbcode);
    font-size: 25px;
    top: 0px;
    border-radius: 5px;
    left: 0px;
    animation: effect 250ms ease-in;
    line-height: 0.9;
    font-weight: bolder;

}

.custom-checkbox input[type=checkbox]:checked+span+label,.custom-checkbox input[type=checkbox]:checked+label{
    border-color: transparent;
}
.custom-checkbox input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.custom-checkbox input[type=checkbox]:checked+span+label:after{
    opacity: 1;
    border-color: transparent;
}

/*.custom-checkbox input.LV_problems_field+span+label,
.custom-checkbox input.LV_invalid_field+span+label{
    border-color: #A80000 !important;
}*/

/***************** End of custom checkbox ***************************/

/************************ Searchbox popup **************************/
#modalSearchBox .suggest-row .article-row .article-details .article-price.action-price {
    color: green;
}
#modalSearchBox .modal-dialog {
    top: 112px;
}

#modalSearchBox .sorted,
#modalSearchBox .r-sorted {
    color: #ffffff;
}

#modalSearchBox .sorting-container {
    margin-top: 4px;
    text-align: right;
    font-size: 24px;
    padding-right: 30px;
}

#modalSearchBox .sorting-container>span {
    margin: 0px 10px;
    cursor: pointer;
}

#modalSearchBox .search-suggestion {
    display: none;
    text-align: center;
    color: var(--farbcode);
}

#modalSearchBox .search-suggestion .suggestion {
    font-weight: 400;
    font-family: 'LatoWebBold';
}

.searchbox-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.searchbox-cover .close-search-popup {
    position: absolute;
    right: 15px;
    top: 17px;
    color: var(--farbcode);
}

.touch-device.search-box-opened .stick-header {
    /* max-width: 500px;
    display: block;
    width: 100%;
    margin: auto;  */
    right: 0px !important;
}

.touch-device.search-box-opened #search-box-container .close-search-box {
    display: none;
}

.touch-device #modalSearchBox .article-price {
    display: block;
}

.touch-device #modalSearchBox .article-title,
.touch-device #modalSearchBox .category-title {
    display: none;
}

#modalSearchBox .article-title,
#modalSearchBox .category-title {
    color: var(--farbcode);
}

#modalSearchbox .articles-row .article-row,
#modalSearchbox .categories-row .category-row {
    font-size: 15px;
}

.dd #modalSearchbox .articles-row .article-row:hover,
.dd #modalSearchbox .categories-row .category-row:hover {
    background-color: #bababa !important;
}

#modalSearchbox .button-div {
    font-weight: 400;
    font-family: 'LatoWebBold';
    font-size: 16px;
    text-decoration: underline;
        display: flex;
    align-items: center;
}

#modalSearchbox .title {
    position: absolute;
    font-size: 25px;
    font-weight: 400;
    font-family: 'LatoWebBold';
}

#modalSearchbox .article-container {
    margin-top: 15px;
}

.dd #modalSearchbox .button-div:hover {
    text-decoration: none !important;
}

#modalSearchbox .button-container {
    margin-top: 0.5rem;
    text-align: center;
}

#modalSearchbox .article-row .article-img {
    width: 42px;
    display: inline-block;
}

#modalSearchbox .article-row .action-price {
    color: #a20000;
}

#modalSearchbox .article-row .article-details {
    display: flex;
    width: calc( 100% - 42px);
    padding: 0px 5px 0 5px;
    color: black !important;
    text-decoration: none;
    justify-content: space-between;
    align-items: center;
}

#modalSearchbox .category-row .category-details {
    width: 100%;
    padding: 6px 10px;
    color: black !important;
    text-decoration: none;
    display: table;
}

#modalSearchbox .category-row .category-details .category-name,
#modalSearchbox .category-row .category-details .total-items {
    vertical-align: middle;
}
#modalSearchbox.modal a.button-div {
    text-decoration: none;
}
.search-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .5;
    display: none;
    height: 100vh;
}
@media (min-width: 576px) {
    .touch-device.search-box-opened .navbar-contact-container,
    .touch-device.search-box-opened .search-container {
        display: none;
    }
    .touch-device.search-box-opened #search-box-container {
        display: block !important;
    }
    .touch-device.search-box-opened #search-box-container .search-box {
        max-width: 100% !important;
        height: 40px !important;
        margin-top: 6px;
    }
    .touch-device.search-box-opened #modalSearchBox .modal-dialog {
        top: 32px !important;
    }
    .touch-device.search-box-opened .stick-header .navbar-search-container .search-icon {
        top: 15px !important;
    }
    .touch-device.search-box-opened .stick-header .navbar-search-container {
        height: 52px !important;
    }
    .searchbox-cover .close-search-popup {
        display: none;
    }
}

@media (max-width: 575px) {
    /*.page-title-container .page-title
    {
        display: none;
    }*/
    #modalSearchBox .modal-dialog {
        top: 33px;
        left: -3px;
    }
    #navbar .navbar-search-container .search-container .icons-container .icon-container li.dropdown a.dropdown-toggle.nav-link.globe{
        text-align: left;
        font-size: 27px;
    }
    #navbar .navbar-search-container .search-container .icons-container{
        padding-right: 0;
        margin-right: -23px;
    }
    #navbar .navbar-search-container .search-container .short-logo{
        padding-left: 10px;
    }
    #navbar .row{
        width: 100%;
        justify-content: space-between;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info .email-container{
        display: block;
        font-size: 14px !important;
        padding-right: 0 !important;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info{
        display: flex !important;
        justify-content: space-around;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info .contact-number-container{
        font-size: 14px !important;
        padding-left: 0;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info .logo-container img{
        margin: -2px 0 0 !important;
        position: static !important;
        height: 45px;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info .email-container span{
        padding-top: 10px !important;
    }
    #modalSearchBox .title {
        display: none;
    }
    #modalSearchBox button,
    #modalSearchBox .sorting-container,
    #modalSearchBox .articles-row img {
        display: none !important;
    }
    #modalSearchbox .article-container {
        margin-top: 0px !important;
    }
    #modalSearchbox .article-row .article-details {
        padding: 6px;
        width: 100%;
    }
    #modalSearchbox .articles-row .article-row,
    #modalSearchbox .categories-row .category-row {
        font-size: 12px !important;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info .contact-number-container{
        z-index: 1;
    }
    #modalSearchbox .modal-body {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0.5rem;
    }
    #modalSearchbox .button-div {
        padding: 0px 6px;
    }
    .search-backdrop.show {
        display: block !important;
    }


    /*headline display*/
    .d-none.d-sm-block.col-sm-4.col-md-6.text-center.page-title-container {
        display: block !important;
        position: absolute;
        /*margin-top: 100px;*/
    }
    .d-none.d-sm-block.col-sm-4.col-md-6.text-center.page-title-container.is-title {
        margin-top: 80px;
    }
    .page-content.simple-content{
        width: 100%;
    }
    .overflow-hidden-bodyis_check_page.touch-device .stick-header .d-none.d-sm-block.col-sm-4.col-md-6.text-center.page-title-container.is-title {
        display: none !important;
    }

    #navbar .navbar-contact-container .m-navbar-company-contact-info .contact-number-container,
    #navbar .navbar-contact-container .m-navbar-company-contact-info .email-container,#navbar .navbar-contact-container .m-navbar-company-contact-info .email-container .email {
        z-index: 1;
    }
}

.clear-both {
    clear: both;
}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
}

.start-price-search{
    /* font-family: 'LatoWeb'; */
    font-size: 13px;
    margin-right: 2px;
    margin-top: 2px;
}

/********************* End of Searchbox popup *********************/

/******************* Search box ********************************/
.navbar-search-container .LV_invalid_field,
.navbar-search-container .LV_problems_field,
.navbar-search-container .LV_valid_field {
    border: none !important;
}

.navbar-search-container .LV_validation_message {
    display: none;
}

/************* End search box *****************************/

@media (max-width: 1100px) {
    /* .support-button {
        right: -14px !important;
    } */
    /* .touch-device .support-button {
        display: none !important;
    } */
}

@media (max-width: 1024px) {
    .support-button {
        display: none !important;
    }

    body.touch-device{
        background-color: white !important;
    }
}

@media (min-width: 1024px) {
    .navbar-contact-container,
    .navbar-search-container {
        padding: 0px 15px;
    }
}
@media(max-width: 810px){
    #navbar .navbar-contact-container .navbar-company-contact-info {
        font-size: 15px;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .navbar-contact-container,
    .navbar-search-container {
        padding: 0px 15px;
    }
}

@media (max-width: 767px) {
    .navbar-contact-container,
    .navbar-search-container {
        padding: 0px 15px;
    }

    .navbar-company-contact-info{
        font-size: 15px !important;
    }

    #navbar .navbar-contact-container .navbar-company-contact-info .email-container>div,
    #navbar .navbar-contact-container .navbar-company-contact-info .contact-number-container>div{
        padding-top: 1px !important;
    }
}
@media(max-width: 695px){
    #navbar .navbar-contact-container .navbar-company-contact-info {
        font-size: 12px !important;
    }
}
@media(max-width: 679px){
    .navbar-company-contact-info {
    font-size: 12px !important;
}
}
@media (max-width: 635px) {
    #navbar .navbar-contact-container .navbar-company-contact-info .email-container>div,
    #navbar .navbar-contact-container .navbar-company-contact-info .contact-number-container>div{
        padding-top: 0px !important;
    }
}

@media (max-width: 575px) {
    .icons-container .icon-container {
        width: 100%;
    }
    .icons-container .icon-container li.nav-item {
        /*width: 20%;*/
        text-align: right;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info .logo-container{
       position: absolute;
       display: flex;
       align-items: center;
       left: -3px;
       right: 0;
       width: 100%;
       max-width: 100%;
       justify-content: center;
    }
    .icons-container .icon-container li.nav-item a.nav-link {
        color: var(--farbcode) !important;
    }
    .icons-container .icon-container li.nav-item a.nav-link.dropdown-toggle {
        color: #eeeeee !important;
    }
    /* .icons-container .icon-container li.dropdown {
      margin-left: 14px !important; } */
    .collapsed-search {
        margin: 0px 15px;
    }
    .hide {
        display: none !important;
    }
    #search-box-container .input-group {
        width: calc( 100% - 30px);
        display: inline-block;
    }
    #search-box-container .close-search-box {
        color: var(--farbcode);
        width: 25px;
        display: inline-block;
        text-align: right;
    }
    .show-search-bar .stick-header .navbar-search-container {
        height: 52px !important;
    }
    .show-search-bar .stick-header .navbar-search-container .search-box {
        margin-top: 6px !important;
    }
    .show-search-bar .stick-header .navbar-search-container .search-icon {
        top: 15px !important;
    }
    .show-search-bar .stick-header .navbar-search-container .search-box {
        height: 40px !important;
    }
    .show-search-bar .page-content {
        margin-top: 52px !important;
    }
    .dropdown-toggle::after {
        border: none !important;
    }
}

@media (min-width: 450px) and (max-width: 575px) {
    .icons-container,
    .short-logo {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .short-logo {
        height: 100% !important;
    }
    .short-logo a.short-logo-link {
        display: none !important;
    }
    .short-logo .logo {
        display: block !important;
    }
    .mobile-voucher-text{
        top: 33px !important;
        right: -90px !important;
    }
}

@media (max-width: 448px) {
    .m-navbar-company-contact-info {
        font-size: 16px !important;
    }
/*    #navbar .navbar-contact-container .m-navbar-company-contact-info .contact-number-container>span{
        padding-top: 2px !important;
    }*/
}

@media (max-width: 405px) {
    .m-navbar-company-contact-info {
        font-size: 15px !important;
    }
/*    #navbar .navbar-contact-container .m-navbar-company-contact-info .email-container{
        display: contents;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info .email-container .email{
        line-height: 40px;
    }*/
}

@media (max-width: 384px) {
    .m-navbar-company-contact-info {
        font-size: 14px !important;
    }
}
@media(max-width:375px){
    #navbar .navbar-contact-container .m-navbar-company-contact-info .email-container,
    #navbar .navbar-contact-container .m-navbar-company-contact-info .contact-number-container{
        font-size: 12px !important;
    }
    #navbar .navbar-contact-container .m-navbar-company-contact-info .email-container span {
        padding-top: 12px !important;
    }
}
@media (max-width: 360px) {
    .m-navbar-company-contact-info {
        font-size: 13px !important;
    }
}

@media (max-width: 338px) {
    .m-navbar-company-contact-info {
        font-size: 12px !important;
    }
}
@media (max-width: 316px) {
    .m-navbar-company-contact-info {
        font-size: 11px !important;
    }
}

/*************************** Knight rider text **********************************/

.knight-rider-text{
    position: absolute;
    right: -85px;
    top: 31px;
    z-index: 1;
    color: white !important;
    font-size: 14px;
    background-color: #08A268;
    border-radius: 3px;
    /* padding: 3px;
    padding-top: 5px; */
    padding: 4px 5px 3px 5px;
    text-decoration: none !important;
}

.mobile-voucher-text{
    top: 14px;
    right: -55px;
    font-size: 12px !important;
}


/***************************** Snow fall ******************************************/

canvas {
    height: 43px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-state-default{
color: #000;
    font-size: 15px;
    font-weight: 600;
    text-align: center;

}
.ui-datepicker-calendar tbody {
    background: whitesmoke;
}


/***************************** New Css ******************************************/
/*Search Modal*/

#modalSearchBox .search-top-bar {
    background: var(--farbcode);
    padding: 6px 40px 6px 15px;
    color: #fff;
}
#modalSearchbox .title {
    color: #fff;
    top: 25px;
    left: 30px;
}
#modalSearchBox .search-top-bar .sorted {
    color: #fff;
}
#modalSearchBox .sorting-container.search-top-bar>span {
    margin: 0px 2px;
}
#modalSearchBox .close {
    background: #fff;
    padding: 0 5px;
    top: 32px;
    right: 25px;
        opacity: 9;
}

#modalSearchBox .suggest-row .article-row {
    display: flex;
    align-items: center;
}
#modalSearchBox .suggest-row .article-row .article-img {
    width: 60px;
    background: #ffffff;
}
#modalSearchBox .suggest-row .article-row .article-details .article-price {
    color: var(--farbcode);
    font-weight: 600;
    white-space: nowrap;
}
#modalSearchBox .suggest-row .article-row .article-details .product-grund-price {
    color: #6c757d;
    font-size: 13px;
    text-align: left !important;
    margin-right: 0 !important;
}
#modalSearchBox .suggest-row .article-row .article-details .title-grund{
    line-height: 16px;
}
#modalSearchBox .button-container .button-div i {
    font-size: 20px;
}
#modalSearchbox.modal a.button-div .fa-chevron-circle-right {
    margin-left: 5px;
}
#modalSearchbox.modal a.button-div .fa-chevron-circle-left {
    margin-right: 5px;
}



/*end*/

/***************************** New Css End******************************************/

@media screen and (max-width: 1024px) {
    .touch-device #modalSearchBox .article-price {
    display: block !important;
}
#modalSearchBox .suggest-row .article-row .article-details {
    display: flex;
    align-items: center;
}
#modalSearchBox .suggest-row .article-row .article-details .article-name {
    width: 75%;
}
.search-prices {
    display: flex;
    align-items: center;
}
}


@media screen and (max-width: 600px) {
    .page-title, .page-title h1 {
        font-size: 25px;
    }
    #navbar .navbar-contact-container .navbar-company-contact-info {
        display: none !important;
    }
    .cookie-terms {
        z-index: 99;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

/*Search modal*/

#navbar #search-box-container .input-group {
    width: calc( 100% - 20px);
}
#modalSearchBox {
    padding: 15px !important;
}
#modalSearchBox .modal-dialog {
    left: 0px !important;
}
#modalSearchBox .modal-dialog .modal-content {
    width: 94%;
}

#modalSearchBox .suggest-row .article-row .article-details {
    display: flex;
    align-items: center;
}
#modalSearchBox .suggest-row .article-row .article-details .article-name {
    width: 75%;
}
#modalSearchBox .suggest-row .article-row .article-details .article-price {
    /*width: 20%;
    text-align: right;
    float: none;*/
    display: block !important;
}
.search-prices {
    display: flex;
    align-items: center;
}
#modalSearchBox .button-container .button-div i {
    font-size: 20px;
}


.searchbox-cover .close-search-popup {
    right: 10px;
    top: 15px;
    background: #eeeeee;
    opacity: 9;
    padding: 3px;
}

    #setting-drop {
        transform: translate3d(-115px, 41px, 0px) !important;
    }
    #modalSearchbox .pagingInfo {
    	display: none;
    }

}

.hide-default{
    display: none;
}

.bg-blur {
    filter: blur(2px);
    -webkit-filter: blur(2px);
    pointer-events: none;
}
.bg-blur .stick-header {
    position:static;
}

.mloader .spin-loader {
    width: 100px;
    height: 100px;
}
.mloader img {
    max-width: 55px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-sizing: content-box;
    position: absolute;
}

@media(min-width:424px) and (max-width:480px){

#navbar .navbar-contact-container .m-navbar-company-contact-info a {
    font-size: 16px !important;
}

}

@media(min-width:376px) and (max-width:423px){

#navbar .navbar-contact-container .m-navbar-company-contact-info a {
    font-size: 14px;
}


}


@media(min-width:351px) and (max-width:375px){

#navbar .navbar-contact-container .m-navbar-company-contact-info a {
    font-size: 13px;
}


}


@media(min-width:327px) and (max-width:350px){

#navbar .navbar-contact-container .m-navbar-company-contact-info a {
    font-size: 12px;
}


}


@media(min-width:320px) and (max-width:326px){

#navbar .navbar-contact-container .m-navbar-company-contact-info a {
    font-size: 11px;
}


}

.page-title h1 {
    font-size: 35px;
}
.hide-cons {
    opacity: 0;
}
#modalSearchbox .pagingInfo {
    padding-left: 30px;
}