/**
von shwi
 */

body {
    font-family: "Magistral-Light", Helvetica, Arial, sans-serif;
    /*color: #666666 !important;*/
    color: #000000 !important;
    line-height: 1.5;
    background: no-repeat center top fixed;
    background-size: 100% auto;
    background-color: #4795D1;
    background-image: url('/daten/merchant/3/img/back/back.png'); /* fallback for older browsers */
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 70%) 0%, rgba(255, 255, 255, 30) 90%), url('/daten/merchant/3/img/back/back.png')

}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Magistral-Bold', sans-serif;
    font-weight: 400;
    color: #000000;;
    line-height: 1.15;
!important;
}

.heading_s1 h1, .heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 {
    text-transform: initial !important;
}

h2 {
    font-size: 42px;
}

p {
    color: #000 !important;
    line-height: 1.5;
}

a {
    color: #4795D1;
}

.cart_count, .wishlist_count {
    background-color: #999999;
    color: #0b0b0b;
}

.navbar-brand span {
    letter-spacing: 0.5em;
    font-weight: 700;
    color: #999999;

    /*  display: none; */
}

.btn-fill-out::before, .btn-fill-out::after {
    background-color: #333333;
    color: #fff !important;
}

.btn-fill-out {
    background-color: transparent;
    border: 1px solid #333333;
}

.price {
    font-family: 'Magistral-Bold', sans-serif;
    font-size: 22px;
}

.priceForeign {
    display: none;
}

.btn-fill-out:hover {
    color: #FFFFFF !important;
}

a:hover {
    color: #FFFFFF !important;
}

.footer_payment {
    display: none;
}

.custome-checkbox input[type="checkbox"]:checked + .form-check-label::before {
    background-color: #0b0b0b;
    border-color: #0b0b0b;
}

.btn-fill-out:hover .order_complete i {
    color: #999999;
    font-size: 80px;
    margin-bottom: 20px;
}

.indicators_style1 li.active, .indicators_style2 li.active {
    background-color: #0b0b0b;
}

.indicators_style2 li.active::before, .indicators_style1 li.active::before {
    border-color: #0b0b0b;
}

.banner_content2 h1, .banner_content2 h2, .banner_content2 h3, .banner_content2 h4, .banner_content2 h5 {
    color: #fff !important;
}

.carousel-indicators {
    display: none;
}

.btn {
    border-radius: 7px !important;
    padding: 10px 30px;
}

.btn-border-fill {
    border: 1px solid #fff !important;
    color: #fff !important;
}

.btn-border-fill::before, .btn-border-fill::after {
    background-color: #000;
}

.contact_style3 .contact_icon {
    border: 1px solid #999999;
}

.contact_style3 .contact_icon::before {
    background-color: #fff;
    color: #000 !important;
}

.contact_style3:hover .contact_icon i {
    color: #000 !important;

}

.contact_icon i {

    color: #333333;
}

.product_sort_info {
    display: none;
}

.order_complete i {
    color: #999999 !important;

}

.footer_dark {
    display: none;
}

footer {
    background-color: #333333 !important;
}

.contact_info li, .contact_info li p {
    color: #fff;

}

.widget p {
    color: #fff !important;

}

.widget_links li a {
    color: #4795D1;
}

.widget_links li a:hover {
    color: #fff !important;
}

.contact_info li a {
    color: #4795D1 !important;
}


.contact_info li a:hover {
    color: #fff !important;
}

.bottom_footer, .top-header {
    background-color: #1f1e1d !important;
}

.breadcrumb_section.page-title-mini {
    background: rgba(255, 255, 255, 0.7) !important;
    padding: 40px 0;
    /*  display: none;*/

}

.bottom_footer, .start_event, .card-body, #tab-capacity {
    /*  background-color: #ffffff !important; */
}


.card-body p {
    color: #000000 !important;

}


.h3, h3 {
    font-size: 2.15rem;
}

.mfp-bg {
    background: #fff;
}

.product_size_switch span.active {
    border-color: #333333 !important;
    background-color: #333333 !important;
}

.btn-fill-out {
    background-color: #4795D1 !important;
    border: 1px solid #4795D1 !important;

}

a:hover {
    color: #666666 !important;
    text-decoration: underline !important;
}

