/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media print {
    *, *:before, *:after, *:first-letter, *:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.feuerrot, .feuerrot:before {
    background: #f31902 !important
}

.rubin, .rubin:before {
    background: #c10916 !important
}

.gold-orange, .gold-orange:before {
    background: #f60 !important
}

.anthrazit-neu, .anthrazit-neu:before {
    background: #4f4f4f !important
}

.blau, .blau:before {
    background: #addcf5 !important
}

.mint, .mint:before {
    background: #83e4d5 !important
}

.apfelgruen, .apfelgruen:before {
    background: #bde861 !important
}

.gelb, .gelb:before {
    background: #feec73 !important
}

.bordeaux, .bordeaux:before {
    background: #720234 !important
}

.orange-profi, .orange-profi:before {
    background: #f88912 !important
}

.rot, .rot:before {
    background: #b62115 !important
}

.marineblau, .marineblau:before {
    background: #172e68 !important
}

.braun, .braun:before {
    background: #4b2c18 !important
}

.smaragdgruen-dunkel, .smaragdgruen-dunkel:before {
    background: #154c32 !important
}

.sonnengelb, .sonnengelb:before {
    background: #f9c843 !important
}

.schwarz, .schwarz:before {
    background: #000 !important
}

.royalblau, .royalblau:before {
    background: #2b309b !important
}

.anthrazit, .anthrazit:before {
    background: #50515a !important
}

.aubergine, .aubergine:before {
    background: #5b2446 !important
}

.natur, .natur:before {
    background: #f9eed6 !important
}

.naturelle, .naturelle:before {
    background: #f9eed6; !important
}

.terrakotta, .terrakotta:before {
    background: #e49667 !important
}

.silbergrau, .silbergrau:before {
    background: #dcdee0 !important
}

.apricot, .apricot:before {
    background: #fab39a !important
}

.apricot-neu, .apricot-neu:before {
    background: #faba9a !important
}

.bambusgruen, .bambusgruen:before {
    background: #c9dc4c !important
}

.rubinrot, .rubinrot:before {
    background: #c10916 !important
}

.schiefergrau, .schiefergrau:before {
    background: #51565c !important
}

.orange-promo, .orange-promo:before {
    background: #fc8403 !important
}

.rot-promo, .rot-promo:before {
    background: #f31902 !important
}

.marine, .marine:before {
    background: #0f2364 !important
}

.schokobraun, .schokobraun:before {
    background: #442314 !important
}

.smaragd, .smaragd:before {
    background: #02743a !important
}

.tannengruen, .tannengruen:before {
    background: #014625 !important
}

.sonne, .sonne:before {
    background: #fdda02 !important
}

.royal, .royal:before {
    background: #072ec1 !important
}

.graphit, .graphit:before {
    background: #635854 !important
}

.anthrazit-promo, .anthrazit-promo:before {
    background: #605c5a !important
}

.violett, .violett:before {
    background: #520249 !important
}

.natur-promo, .natur-promo:before {
    background: #fbf2e1 !important
}

.cappuccino, .cappuccino:before {
    background: #d2ab6e !important
}

.platin, .platin:before {
    background: #dbdcde !important
}

.weiss, .weiss:before {
    background: #FFF !important
}

.nachtblau, .nachtblau:before {
    background: #0b2993 !important
}

@font-face {
    font-family: 'FuturaBT-Book';
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_0_0.eot");
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_0_0.eot?#iefix") format("embedded-opentype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_0_0.woff2") format("woff2"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_0_0.woff") format("woff"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_0_0.ttf") format("truetype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_0_0.svg#wf") format("svg")
}

@font-face {
    font-family: 'FuturaBT-BookItalic';
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_1_0.eot");
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_1_0.eot?#iefix") format("embedded-opentype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_1_0.woff2") format("woff2"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_1_0.woff") format("woff"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_1_0.ttf") format("truetype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_1_0.svg#wf") format("svg")
}

@font-face {
    font-family: 'Futura-Med';
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_2_0.eot");
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_2_0.eot?#iefix") format("embedded-opentype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_2_0.woff2") format("woff2"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_2_0.woff") format("woff"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_2_0.ttf") format("truetype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_2_0.svg#wf") format("svg")
}

@font-face {
    font-family: 'Futura-MedObl';
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_3_0.eot");
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_3_0.eot?#iefix") format("embedded-opentype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_3_0.woff2") format("woff2"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_3_0.woff") format("woff"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_3_0.ttf") format("truetype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_3_0.svg#wf") format("svg")
}

@font-face {
    font-family: 'FuturaBT-BoldItalic';
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_4_0.eot");
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_4_0.eot?#iefix") format("embedded-opentype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_4_0.woff2") format("woff2"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_4_0.woff") format("woff"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_4_0.ttf") format("truetype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_4_0.svg#wf") format("svg")
}

@font-face {
    font-family: 'FuturaBT-Bold';
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_5_0.eot");
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_5_0.eot?#iefix") format("embedded-opentype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_5_0.woff2") format("woff2"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_5_0.woff") format("woff"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_5_0.ttf") format("truetype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/31B474_5_0.svg#wf") format("svg")
}

@font-face {
    font-family: "Flaticon";
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/Flaticon.eot");
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/Flaticon.woff") format("woff"), url("https://harti.de/skin/frontend/rwd/harti/fonts/Flaticon.ttf") format("truetype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("https://harti.de/skin/frontend/rwd/harti/fonts/Flaticon.svg#Flaticon") format("svg")
    }
}

.fi:before {
    display: inline-block;
    font-family: "Flaticon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.flaticon-arrows:before {
    content: "\f100"
}

.flaticon-arrows-1:before {
    content: "\f101"
}

.flaticon-arrows-2:before {
    content: "\f102"
}

.flaticon-arrows-3:before {
    content: "\f103"
}

.flaticon-arrows-4:before {
    content: "\f104"
}

.flaticon-bars:before {
    content: "\f105"
}

.flaticon-bars-1:before {
    content: "\f106"
}

.flaticon-box:before {
    content: "\f107"
}

.flaticon-business:before {
    content: "\f108"
}

.flaticon-check:before {
    content: "\f109"
}

.flaticon-check-1:before {
    content: "\f10a"
}

.flaticon-close:before {
    content: "\f10b"
}

.flaticon-close-1:before {
    content: "\f10c"
}

.flaticon-close-2:before {
    content: "\f10d"
}

.flaticon-cogwheel:before {
    content: "\f10e"
}

.flaticon-commerce:before {
    content: "\f10f"
}

.flaticon-commerce-1:before {
    content: "\f110"
}

.flaticon-cross:before {
    content: "\f111"
}

.flaticon-cut:before {
    content: "\f112"
}

.flaticon-cut-1:before {
    content: "\f113"
}

.flaticon-cut-2:before {
    content: "\f114"
}

.flaticon-delete:before {
    content: "\f115"
}

.flaticon-discount:before {
    content: "\f116"
}

.flaticon-draw:before {
    content: "\f117"
}

.flaticon-draw-1:before {
    content: "\f118"
}

.flaticon-exclamation:before {
    content: "\f119"
}

.flaticon-fashion:before {
    content: "\f11a"
}

.flaticon-fashion-1:before {
    content: "\f11b"
}

.flaticon-favorite:before {
    content: "\f11c"
}

.flaticon-favorite-1:before {
    content: "\f11d"
}

.flaticon-favorite-2:before {
    content: "\f11e"
}

.flaticon-filter:before {
    content: "\f11f"
}

.flaticon-gesture:before {
    content: "\f120"
}

.flaticon-health:before {
    content: "\f121"
}

.flaticon-interface:before {
    content: "\f122"
}

.flaticon-interface-1:before {
    content: "\f123"
}

.flaticon-list:before {
    content: "\f124"
}

.flaticon-medal:before {
    content: "\f125"
}

.flaticon-medical:before {
    content: "\f126"
}

.flaticon-medical-1:before {
    content: "\f127"
}

.flaticon-menu:before {
    content: "\f128"
}

.flaticon-money:before {
    content: "\f129"
}

.flaticon-money-1:before {
    content: "\f12a"
}

.flaticon-money-2:before {
    content: "\f12b"
}

.flaticon-multimedia:before {
    content: "\f12c"
}

.flaticon-multimedia-1:before {
    content: "\f12d"
}

.flaticon-multimedia-2:before {
    content: "\f12e"
}

.flaticon-nature:before {
    content: "\f12f"
}

.flaticon-paper:before {
    content: "\f130"
}

.flaticon-pen:before {
    content: "\f131"
}

.flaticon-ruler:before {
    content: "\f132"
}

.flaticon-search:before {
    content: "\f133"
}

.flaticon-settings:before {
    content: "\f134"
}

.flaticon-shapes:before {
    content: "\f135"
}

.flaticon-signs:before {
    content: "\f136"
}

.flaticon-signs-1:before {
    content: "\f137"
}

.flaticon-signs-2:before {
    content: "\f138"
}

.flaticon-signs-3:before {
    content: "\f139"
}

.flaticon-signs-4:before {
    content: "\f13a"
}

.flaticon-signs-5:before {
    content: "\f13b"
}

.flaticon-social:before {
    content: "\f13c"
}

.flaticon-social-1:before {
    content: "\f13d"
}

.flaticon-social-media:before {
    content: "\f13e"
}

.flaticon-social-media-1:before {
    content: "\f13f"
}

.flaticon-summer:before {
    content: "\f140"
}

.flaticon-tag:before {
    content: "\f141"
}

.flaticon-tag-1:before {
    content: "\f142"
}

.flaticon-technology:before {
    content: "\f143"
}

.flaticon-tool:before {
    content: "\f144"
}

.flaticon-web:before {
    content: "\f145"
}

@font-face {
    font-family: 'harti-custom';
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/harti-custom.eot?x3agal");
    src: url("https://harti.de/skin/frontend/rwd/harti/fonts/harti-custom.eot?x3agal#iefix") format("embedded-opentype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/harti-custom.ttf?x3agal") format("truetype"), url("https://harti.de/skin/frontend/rwd/harti/fonts/harti-custom.woff?x3agal") format("woff"), url("https://harti.de/skin/frontend/rwd/harti/fonts/harti-custom.svg?x3agal#harti-custom") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-custom"], [class*=" icon-custom"] {
    font-family: 'harti-custom' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-customicon_business:before {
    content: "\e900"
}

.icon-customicon_lastschrift:before {
    content: "\e901"
}

.icon-customicon_sofort:before {
    content: "\e902"
}

html, body {
    height: 100%;
    min-height: 100%
}

body {
    font-family: "FuturaBT-Book";
    font-size: 15px;
    line-height: 24px;
    color: #3d3d3d
}

.browsehappy {
    text-align: center;
    background: red;
    color: #760000;
    padding-top: 20px
}

.browsehappy a {
    color: #760000
}

*, b, strong, em, i {
    font-weight: normal;
    font-style: normal
}

ul, ol {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

a {
    text-decoration: none;
    color: #009CDD;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer
}

a:active, a:focus {
    outline: none
}

h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    font: 18px "FuturaBT-Bold";
    color: #132b84;
    margin: 0;
    font-family: "FuturaBT-Bold"
}

h1 {
    margin-bottom: 13.3333333333px
}

h1.pagehead {
    text-align: center;
    margin-bottom: 40px
}

h2, h2 a, h2 a:visited {
    font-size: 15px
}

h3, h3 a, h3 a:visited {
    font-size: 15px
}

p {
    padding-bottom: 20px;
    margin: 0
}

p:empty {
    margin-bottom: 0;
    padding-bottom: 0
}

p.introtxt {
    text-align: center;
    max-width: 500px;
    position: relative;
    margin: 0 auto
}

strong, b {
    font-family: "FuturaBT-Bold"
}

strong em, strong i, b em, b i {
    font-style: italic
}

em, i {
    font-style: italic
}

em strong, em b, i strong, i b {
    font-family: "FuturaBT-Bold"
}

dl, dd {
    padding: 0;
    margin: 0
}

button, .bttn {
    background: #132b84;
    font-family: "Futura-Med";
    border: 0 !important;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #FFF;
    padding: 13.3333333333px 20px;
    text-align: center;
    display: inline-block;
    line-height: normal
}

button .fi, .bttn .fi {
    margin-right: 10px
}

button:hover, .bttn:hover, button.light, .bttn.light {
    background: #009cdd
}

button.light:hover, .bttn.light:hover {
    background: #132b84
}

button.small, .bttn.small {
    padding: 10px 20px
}

button.iconright .fi, .bttn.iconright .fi {
    margin: 0 0 0 5px;
    font-size: 11px
}

.pdf-txt {
    font-family: "FuturaBT-Bold"
}

.bttn-pdf {
    display: block;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box
}

img.icon-pdf {
    width: 13px;
    height: auto;
    display: inline;
    vertical-align: baseline;
    margin-right: 5px;
    color: #009cdd
}

form {
    position: relative
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

input[type="text"], input[type="search"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], select, textarea {
    border: 1px solid #b1b2b2;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    background: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    padding: 10px 14px
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #b1b2b2
}

::-moz-placeholder {
    opacity: 1;
    color: #b1b2b2
}

:-ms-input-placeholder {
    opacity: 1;
    color: #b1b2b2
}

select {
    width: 100%;
    background: url("https://harti.de/skin/frontend/rwd/harti/img/down.svg") no-repeat right 10px center #FFF;
    background-size: 10px auto;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #3d3d3d
}

input[type=radio], input[type=checkbox] {
    display: none
}

.option-title {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin: 3px 0
}

.option-title:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 7px;
    background-color: #FFF;
    border: 1px solid #b1b2b2
}

.option-radio .option-title:before {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px
}

input[type=radio]:checked + .option-title:before {
    content: "\2022";
    font-family: "arial";
    font-size: 19px;
    color: #FFF;
    text-align: center;
    line-height: 13px;
    background: #132b84;
    border: 1px solid #132b84
}

input[type=checkbox]:checked + .option-title:before {
    content: "";
    font-family: "Flaticon";
    color: #FFF;
    background: #132b84;
    border: 1px solid #132b84;
    text-align: center;
    line-height: 12px;
    font-size: 9px
}

.option-title.weiss:before, .option-title.gelb:before {
    color: #3d3d3d !important
}

.required-fields {
    font-size: 12px;
    margin: 10px 4% 0 0
}

.field {
    float: left;
    width: 46%;
    margin: 10px 4% 0 0
}

.field label, .field .field-head {
    font-size: 13px
}

.field label em, .field .field-head em {
    display: none
}

.field label.required:after {
    content: "*"
}

.field input:not([type="checkbox"]):not([type="radio"]), .field textarea {
    width: 92%
}

.option-check .field label, .option-radio .field label {
    font-size: inherit
}

.field-full-width, .field-one-line {
    width: 96%
}

.field-one-line input {
    width: 40%
}

.input-box {
    position: relative
}

.validation-failed {
    border: 1px solid red !important
}

.validation-advice {
    position: absolute;
    right: -2px;
    bottom: -19px;
    background: red;
    color: #FFF;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px
}

table {
    font-size: 13px;
    text-align: left;
    width: 100%
}

table th, table td {
    padding: 0 10px;
    vertical-align: top;
    min-height: 22px
}

table th {
    padding: 5px 10px
}

table tfoot td {
    padding-top: 5px !important
}

table tr:first-child td {
    padding: 5px 10px 0
}

table tr:last-child td {
    padding: 0 10px 5px
}

table thead, table tfoot {
    background: #eee;
    border: 1px solid #eee;
    border-bottom: none
}

table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
    font-family: "Futura-Med";
    font-size: 15px
}

