@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

* {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  list-style: none;
  quotes: none;
  content: '';
  content: none;
  border-spacing: 0;
  border-collapse: collapse;
  box-sizing: border-box;
  font-family: 'FFDINWebProRegular', sans-serif;
  font-size: 1rem;
  line-height: 1;
  color: #00305B;
}
section {
    padding: 5rem 0;
}

/*  --- SCROLLBAR / SELECTION ---  */
* { scrollbar-color: #e60000 #fff; scrollbar-width: thin !important; }
::-webkit-scrollbar { width: 8px; right: 0; top: 0; background: #fff; overflow: overlay; }
::-webkit-scrollbar-track { opacity: 0; }
::-webkit-scrollbar-thumb { width: 8px; margin-right: 8px; background: #e60000; }

/*  --- COLORS / BACKGROUNDS ---  */
.main-cl { color: #00305b !important; }
.sub-cl { color: #e60000 !important; }
.sub2-cl { color: #692411 !important; }
.sub3-cl { color: #cf4721 !important; }
.sub4-cl { color: #f55427 !important; }
.white-cl, .white-cl * { color: #fff !important; }
.light-cl { color: #f4f4f4 !important; }
.lightgrey-cl { color: #ececec !important; }
.grey-cl { color: #878787 !important; }
.darkgrey-cl { color: #323232 !important; }
.dark-cl { color: #19191d !important; }
.black-cl { color: #000 !important; }
.main-bg { background-color: #00305b !important; }
.sub-bg { background-color: #e60000 !important; }
.sub2-bg { background-color: #692411 !important; }
.sub3-bg { background-color: #cf4721 !important; }
.sub4-bg { background-color: #f55427 !important; }
.white-bg { background-color: #fff !important; }
.lightblue-bg { background-color: #dae7f3 !important; }
.light-bg { background-color: #f4f4f4 !important; }
.lightgrey-bg { background-color: #ececec !important; }
.grey-bg { background-color: #878787 !important; }
.darkgrey-bg { background-color: #323232 !important; }
.dark-bg { background-color: #19191d !important; }
.black-bg { background-color: #000 !important; }
.transparent-bg { background-color: transparent !important; }
.is-college { font-family: 'Quadon-Bold', Helvetica, sans-serif !important; font-weight: 400 !important; }

/*  --- HEADER ---  */
.header-all {
    background: #fff;
}
.wrap {
    position: relative;
    width: 90%;
    max-width: 1700px;
    height: auto;
    margin: 0 auto;
}
header .wrap {
    height: 100%;
}
.clearer {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
}
.container>.navbar .navbar-brand, .navbar>.container .navbar-brand {
    margin-left: 0;
}
.logo {
    display: block;
    width: 175px;
    height: auto;
    float: left;
}
.logo svg {
    display: block;
    width: 100%;
}
.sitesettings {
    position: relative;
    float: right;
    width: 520px;
    width: auto;
    height: 46px;
    background: #dae7f3 !important;
}
.sitesettings::before {
    content: '';
    display: block;
    position: relative;
    z-index: -1;
    width: 30px;
    height: 46px;
    background: #dae7f3 !important;
    float: left;
    margin: 0 -13px 0 -17px;
    transform: skew(-25deg);
}
.sitesettings::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 46px;
    top: 0;
    right: -100vw;
    background: #dae7f3 !important;
}
.sitesettings.scrolled {
    display: none;
}
#dropdownMenu_1 > a {
    display: block;
    float: left;
    height: 100%;
    padding: 42px 15px 14px 15px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #00305B;
    transition: background 0.3s ease;
}
.navbar-menu {
    height: 100%;
    margin-right: 0 !important;
}
.navbar-menu a {
    height: 100%;
}
/*.navbar-menu .icon svg path {
    color: #00305B !important;
    fill: #00305B !important;
}*/
#button_reg_1 {
    margin: 19px 0;
}
.navbar-start .navbar-link {
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
}
.navbar-start .has-dropdown .navbar-link {
    padding: 45px 14px 25px 14px;
}
.navbar-start .navbar-link::after {
    display: none;
}
.navbar-link:not(.is-arrowless) {
    padding-right: 15px;
}
.navbar-link:not(.is-arrowless)::after {
    display: block;
    content: '/';
    float: right;
    border: none;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: -5px !important;
    -webkit-transform: rotate(0deg) translate(0,-50%) !important;
    -moz-transform: rotate(0deg) translate(0,-50%) !important;
    -ms-transform: rotate(0deg) translate(0,-50%) !important;
    -o-transform: rotate(0deg) translate(0,-50%) !important;
    transform: rotate(0deg) translate(0,-50%) !important;
    font-size: 1rem;
    font-weight: 400;
}
.navbar-link:not(.is-arrowless):last-of-type::after {
    display: none;
}
.navbar-item.has-dropdown .navbar-link:not(.is-arrowless)::after {
    display: block;
}
/*.navbar-start .has-dropdown .navbar-link::after {
    display: block;
    margin-left: 10px;
}*/
.navbar-start .has-dropdown .navbar-link span {
    font-size: 1.2rem;
    font-weight: 400;
    color: #00305B;
}
.navbar-end .navbar-item .icon {
    font-size: 1.25rem;
}
.navbar-end .navbar-link::before, .navbar-end .navbar-link::after {
    display: none !important;
}
.navbar-item, .navbar-link {
    color: #00305B;
    padding: 42px 15px 25px 15px;
}
.mobile-language {
    display: none;
}

.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    background: transparent !important;
}
.navbar-link, .navbar-link, a.navbar-item.is-active, a.navbar-item {
    background: transparent !important;
}

@media screen and (max-width: 1024px) {
    #logoAndMobileview {
        width: 95%;
        margin: 0 auto;
    }
    #div4967 {
        display: none;
    }
    .mobile-language {
        display: block;
        float: right;
    }
    .mobile-language a {
        display: block;
        width: 20px;
        height: auto;
        padding: 16px 0 15px 0;
        margin-left: .5rem;
        margin-right: 5px;
    }
    .mobile-language a img {
        display: block;
        width: 100%;
    }
    .mobile-language .active-language {
        display: none;
    }
    .logo {
        width: 145px;
    }
    .navbar-item, .navbar-link {
        padding: .9rem .5rem 1rem .5rem;
        height: 54px;
    }
}

/*  --- FOOTER ---  */
footer {
    padding: 50px 1.5rem 1px 1.5rem !important;
    background: #00305B;
}
footer .columns .column ul li, footer .columns .column ul li a {
    font-size: 1rem;
    line-height: 1.4;
    color: #fff !Important;
    text-transform: uppercase;
    position: relative;
}
footer .columns .column ul li {
    text-transform: none;
}
footer .columns .column ul li a.no-uppercase {
    text-transform: none;
}
footer .columns .column ul li a::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #e60000;
    transition: width 0.3s ease;
}
footer .columns .column ul li a:hover::after {
    width: 100%;
}
@media screen and (max-width: 1216px) {
    footer .columns .columns .is-12-tablet {
        margin-left: 0 !important;
    }
}
@media screen and (max-width: 768px) {
    footer {
        padding: 50px 1.5rem 35px 1.5rem !important;
    }
    footer .columns .column ul li, footer .columns .column ul li a {
        font-size: 0.875rem;
    }
    #shopArtCatHeadline {
        font-size: 1.5rem;
    }
}

/*  --- LANGUAGE SELECTION ---  */
.language-selection {
    position: relative;
    float: right;
    width: auto;
    height: 100%;
    padding: .9rem 1rem 1rem 3rem;
    margin-left: -2rem;
}
.language-selection a {
    pointer-events: : none;
    display: none;
    color: #00305B;
}
.language-selection a:hover {
    color: #00305B;
}
.language-selection a.active-language {
    float: right;
    display: block;
}
.language-selection .language-selection-dropdown {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    right: 100%;
    width: auto;
    min-width: 500px;
    padding: .9rem 1rem 1rem 1rem;
    transition: opacity 0.3s ease;
}
.language-selection:hover .language-selection-dropdown {
    visibility: visible;
    opacity: 1;
}
.language-selection img {
    opacity: .3;
    transition: opacity 0.2s ease;
}
.language-selection:hover img {
    opacity: 1;
}
.language-selection .language-selection-dropdown a {
    float: right;
    display: block;
    pointer-events: : visible;
    opacity: 0;
    margin-right: -25px;
    transition: opacity 0.3s ease, margin 0.3s ease;
}
.language-selection:hover .language-selection-dropdown a {
    opacity: 1;
    margin-right: 0;
}
.language-selection .language-selection-dropdown a.active-language {
    display: none;
}
.language-selection a.language-flag {
    width: 20px;
    margin-top: -1px;
    margin-right: .5rem !important;
}
.language-selection .language-selection-dropdown a.language-flag {
    margin-left: 1.5rem;
}

/*  --- ARTIKEL SLIDER ---  */
.st-slider {
    position: relative;
    width: 100vw;
    height: 22.222vw;
    min-height: 250px;
    /*max-height: 600px;*/
    padding: 0;
    margin-bottom: 3rem;
}
.st-slider .swiper-slide {
    height: 22.222vw;
    min-height: 250px;
}
.st-slider .swiper-slide > div {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.st-slider .swiper-slide .sliderTextContent {
    width: 100%;
    max-width: 1344px;
    top: 50%;
    left: 50%;
    height: auto;
    z-index: 9999;
    transform: translate(-50%, -50%);
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.st-slider .swiper-slide .sliderTextContent.container span {
    display: block;
    max-width: 50%;
    margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
    .st-slider .swiper-slide .sliderTextContent.container {
            padding: 0 1.5rem;
    }
}
@media screen and (max-width: 768px) {
    .st-slider .swiper-slide .sliderTextContent.container span {
        max-width: 100%;
        margin-right: 0;
    }
}
@media screen and (min-width: 1024px) {
    .st-slider .swiper-slide .sliderTextContent.container {
        max-width: 960px !important;
    }
}
@media screen and (min-width: 1216px) {
    .st-slider .swiper-slide .sliderTextContent.container {
        max-width: 1159px !important;
    }
}
@media screen and (min-width: 1408px) {
    .st-slider .swiper-slide .sliderTextContent.container {
        max-width: 1344px !important;
    }
}
.st-slider .swiper-slide .sliderTextContent a {
    color: #fff;
    text-shadow: 2px 0 2px #00000025
}
.st-slider .swiper-slide .sliderTextContent a:hover {
    color: #005E8C;
}
.st-slider .swiper-slide > div img {
    position: absolute;
    width: auto;
    min-width: 100vw;
    height: 22.222vw;
    min-height: 250px;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.st-slider .slider-controls {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 3333;
    transform: translateX(-50%);
    display: none;
}
.st-slider .swiper-pagination {
    left: 50%;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    bottom: -2rem !important;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
    background: transparent;
    transform: translate(-50%, 0);
}
.st-slider .swiper-pagination-bullet {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-left: 0;
    margin-right: 1rem;
    background: #00305B;
    -webkit-transition: opacity 0.2s ease, height 0.2s ease;
    -moz-transition: opacity 0.2s ease, height 0.2s ease;
    -ms-transition: opacity 0.2s ease, height 0.2s ease;
    -o-transition: opacity 0.2s ease, height 0.2s ease;
    transition: opacity 0.2s ease, height 0.2s ease;
}
.st-slider .swiper-pagination-bullet:last-of-type {
    margin-right: 0;
}
.st-slider .swiper-pagination-bullet:hover {
    opacity: .5;
}
.st-slider .swiper-pagination-bullet-active {
    height: 10px !important;
    background: #00305B !important;
}
.st-slider .swiper-pagination-bullet:focus {
    outline: none;
}
.st-slider .swiper-button-prev, .st-slider .swiper-button-next {
    display: block;
    width: 25px;
    height: 68px;
    background: none !important;
    background-image: initial !important;
    opacity: 0.5;
    transform: translateY(-50%);
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    display: none;
}
.st-slider .swiper-button-prev {
    left: 2rem;
}
.st-slider .swiper-button-next {
    right: calc(2rem + 12px);
}
.st-slider .swiper-button-prev:hover, .st-slider .swiper-button-next:hover {
    opacity: 1;
}
.st-slider .swiper-button-prev:before, .st-slider .swiper-button-prev:after, .st-slider .swiper-button-next:before, .st-slider .swiper-button-next:after {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background: #fff;
    border-radius: 4px;
}
.st-slider .swiper-button-prev:before, .st-slider .swiper-button-next:before {
    margin: 16px 0 0 -7px;
}
.st-slider .swiper-button-prev:after, .st-slider .swiper-button-next:after {
    margin: 27px 0 0 -7px;
}
.st-slider .swiper-button-prev:before, .st-slider .swiper-button-next:after {
    transform: rotate(-55deg);
}
.st-slider .swiper-button-prev:after, .st-slider .swiper-button-next:before {
    transform: rotate(55deg);
}
.st-slider-overlay {
    position: absolute;
    z-index: 1111;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    .st-slider .swiper-slide > div img {
        max-width: unset;
        max-height: unset;
    }
}

/*  --- SHOP CATEGORIES ---  */
.wepp-shop-categories li {
    position: relative;
    border-top: 1px solid #bfcbd6;
}
.wepp-shop-categories li:last-of-type {
    border-bottom: 1px solid #bfcbd6;
}
.wepp-shop-categories li a {
    background: #fff !important;
    color: #00305B;
    text-transform: uppercase;
}
.wepp-shop-categories li a span {
    position: relative;
}
.wepp-shop-categories li a span::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #e60000;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease;
}
.wepp-shop-categories li.is-active-category a span::after, .wepp-shop-categories li:hover a span::after {
    width: 100%;
}
.wepp-shop-categories li a span::before {
    content: '';
    display: block;
    float: left;
    width: 38px;
    height: 30px;
    margin: -7px 10px -8px -10px;
}
.wepp-shop-categories li:nth-of-type(1) a span::before { background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/motor-antrieb.svg); }
.wepp-shop-categories li:nth-of-type(2) a span::before { background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/kuehlersystem.svg); }
.wepp-shop-categories li:nth-of-type(3) a span::before { background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/klimasystem.svg); }
.wepp-shop-categories li:nth-of-type(4) a span::before { background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/kraftstoffsystem.svg); }
.wepp-shop-categories li:nth-of-type(5) a span::before { background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/bremsen.svg); }
.wepp-shop-categories li:nth-of-type(6) a span::before { background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/wartung-pflege.svg); }
.wepp-shop-categories li:nth-of-type(7) a span::before { background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/karosserie.svg); 
    width: 45px;
    height: 38px;
    margin: -11px 7px -11px -13px;
}
.wepp-shop-categories li:nth-of-type(8) a span::before { background: url(); }
.wepp-shop-categories li a span::before {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}
.wepp-shop-categories li::after {
    content: '';
    display: block;
    float: right;
    width: 38px;
    height: 30px;
    background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/arrow-right.svg);
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    position: absolute;
    top: 8px;
    right: 0;
}

.section.newsBg {
    background: url(https://www.wepp.de//wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/20200529_WEPP_Web-1920_Ansicht.jpg) no-repeat;
    background-size: cover;
    background-position: right;
    height: 500px;
    padding: 125px 1.5rem;
}

/*
*
*    Steps Styles
*
*/

.steps:not(:last-child) {
    margin-bottom: 1.5rem
}

.steps .steps-segment {
    position: relative
}

.steps .steps-segment:not(:last-child)::after {
    content: " ";
    display: block;
    position: absolute
}

.steps.is-vertical .steps-segment {
    display: block;
}

.steps.is-vertical .steps-segment:not(:last-child) {
    min-height: 4em
}

.steps:not(.is-vertical) .steps-segment:not(:last-child)::after {
    height: 1px!important;
}

.steps.has-content-centered.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after, .steps.has-content-centered:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after, .steps:not(.is-vertical) .steps-segment:not(:last-child)::after {
    top: 1.2rem;
    left: calc(50% + 3rem)!important;
    right: calc(-50% + 3rem)!important;
}

.steps.is-horizontal {
    display: flex
}

.steps.is-horizontal .steps-segment:not(:last-child) {
    flex: 1 1 1rem
}

.steps.is-horizontal.is-narrow .steps-segment {
    flex-grow: 0
}

.steps.is-horizontal.is-narrow .steps-segment:not(:last-child) {
    min-width: 10em
}

.steps.is-horizontal.is-narrow.is-centered {
    justify-content: center
}

.steps.is-horizontal.is-narrow.is-right {
    justify-content: flex-end
}

.steps.is-horizontal.has-content-centered {
    text-align: center
}

.steps.is-horizontal.is-balanced .steps-segment:last-child,
.steps.is-horizontal.has-content-centered .steps-segment:last-child {
    flex: 1 1 1rem
}

.steps.is-horizontal.is-narrow.has-content-centered .steps-segment:last-child {
    flex-grow: 0;
    min-width: 10em
}

.steps.is-horizontal .steps-content.is-divider-content {
    text-align: center;
    margin-right: -1rem;
    padding-left: 2em;
    padding-right: 2em
}

.steps .steps-marker {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-weight: 700;
    justify-content: center;
    position: relative;
    z-index: 10;
    height: 2.5rem;
    width: 2.5rem
}

.steps {
    font-size: 1rem
}

.steps.is-vertical .steps-segment:not(:last-child)::after {
    bottom: -.24rem;
    left: calc(1rem - 0.2em);
    top: 1.76rem;
    width: .4em
}

.steps.is-vertical .steps-content {
    margin-left: calc(1rem + 0.5em);
    margin-top: -2rem;
    padding-bottom: 1em;
    padding-left: 1em
}

.steps.is-vertical .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0
}

.steps.is-vertical.has-content-centered .steps-content {
    padding-top: calc(1rem - 0.5em)
}

.steps.is-vertical.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    bottom: .3rem;
    top: 2.3rem
}

.steps.is-horizontal .steps-segment:not(:last-child)::after {
    height: .4em;
    left: 1.76rem;
    right: -.24rem;
    top: calc(1rem - 0.2em)
}

.steps.is-horizontal .steps-content {
    margin-left: 1rem
}

.steps.is-horizontal .steps-content:not(:last-child) {
    margin-right: -1rem
}

.steps.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
    left: 50%;
    right: -50%
}

.steps.is-horizontal.has-content-centered .steps-marker {
    left: calc(50% - 1rem);
    position: absolute
}

.steps.is-horizontal.has-content-centered .steps-content {
    margin-left: .5em;
    margin-right: .5em;
    margin-top: 2rem;
    padding-top: .2em
}

.steps.is-horizontal.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: 2.3rem;
    right: .3rem
}

.steps.is-horizontal.has-content-centered.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-horizontal.has-content-centered:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 1.3rem);
    right: calc(-50% + 1.3rem)
}

.steps.is-small {
    font-size: .75rem
}

.steps.is-small .steps-marker {
    height: 1.5rem;
    width: 1.5rem
}

.steps.is-small.is-vertical .steps-segment:not(:last-child)::after {
    bottom: -.24rem;
    left: calc(0.75rem - 0.2em);
    top: 1.26rem;
    width: .4em
}

.steps.is-small.is-vertical .steps-content {
    margin-left: calc(0.75rem + 0.5em);
    margin-top: -1.5rem;
    padding-bottom: 1em;
    padding-left: 1em
}

.steps.is-small.is-vertical .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0
}

.steps.is-small.is-vertical.has-content-centered .steps-content {
    padding-top: calc(0.75rem - 0.5em)
}

.steps.is-small.is-vertical.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-small.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    bottom: .3rem;
    top: 1.8rem
}

.steps.is-small.is-horizontal .steps-segment:not(:last-child)::after {
    height: .4em;
    left: 1.26rem;
    right: -.24rem;
    top: calc(0.75rem - 0.2em)
}

.steps.is-small.is-horizontal .steps-content {
    margin-left: .75rem
}

.steps.is-small.is-horizontal .steps-content:not(:last-child) {
    margin-right: -.75rem
}

.steps.is-small.is-horizontal .steps-content.is-divider-content {
    margin-right: -.75rem;
    padding-left: 2em;
    padding-right: 2em
}

.steps.is-small.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
    left: 50%;
    right: -50%
}

.steps.is-small.is-horizontal.has-content-centered .steps-marker {
    left: calc(50% - 0.75rem);
    position: absolute
}

.steps.is-small.is-horizontal.has-content-centered .steps-content {
    margin-left: .5em;
    margin-right: .5em;
    margin-top: 1.5rem;
    padding-top: .2em
}

.steps.is-small.is-horizontal.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-small.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: 1.8rem;
    right: .3rem
}

.steps.is-small.is-horizontal.has-content-centered.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-small.is-horizontal.has-content-centered:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 1.05rem);
    right: calc(-50% + 1.05rem)
}

.steps.is-medium {
    font-size: 1.25rem
}

.steps.is-medium .steps-marker {
    height: 2.5rem;
    width: 2.5rem
}

.steps.is-medium.is-vertical .steps-segment:not(:last-child)::after {
    bottom: -.24rem;
    left: calc(1.25rem - 0.2em);
    top: 2.26rem;
    width: .4em
}

.steps.is-medium.is-vertical .steps-content {
    margin-left: calc(1.25rem + 0.5em);
    margin-top: -2.5rem;
    padding-bottom: 1em;
    padding-left: 1em
}

.steps.is-medium.is-vertical .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0
}

.steps.is-medium.is-vertical.has-content-centered .steps-content {
    padding-top: calc(1.25rem - 0.5em)
}

.steps.is-medium.is-vertical.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-medium.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    bottom: .3rem;
    top: 2.8rem
}

.steps.is-medium.is-horizontal .steps-segment:not(:last-child)::after {
    height: .4em;
    left: 2.26rem;
    right: -.24rem;
    top: calc(1.25rem - 0.2em)
}

.steps.is-medium.is-horizontal .steps-content {
    margin-left: 1.25rem
}

.steps.is-medium.is-horizontal .steps-content:not(:last-child) {
    margin-right: -1.25rem
}

.steps.is-medium.is-horizontal .steps-content.is-divider-content {
    margin-right: -1.25rem;
    padding-left: 2em;
    padding-right: 2em
}

.steps.is-medium.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
    left: 50%;
    right: -50%
}

.steps.is-medium.is-horizontal.has-content-centered .steps-marker {
    left: calc(50% - 1.25rem);
    position: absolute
}

.steps.is-medium.is-horizontal.has-content-centered .steps-content {
    margin-left: .5em;
    margin-right: .5em;
    margin-top: 2.5rem;
    padding-top: .2em
}

.steps.is-medium.is-horizontal.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-medium.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: 2.8rem;
    right: .3rem
}

.steps.is-medium.is-horizontal.has-content-centered.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-medium.is-horizontal.has-content-centered:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 1.55rem);
    right: calc(-50% + 1.55rem)
}

.steps.is-large {
    font-size: 1.5rem
}

.steps.is-large .steps-marker {
    height: 3rem;
    width: 3rem
}

.steps.is-large.is-vertical .steps-segment:not(:last-child)::after {
    bottom: -.24rem;
    left: calc(1.5rem - 0.2em);
    top: 2.76rem;
    width: .4em
}

.steps.is-large.is-vertical .steps-content {
    margin-left: calc(1.5rem + 0.5em);
    margin-top: -3rem;
    padding-bottom: 1em;
    padding-left: 1em
}

.steps.is-large.is-vertical .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0
}

.steps.is-large.is-vertical.has-content-centered .steps-content {
    padding-top: calc(1.5rem - 0.5em)
}

.steps.is-large.is-vertical.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-large.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    bottom: .3rem;
    top: 3.3rem
}

.steps.is-large.is-horizontal .steps-segment:not(:last-child)::after {
    height: .4em;
    left: 2.76rem;
    right: -.24rem;
    top: calc(1.5rem - 0.2em)
}

.steps.is-large.is-horizontal .steps-content {
    margin-left: 1.5rem
}

.steps.is-large.is-horizontal .steps-content:not(:last-child) {
    margin-right: -1.5rem
}

.steps.is-large.is-horizontal .steps-content.is-divider-content {
    margin-right: -1.5rem;
    padding-left: 2em;
    padding-right: 2em
}

.steps.is-large.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
    left: 50%;
    right: -50%
}

.steps.is-large.is-horizontal.has-content-centered .steps-marker {
    left: calc(50% - 1.5rem);
    position: absolute
}

.steps.is-large.is-horizontal.has-content-centered .steps-content {
    margin-left: .5em;
    margin-right: .5em;
    margin-top: 3rem;
    padding-top: .2em
}

.steps.is-large.is-horizontal.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-large.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: 3.3rem;
    right: .3rem
}

.steps.is-large.is-horizontal.has-content-centered.has-gaps:not(.is-thin) .steps-segment:not(:last-child)::after,
.steps.is-large.is-horizontal.has-content-centered:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 1.8rem);
    right: calc(-50% + 1.8rem)
}

.steps-segment::after {
    background-color: #00305B
}

.steps-segment.is-active~.steps-segment .steps-marker.is-hollow, .steps.is-hollow .steps-segment.is-active~.steps-segment .steps-marker {
    border-width: 1px;
}

.steps-segment.is-active::after {
    background-color: #dbdbdb
}

.steps-segment.is-active~.steps-segment::after {
    background-color: #dbdbdb
}

.steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
    background-color: #00305B;
    color: #fff
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow) .icon svg path {
    fill: #fff !important;
}
.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) {
    background-color: #00305B;
    color: #fff
}
.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) .icon svg path {
    fill: #fff !important;
}

.steps:not(.is-hollow) .steps-segment.is-active~.steps-segment .steps-marker:not(.is-hollow) {
    background-color: #dbdbdb;
    color: rgba(0, 0, 0, .7)
}

