@font-face {
    font-family: 'andadaregular';
    src: url('../fonts/andada-regular-webfont.eot');
    src: url('../fonts/andada-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/andada-regular-webfont.woff2') format('woff2'), url('../fonts/andada-regular-webfont.woff') format('woff'), url('../fonts/andada-regular-webfont.ttf') format('truetype'), url('../fonts/andada-regular-webfont.svg#andadaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'andadabold';
    src: url('../fonts/andada-bold-webfont.eot');
    src: url('../fonts/andada-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/andada-bold-webfont.woff2') format('woff2'), url('../fonts/andada-bold-webfont.woff') format('woff'), url('../fonts/andada-bold-webfont.ttf') format('truetype'), url('../fonts/andada-bold-webfont.svg#andadabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    color: #f8f8ff;
    font-family: andadaregular, sans-serif !important;
}

font {
    font-family: andadaregular, sans-serif !important;
}

b, strong, .slick_product .slides .row.h5, .checkout ol li .active, label {
    font-family: andadabold, sans-serif;
    font-weight: normal;
}

a {
    text-decoration: none !important;
    color: #4a4a4a;
}

.wrap_all.color-primary-0 {
    color: #4a4a4a;
    overflow-x: hidden;
}

.start-page #page_content .category-link-startpage img {
    padding-top: 15px;
}

.category-area-startpage img {
    padding-bottom: 5px;
}

.red-text {
    color: #4169e1;
}

.red-bg, .red-bg.input-group-addon {
    background: #4169e1 !important;
    color: #f8f8ff !important;
}

.light-blue-text {
    color: #4a4a4a;
}

.light-blue-bg {
    background: #4a4a4a;
    color: #f8f8ff;
}

.light-grey-bg {
    background: #c9c9c9;
}

.red-bg a, .dark-blue-bg a, .light-blue-bg a {
    color: #f8f8ff !important;
}

.color-primary-0 {
    background-color: #f8f8ff;
}

.input-group-addon {
    color: #4a4a4a;
    background: #f8f8ff !important;
}

.top-area {
    background-color: transparent;
    border-color: #ccc;
    box-shadow: none;
    margin-bottom: 15px;
    font-size: 0.8em;
}

.header-area {
    background-color: #f8f8ff;
    padding-bottom: 0;
    margin-bottom: 0;
}

#language_box img {
    margin: -4px 0 0 6px;
}

.header-area .col-md-4 {
    padding-top: 5px;
}

.header-area .nav > li > a:focus, .header-area .nav > li > a:hover, .list-group-item.color-primary-1:hover, .list-group-item.color-primary-1:active, .list-group-item.color-primary-1:focus, .active_category.list-group-item.color-primary-1 {
    background: transparent;
}

.categories-page #page_content {
    margin-top: -10px;
}

#page_content.color-primary-1 {
    border-color: transparent;
    background-color: transparent
}

.btn, .boxed, .form-control:not([type='checkbox']) {
    border-radius: 2px;
}

.bg-success {
    background-color: rgba(139, 209, 214, 0.23);
}

.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    border-bottom: 3px solid #4169e1;
}

.breadcrumb {
    padding: 8px 15px;
}

.breadcrumb>li+li:before
{
    color: #4a4a4a;
}

.logo img
{
    max-width:270px;
    width:100%;
}

.nav>li>a
{
    padding: 15px 10px;
}

/*Startseite*/
.start-img-wrap
{
    background: url(/templates/3d-pics/slider-start-1.jpg);
    background-size: 100% auto;
    border: 2px solid #4a4a4a;
    width:100%;
    display: table;
    border-radius: 4px;
}

.overlay-wrap
{
    width:100%;
    color: #f8f8ff;
}

.overlay-wrap hr
{
    border: 1px solid #f8f8ff !important;
    margin: 20px 0 30px;
}

.overlay-wrap ul
{
    margin: 0 30px 0 0;
    list-style-type: none;
    padding: 30px 0 0;
}

.overlay-wrap ul li
{
    padding: 10px 15px;
    background: rgba(55, 55, 55, 0.8);
    box-shadow: 1px 1px 10px #fff;
    margin:0 0 10px;
}

.overlay-wrap .right-side
{
    background: rgba(55, 55, 55, 0.8);
    padding:45px;
}

.overlay-wrap .right-side img
{
    max-width:300px;
    width:100%;
    margin: 0 auto;
}