table tbody {
    border: 1px solid #b1b2b2
}

.left {
    float: left
}

.right {
    float: right
}

.hidden {
    display: none
}

.container {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative
}

.main {
    margin-bottom: 60px
}

.main a {
    text-decoration: underline
}

.tooltip-open {
    cursor: pointer;
    position: relative;
    display: inline;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out
}

.tooltip {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out;
    position: absolute;
    background: #009cdd;
    width: 200px;
    left: 50%;
    margin-left: -120px;
    padding: 20px;
    bottom: 25px;
    color: #FFF;
    font-size: 13px;
    line-height: normal;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35)
}

.tooltip p:last-child {
    padding-bottom: 0
}

.tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    position: absolute;
    display: block;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    border-color: #009cdd transparent transparent
}

.tooltip-open:hover .tooltip {
    visibility: visible;
    opacity: 1
}

.breadcrumbs {
    background: #eee;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 10px 0
}

.breadcrumbs ul li {
    font-size: 12px;
    position: relative;
    float: left
}

.breadcrumbs ul li a {
    color: #3d3d3d
}

.breadcrumbs ul li a:hover {
    text-decoration: underline
}

.breadcrumbs ul li:before {
    margin: 0 10px;
    font-size: 10px
}

.breadcrumbs ul li:first-child:before {
    display: none
}

.breadcrumbs ul li:last-child {
    font-family: "FuturaBT-Bold"
}

.messages {
    text-align: center;
    color: #FFF;
    margin-bottom: 0 0 15px
}

.messages > li {
    max-width: 1100px;
    margin: 0 auto 20px;
    padding: 10px 0
}

.messages > li span:before {
    font-family: "Flaticon";
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    border: 1px solid #FFF;
    font-size: 10px;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 19px
}

.notice-msg {
    background: #ff8a00
}

.notice-msg span:before {
    content: ""
}

.success-msg {
    background: #26c461
}

.success-msg span:before {
    content: ""
}

.warning-msg {
    background: red
}

.warning-msg span:before {
    content: '!';
    font-family: "FuturaBT-Book"
}

.error-msg {
    background: red
}

.error-msg span:before {
    content: ""
}

.delivery-time, .products-question, #stock-information p {
    font-size: 13px;
    display: inline-block;
    margin-right: 10px
}

.delivery-time, .main a.products-question {
    text-decoration: none
}

.delivery-time:hover, .main a.products-question:hover {
    text-decoration: underline
}

.delivery-time:before, .products-question:before, #stock-information p:before {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    height: 15px;
    width: 15px;
    line-height: 17px;
    color: #FFF;
    text-align: center;
    display: inline-block
}

.deliver-delay {
    color: #ff8a00
}

.deliver-delay:before, #stock-information p:before {
    content: '!';
    background: #ff8a00
}

.deliver-now {
    color: #26c461
}

.deliver-now:before {
    content: "";
    font-family: "Flaticon";
    background: #26c461;
    font-size: 9px
}

.products-question {
    color: #132b84
}

.products-question:before {
    content: '?';
    background: #132b84
}

#stock-information p {
    color: red
}

#stock-information p:before {
    background: red;
    margin-right: 5px
}

#glasspane {
    z-index: 100000;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url("https://harti.de/skin/frontend/rwd/harti/img/load.svg") center center no-repeat rgba(255, 255, 255, 0.8)
}

.pdf-documents {
    clear: both
}

.seo-txt {
    margin-top: 40px;
    font-size: 13px;
    line-height: 24px;
    opacity: 0.7
}

.seo-txt h1, .seo-txt h2, .seo-txt h3, .seo-txt h4, .seo-txt a {
    color: #3d3d3d
}

.seo-txt a {
    text-decoration: underline
}

.right-align {
    text-align: right
}

li.shop-select {
    display: none
}

@media screen and (max-width: 770px) {
    li.shop-select {
        display: block
    }
}

#header-account .shop-select {
    float: left
}

@media screen and (max-width: 770px) {
    #header-account .shop-select {
        display: none
    }
}

#header-account .shop-select a {
    height: 45px;
    background-color: #0d1e61;
    display: inline-block;
    line-height: 45px;
    padding: 0px 20px;
    font-weight: 500;
    color: #fff
}

header.trust {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #091541;
    height: 32px;
    padding: 0;
    text-align: center;
    font-weight: 600
}

header.trust ul {
    margin: auto;
    max-width: 1100px
}

@media screen and (max-width: 770px) {
    header.trust {
        display: none
    }
}

header.trust li {
    display: inline-block;
    color: #fff;
    height: 32px;
    line-height: 32px;
    margin: 0 10px;
    min-width: 20%
}

header.trust li::before {
    content: '✓';
    margin-right: 10px
}

header {
    padding-top: 102px
}

#header-logo {
    float: left;
    margin-left: 40px
}

.logo img {
    width: 135px;
    height: auto
}

.clicklabel, .search-click {
    display: none
}

#header-menu-wrap {
    float: right;
    margin-right: 20px
}

#header-nav {
    float: left
}

.slicknav_menu {
    display: none
}

.mainnav {
    margin-top: 30px
}

.mainnav a {
    color: #132b84
}

.mainnav ul li {
    float: left;
    font-size: 13px;
    font-family: "FuturaBT-Bold";
    text-transform: uppercase;
    margin-right: 40px;
    letter-spacing: 0.8px;
    padding-bottom: 45px
}

.mainnav ul li a {
    position: relative
}

.mainnav ul li ul {
    visibility: hidden;
    opacity: 0;
    background: #eee;
    position: absolute;
    left: 0;
    width: 95%;
    padding: 2% 0 2% 5%;
    margin-top: 45px;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out;
    z-index: 999999999
}

.mainnav ul li ul li {
    font-size: 15px;
    text-transform: none;
    width: 17.4%;
    margin-right: 2%;
    padding-bottom: 0
}

.mainnav ul li ul li a:after {
    display: none
}

.mainnav ul li ul li ul {
    position: relative;
    padding: 0;
    margin: 20px 0 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.mainnav ul li ul li ul li {
    float: none;
    font-family: "FuturaBT-Book";
    margin-bottom: 10px;
    width: auto
}

.mainnav ul li ul li:last-child {
    margin-right: 0 !important
}

.mainnav ul li:hover ul {
    visibility: visible;
    opacity: 1
}

.mainnav ul li:hover ul a:after {
    display: none
}

.mainnav ul li:hover ul li:hover a {
    color: #132b84
}

.mainnav ul li:hover ul li:hover a:hover {
    color: #009cdd
}

.mainnav ul li:hover ul li:hover ul li:hover a {
    color: #009cdd
}

.mainnav ul li:hover a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 8px 7.5px;
    position: absolute;
    display: block;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    border-color: transparent transparent #eee;
    top: auto;
    bottom: -50px
}

.mainnav ul li:hover > a {
    color: #b1b2b2
}

.mainnav ul li.branchen ul li {
    width: 10%;
    margin-right: 2%
}

.mainnav ul li.branchen ul li ul li {
    width: auto;
    margin-right: 0
}

#header-search {
    float: right;
    margin-top: 15px
}

#header-search input#search {
    float: left;
    height: 48px;
    width: 160px;
    border-right: none;
    padding: 0 0 0 20px
}

#header-search button {
    float: right;
    padding: 0;
    font-family: "Flaticon";
    height: 50px;
    width: 50px
}

#header-account {
    background: #132b84;
    color: #FFF;
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%
}

#header-account nav {
    float: right;
    margin-right: 70px;
    height: 45px !important
}

#header-account nav .clicklabel {
    display: inline
}

#header-account nav a {
    color: #FFF;
    display: inline-block;
    padding: 11px 10px 10px 10px;
    font-size: 13px
}

#header-account nav a .fi, #header-account nav a .icon-custom {
    margin-right: 5px
}

#header-account nav a:hover {
    text-decoration: underline
}

.slogan {
    float: left;
    margin: 10px 0 0 40px;
    font-size: 13px;
    font-family: "FuturaBT-BookItalic"
}

.businesslogin {
    background: #0d1e61
}

.businesslogin:hover {
    background: #009cdd;
    text-decoration: none !important
}

.mini-cart .mini-cart-list {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out;
    z-index: 999999999
}

.mini-cart:hover .mini-cart-list {
    visibility: visible;
    opacity: 1
}

.mini-cart:hover .mini-cart-icon {
    background: #eee
}

.mini-cart:hover .mini-cart-icon .count {
    background: #009cdd
}

.mini-cart:hover .clicklabel {
    color: #132b84
}

.mini-cart:hover .mini-cart-icon:before {
    color: #132b84
}

.mini-cart-icon {
    position: absolute;
    width: 60px;
    height: 45px;
    right: 0;
    top: 0;
    background: #009cdd;
    text-align: center;
    cursor: pointer
}

.mini-cart-icon .count {
    position: absolute;
    top: 8px;
    right: 10px;
    background: #132b84;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    height: 14px;
    width: 14px;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #FFF
}

.mini-cart-icon:before {
    line-height: 50px;
    font-size: 22px
}

.mini-cart-list {
    position: absolute;
    width: 290px;
    padding: 20px;
    right: 0;
    top: 45px;
    background: #eee;
    color: #132b84;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35)
}

.mini-cart-list ul li {
    padding: 10px 30px 10px 10px;
    background: #FFF;
    margin-bottom: 10px;
    position: relative
}

.mini-cart-list ul li .product-image {
    float: left;
    margin-right: 10px
}

.mini-cart-list ul li .product-image img {
    width: 50px;
    height: auto
}

.product-details {
    position: relative;
    overflow: hidden
}

.product-details h2 {
    margin-bottom: 10px
}

.product-details h2:hover a {
    color: #009cdd
}

.product-details p {
    font-size: 12px;
    padding: 0;
    line-height: normal
}

.remove {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 0
}

.remove .fi:before {
    font-size: 10px
}

.remove:hover {
    color: #009cdd
}

.subtotal {
    font-family: "FuturaBT-Bold";
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.action .bttn {
    display: block;
    float: left;
    width: 45%;
    padding: 2%
}

.action .bttn.light {
    float: right
}

#testimonials {
    position: relative
}

.slider1, .slider2, .bx-wrapper, .bx-viewport {
    position: relative;
    overflow: hidden
}

.slider1, .slider2 {
    position: relative;
    overflow: hidden
}

.testimonial-img {
    width: 100%;
    height: 420px;
    position: relative;
    overflow: hidden;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.friseur .testimonial-img {
    background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_friseur_big.jpg)
}

.physio .testimonial-img {
    background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_physio_big.jpg)
}

.wellness .testimonial-img {
    background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_wellness_big.jpg)
}

.testimonial-infos {
    position: absolute;
    width: 400px;
    text-align: center;
    left: 50%;
    margin-left: -200px;
    bottom: 30px
}

.testimonial-infos .bttn {
    padding: 5px 40px
}

.testimonial-infos .bttn .fi {
    margin: 0px 0px 0px 10px;
    font-size: 13px
}

.testimonial-infos:hover .testimonial-quote {
    background: #FFF
}

.testimonial-quote {
    background: rgba(255, 255, 255, 0.85);
    color: #132b84;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    margin-bottom: -15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.testimonial-quote blockquote {
    padding: 0;
    margin: 0;
    font-family: "FuturaBT-BookItalic";
    font-size: 25px;
    line-height: 30px
}

.testimonial-quote blockquote:before {
    content: '„'
}

.testimonial-quote blockquote:after {
    content: '“'
}

.testimonial-quote cite {
    font-size: 13px
}