.steps.is-hollow .steps-marker,
.steps-marker.is-hollow {
    border: .3em solid #f9582c
}

.steps.is-hollow .is-active .steps-marker,
.steps .is-active .steps-marker.is-hollow {
    border-color: #717171
}

.steps.is-hollow .steps-segment.is-active~.steps-segment .steps-marker,
.steps-segment.is-active~.steps-segment .steps-marker.is-hollow {
    border-color: #dbdbdb
}

.steps:not(.is-hollow) .steps-marker.is-white:not(.is-hollow) {
    background-color: #fff;
    color: #0a0a0a
}

.steps.is-hollow .steps-marker.is-white,
.steps .steps-marker.is-hollow.is-white {
    border-color: #fff
}

.steps:not(.is-hollow) .steps-marker.is-black:not(.is-hollow) {
    background-color: #0a0a0a;
    color: #fff
}

.steps.is-hollow .steps-marker.is-black,
.steps .steps-marker.is-hollow.is-black {
    border-color: #0a0a0a
}

.steps:not(.is-hollow) .steps-marker.is-light:not(.is-hollow) {
    background-color: #f5f5f5;
    color: #363636
}

.steps.is-hollow .steps-marker.is-light,
.steps .steps-marker.is-hollow.is-light {
    border-color: #f5f5f5
}

.steps:not(.is-hollow) .steps-marker.is-dark:not(.is-hollow) {
    background-color: #363636;
    color: #f5f5f5
}

.steps.is-hollow .steps-marker.is-dark,
.steps .steps-marker.is-hollow.is-dark {
    border-color: #363636
}

.steps:not(.is-hollow) .steps-marker.is-primary:not(.is-hollow) {
    background-color: #DA6518;
    color: #fff
}

.steps.is-hollow .steps-marker.is-primary,
.steps .steps-marker.is-hollow.is-primary {
    border-color: #DA6518
}

.steps:not(.is-hollow) .steps-marker.is-info:not(.is-hollow) {
    background-color: #ee0073;
    color: #fff
}

.steps.is-hollow .steps-marker.is-info,
.steps .steps-marker.is-hollow.is-info {
    border-color: #ee0073
}

.steps:not(.is-hollow) .steps-marker.is-success:not(.is-hollow) {
    background-color: #23d160;
    color: #fff
}

.steps.is-hollow .steps-marker.is-success,
.steps .steps-marker.is-hollow.is-success {
    border-color: #23d160
}

.steps:not(.is-hollow) .steps-marker.is-warning:not(.is-hollow) {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.steps.is-hollow .steps-marker.is-warning,
.steps .steps-marker.is-hollow.is-warning {
    border-color: #ffdd57
}

.steps:not(.is-hollow) .steps-marker.is-danger:not(.is-hollow) {
    background-color: #ff3860;
    color: #fff
}

.steps.is-hollow .steps-marker.is-danger,
.steps .steps-marker.is-hollow.is-danger {
    border-color: #ff3860
}

.steps.is-vertical.is-dashed .steps-segment::after,
.steps.is-vertical .steps-segment.is-dashed::after {
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(0deg, #DA6518, #DA6518 5px, transparent 5px, transparent 10px) repeat scroll 0 0
}

.steps.is-vertical.is-dashed .steps-segment.is-active::after,
.steps.is-vertical.is-dashed .steps-segment.is-active~.steps-segment::after,
.steps.is-vertical .steps-segment.is-active.is-dashed::after,
.steps.is-vertical .steps-segment.is-active~.steps-segment.is-dashed::after {
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px) repeat scroll 0 0
}

.steps.is-horizontal.is-dashed .steps-segment::after,
.steps.is-horizontal .steps-segment.is-dashed::after {
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(90deg, #DA6518, #DA6518 10px, transparent 10px, transparent 20px) repeat scroll 0 0
}

.steps.is-horizontal.is-dashed .steps-segment.is-active::after,
.steps.is-horizontal.is-dashed .steps-segment.is-active~.steps-segment::after,
.steps.is-horizontal .steps-segment.is-active.is-dashed::after,
.steps.is-horizontal .steps-segment.is-active~.steps-segment.is-dashed::after {
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px) repeat scroll 0 0
}

.steps.is-thin .steps-marker {
    height: .8em;
    width: .8em
}

.steps.is-thin.is-hollow,
.steps.is-thin .steps-marker.is-hollow {
    border-width: 1px
}

.steps.is-thin.is-vertical .steps-segment:not(:last-child)::after {
    bottom: 0;
    left: calc(0.4em - 0.5px);
    top: .8em;
    width: 1px
}

.steps.is-thin.is-vertical .steps-content {
    margin-left: .8em;
    margin-top: -1.2em
}

.steps.is-thin.is-vertical.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-thin.is-vertical .steps-segment.has-gaps:not(:last-child)::after {
    bottom: .4em;
    top: 1.2em
}

.steps.is-thin.is-vertical.has-content-centered .steps-content {
    padding-top: 1.6em
}

.steps.is-thin.is-horizontal .steps-segment:not(:last-child)::after {
    height: 1px;
    left: .8em;
    right: 0;
    top: calc(0.4em - 0.5px)
}

.steps.is-thin.is-horizontal .steps-content {
    margin-top: .8em
}

.steps.is-thin.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
    left: calc(50% + 0.4em);
    right: calc(-50% + 0.4em)
}

.steps.is-thin.is-horizontal.has-content-centered .steps-marker {
    left: calc(50% - 0.4em);
    position: absolute
}

.steps.is-thin.is-horizontal.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-thin.is-horizontal .steps-segment.has-gaps:not(:last-child)::after {
    left: 1.2em;
    right: .4em
}

.steps.is-thin.is-horizontal.has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-thin.is-horizontal.has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 0.8em);
    right: calc(-50% + 0.8em)
}

.steps-icon-hollow {
    color: #dbdbdb
}

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

    .steps.is-thin:not(.is-horizontal) .steps-segment:not(:last-child)::after {
        bottom: 0;
        left: calc(0.4em - 0.5px);
        top: .8em;
        width: 1px
    }
    .steps.is-thin:not(.is-horizontal) .steps-content {
        margin-left: .8em;
        margin-top: -1.2em
    }
    .steps.is-thin.has-gaps:not(.is-horizontal) .steps-segment:not(:last-child)::after,
    .steps.is-thin:not(.is-horizontal) .steps-segment.has-gaps:not(:last-child)::after {
        bottom: .4em;
        top: 1.2em
    }
    .steps.is-thin.has-content-centered:not(.is-horizontal) .steps-content {
        padding-top: 1.6em
    }
    .steps.is-dashed:not(.is-horizontal) .steps-segment::after,
    .steps:not(.is-horizontal) .steps-segment.is-dashed::after {
        background: rgba(0, 0, 0, 0) repeating-linear-gradient(0deg, #DA6518, #DA6518 5px, transparent 5px, transparent 10px) repeat scroll 0 0
    }
    .steps.is-dashed:not(.is-horizontal) .steps-segment.is-active::after,
    .steps.is-dashed:not(.is-horizontal) .steps-segment.is-active~.steps-segment::after,
    .steps:not(.is-horizontal) .steps-segment.is-active.is-dashed::after,
    .steps:not(.is-horizontal) .steps-segment.is-active~.steps-segment.is-dashed::after {
        background: rgba(0, 0, 0, 0) repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px) repeat scroll 0 0
    }
    .steps.is-large:not(.is-horizontal) .steps-segment:not(:last-child)::after {
        bottom: -.24rem;
        left: calc(1.5rem - 0.2em);
        top: 2.76rem;
        width: .4em
    }
    .steps.is-large:not(.is-horizontal) .steps-content {
        margin-left: calc(1.5rem + 0.5em);
        margin-top: -3rem;
        padding-bottom: 1em;
        padding-left: 1em
    }
    .steps.is-large:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0
    }
    .steps.is-large.has-content-centered:not(.is-horizontal) .steps-content {
        padding-top: calc(1.5rem - 0.5em)
    }
    .steps.is-large.has-gaps:not(.is-horizontal):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-large:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        bottom: .3rem;
        top: 3.3rem
    }
    .steps.is-medium:not(.is-horizontal) .steps-segment:not(:last-child)::after {
        bottom: -.24rem;
        left: calc(1.25rem - 0.2em);
        top: 2.26rem;
        width: .4em
    }
    .steps.is-medium:not(.is-horizontal) .steps-content {
        margin-left: calc(1.25rem + 0.5em);
        margin-top: -2.5rem;
        padding-bottom: 1em;
        padding-left: 1em
    }
    .steps.is-medium:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0
    }
    .steps.is-medium.has-content-centered:not(.is-horizontal) .steps-content {
        padding-top: calc(1.25rem - 0.5em)
    }
    .steps.is-medium.has-gaps:not(.is-horizontal):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-medium:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        bottom: .3rem;
        top: 2.8rem
    }
    .steps.is-small:not(.is-horizontal) .steps-segment:not(:last-child)::after {
        bottom: -.24rem;
        left: calc(0.75rem - 0.2em);
        top: 1.26rem;
        width: .4em
    }
    .steps.is-small:not(.is-horizontal) .steps-content {
        margin-left: calc(0.75rem + 0.5em);
        margin-top: -1.5rem;
        padding-bottom: 1em;
        padding-left: 1em
    }
    .steps.is-small:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0
    }
    .steps.is-small.has-content-centered:not(.is-horizontal) .steps-content {
        padding-top: calc(0.75rem - 0.5em)
    }
    .steps.is-small.has-gaps:not(.is-horizontal):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-small:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        bottom: .3rem;
        top: 1.8rem
    }
    .steps:not(.is-horizontal) .steps-segment:not(:last-child)::after {
        bottom: -.24rem;
        left: calc(1rem - 0.2em);
        top: 1.76rem;
        width: .4em
    }
    .steps:not(.is-horizontal) .steps-content {
        margin-left: calc(1rem + 0.5em);
        margin-top: -2rem;
        padding-bottom: 1em;
        padding-left: 1em
    }
    .steps:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0
    }
    .steps.has-content-centered:not(.is-horizontal) .steps-content {
        padding-top: calc(1rem - 0.5em)
    }
    .steps.has-gaps:not(.is-horizontal):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        bottom: .3rem;
        top: 2.3rem
    }
    .steps:not(.is-horizontal) .steps-segment {
        display: block
    }
    .steps:not(.is-horizontal) .steps-segment:not(:last-child) {
        min-height: 4em
    }
}

@media screen and (min-width: 768px) {
.liefer-left-padding {
    padding-left: 10px
}
    .steps:not(.is-vertical) {
        display: flex
    }
    .steps:not(.is-vertical) .steps-segment:not(:last-child) {
        flex: 1 1 1rem
    }
    .steps.is-narrow:not(.is-vertical) .steps-segment {
        flex-grow: 0
    }
    .steps.is-narrow:not(.is-vertical) .steps-segment:not(:last-child) {
        min-width: 10em
    }
    .steps.is-narrow.is-centered:not(.is-vertical) {
        justify-content: center
    }
    .steps.is-narrow.is-right:not(.is-vertical) {
        justify-content: flex-end
    }
    .steps.has-content-centered:not(.is-vertical) {
        text-align: center
    }
    .steps.is-balanced:not(.is-vertical) .steps-segment:last-child,
    .steps.has-content-centered:not(.is-vertical) .steps-segment:last-child {
        flex: 1 1 1rem
    }
    .steps.is-narrow.has-content-centered:not(.is-vertical) .steps-segment:last-child {
        flex-grow: 0;
        min-width: 10em
    }
    .steps:not(.is-vertical) .steps-content.is-divider-content {
        text-align: center
    }
    .steps:not(.is-vertical) .steps-segment:not(:last-child)::after {
        height: .4em;
        left: 1.76rem;
        right: -.24rem;
        top: calc(1rem - 0.2em)
    }
    .steps:not(.is-vertical) .steps-content {
        margin-left: 1rem
    }
    .steps:not(.is-vertical) .steps-content:not(:last-child) {
        margin-right: -1rem
    }
    .steps:not(.is-vertical) .steps-content.is-divider-content {
        margin-right: -1rem;
        padding-left: 2em;
        padding-right: 2em
    }
    .steps.has-content-centered:not(.is-vertical) .steps-segment:not(:last-child)::after {
        left: 50%;
        right: -50%
    }
    .steps.has-content-centered:not(.is-vertical) .steps-marker {
        left: calc(50% - 20px);
        position: absolute
    }
    .steps.has-content-centered:not(.is-vertical) .steps-content {
        margin-left: .5em;
        margin-right: .5em;
        margin-top: 3rem;
        padding-top: .2em
    }
    .steps.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        left: 2.3rem;
        right: .3rem
    }
    .steps.has-content-centered.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.has-content-centered:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        left: calc(50% + 1.3rem);
        right: calc(-50% + 1.3rem)
    }
    .steps.is-small:not(.is-vertical) .steps-segment:not(:last-child)::after {
        height: .4em;
        left: 1.26rem;
        right: -.24rem;
        top: calc(0.75rem - 0.2em)
    }
    .steps.is-small:not(.is-vertical) .steps-content {
        margin-left: .75rem
    }
    .steps.is-small:not(.is-vertical) .steps-content:not(:last-child) {
        margin-right: -.75rem
    }
    .steps.is-small:not(.is-vertical) .steps-content.is-divider-content {
        margin-right: -.75rem;
        padding-left: 2em;
        padding-right: 2em
    }
    .steps.is-small.has-content-centered:not(.is-vertical) .steps-segment:not(:last-child)::after {
        left: 50%;
        right: -50%
    }
    .steps.is-small.has-content-centered:not(.is-vertical) .steps-marker {
        left: calc(50% - 0.75rem);
        position: absolute
    }
    .steps.is-small.has-content-centered:not(.is-vertical) .steps-content {
        margin-left: .5em;
        margin-right: .5em;
        margin-top: 1.5rem;
        padding-top: .2em
    }
    .steps.is-small.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-small:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        left: 1.8rem;
        right: .3rem
    }
    .steps.is-small.has-content-centered.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-small.has-content-centered:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        left: calc(50% + 1.05rem);
        right: calc(-50% + 1.05rem)
    }
    .steps.is-medium:not(.is-vertical) .steps-segment:not(:last-child)::after {
        height: .4em;
        left: 2.26rem;
        right: -.24rem;
        top: calc(1.25rem - 0.2em)
    }
    .steps.is-medium:not(.is-vertical) .steps-content {
        margin-left: 1.25rem
    }
    .steps.is-medium:not(.is-vertical) .steps-content:not(:last-child) {
        margin-right: -1.25rem
    }
    .steps.is-medium:not(.is-vertical) .steps-content.is-divider-content {
        margin-right: -1.25rem;
        padding-left: 2em;
        padding-right: 2em
    }
    .steps.is-medium.has-content-centered:not(.is-vertical) .steps-segment:not(:last-child)::after {
        left: 50%;
        right: -50%
    }
    .steps.is-medium.has-content-centered:not(.is-vertical) .steps-marker {
        left: calc(50% - 1.25rem);
        position: absolute
    }
    .steps.is-medium.has-content-centered:not(.is-vertical) .steps-content {
        margin-left: .5em;
        margin-right: .5em;
        margin-top: 2.5rem;
        padding-top: .2em
    }
    .steps.is-medium.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-medium:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        left: 2.8rem;
        right: .3rem
    }
    .steps.is-medium.has-content-centered.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-medium.has-content-centered:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        left: calc(50% + 1.55rem);
        right: calc(-50% + 1.55rem)
    }
    .steps.is-large:not(.is-vertical) .steps-segment:not(:last-child)::after {
        height: .4em;
        left: 2.76rem;
        right: -.24rem;
        top: calc(1.5rem - 0.2em)
    }
    .steps.is-large:not(.is-vertical) .steps-content {
        margin-left: 1.5rem
    }
    .steps.is-large:not(.is-vertical) .steps-content:not(:last-child) {
        margin-right: -1.5rem
    }
    .steps.is-large:not(.is-vertical) .steps-content.is-divider-content {
        margin-right: -1.5rem;
        padding-left: 2em;
        padding-right: 2em
    }
    .steps.is-large.has-content-centered:not(.is-vertical) .steps-segment:not(:last-child)::after {
        left: 50%;
        right: -50%
    }
    .steps.is-large.has-content-centered:not(.is-vertical) .steps-marker {
        left: calc(50% - 1.5rem);
        position: absolute
    }
    .steps.is-large.has-content-centered:not(.is-vertical) .steps-content {
        margin-left: .5em;
        margin-right: .5em;
        margin-top: 3rem;
        padding-top: .2em
    }
    .steps.is-large.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-large:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        left: 3.3rem;
        right: .3rem
    }
    .steps.is-large.has-content-centered.has-gaps:not(.is-vertical):not(.is-thin) .steps-segment:not(:last-child)::after,
    .steps.is-large.has-content-centered:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
        left: calc(50% + 1.8rem);
        right: calc(-50% + 1.8rem)
    }
    .steps.is-dashed:not(.is-vertical) .steps-segment::after,
    .steps:not(.is-vertical) .steps-segment.is-dashed::after {
        background: rgba(0, 0, 0, 0) repeating-linear-gradient(90deg, #DA6518, #DA6518 10px, transparent 10px, transparent 20px) repeat scroll 0 0
    }
    .steps.is-dashed:not(.is-vertical) .steps-segment.is-active::after,
    .steps.is-dashed:not(.is-vertical) .steps-segment.is-active~.steps-segment::after,
    .steps:not(.is-vertical) .steps-segment.is-active.is-dashed::after,
    .steps:not(.is-vertical) .steps-segment.is-active~.steps-segment.is-dashed::after {
        background: rgba(0, 0, 0, 0) repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px) repeat scroll 0 0
    }
    .steps.is-thin:not(.is-vertical) .steps-segment:not(:last-child)::after {
        height: 1px;
        left: .8em;
   	    right: 0;
        top: calc(0.4em - 0.5px)
    }
    .steps.is-thin:not(.is-vertical) .steps-content {
        margin-top: .8em
    }
    .steps.is-thin.has-content-centered:not(.is-vertical) .steps-segment:not(:last-child)::after {
        left: calc(50% + 0.4em);
        right: calc(-50% + 0.4em)
    }
    .steps.is-thin.has-content-centered:not(.is-vertical) .steps-marker {
        left: calc(50% - 0.4em);
        position: absolute
    }
    .steps.is-thin.has-gaps:not(.is-vertical) .steps-segment:not(:last-child)::after,
    .steps.is-thin:not(.is-vertical) .steps-segment.has-gaps:not(:last-child)::after {
        left: 1.2em;
        right: .4em
    }
    .steps.is-thin.has-content-centered.has-gaps:not(.is-vertical) .steps-segment:not(:last-child)::after,
    .steps.is-thin.has-content-centered:not(.is-vertical) .steps-segment.has-gaps:not(:last-child)::after {
        left: calc(50% + 0.8em);
        right: calc(-50% + 0.8em)
    }
}


 /*
*
*    End Steps Styles
*
*/

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
   /*max-height: 600px;*/
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 250px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

/*.swiper-pagination-lock {
    display: none
}*/

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

;
.sm-blue {
    background: transparent;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
}

.sm-blue a,
.sm-blue a:hover,
.sm-blue a:focus,
.sm-blue a:active {
    padding: 10px 20px;
    padding-right: 58px;
    background: #3092c0;
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: #fff;
    font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.sm-blue a.current {
    background: #006892;
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: #fff
}

.sm-blue a.disabled {
    color: #a1d1e8
}

.sm-blue a .sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace!important;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 0, 0, .1);
    border-radius: 4px
}

.sm-blue a .sub-arrow::before {
    content: '+'
}

.sm-blue a.highlighted .sub-arrow::before {
    content: '-'
}

.sm-blue>li:first-child>a,
.sm-blue>li:first-child>:not(ul) a {
    border-radius: 8px 8px 0 0
}

.sm-blue>li:last-child>a,
.sm-blue>li:last-child>*:not(ul) a,
.sm-blue>li:last-child>ul,
.sm-blue>li:last-child>ul>li:last-child>a,
.sm-blue>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-blue>li:last-child>ul>li:last-child>ul,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul {
    border-radius: 0 0 8px 8px
}

.sm-blue>li:last-child>a.highlighted,
.sm-blue>li:last-child>*:not(ul) a.highlighted,
.sm-blue>li:last-child>ul>li:last-child>a.highlighted,
.sm-blue>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted {
    border-radius: 0
}

.sm-blue ul {
    background: #fff
}

.sm-blue ul ul {
    background: rgba(102, 102, 102, .1)
}

.sm-blue ul a,
.sm-blue ul a:hover,
.sm-blue ul a:focus,
.sm-blue ul a:active {
    background: transparent;
    color: #2b82ac;
    font-size: 16px;
    text-shadow: none;
    border-left: 8px solid transparent
}

.sm-blue ul a.current {
    background: #006892;
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: #fff
}

.sm-blue ul a.disabled {
    color: #b3b3b3
}

.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
    border-left: 16px solid transparent
}

.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
    border-left: 24px solid transparent
}

.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
    border-left: 32px solid transparent
}

.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
    border-left: 40px solid transparent
}

.sm-blue ul li {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.sm-blue ul li:first-child {
    border-top: 0
}

@media (min-width:768px) {
    .sm-blue ul {
        position: absolute;
        width: 12em
    }
    .sm-blue li {
        float: left
    }
    .sm-blue.sm-rtl li {
        float: right
    }
    .sm-blue ul li,
    .sm-blue.sm-rtl ul li,
    .sm-blue.sm-vertical li {
        float: none
    }
    .sm-blue a {
        white-space: nowrap
    }
    .sm-blue ul a,
    .sm-blue.sm-vertical a {
        white-space: normal
    }
    .sm-blue .sm-nowrap>li>a,
    .sm-blue .sm-nowrap>li>:not(ul) a {
        white-space: nowrap
    }
    .sm-blue {
        background: #3092c0;
        background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
        border-radius: 8px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
    }
    .sm-blue a,
    .sm-blue a:hover,
    .sm-blue a:focus,
    .sm-blue a:active,
    .sm-blue a.highlighted {
        padding: 13px 24px;
        background: #3092c0;
        background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
        color: #fff
    }
    .sm-blue a:hover,
    .sm-blue a:focus,
    .sm-blue a:active,
    .sm-blue a.highlighted {
        background: #2b82ac;
        background-image: linear-gradient(to bottom, #2d89b4, #297ca3)
    }
    .sm-blue a.current {
        background: #006892;
        background-image: linear-gradient(to bottom, #006188, #006f9c);
        color: #fff
    }
    .sm-blue a.disabled {
        background: #3092c0;
        background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
        color: #a1d1e8
    }
    .sm-blue a .sub-arrow {
        top: auto;
        margin-top: 0;
        bottom: 2px;
        left: 50%;
        margin-left: -5px;
        right: auto;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid dashed dashed dashed;
        border-color: #a1d1e8 transparent transparent transparent;
        background: transparent;
        border-radius: 0
    }
    .sm-blue a .sub-arrow::before {
        display: none
    }
    .sm-blue>li:first-child>a,
    .sm-blue>li:first-child>:not(ul) a {
        border-radius: 8px 0 0 8px
    }
    .sm-blue>li:last-child>a,
    .sm-blue>li:last-child>:not(ul) a {
        border-radius: 0 8px 8px 0!important
    }
    .sm-blue>li {
        border-left: 1px solid #2b82ac
    }
    .sm-blue>li:first-child {
        border-left: 0
    }
    .sm-blue ul {
        border: 1px solid #a8a8a8;
        padding: 7px 0;
        background: #fff;
        border-radius: 0 0 4px 4px!important;
        box-shadow: 0 5px 12px rgba(0, 0, 0, .2)
    }
    .sm-blue ul ul {
        border-radius: 4px!important;
        background: #fff
    }
    .sm-blue ul a,
    .sm-blue ul a:hover,
    .sm-blue ul a:focus,
    .sm-blue ul a:active,
    .sm-blue ul a.highlighted {
        border: 0!important;
        padding: 9px 23px;
        background: transparent;
        color: #2b82ac;
        border-radius: 0!important
    }
    .sm-blue ul a:hover,
    .sm-blue ul a:focus,
    .sm-blue ul a:active,
    .sm-blue ul a.highlighted {
        background: #3092c0;
        background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
        color: #fff
    }
    .sm-blue ul a.current {
        background: #006892;
        background-image: linear-gradient(to bottom, #006188, #006f9c);
        color: #fff
    }
    .sm-blue ul a.disabled {
        background: #fff;
        color: #b3b3b3
    }
    .sm-blue ul a .sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #a1d1e8
    }
    .sm-blue ul li {
        border: 0
    }
    .sm-blue .scroll-up,
    .sm-blue .scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px
    }
    .sm-blue .scroll-up-arrow,
    .sm-blue .scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #2b82ac transparent
    }
    .sm-blue .scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #2b82ac transparent transparent transparent
    }
    .sm-blue.sm-rtl.sm-vertical a .sub-arrow {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #a1d1e8 transparent transparent
    }
    .sm-blue.sm-rtl>li:first-child>a,
    .sm-blue.sm-rtl>li:first-child>:not(ul) a {
        border-radius: 0 8px 8px 0
    }
    .sm-blue.sm-rtl>li:last-child>a,
    .sm-blue.sm-rtl>li:last-child>:not(ul) a {
        border-radius: 8px 0 0 8px!important
    }
    .sm-blue.sm-rtl>li:first-child {
        border-left: 1px solid #2b82ac
    }
    .sm-blue.sm-rtl>li:last-child {
        border-left: 0
    }
    .sm-blue.sm-rtl ul a .sub-arrow {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #a1d1e8 transparent transparent
    }
    .sm-blue.sm-vertical {
        box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
    }
    .sm-blue.sm-vertical a {
        padding: 9px 23px
    }
    .sm-blue.sm-vertical a .sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #a1d1e8
    }
    .sm-blue.sm-vertical>li:first-child>a,
    .sm-blue.sm-vertical>li:first-child>:not(ul) a {
        border-radius: 8px 8px 0 0
    }
    .sm-blue.sm-vertical>li:last-child>a,
    .sm-blue.sm-vertical>li:last-child>:not(ul) a {
        border-radius: 0 0 8px 8px!important
    }
    .sm-blue.sm-vertical>li {
        border-left: 0!important
    }
    .sm-blue.sm-vertical ul {
        border-radius: 4px!important
    }
    .sm-blue.sm-vertical ul a {
        padding: 9px 23px
    }
}