/*Warenkorb*/
#shopping_cart {
    border-radius: 0 0 4px 4px;
}

#shopping_cart_content {
    cursor: pointer;
    position: relative;
}

#shopping_cart_content .badge {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 5;
}

/*Login*/
.login-box {
    cursor: pointer;
    position: relative;
}

/*horiz. + left Navi*/
#CatNavihz {
    font-family: andadabold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.9em;
}

.navbar-inverse.color-primary-nav, .color-primary-2, .badge, #CatNavihz li.active_category a, #CatNavihz li a:hover, #CatNavihz li ul li a:hover, #CatNavihz li ul li ul li a:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #4169e1;
    border-color: rgba(0, 0, 0, 0.2);
}

#CatNavihz li ul li a:hover, #CatNavihz li ul li ul li a:hover {
    background-color: #4169e1 !important;
}

#CatNavihz li:nth-child(6) .caret, #CatNavihz li:nth-child(6) ul {
    display: none;
}

.leftside-area #category_explorer.col-md-12
{
    padding-right:0;
}

#CatExplorer li.active_category ul li a {
    color: #4a4a4a;
}

#CatExplorer li.active_category a, #CatExplorer li a:hover, #CatExplorer li ul li a:hover, #CatExplorer li ul li ul li a:hover, #CatExplorer li ul li a:hover {
    color: #4169e1;
    font-family: andadabold, sans-serif;
    font-weight: normal;
}

.category-area .navbar-brand {
    font-family: andadabold, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.category-area .navbar-inverse.color-primary-nav .navbar-nav > li > a {
    color: #f8f8ff;
}

#CatNavihz li.active_category .dropdown-menu a {
    padding-top: 10px;
}

/*left Navi*/
#CatExplorer {
    text-transform: uppercase;
}

/*Warenkorb*/
#shopping-cart-box .table > tbody > tr > td {
    border-top: 0;
}

.header-area #shopping_cart_content .cart-content {
    border-left: none;
}

.header-area #shopping_cart_content .cart-icon > .badge {
    padding: 5px 8px;
    border-radius: 15px;
    font-size: 0.35em;
    position: relative;
    top: -32px;
    left: 53px;
    z-index: 5;
}

.header-area #shopping_cart_content .cart_content .badge {
    background-color: transparent;
    color: inherit;
    padding: 0px;
}

#shopping_cart_content .cart_content hr {
    margin-bottom: 12px;
}

#shopping_cart_content .cart_content, #shopping_cart_content .cart-icon {
    cursor: pointer;
}

/*Newsletter*/
.nl-area {
    background: url(../../3d-pics/nl-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.9;
}

.news-area {
    border-top: 3px solid #4169e1;
    background-image: url(../../sgs-pics/pattern2.png);
    background-repeat: repeat;
    box-shadow: inset 1px 1px 70px #4a4a4a;
}

#newsletter {
    padding: 15px 0;
}

#newsletter .form-control:not([type='checkbox']) {
    border-right-color: transparent !important;
}

#newsletter .input-group, #newsletter .btn {
    margin-bottom: 15px;
}

#newsletter textarea {
    min-height: 100px;
}

#newsletter a:hover {
    text-decoration: none;
}

/*Button*/
.btn {
    font-family: 'andadabold';
    font-weight: normal;
}

.btn-default, .btn-success {
    background-color: #4169e1 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    font-size: 1.1em;
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #27408b !important;
}

#toTop-right {
    bottom: 10px;
    border-radius: 30px;
    padding: 7px 10px 5px;
    font-size: 24px;
}

/*Slider/ Laufband*/
#picture_slider_0 img, #picture_slider_3 img {
    width: 100%;
}

#picture_slider_3 {
    padding-bottom: 15px;
}

.slides.boxed {
    border-color: transparent;
}