.testimonial-quote cite strong {
    font-family: "Futura-Med";
    font-size: 14.3px
}

.bx-controls {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out
}

.bx-controls a {
    position: absolute;
    display: block;
    top: 50%;
    font-size: 30px;
    margin-top: -15px
}

.bx-controls .bx-prev {
    left: 10px
}

.bx-controls .bx-next {
    right: 10px
}

#testimonials:hover .bx-controls {
    visibility: visible;
    opacity: 1
}

#slider-pager {
    position: relative;
    overflow: hidden
}

.slider-nav {
    text-align: center;
    line-height: 0;
    padding: 20px 0
}

.slider-nav a {
    display: inline-block;
    background: #132b84;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px
}

.slider-nav a:hover, .slider-nav .active {
    background: #009cdd
}

#hartipro {
    background: #eee;
    padding: 20px 5%;
    color: #132b84
}

#hartipro p {
    margin: 0 !important;
    padding: 0 !important
}

#hartipro ul li {
    width: 25%;
    float: left;
    text-align: center
}

#hartipro ul li .hartipro-item {
    display: inline-block;
    margin: 0 10px -5px 0
}

#hartipro ul li .hartipro-icon {
    height: 45px;
    width: 45px;
    display: inline-block;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    border: 1px solid #132b84;
    font-size: 20px;
    line-height: 45px;
    position: relative;
    float: left
}

#hartipro ul li .hartipro-icon .flaticon-signs {
    position: absolute;
    font-size: 14px;
    top: -1px;
    right: -2px;
    width: 15px;
    height: 15px;
    display: block;
    line-height: 0;
    background: #eee;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    border: 1px solid #eee
}

#hartipro ul li .hartipro-icon .flaticon-signs ul li {
    float: none;
    width: auto;
    text-align: left;
    font-size: 15px;
    line-height: normal;
    margin: 0 0 10px 20px;
    position: relative
}

#hartipro ul li .hartipro-icon .flaticon-signs ul li .fi {
    position: absolute;
    left: -20px
}

#hartipro ul li .fair {
    font-size: 26px;
    line-height: 50px
}

#hartipro ul li .hartipro-label {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    line-height: normal
}

#hartipro ul li:hover .flaticon-signs {
    color: #009cdd
}

#cat-teaser {
    margin-bottom: 40px
}

.discount-teaser {
    margin-top: 40px
}

.discount-teaser img {
    width: 100%;
    height: auto
}

.intro {
    text-align: center;
    width: 90%;
    max-width: 520px;
    font-size: 18px;
    margin: 40px auto 20px auto
}

.teaser-items {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap
}

.teaser-item {
    display: block;
    float: left;
    width: 23%;
    flex: 1 0 0;
    flex-basis: 23%;
    margin: 0 .9090909091% 10px;
    text-align: center
}

.teaser-item .teaser-item-img {
    position: relative
}

.teaser-item .teaser-item-img img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out
}

.teaser-item .teaser-item-img .bttn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out
}

.teaser-item .teaser-item-img .bttn:hover {
    background: #009cdd
}

.teaser-item h2 {
    margin-bottom: 10px;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out
}

.teaser-item p {
    color: #3d3d3d;
    line-height: normal;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out
}

.teaser-item:hover .teaser-item-img img {
    opacity: 0.2
}

.teaser-item:hover .teaser-item-img .bttn {
    visibility: visible;
    opacity: 1
}

.teaser-item:hover h2, .teaser-item:hover p {
    opacity: 0.2
}

.teaser-item-big {
    flex: 2 0 0;
    flex-basis: 48%
}

#contact-teaser {
    max-width: 590px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px
}

#contact-teaser img {
    width: 48%;
    height: auto;
    display: block;
    float: left;
    margin-right: 2%
}

.contact-teaser-txt {
    position: relative;
    overflow: hidden;
    text-align: center
}

.contact-teaser-txt h3 {
    font-family: "Futura-Med";
    font-size: 22px;
    margin-bottom: 10px
}

.contact-teaser-txt p {
    font-size: 18px
}

.contact-teaser-buttons {
    text-align: center
}

.contact-teaser-buttons .bttn {
    margin-bottom: 10px
}

.contact-teaser-buttons .bttn a {
    color: #FFF !important
}

.calltoaction {
    text-align: center;
    background: #e5e5e5;
    padding: 40px 0
}

.calltoaction h2:first-child {
    font-size: 18px;
    margin-bottom: 10px
}

#newsletter-container .container {
    max-width: 460px
}

#newsletter-container p {
    max-width: 250px;
    margin: 0 auto;
    font-size: 15px
}

#newsletter-container form {
    position: relative;
    overflow: hidden
}

#newsletter-container form label {
    display: none
}

#newsletter-container form input, #newsletter-container form button {
    float: left;
    border: none;
    display: block;
    padding: 0 5%;
    line-height: 55px;
    height: 55px
}

#newsletter-container form input {
    width: 60%
}

#newsletter-container form button {
    float: right;
    width: 30%
}

#x-selling {
    background: #eee
}

#x-selling #products {
    margin-top: 40px
}

#x-selling .products-item {
    width: 19.3%;
    flex-basis: 19.3%;
    background: #FFF;
    padding: 10px 1%
}

.col-left {
    width: 23.1818181818%;
    float: left
}

#filter .trigger {
    display: none;
    margin-bottom: 20px
}

#filter button {
    width: 100%
}

#filter button:first-child {
    margin-bottom: 5px
}

.filter-item {
    margin-bottom: 5px;
    background: #eee
}

.filter-item dt {
    font-family: "FuturaBT-Bold";
    font-size: 15px;
    position: relative;
    padding: 10px 20px;
    cursor: pointer
}

.filter-item dt:after {
    content: "";
    font-family: "Flaticon";
    font-size: 12px;
    color: #132b84;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    position: absolute;
    right: 20px;
    top: 10px
}

.filter-item dt.open:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.filter-item dd {
    font-size: 13px;
    display: none;
    padding: 0 20px 10px 20px
}

.filter-item dd ol li .option-title {
    background: none !important;
    outline: none !important
}

.filter-item dd ol li .option-title:before, .filter-item dd ol li input[type=checkbox]:checked + .option-title:before {
    border: none
}

.filter-item dd ol li ol.filter-submenu {
    display: none;
    margin-left: 20px
}

.filter-item dd ol li ol.filter-submenu.open {
    display: block !important
}

.filter-item dd ol li ol.filter-submenu li {
    line-height: normal
}

.filter-item dd ol li ol.filter-submenu li .option-title {
    margin: 0;
    font-size: 12px
}

.filter-item dd ol li ol.filter-submenu li .option-title:before {
    bottom: 3px
}

.filter-item dd ol li a.filter-item-more {
    display: inline-block;
    background: #b1b2b2;
    height: 12px;
    width: 12px;
    line-height: 12px;
    position: relative;
    text-align: center;
    margin-left: 5px
}

.filter-item dd ol li a.filter-item-more:after {
    content: "+";
    font-size: 12px
}

.filter-item dd ol li a.filter-item-more-open ~ ol.filter-submenu {
    display: block
}

.filter-item dd ol li a.filter-item-more-open:after {
    content: "-"
}

.filter-item dd ol li.deactivated {
    opacity: 0.4
}

.filter-item dd.twocolumns ol {
    display: flex;
    flex-flow: row wrap
}

.filter-item dd.twocolumns ol li {
    flex-basis: 50%
}

.filter-item.material dd.twocolumns ol, .filter-item.kollektionen dd.twocolumns ol {
    display: block
}

.filter-item dt.open ~ dd {
    display: block
}

.filter-item.farben > dd > ol > li {
    cursor: pointer
}

.filter-item.farben > dd > ol > li > label.blau:before {
    background-color: #2b309b !important
}

.filter-item.farben dd ol li {
    background: #FFF;
    margin-bottom: 10px;
    min-height: 30px;
    position: relative
}

.filter-item.farben dd ol li .option-title {
    margin: 0;
    padding-left: 40px;
    line-height: 30px
}

.filter-item.farben dd ol li .option-title:before, .filter-item.farben dd ol li input[type=checkbox]:checked + .option-title:before {
    height: 30px;
    width: 30px;
    bottom: 0;
    top: 0;
    left: 0;
    line-height: 30px
}

.filter-item.farben dd ol li ol.filter-submenu {
    display: none;
    margin-left: 0;
    margin-top: 3px;
    padding-top: 3px
}

.filter-item.farben dd ol li ol.filter-submenu li {
    margin: 0 0 2px
}

.filter-item.farben dd ol li ol.filter-submenu li .option-title {
    margin: inherit;
    font-size: inherit
}

.filter-item.farben dd ol li ol.filter-submenu li .option-title:before {
    bottom: 0
}

.filter-item.farben dd ol li .filter-item-more:after {
    content: "" !important;
    font-family: "Flaticon";
    font-size: 10px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    position: absolute;
    right: 10px;
    top: 5px;
    color: #3d3d3d
}

.filter-item.farben dd ol li .filter-item-more-open:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.filter-item.individuelle-anfertigung dd ol li {
    margin-bottom: 10px;
    line-height: 40px;
    text-align: center;
    color: #FFF
}

.filter-item.individuelle-anfertigung dd ol li .option-title {
    padding: 0;
    margin: 0;
    width: 100%;
    background: #009cdd !important
}

.filter-item.individuelle-anfertigung dd ol li .option-title:before, .filter-item.individuelle-anfertigung dd ol li input[type=checkbox]:checked + .option-title:before {
    visibility: hidden
}

.filter-item.individuelle-anfertigung dd ol li input[type=checkbox]:checked + .option-title {
    background: #132b84 !important
}

.filter-item.individuelle-anfertigung dd ol li.deactivated .option-title {
    background: #3d3d3d !important
}

.col-main {
    width: 90%;
    max-width: 72.7272727273%;
    float: right
}

.page-intro {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.page-intro img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 40px
}

.page-intro h1.has-image {
    padding: 10px 20px;
    margin: 20px;
    background-color: #FFF;
    position: absolute;
    top: 0
}

.toolbar {
    background: #eee;
    text-align: center;
    padding: 10px 0 0
}

.toolbar select {
    border: none;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0 30px 0 10px
}

.toolbar:last-child {
    margin-top: 20px
}

.toolbar-pager, .pagination, .limiter, .toolbar-sorter, .sort-by, .view-mode {
    display: inline-block
}

.limiter, .sort-by, .pagination, .view-mode {
    margin: 0 5px 10px
}

.pagination ol li {
    display: inline-block;
    background: #FFF;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px
}

.pagination ol li a {
    display: block;
    width: 30px;
    height: 30px;
    color: #3d3d3d
}

.pagination ol li a .fi {
    font-size: 10px
}

.pagination ol li.current {
    background: #132b84;
    color: #FFF
}

.pagination ol li:hover a {
    background: #009cdd;
    color: #FFF
}

.view-mode label {
    display: none
}

.view-mode .grid, .view-mode .list {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #FFF;
    line-height: 30px;
    font-size: 12px;
    background: #132b84;
    color: #FFF
}

.view-mode a {
    background: #FFF !important;
    color: #3d3d3d !important
}

.view-mode a:hover {
    background: #009cdd !important;
    color: #FFF !important
}

#products {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    margin-top: 40px
}

#products .order-wrap {
    display: flex;
    flex-flow: row wrap
}

#products .qty {
    flex-basis: 15%
}

#products button, #products .bttn {
    flex-basis: 100%
}

.products-item {
    display: block;
    position: relative;
    float: left;
    width: 29.6%;
    flex-basis: 29.6%;
    margin: 0 1.8181818182% 10px;
    text-align: center
}

.products-item > a {
    text-decoration: none
}

.products-item a.price-box {
    text-decoration: none
}

.products-item .bx-wrapper {
    padding: 0 17px;
    margin: 0 auto
}

.products-item .bx-viewport {
    padding: 5px 0;
    padding-right: 3px
}

.products-item .colour-picker:hover ~ .bttn, .products-item .actions:hover ~ .bttn {
    visibility: hidden;
    opacity: 0
}

.products-item .order-wrap {
    width: 90%
}

.products-item .qty {
    height: 33px
}

.products-item button, .products-item .bttn {
    height: 35px;
    line-height: 35px
}

.products-links {
    position: relative;
    display: block
}

.products-links img {
    width: 100%;
    height: auto
}

.products-links .bttn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .4s, opacity .4s ease-in-out;
    -moz-transition: visibility .4s, opacity .4s ease-in-out;
    -o-transition: visibility .4s, opacity .4s ease-in-out;
    transition: visibility .4s, opacity .4s ease-in-out
}

.products-links .badges, .products-links .custom-icon {
    position: absolute;
    top: 20px;
    right: 0
}

.products-links .sale, .products-links .eins-b, .products-links .custom-icon {
    display: inline-block;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    background: red;
    color: #FFF;
    height: 40px;
    width: 40px;
    line-height: 42px;
    font-size: 20px
}

.products-links .eins-b {
    background: #009cdd
}

.products-links:hover .bttn {
    visibility: visible;
    opacity: 1;
    cursor: pointer
}

.products-links:hover .bttn:hover {
    background: #009cdd
}

.products-links:hover h2, .products-links:hover img, .products-links:hover .products-info, .products-links:hover .custom-img {
    opacity: 0.2
}

.products-info {
    margin: 5px 0;
    color: #3d3d3d
}

.colour-picker {
    margin: 5px 0
}

.colour-picker ul {
    position: relative;
    line-height: 17px
}

.colour-picker ul li {
    display: inline-block;
    width: 13px !important;
    height: 13px;
    line-height: 15px;
    text-align: center;
    margin: 0;
    cursor: pointer;
    margin-right: -2px
}