.jquery-accordion-menu,
.jquery-accordion-menu * {
    font-family: 'FFDINWebProRegular', sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0
}

.jquery-accordion-menu {
    min-width: 260px;
    float: left;
    position: relative
}

.jquery-accordion-menu .jquery-accordion-menu-footer,
.jquery-accordion-menu .jquery-accordion-menu-header {
    width: 100%;
    height: 50px;
    padding-left: 22px;
    float: left;
    line-height: 50px;
    font-weight: 600;
    color: #f0f0f0;
    background: #414956
}

.jquery-accordion-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.jquery-accordion-menu ul li {
    width: 100%;
    display: block;
    float: left;
    position: relative
}

.jquery-accordion-menu ul li a {
    width: 100%;
    padding: 14px 22px;
    float: left;
    text-decoration: none;
    color: #00305B;
    font-size: 1em;
    background: #414956;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    -o-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear
}

.jquery-accordion-menu>ul>li.active>a,
.jquery-accordion-menu>ul>li:hover>a {
    color: #00305B;
    background: #3b424d;
}

.jquery-accordion-menu>ul>li>a {
    border-bottom: solid 1px #3b424d
}

.jquery-accordion-menu ul li a i {
    width: 34px;
    float: left;
    line-height: 18px;
    font-size: 16px;
    text-align: left
}

.jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 22px;
    position: absolute;
    line-height: 19px;
    font-size: 20px;
    -o-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -ms-transition: transform .3s linear
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
    line-height: 16px
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.jquery-accordion-menu ul ul.submenu,
.jquery-accordion-menu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static
}

.jquery-accordion-menu ul ul.submenu li {
    clear: both;
    width: 100%
}

.jquery-accordion-menu ul ul.submenu li a {
    width: 100%;
    float: left;
    font-size: .9em;
    border-top: none;
    position: relative;
    border-left: solid 6px transparent;
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
    transition: border .2s linear
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #414956
}

.jquery-accordion-menu ul ul.submenu>li>a {
    padding-left: 30px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
    padding-left: 45px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
    padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: .9em;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    top: 12px
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.animate-ink {
    -webkit-animation: ripple .5s linear;
    -moz-animation: ripple .5s linear;
    -ms-animation: ripple .5s linear;
    -o-animation: ripple .5s linear;
    animation: ripple .5s linear
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5)
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

.blue.jquery-accordion-menu .jquery-accordion-menu-footer,
.blue.jquery-accordion-menu .jquery-accordion-menu-header,
.blue.jquery-accordion-menu ul li a {
    background: #4A89DC
}

.blue.jquery-accordion-menu>ul>li.active>a,
.blue.jquery-accordion-menu>ul>li:hover>a {
    background: #3e82da
}

.blue.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #3e82da
}

.blue.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #3e82da
}

.green.jquery-accordion-menu .jquery-accordion-menu-footer,
.green.jquery-accordion-menu .jquery-accordion-menu-header,
.green.jquery-accordion-menu ul li a {
    background: #03A678
}

.green.jquery-accordion-menu>ul>li.active>a,
.green.jquery-accordion-menu>ul>li:hover>a {
    background: #049372
}

.green.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #049372
}

.green.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #049372
}

.red.jquery-accordion-menu .jquery-accordion-menu-footer,
.red.jquery-accordion-menu .jquery-accordion-menu-header,
.red.jquery-accordion-menu ul li a {
    background: #f7f7f7
}

.red.jquery-accordion-menu>ul>li.active>a,
.red.jquery-accordion-menu>ul>li:hover>a {
    background: #005E8C
}

.red.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #fff
}

.red.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #ee0073
}

.white.jquery-accordion-menu .jquery-accordion-menu-footer,
.white.jquery-accordion-menu .jquery-accordion-menu-header,
.white.jquery-accordion-menu ul li a {
    background: #fff;
    color: #555
}

.white.jquery-accordion-menu>ul>li.active>a,
.white.jquery-accordion-menu>ul>li:hover>a {
    background: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li a {
    color: #ececec
}

.white.jquery-accordion-menu>ul>li>a>.ink {
    background: rgba(0, 0, 0, .1)
}

.black.jquery-accordion-menu .jquery-accordion-menu-footer,
.black.jquery-accordion-menu .jquery-accordion-menu-header,
.black.jquery-accordion-menu ul li a {
    background: #292929
}

.black.jquery-accordion-menu>ul>li.active>a,
.black.jquery-accordion-menu>ul>li:hover>a {
    background: #222
}

.black.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #222
}

.black.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #222
}

#div8745 {
    z-index: 300000000;
    position: absolute;
    background: #fff;
    box-shadow: 0 34px 34px rgba(56, 56, 56, .3);
    border-top-left: 0px!important;
    border-top-right: 0px!important;
    padding-top: 10px;
    overflow-y: scroll;
    height: 600px;
    max-height: 600px;
    margin: auto 0;
    width: 100%
}

#img11115 {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .06);
    border-radius: 4px
}

#fldCartTax_2 {
    width: 200px
}

#pos_suche {
    position: relative
}

#shopFilterColumns {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

#shopFilterContent {
    border-bottom: 1px solid #f1f1f1
}

#shopDivPaginationBottomContent {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

#shopGridProductAvailability {
    margin-right: 5px;
    position: relative;
    display: inline-block
}

#shopGridProductAvailability_2 {
    margin-right: 5px;
    position: relative;
    float: left
}

#shopGridProductAvailability_1 {
    position: relative;
    display: inline-block
}

#shopGridProductAvailability_3 {
    position: relative;
    float: left
}

#addToShoppingCartWithInput {
    display: -webkit-inline-box
}

#addToShoppingCartWithInput_1 {
    display: -webkit-inline-box
}

#shopGridImgContainer_2 {
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    width: 100%;
    float: left
}

#shopDivPaginationBottom {
    border-top: 1px solid #f1f1f1;
    border-top: none;
}

#shopGridImgContainer_1 {
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    width: 100%;
    float: left
}

#fld_Text {
    min-height: 150px
}

#Anrede_Kontakt {
    width: 308px
}

.side-contact {
    display: block;
    float: none;
    clear: both;
    padding: 1.5rem;
}
@media screen and (max-width: 768px) {
    .side-contact {
        padding: 0;
    }
}
.contact-label {
    display: inline-block;
    float: left;
    clear: left;
    font-weight: 700;
    width: 3rem;
    margin-bottom: 8px;
}
.contact-info {
    display: inline-block;
    float: left;
    margin-bottom: 8px;
}
.side-fair {
    display: block;
    float: none;
    clear: both;
    padding: 1.5rem;
    margin-top: 3rem;
    background: #dae7f3;
    border-top: 1px solid #00305B;
}
.side-fair strong {
    display: inline-block;
    margin-top: 1rem;
    color: #00305b;
}
.side-fair strong:first-of-type {
    margin-top: 0;
}
.side-fair div {
    margin: 5px 0;
}
#MPCont_Main_Box div div, .flowtext div div {
    margin: 20px 0;
    line-height: 1.3;
}
#MPCont_Main_Box ul li, .flowtext ul li {
    position: relative;
    margin: 0 0 0 20px;
}
#MPCont_Main_Box ul li::before, .flowtext ul li::before {
    display: block;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00305B;
    top: 7px;
    left: -20px;
}

#contactSupportInfoTextContainer {
    line-height: 2rem
}

#Kontakt_Titel {
    width: 308px
}

#contactSupportInfoNoContainer {
    line-height: 2rem
}

#contactBhInfoContent {
    line-height: 2rem
}

#Kontakt_Textfeld {
    height: 100px;
    width: 301px
}

#posContText {
    position: relative
}

#artProductWishListButtonDesktop {
    margin-bottom: 10px
}

#pos_staffelpreise {
    border: 1px solid #dff2ff;
    border-radius: 3px;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem;
    background-color: #f4f7f9
}

#pos_30 {
    padding-bottom: 5px
}


#artProductAvgRatingContainer {
    margin-top: 30px
}

#artProductWishListButtonMobile {
    margin-bottom: 10px
}

#artProductRatingWishList {
    margin-top: 10px
}

#artRatingCommentField {
    margin-bottom: 10px;
    min-height: 100px
}

#artProdReqModalText {
    height: 200px
}

#artProductDocContainer {
    margin-top: 20px;
    position: relative
}

#fld2492_2 {
    width: 250px!important
}

#wkCountUpdateInput {
    width: 40px
}

#wkHeadlineContainer {
    padding: 1em
}

#vzCurrentSmSelectContainer {
    position: relative;
    width: 100%;
    float: left
}

#vzBottomAnnotation {
    width: 100%;
    min-height: 100px
}

#div26233r {
    position: relative;
    width: 100%
}

#div8833 {
    padding-top: 10px
}

#buBackButtonContainer {
    margin-bottom: 20px
}

#div8836 {
    margin-bottom: 20px
}

#buContinueMainContainer {
    margin-bottom: 20px;
    margin-top: 20px
}

#div8790 {
    margin-bottom: 20px
}

#div_drucken {
    height: 25px;
    margin-bottom: 30px;
    margin-top: 15px
}

#cmdCardRem_7 {
    margin-left: 5px
}

#div8869_3 {
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

#form90_1 {
    border-bottom: 1px solid #f1f1f1
}



#shopGridProductAvailability_4 {
    margin-right: 5px;
    position: relative;
    float: left
}

#shopGridProductAvailability_5 {
    position: relative;
    float: left
}

#shopGridImgContainer_3 {
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    width: 100%;
    float: left
}

#shopGridProductAvailability_6 {
    margin-right: 5px;
    position: relative;
    float: left
}

#shopGridProductAvailability_7 {
    position: relative;
    float: left
}

#shopGridImgContainer_4 {
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    width: 100%;
    float: left
}

html {
    height: 100%
}

body {
    background: #FFF;
    color: #363636;
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
    font-family: 'FFDINWebProRegular', sans-serif;
    font-weight: 400;
    -webkit-overflow-scrolling: touch!important
}

.title {
    color: #363636;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.125;
    margin-bottom: 1.5rem;
    font-family: 'Quadon-Bold', Helvetica, sans-serif !important;
    text-transform: uppercase;
    color: #00305b;
}
.ultrabold {
    font-family: 'Quadon-UltraBold', Helvetica, sans-serif !important;
}
.title.is-4 {
    font-size: 1.5rem;
    font-weight: 400
}

.title.is-5 {
    font-size: 1.25rem;
    font-weight: 400;
}
.title.is-1, .title.is-2, .title.is-3, .title.is-4, .title.is-5, .title.is-6 {
    font-weight: 400 !important;
}

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

.title.is-5.slide {
    font-size: 1.6em;
    font-weight: 400;
    color: #000;
}
.subtitle.is-5 div {
    font-size: 1.2rem;
}
.subtitle.is-6 {
    font-size: .9rem;
    color: #000
}
@media screen and (max-width: 768px) {
    .title.is-1 {
        font-size: 2rem;
    }
    #div98305 .title.is-4 {
        font-size: 1.15rem;
    }
    #div14515, #div14513 {
        padding: 0;
    }
    #div14513 {
        padding: 0 1rem;
    }
    .title.has-text-centered-mobile {
        text-align: left !important; 
    }
}

a {
    color: #696969;
    cursor: pointer;
    text-decoration: none
}

.hide {
    display: none
}

.box_aktionen {
    position: absolute;
    z-index: 28;
}

strong {
    color: #00305B;
    font-family: 'FFDINWebProBold', sans-serif;
    font-weight: 400;
    font-size: inherit;
}

.tabs.is-toggle li.is-active a {
    background-color: #00305B;
    border-color: #00305B;
    color: #fff;
    z-index: 1
}

.modal {
    z-index: 40000
}

.spacer_article {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.footerlink {
    color: #fff;
    display: block;
}

.versandlink {
    color: #8e8e8e;
    position: relative;
    margin-bottom: 1.5rem
}

.bg_summe {
    background: #f5f8f9;
    padding: 1em
}

.bg_grey {
    background: #fbfbfb;
    padding: 1em
}

.bg_white {
    background: #fff;
    padding: 1em
}

.label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 700
}

.section.home {
    background: #fff;
    padding: .1rem 1.5rem 2rem 1.5rem
}

.shadow_top {
    box-shadow: 0 1px 20px rgba(0, 0, 0, .2)!important
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23444444'%2F><%2Fsvg>")!important
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23444444'%2F%3E%3C%2Fsvg%3E")!important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ee0073
}

.swiper-button-column {
    display: flex
}

.swiper-container {
    /*background-color: #f4f7f9;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3), rgba(232, 232, 232, .5))
    background: url(https://www.seiwert.gmbh/showcase/CustomUpload/374O357O340O370O356O369O350O370O359O366O374O354O352O370O356O/image001.jpg) center;
    height: 500px*/
}
.st-slider .swiper-container {
    min-height: 250px;
}

.footer {
    width: 100%;
    bottom: 0;
    background: #2f2f2f;
color: #ffffff!important;
    z-index: 1;
}

.small_img_head {
    margin-left: 15px
}

.navbar-item.is-mega {
    position: static
}

.is-mega-menu-title {
    margin-bottom: 0;
    padding: .375rem 1rem
}

.navbar-dropdown {
    border-top: 0 solid #dbdbdb;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.navbar-start {
    justify-content: flex-start;
    text-align: center;
    margin-right: auto;
    width: 100%;
}

#pos_suche {
    position: relative
}

.fade-in.two {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.fade-in {
    -webkit-animation: fadeIn ease-in-out .1s;
    -moz-animation: fadeIn ease-in-out .1s;
    -o-animation: fadeIn ease-in-out .1s;
    animation: fadeIn ease-in-out .1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.header-all .logo {
    font-weight: 400;
}

.header-all {
    left: 0;
    position: fixed;
    right: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9999;
    // background-color: #ffffff!important;
    // border-bottom: 1px solid #f1f1f1;
    // box-shadow: 0 1px 20px rgba(0, 0, 0, .2)!important;
    top: 0
}


.kruemel {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px
}

.notification.is-info {
    background-color: #f6f9fd;
    color: #363636
}

.button {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'FFDINWebProRegular', sans-serif;
    font-weight: 600;
    padding-bottom: calc(.5em - 2px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(.5em - 2px);
}

.button:hover {
    box-shadow: 0 14px 26px -12px rgb(181, 181, 181), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgb(181, 181, 181)!important
}

.button:focus {
    border-color: #b5b5b5
}

.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #7d7d7d;
    color: #7d7d7d
}

.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover {
    background-color: #7d7d7d;
    border-color: #7d7d7d;
    color: #fff
}

.button.is-primary.is-outlined.sliderButtonBlue {
    background-color: transparent;
    border-color: #ee0073;
    color: #ee0073
}

.button.is-primary.is-outlined.sliderButtonBlue:focus,
.button.is-primary.is-outlined.sliderButtonBlue:hover {
    background-color: #ee0073;
    border-color: #ee0073;
    color: #fff
}

.button.is-primary.is-outlined.sliderButtonBlack {
    background-color: transparent;
    border-color: #363636;
    color: #363636
}

.button.is-primary.is-outlined.sliderButtonBlack:focus,
.button.is-primary.is-outlined.sliderButtonBlack:hover {
    background-color: #363636;
    border-color: #363636;
    color: #fff
}

.button.is-primary {
    background-color: #00305B
}
.button.is-primary span {
    color: #fff;
}
.button.is-primary svg path {
    fill: #fff !important;
}

.button.is-primary.is-hovered,
.button.is-primary:hover {
    background-color: #005AA8;
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined:hover {
    background-color: transparent;
    color: #FFFFFD;
    border-color: #9a9a9a
}

.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active) {
    box-shadow: 0 0 0 .125em rgb(220, 220, 219)
}

.button.is-primary.is-inverted.is-outlined.is-slide {
    margin-right: 2%
}

.media {
    background: #fefefe;
    border: 1px solid #fefefe;
    padding: 10px;
    font-size: .9em;
    border-radius: 3px;
    border-bottom: 1px solid #eaeaea
}

.media:hover {
    background: #fafafa;
    border: 1px solid #f5f5f5
}

.medi#696969a:hover .hoverColor {
    color: #BB171B
}

.number_kat {
    color: #a0a0a0
}

.head_loggedin {
    font-size: .8em;
    background: #fafafa
}

.pos-artikelnav {
    background-color: #f5f5f5;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    width: 100%;
    position: relative
}

.jquery-accordion-menu ul li {
    background: #f9f9f9
}

.jquery-accordion-menu ul li ul li a {
    font-size: .75rem;
    padding-left: 20px;
    line-height: .6;
    position: relative;
    float: left
}

.jquery-accordion-menu ul li ul li ul li {
    font-size: .85rem;
    padding-left: 30px;
    line-height: .6;
    position: relative;
    float: left
}

.jquery-accordion-menu ul li ul li ul li a {
    color: #909090;
    font-size: .75rem
}

.icon_pdf {
    top: 3px;
    position: relative;
    margin-right: 5px
}

.artikelkat_unter {
    font-size: .9em;
    padding-left: 20px;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px
}

.cart-line-bg {
    background-color: #fbfbfb;
    padding: 1.25rem;
    border-bottom: 1px solid #f3f3f3
}

.bg_pay {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px
}

.cart-line-bg-2 {
    background-color: #fff;
    padding: 1.25rem
}

.cart-small-eintrag {
    width: 100%;
    color: #3E474F;
    padding-bottom: 5px;
    position: relative;
    padding-top: 5px;
    float: left;
    border-bottom: 1px solid #eee
}

.cart-small-eintrag .bild {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: relative;
    float: left
}

.cart-small-eintrag a {
    color: #3E474F;
    margin-left: 2%;
    margin-right: 2%;
    position: relative;
    float: left
}

.cart-small-eintrag .bezeichnung {
    color: #3E474F
}

.cart-small-eintrag .menge {
    margin-left: 2%;
    width: 40px;
    position: relative;
    float: left;
    text-align: right
}

.cart-small-eintrag .preis {
    margin-left: 2%;
    position: relative;
    float: right;
    text-align: right
}

.card:hover {
    box-shadow: 0 5px 7px rgba(0, 0, 0, .18)!important
}

.cart-small-sum {
    width: 100%;
    color: #3E474F;
    position: relative;
    padding: 15px;
    float: right;
    background-color: #f4faff;
    margin-bottom: 10px
}

.topnav {
    z-index: 100
}

.nav-bg {
    height: 60px;
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start
}

.nav-drop_head {
    position: relative;
    top: -8px;
    padding-left: 10px
}

.nav-link {
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top;
    display: block;
    border-right: 1px solid #e8e8e8
}

.nav-link-aktiv {
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top;
    display: block;
    font-weight: 700;
    border-right: 1px solid #e8e8e8
}

.hero.is-info {
    background-color: #fbfbfb;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3), rgba(232, 232, 232, .5));
    color: #fff!important
}

.hero.is-info .title {
    color: #020202;
    font-size: 2.4em;
    font-weight: inherit
}

.hero.is-info .imghero {
    position: absolute;
    right: 0;
    top: -90px
}

nav {
    display: block;
    background: transparent;
}

.menu {
    display: block
}

.menu li {
    display: inline-block;
    position: relative;
    z-index: 100
}

.menu li:first-child {
    margin-left: 0
}

.menu li a {
    font-weight: 600;
    text-decoration: none;
    padding: 20px 15px;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s
}

.menu li a:hover,
.menu li:hover>a {
    color: #fff;
    background: #092f71
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 170px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out
}

.menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px
}

.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0
}

.menu ul li a {
    font-size: 12px;
    font-weight: 400;
    display: block;
    color: #797979;
    background: #fff
}

.menu ul li a:hover,
.menu ul li:hover>a {
    background: #FC6D58;
    color: #fff
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0)
}

.menu ul ul {
    left: 169px;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px, 20px);
    transition: all 0.2s ease-out
}

.menu ul ul:after {
    left: -6px;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px
}

.menu li>ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0)
}

.responsive-menu {
    display: none;
    width: 100%;
    padding: 20px 15px;
    background: #E95546;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600
}

.responsive-menu:hover {
    background: #E95546;
    color: #fff;
    text-decoration: none
}

li.homer {
    background: #092f71
}

.tabs li.is-active a {
    color: #2e394a;
    font-weight: 500
}

.button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #020202;
    color: #000
}

.notification.is-primary {
    background-color: #00305B;
}

.artikelkatnav_left {
    font-size: 1em;
    line-height: 1.6em;
    width: 100%
}

.artikelkatnav_left_aktiv {
    font-weight: 500
}

.navbar-item img {
    max-height: 2rem
}

a.navbar-item {
    cursor: pointer;
    padding-left: 1em;
    padding-right: 1em;
}
@media screen and (max-width: 1024px) {
    #logoAndMobileview a.navbar-item {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }
}

.navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link {
    background: #ffffff;
    transition: background 0.3s ease;
}

.navbar-link.is-active,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:hover {
    background-color: transparent !important;
    color: #005E8C;
    transition: background 0.3s ease;
}
.navbar-link::after {
    border-color: #ccc;
    margin-top: -.375em;
    right: 1.125em
}
.navbar-link::before {
    display: block;
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 23px;
    left: 15px;
    background: #e60000;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.navbar-link:hover::before {
    width: calc(100% - 30px);
}
.navbar-link.aboutUsLinkNavbar::before, .navbar-link.aboutUsLinkNavbar::after {
    display: none !important;
}

.topnavi {
    background-color: #fff;
    position: relative;
    float: left;
    width: 100%;
    padding: .2em
}

.notification.is-cartinfo {
    background-color: #f5f8f9;
    color: rgba(0, 0, 0, .7)
}
/*
.swiper-slide {
    margin: 50px 0 50px 0
}
*/
.slider_title:hover {
    color: #ccc
}

.navbar.background {
    background-color: #f5f5f5
}

.navbar {
    width: 100%;
    background-color: #fff;
    /*box-shadow: 0 1px 20px rgba(0, 0, 0, .2)!important;*/
    border-bottom: 1px solid #f1f1f1
}

.box {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(10, 10, 10, .1), 0 0 0 0 rgba(10, 10, 10, .1);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

.badge {
    background: #fff;
    border-radius: 100%;
    color: #4a4a4a;
    width: 25px;
    font-size: .7em;
    border: 1px solid #d2d2d2;
    height: 25px;
    position: absolute;
    display: inline-block;
    z-index: 300;
    -webkit-transform: translate(-.2rem, -1rem);
    -ms-transform: translate(-.2rem, -1rem);
    transform: translate(-.2rem, -1rem);
    text-align: center;
    font-weight: 700;
    padding-top: 5px;
    top: 48px;
    right: 0px;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.tooltip {
    position: relative
}

.tooltip.is-tooltip-active:not(.is-loading)::after,
.tooltip:hover:not(.is-loading)::after {
    z-index: 99999;
    position: absolute;
    display: inline-block;
    pointer-events: none;
    content: "";
    border-style: solid;
    border-width: .5rem
}

.tooltip.is-tooltip-active::before,
.tooltip:hover::before {
    opacity: 0;
    content: attr(data-tooltip);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .75rem;
    padding: .4rem .8rem;
    background: rgba(74, 74, 74, .9);
    border-radius: 4px;
    color: #fff;
    max-width: 24rem;
    z-index: 99999;
    position: absolute;
    display: inline-block;
    pointer-events: none
}

.tooltip.is-tooltip-active:not(.is-loading)::after,
.tooltip:focus:not(.is-loading)::after,
.tooltip:hover:not(.is-loading)::after {
    opacity: 1;
    margin-left: -.5rem;
    margin-top: -.5rem;
    top: 0;
    bottom: auto;
    left: 50%;
    right: auto;
    border-color: rgba(74, 74, 74, .9) transparent transparent transparent
}

.tooltip.is-tooltip-active::before,
.tooltip:focus::before,
.tooltip:hover::before {
    opacity: 1;
    -webkit-transform: translate(-50%, -.5rem);
    transform: translate(-50%, -.5rem)
}

.tooltip::before {
    top: auto;
    bottom: 100%;
    left: 50%;
    right: auto
}

.tooltip.is-tooltip-right::before {
    top: auto;
    bottom: 50%;
    left: 100%;
    right: auto;
    -webkit-transform: translate(-1rem, 50%);
    transform: translate(-1rem, 50%)
}

.tooltip.is-tooltip-right.is-tooltip-active:not(.is-loading)::after,
.tooltip.is-tooltip-right:focus:not(.is-loading)::after,
.tooltip.is-tooltip-right:hover:not(.is-loading)::after {
    top: 50%;
    left: 100%;
    right: auto;
    border-color: transparent rgba(74, 74, 74, .9) transparent transparent
}

.tooltip.is-tooltip-right.is-tooltip-active::before,
.tooltip.is-tooltip-right:focus::before,
.tooltip.is-tooltip-right:hover::before {
    -webkit-transform: translate(.5rem, 50%);
    transform: translate(.5rem, 50%)
}

.tooltip.is-tooltip-bottom::before {
    top: 100%;
    bottom: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -1rem);
    transform: translate(-50%, -1rem)
}

.tooltip.is-tooltip-bottom.is-tooltip-active:not(.is-loading)::after,
.tooltip.is-tooltip-bottom:focus:not(.is-loading)::after,
.tooltip.is-tooltip-bottom:hover:not(.is-loading)::after {
    top: 100%;
    bottom: auto;
    left: 50%;
    right: auto;
    border-color: transparent transparent rgba(74, 74, 74, .9) transparent
}

.tooltip.is-tooltip-bottom.is-tooltip-active::before,
.tooltip.is-tooltip-bottom:focus::before,
.tooltip.is-tooltip-bottom:hover::before {
    -webkit-transform: translate(-50%, .5rem);
    transform: translate(-50%, .5rem)
}

.tooltip.is-tooltip-left::before {
    top: auto;
    bottom: 50%;
    left: auto;
    right: 100%;
    -webkit-transform: translate(1rem, 50%);
    transform: translate(1rem, 50%)
}

.tooltip.is-tooltip-left.is-tooltip-active:not(.is-loading)::after,
.tooltip.is-tooltip-left:focus:not(.is-loading)::after,
.tooltip.is-tooltip-left:hover:not(.is-loading)::after {
    top: 50%;
    bottom: auto;
    left: auto;
    right: calc(100% - .5rem);
    border-color: transparent transparent transparent rgba(74, 74, 74, .9)
}

.tooltip.is-tooltip-left.is-tooltip-active::before,
.tooltip.is-tooltip-left:focus::before,
.tooltip.is-tooltip-left:hover::before {
    -webkit-transform: translate(-.5rem, 50%);
    transform: translate(-.5rem, 50%)
}

.tooltip.is-tooltip-multiline::before {
    min-width: 24rem;
    text-overflow: clip;
    white-space: normal;
    word-break: keep-all
}

.tooltip.is-tooltip-white:not(.is-loading)::after {
    border-color: rgba(255, 255, 255, .9) transparent transparent transparent
}

.tooltip.is-tooltip-white.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(255, 255, 255, .9) transparent transparent
}