.slides.boxed .h5 {
    margin-top: 30px;
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.slides.boxed img {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.slides.boxed:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

h2.home_headline
{
    border-bottom: 2px solid #4a4a4a;
    margin: 15px 15px 0;
    padding-bottom: 7px;
}

h2.home_headline span {
    color: #f8f8ff;
    background: #4a4a4a;
    border-left:5px solid #4169e1;
    border-radius: 0 6px 0 0;
    padding: 5px 10px;
}

.product_slider_container .img_row
{
    min-height: 125px;
}

.slider_buttons
{
    top: -20px;
}

/*Kategorieslider*/
.marken-slider .slides {
    min-height: 165px;
}

/*Hersteller Slider*/
.jumbotron {
    background: transparent;
}

/*kategorielink startseite*/
.kacheln
{
    padding-top: 15px;
}
.view {
    width: 100%;
    height: 350px;
    margin: 10px auto;
    border: 2px solid #4a4a4a;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: url(/templates/3d-pics/bg-kachel.png) no-repeat center center;
    background-size: 100% 100%;
    color: #f8f8ff;
}

.view1, .view3
{
    background-color: #4068e0;
}

.view2
{
    background-color: #000;
}

.view .mask, .view .content {
    width: 100%;
    height: 350px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view .kachel
{
    font-size: 1.5em;
    padding-top: 60px;
    opacity:1;
    font-family: andadabold, sans-derif;
}


.view .kachel .fa
{
    padding-left:15px;
}

.view:hover .kachel,
.view-tenth:hover .kachel
{
    opacity:0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);

}


.view h2 {
    font-family: andadabold, sans-derif;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}

.view p {
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}

.view a.info {
    font-family: 'andadabold';
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #4169e1;
    color: #fff;
    text-transform: uppercase;
}

.view-tenth .mask {
    background-color: rgba(55, 55, 55, 0.8);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-tenth h2 {
    border-bottom: 1px solid #fff);
    background: transparent;
    margin: 40px 40px 0px 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-tenth p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.view-tenth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.view-tenth:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0.7;
}

.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/*info-area*/
.info-area {
    background-color: #4a4a4a;
    padding-top: 10px;
    color: #f8f8ff;
}

/*Upload-Formular*/
#progress
{
    margin-top: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    position: relative;
}
#bar
{
    width: 0%;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.3);
}
#bar_text
{
    position: absolute;
    left: 50%;
    font-weight: bold;
}

#upload_list a
{
    cursor: pointer;
}

#upload_list span.glyphicon
{
    margin-right: 5px;
}

#fileupload
{
    position: absolute;
    cursor: pointer !important;
    z-index: 2;
    top: 190px;
    left: 6px;
    opacity: 0;
    filter: alpha(opacity=0); //IE5-7
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

input[type="file"]
{
    cursor: pointer !important;
}

#fileupload_container
{
    position: relative;
}

#file_dropzone
{
    background: #fff;
    color: #ddd;
}
#file_dropzone .fa
{
    padding-bottom:30px;
}

#upload_list
{
    list-style-type: none;
    padding:15px 0 0;
}

#upload_list .glyphicon.glyphicon-remove
{
    background: red;
    border-radius: 3px;
    color: #fff;
    padding: 2px;
}

/*Artikelliste*/
.categories-page h1 {
    margin-left: -15px;
}

.subCategoryList .boxed {
    background: #4a4a4a;
    font-family: andadabold, sans-serif;
    text-transform: uppercase;
}

.subCategoryList .boxed:hover {
    background: #4169e1;
}

.subCategoryList .boxed a {
    color: #fff;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #4169e1;
}

.product-list .img-wrap {
    height: 300px;
}

.product-list .img-wrap img {
    max-height: 260px;
    max-width: 325px;
}
.product-list .boxed hr
{
    margin-top: 0;
}
.product-list .boxed.color-primary-1 img {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.product-list .boxed.color-primary-1:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.product-list .boxed.color-primary-1 .modal-body img, .product-list .boxed.color-primary-1 .modal-body:hover img {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none);
    -o-transform: none;
    transform: none;
}

.fancybox-overlay {
    background: rgba(255, 255, 255, 0.8);
}

.modal-body .product-name.h4 {
    height: auto;
}

.modal .button-area {
    padding-top: 15px;
}

.modal .button-area input.btn {
    margin-left: 15px;
}

.modal-body .product-list .product-name {
    height: auto;
}

.btn.quick-info
{
    margin-top: -300px;
}

/*Artikelansicht*/
#print_article {
    display: none;
}

.price-box .advantageNavi .glyphicon {
    padding-right: 5px;
}

.price
{
    font-weight:normal;
    font-family: andadabold;
}

.wishlist_button .btn {
    font-size: 1.2em;
}

/*MyAccount*/
.my-account-site .navbar-default {
    padding-top: 20px;
}

.my-account-site .navbar-default, .my-account-site .navbar-default .nav > li > a:focus, .my-account-site .navbar-default .nav > li > a:hover {
    background: transparent;
}

.my-account-site .navbar-default li {
    border-bottom: 1px solid #4a4a4a;
}

/*Footer*/
.bottom-area {
    margin-top: 0;
    padding-top: 0;
}

.bottom-area .h4 {
    color: #4169e1;
    font-family: 'andadabold';
    text-transform: uppercase;
}

.bottom-area .table tr td {
    border-color: transparent;
    padding: 0;
}

.bottom-area-2 ul {
    list-style-type: none;
    padding-left: 0;
}

.box_footer hr
{
    border: 1px solid #f8f8ff !important;
}

/*-------------------------------*/
@media (max-width: 1600px) and (min-width: 1400px) {
    .subCategoryList .img-wrap img, .product-list.layout1 .img-wrap img {
        max-width: 240px;
    }
}

/*-------------------------------*/
@media (max-width: 1399px) and (min-width: 1281px) {
    .subCategoryList .img-wrap img, .product-list.layout1 .img-wrap img {
        max-width: 220px;
    }
}
/*-------------------------------*/
@media (max-width: 1280px) and (min-width: 992px) {
    .subCategoryList .img-wrap img, .product-list.layout1 .img-wrap img {
        max-width: 200px;
    }
}


/*-------------------------------*/
@media (max-width: 1440px) and (min-width: 768px) {
    .view, .view .mask, .view .content {
        width: 100%;
        height: 300px;
    }

    .view-tenth h2 {
        margin: 20px 5px 0px 5px;
    }

    .view p {
        padding: 10px 5px 10px;
    }
}

/*-------------------------------*/
@media (max-width: 1280px) and (min-width: 980px) {
    #CatNavihz,
    #CatExplorer{
        font-size: 0.75em;
    }
}

/*-------------------------------*/
@media (min-width: 768px) {

    .contact-header table {
        margin: 0 auto;
        font-size: 18px;
    }

    .header-area .nav-pills > li > a {
        padding-left: 0 !important;
    }

    #search {
        padding-top: 15px;
    }

    #category .navbar-center {
        margin-left: -25px;
    }

    #category .navbar-right {
        margin-right: -30px;
    }

    #CatNavihz .nav.navbar-nav.navbar-right:first-child {
        float: left !important;:
    }

    #CatNavihz .active_category, #CatNavihz .dropdown {
        display: inline-block !important;
    }

    #CatNavihz .special-navi li {
        margin-right: 25px;
    }

    #CatNavihz .special-navi li:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 10px;
        top: -10px;
        left: 0;
        background: #4169e1;
    }

    #CatNavihz .special-navi li:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        font-size: 0px;
        line-height: 0%;
        width: 0px;
        border-bottom: 10px solid #264191;
        border-left: 10px solid transparent;
    }

    .nav.navbar-nav {
        display: inline-block;
        margin: 0;
    }

    .product-list .boxed, .product-list .boxed:hover {
        border-color: rgb(201, 201, 201);
    }
}

/*-------------------------------*/
@media (max-width: 767px) {
    
    .header-area tr td:nth-child(2) {
        text-align: center !important;
    }

    .header-area table .visible-xs {
        display: inline-block !important;
    }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background: #f8f8ff;
    }

    .category-area .nav.navbar-nav li.dropdown {
        border-top: 1px solid #4a4a4a;
    }

    #CatNavihz .active_category, #CatNavihz .dropdown {
        clear: both;
    }

    .category-area .navbar-brand {
        float: left;
        max-width: 85%;
    }

    div.navbar-inverse .navbar-toggle {
        margin-top: 15px;
        border-color: #4a4a4a;
        background: #f8f8ff;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #4a4a4a;
    }

    .bottom-area .col-xs-6.text-center {
        text-align: left;
    }

    ul.general-footer {
        margin-left: -60px;
    }

    .bottom-area .question-table {
        float: left;
    }
}

/*-------------------------------*/
@media (max-width: 460px) {
    .category-area .navbar-brand {
        max-width: 78%;
        padding: 15px 5px;
    }

    #search_horizontal {
        padding: 0;
    }

    #shopping-cart-box .table>tbody>tr>td
    {
        padding:0;
    }
}