.colour-picker ul li div {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: relative;
    line-height: 10px
}

.colour-picker ul li .weiss {
    width: 11px;
    height: 11px;
    border: 1px solid #b1b2b2
}

.colour-picker ul li.active, .colour-picker ul li:hover {
    outline: 1px solid #009cdd
}

.colour-picker ul li.active div:after {
    content: "";
    position: absolute;
    display: block;
    font-family: "Flaticon";
    font-size: 8px;
    left: 3px;
    top: 1px;
    color: #FFF
}

.colour-picker ul li div.weiss:after {
    color: #3d3d3d
}

.colour-picker .bx-controls {
    visibility: visible;
    opacity: 1
}

.colour-picker .bx-controls .disabled {
    opacity: 0.4
}

.colour-picker .bx-controls-direction a {
    position: absolute;
    display: block;
    font-size: 10px;
    color: #3d3d3d;
    width: 12px;
    height: 12px;
    margin-top: -10px
}

.colour-picker .bx-prev {
    left: 0
}

.colour-picker .bx-next {
    right: -4px
}

.colour-picker .bx-pager {
    display: none
}

.price-box, .tax-details, .products-info {
    font-size: 13px;
    line-height: normal;
    display: block
}

.price-box-sale .regular-price, .price-box-sale .minimal-price {
    text-decoration: line-through;
    color: #3d3d3d
}

.price-box-sale .minimal-sale-price:after {
    content: '';
    display: block
}

.sale-price, .minimal-sale-price {
    color: red
}

.regular-price, .sale-price {
    font-family: "FuturaBT-Bold"
}

.minimal-price {
    color: #3d3d3d
}

.tax-details {
    margin-bottom: 10px
}

.tax-details a {
    text-decoration: underline
}

.tax-details a:hover {
    text-decoration: none
}

.order-wrap {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px
}

.order-wrap .qty {
    float: left;
    width: 15%;
    text-align: center;
    padding: 0;
    flex-basis: 15%
}

.order-wrap button {
    float: right;
    width: 80%;
    padding: 0;
    flex-basis: 80%
}

.add-to-links li {
    display: inline-block
}

.add-to-links li a {
    color: #3d3d3d;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 22px
}

.add-to-links li a:hover {
    background: #132b84;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    color: #FFF
}

.products-item-custom .custom-img img {
    width: 90%;
    height: auto;
    outline: 2px dashed #009cdd;
    margin: 4%
}

.products-item-custom .custom-img .custom-icon {
    background: #009cdd;
    top: -5px;
    right: -5px
}

.products-item-custom .order-wrap .qty {
    display: none
}

.products-item-custom .order-wrap button {
    float: none;
    width: 100%
}

.products-item-custom .custom-info {
    font-size: 13px;
    line-height: normal;
    color: #3d3d3d;
    display: block;
    margin-bottom: 10px
}

.products-list {
    overflow: visible !important
}

.products-list .products-item {
    float: none;
    width: 100%;
    flex-basis: 100%;
    margin: 0 0 20px;
    padding: 10px 0;
    text-align: left;
    border-bottom: 1px solid #b1b2b2
}

.products-list .products-item .bx-wrapper {
    margin: 0
}

.products-list .products-item:first-child {
    margin-top: 0;
    padding-top: 0
}

.products-list .products-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.products-list-container {
    float: left;
    width: 32%;
    margin-right: 2%
}

.products-list-container img {
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.products-list-container h2 {
    font-size: 18px
}

.products-list-container .colour-picker {
    margin-bottom: 10px
}

.products-list-container .more {
    font-size: 13px
}

.products-list-container .more:hover {
    text-decoration: underline
}

.products-list-container .bttn, .products-list-container button {
    height: auto;
    padding: 0
}

.products-list-container .price-box, .products-list-container .tax-details {
    margin-bottom: 5px
}

.products-list-container .price {
    font-size: 13px
}

.products-list-container .regular-price {
    font-size: 18px
}

.products-list-container .discount-tooltip {
    font-size: 13px;
    color: #132b84;
    margin-bottom: 20px;
    display: inline-block
}

.products-list-container .discount-tooltip:hover {
    text-decoration: underline
}

.products-list-container .tooltip {
    width: auto;
    color: #3d3d3d !important;
    background: #b1b2b2
}

.products-list-container .tooltip tbody {
    background: #FFF;
    border: 1px solid #FFF
}

.products-list-container .tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    position: absolute;
    display: block;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    border-color: #b1b2b2 transparent transparent
}

.products-list-container .order-wrap {
    width: 100%
}

.products-list-container .order-wrap input {
    height: 50px;
    width: 20%
}

.products-list-container .order-wrap button {
    height: 52px;
    width: 75%
}

.products-list-container:last-child {
    margin-right: 0
}

#product-left {
    float: left;
    width: 48%
}

.box-up-sell h2 {
    font-size: 20px;
    margin-bottom: 20px
}

.crosssell ul, .box-up-sell ul {
    border: 1px solid #ccc
}

.crosssell li, .box-up-sell li {
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 770px) {
    .crosssell li, .box-up-sell li {
        width: 49%;
        padding-right: 20px;
        display: inline-block
    }
}

@media screen and (min-width: 1240px) {
    .crosssell li, .box-up-sell li {
        width: 24%
    }
}

@media screen and (max-width: 770px) {
    .crosssell li .product-info, .box-up-sell li .product-info {
        max-width: 300px;
        display: inline-block
    }
}

.crosssell li .product-image img, .box-up-sell li .product-image img {
    max-width: 100%
}

.box-up-sell {
    margin-bottom: 20px
}

.crosssell {
    clear: both;
    padding-top: 20px
}

.crosssell .crosssell-inner {
    padding: 20px
}

.crosssell h2 {
    font-size: 20px;
    margin-bottom: 20px
}

.crosssell .add-to-links {
    display: none
}

.crosssell .product-info {
    padding-bottom: 0 !important;
    min-height: auto !important
}

.product-img-box .thumbnails li {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    outline: 1px solid #b1b2b2
}

.product-img-box .thumbnails li img {
    width: 100%;
    height: auto
}

.product-img-box .thumbnails li:last-child {
    margin-right: 0
}

.product-img-box .thumbnails li.current {
    outline: 1px solid #009cdd
}

.product-img-box .thumbnails li:hover img {
    opacity: 0.8
}

.product-img-box .thumbnails li.current:hover img {
    opacity: 1
}

.product-download-box button {
    margin-bottom: 20px
}

.product-download-box .important-info {
    font-size: 13px;
    line-height: 20px
}

.easyzoom {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    outline: 1px solid #b1b2b2;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.easyzoom a {
    display: block;
    width: 100%
}

.easyzoom img {
    vertical-align: bottom;
    height: auto
}

.easyzoom-mainimg {
    max-width: 100% !important;
    height: auto !important;
    background: #FFF
}

.img-custom {
    max-width: 90%;
    padding: 5%
}

.easyzoom.is-loading img {
    cursor: progress
}

.easyzoom.is-ready img {
    cursor: crosshair
}

.easyzoom.is-error img {
    cursor: not-allowed
}

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888
}

.easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF
}

.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.zoom-icon {
    background: #b1b2b2;
    color: #FFF;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    font-size: 20px
}

#product-right {
    float: right;
    width: 48%
}

#product-right h1 {
    font-size: 22px;
    margin-bottom: 5px
}

#product-right .products-info {
    margin-bottom: 10px
}

#product-right .order-wrap .qty {
    height: 53px;
    width: 50px
}

#product-right .order-wrap .add-to-cart-buttons[data-unit]::before {
    content: attr(data-unit);
    display: inline-block;
    width: 50px;
    height: 53px;
    border: 1px solid #b1b2b2;
    border-left: none;
    line-height: 55px;
    text-align: center;
    background-color: #eee
}

#product-right .order-wrap button {
    height: 55px;
    width: calc(100% - 60px);
    line-height: 55px;
    font-size: 18px
}

#product-right .order-wrap .add-to-cart-buttons[data-unit] button {
    width: calc(100% - 110px)
}

.products-rating-links {
    font-size: 13px;
    color: #132b84;
    margin-bottom: 10px
}

.products-rating-links p {
    padding: 0
}

.stars {
    color: #009cdd;
    font-size: 13px;
    margin-right: 5px
}

.stars .not-rated {
    color: #b1b2b2
}

.rating-link-ratings:hover, .rating-link-write:hover {
    text-decoration: underline
}

.products-pros, #short-description ul {
    margin: 10px 0
}

.products-pros li, #short-description ul li {
    padding-left: 20px;
    position: relative;
    line-height: normal;
    margin-bottom: 7.6923076923px
}

.products-pros li:before, #short-description ul li:before {
    content: "";
    font-family: "Flaticon";
    color: #009cdd;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    display: block
}

.products-colours, .products-customize {
    border: 1px solid #b1b2b2;
    padding: 4%;
    margin-bottom: 10px
}

.products-colours:empty, .products-customize:empty {
    display: none
}

.products-colours-list {
    overflow: hidden;
    margin-bottom: 10px
}

.products-colours-list li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
    cursor: pointer
}

.products-colours-list li.weiss {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #b1b2b2 !important
}

.products-colours-list li:last-child {
    margin-right: 0
}

.products-colours-list li.active:before {
    content: "";
    font-family: "Flaticon";
    color: #FFF
}

.products-colours-list li.weiss.active:before {
    color: #3d3d3d
}

.products-colours-list li:hover {
    opacity: 0.6
}

.delay {
    background: #FFF;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 2px;
    top: 2px
}

.products-colours-infos {
    font-size: 13px;
    line-height: 0
}

.products-colours-infos .chosen-colour {
    float: left
}

.products-colours-infos .delivery {
    float: right
}

.products-colours-infos .delivery .delay {
    position: relative;
    display: inline-block;
    border: 1px solid #b1b2b2;
    top: auto;
    right: auto;
    bottom: 1px;
    margin-right: 5px
}

.products-customize {
    position: relative;
    overflow: hidden;
    padding-right: 0
}

.products-customize h2 {
    font-family: "Futura-Med";
    color: #3d3d3d;
    margin-bottom: 10px
}

.products-customize-buttons, .add-to-list-buttons {
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    flex-flow: row wrap
}

.products-customize-buttons button, .products-customize-buttons .bttn, .add-to-list-buttons button, .add-to-list-buttons .bttn {
    display: block;
    float: left;
    margin-right: 2%;
    width: 49%;
    flex-basis: 49%;
    flex-grow: 2
}

.products-customize-buttons button:last-of-type, .products-customize-buttons .bttn:last-of-type, .add-to-list-buttons button:last-of-type, .add-to-list-buttons .bttn:last-of-type {
    margin-right: 0
}

.products-customize-buttons button:last-child, .products-customize-buttons .bttn:last-child, .add-to-list-buttons button:last-child, .add-to-list-buttons .bttn:last-child {
    float: right
}

.products-customize-buttons.single-button button {
    float: none;
    width: 100%
}

.flaticon-tool {
    border: 0.6px solid #FFF;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    width: 14px;
    height: 14px;
    display: inline-block;
    line-height: 14px
}

.flaticon-tool:before {
    font-size: 11px;
    text-align: center
}

.products-price-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.discount-scale {
    float: left;
    width: 49%;
    min-height: 120px
}

.your-discount, .price-info {
    width: 49%;
    position: absolute;
    bottom: 0;
    right: 0
}

.your-discount tbody, .your-discount tfoot, .your-discount thead, .price-info tbody, .price-info tfoot, .price-info thead {
    border: none;
    background: #eee
}

.your-discount th, .price-info th {
    padding-bottom: 0
}

.your-discount tfoot td, .price-info tfoot td {
    padding-top: 0 !important
}

.price-info {
    top: 0;
    bottom: auto
}

.price-info .price {
    font-family: "FuturaBT-Bold";
    font-size: 26.4px;
    color: #132b84
}

.price-info .oldprice, .price-info .price-box-sale .regular-price {
    text-decoration: line-through;
    font-size: inherit;
    color: #3d3d3d;
    font-family: "FuturaBT-Book"
}

.add-to-list-buttons button {
    background: #eee;
    color: #3d3d3d
}

.add-to-list-buttons button:hover {
    background: #009cdd;
    color: #FFF
}

#tab-container {
    margin-top: 60px
}

ul.tabs {
    position: relative;
    overflow: hidden
}

ul.tabs li {
    float: left
}

ul.tabs li a {
    display: block;
    padding: 13.3333333333px 20px;
    border: 1px solid #eee;
    border-bottom: 1px solid #b1b2b2;
    margin-right: 10px;
    color: #3d3d3d;
    background: #eee;
    text-decoration: none
}

ul.tabs li a .flaticon-tool {
    border: 0.6px solid #3d3d3d;
    text-align: center;
    line-height: 16px
}

ul.tabs li a .flaticon-exclamation, ul.tabs li a .flaticon-favorite-1 {
    display: none
}

ul.tabs li a.active {
    background: #FFF;
    border: 1px solid #b1b2b2;
    border-bottom: 1px solid #FFF
}

ul.tabs li a:not(.active):hover {
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #b1b2b2
}

ul.tabs li:last-child a {
    margin-right: 0
}

.tabs-content {
    border: 1px solid #b1b2b2;
    margin-top: -1px;
    padding: 40px 20px 20px;
    overflow: hidden
}

.tabs-content h2 {
    margin-bottom: 10px
}

.tabs-content label {
    font-family: "Futura-Med";
    font-size: 15.75px
}