.tooltip.is-tooltip-white.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(255, 255, 255, .9) transparent
}

.tooltip.is-tooltip-white.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(255, 255, 255, .9)
}

.tooltip.is-tooltip-white::before {
    background: rgba(255, 255, 255, .9);
    color: #0a0a0a
}

.tooltip.is-tooltip-black:not(.is-loading)::after {
    border-color: rgba(10, 10, 10, .9) transparent transparent transparent
}

.tooltip.is-tooltip-black.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(10, 10, 10, .9) transparent transparent
}

.tooltip.is-tooltip-black.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(10, 10, 10, .9) transparent
}

.tooltip.is-tooltip-black.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(10, 10, 10, .9)
}

.tooltip.is-tooltip-black::before {
    background: rgba(10, 10, 10, .9);
    color: #fff
}

.tooltip.is-tooltip-light:not(.is-loading)::after {
    border-color: rgba(245, 245, 245, .9) transparent transparent transparent
}

.tooltip.is-tooltip-light.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(245, 245, 245, .9) transparent transparent
}

.tooltip.is-tooltip-light.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(245, 245, 245, .9) transparent
}

.tooltip.is-tooltip-light.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(245, 245, 245, .9)
}

.tooltip.is-tooltip-light::before {
    background: rgba(245, 245, 245, .9);
    color: #363636
}

.tooltip.is-tooltip-dark:not(.is-loading)::after {
    border-color: rgba(54, 54, 54, .9) transparent transparent transparent
}

.tooltip.is-tooltip-dark.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(54, 54, 54, .9) transparent transparent
}

.tooltip.is-tooltip-dark.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(54, 54, 54, .9) transparent
}

.tooltip.is-tooltip-dark.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(54, 54, 54, .9)
}

.tooltip.is-tooltip-dark::before {
    background: rgba(54, 54, 54, .9);
    color: #f5f5f5
}

.tooltip.is-tooltip-primary:not(.is-loading)::after {
    border-color: rgba(0, 209, 178, .9) transparent transparent transparent
}

.tooltip.is-tooltip-primary.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(0, 209, 178, .9) transparent transparent
}

.tooltip.is-tooltip-primary.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(0, 209, 178, .9) transparent
}

.tooltip.is-tooltip-primary.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(0, 209, 178, .9)
}

.tooltip.is-tooltip-primary::before {
    background: rgba(0, 209, 178, .9);
    color: #fff
}

.tooltip.is-tooltip-link:not(.is-loading)::after {
    border-color: rgba(50, 115, 220, .9) transparent transparent transparent
}

.tooltip.is-tooltip-link.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(50, 115, 220, .9) transparent transparent
}

.tooltip.is-tooltip-link.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(50, 115, 220, .9) transparent
}

.tooltip.is-tooltip-link.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(50, 115, 220, .9)
}

.tooltip.is-tooltip-link::before {
    background: rgba(50, 115, 220, .9);
    color: #fff
}

.tooltip.is-tooltip-info:not(.is-loading)::after {
    border-color: rgba(32, 156, 238, .9) transparent transparent transparent
}

.tooltip.is-tooltip-info.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(32, 156, 238, .9) transparent transparent
}

.tooltip.is-tooltip-info.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(32, 156, 238, .9) transparent
}

.tooltip.is-tooltip-info.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(32, 156, 238, .9)
}

.tooltip.is-tooltip-info::before {
    background: rgba(32, 156, 238, .9);
    color: #fff
}

.tooltip.is-tooltip-success:not(.is-loading)::after {
    border-color: rgba(35, 209, 96, .9) transparent transparent transparent
}

.tooltip.is-tooltip-success.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(35, 209, 96, .9) transparent transparent
}

.tooltip.is-tooltip-success.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(35, 209, 96, .9) transparent
}

.tooltip.is-tooltip-success.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(35, 209, 96, .9)
}

.tooltip.is-tooltip-success::before {
    background: rgba(35, 209, 96, .9);
    color: #fff
}

.tooltip.is-tooltip-warning:not(.is-loading)::after {
    border-color: rgba(255, 221, 87, .9) transparent transparent transparent
}

.tooltip.is-tooltip-warning.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(255, 221, 87, .9) transparent transparent
}

.tooltip.is-tooltip-warning.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(255, 221, 87, .9) transparent
}

.tooltip.is-tooltip-warning.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(255, 221, 87, .9)
}

.tooltip.is-tooltip-warning::before {
    background: rgba(255, 221, 87, .9);
    color: rgba(0, 0, 0, .7)
}

.tooltip.is-tooltip-danger:not(.is-loading)::after {
    border-color: rgba(255, 56, 96, .9) transparent transparent transparent
}

.tooltip.is-tooltip-danger.is-tooltip-right:not(.is-loading)::after {
    border-color: transparent rgba(255, 56, 96, .9) transparent transparent
}

.tooltip.is-tooltip-danger.is-tooltip-bottom:not(.is-loading)::after {
    border-color: transparent transparent rgba(255, 56, 96, .9) transparent
}

.tooltip.is-tooltip-danger.is-tooltip-left:not(.is-loading)::after {
    border-color: transparent transparent transparent rgba(255, 56, 96, .9)
}

.tooltip.is-tooltip-danger::before {
    background: rgba(255, 56, 96, .9);
    color: #fff
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.has-ribbon {
    position: relative
}

.has-ribbon-left {
    position: relative
}

.has-ribbon-left .ribbon {
    right: auto;
    left: 0;
    border-left: none;
    border-right: .1rem solid #dbdbdb
}

.has-ribbon-bottom {
    position: relative
}

.has-ribbon-bottom .ribbon {
    top: auto;
    bottom: .5em
}

.ribbon {
    background-color: #fff;
    border: .1rem solid #dbdbdb;
    border-right: none;
    color: #363636;
    font-size: 1rem;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    top: .5em;
    right: 0;
    font-weight: 400;
    z-index: 2
}

.ribbon.is-white:not(.is-outlined) {
    background-color: #fff;
    border-color: transparent;
    color: #0a0a0a!important
}

.ribbon.is-white.is-outlined {
    background-color: transparent;
    border-color: #fff
}

.ribbon.is-black:not(.is-outlined) {
    background-color: #0a0a0a;
    border-color: transparent;
    color: #fff!important
}

.ribbon.is-black.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a
}

.ribbon.is-light:not(.is-outlined) {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #363636!important
}

.ribbon.is-light.is-outlined {
    background-color: transparent;
    border-color: #f5f5f5
}

.ribbon.is-dark:not(.is-outlined) {
    background-color: #363636;
    border-color: transparent;
    color: #f5f5f5!important
}

.ribbon.is-dark.is-outlined {
    background-color: transparent;
    border-color: #363636
}

.ribbon.is-primary:not(.is-outlined) {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff!important
}

.ribbon.is-primary.is-outlined {
    background-color: transparent;
    border-color: #00d1b2
}

.ribbon.is-link:not(.is-outlined) {
    background-color: #ee0073;
    border-color: transparent;
    color: #fff!important
}

.ribbon.is-link.is-outlined {
    background-color: transparent;
    border-color: #ee0073
}

.ribbon.is-info:not(.is-outlined) {
    background-color: #209cee;
    border-color: transparent;
    color: #fff!important
}

.ribbon.is-info.is-outlined {
    background-color: transparent;
    border-color: #209cee
}

.ribbon.is-success:not(.is-outlined) {
    background-color: #23d160;
    border-color: transparent;
    color: #fff!important
}

.ribbon.is-success.is-outlined {
    background-color: transparent;
    border-color: #23d160
}

.ribbon.is-warning:not(.is-outlined) {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)!important
}

.ribbon.is-warning.is-outlined {
    background-color: transparent;
    border-color: #ffdd57
}

.ribbon.is-danger:not(.is-outlined) {
    background-color: #ff3860;
    border-color: transparent;
    color: #fff!important
}

.ribbon.is-danger.is-outlined {
    background-color: transparent;
    border-color: #ff3860
}

.ribbon.is-small {
    font-size: .75rem
}

.ribbon.is-medium {
    font-size: 1.25rem
}

.ribbon.is-large {
    font-size: 1.5rem
}

.ribbon.is-outlined {
    background-color: transparent
}

.ribbon {
    border: .1rem solid #dbdbdb;
    border-right: none;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap;
    top: .5em;
    right: 0;
    z-index: 2;
    padding: .1875rem .625rem .1875rem .625rem;
    margin: 0rem 0rem .3125rem 0rem;
    font-size: .875rem;
    line-height: 1rem;
    border-radius: 5px;
    background-clip: padding-box;
    display: block;
    float: left;
    position: relative;
    text-align: center;
    font-weight: 700;
    clear: both;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg)
}

.ribbon.big {
    border: .1rem solid #dbdbdb;
    border-right: none;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap;
    top: .5em;
    right: 0;
    z-index: 2;
    padding: 1rem;
    margin: 0rem 0rem .3125rem 0rem;
    font-size: 1.4rem;
    line-height: 1rem;
    border-radius: 10px;
    background-clip: padding-box;
    display: block;
    float: left;
    position: relative;
    text-align: center;
    font-weight: 700;
    clear: both;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg)
}

.full_history {
    width: 100%
}

.title.is-6.full_history_head td {
    padding-bottom: 20px
}

.full_history_body {
    background: #f7f7f7
}

.full_history_body_white {
    background: #fff
}

.full_history_body td {
    padding-top: 10px;
    padding-bottom: 10px
}

.full_history_body_white td {
    padding-top: 10px;
    padding-bottom: 10px
}

.artikelkat_box {
    background: #f3f3f3
}

.artikelkat_hover {
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.artikelkat_hover img {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.artikelkat_hover:hover {
    background: #fbfbfb;
    box-shadow: 0 5px 43px rgba(0, 0, 0, .18)!important
}

.artikelkat_hover:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .5;
    filter: alpha(opacity=50)
}

.artikelsubnav_padding {
    padding-left: 30px;
    margin-bottom: 20px
}

.infotext_pos {
    width: 100%;
    float: left;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    z-index: 1
}

.outer {
    background: #fff
}

.card {
    background-color: #fff;
    box-shadow: 0 0 0 rgba(10, 10, 10, .1), 0 0 0 0 rgba(10, 10, 10, .1);
    color: #4a4a4a;
    max-width: 100%;
    position: relative;
    padding: 10px;
    font-size: .9em;
    border-radius: 3px;
    border: 1px solid #f9f9f9;
}


/*  --- SHOP ARTICLES ---  */
#lstListArticle .card, .articles-listed .card {
    border: none !important;
    box-shadow: none !important;
}
#lstListArticle .card:hover, .articles-listed .card:hover {
    box-shadow: none !important;
}
#lstListArticle .card .title, .articles-listed .card .title {
    font-size: 1rem !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}
#lstListArticle .card img, .articles-listed .card img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 212px;
    display: block;
    margin: 0 auto 0 auto;
}
#lstListArticle .card:hover #shopGridProductImg_4, .articles-listed .card:hover .articles-listed-image {
    margin-bottom: 1rem;
}
#lstListArticle .card #shopGridProductImg_4::after, .articles-listed .card .articles-listed-image::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #e60000;
    transition: width 0.3s ease;
}
#lstListArticle .card:hover #shopGridProductImg_4::after, .articles-listed .card:hover .articles-listed-image::after {
    width: 100%;
}
#link82939_1, .articles-listed-link {
    font-size: .85rem;
    color: #00305B;
    text-transform: uppercase;
    font-weight: 600;
}
#link82939_1 span, .articles-listed-link span {
    font-size: .85rem;
    color: #e60000;
    font-weight: 700;
}
#link82939_1 span span, .articles-listed-link span span {
    color: #00305B;
}
.box.lightblue-bg {
    border-radius: 0;
    border-top: 1px solid #00305b;
}

/*  --- NOT REGISTERED PRICE ---  */
.registered-price {
    padding: .75rem;
}
.registered-price div {
    line-height: 1.5;
    color: #00305B;
}
.registered-price button, .underline-button {
    margin-top: 1rem;
    cursor: pointer;
}
.registered-price button span, .underline-button span {
    position: relative;
    font-weight: 600;
    color: #00305B;
}
.shopping-text span {
    position: relative;
}
.registered-price button > span::after, .shopping-text span::after, .underline-button span::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #e60000;
    transition: width 0.3s ease;
}
.registered-price button:hover span::after, .shopping-text:hover span::after,  .underline-button:hover span::after {
    width: 100%;
}
.registered-price button .icon::after, .shopping-text .icon::after  {
    display: none;
}
.registered-price button span span {
    font-weight: 600;
    font-size: 0.9em;
    margin-top: 0px;
    margin-right: 4px;
    display: block;
    float: left;
}
.registered-price button .icon {
    float: right;
    padding: 0;
    margin-top: -4px;
    font-size: 1.5rem;
    color: #e60000;
}
button.font-size-12 .icon {
    margin-top: -2px;
}
.shopping-text {
    text-transform: uppercase;
    font-weight: 600;
    color: #00305B;
    cursor: pointer;
}
.shopping-text .icon {
    float: right;
    padding: 0;
    margin-top: -4px;
    font-size: 1.5rem;
    color: #e60000;
}

.select-amount input {
    width: 4rem !important;
    padding: 0.5rem !important;
    background: #fff!important;
    border: none !important;
    margin-right: .5rem !important;
    outline: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
    margin-bottom: 0;
    margin-top: 0;
    height: 2rem;
    font-size: 1rem !important;
}
.select-amount button {
    margin-top: 0.25rem;
    cursor: pointer;
}
.select-amount .icon {
    float: left;
    margin-right: 0.5rem;
    font-size: 1.25rem;
    color: #00305B;
    margin-top: 2px !important;
}
.select-amount .shopping-text span {
    line-height: 1.3;
    margin-top: 0.1rem;
    display: inline-block;
}
.shopping-text .icon {
    float: left;
    font-size: 1rem;
    margin-right: 0.5rem;
}
#txt48867_2 .icon {
    font-size: 0.75rem;
    margin-left: -0.25rem;
}
#cmd98325_6_Form {
    margin-top: 0.25rem;
}
.has-text-success, .has-text-success .icon, .has-text-success .icon svg {
    color: #48c774!important;
}
.has-text-success .icon svg path {
    fill: #48c774!important;
}
.has-text-warning, .has-text-warning .icon, .has-text-warning .icon svg {
    color: #ffdd57!important
}
.has-text-warning .icon svg path {
    fill: #ffdd57!important
}
.has-text-danger, .has-text-danger .icon, .has-text-danger .icon svg {
    color:#f14668!important
}
.has-text-danger .icon svg path {
    fill:#f14668!important
}
.has-text-info, .has-text-info .icon, .has-text-info .icon svg, {
    color:#3298dc!important
}
.has-text-info .icon svg path {
    fill:#3298dc!important
}

/*  --- DATENBLÄTTER ---  */
.datenblaetter a {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    color: #00305B;
    text-transform: uppercase;
    padding: 2px 0 2px 25px;
    margin: .75rem 0 0 0;
}
.datenblaetter a::before {
    display: block;
    content: '';
    width: 16px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://www.wepp.de/wepp/CustomUpload/374O357O340O370O356O369O350O342O324O335O335O350O326O364O353O327O/documents.svg);
    background-repeat: no-repeat;
}
.datenblaetter a::after {
    display: block;
    content: '';
    width: 0;
    height: 1px;
    background: #e60000;
    position: absolute;
    bottom: 0;
    left: 25px;
    transition: width 0.3s ease;
}
.datenblaetter a:hover::after {
    width: calc(100% - 25px);
}

/*  --- LANGTEXT ---  */
.article-longtext div {
    font-size: 1rem;
    line-height: 1.5;
    color: #00305b;
    margin: .5rem 0;
}
.article-longtext div strong {
    display: inline-block;
    font-family: 'Quadon-Bold', Helvetica, sans-serif;
    margin-top: 1rem;
    font-weight: 400;
    color: inherit;
}
.article-longtext ul li {
    position: relative;
    margin-bottom: .5rem;
    padding-left: 25px;
    color: #00305b;
}
.article-longtext ul li:last-of-type {
    margin-bottom: 0;
}
.article-longtext ul li::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 5px;
    top: 5px;
    background: #00305b;
    border-radius: 50%;
}

/*  --- BREADCRUMBS ---  */
.es-breadbrumbs {
    display: block;
    font-size: 1rem;
    color: #00305b;
    margin-top: 5px;
}
.es-breadbrumbs a {
    text-transform: uppercase;
    font-size: 1rem;
    color: #00305b;
}

.loggedin_txt {
    font-size: .8em
}

.image.is-96 {
    padding: 1em;
    border: 1px solid #ececec;
    margin-right: 1em;
    width: 96px
}

.tabs.is-toggle li+li {
    margin-right: 1px;
}

.main-nav {
    position: relative;
    background: #3092c0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4f4e79), color-stop(100%, #4b4a73));
    background-image: -webkit-linear-gradient(top, #4f4e79, #4b4a73);
    background-image: -moz-linear-gradient(to bottom, #4f4e79, #4b4a73);
    background-image: -o-linear-gradient(to bottom, #4f4e79, #4b4a73);
    background-image: linear-gradient(to bottom, #4f4e79, #4b4a73);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.main-nav:after {
    clear: both;
    content: "\00a0";
    display: block;
    height: 0;
    overflow: hidden
}

.nav-brand {
    float: left;
    margin: 0
}

.nav-brand a {
    display: block;
    padding: 10px 10px 10px 20px;
    color: #fff;
    text-decoration: none
}

#main-menu {
    clear: both;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%
}

#main-menu,
#main-menu>.has-mega-menu {
    position: static!important
}

#main-menu .mega-menu {
    margin-left: 0!important;
    right: 0!important;
    width: auto!important;
    max-width: none!important;
    color: #353451
}

#main-menu>.has-mega-menu .scroll-up,
#main-menu>.has-mega-menu .scroll-down {
    margin-left: 0!important
}

#main-menu .mega-menu>li {
    overflow: auto
}

#main-menu .mega-menu ul {
    position: static;
    display: block;
    margin: .83em 0;
    border: 0;
    padding: 0 0 0 20px;
    width: auto;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#main-menu .mega-menu ul li {
    display: list-item;
    list-style-type: disc;
    border: 0
}

#main-menu .mega-menu a {
    display: inline;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    text-decoration: underline
}

#main-menu .mega-menu .column-1-3 {
    padding: 0 20px
}

.mega-menu-sample-image {
    margin: .83em 0;
    border: 1px solid;
    height: 80px;
    text-align: center
}

#main-menu:before {
    content: '';
    display: block;
    height: 1px;
    overflow: hidden;
    background: #4b4a73
}

.main-menu-btn {
    float: right;
    margin: 10px;
    position: relative;
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 24px;
    background: #000;
    -webkit-transition: all 0.25s;
    transition: all 0.25s
}

.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0
}

.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: #000
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

#main-menu-state:not(:checked)~#main-menu {
    display: none
}

#main-menu-state:checked~#main-menu {
    display: block
}

.boxinner {
    background-color: #f7f7f7;
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(10, 10, 10, .1), 0 0 0 0 rgba(10, 10, 10, .1);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

span.linkContent {
    margin-left: 10px
}

.searchClass {
   opacity: 0;
   position: absolute;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


.suche_vorschau {
    position: absolute;
    background: #fff;
    box-shadow: 0 34px 34px rgba(56, 56, 56, .3);
    margin: auto 0;
    z-index: 29;
    padding: 2rem;
    border-radius: 4px;
    width: 100%;
    top: 148%;
}

.livesuche_margin {
    margin: 1rem 0
}

.navigation {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1;
    width: 13em;
    background: #333;
    font-family: 'FFDINWebProRegular', sans-serif;
    zoom: 1
}

.navigation ul,
.navigation ul li,
.navigation ul ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.navigation ul {
    position: relative;
    z-index: 500;
    float: left
}

.navigation ul li {
    float: left;
    min-height: .05em;
    line-height: 1em;
    vertical-align: middle;
    position: relative
}

.navigation ul li.hover,
.navigation ul li:hover {
    position: relative;
    z-index: 510;
    cursor: default
}

.navigation ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 520;
    width: 100%
}

.navigation ul ul li {
    float: none
}

.navigation ul ul ul {
    top: 0;
    right: 0
}

.navigation ul li:hover>ul {
    visibility: visible
}

.navigation ul ul {
    top: 0;
    left: 99%
}

.navigation ul li {
    float: none
}

.navigation ul ul {
    margin-top: .05em
}

.navigation:before {
    content: '';
    display: block
}

.navigation:after {
    content: '';
    display: table;
    clear: both
}

.navigation a {
    display: block;
    padding: 1em 1.3em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

.navigation>ul {
    width: 13em
}

.navigation ul ul {
    width: 13em
}

.navigation>ul>li>a {
    border-right: .3em solid #34A65F;
    color: #fff
}

.navigation>ul>li>a:hover {
    color: #fff
}

.navigation>ul>li a:hover,
.navigation>ul>li:hover a {
    background: #34A65F
}

.navigation li {
    position: relative
}

.navigation ul li.has-sub>a:after {
    content: '»';
    position: absolute;
    right: 1em
}

.navigation ul ul li.first {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0
}

.navigation ul ul li.last {
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
    border-bottom: 0
}

.navigation ul ul {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.navigation ul ul {
    border: 1px solid #34A65F
}

.navigation ul ul a {
    color: #fff
}

.navigation ul ul a:hover {
    color: #fff
}

.navigation ul ul li {
    border-bottom: 1px solid #0F8A5F
}

.navigation ul ul li:hover>a {
    background: #4eb1ff;
    color: #fff
}

.navigation.align-right>ul>li>a {
    border-left: .3em solid #34A65F;
    border-right: none
}

.navigation.align-right {
    float: right
}

.navigation.align-right li {
    text-align: right
}

.navigation.align-right ul li.has-sub>a:before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -6px
}

.navigation.align-right ul li.has-sub>a:after {
    content: none
}

.navigation.align-right ul ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 598;
    width: 100%
}

.navigation.align-right ul ul li.first {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0
}

.navigation.align-right ul ul li.last {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px
}

.navigation.align-right ul ul {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.is-divider.medium {
    border-top: .1rem solid #dbdbdb;
    height: .5rem;
    text-align: center;
    margin: 6rem 0rem 4rem;
    display: block;
    position: relative
}

.is-divider.big {
    border-top: .01rem solid #d6d6d6;
    height: 1rem;
    margin: 6rem 0rem 4rem;
    text-align: center;
    display: block;
    position: relative;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1em
}

.is-divider.big[data-content]::after,
.is-divider-vertical.big[data-content]::after {
    background: #fff;
    color: #363636;
    content: attr(data-content);
    display: inline-block;
    font-size: 2rem;
    padding: 0rem 3rem;
    -webkit-transform: translateY(-1.1rem);
    -ms-transform: translateY(-1.1rem);
    transform: translateY(-1.8rem);
    text-align: center
}

.searchContainer {
    background: #f4faff;
    border-radius: 0px!important;
}
.searchContainer .field:not(:last-child) {
    margin-bottom: 0;
}

@charset "UTF-8";
.b-checkbox {
    position: relative
}

.b-checkbox label {
    padding-left: 5px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1
}

.b-checkbox label::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 1px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #fff;
    transition: background .1s ease-in-out
}

.b-checkbox label::after {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 3px;
    top: 3px;
    font-size: 12px;
    color: #363636
}

.b-checkbox input[type="checkbox"],
.b-checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.b-checkbox input[type="checkbox"]:focus + label::before,
.b-checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.b-checkbox input[type="checkbox"]:checked + label::after,
.b-checkbox input[type="radio"]:checked + label::after {
    content: "✔"
}

.b-checkbox input[type="checkbox"]:disabled,
.b-checkbox input[type="radio"]:disabled {
    cursor: not-allowed
}

.b-checkbox input[type="checkbox"]:disabled + label,
.b-checkbox input[type="radio"]:disabled + label {
    opacity: .65
}

.b-checkbox input[type="checkbox"]:disabled + label::before,
.b-checkbox input[type="radio"]:disabled + label::before {
    background-color: whitesmoke;
    cursor: not-allowed
}

.b-checkbox.is-circular label::before {
    border-radius: 50%
}

.b-checkbox.is-inline {
    display: inline-block;
    font-weight: 400
}

.b-checkbox.is-inline + .is-inline {
    margin-left: 10px
}

.is-primary input[type="checkbox"]:checked + label::before {
    background-color: #00d1b2;
    border-color: #00d1b2
}

.is-primary input[type="checkbox"]:checked + label::after {
    color: #fff
}

.is-danger input[type="checkbox"]:checked + label::before {
    background-color: #ff3860;
    border-color: #ff3860
}

.is-danger input[type="checkbox"]:checked + label::after {
    color: #fff
}

.is-info input[type="checkbox"]:checked + label::before {
    background-color: #ee0073;
    border-color: #ee0073
}

.is-info input[type="checkbox"]:checked + label::after {
    color: #fff
}

.is-warning input[type="checkbox"]:checked + label::before {
    background-color: #ffdd57;
    border-color: #ffdd57
}

.is-warning input[type="checkbox"]:checked + label::after {
    color: #fff
}

.is-success input[type="checkbox"]:checked + label::before {
    background-color: #23d160;
    border-color: #23d160
}

.is-success input[type="checkbox"]:checked + label::after {
    color: #fff
}

.is-dark input[type="checkbox"]:checked + label::before {
    background-color: #363636;
    border-color: #363636
}

.is-dark input[type="checkbox"]:checked + label::after {
    color: #fff
}

.is-black input[type="checkbox"]:checked + label::before {
    background-color: #0a0a0a;
    border-color: #0a0a0a
}

.is-black input[type="checkbox"]:checked + label::after {
    color: #fff
}

input[type="checkbox"].styled:checked + label:after {
    font-family: "FontAwesome";
    content: ""
}

input[type="checkbox"] .styled:checked + label::before {
    color: #fff
}

input[type="checkbox"] .styled:checked + label::after {
    color: #fff
}

.is-checkradio[type=checkbox],
.is-checkradio[type=radio] {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    position: absolute;
    opacity: 0
}

.is-checkradio[type=checkbox]+label,
.is-checkradio[type=radio]+label {
    position: relative;
    display: initial;
    cursor: pointer;
    vertical-align: middle;
    margin: .5em;
    margin-left: 0;
    padding: 0rem .5rem .2rem 0;
    border-radius: 4px
}

.is-checkradio[type=checkbox]+label:hover::before,
.is-checkradio[type=checkbox]+label:hover:before,
.is-checkradio[type=radio]+label:hover::before,
.is-checkradio[type=radio]+label:hover:before {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: hover-color;
    animation-name: hover-color
}

.is-checkradio[type=checkbox]+label::before,
.is-checkradio[type=checkbox]+label:before,
.is-checkradio[type=radio]+label::before,
.is-checkradio[type=radio]+label:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    border: .1rem solid #dbdbdb
}

