@font-face {
    font-family: "Rajdhani";
    font-style: normal;
    font-weight: normal;
    src: url("rajdhani-v14-latin-ext_latin-700.woff2") format("woff");
}


@font-face {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: normal;
    src: url("nunito-sans-v12-latin-regular.woff2") format("woff");
}

@font-face {
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: bold;
    src: url("nunito-sans-v12-latin-700.woff2") format("woff");
}


/*

 SHOP OVERRIDE
 --------------------------------------


 



/* BODY
 **************************************/


/* Sticky Footer - Beginn */


html,
body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
}

.wrapper {
    min-height: 100%;
    position: relative;
}

.main-container {
    padding: 0;
    padding-bottom: 100px;
}

.footer-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}

* {
    font-family: "Nunito Sans", Sans-serif;
    
}

h1, h2, h3  {
    font-family: "Rajdhani",sans-serif;
    
}

.homeKatLinkItem .bg_paper h2{
    font-weight: 900!important;
}

/* Sticky Footer - End */

body {
    font-size: 14px;
    color: #444444;
    background: #ffffff;
}

.main.row {
    /*background-color: #ffffff !important;*/
}

.main-container {
    background: #ffffff;
}

.page-title-bg {
    /* background-color: #ffffff;*/
}

.page-title-bg,
.col-main-wrap>.blog-title::before,
.page-title::before,
.breadcrumbs::before,
.page-head h3::before,
.product-category-title::before {
    background: none;
}

html,
button,
input,
select,
textarea {
    color: #444444;
}
/*
.top-switch-bg {
    border-top: 5px solid #ffffff;
}
*/
a {}

.header-switch {
    background-color: #fff;
}

p.required {
	color: #003da4;
}




/* FLEXSLIDER
 **************************************/

.slider {
    background-color: #ffffff;
    height: 280px!important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.flex-control-paging li a {
    width: 12px;
    height: 12px;
}

.flexslider .flex-control-nav {
    position: absolute;
    bottom: -42px;
}

.flexslider:hover .flex-next {
    right: 25px !important;
}

.flexslider:hover .flex-prev {
    left: 25px !important;
}

#flexslider .slides li .row {
    height: 380px !important;
}

.flexslider .slides .content {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.flexslider .slides button.button_white {
    box-shadow: none !important;
}


/* HEADER
 **************************************/

.header-container .top-switch-bg .links li a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.header-container .top-switch-bg .links li a:hover {
    color: #eee;
    font-size: 12px;
    text-transform: uppercase;
}

.header-container .top-switch-bg .links li {
    line-height: 26px;
}

header a.logo {
    margin: 0px !important;
}

header a.logo img {
    padding-top: 20px;
    height: auto;
    width: 120px;
}

.header-container .links {
    padding: 0px;
    float: right;
}

.links li.separator {
    margin: 0 6px;
}

.top-dropdowns {
	position: absolute;
	right: 0;
	margin-top: 4px;
}

.top-dropdowns {
        top: 0px !important;
}

.top-dropdowns {
    right: 15px !important;
}

.below-logo .top-dropdowns {
    margin-top: -40px;
}

.nav-container {
    margin-top: 76px !important;
}

.below-logo #queldoreiNav {
    width: auto;
    margin: 0 0 0px 5px;
}

#queldoreiNav {
    margin: 0px 0 0px 20px;
    width: auto !important;
}

#queldoreiNav>li::after {
    content: '';
    line-height: 42px;
    font-size: 16px;
}

#queldoreiNav>li.last::after {
    content: '';
}

#queldoreiNav>li>a>span {
    padding: 0px 14px 0px 7px !important;
    background: none !important;
}

#queldoreiNav>li.last>a>span {
    padding: 0px 0px 0px 7px !important;
}

#queldoreiNav>li>a {
    font-size: 15px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 10%;
    transition: none;
    color: #444444;
}

#queldoreiNav>li>a:hover>span,
#queldoreiNav>li.over>a>span,
#queldoreiNav>li.active>a>span {
    font-weight: 700;
    border-top-color: #444444;
    letter-spacing: 3%;
    padding: 0px 10px;
}

#queldoreiNav>li:hover,
#queldoreiNav>li.over,
#queldoreiNav>li.active {
    box-shadow: none;
    transition: none;
}

#queldoreiNav>li>a:hover,
#queldoreiNav>li.active>a,
#queldoreiNav>li.over>a,
#nav>li>a:hover,
#nav>li.active>a,
#nav>li.over>a,
#mobile-nav>li>a:hover,
#mobile-nav>li.active>a,
#mobile-nav>li.over>a {
    color: #003da4;
    border-top: none;
    transition: none;
}