.tabs-content dl {
    padding: 10px 0
}

.tabs-content dt {
    padding-top: 20px
}

.tabs-content dt h3 {
    font-family: "Futura-Med";
    font-size: 18px
}

.tabs-content dt:first-of-type {
    border-top: 1px solid #b1b2b2
}

.tabs-content dd {
    border-bottom: 1px solid #b1b2b2;
    padding-bottom: 20px
}

.tabs-content dd:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.tabs-content-left {
    float: left;
    width: 50%
}

.tabs-content-right {
    float: right;
    width: 40%
}

#tabs-reviews [itemprop=review] {
    border-top: 1px solid #ccc;
    padding: 10px 0
}

.review-meta {
    display: inline-block;
    margin-bottom: 20px;
    font-family: "FuturaBT-BookItalic";
    color: #132b84
}

.ratings {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 20px
}

.ratings .rating-input {
    float: left
}

.ratings .rating-star {
    position: relative;
    float: right;
    display: block;
    margin-right: 5px;
    cursor: pointer
}

.ratings .rating-star:before {
    content: "\f11e";
    font-family: "Flaticon";
    display: block;
    float: right;
    color: #b1b2b2;
    font-size: 22px
}

.ratings .rating-star:hover:before, .ratings .rating-star:hover ~ .rating-star:before, .ratings .rating-input:checked ~ .rating-star:before {
    color: #009cdd
}

#tabs-reviews .form .fieldset {
    margin: -20px;
    padding: 20px;
    background-color: #efefef;
    margin-top: 20px
}

#tabs-reviews .form .fieldset .input-box input, #tabs-reviews .form .fieldset .input-box textarea {
    width: calc(100% - 30px)
}

.product-options dd {
    margin-bottom: 10px
}

.product-options .input-text, .product-options textarea {
    width: 100%;
    box-sizing: border-box
}

form#contactform {
    margin: 0 auto
}

form#contactform button {
    margin-top: 10px;
    float: left
}

form#contactform .required-fields {
    float: right
}

.field-products-question {
    border: 1px solid #b1b2b2;
    padding: 4%;
    position: relative;
    overflow: hidden
}

.field-products-question img {
    float: left;
    width: 90px;
    height: auto;
    margin-right: 4%;
    display: block
}

.field-products-question-content {
    font-size: 12px;
    overflow: hidden
}

.field-products-question-content h2 {
    font-size: 13px !important;
    margin-bottom: 5px !important
}

.field-products-question-content p, .field-products-question-content h2 {
    text-align: left !important;
    -moz-text-align-last: auto !important;
    text-align-last: auto !important;
    padding: 0;
    line-height: normal
}

.field-products-question-content a .fi {
    font-size: 9px
}

.field-products-question-content a:hover {
    text-decoration: underline
}

.main.page {
    max-width: 650px;
    margin: 0 auto;
    padding-bottom: 40px
}

.main.page h1 {
    margin-bottom: 40px;
    font-size: 22px
}

.main.page h2 {
    margin-bottom: 10px;
    font-size: 22px;
    font-family: "Futura-Med"
}

.main.page h3 {
    margin-bottom: 20px
}

.main.page h4 {
    font-family: "FuturaBT-BoldItalic"
}

.main.page .tablewrapper {
    overflow-x: auto
}

.main.page dt {
    font-family: "FuturaBT-Bold"
}

.main.page dd {
    margin-bottom: 40px
}

.main.page table tr:nth-child(even) {
    background: #f5f5f5
}

.main.page table td {
    border: 1px solid #e5e5e5;
    line-height: normal;
    padding: 10px
}

.landing-page .page {
    max-width: 1100px
}

.landing-page .page h1, .landing-page .page h2, .landing-page .page h3, .landing-page .page h4, .landing-page .page h5, .landing-page .page h6, .landing-page .page h7, .landing-page .page h8, .landing-page .page p, .landing-page .page ul, .landing-page .page ol, .landing-page .page .bttn-pdf {
    -moz-text-align-last: center;
    text-align-last: center;
    max-width: 650px;
    margin-right: auto;
    margin-left: auto
}

.landing-page .page h1, .landing-page .page h2, .landing-page .page h3, .landing-page .page h4, .landing-page .page h5, .landing-page .page h6, .landing-page .page h7, .landing-page .page h8 {
    text-align: center
}

.landing-page .page p {
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left
}

.landing-page .page ul, .landing-page .page ol {
    text-align: left !important;
    text-align-last: left;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative
}

.landing-page .page ul li, .landing-page .page ol li {
    margin-bottom: 20px;
    padding-left: 17px
}

.landing-page .page ul li:before, .landing-page .page ol li:before {
    content: "• ";
    font-size: 20px;
    color: #009cdd;
    position: absolute;
    left: 0
}

.landing-page .page ol {
    counter-reset: harti-counter
}

.landing-page .page ol li {
    margin-bottom: 20px
}

.landing-page .page ol li:before {
    content: counter(harti-counter) ".";
    counter-increment: harti-counter;
    font-size: inherit
}

.page-head-img {
    margin-top: -40px;
    margin-bottom: 40px
}

.page-head-img img {
    width: 100%;
    height: auto
}

.two-buttons {
    max-width: 650px;
    margin: 0 auto
}

.two-buttons .bttn {
    font-size: 18px
}

.link-teaser {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    margin: 40px 0
}

.link-teaser-item {
    display: block;
    position: relative;
    float: left;
    width: 23.1%;
    flex-basis: 23.1%;
    margin: 0 .9090909091% 10px;
    text-align: center;
    background: #eee
}

.link-teaser-item img {
    width: 100%;
    height: auto
}

.link-teaser-item h3, .link-teaser-item span {
    padding: 20px;
    text-align: center;
    display: block
}

.link-teaser-item h3 {
    margin-bottom: 0;
    padding-bottom: 0
}

.link-teaser-item span {
    color: #3d3d3d;
    font-size: 13px;
    line-height: normal;
    padding-top: 10px
}

.link-teaser-item:hover {
    opacity: 0.6
}

.cart form {
    margin-bottom: 40px
}

.cart form table th, .cart form table td {
    padding: 10px 20px;
    text-align: right
}

.cart form table th:first-child, .cart form table .product-cart-image, .cart form table .product-cart-info {
    text-align: left
}

.cart form table td {
    padding: 20px 20px 20px 0
}

.cart form table td .product-image {
    display: block;
    width: 190px
}

.cart form table td .product-image img {
    width: 100%;
    height: auto;
    display: block
}

.cart form table tbody {
    border: none
}

.cart form table tbody tr {
    border-bottom: 1px solid #b1b2b2
}

.cart form table tbody tr:last-child {
    border-bottom: none
}

.cart form table tfoot td {
    padding: 10px !important
}

.cart form table tfoot td button:first-child {
    float: left
}

.cart form table tfoot td button {
    padding: 5px 10px;
    background: #3d3d3d
}

.cart form table tfoot td button:hover {
    background: #b1b2b2
}

.vacation {
    background-color: #b62115;
    text-align: center;
    color: #FFF;
    padding: 16px;
    margin-bottom: 16px
}

.vacation p {
    margin: 0;
    padding: 0
}

.product-cart-actions .qty {
    text-align: center
}

.product-cart-actions .btn-update {
    display: none !important
}

.product-cart-info .bttn {
    margin-top: 10px
}

.custom-added .trigger {
    cursor: pointer;
    color: #009cdd;
    position: relative
}

.custom-added .flaticon-tool {
    border: 0.6px solid #009cdd;
    text-align: center;
    height: 12px;
    width: 12px
}

.custom-added .trigger:after {
    content: "";
    font-family: "Flaticon";
    font-size: 9px !important;
    color: #132b84;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    display: inline-block;
    margin-left: 5px;
    color: #009cdd
}

.custom-added .trigger_active:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.custom-added .custom-added-details {
    display: none;
    border: 1px solid #009cdd;
    padding: 5px;
    overflow: hidden;
    color: #009cdd;
    font-size: 12px;
    line-height: normal
}

.custom-added .custom-added-details strong {
    font-family: "Futura-Med"
}

.custom-added .custom-added-details img {
    border: 1px solid #009cdd;
    width: 45px;
    height: auto;
    padding: 10px;
    float: left;
    margin-right: 5px
}

.custom-added .custom-added-details ul {
    overflow: hidden
}

.product-cart-price, .product-cart-discount-price, .product-cart-total {
    font-size: 15px
}

.product-cart-discount-price .cart-price span {
    display: block;
    line-height: normal
}

.product-cart-discount-price .cart-price .price:first-child {
    margin-bottom: 10px
}

.product-cart-discount-price .discount {
    font-size: 12px;
    white-space: nowrap
}

.product-cart-discount-price .discount.eff {
    font-size: 15px
}

.product-cart-remove .btn-remove {
    font-size: 0
}

.product-cart-remove .btn-remove:after {
    content: "";
    font-family: "Flaticon";
    font-size: 9px !important;
    color: #132b84
}

.product-cart-remove .btn-remove:hover:after {
    color: #009cdd
}

.cart-forms {
    float: left;
    width: 48%
}

.discount-form .field-wrapper input, .discount-form .field-wrapper button {
    float: left;
    width: 50%;
    padding: 0 4%;
    height: 50px;
    border: 0;
    outline: 1px solid #b1b2b2
}

.discount-form .field-wrapper button {
    float: right;
    width: 42%;
    outline: 1px solid #132b84
}

.discount-form .field-wrapper button:hover {
    outline: 1px solid #009cdd
}

.cart-totals {
    float: right;
    width: 44%;
    padding: 2%;
    border: 1px solid #b1b2b2
}

.cart-totals button {
    width: 100%
}

table#shopping-cart-totals-table {
    margin-bottom: 10px
}

table#shopping-cart-totals-table tbody, table#shopping-cart-totals-table tfoot {
    border: none;
    background: none
}

table#shopping-cart-totals-table tfoot {
    color: #132b84
}

table#shopping-cart-totals-table tr, table#shopping-cart-totals-table td {
    padding: 5px 0;
    font-size: 18px
}

table#shopping-cart-totals-table td:last-child {
    text-align: right
}

table#shopping-cart-totals-table .tax-details {
    font-family: "FuturaBT-Book";
    display: inline
}

#shopping-cart-table p.item-msg.error {
    color: red
}

.page-checkout .col-main {
    float: left
}

ol#checkoutSteps li.section {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

ol#checkoutSteps li.section .step-title {
    background: #eee;
    padding: 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    opacity: 0.5
}

ol#checkoutSteps li.section .step-title + .step.a-item {
    border: 1px solid #132b84;
    margin-top: 0;
    padding: 20px
}

ol#checkoutSteps li.section .step-title .number {
    background: #3d3d3d;
    color: #FFF;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    height: 23px;
    width: 23px;
    display: block;
    float: left;
    text-align: center;
    line-height: 23px;
    margin-right: 10px
}

ol#checkoutSteps li.section .step-title a, ol#checkoutSteps li.section .step-title h2 {
    color: #3d3d3d
}

ol#checkoutSteps li.section .step-title h2 {
    display: block;
    overflow: hidden;
    font-family: "Futura-Med";
    font-size: 18px
}

ol#checkoutSteps li.section .step-title a {
    display: none;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 15px
}

ol#checkoutSteps li.section .step-title a:after {
    content: "";
    font-family: "Flaticon";
    font-size: 13px
}

ol#checkoutSteps li.active .step-title {
    background: #132b84
}

ol#checkoutSteps li.active .step-title .number {
    background: #009cdd
}

ol#checkoutSteps li.active .step-title a, ol#checkoutSteps li.active .step-title h2 {
    color: #FFF
}

ol#checkoutSteps li.allow .step-title {
    opacity: 1
}

ol#checkoutSteps li.allow:not(.active) .step-title a {
    display: block
}

.col2-set {
    overflow: hidden
}

.col2-set .col-1, .col2-set .col-2 {
    width: 48%
}

.col2-set .col-1 {
    float: left
}

.col2-set .col-2 {
    float: right
}

#opc-login h3, #account-login h3 {
    font-size: 18px;
    margin-bottom: 10px
}

#opc-login .field, #account-login .field {
    width: 99%
}

#opc-billing li.option-radio:not(:last-child) {
    margin-top: 20px
}

#opc-billing .required-fields {
    float: right
}

#opc-shipping_method .sp-methods dt, #opc-payment .sp-methods dt {
    font-family: "FuturaBT-Bold";
    padding-top: 10px;
    border-top: 1px dashed #eee
}

#opc-shipping_method .sp-methods dt + dt, #opc-payment .sp-methods dt + dt {
    margin-top: 10px
}

#opc-shipping_method .sp-methods dd, #opc-payment .sp-methods dd {
    margin-bottom: 10px
}

#opc-shipping_method .sp-methods dd:last-of-type, #opc-payment .sp-methods dd:last-of-type {
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px
}

#opc-payment .form-list {
    border: 1px solid #b1b2b2;
    padding: 20px
}

#opc-payment #dt_method_paypal_express a {
    font-family: "FuturaBT-Book" !important;
    font-size: 13px;
    margin-left: 10px
}

#opc-payment .input-box table {
    margin-bottom: 20px
}

#opc-review {
    overflow: visible !important
}

#opc-review #checkout-review-submit {
    text-align: right;
    margin-top: 20px
}

#opc-review .cart form {
    margin-bottom: 20px
}

#opc-review .cart form table th, #opc-review .cart form table td {
    padding: 10px
}

#opc-review .cart form table td .product-image {
    width: 90px
}

#opc-review .cart form table tbody tr, #opc-review .cart form table tbody tr:last-child {
    border: 1px solid #b1b2b2
}