.swal2-styled.swal2-confirm {
    background-color: #9CC7A1 !important;
}

#sentCart {
    background-color: #9CC7A1 !important;
    text-transform: uppercase;
    font-weight: 700;
}

.foreign_price_list {
    display: none;
}

.header_wrap.fixed-top {
    background-color: rgba(0, 0, 0, 0) !important;

}

.bottom_header {
    /*  background-color: #333333 !important;*/
}

.top-header {
    border-bottom: 1px solid #4795D1;
}

.navbar .navbar-nav > li > a.active, .navbar .navbar-nav > li:hover > a, .light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li > a.active, .light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li:hover > a, .transparent_header.nav-fixed .light_skin .navbar .navbar-nav > li > a.active, .transparent_header.nav-fixed .light_skin .navbar .navbar-nav > li:hover > a {
    color: #000000;
    font-weight: 700;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li:hover > a, .light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li > a.active, .light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li:hover > a, .transparent_header.nav-fixed .light_skin .navbar .navbar-nav > li > a.active, .transparent_header.nav-fixed .light_skin .navbar .navbar-nav > li:hover > a {
    color: #4795D1 !important;

}


.header_list li a {
    /*  color: #fff !important;*/

}


.banner_section.slide_wrap, .banner_section.slide_wrap .carousel-item, .banner_section.slide_wrap .banner_content_wrap, .banner_section.slide_wrap .banner_content_wrap .carousel-item {
    height: unset !important;
    aspect-ratio: 6 / 2.3 !important;

}

.banner_section:not(.full_screen), .banner_section:not(.full_screen) .carousel-item, .banner_section:not(.full_screen) .banner_content_wrap, .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
    height: unset !important;
    aspect-ratio: 6 / 2.3 !important;

}

.banner_content2 h2 {
    font-size: 80px !important;
    text-transform: unset !important;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding-left: 12px;
    padding-right: 12px;
}

.banner_content2 h3, .banner_content2 h4 {

    line-height: 1;
    background-color: rgba(0, 0, 0, 0.4);
    padding-left: 12px;
    padding-right: 12px;
}


.banner_position_1 {
    margin-top: -0px;
    margin-left: 0px;
}

.banner_position_2 {
    margin-top: -200px;
    margin-left: 0px;
}

.banner_position_3 {
    margin-top: 200px;
    margin-left: 0px;
}

.logo_dark {
    max-width: 250px;
}


@media screen and (max-width: 575px) {

    .banner_content2 h2 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }

    h5 {
        font-size: 20px !important;
    }

    .btn {
        padding: 6px 20px !important;
        font-size: 8px !important;
    }

    .indicators_style2 li {
        width: 3px;
        height: 3px;
    }

    .banner_section.slide_wrap, .banner_section.slide_wrap .carousel-item, .banner_section.slide_wrap .banner_content_wrap, .banner_section.slide_wrap .banner_content_wrap .carousel-item {
        height: unset !important;
        aspect-ratio: 6 / 2.75 !important;
    }


    .banner_section:not(.full_screen), .banner_section:not(.full_screen) .carousel-item, .banner_section:not(.full_screen) .banner_content_wrap, .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
        height: unset !important;
        aspect-ratio: 6 / 2.75 !important;
    }

    .navbar-brand {
        padding: 23px 0 !important;
        max-width: 75%;

    }


}

.social_icons li a {
    font-size: 20px;
    color: #666;

}

.nav_style3.owl-theme .owl-nav [class*="owl-"], .nav_style4.owl-theme .owl-nav [class*="owl-"] {
    top: -50px;
}

.author_info p {
    line-height: unset;
}

.event_tab li a {
    font-size: 23px !important;

}

.tab-style11 .nav-tabs {
    font-family: 'Magistral-Bold', sans-serif;
}

.tab-style11 .nav-tabs .nav-item a:hover, .tab-style11 .nav-tabs .nav-item a.active {
    background-color: #333333 !important;
    border-radius: 7px !important;
    color: #ffffff !important;
}

.tab-style11 .nav-tabs .nav-item a:hover, .tab-style11 .nav-tabs .nav-item a.active {
    background-color: #333333 !important;
    border-radius: 7px !important;
    color: #ffffff !important;
}

.tab-style11 .nav-tabs .nav-item a:hover {
    background-color: #5B0101FF !important;
}