#queldoreiNav div.sub-wrapper {
    display: block;
}

#queldoreiNav ul li>a>span {
    color: #003da4;
    font-weight: 700;
    border-bottom: 1px solid #003da4;
}

#queldoreiNav ul li a {
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 700;
}

#queldoreiNav ul li.over>a,
#queldoreiNav ul li a:hover span {
    color: #003ca4a5;
}

#queldoreiNav ul li.over>a,
#queldoreiNav ul li a:hover {
    background: none;
}

#queldoreiNav ul li.active>a {
    background: none !important;
    color: #FFFFFF !important;
}

#queldoreiNav ul li a {
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 700;
}

#queldoreiNav>li.gastgebergeschenke::after {
    content: '';
}

#queldoreiNav>li.gastgebergeschenke {
    margin-top: 5px;
    margin-left: 8px;
}

#queldoreiNav>li.gastgebergeschenke button span {
    height: 26px;
}

#queldoreiNav>li.gastgebergeschenke button span span {
    line-height: 26px;
    padding: 0 6px;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
}

.cart-top>a {
    display: block;
    width: 38px;
    height: 38px;
}

.cart-top span {
    color: #003da4;
    font-weight: 700;
}

.grid_6 {
    padding: 0 15px 0;
}

.grid_12 {
    padding: 0px 15px 15px 15px;
}

.nav-container .nav-top-title {
    width: auto;
}

@media only screen and (max-width: 979px) {
    #queldoreiNav>li::after {
        content: '';
        line-height: 42px;
        font-size: 16px;
    }
}

.checkout-cart-index .cart-coupon {
    display: block;
}

li {
    color: #444;
  }

li.current {
    color: #003da4;
  }

  #queldoreiNav > li > a:hover > span, #queldoreiNav > li.over > a > span, #queldoreiNav > li.active > a > span, #nav > li > a:hover > span, #nav > li.over > a > span, #nav > li.active > a > span, #mobile-nav > li > a:hover > span, #mobile-nav > li.over > a > span, #mobile-nav > li.active > a > span, .cart .cart-collaterals .cart-block, .opc .step, .block, .cms-index-index .block, .block-login, .cart .cart-collaterals .cart-block, .cform_wrap, .white-border-wrap, .cms-contacts-page .cform_wrap, .product-tabs li.active, .product-tabs-container h2.active, body .ui-accordion h2.ui-state-active, body .ui-tabs .ui-tabs-nav li.ui-tabs-active, add-comments, #customer-reviews {
    border-top-color: #003da4;
  }

  button.button span, .quick-view, #fancybox-close:hover, button.btn-cart.ajax-cart span, .qty-elements a, div.summary-collapse::before, .flexslider:hover a:hover, .btn-remove, .btn-edit, .cart-top > a, .cart-top-container .details-border, .cart-top-title a span.icon, .compare-top, .compare-top-container .details-border, .compare-top-title a span.icon, .search-top, .search-form-border, .search-top-container .search-form .search-top-title span.icon, .footer-info ul.twitterList li span.tweet-icon, .footer-info ul.social li a:hover, .footer-info .block-control:hover, .footer-info .block-control-hide:hover, .products-grid .hover .price-box, .products-grid .hover .button-container button.button span span em, .products-list .button-container .btn-add-cart span, .data-table .btn-remove2, .data-table .btn-edit2, .top-opc li.allow:hover .number, .product-view .add-to-links li:hover span.icon, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active, #toTop, .jcarousel-prev-horizontal:hover, .jcarousel-next-horizontal:hover, #fancybox-right-ico:hover, #fancybox-left-ico:hover, .product-view .box-up-sell .jcarousel-next-horizontal:hover, .product-view .box-up-sell .jcarousel-prev-horizontal:hover, nav .nav-top-title:hover, .nav-container .nav-top-title:hover, nav .nav-top-title.active, .nav-container .nav-top-title.active, nav .nav-top-title div.icon span, .nav-container .nav-top-title div.icon span, .blog-icon .inner, .blog-icon .blog-comments:hover, .block-blog.block-blog-tags li a:hover, .postWrapper:hover .blog-icon .blog-comments, .blog-cat-view .blog-img-wrap .blog-img-link-hover, .blog-index-list .blog-img-wrap .blog-img-link-hover, .clean_tabs .ui-tabs ul.ui-tabs-nav li:hover::after, .clean_tabs .ui-tabs ul.ui-tabs-nav li.ui-tabs-active::after, .tags-list li a:hover, .block-tags .block-content li a:hover, .tp-bullets.simplebullets.preview4 .bullet:hover, .tp-bullets.simplebullets.preview4 .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .product-view .box-tags ul.product-tags li:hover, .select2-results .select2-highlighted, .catalog-product-view .product-view #table_quantity_quantity .selected_qty, .catalog-product-view .product-view #table_quantity_quantity tr.selected_qty:nth-of-type(2n+1), .select2-container .select2-choice .select2-arrow, .my-account a.link-reorder {
  background-color: #003da4;
}