#opc-review .checkout-agreements {
    margin-left: 20px
}

#opc-review .checkout-agreements li {
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px
}

#opc-review .checkout-agreements li label {
    display: inline;
    padding: 0
}

#opc-review .checkout-agreements li label:before {
    bottom: auto;
    top: 0;
    left: -20px;
    position: absolute
}

.form-list {
    margin-bottom: 20px
}

.form-list .f-left {
    font-size: 13px
}

.form-list select {
    background-color: #f5f5f5
}

.col-right {
    float: right;
    width: 23.1818%
}

.opc-block-progress .block-content {
    font-size: 13px;
    line-height: 18px
}

.opc-block-progress .block-content dl div {
    background: #eee;
    margin-bottom: 5px;
    padding: 20px
}

.opc-block-progress .block-content dl div dt {
    font-family: "FuturaBT-Bold";
    margin-bottom: 20px;
    opacity: 0.5
}

.opc-block-progress .block-content dl div dt a {
    font-family: "FuturaBT-Book"
}

.opc-block-progress .block-content dl div dt.complete {
    opacity: 1
}

.opc-block-progress .block-content dl div p {
    padding-bottom: 0
}

.show-if-company {
    display: none
}

.field.name-firstname {
    clear: left
}

.control {
    clear: both
}

.fieldset {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px
}

.fieldset .zip {
    clear: both
}

#account-login ul.benefits {
    margin-bottom: 20px
}

#account-login ul.benefits li {
    font-family: "Futura-Med"
}

#account-login ul.benefits li:before {
    content: "";
    font-family: "Flaticon";
    color: #009cdd;
    font-size: 12px;
    margin-right: 10px
}

#account-login .col-1, #account-login .col-2 {
    width: 41%;
    border: 1px solid #b1b2b2;
    padding: 4%
}

#account-login .buttons-set .bttn, #account-login .buttons-set button {
    width: 96%;
    padding: 10px 2%
}

#account-login .buttons-set button {
    width: 100%
}

.page-wishlist .page-intro p {
    max-width: 670px;
    margin: 0 auto
}

.page-wishlist .products-list-container {
    width: 23.5%;
    position: relative
}

.page-wishlist .products-list-container .actions .bttn, .page-wishlist .products-list-container .actions button {
    height: 50px;
    line-height: 50px;
    padding: 0 4%;
    width: 100%;
    position: absolute;
    bottom: -50px
}

.page-wishlist .products-list-container .actions .bttn {
    width: 92%;
    right: -108%
}

.page-wishlist .products-list-container .actions button {
    background: #eee;
    color: #3d3d3d
}

.page-wishlist .products-list-container .actions button .fi {
    font-size: 10px
}

.page-wishlist .products-list-container .actions button:hover {
    background: #009cdd;
    color: #FFF
}

.back-on-wishlist {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.85);
    border: 2px dashed #009cdd;
    margin-left: -2px;
    display: none;
    top: 0
}

.back-on-wishlist button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    line-height: 0
}

.compare-list table img {
    width: 100%;
    height: auto;
    display: block
}

.compare-list table tbody {
    border: none
}

.compare-list table tbody tr th, .compare-list table tbody tr td {
    padding: 10px 20px
}

.compare-list table tbody tr th {
    background: #eee;
    border-bottom: 5px solid #FFF;
    font-family: "FuturaBT-Bold"
}

.compare-list table tbody tr td {
    text-align: center;
    border-right: 1px solid #b1b2b2;
    position: relative
}

.compare-list table tbody tr td .flaticon-check-1 {
    color: #009cdd
}

.compare-list table tbody tr td .flaticon-close-2 {
    font-size: 11px;
    color: red
}

.compare-list table tbody tr td .order-wrap {
    margin-bottom: 5px
}

.compare-list table tbody tr td .order-wrap input, .compare-list table tbody tr td .order-wrap button {
    line-height: 0
}

.compare-list table tbody tr td .order-wrap input {
    height: 32px
}

.compare-list table tbody tr td .order-wrap button {
    height: 34px
}

.compare-list table tbody tr td .add-to-list-buttons {
    margin-bottom: 0
}

.compare-list table tbody tr td .add-to-list-buttons button {
    float: none;
    width: 100%;
    line-height: 0
}

.compare-list table tbody tr td .colour-picker .bx-wrapper {
    margin: 0 auto !important;
    padding: 0 15px
}

.compare-list table tbody tr td .row-delete {
    position: absolute;
    right: -1px;
    top: 0;
    border: 1px solid #b1b2b2;
    width: 25px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.compare-list table tbody tr td .row-delete .fi {
    color: #3d3d3d
}

.compare-list table tbody tr td .row-delete:hover {
    background: #132b84;
    border: 1px solid #132b84
}

.compare-list table tbody tr td .row-delete:hover .fi {
    color: #FFF
}

.compare-list table tbody tr:first-child th {
    border-bottom: none
}

.compare-list table tbody tr:first-child td {
    padding-top: 0
}

.compare-list table tbody tr:last-child td {
    padding-bottom: 0
}

#account-nav ul li a {
    background: #eee;
    display: block;
    padding: 10px 20px;
    margin-bottom: 5px;
    color: #3d3d3d;
    font-family: "FuturaBT-Bold";
    font-size: 13px
}

#account-nav ul li a:hover {
    background: #009cdd;
    color: #FFF
}

#account-nav ul li.current a {
    background: #132b84;
    color: #FFF
}

.my-account {
    margin-top: 40px
}

.my-account .welcome-msg {
    margin-bottom: 40px
}

.my-account .welcome-msg p {
    padding-bottom: 0
}

.box-account {
    padding-bottom: 20px
}

.box-head {
    background: #eee;
    padding: 20px;
    margin-bottom: 40px
}

.box-head h2 {
    color: #3d3d3d;
    display: inline-block
}

.box-head a:before {
    content: "("
}

.box-head a:after {
    content: ")"
}

.box-title {
    margin-bottom: 20px
}

.box-title h3 {
    display: inline-block
}

.box-title a:before {
    content: "("
}

.box-title a:after {
    content: ")"
}

.customer-account-edit .change_password {
    margin-top: 10px
}

.customer-account-edit .change_password label {
    cursor: pointer;
    color: #132b84;
    transition: all 0.4s ease 0s
}

footer.trust {
    background-color: #091541;
    padding: 10px 0
}

@media screen and (min-width: 770px) {
    footer.trust {
        display: none
    }
}

footer.trust li {
    width: 49%;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    color: #fff
}

footer.trust li::before {
    content: '✓';
    margin-right: 10px
}

.scroll-top {
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 1020;
    background-color: #0d1e61;
    color: #fff;
    bottom: 20px;
    right: 20px;
    position: fixed;
    opacity: 0;
    width: 3em;
    height: 3em
}

.scroll-top:active, .scroll-top:focus, .scroll-top:hover {
    color: #ffffff;
    background-color: #009cdd
}

.scroll-top .scroll-top-icon {
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.scroll-top .scroll-top-icon:before {
    content: '';
    position: absolute;
    height: 30%;
    width: 30%;
    border-top: 1px solid;
    border-left: 1px solid;
    top: 55%;
    left: 55%;
    transform: translate(-50%, -50%)
}

.scroll-top.scroll-top-visible {
    opacity: 1
}

footer {
    background: #eee;
    padding: 40px 0 0 0
}

footer ul li a {
    color: #3d3d3d
}

footer ul li a:hover {
    text-decoration: underline
}

#footer-leftcolumn {
    font-size: 12px
}

#footer-leftcolumn h2 {
    font-size: 15px;
    color: #3d3d3d;
    font-family: "Futura-Med";
    margin-bottom: 10px
}

.footer-column {
    float: left;
    width: 20%
}

#footer-payment {
    margin-bottom: 20px
}

#footer-payment ul li a {
    display: inline-block;
    padding-top: 3.3333333333px;
    position: relative
}

#footer-payment ul li a .fi, #footer-payment ul li a .icon-custom {
    margin-right: 20px
}

#footer-payment ul li a .fi:before, #footer-payment ul li a .icon-custom:before {
    font-size: 7px;
    background: #132b84;
    color: #FFF;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 13px;
    text-align: center;
    position: absolute;
    top: 6px
}

#footer-payment ul li .info {
    margin-left: 5px
}

#footer-payment ul li .info:before {
    font-size: 14px
}

#footer-social .fi {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    border-radius: 999px;
    border: 1px solid #3d3d3d;
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-right: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 40px
}

#footer-social .fi:hover {
    background: #132b84;
    border: 1px solid #132b84;
    color: #FFF
}

.footernav ul li {
    margin-bottom: 13.3333333333px;
    line-height: normal
}

.footernav ul li h2 {
    font-size: 13px;
    font-family: "FuturaBT-Bold";
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding-bottom: 20px
}

.bottomfooter {
    text-align: center;
    background: #0d1e61;
    margin-top: 10px;
    padding: 10px;
    font-size: 13px
}

.bottomfooter li {
    display: inline-block;
    margin: 0 10px
}

.bottomfooter a {
    color: #FFF
}

.bottomfooter p {
    padding: 0 !important;
    margin: 0
}

.webform input[type=radio], .webform input[type=checkbox] {
    display: inline-block
}

.webform .next-step {
    clear: both
}

.webform > form > section:first-of-type .form-list {
    display: block
}

.webform > form > section:last-of-type .bttn.next {
    display: none
}

.webform .fieldset h2 {
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
    border-top: 1px solid #E6E6E6;
    padding: 12px 0 5px;
    position: relative
}

.webform .fieldset h2:after {
    content: "" !important;
    font-family: "Flaticon";
    font-size: 14px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    position: absolute;
    right: 10px;
    top: 16px;
    color: #009CDD
}

.webform .fieldset .next {
    cursor: pointer;
    background-color: #009cdd
}

.webform .image {
    text-align: center;
    margin: 20px 0 40px
}

.webform .image img {
    max-width: 100%
}

.webform .field {
    width: auto;
    float: none
}

.webform .field label {
    font-size: 15px;
    font-weight: bold
}

.webform .field > label {
    margin-bottom: 6px;
    display: block
}

.webform .form-list {
    display: none
}

.webform .form-list > li {
    margin-bottom: 10px
}

.webform .type-select-checkbox .list-select, .webform .type-select-radio .list-select {
    margin: 5px 0
}

.webform .type-select-checkbox .list-select label, .webform .type-select-radio .list-select label {
    font-weight: normal
}

.main.container iframe {
    max-width: 100%
}

@media screen and (max-width: 1100px) {
    .slogan {
        display: none !important
    }

    .mainnav ul li {
        margin-right: 20px;
        letter-spacing: 0.8px
    }
}