.is-checkradio[type=checkbox]+label::after,
.is-checkradio[type=checkbox]+label:after,
.is-checkradio[type=radio]+label::after,
.is-checkradio[type=radio]+label:after {
    position: absolute;
    display: none;
    content: '';
    top: 0
}

.is-checkradio[type=checkbox].is-rtl+label,
.is-checkradio[type=radio].is-rtl+label {
    margin-right: 0;
    margin-left: .5rem
}

.is-checkradio[type=checkbox].is-rtl+label::before,
.is-checkradio[type=checkbox].is-rtl+label:before,
.is-checkradio[type=radio].is-rtl+label::before,
.is-checkradio[type=radio].is-rtl+label:before {
    left: auto;
    right: 0
}

.is-checkradio[type=checkbox]:focus+label::before,
.is-checkradio[type=checkbox]:focus+label:before,
.is-checkradio[type=radio]:focus+label::before,
.is-checkradio[type=radio]:focus+label:before {
    outline: 1px dotted #b5b5b5
}

.is-checkradio[type=checkbox]:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox]:hover:not([disabled])+label:before,
.is-checkradio[type=radio]:hover:not([disabled])+label::before,
.is-checkradio[type=radio]:hover:not([disabled])+label:before {
    border-color: #00305B!important
}

.is-checkradio[type=checkbox]:checked+label::before,
.is-checkradio[type=checkbox]:checked+label:before,
.is-checkradio[type=radio]:checked+label::before,
.is-checkradio[type=radio]:checked+label:before {
    border: .1rem solid #00305B
}

.is-checkradio[type=checkbox]:checked[disabled],
.is-checkradio[type=radio]:checked[disabled] {
    cursor: not-allowed
}

.is-checkradio[type=checkbox]:checked[disabled]+label,
.is-checkradio[type=radio]:checked[disabled]+label {
    opacity: .5
}

.is-checkradio[type=checkbox]:checked+label::before,
.is-checkradio[type=checkbox]:checked+label:before,
.is-checkradio[type=radio]:checked+label::before,
.is-checkradio[type=radio]:checked+label:before {
    -webkit-animation-name: none;
    animation-name: none
}

.is-checkradio[type=checkbox]:checked+label::after,
.is-checkradio[type=checkbox]:checked+label:after,
.is-checkradio[type=radio]:checked+label::after,
.is-checkradio[type=radio]:checked+label:after {
    display: inline-block
}

.is-checkradio[type=checkbox][disabled],
.is-checkradio[type=radio][disabled] {
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled]+label,
.is-checkradio[type=radio][disabled]+label {
    opacity: .5;
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled]+label::after,
.is-checkradio[type=checkbox][disabled]+label::before,
.is-checkradio[type=checkbox][disabled]+label:after,
.is-checkradio[type=checkbox][disabled]+label:before,
.is-checkradio[type=checkbox][disabled]+label:hover,
.is-checkradio[type=radio][disabled]+label::after,
.is-checkradio[type=radio][disabled]+label::before,
.is-checkradio[type=radio][disabled]+label:after,
.is-checkradio[type=radio][disabled]+label:before,
.is-checkradio[type=radio][disabled]+label:hover {
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled]:hover,
.is-checkradio[type=radio][disabled]:hover {
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled]:hover::before,
.is-checkradio[type=checkbox][disabled]:hover:before,
.is-checkradio[type=radio][disabled]:hover::before,
.is-checkradio[type=radio][disabled]:hover:before {
    -webkit-animation-name: none;
    animation-name: none
}

.is-checkradio[type=checkbox][disabled]::before,
.is-checkradio[type=checkbox][disabled]:before,
.is-checkradio[type=radio][disabled]::before,
.is-checkradio[type=radio][disabled]:before {
    cursor: not-allowed
}

.is-checkradio[type=checkbox][disabled]::after,
.is-checkradio[type=checkbox][disabled]:after,
.is-checkradio[type=radio][disabled]::after,
.is-checkradio[type=radio][disabled]:after {
    cursor: not-allowed
}

.is-checkradio[type=checkbox].has-no-border+label::before,
.is-checkradio[type=checkbox].has-no-border+label:before,
.is-checkradio[type=radio].has-no-border+label::before,
.is-checkradio[type=radio].has-no-border+label:before {
    border: none!important
}

.is-checkradio[type=checkbox].is-block,
.is-checkradio[type=radio].is-block {
    display: none!important
}

.is-checkradio[type=checkbox].is-block+label,
.is-checkradio[type=radio].is-block+label {
    width: 100%!important;
    background: #f5f5f5;
    color: rgba(0, 0, 0, .7);
    padding-right: .75em
}

.is-checkradio[type=checkbox].is-block+label::before,
.is-checkradio[type=checkbox].is-block+label:before,
.is-checkradio[type=radio].is-block+label::before,
.is-checkradio[type=radio].is-block+label:before {
    border: none!important
}

.is-checkradio[type=checkbox]+label::before,
.is-checkradio[type=checkbox]+label:before {
  border-radius: 0;
  background: #fff;
}

.is-checkradio[type=checkbox]+label::after,
.is-checkradio[type=checkbox]+label:after {
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: .1rem;
    border-style: solid;
    border-color: #00305B;
    border-top: 0;
    border-left: 0
}

.is-checkradio[type=checkbox].is-circle+label::before,
.is-checkradio[type=checkbox].is-circle+label:before {
    border-radius: 50%
}

.is-checkradio[type=checkbox]+label {
    font-size: 1rem;
    padding-left: 2rem
}

.is-checkradio[type=checkbox]+label::before,
.is-checkradio[type=checkbox]+label:before {
    width: 1.5rem;
    height: 1.5rem;
}

.is-checkradio[type=checkbox]+label::after,
.is-checkradio[type=checkbox]+label:after {
    width: .375rem;
    height: .6rem;
    top: .405rem;
    left: 9.1px;
}

.is-checkradio[type=checkbox].is-block+label::after,
.is-checkradio[type=checkbox].is-block+label:after {
    top: .585rem;
    left: .78rem
}

.is-checkradio[type=checkbox].is-rtl+label {
    padding-left: 0;
    padding-right: 2rem
}

.is-checkradio[type=checkbox].is-rtl+label::after,
.is-checkradio[type=checkbox].is-rtl+label:after {
    left: auto;
    right: .6rem
}

.is-checkradio[type=checkbox].is-small+label {
    font-size: .75rem;
    padding-left: 1.5rem
}

.is-checkradio[type=checkbox].is-small+label::before,
.is-checkradio[type=checkbox].is-small+label:before {
    width: 1.125rem;
    height: 1.125rem
}

.is-checkradio[type=checkbox].is-small+label::after,
.is-checkradio[type=checkbox].is-small+label:after {
    width: .28125rem;
    height: .45rem;
    top: .30375rem;
    left: .45rem
}

.is-checkradio[type=checkbox].is-small.is-block+label::after,
.is-checkradio[type=checkbox].is-small.is-block+label:after {
    top: .43875rem;
    left: .585rem
}

.is-checkradio[type=checkbox].is-small.is-rtl+label {
    padding-left: 0;
    padding-right: 1.5rem
}

.is-checkradio[type=checkbox].is-small.is-rtl+label::after,
.is-checkradio[type=checkbox].is-small.is-rtl+label:after {
    left: auto;
    right: .45rem
}

.is-checkradio[type=checkbox].is-medium+label {
    font-size: 1.25rem;
    padding-left: 2.5rem
}

.is-checkradio[type=checkbox].is-medium+label::before,
.is-checkradio[type=checkbox].is-medium+label:before {
    width: 1.875rem;
    height: 1.875rem
}

.is-checkradio[type=checkbox].is-medium+label::after,
.is-checkradio[type=checkbox].is-medium+label:after {
    width: .46875rem;
    height: .75rem;
    top: .50625rem;
    left: .75rem
}

.is-checkradio[type=checkbox].is-medium.is-block+label::after,
.is-checkradio[type=checkbox].is-medium.is-block+label:after {
    top: .73125rem;
    left: .975rem
}

.is-checkradio[type=checkbox].is-medium.is-rtl+label {
    padding-left: 0;
    padding-right: 2.5rem
}

.is-checkradio[type=checkbox].is-medium.is-rtl+label::after,
.is-checkradio[type=checkbox].is-medium.is-rtl+label:after {
    left: auto;
    right: .75rem
}

.is-checkradio[type=checkbox].is-large+label {
    font-size: 1.5rem;
    padding-left: 3rem
}

.is-checkradio[type=checkbox].is-large+label::before,
.is-checkradio[type=checkbox].is-large+label:before {
    width: 2.25rem;
    height: 2.25rem
}

.is-checkradio[type=checkbox].is-large+label::after,
.is-checkradio[type=checkbox].is-large+label:after {
    width: .5625rem;
    height: .9rem;
    top: .6075rem;
    left: .9rem
}

.is-checkradio[type=checkbox].is-large.is-block+label::after,
.is-checkradio[type=checkbox].is-large.is-block+label:after {
    top: .8775rem;
    left: 1.17rem
}

.is-checkradio[type=checkbox].is-large.is-rtl+label {
    padding-left: 0;
    padding-right: 3rem
}

.is-checkradio[type=checkbox].is-large.is-rtl+label::after,
.is-checkradio[type=checkbox].is-large.is-rtl+label:after {
    left: auto;
    right: .9rem
}

.is-checkradio[type=checkbox].is-white.has-background-color+label::before,
.is-checkradio[type=checkbox].is-white.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #fff!important
}

.is-checkradio[type=checkbox].is-white:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-white:hover:not([disabled])+label:before {
    border-color: #fff!important
}

.is-checkradio[type=checkbox].is-white:checked+label::after,
.is-checkradio[type=checkbox].is-white:checked+label:after {
    border-color: #fff!important
}

.is-checkradio[type=checkbox].is-white:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-white:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #fff!important
}

.is-checkradio[type=checkbox].is-white:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-white:checked.has-background-color+label:after {
    border-color: #0a0a0a!important;
    background-color: #fff!important
}

.is-checkradio[type=checkbox].is-white:checked.is-block+label {
    color: #0a0a0a;
    border-color: #fff!important;
    background: #fff
}

.is-checkradio[type=checkbox].is-white:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-white:checked.is-block+label:after {
    border-color: #0a0a0a!important
}

.is-checkradio[type=checkbox].is-black.has-background-color+label::before,
.is-checkradio[type=checkbox].is-black.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #0a0a0a!important
}

.is-checkradio[type=checkbox].is-black:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-black:hover:not([disabled])+label:before {
    border-color: #0a0a0a!important
}

.is-checkradio[type=checkbox].is-black:checked+label::after,
.is-checkradio[type=checkbox].is-black:checked+label:after {
    border-color: #0a0a0a!important
}

.is-checkradio[type=checkbox].is-black:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-black:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #0a0a0a!important
}

.is-checkradio[type=checkbox].is-black:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-black:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #0a0a0a!important
}

.is-checkradio[type=checkbox].is-black:checked.is-block+label {
    color: #fff;
    border-color: #0a0a0a!important;
    background: #0a0a0a
}

.is-checkradio[type=checkbox].is-black:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-black:checked.is-block+label:after {
    border-color: #fff!important
}

.is-checkradio[type=checkbox].is-light.has-background-color+label::before,
.is-checkradio[type=checkbox].is-light.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #f5f5f5!important
}

.is-checkradio[type=checkbox].is-light:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-light:hover:not([disabled])+label:before {
    border-color: #f5f5f5!important
}

.is-checkradio[type=checkbox].is-light:checked+label::after,
.is-checkradio[type=checkbox].is-light:checked+label:after {
    border-color: #f5f5f5!important
}

.is-checkradio[type=checkbox].is-light:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-light:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #f5f5f5!important
}

.is-checkradio[type=checkbox].is-light:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-light:checked.has-background-color+label:after {
    border-color: #363636!important;
    background-color: #f5f5f5!important
}

.is-checkradio[type=checkbox].is-light:checked.is-block+label {
    color: #363636;
    border-color: #f5f5f5!important;
    background: #f5f5f5
}

.is-checkradio[type=checkbox].is-light:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-light:checked.is-block+label:after {
    border-color: #363636!important
}

.is-checkradio[type=checkbox].is-dark.has-background-color+label::before,
.is-checkradio[type=checkbox].is-dark.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #363636!important
}

.is-checkradio[type=checkbox].is-dark:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-dark:hover:not([disabled])+label:before {
    border-color: #363636!important
}

.is-checkradio[type=checkbox].is-dark:checked+label::after,
.is-checkradio[type=checkbox].is-dark:checked+label:after {
    border-color: #363636!important
}

.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #363636!important
}

.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label:after {
    border-color: #f5f5f5!important;
    background-color: #363636!important
}

.is-checkradio[type=checkbox].is-dark:checked.is-block+label {
    color: #f5f5f5;
    border-color: #363636!important;
    background: #363636
}

.is-checkradio[type=checkbox].is-dark:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-dark:checked.is-block+label:after {
    border-color: #f5f5f5!important
}

.is-checkradio[type=checkbox].is-primary.has-background-color+label::before,
.is-checkradio[type=checkbox].is-primary.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #00d1b2!important
}

.is-checkradio[type=checkbox].is-primary:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-primary:hover:not([disabled])+label:before {
    border-color: #00d1b2!important
}

.is-checkradio[type=checkbox].is-primary:checked+label::after,
.is-checkradio[type=checkbox].is-primary:checked+label:after {
    border-color: #00d1b2!important
}

.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #00d1b2!important
}

.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #00d1b2!important
}

.is-checkradio[type=checkbox].is-primary:checked.is-block+label {
    color: #fff;
    border-color: #00d1b2!important;
    background: #00d1b2
}

.is-checkradio[type=checkbox].is-primary:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-primary:checked.is-block+label:after {
    border-color: #fff!important
}

.is-checkradio[type=checkbox].is-link.has-background-color+label::before,
.is-checkradio[type=checkbox].is-link.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #ee0073!important
}

.is-checkradio[type=checkbox].is-link:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-link:hover:not([disabled])+label:before {
    border-color: #00305B!important
}

.is-checkradio[type=checkbox].is-link:checked+label::after,
.is-checkradio[type=checkbox].is-link:checked+label:after {
    border-color: #00305B!important
}

.is-checkradio[type=checkbox].is-link:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-link:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #ee0073!important
}

.is-checkradio[type=checkbox].is-link:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-link:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #ee0073!important
}

.is-checkradio[type=checkbox].is-link:checked.is-block+label {
    color: #fff;
    border-color: #ee0073!important;
    background: #ee0073
}

.is-checkradio[type=checkbox].is-link:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-link:checked.is-block+label:after {
    border-color: #ee0073!important
}

.is-checkradio[type=checkbox].is-info.has-background-color+label::before,
.is-checkradio[type=checkbox].is-info.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #209cee!important
}

.is-checkradio[type=checkbox].is-info:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-info:hover:not([disabled])+label:before {
    border-color: #209cee!important
}

.is-checkradio[type=checkbox].is-info:checked+label::after,
.is-checkradio[type=checkbox].is-info:checked+label:after {
    border-color: #209cee!important
}

.is-checkradio[type=checkbox].is-info:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-info:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #209cee!important
}

.is-checkradio[type=checkbox].is-info:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-info:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #209cee!important
}

.is-checkradio[type=checkbox].is-info:checked.is-block+label {
    color: #fff;
    border-color: #209cee!important;
    background: #209cee
}

.is-checkradio[type=checkbox].is-info:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-info:checked.is-block+label:after {
    border-color: #fff!important
}

.is-checkradio[type=checkbox].is-success.has-background-color+label::before,
.is-checkradio[type=checkbox].is-success.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #23d160!important
}

.is-checkradio[type=checkbox].is-success:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-success:hover:not([disabled])+label:before {
    border-color: #23d160!important
}

.is-checkradio[type=checkbox].is-success:checked+label::after,
.is-checkradio[type=checkbox].is-success:checked+label:after {
    border-color: #23d160!important
}

.is-checkradio[type=checkbox].is-success:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-success:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #23d160!important
}

.is-checkradio[type=checkbox].is-success:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-success:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #23d160!important
}

.is-checkradio[type=checkbox].is-success:checked.is-block+label {
    color: #fff;
    border-color: #23d160!important;
    background: #23d160
}

.is-checkradio[type=checkbox].is-success:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-success:checked.is-block+label:after {
    border-color: #fff!important
}

.is-checkradio[type=checkbox].is-warning.has-background-color+label::before,
.is-checkradio[type=checkbox].is-warning.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #ffdd57!important
}

.is-checkradio[type=checkbox].is-warning:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-warning:hover:not([disabled])+label:before {
    border-color: #ffdd57!important
}

.is-checkradio[type=checkbox].is-warning:checked+label::after,
.is-checkradio[type=checkbox].is-warning:checked+label:after {
    border-color: #ffdd57!important
}

.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #ffdd57!important
}

.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label:after {
    border-color: rgba(0, 0, 0, .7)!important;
    background-color: #ffdd57!important
}

.is-checkradio[type=checkbox].is-warning:checked.is-block+label {
    color: rgba(0, 0, 0, .7);
    border-color: #ffdd57!important;
    background: #ffdd57
}

.is-checkradio[type=checkbox].is-warning:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-warning:checked.is-block+label:after {
    border-color: rgba(0, 0, 0, .7)!important
}

.is-checkradio[type=checkbox].is-danger.has-background-color+label::before,
.is-checkradio[type=checkbox].is-danger.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #ff3860!important
}

.is-checkradio[type=checkbox].is-danger:hover:not([disabled])+label::before,
.is-checkradio[type=checkbox].is-danger:hover:not([disabled])+label:before {
    border-color: #ff3860!important
}

.is-checkradio[type=checkbox].is-danger:checked+label::after,
.is-checkradio[type=checkbox].is-danger:checked+label:after {
    border-color: #ff3860!important
}

.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label::before,
.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label:before {
    border-color: transparent!important;
    background-color: #ff3860!important
}

.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label::after,
.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #ff3860!important
}

.is-checkradio[type=checkbox].is-danger:checked.is-block+label {
    color: #fff;
    border-color: #ff3860!important;
    background: #ff3860
}

.is-checkradio[type=checkbox].is-danger:checked.is-block+label::after,
.is-checkradio[type=checkbox].is-danger:checked.is-block+label:after {
    border-color: #fff!important
}

.is-checkradio[type=checkbox]:indeterminate+label::after,
.is-checkradio[type=checkbox]:indeterminate+label:after {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: none
}

.is-checkradio[type=checkbox]:indeterminate.is-white+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-white+label:after {
    border-color: #fff
}

.is-checkradio[type=checkbox]:indeterminate.is-black+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-black+label:after {
    border-color: #0a0a0a
}

.is-checkradio[type=checkbox]:indeterminate.is-light+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-light+label:after {
    border-color: #f5f5f5
}

.is-checkradio[type=checkbox]:indeterminate.is-dark+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-dark+label:after {
    border-color: #363636
}

.is-checkradio[type=checkbox]:indeterminate.is-primary+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-primary+label:after {
    border-color: #00d1b2
}

.is-checkradio[type=checkbox]:indeterminate.is-link+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-link+label:after {
    border-color: #ee0073
}

.is-checkradio[type=checkbox]:indeterminate.is-info+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-info+label:after {
    border-color: #209cee
}

.is-checkradio[type=checkbox]:indeterminate.is-success+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-success+label:after {
    border-color: #23d160
}

.is-checkradio[type=checkbox]:indeterminate.is-warning+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-warning+label:after {
    border-color: #ffdd57
}

.is-checkradio[type=checkbox]:indeterminate.is-danger+label::after,
.is-checkradio[type=checkbox]:indeterminate.is-danger+label:after {
    border-color: #ff3860
}

.is-checkradio[type=radio]+label::before,
.is-checkradio[type=radio]+label:before {
    border-radius: 50%
}