/* BREADCRUMB
 **************************************/


/* STARTSEITE
 **************************************/

.infotext {
    text-align: center;
}

.box {
    overflow: hidden;
    box-sizing: border-box;
    background: #FFF none repeat scroll 0% 0%;
    border-style: solid;
    border-color: #E1E1E1;
    border-width: 1px 1px;
    margin: 20px 0px;
    padding: 15px;
}

.cms-home .col-main-wrap {
    padding-top: 0px !important;
}

.divider2 {
    text-align: center;
    padding: 5px 0;
    width: 100%;
}

.divider2-border {
    overflow: hidden;
}

.divider2-border::before {
    content: "::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::";
    letter-spacing: 0.125em;
    font-size: 1.5em;
    line-height: 70px;
}

p.headline {
    
    font-size: 2rem;
    font-variant-ligatures: no-contextual;
    -webkit-font-variant-ligatures: no-common-ligatures;
    line-height: 2.5 rem;
    margin: 0 auto;
    max-width: 850px;
    padding: 0;
}

.cms-home .homeKatLinks .white-wrap {}

.cms-home .homeKatLinks .homeKatLinkItem {
    /*margin-bottom:20px !important;*/
    position: relative;
}

.cms-home .homeKatLinks h2 {
    color: #003da4;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5 rem;
    line-height: 1;
    font-size: 60px;
    padding-bottom: 0px;
}

.cms-home .homeKatLinks p {
    color: #444444;
    text-align: center;
}

.cms-home .bg_paper {
    padding: 15px;
}

.cms-home .bg_grau {
    background-color: antiquewhite;
}

.cms-home .homeKatLinks .teaser-overlay-link {
    background: rgba(17, 60, 43, 0.75);
    position: absolute;
    bottom: -6px;
    width: 100%;
}

.cms-home .homeKatLinks .teaser-overlay-link a {
    padding: 10px 20px;
    display: block;
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
}

.cms-home .homeKatLinks .teaser-overlay-link a:hover {
    color: #003da4;
}

.bg-line {
    position: relative;
    padding: 0;
    text-align: center;
}

.bg-line span::after {
    right: 100%;
}

.bg-line span::after,
.bg-line span::before {
    position: absolute;
    top: 50%;
    width: 510px;
    height: 1px;
    content: '';
    background: #444444;
}

.bg-line span::before {
    left: 100%;
}

Element {}

.bg-line span {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0 24px;
}

.bg-line span h1,
.bg-line span h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-transform: none;
    color: #444444;
    border-bottom: none;
    font-size: 40px;
    line-height: 46px;
}


/* CMS Seiten
 **************************************/

.cms-page-view .std h1 {
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.5px;
    padding: 0px 0 0;
    color: #444444;
}

.cms-page-view .std a {
    color: #003da4;
    text-decoration: none;
    outline: none;
}

.cms-page-view .std h3 {
    color: #444444;
}


/* ARTIKEL KATEGORIE
 **************************************/

.products-grid li.item .regular {
    box-shadow: none;
}

.products-list .product-image {
    box-shadow: none;
}

#products-list li.artikellink .regular-price,
#products-list li.artikellink .tax-details {
    display: none;
}

.products-grid li.artikellink .regular-price,
.products-grid li.artikellink .tax-details {
    display: none;
}


/* ARTIKEL
 **************************************/

.product-view .product-shop-info .product-name {
    margin: 0 0 10px -1px;
    text-transform: uppercase;
}

.product-view h1 {
    color: #003da4;
}

.catalog-product-view .tier-prices {
    display: none;
}

.product-view .product-img-box .product-image {
    box-shadow: none;
}

.product-view .artikelBeschreibungStoerer {
    background-color: #e9dcd4;
    padding: 8px;
}

.product-view a {
    color: #003da4;
    text-decoration: none;
    outline: none;
}

ul li h2.product-name, .product-view ul li h2.product-name {
    letter-spacing: 0;
    margin: 0 !important;
    padding: 0;
    word-wrap: break-word;
    text-transform: none;
}