.navbar .navbar-nav > li > .nav-link {
    font-size: 16px !important;
}

.navbar .navbar-nav > li > .nav-link.cart_trigger i {
    color: #4795D1;
}

.cart_count, .wishlist_count {
    background-color: #fff;
    color: #0b0b0b;
}

.event_schedule {
    border-radius: 7px;

}

.event_schedule .author img {
    border-radius: 7px;

    /*border-radius: unset!important;*/
    max-width: 180px;
}

.col-black {
    color: #fff !important;
}

.schedule_desc p {
    color: #fff !important;

}

.price p {
    margin-bottom: 10px;
}


.articleNumber_info, .article_info .date {
    color: #5B0101FF;
}

.articleNumber_info_identifier, .article_info_identifier .date_identifier {
    color: #666666;
}

.fee {
    font-weight: 200;
    font-size: 15px;
}

.quickviewButton {
    display: none !important;
}

.ship_detail {
    display: none !important;
}

.footerText {
    color: #fff !important;
}

/*#3b4063*/

.accordion.accordion_style1 .card-header a {
    font-size: 20px !important;
}

.section.small_pb, .footer_top.small_pb {
    padding-bottom: 15px;
}

.client_logo .cl_logo img {
    width: 140px;
}

#articleInfoSmall {
    display: none;
}


@media screen and (max-width: 575px) {


    .event_schedule .author {
        float: unset !important;
        margin-right: 0px;
    }

    .event_schedule .author img {
        max-width: unset;
        width: 100% !important;
        padding-bottom: 20px;
    }

    .event_tab_content {
        padding-left: 0px;
    }

    .btn-addtocart-list {
        width: 100% !important;
    }

    .btn i {
        font-size: 20px;
    }

    .btn {
        font-size: 14px !important;
    }

    .author_img img {
        max-width: unset;
        width: 100% !important;
    }

    .row {
        /* margin-right: 0px!important;
         margin-left: 0px!important;*/
    }

    .ion-android-menu {
        color: #ffffff;
    }

    .navbar .navbar-collapse .navbar-nav:not([class*="bg_"]):not([class*="bg-"]) {
        background-color: #333333;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    }

    .banner_position_2 {
        margin-top: 0px !important;
    }

    .banner_content2 h3 {
        font-size: 1.5rem;
    }

    .banner_content2 h2 {
        font-size: 20px !important;
    }

    h2 {
        font-size: 25px !important;
    }

    h3 {
        font-size: 20px !important;
    }

    #typed-text {
        font-size: 25px !important;
    }

    .banner_position_3 {
        margin-top: 0px !important;
    }


}

@media screen and (max-width: 770px) {


    #articleInfoWide {
        display: none;
    }

    #articleInfoSmall {
        display: block;
    }

    .banner_content2 h2 {
        font-size: 25px !important;
    }

    #typed-text {
        font-size: 25px !important;
    }

}

.dashboard_menu .nav-tabs li.nav-item a.active {
    background-color: #333333;
    border-radius: 7px !important;

}

.dashboard_content label .required {
    color: #333333;
}

.bg_default {
    background-color: #1f1e1d !important;

}


.header_wrap.nav-fixed:not([class*="bg_"]):not([class*="bg-"]) {
    background-color: rgba(68, 150, 210, 0.85) !important;
}


.table-responsive {
    background-color: rgba(255, 255, 255, 0.7) !important;

}

.panel-body {
    background-color: rgba(255, 255, 255, 0.7) !important;

}

.ti-user {
   /* color: #fff !important;*/
}

.login_wrap {
    background-color: rgba(255, 255, 255, 0.7) !important;

}

.header_list li span {
    color: #fff !important;

}

.main_content {
    background-color: rgba(255, 255, 255, 0.7) !important;

}

@media only screen and (max-width: 480px) {
    .heading_s1 h1, .heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 {
        line-height: 40px !important;
    }
}


.text_default {
    color: #4795D1 !important;
}

.text_default2 {
    color: #4795D1 !important;
}

.bg_blue {
    background-color: #4795D1 !important;
}


/**
 * FIP Blog Liste Start
 */


.front::before, .back::before {
    border-radius: 10px;
}