.is-checkradio[type=radio]+label::after,
.is-checkradio[type=radio]+label:after {
    border-radius: 50%;
    background: #00d1b2;
    left: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.is-checkradio[type=radio]:checked.has-background-color+label::before,
.is-checkradio[type=radio]:checked.has-background-color+label:before {
    border-color: #4a4a4a!important;
    background-color: #4a4a4a!important
}

.is-checkradio[type=radio]:checked.has-background-color+label::after,
.is-checkradio[type=radio]:checked.has-background-color+label:after {
    border-color: #4a4a4a!important;
    background-color: #4a4a4a!important
}

.is-checkradio[type=radio].is-rtl+label {
    padding-left: 0
}

.is-checkradio[type=radio].is-rtl+label::after,
.is-checkradio[type=radio].is-rtl+label:after {
    left: auto;
    right: 0
}

.is-checkradio[type=radio]+label {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 2rem
}

.is-checkradio[type=radio]+label::after,
.is-checkradio[type=radio]+label::before,
.is-checkradio[type=radio]+label:after,
.is-checkradio[type=radio]+label:before {
    width: 1.5rem;
    height: 1.5rem
}

.is-checkradio[type=radio].is-rtl+label {
    padding-right: 2rem
}

.is-checkradio[type=radio].is-small+label {
    font-size: .75rem;
    line-height: 1.125rem;
    padding-left: 1.5rem
}

.is-checkradio[type=radio].is-small+label::after,
.is-checkradio[type=radio].is-small+label::before,
.is-checkradio[type=radio].is-small+label:after,
.is-checkradio[type=radio].is-small+label:before {
    width: 1.125rem;
    height: 1.125rem
}

.is-checkradio[type=radio].is-small.is-rtl+label {
    padding-right: 1.5rem
}

.is-checkradio[type=radio].is-medium+label {
    font-size: 1.25rem;
    line-height: 1.875rem;
    padding-left: 2.5rem
}

.is-checkradio[type=radio].is-medium+label::after,
.is-checkradio[type=radio].is-medium+label::before,
.is-checkradio[type=radio].is-medium+label:after,
.is-checkradio[type=radio].is-medium+label:before {
    width: 1.875rem;
    height: 1.875rem
}

.is-checkradio[type=radio].is-medium.is-rtl+label {
    padding-right: 2.5rem
}

.is-checkradio[type=radio].is-large+label {
    font-size: 1.5rem;
    line-height: 2.25rem;
    padding-left: 3rem
}

.is-checkradio[type=radio].is-large+label::after,
.is-checkradio[type=radio].is-large+label::before,
.is-checkradio[type=radio].is-large+label:after,
.is-checkradio[type=radio].is-large+label:before {
    width: 2.25rem;
    height: 2.25rem
}

.is-checkradio[type=radio].is-large.is-rtl+label {
    padding-right: 3rem
}

.is-checkradio[type=radio].is-white.has-background-color+label::before,
.is-checkradio[type=radio].is-white.has-background-color+label:before {
    border-color: #fff!important;
    background-color: #fff!important
}

.is-checkradio[type=radio].is-white:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-white:hover:not([disabled])+label:before {
    border-color: #fff!important
}

.is-checkradio[type=radio].is-white:checked+label::after,
.is-checkradio[type=radio].is-white:checked+label:after {
    border-color: #fff!important;
    background-color: #fff!important
}

.is-checkradio[type=radio].is-white:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-white:checked.has-background-color+label:before {
    border-color: #fff!important;
    background-color: #fff!important
}

.is-checkradio[type=radio].is-white:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-white:checked.has-background-color+label:after {
    border-color: #0a0a0a!important;
    background-color: #0a0a0a!important
}

.is-checkradio[type=radio].is-black.has-background-color+label::before,
.is-checkradio[type=radio].is-black.has-background-color+label:before {
    border-color: #0a0a0a!important;
    background-color: #0a0a0a!important
}

.is-checkradio[type=radio].is-black:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-black:hover:not([disabled])+label:before {
    border-color: #0a0a0a!important
}

.is-checkradio[type=radio].is-black:checked+label::after,
.is-checkradio[type=radio].is-black:checked+label:after {
    border-color: #0a0a0a!important;
    background-color: #0a0a0a!important
}

.is-checkradio[type=radio].is-black:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-black:checked.has-background-color+label:before {
    border-color: #0a0a0a!important;
    background-color: #0a0a0a!important
}

.is-checkradio[type=radio].is-black:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-black:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #fff!important
}

.is-checkradio[type=radio].is-light.has-background-color+label::before,
.is-checkradio[type=radio].is-light.has-background-color+label:before {
    border-color: #f5f5f5!important;
    background-color: #f5f5f5!important
}

.is-checkradio[type=radio].is-light:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-light:hover:not([disabled])+label:before {
    border-color: #f5f5f5!important
}

.is-checkradio[type=radio].is-light:checked+label::after,
.is-checkradio[type=radio].is-light:checked+label:after {
    border-color: #f5f5f5!important;
    background-color: #f5f5f5!important
}

.is-checkradio[type=radio].is-light:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-light:checked.has-background-color+label:before {
    border-color: #f5f5f5!important;
    background-color: #f5f5f5!important
}

.is-checkradio[type=radio].is-light:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-light:checked.has-background-color+label:after {
    border-color: #363636!important;
    background-color: #363636!important
}

.is-checkradio[type=radio].is-dark.has-background-color+label::before,
.is-checkradio[type=radio].is-dark.has-background-color+label:before {
    border-color: #363636!important;
    background-color: #363636!important
}

.is-checkradio[type=radio].is-dark:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-dark:hover:not([disabled])+label:before {
    border-color: #363636!important
}

.is-checkradio[type=radio].is-dark:checked+label::after,
.is-checkradio[type=radio].is-dark:checked+label:after {
    border-color: #363636!important;
    background-color: #363636!important
}

.is-checkradio[type=radio].is-dark:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-dark:checked.has-background-color+label:before {
    border-color: #363636!important;
    background-color: #363636!important
}

.is-checkradio[type=radio].is-dark:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-dark:checked.has-background-color+label:after {
    border-color: #f5f5f5!important;
    background-color: #f5f5f5!important
}

.is-checkradio[type=radio].is-primary.has-background-color+label::before,
.is-checkradio[type=radio].is-primary.has-background-color+label:before {
    border-color: #00d1b2!important;
    background-color: #00d1b2!important
}

.is-checkradio[type=radio].is-primary:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-primary:hover:not([disabled])+label:before {
    border-color: #00d1b2!important
}

.is-checkradio[type=radio].is-primary:checked+label::after,
.is-checkradio[type=radio].is-primary:checked+label:after {
    border-color: #00d1b2!important;
    background-color: #00d1b2!important
}

.is-checkradio[type=radio].is-primary:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-primary:checked.has-background-color+label:before {
    border-color: #00d1b2!important;
    background-color: #00d1b2!important
}

.is-checkradio[type=radio].is-primary:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-primary:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #fff!important
}

.is-checkradio[type=radio].is-link.has-background-color+label::before,
.is-checkradio[type=radio].is-link.has-background-color+label:before {
    border-color: #00305B!important;
    background-color: #00305B!important
}

.is-checkradio[type=radio].is-link:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-link:hover:not([disabled])+label:before {
    border-color: #00305B!important
}

.is-checkradio[type=radio].is-link:checked+label::after,
.is-checkradio[type=radio].is-link:checked+label:after {
    border-color: #00305B!important;
    background-color: #00305B!important
}

.is-checkradio[type=radio].is-link:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-link:checked.has-background-color+label:before {
    border-color: #00305B!important;
    background-color: #00305B!important
}

.is-checkradio[type=radio].is-link:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-link:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #fff!important
}

.is-checkradio[type=radio].is-info.has-background-color+label::before,
.is-checkradio[type=radio].is-info.has-background-color+label:before {
    border-color: #209cee!important;
    background-color: #209cee!important
}

.is-checkradio[type=radio].is-info:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-info:hover:not([disabled])+label:before {
    border-color: #209cee!important
}

.is-checkradio[type=radio].is-info:checked+label::after,
.is-checkradio[type=radio].is-info:checked+label:after {
    border-color: #209cee!important;
    background-color: #209cee!important
}

.is-checkradio[type=radio].is-info:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-info:checked.has-background-color+label:before {
    border-color: #209cee!important;
    background-color: #209cee!important
}

.is-checkradio[type=radio].is-info:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-info:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #fff!important
}

.is-checkradio[type=radio].is-success.has-background-color+label::before,
.is-checkradio[type=radio].is-success.has-background-color+label:before {
    border-color: #23d160!important;
    background-color: #23d160!important
}

.is-checkradio[type=radio].is-success:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-success:hover:not([disabled])+label:before {
    border-color: #23d160!important
}

.is-checkradio[type=radio].is-success:checked+label::after,
.is-checkradio[type=radio].is-success:checked+label:after {
    border-color: #23d160!important;
    background-color: #23d160!important
}

.is-checkradio[type=radio].is-success:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-success:checked.has-background-color+label:before {
    border-color: #23d160!important;
    background-color: #23d160!important
}

.is-checkradio[type=radio].is-success:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-success:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #fff!important
}

.is-checkradio[type=radio].is-warning.has-background-color+label::before,
.is-checkradio[type=radio].is-warning.has-background-color+label:before {
    border-color: #ffdd57!important;
    background-color: #ffdd57!important
}

.is-checkradio[type=radio].is-warning:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-warning:hover:not([disabled])+label:before {
    border-color: #ffdd57!important
}

.is-checkradio[type=radio].is-warning:checked+label::after,
.is-checkradio[type=radio].is-warning:checked+label:after {
    border-color: #ffdd57!important;
    background-color: #ffdd57!important
}

.is-checkradio[type=radio].is-warning:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-warning:checked.has-background-color+label:before {
    border-color: #ffdd57!important;
    background-color: #ffdd57!important
}

.is-checkradio[type=radio].is-warning:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-warning:checked.has-background-color+label:after {
    border-color: rgba(0, 0, 0, .7)!important;
    background-color: rgba(0, 0, 0, .7)!important
}

.is-checkradio[type=radio].is-danger.has-background-color+label::before,
.is-checkradio[type=radio].is-danger.has-background-color+label:before {
    border-color: #ff3860!important;
    background-color: #ff3860!important
}

.is-checkradio[type=radio].is-danger:hover:not([disabled])+label::before,
.is-checkradio[type=radio].is-danger:hover:not([disabled])+label:before {
    border-color: #ff3860!important
}

.is-checkradio[type=radio].is-danger:checked+label::after,
.is-checkradio[type=radio].is-danger:checked+label:after {
    border-color: #ff3860!important;
    background-color: #ff3860!important
}

.is-checkradio[type=radio].is-danger:checked.has-background-color+label::before,
.is-checkradio[type=radio].is-danger:checked.has-background-color+label:before {
    border-color: #ff3860!important;
    background-color: #ff3860!important
}

.is-checkradio[type=radio].is-danger:checked.has-background-color+label::after,
.is-checkradio[type=radio].is-danger:checked.has-background-color+label:after {
    border-color: #fff!important;
    background-color: #fff!important
}

.warenkorblink {
    color: #363636
}

.bd-prev-next-bis {
    border-top: 2px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    margin-top: 3rem
}

.bd-prev-next-bis a {
    margin-top: 1.5rem
}

.bd-prev-next-bis-previous {
    margin-right: auto
}

.bd-prev-next-bis-next {
    margin-left: auto
}

.navbar-dropdown-right {
    left: auto;
    right: 0
}

.search-img-height {
    height: 100px
}

.breadcrumb {
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    counter-reset: flag
}

.breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    color: white;
    padding: 0 10px 0 60px;
    background: #333;
    background: linear-gradient(#3c964e, #015302);
    position: relative
}

.breadcrumb a:first-child {
    padding-left: 46px;
    border-radius: 5px 0 0 5px
}

.breadcrumb a:first-child:before {
    left: 14px;
    padding-left: 8px
}

.breadcrumb a:last-child {
    border-radius: 0 5px 5px 0;
    padding-right: 20px
}

.breadcrumb a.active,
.breadcrumb a:hover {
    background: #111;
    background: linear-gradient(#015302, #3c964e)
}

.breadcrumb a.active:after,
.breadcrumb a:hover:after {
    background: #222;
    background: linear-gradient(145deg, #333, #222)
}

.breadcrumb a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -18px;
    width: 36px;
    height: 36px;
    transform: scale(.707) rotate(45deg);
    z-index: 1;
    background: #555;
    background: linear-gradient(135deg, #777, #333);
    box-shadow: 2px -2px 0 2px rgb(249, 249, 249), 3px -3px 0 2px rgba(255, 255, 255, .1);
    border-radius: 0 5px 0 50px
}

.breadcrumb a:last-child:after {
    content: none
}

.breadcrumb a:before {
    content: counter(flag);
    counter-increment: flag;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 8px 0;
    position: absolute;
    top: 0;
    left: 30px;
    background: #333;
    background: linear-gradient(#333, #c63331);
    font-weight: 700;
    padding-left: 7px
}

.flat a,
.flat a:after {
    background: #fff;
    color: #5d5d5d;
    transition: all 0.7s
}

.flat a:before {
    background: #f5f5f5;
    box-shadow: 0 0 0 1px #eee
}

.flat a:hover,
.flat a.active,
.flat a:hover:after,
.flat a.active:after {
    background: #efefef
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 98
}

.has-rightline:not(:first-child) {
    border-left: 1px solid #efefef
}

.has-topline {
    border-top: 1px solid #efefef;
    margin-top: -.5rem
}

.navbar-button {
    height: 2.5rem
}

.quickview-block {
    width: 100%
}

.quickview {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    max-width: calc(100% - 50px);
    position: fixed;
    top: 70px;
    bottom: 0;
    z-index: 98;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    will-change: transform
}

.quickview.is-marginless {
    max-width: 100%
}

.quickview.is-active {
    right: 0;
    box-shadow: 5px 0 13px 3px rgba(0, 0, 0, .1)
}

.quickview.is-active.is-left {
    left: 0
}

.quickview-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    min-height: 3.25em!important;
    border-bottom: 1px solid #dbdbdb
}

.quickview-header.is-white {
    background-color: #fff
}

.quickview-header.is-white .title {
    color: #0a0a0a
}

.quickview-header.is-black {
    background-color: #0a0a0a
}

.quickview-header.is-black .title {
    color: #fff
}

.quickview-header.is-light {
    background-color: #f5f5f5
}

.quickview-header.is-light .title {
    color: #363636
}

.quickview-header.is-dark {
    background-color: #363636
}

.quickview-header.is-dark .title {
    color: #f5f5f5
}

.quickview-header.is-primary {
    background-color: #00d1b2
}

.quickview-header.is-primary .title {
    color: #fff
}

.quickview-header.is-link {
    background-color: #ee0073
}

.quickview-header.is-link .title {
    color: #fff
}

.quickview-header.is-info {
    background-color: #209cee
}

.quickview-header.is-info .title {
    color: #fff
}

.quickview-header.is-success {
    background-color: #23d160
}

.quickview-header.is-success .title {
    color: #fff
}

.quickview-header.is-warning {
    background-color: #ffdd57
}

.quickview-header.is-warning .title {
    color: rgba(0, 0, 0, .7)
}

.quickview-header.is-danger {
    background-color: #ff3860
}

.quickview-header.is-danger .title {
    color: #fff
}

.quickview-header .title {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0
}

.quickview-header .title img {
    max-height: 2em
}

.quickview-body {
    flex: 1 1 0%;
    overflow-y: auto
}

.quickview-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    min-height: 4rem;
    background-color: #f5f5f5;
    border-top: 1px solid #dbdbdb
}

.quickview-footer>* {
    margin: 0 .4rem
}

.footer_head_border {
    position: relative;
    display: inline-block
}

.quickview-open {
    background-color: #ee0073;
    position: fixed;
    right: 0;
    top: 115px;
    z-index: 34;
    border: none;
    border-radius: 3px 0 0 3px;
    color: white;
    padding: .33em .66em
}

.innerbox {
    background: #f9f9f9;
    box-shadow: none!important;
    border-radius: 6px;
    color: #4a4a4a;
    display: block;
    padding: 1.25rem
}

.pointer {
    cursor: pointer
}

.inputHide {
    display: none
}

a:hover {
    color: #005E8C;
}

.footer_head_border:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 8px;
    width: 60px;
    height: 1px;
    background: #cecece
}

.textBlue {
    color: #ee0073
}

.borderBlue:hover {
    border-left: 2px solid #005E8C
}

#div19698 {
    display: inline-block
}

.button.is-small {
    font-weight: 600
}

.notification.is-danger {
    background-color: #ffe9ed;
    color: #9e3131
}

.testBorderBlue {
    border-left: 2px solid #ced6dc
}

.testBorderGreen {
    border-left: 2px solid #f9f9f9
}

.testBorderRed {
    border-left: 6px solid #00305B;
}

.testBorderGrey {
    border-left: 2px solid #ced6dc
}

.clear {
    clear: both
}

.padding-top-mobile {
    padding-top: 1rem
}

.columns-nav-mobile {
    margin-left: 0px!important;
    margin-right: 0px!important
}

.backgroundGrey {
    background-color: #f2f2f2
}

.livesearchText {
    font-size: .9rem;
    color: #363636
}

.marginTopPartnerSlider {
    margin-top: -7rem
}

.warengruppenRadius {
    border-radius: 15px!important
}

.artikelError {
    background-color: #fee
}

.effect8 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, -.76)!important;
    border: 1px solid #f3f3f3
}

.sectionvz {
    padding: 0rem 1.5rem 3rem 1.5rem
}

.is-second {
    background-color: #f4f7f9;
    border-color: #dce8f1;
    color: rgba(0, 0, 0, .7)
}

.cart_sum_helper {
    margin-bottom: 0px!important
}

.cart_sum_border {
    border-top: 1px solid #e4e4e4
}

.card_bg_header {
    padding: 1em
}

.green {
    color: #0fb50f;
    border: 1px solid #9f9
}

.jquery-accordion-menu>ul>li.blue>a {
    background: #00305B!important;
    color: white
}

.wrapper {
    margin: 50px auto;
    width: 280px;
    height: 370px;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 90
}

.ribbon-wrapper-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px
}

.ribbon-green {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #BFDC7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
    background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
    color: #6a6340;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.ribbon-green:before,
.ribbon-green:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.ribbon-green:before {
    left: 0
}

.ribbon-green:after {
    right: 0
}

.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background: #f4faff;
}
.navbar-divider {
    margin: 0;
}
#blogDropdown_MK {
    min-width: 250px;
    left: initial;
    right: 0;
}
#blogDropdown_MK .register-button {
    padding-bottom: .75rem;
}
#blogDropdown_MK .register-button, #blogDropdown_MK .register-button a {
    width: 100%;
}
#blogDropdown_MK .loginout-button {
    width: 100%;
}
#blogDropdown_MK .loginout-button form {
    width: 100%;
}
/*#blogDropdown_MK .loginout-button input {
    display:block;
    float: right;
    width: auto;
}*/
#blogDropdown_MK .register-button button, #blogDropdown_MK .loginout-button button {
    margin: 0;
}
#blogDropdown_MK.navbar-dropdown a.navbar-item {
    padding: 1rem;
}
#blogDropdown_MK.navbar-dropdown a.navbar-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

@media screen and (max-width:768px) {
	.navbar.is-fixed-bottom-desktop{
		width: 100%;
		background: transparent;
		border-bottom:none !important;
    	        box-shadow: none !important;
	}
    #myBtn {
        display: none;
        position: fixed;
        bottom: 140px!important;
        right: 30px;
        z-index: 98;
        font-size: 18px;
        border: none;
        outline: none;
        background-color: #e60000;
        color: white;
        cursor: pointer;
        padding: 14px 15px 15px 15px;
        border-radius: 200px
    }
    #myBtn:hover {
        background-color: #005E8C;
    }
    .mobile_wk_img {
        display: unset
    }
    .no-padding-left {
        padding-left: 0!important
    }
    .notification {
        display: flex
    }
    .navbar-item img {
        max-height: 1.5rem
    }
    .navi-icons {
        padding: 15px!important
    }
    .footer_head_border:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 8px;
        width: 60px;
        height: 1px;
        background: #cecece
    }
    .is-divider.big[data-content]::after,
    .is-divider-vertical.big[data-content]::after {
        padding: 0rem 1rem!important
    }
    .mainWrap {
        width: auto;
        padding: 50px 20px
    }
    .menu {
        display: none
    }
    .responsive-menu {
        display: block
    }
    nav {
        margin: 0;
        background: none
    }
    .menu li {
        display: block;
        margin: 0
    }
    .menu li a {
        background: #fff;
        color: #797979
    }
    .menu li a:hover,
    .menu li:hover>a {
        background: #FC6D58;
        color: #fff
    }
    .menu ul {
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: initial
    }
    .menu li:hover>ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: initial
    }
    .menu ul ul {
        left: 0;
        transform: initial
    }
    .menu li>ul ul:hover {
        transform: initial
    }
    .swiper-slide {
        margin: 0 0 50px 0
    }
    .jquery-accordion-menu ul li a {
        width: 100%;
        padding: 8px 30px;
        float: left;
        text-decoration: none;
        color: #464646;
        font-size: .9em;
        background: #414956;
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        -o-transition: color .2s linear, background .2s linear;
        -moz-transition: color .2s linear, background .2s linear;
        -webkit-transition: color .2s linear, background .2s linear;
        transition: color .2s linear, background .2s linear
    }
    .is-tooltip-top-mobile::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-mobile.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-mobile:focus:not(.is-loading)::after,
    .is-tooltip-top-mobile:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-mobile.is-tooltip-active::before,
    .is-tooltip-top-mobile:focus::before,
    .is-tooltip-top-mobile:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
    .is-tooltip-right-mobile::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-mobile.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-mobile:focus:not(.is-loading)::after,
    .is-tooltip-right-mobile:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-mobile.is-tooltip-active::before,
    .is-tooltip-right-mobile:focus::before,
    .is-tooltip-right-mobile:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
    .is-tooltip-bottom-mobile::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-mobile.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-mobile:focus:not(.is-loading)::after,
    .is-tooltip-bottom-mobile:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-mobile.is-tooltip-active::before,
    .is-tooltip-bottom-mobile:focus::before,
    .is-tooltip-bottom-mobile:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
    .is-tooltip-left-mobile::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-mobile.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-mobile:focus:not(.is-loading)::after,
    .is-tooltip-left-mobile:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-mobile.is-tooltip-active::before,
    .is-tooltip-left-mobile:focus::before,
    .is-tooltip-left-mobile:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
    .button.is-fullwidth-mobile {
        display: flex;
        width: 100%
    }
    .quickview {
        width: 100%;
        right: -100%
    }
    .quickview.is-left {
        left: -100%
    }
}



@media screen and (min-width:1024px) {

.navbar-menu{
float:left;
}

    html.has-navbar-fixed-top,
    body.has-navbar-fixed-top {
        padding-top: 130px;
    }

.banner-container{
position:relative;
}

.banner-text{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
}
}

.banner-container {
  margin-top: 3.2rem;
}

@media screen and (max-width:1024px) {
    .box_aktionen {
        left: 20px
    }
    html.has-navbar-fixed-top,
    body.has-navbar-fixed-top {
        padding-top: 54px;
    }

.banner-img{
display: none;
}

.banner-text {
position:relative;
top: 0;
left: 0;
transform: none;
}

.banner-container{
margin-top: 0;
background-color: #00305b;
}

}


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

    #myBtn {
        display: none;
        position: fixed;
        bottom: 66px!important;
        right: 10px !important;
        z-index: 98;
        font-size: 18px;
        border: none;
        outline: none;
        color: white;
        cursor: pointer;
        padding: 15px;
        border-radius: 200px
    }
    .navbar-menu.is-active {
        height: 100vh;
        max-height: calc(100vh - 55px);
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .qv_cart_empty_text {
        margin-bottom: 1.5rem
    }
    .jquery-accordion-menu {
        width: 100%
    }
    .column-accordion {
        padding: 1.2rem 0rem .75rem 0rem
    }

    .navbar-item.bottom {
        padding-top: 0;
        padding-bottom: 20px
    }
    .cart-small-eintrag_wk {
        width: 100%;
        color: #3E474F;
        padding-bottom: 5px;
        position: relative;
        padding-top: 5px;
        float: left;
        border-bottom: 1px solid #eee
    }
    .preis {
        float: right
    }
    .fastOrderButton {
        margin-top: .5rem
    }
    .cart-small-eintrag {
        width: 100%
    }
    .badge {
        padding-top: 2.5px;
        border: 1px solid #d2d2d2;
        font-size: .45em;
        width: 20px;
        height: 20px;
        right: 0
    }
    .has-bottomline {
        border-bottom: 1px solid #efefef
    }
    .hideTablet {
        display: none
    }
    .navbar.is-fixed-top .navbar-menu,
    .navbar.is-fixed-top-touch .navbar-menu {
        max-height: calc(100vh - 3.25rem);
        overflow: hidden
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .margin-right {
        margin-right: 50px
    }
    .mainWrap {
        width: 768px
    }
    .menu ul {
        top: 37px
    }
    .menu li a {
        font-size: 12px
    }
    li.homer {
        background: #092f71
    }
}

@media screen and (max-width:1215px) and (min-width:1025px){

.hidden-banner-text{
display:none!important;
}

}


@media screen and (min-width:1088px) {
#form_cart_3 {
    width: 100%;
}
.width400px{width:400px;}

.trans-drop {
    display: block;
    -webkit-transform: perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
}

        #form_cart_2 {
             width: 363px;
        }

        .navbar-item.is-hoverable:hover .navbar-dropdown {
             display:block;
        }

        .trans-drop{
              display:block;
        }

	.navbar.is.fixed-bottom-desktop{
		bottom:0;
		left:0;
		right: 0;
		position: fixed;
		z-index: 30;
	}
    .footer-social-icons {
        width: 350px;
        display: block;
        margin: 0 auto
    }
    .bd-prev-next-bis input {
        margin-top: 1.5rem
    }
    .box_aktionen {
        left: 20px
    }
    .margin-right {
        margin-right: 50px
    }
    .pos_suche {
        float: right;
        top: 1px;
        width: 400px
    }
    .pos_suche {
        float: right;
        top: 1px;
        width: 400px
    }
    .navbar-item.has-dropdown.is-hoverable.is-mega.entry {
        font-weight: normal!important;
        font-size: 1.0667rem;
        text-transform: uppercase
    }
    .navbar-item.entry {
        font-weight: normal!important;
        text-transform: uppercase
    }
    .navbar-dropdown {
        border-top: 0 solid #dbdbdb
    }
    .container.is-fluid {
        margin: 15px
    }
    .navbar-dropdown a.navbar-item {
        padding-right: 1.8rem
    }
    .navbar {
        min-height: 5.25rem
    }
    .navbar-start {
        padding-left: 50px
    }
 .navbar-start.no-padding {
        padding-left: 0px!important
    }
    .navbar-item img {
        max-height: 3rem
    }
    .is-tooltip-top-desktop::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-desktop.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-desktop:focus:not(.is-loading)::after,
    .is-tooltip-top-desktop:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-desktop.is-tooltip-active::before,
    .is-tooltip-top-desktop:focus::before,
    .is-tooltip-top-desktop:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
    .is-tooltip-right-desktop::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-desktop.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-desktop:focus:not(.is-loading)::after,
    .is-tooltip-right-desktop:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-desktop.is-tooltip-active::before,
    .is-tooltip-right-desktop:focus::before,
    .is-tooltip-right-desktop:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
    .is-tooltip-bottom-desktop::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-desktop.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-desktop:focus:not(.is-loading)::after,
    .is-tooltip-bottom-desktop:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-desktop.is-tooltip-active::before,
    .is-tooltip-bottom-desktop:focus::before,
    .is-tooltip-bottom-desktop:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
    .is-tooltip-left-desktop::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-desktop.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-desktop:focus:not(.is-loading)::after,
    .is-tooltip-left-desktop:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-desktop.is-tooltip-active::before,
    .is-tooltip-left-desktop:focus::before,
    .is-tooltip-left-desktop:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
    .quickview {
        width: 35%;
        right: -35%
    }
    .quickview.is-left {
        left: -35%
    }
}