@media screen and (max-width: 770px) {
    h1 {
        font-size: 16px
    }

    header {
        padding-top: 0
    }

    #header-logo {
        float: left;
        margin: 0 auto 0 auto;
        text-align: center;
        position: relative;
        overflow: hidden;
        width: 31%;
        height: 45px
    }

    .logo img {
        width: 135px;
        height: auto;
        max-height: 100%
    }

    .breadcrumbs {
        background-color: #fff;
        margin-bottom: 0
    }

    .breadcrumbs ul li {
        float: none;
        display: inline-block;
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .breadcrumbs ul li:last-child {
        display: none
    }

    .clicklabel, .search-click {
        display: inline;
        cursor: pointer
    }

    .clicklabel {
        margin-left: 5px
    }

    .trigger_active, .slicknav_open {
        background: #eee !important;
        color: #132b84 !important
    }

    .trigger_active .count, .slicknav_open .count {
        background: #009cdd;
        color: #FFF
    }

    #header-menu-wrap {
        float: none;
        margin-right: 0;
        position: relative
    }

    #header-account .links .clicklabel, #header-account .mini-cart .clicklabel, #header-menu-wrap .clicklabel {
        display: none
    }

    #header-nav, .search-click, #header-account nav, .mini-cart {
        width: 17%;
        margin-right: 0.3%
    }

    .slicknav_menu {
        display: block;
        *zoom: 1
    }

    .slicknav_btn {
        position: relative;
        display: block;
        float: left;
        cursor: pointer;
        height: 45px;
        width: 100%;
        background: #132b84;
        color: #FFF;
        text-align: center;
        line-height: 45px
    }

    .slicknav_icon {
        display: none
    }

    .slicknav_nav {
        position: absolute;
        top: 45px;
        left: 0;
        background: #eee;
        width: 100%;
        -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
        z-index: 999999999
    }

    .slicknav_nav ul li {
        padding: 10px 0;
        height: 20px;
        border-bottom: 1px solid #b1b2b2;
        font-family: "FuturaBT-Bold";
        position: relative
    }

    .slicknav_nav ul li a:not(.slicknav_item) {
        padding-left: 4%
    }

    .slicknav_nav ul li ul {
        background: #e5e5e5
    }

    .slicknav_nav ul li ul li {
        font-family: "Futura-Med";
        font-size: 15px
    }

    .slicknav_nav ul li ul li a:not(.slicknav_item) {
        padding-left: 6%
    }

    .slicknav_nav ul li ul li ul li {
        border-bottom: 0;
        font-family: "FuturaBT-Book";
        font-size: 13px
    }

    .slicknav_nav ul li ul li ul li a:not(.slicknav_item) {
        padding-left: 8%
    }

    .slicknav_nav ul li ul .slicknav_arrow {
        background: #009cdd
    }

    .slicknav_nav ul li ul li:first-child {
        border-top: 1px solid #b1b2b2;
        margin-top: 5px
    }

    .slicknav_nav ul li ul li:last-child {
        border-bottom: none
    }

    .slicknav_nav ul li.slicknav_open {
        height: auto;
        padding-bottom: 0
    }

    .slicknav_nav ul .slicknav_arrow {
        background: #132b84;
        position: absolute;
        right: 0;
        top: 0;
        color: #FFF;
        width: 50px;
        height: 40px;
        text-align: center;
        line-height: 40px
    }

    .mainnav {
        display: none
    }

    #header-search {
        float: none;
        margin-top: 0;
        position: relative
    }

    #header-search form {
        position: absolute;
        top: 45px;
        left: 0;
        width: 90%;
        background: #eee;
        padding: 5%;
        display: none;
        -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
        z-index: 999999998
    }

    #header-search input#search {
        width: 74%;
        padding: 0 0 0 2%;
        margin-left: -1px
    }

    #header-search button {
        width: 24%;
        padding: 0
    }

    .search-click {
        height: 45px;
        background: #132b84;
        float: left;
        color: #FFF;
        text-align: center;
        line-height: 45px
    }

    #header-account {
        background: none;
        color: auto;
        position: relative;
        top: auto;
        left: auto;
        width: auto
    }

    #header-account nav {
        float: left;
        height: auto;
        position: relative
    }

    .slogan, .businesslogin, .comparelist, .wishlist {
        display: none !important
    }

    .accountlogin {
        background: #132b84;
        width: 100%;
        padding: 0 !important;
        text-align: center;
        height: 45px;
        line-height: 45px
    }

    .accountlogin .clicklabel {
        margin-left: 0
    }

    .mini-cart {
        float: left;
        margin-right: 0
    }

    .mini-cart .mini-cart-list {
        visibility: inherit;
        opacity: inherit
    }

    .mini-cart-icon {
        position: relative;
        right: auto;
        top: auto;
        display: block;
        width: 100%
    }

    .mini-cart-icon .count {
        position: relative;
        display: inline-block;
        top: -8px;
        right: auto
    }

    .mini-cart-icon .clicklabel {
        margin-left: 0
    }

    .mini-cart-icon:before {
        line-height: 45px;
        font-size: inherit
    }

    .mini-cart-list {
        width: 90%;
        padding: 5%;
        display: none
    }

    #hartipro ul li .hartipro-item {
        display: block;
        margin: 0 0 10px 0
    }

    #hartipro ul li .hartipro-icon {
        float: none
    }

    #hartipro ul li .hartipro-label {
        font-size: 11px;
        text-align: center;
        line-height: normal !important
    }

    .teaser-item {
        flex-basis: 48%
    }

    .teaser-item-big {
        flex-basis: 100%
    }

    #filter {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    #filter .toggle_container {
        display: none;
        margin-bottom: 20px
    }

    #filter .trigger {
        display: block;
        cursor: pointer
    }

    #filter .trigger:hover {
        background: #132b84
    }

    .category-products > .toolbar {
        position: relative;
        padding-bottom: 10px
    }

    .category-products > .toolbar .toolbar-pager, .category-products > .toolbar .view-mode {
        display: none
    }

    .category-products > .toolbar a.filter {
        padding: 0;
        float: left;
        margin-left: 10px;
        width: 45%;
        width: calc(50% - 15px);
        line-height: 30px;
        height: 30px
    }

    .category-products > .toolbar .toolbar-sorter {
        display: block;
        width: 45%;
        width: calc(50% - 15px);
        margin-right: 10px;
        float: right
    }

    .category-products > .toolbar .toolbar-sorter .sort-by {
        margin: 0;
        width: 100%
    }

    .category-products > .toolbar::after {
        display: block;
        content: "";
        clear: both
    }

    .col-main {
        width: 100%;
        max-width: none;
        float: none
    }

    .products-item {
        width: 46.3%;
        flex-basis: 46.3%
    }

    .products-item .add-to-links {
        display: none
    }

    #product-left {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .product-img-box > div {
        float: left;
        width: calc(100% - 70px) !important;
        height: auto !important
    }

    .product-img-box .thumbnails {
        float: right
    }

    .product-img-box .thumbnails li {
        width: 60px;
        height: 60px;
        float: none;
        margin: 0 0 10px 10px
    }

    #short-description {
        max-height: 200px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        margin-bottom: 10px
    }

    #short-description.visible {
        max-height: none;
        cursor: auto;
        margin-bottom: 0px
    }

    #short-description.visible:after {
        display: none
    }

    #short-description:after {
        display: block;
        content: 'Mehr anzeigen';
        height: 100px;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 82%, #fff 100%);
        color: #009CDD;
        vertical-align: baseline;
        line-height: 180px;
        padding: 10px
    }

    .product-download-box {
        border: 1px solid #b1b2b2;
        width: 100%
    }

    .product-download-box button {
        width: 100%;
        margin: 0
    }

    .product-download-box .important-info {
        font-size: 12px;
        line-height: normal;
        padding: 10px
    }

    #product-right {
        float: none;
        width: 100%
    }

    #product-right h1 {
        font-size: 16px
    }

    .products-rating-links {
        margin-bottom: 20px
    }

    .stars {
        display: block
    }

    .products-pros {
        margin-bottom: 20px
    }

    .products-pros li {
        font-size: 13px;
        margin-bottom: 10px
    }

    .products-colours-infos {
        display: block;
        overflow: hidden
    }

    .products-colours-infos .chosen-colour {
        float: none;
        display: block;
        line-height: normal
    }

    .products-colours-infos .delivery {
        float: none;
        display: block;
        line-height: normal
    }

    .products-customize-buttons, .add-to-list-buttons {
        margin-bottom: 10px
    }

    .products-customize-buttons button, .add-to-list-buttons button {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .products-customize-buttons button:last-child, .add-to-list-buttons button:last-child {
        float: none
    }

    .discount-scale {
        float: none;
        width: 100%;
        min-height: auto
    }

    .your-discount, .price-info {
        width: 100%;
        position: relative;
        bottom: auto;
        right: auto
    }

    .discount-scale {
        margin-bottom: 10px
    }

    .your-discount {
        margin-bottom: 20px
    }

    #tab-container {
        margin-top: 40px
    }

    ul.tabs li a {
        padding: 10px 13.3333333333px;
        margin-right: 5px
    }

    ul.tabs li a .flaticon-exclamation, ul.tabs li a .flaticon-favorite-1 {
        display: inline-block
    }

    ul.tabs li a .description-txt {
        display: none
    }

    .tabs-content-left {
        float: none;
        width: 100%
    }

    .tabs-content-right {
        float: none;
        width: 100%
    }

    #newsletter-container form input {
        width: 45%
    }

    #newsletter-container form button {
        width: 45%
    }

    #x-selling .products-item {
        width: 100%;
        flex-basis: 100%
    }

    .link-teaser {
        margin: 20px 0
    }

    .link-teaser-item {
        width: 48.1%;
        flex-basis: 48.1%
    }

    .cart form thead, .cart form .product-cart-price, .cart form .product-cart-discount-price, .cart form .product-cart-discount-price {
        display: none !important
    }

    .cart form table {
        border-top: 1px solid #b1b2b2
    }

    .cart form td:not(.product-cart-remove) {
        display: block;
        text-align: center
    }

    .cart form tr {
        position: relative !important
    }

    .cart form td {
        padding: 0 0 20px 0 !important;
        position: static !important
    }

    .cart form .product-cart-image, .cart form .product-cart-remove {
        padding-top: 20px !important
    }

    .cart form .product-cart-image a {
        display: inline-block !important;
        width: 120px !important
    }

    .cart form .product-cart-info h2 {
        margin-bottom: 20px
    }

    .cart form .product-cart-info .trigger_active {
        background: none !important;
        color: #009cdd !important
    }

    .cart form .product-cart-info .custom-added-details {
        text-align: left
    }

    .cart form .product-cart-remove {
        position: absolute !important;
        right: 0;
        top: 0
    }

    .cart form .product-cart-remove a:after {
        font-size: 12px !important
    }

    .cart form tfoot td button {
        float: none !important;
        margin-bottom: 5px
    }

    .cart form tfoot td button:last-child {
        margin-bottom: 0
    }

    .cart-forms, .cart-totals {
        float: none;
        width: 100%
    }

    .discount-form .field-wrapper input, .discount-form .field-wrapper button {
        float: none;
        width: 91.5%;
        outline: none;
        border: 1px solid #b1b2b2
    }

    .discount-form .field-wrapper button {
        margin-top: 10px;
        border: none;
        width: 100%
    }

    .cart-totals {
        width: 91.5%;
        padding: 4%
    }

    ol#checkoutSteps .field {
        width: 99%
    }

    #opc-login .col-1, #opc-login .col-2, #account-login .col-1, #account-login .col-2 {
        width: 91%;
        float: none;
        border: 1px solid #b1b2b2;
        padding: 4%
    }

    #opc-login .col-1, #account-login .col-1 {
        margin-bottom: 20px
    }

    #opc-login .buttons-set button, #account-login .buttons-set button {
        width: 100%;
        padding: 10px 2%
    }

    #opc-billing .required-fields {
        float: none
    }

    #opc-payment .form-list img {
        max-width: 100%;
        height: auto
    }

    #opc-review .cart form table td {
        padding: 10px !important
    }

    .col-right {
        display: none
    }

    .compare-list {
        overflow: scroll
    }

    .compare-list td {
        min-width: 120px
    }

    .account-click {
        margin-bottom: 20px
    }

    .account-click .clicklabel {
        display: block !important;
        background: #132b84;
        color: #FFF;
        padding: 20px;
        display: block;
        margin: 0
    }

    .account-click .clicklabel .fi:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        font-size: 12px;
        margin-left: 10px
    }

    .account-click.trigger_active .clicklabel {
        background: #eee;
        color: #3d3d3d
    }

    .account-click.trigger_active .clicklabel .fi:before {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg)
    }

    #account-nav {
        display: none;
        width: 100%;
        float: none;
        margin-bottom: 40px
    }

    .my-account {
        margin-top: 40px
    }

    .my-account .welcome-msg {
        margin-bottom: 40px
    }

    .my-account .welcome-msg p {
        padding-bottom: 0
    }

    .my-account .col-1, .my-account .col-2 {
        float: none;
        width: 100%
    }

    .my-account .col-1 {
        margin-bottom: 20px
    }

    #footer-leftcolumn {
        display: none
    }

    .footer-column {
        float: left;
        width: 48%
    }

    .footernav ul li {
        margin-right: 2%
    }

    .footernav ul li ul li {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 450px) {
    .clicklabel, .count {
        display: none !important
    }

    .accountlogin .fi:before, .search-click .fi:before, .slicknav_btn .fi:before, .mini-cart-icon:before {
        font-size: 16px;
        display: inline;
        line-height: 45px
    }

    .slider1 {
        display: flex;
        flex-flow: row wrap
    }

    .slider1 li {
        position: relative
    }

    .testimonial-img {
        height: 180px
    }

    .friseur .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_friseur_small.jpg)
    }

    .physio .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_physio_small.jpg)
    }

    .wellness .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_wellness_small.jpg)
    }

    .testimonial-infos {
        position: static;
        width: 100%;
        left: 0;
        margin-left: 0;
        bottom: 0;
        padding-bottom: 40px
    }

    .testimonial-infos .bttn {
        width: 100%;
        padding: 10px 0;
        position: absolute;
        left: 0;
        bottom: 0;
        white-space: nowrap
    }

    .testimonial-quote {
        background: #FFF;
        margin-bottom: 0;
        box-shadow: none
    }

    .testimonial-quote blockquote {
        font-size: 20px
    }

    .bx-controls, #slider-pager {
        display: none
    }

    #hartipro ul li {
        cursor: auto
    }

    #hartipro ul li .hartipro-item .flaticon-signs {
        display: none
    }

    .page-intro {
        margin-bottom: 20px
    }

    .toolbar {
        padding: 10px 10px 0
    }

    .toolbar select {
        height: 25px;
        line-height: 25px
    }

    .pagination ol li {
        width: 25px;
        height: 25px;
        line-height: 25px
    }

    .pagination ol li a {
        width: 25px;
        height: 25px
    }

    .view-mode .grid, .view-mode .list {
        width: 25px;
        height: 25px;
        line-height: 25px
    }

    #products {
        display: block;
        flex-flow: none
    }

    .products-item {
        float: none;
        width: 100%;
        flex-basis: none;
        margin: 0 0 10px
    }

    .products-links:hover .bttn {
        display: none
    }

    .products-links:hover h2, .products-links:hover img {
        opacity: 1
    }

    .colour-picker .bx-controls {
        display: block
    }

    .products-list-container {
        float: none;
        width: 100%;
        margin-right: 0;
        text-align: center
    }

    .products-list-container h2 {
        font-size: 18px
    }

    .products-list-container .more {
        margin-bottom: 20px;
        display: block
    }

    .products-list-container .bx-wrapper {
        margin: 0 auto !important
    }

    .products-list-container .products-pros {
        margin-bottom: 0
    }

    .products-list-container .products-pros li {
        display: inline-block;
        margin-bottom: 5px
    }

    .page-wishlist .products-list-container {
        width: 100%
    }

    .page-wishlist .products-list-container .actions .bttn, .page-wishlist .products-list-container .actions button {
        position: relative;
        bottom: auto
    }

    .page-wishlist .products-list-container .actions .bttn {
        right: auto
    }

    .page-wishlist .products-list-container .actions button {
        margin-bottom: 10px
    }

    .back-on-wishlist button {
        line-height: normal;
        width: 80%;
        padding: 10px 0
    }

    #contact-teaser img {
        width: 35%;
        height: auto;
        display: block;
        float: left;
        margin-right: 5%
    }

    .contact-teaser-txt {
        margin-bottom: 20px
    }

    .contact-teaser-txt h3 {
        font-size: 15px;
        line-height: normal
    }

    .contact-teaser-txt p {
        font-size: 13px;
        line-height: normal;
        padding-bottom: 0
    }

    .contact-teaser-buttons {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .contact-teaser-buttons .bttn {
        display: block;
        margin-bottom: 5px
    }

    .contact-teaser-buttons .bttn.light {
        margin-bottom: 40px
    }

    .two-buttons {
        margin-top: 10px
    }

    .two-buttons .bttn {
        float: none;
        width: 96%;
        display: block
    }

    .two-buttons .bttn:first-child {
        margin-bottom: 10px
    }

    .link-teaser-item {
        float: none;
        width: 100%;
        flex-basis: 100%;
        margin: 0 0 20px
    }

    #newsletter form input {
        width: 45%
    }

    #newsletter form button {
        width: 45%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) {
    .friseur .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_friseur_big_x2.jpg)
    }

    .physio .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_physio_big_x2.jpg)
    }

    .wellness .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_wellness_big_x2.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 450px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 450px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 450px), only screen and (min-device-pixel-ratio: 2) and (max-width: 450px) {
    .friseur .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_friseur_small_x2.jpg)
    }

    .physio .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_physio_small_x2.jpg)
    }

    .wellness .testimonial-img {
        background-image: url(https://harti.de/skin/frontend/rwd/harti/img/testimonial/testimonial_wellness_small_x2.jpg)
    }
}