#costcenter_number:required{
    border:2px solid #003da4;
}


/* WARENKORB   
 **************************************/

#shopping-cart-totals-table td {
    padding: 2px 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    width: 75%;
}

button.btn-cart span,
button.btn-checkout span,
.checkout-onepage-index button.button span,
#options_grid button.button span {
    background-color: #003da4;
}

button.btn-cart span:hover,
button.btn-checkout span:hover,
.checkout-onepage-index button.button span:hover,
#options_grid button.button span :hover{
    background-color: #d84c00;
}


#btn-add-to-cart-span.kostenstelle_nicht_gesetzt {
	background-color: #939393;
}
#btn-add-to-cart-hint.kostenstelle_gesetzt {
	display: none;
}

/* LOGIN
 **************************************/

.customer-account-login .top-switch-bg {
    display: none;
}

.customer-account-login .top-dropdowns {
    display: none;
}

.customer-account-login header {
    box-shadow: none;
}

.customer-account-login .main-container {
    box-shadow: none;
}

.customer-account-login .new-users {
    display: none;
}

.customer-account-login header .headerline {
    display: none;
}

.customer-account-login header .nav-container {
    display: none;
}

.customer-account-login header a.logo img {
    margin-top: 50px;
}

.customer-account-login header .logo {
    margin-top: 50px;
    position: absolute;
}

.customer-account-login header .logo::after {
    content: 'VDI-Serviceportal';
    color: #003da4;
    font-size: 19px;
    margin-top: 50px;
    display: block;
}

#loginHinweis {
    margin: auto;
    width: 65%;
    padding-top: 50px;
    font-size: 16px;
    font-weight: normal;
}

.customer-account-login .block-login .new-users {
    display: none;
}

.customer-account-forgotpassword .block-login .new-users {
    display: none;
}

.customer-account-forgotpassword .top-switch-bg {
    display: none;
}

.customer-account-forgotpassword .top-dropdowns {
    display: none;
}

.customer-account-forgotpassword header {
    box-shadow: none;
}

.customer-account-forgotpassword .main-container {
    box-shadow: none;
}

.customer-account-forgotpassword .new-users {
    display: none;
}

.customer-account-forgotpassword header .headerline {
    display: none;
}

.customer-account-forgotpassword header .nav-container {
    display: none;
}


/* FAQ Seite
 **************************************/


/* Show Tier Price
 **************************************/

.product-view .tier-prices {
    display: block;
}


/* onepage-success
 **************************************/

.block .block-title strong {
    font-size: 22px;
    letter-spacing: -1.05px;
}

/* OTP Editor custom
 **************************************/
.navbarTopLeft ul .projectInfo .load span {
    color: #003da4;
}

.galleryContainer .uploadImagesContainer .uploadImages span {
    color: #003da4;
}


/* Formular Editor custom
 **************************************/
 .local_images_wrapper img {
    width: auto !important;
    max-width: 100px;
  }



/* FOOTER
 **************************************/

footer>.grid_6 {
    font-size: 12px;
}


/* OTP Editor imageGallery disabled
 **************************************/
.expand .galleryContainer {
    display: none !important;
}


/* @medias VDI
 **************************************/

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .customer-account-login header a.logo img {
        margin-top: 10px;
        margin-left: 0px;
        width: 180px;
    }
    .customer-account-login header .logo {
        margin-top: 10px;
        position: relative;
    }
    .account-login,
    .account-create {
        padding: 5px 0;
        margin-top: 0.4em;
    }
    .top-switch-bg .links {
        text-align: right;
        float: right;
        width: 100%;
        margin-bottom: 5px;
    }

    .top-dropdowns {
        position: relative;
        right: 0;
        top: 50%;
        margin-top: 4px;
    }
    .nav-container {
        width: 38px;
        display: inline-block;
    }
    .search-field .search-top-container .form-search {
        margin-top: 66px;
        margin-left: -110px;
        margin-right: -142px;
      }

    .nav-container .nav-top-title {
        width: auto;
        margin-top: -6px;
    }

    .nav-container .nav-top-title div.icon {
        float: left;
        width: 15px;
        height: 15px;
        margin: 12px 10px 0 0;
    }
    .compare-top-container,
    .cart-top-container {
        margin-left: 14px;
        margin-top: 66px;
    }
    #queldoreiNav ul li>a>span {
        color: #ffffff;
        font-weight: 700;
        border-bottom: 1px solid #ffffff;
    }
}