.overlay_bg3::before {
    /*background-color: rgba(51, 51, 51, 0.7);*/
    background-color: rgba(51, 51, 51, 1);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.overlay_bg::before {
    /*background-color: rgba(51, 51, 51, 0.5)!important;*/
    /*background-color: rgba(68, 150, 210, 0.8) !important;*/
    background-color: rgba(0, 0, 0, 0.6) !important;
    z-index: 1;
}

.flip_box {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.front,
.back {
    background-size: cover;
    background-position: center;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    min-height: 280px;
    height: auto;
    border-radius: 10px;
    color: #fff;
}

.front:before,
.back:before {
    border-radius: 10px;
}

.flip_box:hover .front,
.flip_box:hover .back {
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.flip_box .inner h5 {
    font-weight: 600;
}

.flip_box * {
    line-height: inherit;
}

.flip_box .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip_box .front,
.flip_box:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip_box:hover .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip_box i {
    font-size: 40px;
    display: inline-block;
}

.flip_vertical.flip_box .back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip_vertical.flip_box .front,
.flip_vertical.flip_box:hover .back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip_vertical.flip_box:hover .front {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/**
 * FIP Blog Liste Ende
 */

.list_style_5 li {
    list-style: outside none none;
    padding: 10px 5px 10px 35px;
    position: relative;
}

.list_style_5 li::before {
    /*background-color: #4795D1;*/
    content: "\e64c";
    font-family: 'themify';
    left: 0;
    position: absolute;
    top: 10px;
    width: 25px;
    height: 25px;
    color: #4795D1;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
}

.heading_s4 .sub_title {
    font-size: 100px;
    color: #000;
    opacity: 0.09;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    margin-bottom: -40px;
}

.heading_s3, .heading_s4, .heading_s7 {
    margin-bottom: 30px;
}


@media (min-width: 992px) {
    .mb-lg-5, .my-lg-5 {
        margin-bottom: 1.5rem !important;
    }
}

.icon_box {
    margin-bottom: 20px !important;
}

.categories_box span, .icon_box_content h1, .icon_box_content h2, .icon_box_content h3, .icon_box_content h4, .icon_box_content h5, .icon_box_content h6,
.heading_s2 h1, .heading_s2 h2, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, .heading_s2 h6, .heading_s3 h1, .heading_s3 h2, .heading_s3 h3, .heading_s3 h4, .heading_s3 h5, .heading_s3 h6,
.heading_s4 h1, .heading_s4 h2, .heading_s4 h3, .heading_s4 h4, .heading_s4 h5, .heading_s4 h6 {
    text-transform: unset !important;
}

/**
 * Kundenstimmen
 */

.bg_redon {
    background-color: #ffffff !important;
}

.navbar-toggler {
    color: #4795D1;
}

.navbar .navbar-nav li {
    white-space: nowrap;
}

.bottom_footer p {
    color: #fff !important;
}

.author_name span, .blog_post.blog_style3 .blog_content a:hover {
    color: #4795D1;
}

input[type="checkbox"], input[type="radio"] {

    accent-color: #4795D1;
}

.heading_s1 h6 .text_default {
    color: #000 !important;
    font-weight: 400 !important;
    font-family: 'Magistral', sans-serif;
    line-height: 1.5;
    font-size: 16px;

}

footer .widget_title {
    color: #ffffff;

}

.icon_box_style_1 i {
    background-color: #4795D1 !important;
}


.icon_box {
    /*background-color: #fff;*/ /* Standard-Hintergrund */
    transition: all 0.3s ease; /* Weichere Übergänge */
    text-align: center;
    padding: 20px;
}
.icon_box_background_1 {
    background-color: #fff;
}

.icon_box i {
    color: #4795D1; /* Standardfarbe des Icons */
    transition: all 0.3s ease;
    font-size: 32px;
}

.icon_box h5,
.icon_box p {
    color: #333; /* Standard-Schriftfarbe */
    transition: all 0.3s ease;
}

/* Hover-Zustand */
.icon_box:hover {
    background-color: #4795D1; /* Hintergrund ändern */
}

.icon_box:hover h5,
.icon_box:hover p,
.icon_box:hover i {
    color: #fff!important;
}

.icon_box_style_12 .box_icon i {
    border: 1px solid #4795D1!important;
}

.footer_logo img {
    max-width: 75%;
}

#tempCart {
    display: none;
}