#inputform table {
    width: auto
}

#inputform table tbody {
    border: none
}

div.mahanoForm div.request {
    margin-top: 20px
}

div.products-customize {
    padding-left: 5px
}

select.mahano-field {
    height: 28px;
    padding: 0px 10px 0px 10px
}

input.mahano-field {
    height: 28px;
    padding: 0px 10px 0px 10px
}

p.mahano_description {
    padding-top: 5px;
    line-height: 1.4
}

.clear-both{clear:both}.clear-left{clear:left}.clear-right{clear:right}.lazy{opacity:0;transition:opacity .6s ease-in}.link{text-decoration:underline;cursor:pointer}.bullet-points{margin-left:0;padding:0;list-style-type:none}.bullet-points li{text-indent:-1rem;padding-left:.9333333333rem}.nolist,.vertnav ol,.vertnav ul,.colors,.nolist,.vertnav ol,.vertnav ul,.colors{margin:0;padding:0;list-style-type:none;list-style-image:none}.trans75{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZAQMAAAD+JxcgAAAAA1BMVEX///+nxBvIAAAAAXRSTlO/Gzh2ewAAAAtJREFUCNdjGEgAAAB9AAH9XSxDAAAAAElFTkSuQmCC") transparent top left repeat}.check{position:relative}.check:after{content:'';position:absolute;top:0;left:0;display:block;width:1rem;height:1rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMA7jMRu6oi3XdmzJlVRPzyXI4AAAA0SURBVAjXY8AFNkHpFAUIzSQEFbh3ACogAaZYFpgHQBS+DEwAM5gFX0KV9hVAGaYGDPgBAEeACIz0vIHpAAAAAElFTkSuQmCC) transparent top left no-repeat}.check.black:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAALVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADBoCg+AAAADnRSTlMA7jMRu6oi3XdmzJlVRPzyXI4AAAA0SURBVAjXY8AFNkHpFAUIzSQEFbh3ACogAaZYFpgHQBS+DEwAM5gFX0KV9hVAGaYGDPgBAEeACIz0vIHpAAAAAElFTkSuQmCC)}.up{position:relative}.up.active:after{transform:rotate(0deg)}.up:after{content:'';display:block;position:absolute;top:0;right:0;width:.7333333333rem;height:.4rem;transform:rotate(180deg);transition:transform 0.5s ease;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGBAMAAADnHHnLAAAAD1BMVEUAAAA9PT09PT09PT09PT1OXkAbAAAABXRSTlMA3h53vyn4B00AAAAnSURBVAjXY2BgUFFgAAImYSEQpWhgqADiMDALgTgMDECuMFCcWQAAKMoCAPwcG7UAAAAASUVORK5CYII=") transparent top left no-repeat}.a-right{text-align:right}.a-center{text-align:center}.f-left{float:left}.f-right{float:right}.arrow-content,.arrow.before:before,.bullet-points li:before,.arrow.after:after,.bullet-points li.after:after{content:'';border:solid currentColor;border-width:0 .0666666667rem .0666666667rem 0;display:inline-block;padding:.2rem;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.arrow.before:before,.bullet-points li:before{margin-right:.4666666667rem}.arrow.after:after,.bullet-points li.after:after{float:right}.arrow.up:before,.bullet-points li.up:before,.arrow.up:after,.bullet-points li.up:after{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.arrow.down:before,.bullet-points li.down:before,.arrow.down:after,.bullet-points li.down:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);vertical-align:.1333333333rem}.arrow.aright:before,.bullet-points li:before,.arrow.aright:after,.bullet-points li:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:.2rem}.arrow.aleft:before,.bullet-points li.aleft:before,.arrow.aleft:after,.bullet-points li.aleft:after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);margin-top:.2rem}.arrow.grey:before,.bullet-points li.grey:before,.arrow.grey:after,.bullet-points li.grey:after{border-color:gray}.arrow.green:before,.bullet-points li:before,.arrow.green:after,.bullet-points li:after{border-color:#009CDD}.vertnav{overflow:hidden}.vertnav p{font-size:1rem;padding:.7333333333rem 0 .8rem 1.3333333333rem;margin:0;background-color:#f2f2f2;background-color:#f2f2f2;color:#202222}.vertnav p strong{font-weight:normal}.vertnav .section{background-color:#f2f2f2;margin:0 0 .2666666667rem 0;padding:0 0 .6666666667rem 0}.vertnav .section>p.up:after{top:1.3333333333rem;right:1.4rem}.vertnav .section .colorclasses li a{padding:.2rem 0 0 .6666666667rem}.vertnav .section .section-header{cursor:pointer}.vertnav .section .section-header .up{transform:rotate(0deg)}.vertnav li{margin:0;padding:0}.vertnav li.amshopby-advanced li.level0>a{padding-left:1.3333333333rem;font-size:.9333333333rem}@media only screen and (min-width: 68.3333333333em){.vertnav li.amshopby-advanced li.level0>a{text-transform:uppercase;letter-spacing:0.03em}}.vertnav li.amshopby-advanced li.level1 a{font-size:.8666666667rem;padding:0 0 .6666666667rem 1.3333333333rem}@media only screen and (min-width: 68.3333333333em){.vertnav li.amshopby-advanced li.level1 a{padding-left:2.6666666667rem;font-size:.9333333333rem}}.vertnav li.amshopby-advanced li.level2 a{padding:0 0 .6666666667rem 3.3333333333rem}.vertnav li.amshopby-advanced li.active>a{color:#009CDD}.vertnav a{position:relative;display:block;text-decoration:none;color:#202222;font-size:.8666666667rem;padding:.2666666667rem .4rem .4rem 2.6666666667rem;background-color:#f2f2f2;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;word-wrap:break-word}.vertnav .checkboxes a:before{content:'';position:absolute;top:.5333333333rem;left:1.2rem;display:block;width:.9333333333rem;height:.9333333333rem;background-color:#fff;border:1px solid #AAA}.vertnav .checkboxes a.active:before,.vertnav .checkboxes a.selected:before,.vertnav .checkboxes a:hover:before{background-color:#132B84;border-color:#132B84}@media only screen and (min-width: 68.3333333333em){.layered-nav{padding-right:1rem}}.colors{text-align:center;height:2.9333333333rem;margin-bottom:.1333333333rem}.colors li{display:inline-block;width:1rem;height:1rem;border:none;cursor:pointer}.colors li.black{width:1rem;height:1rem;border:1px solid #e0e0e0}.colors li.check:after{top:0px;left:0px}.colorclasses>li{margin-bottom:.6666666667rem}.colorclasses p{cursor:pointer;margin:0 1.3333333333rem;background-color:#fff;font-size:.8666666667rem;line-height:1em;padding:0;overflow:hidden}.colorclasses p strong{display:block;padding-top:.5333333333rem}.colorclasses p.up:after{right:10px;top:10px}.colorclasses .icon{display:block;float:left;width:2rem;height:2rem;margin-right:.6666666667rem}.colorclasses .icon.check:after{top:.4666666667rem;left:.4666666667rem}.colorclasses .items{display:none;background-color:ghost;margin:0 1.3333333333rem}.colorclasses .items.open{display:block}.colorclasses .items a{background-color:transparent;position:relative;padding-left:0}.colorclasses .items a:before,.colorclasses .items a:after{content:" ";display:table}.colorclasses .items a:after{clear:both}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.alphacube_nw, .alphacube_ne,
.alphacube_w, .alphacube_e,
.alphacube_sw, .alphacube_s, .alphacube_se {
    display: none;
}

.alphacube_buttons {
    margin-top: 1.5rem;
}

td.alphacube_content > div {
    padding: 0.5rem;
}

.alphacube_n div {
    font-weight: bold;
    font-size: 1.5rem;
    padding: 1rem 0.5rem;
}

.dialog table, .dialog table tr, .dialog table td {
    border-collapse: unset;
}

body > .dialog {
    width: 600px !important;
    left: 50% !important;
    margin-left: -300px;
    top: unset !important;
    background-color: #fff;
    position: fixed;
    margin-top: 100px;
    height: auto !important;
}

@media screen and (max-width: 620px) {
    body > .dialog {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0;
        background-color: #fff;
        margin-top: 20px;
    }
}

.overlay_alphacube {
	background-color: rgba(0, 0, 0, 0.3);
}

/*Landing Page Header
--------------------------------------------------------*/

.lp-header {
	text-align: center;
}

.landing-page .main.page .lp-header__title {
	margin-top: 5px;
	margin-bottom: 25px;
	font-size: 22px;
	color: #132b84;
	font-weight: 400;
}

.landing-page .page .lp-header__subtitle {
	max-width: 100%;
	margin-bottom: 10px;
	font-size: 22px;
	color: #132b84;
}

.landing-page .page p.lp-header__teaser {
	max-width: 100%;
	margin-bottom: 12px;
	padding: 0;
	text-align: center;
	text-align-last: center;
	font-size: 18px;
	color: #3d3d3d;
}

.lp-header__btn {
	margin-top: 12px;
	margin-bottom: 40px;
}

/*Landing Page Footer
--------------------------------------------------------*/
.footer-references {
	padding: 24px 0;
	background-color: #f2f2f2;
	border-top: 4px solid #eeeeee;
}

/*Landing Page Content
--------------------------------------------------------*/

/*Text*/
.landing-page .page p.lp-text {
	max-width: 100%;
}

/*Button*/
.lp-btn {
	display: inline-block;
	text-align: center;
	padding: 13px 20px;
	margin: 0 auto;
	font-size: 24px;
	line-height: normal;
	background-color: #132b84;
	border: 0 !important;
	color: #ffffff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.lp-btn:hover {
	background-color: #009cdd;
}

/*Boxen*/
.lp-box {
	min-height: 1px;
	padding: 12px;
	background-color: #f2f2f2;
}

.lp-box--outline {
	background-color: transparent;
	border: 4px solid #eeeeee;
}

.lp-box--default {
	border: 4px solid #eeeeee;
}

.lp-box--decorated {
	padding: 24px 12px;
	border: 0px;
	border-top: solid 4px #009cdd;
}

.landing-page .page .lp-box.lp-box--decorated .lp-box__title {
	text-align: center;
	text-align-last: center;
}

.landing-page .page .lp-box.lp-box--decorated .lp-box__btn {
	text-align: center;
}

.landing-page .page .lp-box .lp-box__title {
	text-align: left;
	text-align-last: left;
	max-width: 100%;
	margin-left: 0;
	font-size: 22px;
}

.lp-box__btn {
	margin-top: 12px;
}

/*Listen*/
.landing-page .page ul.lp-list {
	position: relative;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left !important;
	text-align-last: left;
	max-width: 650px;
}

.landing-page .page ul.lp-list:before {
	content: "• ";
	font-size: 20px;
	color: #009cdd;
	position: absolute;
	left: 0;
}

/*Links*/
.lp-link--contact {
	display: block;
	padding: 12px 0px 24px 0px;
	font-size: 24px;
	font-weight: bold;
	color: #132b84;
}

/*Landing Page Layout
--------------------------------------------------------*/

/*Section*/
.lp-section {
	margin-bottom: 48px;
}

/*Abstände*/
.lp-spacer--xs {
	height: 12px;
}

.lp-spacer--sm {
	height: 24px;
}

.lp-spacer--m {
	height: 36px;
}

.lp-spacer--lg {
	height: 48px;
}

/*Grid (2-Spalter)*/
.lp-grid--93 {
	display: block;
	width: 100%;
}

.lp-grid__9 {
	float: none;
	width: 100%;

}

.lp-grid__3 {
	float: none;
	width: 100%;
	margin-top: 12px;
}

/*Responsive*/
@media (min-width: 1088px) {
	.lp-grid--93 {
		display: block;
		width: 100%;
	}

	.lp-grid__9 {
		float: left;
		width: 65%;
		padding-right: 12px;
	}

	.lp-grid__3 {
		float: left;
		width: 33%;
		margin-top: 0;
	}

	.lp-box {
		min-height: 417px;
	}
}