@media screen and (min-width:769px) print {
    .is-tooltip-top-tablet::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-tablet.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-tablet:focus:not(.is-loading)::after,
    .is-tooltip-top-tablet:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-tablet.is-tooltip-active::before,
    .is-tooltip-top-tablet:focus::before,
    .is-tooltip-top-tablet:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
}

@media screen and (min-width:769px) and (max-width:1087px) {
    .is-tooltip-top-tablet-only::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-tablet-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-tablet-only:focus:not(.is-loading)::after,
    .is-tooltip-top-tablet-only:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-tablet-only.is-tooltip-active::before,
    .is-tooltip-top-tablet-only:focus::before,
    .is-tooltip-top-tablet-only:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
    .is-tooltip-right-tablet-only::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-tablet-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-tablet-only:focus:not(.is-loading)::after,
    .is-tooltip-right-tablet-only:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-tablet-only.is-tooltip-active::before,
    .is-tooltip-right-tablet-only:focus::before,
    .is-tooltip-right-tablet-only:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
    .is-tooltip-bottom-tablet-only::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-tablet-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-tablet-only:focus:not(.is-loading)::after,
    .is-tooltip-bottom-tablet-only:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-tablet-only.is-tooltip-active::before,
    .is-tooltip-bottom-tablet-only:focus::before,
    .is-tooltip-bottom-tablet-only:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
    .is-tooltip-left-tablet-only::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-tablet-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-tablet-only:focus:not(.is-loading)::after,
    .is-tooltip-left-tablet-only:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-tablet-only.is-tooltip-active::before,
    .is-tooltip-left-tablet-only:focus::before,
    .is-tooltip-left-tablet-only:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
}

@media screen and (max-width:1087px) {
    .is-tooltip-top-touch::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-touch.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-touch:focus:not(.is-loading)::after,
    .is-tooltip-top-touch:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-touch.is-tooltip-active::before,
    .is-tooltip-top-touch:focus::before,
    .is-tooltip-top-touch:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
    .is-tooltip-right-touch::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-touch.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-touch:focus:not(.is-loading)::after,
    .is-tooltip-right-touch:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-touch.is-tooltip-active::before,
    .is-tooltip-right-touch:focus::before,
    .is-tooltip-right-touch:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
    .is-tooltip-bottom-touch::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-touch.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-touch:focus:not(.is-loading)::after,
    .is-tooltip-bottom-touch:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-touch.is-tooltip-active::before,
    .is-tooltip-bottom-touch:focus::before,
    .is-tooltip-bottom-touch:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
    .is-tooltip-left-touch::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-touch.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-touch:focus:not(.is-loading)::after,
    .is-tooltip-left-touch:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-touch.is-tooltip-active::before,
    .is-tooltip-left-touch:focus::before,
    .is-tooltip-left-touch:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
}

@media screen and (min-width:1088px) and (max-width:1279px) {
    .is-tooltip-top-desktop-only::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-desktop-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-desktop-only:focus:not(.is-loading)::after,
    .is-tooltip-top-desktop-only:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-desktop-only.is-tooltip-active::before,
    .is-tooltip-top-desktop-only:focus::before,
    .is-tooltip-top-desktop-only:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
    .is-tooltip-right-desktop-only::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-desktop-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-desktop-only:focus:not(.is-loading)::after,
    .is-tooltip-right-desktop-only:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-desktop-only.is-tooltip-active::before,
    .is-tooltip-right-desktop-only:focus::before,
    .is-tooltip-right-desktop-only:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
    .is-tooltip-bottom-desktop-only::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-desktop-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-desktop-only:focus:not(.is-loading)::after,
    .is-tooltip-bottom-desktop-only:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-desktop-only.is-tooltip-active::before,
    .is-tooltip-bottom-desktop-only:focus::before,
    .is-tooltip-bottom-desktop-only:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
    .is-tooltip-left-desktop-only::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-desktop-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-desktop-only:focus:not(.is-loading)::after,
    .is-tooltip-left-desktop-only:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-desktop-only.is-tooltip-active::before,
    .is-tooltip-left-desktop-only:focus::before,
    .is-tooltip-left-desktop-only:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
}

@media screen and (min-width:1280px) {
    .is-tooltip-top-widescreen::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-widescreen.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-widescreen:focus:not(.is-loading)::after,
    .is-tooltip-top-widescreen:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-widescreen.is-tooltip-active::before,
    .is-tooltip-top-widescreen:focus::before,
    .is-tooltip-top-widescreen:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
    .is-tooltip-right-widescreen::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-widescreen.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-widescreen:focus:not(.is-loading)::after,
    .is-tooltip-right-widescreen:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-widescreen.is-tooltip-active::before,
    .is-tooltip-right-widescreen:focus::before,
    .is-tooltip-right-widescreen:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
    .is-tooltip-bottom-widescreen::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-widescreen.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-widescreen:focus:not(.is-loading)::after,
    .is-tooltip-bottom-widescreen:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-widescreen.is-tooltip-active::before,
    .is-tooltip-bottom-widescreen:focus::before,
    .is-tooltip-bottom-widescreen:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
    .is-tooltip-left-widescreen::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-widescreen.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-widescreen:focus:not(.is-loading)::after,
    .is-tooltip-left-widescreen:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-widescreen.is-tooltip-active::before,
    .is-tooltip-left-widescreen:focus::before,
    .is-tooltip-left-widescreen:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
    .quickview {
        width: 30%;
        right: -30%
    }
    .quickview.is-left {
        left: -30%
    }
}

@media screen and (min-width:1280px) and (max-width:1471px) {
    .is-tooltip-top-widescreen-only::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-widescreen-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-widescreen-only:focus:not(.is-loading)::after,
    .is-tooltip-top-widescreen-only:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-widescreen-only.is-tooltip-active::before,
    .is-tooltip-top-widescreen-only:focus::before,
    .is-tooltip-top-widescreen-only:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
    .is-tooltip-right-widescreen-only::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-widescreen-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-widescreen-only:focus:not(.is-loading)::after,
    .is-tooltip-right-widescreen-only:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-widescreen-only.is-tooltip-active::before,
    .is-tooltip-right-widescreen-only:focus::before,
    .is-tooltip-right-widescreen-only:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
    .is-tooltip-bottom-widescreen-only::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-widescreen-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-widescreen-only:focus:not(.is-loading)::after,
    .is-tooltip-bottom-widescreen-only:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-widescreen-only.is-tooltip-active::before,
    .is-tooltip-bottom-widescreen-only:focus::before,
    .is-tooltip-bottom-widescreen-only:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
    .is-tooltip-left-widescreen-only::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-widescreen-only.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-widescreen-only:focus:not(.is-loading)::after,
    .is-tooltip-left-widescreen-only:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-widescreen-only.is-tooltip-active::before,
    .is-tooltip-left-widescreen-only:focus::before,
    .is-tooltip-left-widescreen-only:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
}

@media screen and (min-width:1472px) {
    .is-tooltip-top-fullhd::before {
        top: auto!important;
        bottom: 100%!important;
        left: 50%!important;
        right: auto!important
    }
    .is-tooltip-top-fullhd.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-top-fullhd:focus:not(.is-loading)::after,
    .is-tooltip-top-fullhd:hover:not(.is-loading)::after {
        top: 0!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: rgba(74, 74, 74, .9) transparent transparent transparent!important
    }
    .is-tooltip-top-fullhd.is-tooltip-active::before,
    .is-tooltip-top-fullhd:focus::before,
    .is-tooltip-top-fullhd:hover::before {
        -webkit-transform: translate(-50%, -.5rem)!important;
        transform: translate(-50%, -.5rem)!important
    }
    .is-tooltip-right-fullhd::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-fullhd.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-fullhd:focus:not(.is-loading)::after,
    .is-tooltip-right-fullhd:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-fullhd.is-tooltip-active::before,
    .is-tooltip-right-fullhd:focus::before,
    .is-tooltip-right-fullhd:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
    .is-tooltip-bottom-fullhd::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-fullhd.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-fullhd:focus:not(.is-loading)::after,
    .is-tooltip-bottom-fullhd:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-fullhd.is-tooltip-active::before,
    .is-tooltip-bottom-fullhd:focus::before,
    .is-tooltip-bottom-fullhd:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
    .is-tooltip-left-fullhd::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-fullhd.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-fullhd:focus:not(.is-loading)::after,
    .is-tooltip-left-fullhd:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-fullhd.is-tooltip-active::before,
    .is-tooltip-left-fullhd:focus::before,
    .is-tooltip-left-fullhd:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
    .quickview {
        width: 25%;
        right: -25%
    }
    .quickview.is-left {
        left: -25%
    }
}

@media screen and (min-width:769px),
print {
    .is-tooltip-right-tablet::before {
        top: auto!important;
        bottom: 50%!important;
        left: 100%!important;
        right: auto!important;
        -webkit-transform: translate(-1rem, 50%)!important;
        transform: translate(-1rem, 50%)!important
    }
    .is-tooltip-right-tablet.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-right-tablet:focus:not(.is-loading)::after,
    .is-tooltip-right-tablet:hover:not(.is-loading)::after {
        top: 50%!important;
        left: 100%!important;
        right: auto!important;
        border-color: transparent rgba(74, 74, 74, .9) transparent transparent!important
    }
    .is-tooltip-right-tablet.is-tooltip-active::before,
    .is-tooltip-right-tablet:focus::before,
    .is-tooltip-right-tablet:hover::before {
        -webkit-transform: translate(.5rem, 50%)!important;
        transform: translate(.5rem, 50%)!important
    }
}

@media screen and (min-width:769px),
print {
    .is-tooltip-bottom-tablet::before {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%, -1rem)!important;
        transform: translate(-50%, -1rem)!important
    }
    .is-tooltip-bottom-tablet.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-bottom-tablet:focus:not(.is-loading)::after,
    .is-tooltip-bottom-tablet:hover:not(.is-loading)::after {
        top: 100%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        border-color: transparent transparent rgba(74, 74, 74, .9) transparent!important
    }
    .is-tooltip-bottom-tablet.is-tooltip-active::before,
    .is-tooltip-bottom-tablet:focus::before,
    .is-tooltip-bottom-tablet:hover::before {
        -webkit-transform: translate(-50%, .5rem)!important;
        transform: translate(-50%, .5rem)!important
    }
}

@media screen and (min-width:769px),
print {
    .is-tooltip-left-tablet::before {
        top: auto!important;
        bottom: 50%!important;
        left: auto!important;
        right: 100%!important;
        -webkit-transform: translate(1rem, 50%)!important;
        transform: translate(1rem, 50%)!important
    }
    .is-tooltip-left-tablet.is-tooltip-active:not(.is-loading)::after,
    .is-tooltip-left-tablet:focus:not(.is-loading)::after,
    .is-tooltip-left-tablet:hover:not(.is-loading)::after {
        top: 50%!important;
        bottom: auto!important;
        left: auto!important;
        right: calc(100% - .5rem)!important;
        border-color: transparent transparent transparent rgba(74, 74, 74, .9)!important
    }
    .is-tooltip-left-tablet.is-tooltip-active::before,
    .is-tooltip-left-tablet:focus::before,
    .is-tooltip-left-tablet:hover::before {
        -webkit-transform: translate(-.5rem, 50%)!important;
        transform: translate(-.5rem, 50%)!important
    }
}

@media screen and (min-width:768px) {
    .versandartDivider {
        margin-top: 5.25rem
    }
    #main-menu .mega-menu .column-1-3 {
        float: left;
        width: 33.33%
    }
    #main-menu:before {
        display: none
    }
    .main-menu-btn {
        position: absolute;
        top: -99999px
    }
    #main-menu-state:not(:checked)~#main-menu {
        display: block
    }

}

@media screen and (max-width:1278px) {
    .navbar-brand .navbar-item,
    .navbar-tabs .navbar-item {
        align-items: center;
        display: flex
    }
}

@media screen and (min-width:1279px) {
    .navbar-burger {
        display: none
    }
}
@media screen and (min-width:769px),
print {
    .quickview {
        width: 50%;
        right: -50%
    }
}

@media screen and (min-width:769px),
print {
    .quickview.is-left {
        left: -50%
    }
}

@media screen and (min-width:1088px) and (max-width:1472px) {
    #cmd12660_4_Input_Input {
        display: none
    }
    #cmd12660_4_Input {
        display: none
    }
    #cmd12660_4 {
        display: none
    }
    .hideText {
        display: none
    }
    .inputHide {
        display: block
    }
}

#searchButtonMobile, #closeMobile {
    margin-left: auto;
}
.navbar-burger {
    height: 3.35rem;
    width: 2.5rem;
    margin-left: initial;
}
.notification.is-warning {
    background-color: #fffae6;
    color: rgba(0, 0, 0, .7)
}

.navbar-link:not(.is-arrowless)::after {
    border-color: #00305B;
    margin-top: .2rem;
    right: 1.125em
}

.navbar-link:focus, .navbar-link:focus-within {
    color: #4a4a4a;
}

.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #00305B;
    right: 1.125em;
    z-index: 4
}

.fastOrderButton {
    background-color: #777575!important
}

.notification.is-success {
    background-color: #d4f7e0;
    color: #3f7952
}

.button.is-primary[disabled] {
    background-color: #005AA8;
}

.input.is-active,
.input.is-focused,
.input:active,
.input:focus,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.textarea:focus {
    border-color: #00305B;
    box-shadow: 0 0 0 .025em #005E8C
}

.merkzettel_not_empty {
    color: #00305B
}

.quickview-body-wk {
    flex: 1 1 0%;
    overflow-y: auto
}

.quickview_wk {
    width: 387px
}

.quickview-open_wk {
    background-color: #00305b !important;
    position: fixed;
    right: 0;
    top: 89px;
    z-index: 29;
    border: none;
    border-radius: 3px 0 0 3px;
    color: white;
    padding: .66em .66em;
    cursor: pointer;
}
.quickview-open_wk svg path {
    fill: #fff !important;
}

.quickview {
    border-radius: 10px 0 0
}

.paddingless-left {
    padding-left: 0px!important
}

.paddingless-right {
    padding-right: 0px!important
}

.social-icon {
    color: #363636
}

ul.social-icons {
    margin-top: 10px
}

.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px
}

.social-icons a {
    color: #363636;
    text-decoration: none
}

.quarter-top {
    padding-top: 0.25em!important
}

.half-top {
    padding-top: 0.5em!important
}

.three-quarter-top {
    padding-top: 0.75em!important
}

.full-top {
    padding-top: 1em!important
}

.quarter-bottom {
    padding-bottom: 0.25em!important
}

.half-bottom {
    padding-bottom: 0.5em!important
}

.three-quarter-bottom {
    padding-bottom: 0.75em!important
}

.full-bottom {
    padding-bottom: 1em!important
}

/*  --- MARGIN / PADDING --- */
.no-margin { margin: 0 !important }
.mt0 { margin-top: 0 !important; }
.mt1 { margin-top: 1rem !important; }
.mt2 { margin-top: 2rem !important; }
.mt3 { margin-top: 3rem !important; }
.mt4 { margin-top: 4rem !important; }
.mt5 { margin-top: 5rem !important; }
.mt6 { margin-top: 6rem !important; }
.mt7 { margin-top: 7rem !important; }
.mt8 { margin-top: 8rem !important; }
.mt9 { margin-top: 9rem !important; }
.mt10 { margin-top: 10rem !important; }
.mr0 { margin-right: 0 !important; }
.mr025 { margin-right: 0.25rem !important; }
.mr1 { margin-right: 1rem !important; }
.mr2 { margin-right: 2rem !important; }
.mr3 { margin-right: 3rem !important; }
.mr4 { margin-right: 4rem !important; }
.mr5 { margin-right: 5rem !important; }
.mr6 { margin-right: 6rem !important; }
.mr7 { margin-right: 7rem !important; }
.mr8 { margin-right: 8rem !important; }
.mr9 { margin-right: 9rem !important; }
.mr10 { margin-right: 10rem !important; }
.mb0 { margin-bottom: 0 !important; }
.mb1 { margin-bottom: 1rem !important; }
.mb2 { margin-bottom: 2rem !important; }
.mb3 { margin-bottom: 3rem !important; }
.mb4 { margin-bottom: 4rem !important; }
.mb5 { margin-bottom: 5rem !important; }
.mb6 { margin-bottom: 6rem !important; }
.mb7 { margin-bottom: 7rem !important; }
.mb8 { margin-bottom: 8rem !important; }
.mb9 { margin-bottom: 9rem !important; }
.mb10 { margin-bottom: 10rem !important; }
.ml0 { margin-left: 0 !important; }
.ml1 { margin-left: 1rem !important; }
.ml2 { margin-left: 2rem !important; }
.ml3 { margin-left: 3rem !important; }
.ml4 { margin-left: 4rem !important; }
.ml5 { margin-left: 5rem !important; }
.ml6 { margin-left: 6rem !important; }
.ml7 { margin-left: 7rem !important; }
.ml8 { margin-left: 8rem !important; }
.ml9 { margin-left: 9rem !important; }
.ml10 { margin-left: 10rem !important; }
.no-padding { padding: 0 !important }
.pt0 { padding-top: 0 !important; }
.pt1 { padding-top: 1rem !important; }
.pt2 { padding-top: 2rem !important; }
.pt3 { padding-top: 3rem !important; }
.pt4 { padding-top: 4rem !important; }
.pt5 { padding-top: 5rem !important; }
.pt6 { padding-top: 6rem !important; }
.pt7 { padding-top: 7rem !important; }
.pt8 { padding-top: 8rem !important; }
.pt9 { padding-top: 9rem !important; }
.pt10 { padding-top: 10rem !important; }
.pr0 { padding-right: 0 !important; }
.pr075 { padding-right: .75rem !important; }
.pr1 { padding-right: 1rem !important; }
.pr2 { padding-right: 2rem !important; }
.pr3 { padding-right: 3rem !important; }
.pr4 { padding-right: 4rem !important; }
.pr5 { padding-right: 5rem !important; }
.pr6 { padding-right: 6rem !important; }
.pr7 { padding-right: 7rem !important; }
.pr8 { padding-right: 8rem !important; }
.pr9 { padding-right: 9rem !important; }
.pr10 { padding-right: 10rem !important; }
.pb0 { padding-bottom: 0 !important; }
.pb1 { padding-bottom: 1rem !important; }
.pb2 { padding-bottom: 2rem !important; }
.pb3 { padding-bottom: 3rem !important; }
.pb4 { padding-bottom: 4rem !important; }
.pb5 { padding-bottom: 5rem !important; }
.pb6 { padding-bottom: 6rem !important; }
.pb7 { padding-bottom: 7rem !important; }
.pb8 { padding-bottom: 8rem !important; }
.pb9 { padding-bottom: 9rem !important; }
.pb10 { padding-bottom: 10rem !important; }
.pl0 { padding-left: 0 !important; }
.pl075 { padding-left: .75rem !important; }
.pl1 { padding-left: 1rem !important; }
.pl2 { padding-left: 2rem !important; }
.pl3 { padding-left: 3rem !important; }
.pl4 { padding-left: 4rem !important; }
.pl5 { padding-left: 5rem !important; }
.pl6 { padding-left: 6rem !important; }
.pl7 { padding-left: 7rem !important; }
.pl8 { padding-left: 8rem !important; }
.pl9 { padding-left: 9rem !important; }
.pl10 { padding-left: 10rem !important; }
@media screen and (min-width: 1025px) {
  .no-margin-desktop { margin: 0 !important }
  .mt0-desktop { margin-top: 0 !important; }
  .mt1-desktop { margin-top: 1rem !important; }
  .mt2-desktop { margin-top: 2rem !important; }
  .mt3-desktop { margin-top: 3rem !important; }
  .mt4-desktop { margin-top: 4rem !important; }
  .mt5-desktop { margin-top: 5rem !important; }
  .mt6-desktop { margin-top: 6rem !important; }
  .mt7-desktop { margin-top: 7rem !important; }
  .mt8-desktop { margin-top: 8rem !important; }
  .mt9-desktop { margin-top: 9rem !important; }
  .mt10-desktop { margin-top: 10rem !important; }
  .mr0-desktop { margin-right: 0 !important; }
  .mr1-desktop { margin-right: 1rem !important; }
  .mr2-desktop { margin-right: 2rem !important; }
  .mr3-desktop { margin-right: 3rem !important; }
  .mr4-desktop { margin-right: 4rem !important; }
  .mr5-desktop { margin-right: 5rem !important; }
  .mr6-desktop { margin-right: 6rem !important; }
  .mr7-desktop { margin-right: 7rem !important; }
  .mr8-desktop { margin-right: 8rem !important; }
  .mr9-desktop { margin-right: 9rem !important; }
  .mr10-desktop { margin-right: 10rem !important; }
  .mb0-desktop { margin-bottom: 0 !important; }
  .mb1-desktop { margin-bottom: 1rem !important; }
  .mb2-desktop { margin-bottom: 2rem !important; }
  .mb3-desktop { margin-bottom: 3rem !important; }
  .mb4-desktop { margin-bottom: 4rem !important; }
  .mb5-desktop { margin-bottom: 5rem !important; }
  .mb6-desktop { margin-bottom: 6rem !important; }
  .mb7-desktop { margin-bottom: 7rem !important; }
  .mb8-desktop { margin-bottom: 8rem !important; }
  .mb9-desktop { margin-bottom: 9rem !important; }
  .mb10-desktop { margin-bottom: 10rem !important; }
  .ml0-desktop { margin-left: 0 !important; }
  .ml1-desktop { margin-left: 1rem !important; }
  .ml2-desktop { margin-left: 2rem !important; }
  .ml3-desktop { margin-left: 3rem !important; }
  .ml4-desktop { margin-left: 4rem !important; }
  .ml5-desktop { margin-left: 5rem !important; }
  .ml6-desktop { margin-left: 6rem !important; }
  .ml7-desktop { margin-left: 7rem !important; }
  .ml8-desktop { margin-left: 8rem !important; }
  .ml9-desktop { margin-left: 9rem !important; }
  .ml10-desktop { margin-left: 10rem !important; }
  .no-padding-desktop { padding: 0 !important }
  .pt0-desktop { padding-top: 0 !important; }
  .pt1-desktop { padding-top: 1rem !important; }
  .pt2-desktop { padding-top: 2rem !important; }
  .pt3-desktop { padding-top: 3rem !important; }
  .pt4-desktop { padding-top: 4rem !important; }
  .pt5-desktop { padding-top: 5rem !important; }
  .pt6-desktop { padding-top: 6rem !important; }
  .pt7-desktop { padding-top: 7rem !important; }
  .pt8-desktop { padding-top: 8rem !important; }
  .pt9-desktop { padding-top: 9rem !important; }
  .pt10-desktop { padding-top: 10rem !important; }
  .pr0-desktop { padding-right: 0 !important; }
  .pr1-desktop { padding-right: 1rem !important; }
  .pr2-desktop { padding-right: 2rem !important; }
  .pr3-desktop { padding-right: 3rem !important; }
  .pr4-desktop { padding-right: 4rem !important; }
  .pr5-desktop { padding-right: 5rem !important; }
  .pr6-desktop { padding-right: 6rem !important; }
  .pr7-desktop { padding-right: 7rem !important; }
  .pr8-desktop { padding-right: 8rem !important; }
  .pr9-desktop { padding-right: 9rem !important; }
  .pr10-desktop { padding-right: 10rem !important; }
  .pb0-desktop { padding-bottom: 0 !important; }
  .pb1-desktop { padding-bottom: 1rem !important; }
  .pb2-desktop { padding-bottom: 2rem !important; }
  .pb3-desktop { padding-bottom: 3rem !important; }
  .pb4-desktop { padding-bottom: 4rem !important; }
  .pb5-desktop { padding-bottom: 5rem !important; }
  .pb6-desktop { padding-bottom: 6rem !important; }
  .pb7-desktop { padding-bottom: 7rem !important; }
  .pb8-desktop { padding-bottom: 8rem !important; }
  .pb9-desktop { padding-bottom: 9rem !important; }
  .pb10-desktop { padding-bottom: 10rem !important; }
  .pl0-desktop { padding-left: 0 !important; }
  .pl1-desktop { padding-left: 1rem !important; }
  .pl2-desktop { padding-left: 2rem !important; }
  .pl3-desktop { padding-left: 3rem !important; }
  .pl4-desktop { padding-left: 4rem !important; }
  .pl5-desktop { padding-left: 5rem !important; }
  .pl6-desktop { padding-left: 6rem !important; }
  .pl7-desktop { padding-left: 7rem !important; }
  .pl8-desktop { padding-left: 8rem !important; }
  .pl9-desktop { padding-left: 9rem !important; }
  .pl10-desktop { padding-left: 10rem !important; }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .no-margin-tablet { margin: 0 !important }
  .mt0-tablet { margin-top: 0 !important; }
  .mt1-tablet { margin-top: 1rem !important; }
  .mt2-tablet { margin-top: 2rem !important; }
  .mt3-tablet { margin-top: 3rem !important; }
  .mt4-tablet { margin-top: 4rem !important; }
  .mt5-tablet { margin-top: 5rem !important; }
  .mt6-tablet { margin-top: 6rem !important; }
  .mt7-tablet { margin-top: 7rem !important; }
  .mt8-tablet { margin-top: 8rem !important; }
  .mt9-tablet { margin-top: 9rem !important; }
  .mt10-tablet { margin-top: 10rem !important; }
  .mr0-tablet { margin-right: 0 !important; }
  .mr1-tablet { margin-right: 1rem !important; }
  .mr2-tablet { margin-right: 2rem !important; }
  .mr3-tablet { margin-right: 3rem !important; }
  .mr4-tablet { margin-right: 4rem !important; }
  .mr5-tablet { margin-right: 5rem !important; }
  .mr6-tablet { margin-right: 6rem !important; }
  .mr7-tablet { margin-right: 7rem !important; }
  .mr8-tablet { margin-right: 8rem !important; }
  .mr9-tablet { margin-right: 9rem !important; }
  .mr10-tablet { margin-right: 10rem !important; }
  .mb0-tablet { margin-bottom: 0 !important; }
  .mb1-tablet { margin-bottom: 1rem !important; }
  .mb2-tablet { margin-bottom: 2rem !important; }
  .mb3-tablet { margin-bottom: 3rem !important; }
  .mb4-tablet { margin-bottom: 4rem !important; }
  .mb5-tablet { margin-bottom: 5rem !important; }
  .mb6-tablet { margin-bottom: 6rem !important; }
  .mb7-tablet { margin-bottom: 7rem !important; }
  .mb8-tablet { margin-bottom: 8rem !important; }
  .mb9-tablet { margin-bottom: 9rem !important; }
  .mb10-tablet { margin-bottom: 10rem !important; }
  .ml0-tablet { margin-left: 0 !important; }
  .ml1-tablet { margin-left: 1rem !important; }
  .ml2-tablet { margin-left: 2rem !important; }
  .ml3-tablet { margin-left: 3rem !important; }
  .ml4-tablet { margin-left: 4rem !important; }
  .ml5-tablet { margin-left: 5rem !important; }
  .ml6-tablet { margin-left: 6rem !important; }
  .ml7-tablet { margin-left: 7rem !important; }
  .ml8-tablet { margin-left: 8rem !important; }
  .ml9-tablet { margin-left: 9rem !important; }
  .ml10-tablet { margin-left: 10rem !important; }
  .no-padding-tablet { padding: 0 !important }
  .pt0-tablet { padding-top: 0 !important; }
  .pt1-tablet { padding-top: 1rem !important; }
  .pt2-tablet { padding-top: 2rem !important; }
  .pt3-tablet { padding-top: 3rem !important; }
  .pt4-tablet { padding-top: 4rem !important; }
  .pt5-tablet { padding-top: 5rem !important; }
  .pt6-tablet { padding-top: 6rem !important; }
  .pt7-tablet { padding-top: 7rem !important; }
  .pt8-tablet { padding-top: 8rem !important; }
  .pt9-tablet { padding-top: 9rem !important; }
  .pt10-tablet { padding-top: 10rem !important; }
  .pr0-tablet { padding-right: 0 !important; }
  .pr1-tablet { padding-right: 1rem !important; }
  .pl15-tablet { padding-left: 1.5rem !important; }
  .pr2-tablet { padding-right: 2rem !important; }
  .pr3-tablet { padding-right: 3rem !important; }
  .pr4-tablet { padding-right: 4rem !important; }
  .pr5-tablet { padding-right: 5rem !important; }
  .pr6-tablet { padding-right: 6rem !important; }
  .pr7-tablet { padding-right: 7rem !important; }
  .pr8-tablet { padding-right: 8rem !important; }
  .pr9-tablet { padding-right: 9rem !important; }
  .pr10-tablet { padding-right: 10rem !important; }
  .pb0-tablet { padding-bottom: 0 !important; }
  .pb1-tablet { padding-bottom: 1rem !important; }
  .pb2-tablet { padding-bottom: 2rem !important; }
  .pb3-tablet { padding-bottom: 3rem !important; }
  .pb4-tablet { padding-bottom: 4rem !important; }
  .pb5-tablet { padding-bottom: 5rem !important; }
  .pb6-tablet { padding-bottom: 6rem !important; }
  .pb7-tablet { padding-bottom: 7rem !important; }
  .pb8-tablet { padding-bottom: 8rem !important; }
  .pb9-tablet { padding-bottom: 9rem !important; }
  .pb10-tablet { padding-bottom: 10rem !important; }
  .pl0-tablet { padding-left: 0 !important; }
  .pl1-tablet { padding-left: 1rem !important; }
  .pl15-tablet { padding-left: 1.5rem !important; }
  .pl2-tablet { padding-left: 2rem !important; }
  .pl3-tablet { padding-left: 3rem !important; }
  .pl4-tablet { padding-left: 4rem !important; }
  .pl5-tablet { padding-left: 5rem !important; }
  .pl6-tablet { padding-left: 6rem !important; }
  .pl7-tablet { padding-left: 7rem !important; }
  .pl8-tablet { padding-left: 8rem !important; }
  .pl9-tablet { padding-left: 9rem !important; }
  .pl10-tablet { padding-left: 10rem !important; }
}
@media screen and (max-width: 768px) {
  .no-margin-mobile { margin: 0 !important }
  .mt0-mobile { margin-top: 0 !important; }
  .mt1-mobile { margin-top: 1rem !important; }
  .mt2-mobile { margin-top: 2rem !important; }
  .mt3-mobile { margin-top: 3rem !important; }
  .mt4-mobile { margin-top: 4rem !important; }
  .mt5-mobile { margin-top: 5rem !important; }
  .mt6-mobile { margin-top: 6rem !important; }
  .mt7-mobile { margin-top: 7rem !important; }
  .mt8-mobile { margin-top: 8rem !important; }
  .mt9-mobile { margin-top: 9rem !important; }
  .mt10-mobile { margin-top: 10rem !important; }
  .mr0-mobile { margin-right: 0 !important; }
  .mr1-mobile { margin-right: 1rem !important; }
  .mr2-mobile { margin-right: 2rem !important; }
  .mr3-mobile { margin-right: 3rem !important; }
  .mr4-mobile { margin-right: 4rem !important; }
  .mr5-mobile { margin-right: 5rem !important; }
  .mr6-mobile { margin-right: 6rem !important; }
  .mr7-mobile { margin-right: 7rem !important; }
  .mr8-mobile { margin-right: 8rem !important; }
  .mr9-mobile { margin-right: 9rem !important; }
  .mr10-mobile { margin-right: 10rem !important; }
  .mb0-mobile { margin-bottom: 0 !important; }
  .mb1-mobile { margin-bottom: 1rem !important; }
  .mb2-mobile { margin-bottom: 2rem !important; }
  .mb3-mobile { margin-bottom: 3rem !important; }
  .mb4-mobile { margin-bottom: 4rem !important; }
  .mb5-mobile { margin-bottom: 5rem !important; }
  .mb6-mobile { margin-bottom: 6rem !important; }
  .mb7-mobile { margin-bottom: 7rem !important; }
  .mb8-mobile { margin-bottom: 8rem !important; }
  .mb9-mobile { margin-bottom: 9rem !important; }
  .mb10-mobile { margin-bottom: 10rem !important; }
  .ml0-mobile { margin-left: 0 !important; }
  .ml1-mobile { margin-left: 1rem !important; }
  .ml2-mobile { margin-left: 2rem !important; }
  .ml3-mobile { margin-left: 3rem !important; }
  .ml4-mobile { margin-left: 4rem !important; }
  .ml5-mobile { margin-left: 5rem !important; }
  .ml6-mobile { margin-left: 6rem !important; }
  .ml7-mobile { margin-left: 7rem !important; }
  .ml8-mobile { margin-left: 8rem !important; }
  .ml9-mobile { margin-left: 9rem !important; }
  .ml10-mobile { margin-left: 10rem !important; }
  .no-padding-mobile { padding: 0 !important }
  .pt0-mobile { padding-top: 0 !important; }
  .pt1-mobile { padding-top: 1rem !important; }
  .pt2-mobile { padding-top: 2rem !important; }
  .pt3-mobile { padding-top: 3rem !important; }
  .pt4-mobile { padding-top: 4rem !important; }
  .pt5-mobile { padding-top: 5rem !important; }
  .pt6-mobile { padding-top: 6rem !important; }
  .pt7-mobile { padding-top: 7rem !important; }
  .pt8-mobile { padding-top: 8rem !important; }
  .pt9-mobile { padding-top: 9rem !important; }
  .pt10-mobile { padding-top: 10rem !important; }
  .pr0-mobile { padding-right: 0 !important; }
  .pr1-mobile { padding-right: 1rem !important; }
  .pr15-mobile { padding-right: 1.5rem !important; }
  .pr2-mobile { padding-right: 2rem !important; }
  .pr3-mobile { padding-right: 3rem !important; }
  .pr4-mobile { padding-right: 4rem !important; }
  .pr5-mobile { padding-right: 5rem !important; }
  .pr6-mobile { padding-right: 6rem !important; }
  .pr7-mobile { padding-right: 7rem !important; }
  .pr8-mobile { padding-right: 8rem !important; }
  .pr9-mobile { padding-right: 9rem !important; }
  .pr10-mobile { padding-right: 10rem !important; }
  .pb0-mobile { padding-bottom: 0 !important; }
  .pb1-mobile { padding-bottom: 1rem !important; }
  .pb2-mobile { padding-bottom: 2rem !important; }
  .pb3-mobile { padding-bottom: 3rem !important; }
  .pb4-mobile { padding-bottom: 4rem !important; }
  .pb5-mobile { padding-bottom: 5rem !important; }
  .pb6-mobile { padding-bottom: 6rem !important; }
  .pb7-mobile { padding-bottom: 7rem !important; }
  .pb8-mobile { padding-bottom: 8rem !important; }
  .pb9-mobile { padding-bottom: 9rem !important; }
  .pb10-mobile { padding-bottom: 10rem !important; }
  .pl0-mobile { padding-left: 0 !important; }
  .pl1-mobile { padding-left: 1rem !important; }
  .pl15-mobile { padding-left: 1.5rem !important; }
  .pl2-mobile { padding-left: 2rem !important; }
  .pl3-mobile { padding-left: 3rem !important; }
  .pl4-mobile { padding-left: 4rem !important; }
  .pl5-mobile { padding-left: 5rem !important; }
  .pl6-mobile { padding-left: 6rem !important; }
  .pl7-mobile { padding-left: 7rem !important; }
  .pl8-mobile { padding-left: 8rem !important; }
  .pl9-mobile { padding-left: 9rem !important; }
  .pl10-mobile { padding-left: 10rem !important; }
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 98;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #e60000;
    color: white;
    cursor: pointer;
    padding: 14px 15px;
    border-radius: 200px
}

#myBtn:hover {
    background-color: #f20000;
}

#myBtn svg fill {
    fill: #00305B;
}

#shopArtCatImg {
    border-radius: 5px
}

.navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop{
z-index:750!important;
}

.filter-border-active {
border: 1px solid white;
border-radius: 5px;
}

.filter-border {
border-radius: 5px;
}

.listViewImgHeight{
    height: 100px;
    width: auto;
}

.topbar {
padding: 0.1em;
    background-color: #f1f1f1;

}

.btnmm{
    margin-top: 5px;
    margin-right: 5px;
}

.makeorange {
    color: #ee0073;
}

.sliderTextContent {
    position: absolute;
    top: 70%;
    left: 10%;
}

.button.is-primary.sliderLink a{
    color: #fff !important;
}

.width100 {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.abstand_nav {
    padding-left: 1em;
}

.vertical-middle {
    vertical-align: middle;
}

.trans-drop {
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:600ms;
    -moz-transition:600ms;
    -o-transition:600ms;
    transition:600ms;
}
.navbar-start .navbar-menu > .has-dropdown:hover .trans-drop {
    max-height:1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0)!important;
}
.navbar-item.is-hoverable #blogDropdown.navbar-dropdown, .navbar-item.is-hoverable #blogDropdown_MK.navbar-dropdown {
    visibility: hidden;
    opacity: 0;
    display: block;
    transition: visibility .3s ease, opacity .3s ease,margin .3s ease;
}
.navbar-item.is-hoverable:hover #blogDropdown.navbar-dropdown, .navbar-item.is-hoverable:hover #blogDropdown_MK.navbar-dropdown {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    transition: visibility .3s ease, opacity .3s ease,margin .3s ease;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("https://www.seiwert.gmbh/showcase/CustomUpload/374O357O340O370O356O369O350O370O359O366O374O354O352O370O356O/WebPortal/make-pro/img/MAKE_logo_1.png");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("https://www.seiwert.gmbh/showcase/CustomUpload/374O357O340O370O356O369O350O370O359O366O374O354O352O370O356O/WebPortal/make-pro/img/MAKE_logo_1.png")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */

    z-index: 99;
    /* makes sure it stays on top */
}
@media screen and (max-width: 768px){
    #status {
        left: 42%!important;
    }
}
#status {
    width: 300px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */

    top: 50%;
    /* centers the loading animation ertically one the screen */

    background-image: url(https://www.seiwert.gmbh/showcase/CustomUpload/374O357O340O370O356O369O350O370O359O366O374O354O352O370O356O/WebPortal/make-pro/img/MAKE_logo.png);
    /* path to your loading animation */

-webkit-animation-name: pulse; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
  animation-name: pulse;
  animation-duration: 5s;
  animation-iteration-count: 3;

    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes pulse {
   0%   {opacity:1;}
  25%  {opacity:0; }
  50%  {opacity:1; }
  75%  {opacity:0; }
  100% {opacity:1; }
}

/* Standard syntax */
@keyframes pulse {
  0%   {opacity:1;}
  25%  {opacity:0; }
  50%  {opacity:1; }
  75%  {opacity:0; }
  100% {opacity:1; }
}

.orangeFilterBorder {
    border: 2px solid #ee0073;
}

.colorFilterBorder:hover {
    border: 2px solid #ee0073;
}
.icon-filter{
height: 1rem!important;
}

.inner-white {
    box-shadow: none!important;
    display: block;
    padding: 1.25rem;
    width: 100%;
}
.no-flex{
flex:none;
}

.pr0{
padding-right:0px!important;
}

.pl0{
padding-left:0px!important;
}

.dropdownWkLink {
    padding: 1rem;
    color: #fff;
    border-radius: 0 0 5px 5px;
    background-color: #00305B;
    text-align: center;
    transition: background 0.2s ease;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdownWkLink:hover {
   background-color: #00305B;
}

.dropdownWkLink svg path {
    fill: #fff;
}

.navbar-dropdown {
    padding-bottom: 0!important;
}

.dropdownWkHr {
    margin: .5rem 0 0 0!important;
}

/* --- Zoom-Classes ---*/

.image-zoom-available{
  cursor: zoom-in;
}
.image-zoom-available.is-active{
  cursor: none;
}

.favListArtList {
    position: absolute;
    right: 0;
}

#divAmzAddress iframe {
height:100%!important;
}

#divAmzWallet iframe {
height:100%!important;
}

$duration: 30s;

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
		.ticker-wrap {
			top: 0;
			width: 100%;
			overflow: hidden;
			height: 2.1rem;
			background-color: #fa9200;
			padding-left: 100%;
			box-sizing: content-box;
		}
		.ticker-wrap .ticker {
			display: inline-block;
			height: 2.1rem;
			line-height: 2.1rem;
			white-space: nowrap;
			padding-right: 100%;
			box-sizing: content-box;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-timin-function: linear;
			animation-timing-function: linear;
			-webkit-animation-name: ticker;
			animation-name: ticker;
			-webkit-animation-duration: 30s;
			animation-duration: 30s;
		}
		.ticker-wrap .ticker__item{
			display: inline-block;
			padding: 0 2rem;
			font-size: 1rem;
			color: white;
		}

.pr05 {
padding-right:0.5rem;
}

.filter-trenner{
padding:5px;
}

.hidden{
display:none!important;
}

.displayBlock {
    display: block;
}

.has-text-underline{
    text-decoration: underline;
}

.lastButton {
    border-radius: 0 290486px 290486px 0!important;
}

.wk-image{
max-height:190px;
}

.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus {
    border-color: #00305B;
}
.fancybox-overlay {
    z-index: 99999 !important;
}

/*  --- NEW MENU ---  */
.new-navbar-dropdown {
    padding: 2rem !important;
    background: #ffffff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    visibility: hidden;
    opacity: 0;
    display: block;
    transition: visibility 0.3s ease, opacity 0.3s ease;
}
.navbar-item:hover .new-navbar-dropdown {
    visibility: visible;
    opacity: 1;
}
.new-navbar-dropdown .container.is-fluid {
    width: auto;
    padding: 0;
    margin: 0;
}
.new-navbar-dropdown .navbar-item {
    display: block;
    padding: 2rem;
    border: 1px solid #00305B;
    -webkit-transition: background 0.3s ease, border 0.3s ease;
    -moz-transition: background 0.3s ease, border 0.3s ease;
    -ms-transition: background 0.3s ease, border 0.3s ease;
    -o-transition: background 0.3s ease, border 0.3s ease;
    transition: background 0.3s ease, border 0.3s ease;
}
.new-navbar-dropdown .navbar-item img {
    width: 100%;
    max-width: 61px;
    max-height: 52px;
    display: block;
    margin: 0 auto 1rem auto;
    filter: hue-rotate(-165deg) saturate(70%);
}
.new-navbar-dropdown .column:nth-of-type(1) .navbar-item img {
    max-width: 50px;
    margin-bottom: 1.15rem;
}
.new-navbar-dropdown .column:nth-of-type(7) .navbar-item img {
    max-width: 72px;
    max-height: 72px;
    margin: -0.5rem auto 0.15rem auto;
}
.new-navbar-dropdown .navbar-item:hover img, .new-navbar-dropdown .navbar-item.navbar-item-hovered img {
    filter: hue-rotate(0deg);
}
.new-navbar-dropdown .navbar-item span {
    display: inline;
    position: relative;
    float: none;
    clear: both;
    width: 100%;
    padding: 0;
    margin-top: 1rem;
    font-family: 'Quadon-Bold', Helvetica, sans-serif;
    text-align: center;
    color: #00305b;
    font-weight: 400;
    text-transform: uppercase;
}
.new-navbar-dropdown .navbar-item span::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #e60000;
    transition: width 0.3s ease;
}
.new-navbar-dropdown .navbar-item:hover span::after, .new-navbar-dropdown .navbar-item.navbar-item-hovered span::after {
    width: 100%;
}
.new-navbar-dropdown .navbar-item.navbar-item:focus, .new-navbar-dropdown .navbar-item.navbar-item:hover, .new-navbar-dropdown .navbar-item.navbar-item-hovered {
    background: #ffffff;
    border: 1px solid #e60000;
}

@media screen and (min-width: 1024px)
.navbar-dropdown a.navbar-item {
    padding-right: 0 !important;
}

.intro {
    display: block;
    object-fit: cover;
    min-height: 125px;
    max-height: 350px;
}
@media screen and (max-width: 768px) {
    .section {
        padding: 2rem 1.5rem;
    }
}

.darkblue-bg {
background-color: #f4faff;
    padding: 2rem;
}

.lh13{
line-height: 1.3;
}

.error-site {
    font-size: 15vw;
    color: #e60000;
    line-height: 1.2 !important;
}

button:focus {
    outline: none !important;
}
@media screen and (max-width: 1088px) {
    #wkNaviIcon_1  #anzeige_menge_artikel .badge {
        font-size: .75rem!important;
        line-height: 1.25!important;
        padding-top: 1px;
        top: 1.75rem;
        right: 1rem;
    }
}
@media screen and (max-width: 1024px) {
    #QuickviewOpen #anzeige_menge_artikel .badge {
        font-size: .75rem!important;
        line-height: 1.25!important;
        padding-top: 1px;
        top: 22px;
        right: 5px;
    }
}
#div98323_2 .shopping-text {
    margin-top: 0.5rem;
}
#form98034_2 .shopping-text .icon{
margin-top:0!important;
}

#form98034_2 .transparent-bg{
font-size:1.25rem!important;
}

.icon{
    vertical-align:middle;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00305b75;
    opacity: 1;
    z-index: 1112;
    backdrop-filter: blur(5px);
}
@media screen and (max-width: 1024px) {
    .mobile-menu-accordion .wepp-shop-categories li {
        border-color:  !important;
    }
    .mobile-menu-accordion .wepp-shop-categories li:first-of-type {
        border-top: none !important;
    }
    .mobile-menu-accordion .jquery-accordion-menu ul li a {
        padding: 12px 15px !important;
        font-size: 1rem !important;
        color: #00305B !important;
        position: relative;
    }
    .mobile-menu-accordion .wepp-shop-categories li::after {
        top: 5.5px;
    }
    .mobile-menu-accordion .jquery-accordion-menu ul li a p {
        position: relative;
        display: inline;
    }
    .mobile-menu-accordion .jquery-accordion-menu ul li a p::after {
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: #e60000;
        transition: width 0.3s ease;
    }
    .mobile-menu-accordion .jquery-accordion-menu ul li a:hover p::after {
        width: 100%;
    }
    #div14886_3 {
        border-bottom: none;
    }
}

.banner-text.registered-price button span {
    color:white;
    text-transform: uppercase;
}

.banner-text.registered-price button .icon, .banner-text.registered-price button .icon svg, .banner-text.registered-price button .icon svg path {
    
    font-size: 1rem;
}
.red-chevron .icon, .red-chevron .icon svg, .red-chevron .icon svg path {
    color:#e60000 !important;
}

.banner-text.registered-price div {
color:white;
}
.banner-text.registered-price div.subtitle {
  width: 90%;
}
.navbar-item svg .fa-primary, .navbar-item svg .fa-secondary  {
    fill: #005E8C !important;
}
.navbar-item .white-cl svg .fa-primary, .navbar-item .white-cl svg .fa-secondary {
    fill: #fff !important;
}

#MPCont_Main_Box *, #scEntranceText *, .flowtext * {
    line-height: 1.3;
}
#crMainText *, #ppMainText_1 *, #ppMainText_2 *, #ppMainText_3 *, #pMainText_4 *, #ppMainText_5 *, #ppMainText_6 * {
    color: #00305B !important;
}
#crMainText a, #ppMainText_1 a, #ppMainText_2 a, #ppMainText_3 a, #pMainText_4 a, #ppMainText_5 a, #ppMainText_6 a {
    color: #00305B !important;
    text-decoration: underline;
    transition: color 0.3s ease;
}
#crMainText a:hover, #ppMainText_1 a:hover, #ppMainText_2 a:hover, #ppMainText_3 a:hover, #ppMainText_4 a:hover, #ppMainText_5 a:hover, #ppMainText_6 a:hover {
    color: #e60000 !important;
}

/* Common style */
.columns .column figure {
position: relative;
    float: left;
    overflow: hidden;
    margin: 0px;
    min-width: 100%;
    /* max-width: 480px; */
    /* max-height: 360px; */
    /* width: 48%; */
    /* height: auto; */
    background: #111320;
    text-align: center;
    cursor: pointer;
}

.columns .column figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.2;
}

.columns .column figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.columns .column figure figcaption::before,
.columns .column figure figcaption::after {
	pointer-events: none;
}
.content figure figcaption {
    font-style: normal!important;
}
.columns .column figure figcaption,
.columns .column figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.columns .column figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.columns .column figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.columns .column figure h2 {
	font-weight: 800;
}

.columns .column figure h2,
.columns .column figure p {
	margin: 0;
}

.columns .column figure p {
	letter-spacing: 1px;

}

/* Infigureidual effects */

/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: orange;
        max-height: 279px;
}

figure.effect-goliath img,
figure.effect-goliath h2.artclGroupText{
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
color: #ffffff!important;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2.artclGroupText,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 30%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover h2.artclGroupText{
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
.columns .column figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

.boxhover:hover{
box-shadow: 0 5px 7px rgba(0, 0, 0, .18)!important;
}

.navbg {
    padding: 1em;
    background: #fff;
    color: #fff;
    justify-content: flex-start;
    margin-right: auto;
     font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    .is-not-pulled-mobile {
        float: none !important;
    }
    #paginationGridCont .button, #paginationGridCont_1 .button, #paginationGridCont_2 .button, #paginationGridCont_3 .button, #paginationGridCont_4 .button, #paginationGridCont_5 .button {
        padding-right: .6rem !important;
        padding-left: .6rem !important;
    }
}
#vzCurrentSaContent_1 span, #vzCurrentSaContent span {
    line-height: 1.5;
}

.input, .button, .box, .notification, .select select, .textarea { border-radius: 0px !important; }
.button span { font-family: 'Quadon-Bold', Helvetica, sans-serif !important; text-transform: uppercase; }
.white-cl .label { color: #fff; }
.main-bg svg path { fill: #fff; }
.is-size-7 a { font-size: .75rem!important; color: #00305B; }

.quadon-font { font-family: 'Quadon-Bold', Helvetica, sans-serif !important; }
.quadon-font * { font-family: 'Quadon-Bold', Helvetica, sans-serif !important; }
.din-font { font-family: 'FFDINWebProRegular', sans-serif !important; }
.din-font-bold { font-family: 'FFDINWebProBold', sans-serif !important; }
.font-size-12, .font-size-12 * { font-size: 1.2rem !important; }
.blue-cl { color: #00305B !important; }

#MPCont_Main_Section { min-height: calc(100vh - 424px); }
@media screen and (max-width: 768px) {
    #MPCont_Main_Section { min-height: 100vh; }
}