@charset "UTF-8";/*!* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfonte0a5.eot?v=4.3.0);
    src: url(../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.3.0) format("embedded-opentype"),url(../fonts/fontawesome-webfonte0a5.woff2?v=4.3.0) format("woff2"),url(../fonts/fontawesome-webfonte0a5.woff?v=4.3.0) format("woff"),url(../fonts/fontawesome-webfonte0a5.ttf?v=4.3.0) format("truetype"),url(../fonts/fontawesome-webfonte0a5.svg?v=4.3.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0)
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
    transform: scaleY(-1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before,.fa-close:before,.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before,.fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before,.fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before,.fa-image:before,.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before,.fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before,.fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,.fa-users:before {
    content: ""
}

.fa-chain:before,.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,.fa-scissors:before {
    content: ""
}

.fa-copy:before,.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before,.fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before,.fa-sort:before {
    content: ""
}

.fa-sort-down:before,.fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before,.fa-sort-asc:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,.fa-undo:before {
    content: ""
}

.fa-legal:before,.fa-gavel:before {
    content: ""
}

.fa-dashboard:before,.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before,.fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before,.fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before,.fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before,.fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before,.fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before,.fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before,.fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,.fa-usd:before {
    content: ""
}

.fa-rupee:before,.fa-inr:before {
    content: ""
}

.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
    content: ""
}

.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
    content: ""
}

.fa-won:before,.fa-krw:before {
    content: ""
}

.fa-bitcoin:before,.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before,.fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before,.fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before,.fa-bank:before,.fa-university:before {
    content: ""
}

.fa-mortar-board:before,.fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,.fa-car:before {
    content: ""
}

.fa-cab:before,.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before,.fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before,.fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,.fa-rebel:before {
    content: ""
}

.fa-ge:before,.fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,.fa-weixin:before {
    content: ""
}

.fa-send:before,.fa-paper-plane:before {
    content: ""
}

.fa-send-o:before,.fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-genderless:before,.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before,.fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-hotel:before,.fa-bed:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone,.dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 150px;
    border: 1px solid rgba(0,0,0,.8);
    border-radius: 5px;
    padding: 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    margin: 3em 0
}

.dropzone .dz-message .dz-button {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom,#eee,#ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: #000000e6;
    line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200,200,200,.8);
    background-color: #fffc
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span {
    background-color: #fff6;
    padding: 0 .4em;
    border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(.77,0,.175,1);
    animation: passing-through 3s cubic-bezier(.77,0,.175,1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(.77,0,.175,1);
    animation: slide-in 3s cubic-bezier(.77,0,.175,1)
}

.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    background: rgba(0,0,0,.8);
    border-radius: 50%
}

.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
    fill: #fff
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    left: 15%;
    right: 15%;
    border: 3px solid rgba(0,0,0,.8);
    background: rgba(0,0,0,.8);
    border-radius: 10px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #fff;
    display: block;
    position: relative;
    height: 100%;
    width: 0;
    transition: width .3s ease-in-out;
    border-radius: 17px
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #b10606;
    padding: .5em 1em;
    color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #b10606
}

@font-face {
    font-family: fv_icons;
    src: url(../fonts/fv_icons.eot);
    src: url(../fonts/fv_iconsd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/fv_icons.ttf) format("truetype"),url(../fonts/fv_icons.woff) format("woff"),url(../fonts/fv_iconsd41d.svg?#fv_icons) format("svg");
    font-weight: 400;
    font-style: normal
}

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

.fv-icon-a:before {
    content: "a"
}

.fv-icon-b:before {
    content: "b"
}

.fv-icon-c:before {
    content: "c"
}

.fv-icon-d:before {
    content: "d"
}

.fv-icon-e:before {
    content: "e"
}

.fv-icon-f:before {
    content: "f"
}

.fv-icon-g:before {
    content: "g"
}

.fv-icon-h:before {
    content: "h"
}

.fv-icon-i:before {
    content: "i"
}

.fv-icon-j:before {
    content: "j"
}

.fv-icon-k:before {
    content: "k"
}

.fv-icon-l:before {
    content: "l"
}

.fv-icon-m:before {
    content: "m"
}

.fv-icon-n:before {
    content: "n"
}

.fv-icon-o:before {
    content: "o"
}

.fv-icon-p:before {
    content: "p"
}

.fv-icon-q:before {
    content: "q"
}

.fv-icon-r:before {
    content: "r"
}

body {
    font-family: Vazir;
    font-size: 13px;
    color: #222;
    background: #fff url(../fileadmin/images/neutral/fv_bg_01.jpg) repeat-x fixed center 125px;
    margin: 0;
    padding: 0
}

p,p span {
    -webkit-hyphens: none;
    hyphens: none
}

.content {
    margin-bottom: 30px
}

.fv-start .content {
    margin-bottom: 0
}

.metanavigation {
    height: 40px;
    padding-top: 10px;
    background-color: #ededed
}

.breadcrumb {
    margin-bottom: 15px;
    margin-top: 29px;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 1
}

.tab-pane .breadcrumb {
    margin-top: 0
}

.breadcrumb a {
    font-size: 1em;
    padding-right: 10px;
    padding-top: 5px;
    text-decoration: underline
}

.breadcrumb a.cur {
    font-size: 1em;
    padding-right: 10px;
    text-decoration: underline
}

.breadcrumb a:hover {
    text-decoration: none
}

.footer {
    background-color: #f7f7f7
}

.footer-top {
    background-color: #fff;
    float: left;
    border-top: 1px #ccc solid
}

.footer-top img {
    margin: 27px 25px
}

.footer-listen {
    background-color: #f7f7f7;
    border-top: 1px solid #ccc;
    overflow: auto;
    height: 100%;
    width: 100%;
    clear: both
}

.footer-middle {
    min-height: 140px;
    background-color: #fff
}

.footer-middle img {
    margin: 27px 32px
}

.footer-bottom {
    height: 101px;
    border-top: 1px #ccc solid
}

.footer ul {
    margin: 0
}

.footer ul li a {
    text-decoration: none
}

.footer-listen .list {
    margin-top: 5px;
    padding: 10px 0;
    height: 100%
}

.footer-listen .list span {
    padding-left: 7px;
    font-size: 1.1em;
    font-weight: 600;
    color: #000
}

.footer-listen .list ul {
    padding: 0 0 15px 7px;
    list-style: none outside none!important
}

.footer-listen .list ul li a,.footer-listen .list ul li span,.copyright span {
    font-size: .92em;
    line-height: 1.53em;
    color: #333;
    font-family: Vazir!important;
    padding: 0;
    font-weight: 400!important
}

.copyright span.currentYear {
    font-size: inherit;
    font-family: Vazir!important;
    line-height: inherit;
    color: inherit
}

.footer-listen .list ul li a:hover,.footer-listen .list ul li span:hover {
    text-decoration: underline!important;
    cursor: pointer
}

.copyright {
    background-color: #fff;
    padding: 10px;
    height: 40px
}

#versand {
    margin-left: 33px
}

#zahlung {
    border: 0
}

#zahlung img {
    margin-left: 10px;
    margin-top: 15px
}

#karte {
    display: block;
    margin-top: 15px
}

.rowPics,.rowLogos {
    width: 100%;
    height: 150px;
    border-top: 1px solid #999
}

.rowPics img {
    margin: 27px 10px
}

.rowLogos img {
    margin: 25px 18px
}

.tv-logos {
    background-color: #e0e0e0;
    height: 90px;
    border-top: 1px solid #ccc
}

.tv-logos span {
    font-size: 1.15em;
    font-weight: 300;
    color: #000;
    font-family: Vazir!important
}

.tv-logos img {
    margin-top: 23px;
    margin-left: 35px
}

#youtube {
    margin-top: 15px
}

.copyright {
    border-top: 1px solid #ccc
}

.copyright>a {
    color: #000
}

.copyright span {
    padding-top: 10px
}

.wk {
    background-image: url(../fileadmin/images/neutral/warenkorb-back.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    height: 140px
}

.wk-se {
    background-image: url(../fileadmin/images/neutral/bg-header-se.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    height: 140px
}

.wk-fr {
    background-image: url(../fileadmin/images/fr/warenkorb-back-fr.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    height: 140px
}

.warenkorb {
    border: 1px #ccc solid;
    border-top: 0;
    background-color: #fefef4
}

.warenkorb-inner {
    padding: 8px;
    width: 220px
}

.div-head {
    background-color: #000;
    color: #fff;
    font-weight: 700;
    font-size: .92em;
    padding: 4px
}

.yellow {
    background: none repeat scroll 0 0 #fcf8e2;
    text-align: center;
    padding: 50px;
    margin-left: 15px;
    margin-right: 15px
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 10px;
    margin-bottom: 20px;
    height: 0;
    overflow: hidden
}

.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.pagebrowser {
    margin-top: 20px;
    margin-left: 15px;
    color: #333;
    border-top: 1px solid #bdbdbd;
    padding: 15px 0;
    display: inline-block;
    width: 97%
}

.pagebrowser .col-sm-6 {
    margin-bottom: 0!important
}

div.first,div.last {
    display: none
}

.pagebrowser div a {
    font-size: 1em;
    color: #333;
    text-decoration: underline
}

.pagebrowser div a:hover {
    text-decoration: none
}

.prevnextarrow {
    font-size: 1em;
    color: #333
}

.boxes {
    padding-top: 30px;
    clear: both
}

h1,h2,h3,h4,h5,h6 {
    font-family: Vazir;
    margin-bottom: 10px;
    font-weight: 300;
    padding: 0
}

.h1,.h2,.h3,.h4 {
    font-family: Vazir
}

h1 {
    font-size: 2.4em;
    margin-top: 0;
    line-height: 1.1em;
    color: #000;
    padding: 0 15px;
    margin-bottom: 25px
}

h1+figure.col-sm-12 {
    margin-top: 25px
}

.row>h2 {
    padding-left: 15px;
    margin-bottom: 20px
}

h2 {
    font-size: 1.8em;
    font-weight: 300;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px
}

h3,h4 {
    font-size: 1.5em;
    margin-top: 0
}

p+h3,p+h4,ul+h3 {
    margin-top: 25px;
    margin-bottom: 5px
}

h5 {
    font-size: 1.1em;
    margin-top: 15px;
    margin-bottom: 5px
}

h6 {
    font-size: 1.2em;
    padding-left: 15px;
    margin-top: 18px;
    margin-bottom: 5px;
    background: url(../fileadmin/images/neutral/haken-small.png) no-repeat 0 -1px
}

.col-lg-12 h1,.col-sm-12 h1,.col-xs-12 h1,.col-md-12 h1 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0
}

.justify {
    text-align: justify
}

.quote {
    color: #666;
    font-family: Vazir;
    font-size: 1.38em;
    font-style: italic;
    font-weight: 600;
    line-height: 1.76em;
    clear: both;
    margin: 25px 0;
    border-left: 0
}

.big {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px 30px
}

.b-small {
    font-size: 1em;
    font-weight: 600!important;
    line-height: 1.38em;
    margin-top: 10px;
    padding: 2px 13px 4px
}

.logotext {
    font-size: 1.37em;
    padding: 12px 0 0
}

.no-link-style,.no-link-style:hover {
    text-decoration: none!important;
    color: #111!important;
    cursor: default!important
}

a {
    color: #111;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.garantie img {
    float: right
}

.garantie span {
    font-size: 12px;
    display: block
}

ul,ol {
    padding-left: 20px
}

ul.bxslider li {
    background-image: none!important;
    padding-left: 0!important
}

td>ul.haken-gruen {
    margin-top: 10px
}

.content ul li,.widecontent ul li {
    list-style: none;
    padding-left: 12px;
    background-image: url(../fileadmin/images/neutral/grey-square.png);
    background-repeat: no-repeat;
    line-height: 1.7em
}

.content ul:not(.haken-gruen):not(.haken-rot):not(.haken-small):not(.haken) li,.widecontent ul:not(.haken-gruen):not(.haken-rot):not(.haken-small):not(.haken) li {
    background-position-y: 2px
}

.content ul,.widecontent ul {
    padding-left: 0
}

.content ol li,.widecontent ol li {
    line-height: 1.7em
}

ul.haken-gruen {
    padding-left: 0;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 30px
}

ul.haken-gruen li {
    list-style: none;
    line-height: 2em;
    padding-left: 20px;
    background-image: none;
    position: relative
}

ul.haken-gruen li:before {
    content: "";
    position: absolute;
    display: inline-block;
    list-style: none;
    width: 12px;
    height: 13px;
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -191px -260px;
    margin-top: 7px;
    left: 0!important
}

ul.haken-rot {
    margin-left: 0;
    padding: 0
}

ul.haken-rot li {
    list-style: none;
    line-height: 2.3em;
    padding-left: 26px;
    background-image: url(../fileadmin/images/neutral/haken-rot.png);
    background-repeat: no-repeat;
    font-size: 1.3em;
    color: #333
}

ul.haken-small {
    padding-left: 0;
    margin-left: 0
}

ul.haken-small li {
    list-style: none;
    padding-left: 20px;
    background-image: url(../fileadmin/images/neutral/haken-small.png);
    background-repeat: no-repeat;
    line-height: 1.53em;
    font-size: .92em;
    color: #333
}

li.haken-small {
    list-style: none;
    padding-left: 20px;
    background-image: url(../fileadmin/images/neutral/haken-small.png);
    background-repeat: no-repeat;
    font-size: .92em;
    color: #333
}

li.grey-square {
    list-style: none;
    padding-left: 12px;
    background-image: url(../fileadmin/images/neutral/grey-square.png);
    background-repeat: no-repeat;
    font-size: .92em;
    color: #333
}

li.gs {
    list-style: none;
    padding-left: 12px;
    background-image: url(../fileadmin/images/neutral/grey-square.png);
    background-repeat: no-repeat;
    font-size: .92em;
    color: #333
}

ul.haken {
    list-style: none;
    margin-left: 0;
    padding: 0
}

.navigation {
    margin-left: 0
}

.navigation ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0
}

.navigation>div {
    margin-top: -18px
}

.navigation ul li {
    list-style-type: none;
    font-size: 1em;
    background-color: #efefef;
    color: #333;
    border-bottom: 4px solid #fff;
    cursor: pointer;
    display: block;
    font-weight: 700;
    line-height: 2.6em;
    padding: 0 0 0 30px
}

.navigation ul li.active {
    font-weight: 700;
    background-color: #e7e7e7
}

.navigation>ul>li>strong a {
    font-size: 1.1em;
    background-color: #e3e3e3;
    margin-left: -30px;
    padding-left: 30px;
    font-weight: 600
}

.navbar-inverse {
    background-color: #e3e3e3
}

.navigation ul li a {
    padding: 0;
    text-decoration: none;
    font-weight: 400;
    display: block;
    color: #222
}

.navigation ul li a:hover {
    text-decoration: none;
    font-weight: 700;
    display: block;
    color: #222
}

.navigation ul ul li.sub,.navigation ul ul li.sub-active {
    padding: 0 0 0 31px;
    background-color: #fff;
    background-image: none!important;
    border-bottom: 1px solid #efefef
}

.navigation ul ul li.sub a {
    background-color: #fff
}

.navigation ul ul li.sub-active a {
    font-weight: 700
}

.navigation ul ul li.sub a:before,.navigation ul ul li.sub-active a:before,.navigation ul ul li.sub a:hover:before {
    content: "";
    padding-right: 8px;
    font-size: 9px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: red
}

.navigation ul ul li.sub a:before {
    color: #999
}

figure {
    padding: 0 15px;
    margin-bottom: 10px
}

p figure {
    padding: 0
}

figcaption {
    text-align: center;
    padding-top: 5px;
    margin-bottom: 15px
}

figure img {
    margin: auto
}

h1+p.introtext,h2+p.introtext,figure~p.introtext {
    padding-top: 0!important
}

.introtext+.trenner {
    margin-top: 0
}

span p.introtext {
    padding-top: 0
}

.quali-logo {
    z-index: 1;
    position: absolute;
    margin: -5px 0 0 320px;
    float: right
}

.img220 {
    width: 220px;
    height: 220px
}

.btn {
    padding: 5px 15px
}

.btn-primary {
    font-family: Vazir;
    color: #fff;
    border: 1px solid #06c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46a0e5",endColorstr="#0066cc");
    background: #46a0e5 linear-gradient(to bottom,#46a0e5 5%,#0066cc 100%)
}

.btn-primary:hover {
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4eb3f2",endColorstr="#0074df");
    background: #4eb3f2 linear-gradient(to bottom,#4eb3f2 5%,#0074df 100%);
    border: 1px solid #0074df
}

.btn-success {
    font-family: Vazir;
    color: #fff;
    border: 1px solid #390;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00cc00",endColorstr="#339900");
    background: #0c0 linear-gradient(to bottom,#00cc00 5%,#339900 100%)
}

.btn-success:hover {
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7dec7d",endColorstr="#06ab00");
    background: #7dec7d linear-gradient(to bottom,#7dec7d 5%,#06ab00 100%);
    border: 1px solid #06ab00
}

hr {
    clear: both;
    border: 0;
    width: 100%
}

.border {
    border: 1px #c8c8c8 solid
}

.border-light {
    border-bottom: 1px #999 solid
}

.bright {
    border-right: 1px #c8c8c8 solid
}

.fright {
    float: right!important
}

.fleft {
    float: left
}

.tright {
    text-align: right
}

.tleft {
    text-align: left
}

.tcenter {
    text-align: center
}

@media(min-width: 450px) and (max-width:768px) {
    .tcenter-sm {
        text-align:center
    }
}

@media(max-width: 450px) {
    .tcenter-xs {
        text-align:center
    }
}

.no-pad-left-right {
    padding-left: 0;
    padding-right: 0
}

#position-relative {
    position: relative
}

p {
    font-size: 1em;
    color: #000;
    line-height: 1.6em
}

.views {
    font-size: .84em;
    color: #666
}

.bildunterschrift {
    font-size: .84em;
    line-height: 1em;
    color: #333;
    margin-top: 3px
}

p.sysDescription {
    font-size: 15px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 5px
}

ul+.sysDescription {
    margin-top: 25px
}

.panel {
    border: 0
}

.panel-default>.panel-heading {
    background-color: #fff;
    border-bottom: 0
}

.panel-heading {
    padding: 0;
    border-bottom: 0
}

.panel-body {
    padding: 15px 0
}

.clear {
    clear: both
}

.btn {
    border-radius: 0
}

.content a,.widecontent a {
    color: #04c;
    text-decoration: underline
}

a.tiny,a.tiny:hover,.content a:hover,.widecontent a:hover {
    text-decoration: none
}

a.btn {
    color: #fff;
    text-decoration: none
}

.trenner {
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 97%;
    margin: 40px 15px 20px
}

.trenner0 {
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 97%;
    margin: 0 15px 20px
}

.trenner20 {
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 97%;
    margin: 20px 15px
}

.trenner:empty {
    margin-top: 20px!important
}

.trenner span.h5 {
    font-family: Vazir;
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
    margin: 0;
    padding-top: 5px;
    display: inline-block
}

.halb-trenner {
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    clear: both
}

.jumbotron {
    margin-top: 30px;
    padding-top: 30px;
    padding-right: 30px;
    font-size: 13px!important
}

.jumbotron p {
    border: 1px solid #bdbdbd;
    background: #ededed;
    margin: 0;
    padding: 20px 0
}

.jumbotron span.h4 {
    margin: 0 -40px 25px;
    font-size: 1.9em;
    font-weight: 300;
    line-height: 2.14em;
    display: block
}

.jumbotron .btn {
    padding: 6px 16px;
    font-weight: 600;
    font-family: Vazir
}

#social_share_privacy_xs .social_share_privacy_area span {
    margin: 0!important
}

.bx-wrapper .bx-controls-direction a {
    z-index: 99!important
}

.bx-wrapper li {
    background-image: none
}

.lightbox-close {
    background-image: url(../fileadmin/images/neutral/close.png)!important
}

.lightbox-previous {
    background-image: url(../fileadmin/images/neutral/previous.png)!important
}

.lightbox-next {
    background-image: url(../fileadmin/images/neutral/next.png)!important
}

@media(max-width: 767px) {
    .visible-xs .col-sm-3+.col-sm-9.text-content {
        float:left;
        margin-top: 10px
    }
}

#vid-info {
    position: relative;
    height: 310px
}

@media(min-width: 768px) and (max-width:1024px) {
    .blue-vid #vid-info {
        max-height:272px
    }
}

.gray-price {
    background: #efefef;
    padding: 25px 0
}

.no-icon {
    padding-left: 20px;
    line-height: 1.55em
}

#price-box>div {
    margin-bottom: 0;
    height: 155px
}

#price-box>div.col-sm-4 {
    background-color: #fcc;
    clear: left
}

#price-box>div.col-sm-8 {
    background-color: #efefef
}

#price-box>div.flex-row {
    height: auto
}

#price-box>div.flex-row>div.gray-price {
    padding: 12px 0
}

#price-box img {
    margin-top: 5px
}

#price-box.no-price.no-bulk-discount-table {
    margin-top: 30px
}

#price-box.no-price>div.flex-row>div.col-sm-4 {
    display: none
}

#price-box.no-price>div.flex-row>div.gray-price {
    width: 100%
}

.video-background {
    z-index: 1
}

.col-sm-6 .video-play {
    position: absolute;
    left: 40%;
    top: 43%;
    z-index: 100
}

.col-sm-4 .video-play {
    position: absolute;
    left: 38%;
    top: 19%;
    z-index: 100
}

.gray-price span.blue-link {
    font-size: .84em
}

.noprice {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}

.lfm {
    font-weight: 400;
    font-size: 11px;
    color: #666
}

.produkt-info #list-points {
    height: 210px!important
}

.produkt-info #links {
    height: 160px!important
}

#bx-pager,#bx-pager-8000 {
    margin-bottom: 0!important
}

.tiny img {
    margin-right: 6px
}

.tiny-last img {
    margin-right: 0!important
}

#q1 {
    margin-bottom: 0!important
}

.bx-wrapper .caption {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    width: 100%;
    padding: 0 50px 0 16px;
    font-size: 1em
}

.bx-wrapper .caption span {
    text-align: center
}

.profil-preis .from,.profil-preis .ab {
    font-size: 15px;
    font-weight: 400
}

.from,.ab {
    font-size: 20px;
    font-weight: 400
}

.profil-preis .price,.profil-preis .euro {
    font-weight: 700;
    color: #000;
    font-size: 26px;
    margin: 0 -3px 0 0
}

.price,.euro {
    font-weight: 700;
    color: #000;
    font-size: 32px;
    margin: 0 -3px 0 0;
    letter-spacing: -1px
}

p.priceline {
    font-size: 30px;
    font-weight: 700;
    line-height: 1em
}

.profil-preis p.priceline {
    font-size: 25px;
    font-weight: 700
}

.priceline {
    margin-bottom: 0
}

.inkl {
    color: #666;
    font-size: .84em;
    text-align: right;
    font-weight: 400
}

.gray-price .btn {
    margin: 20px 0 28px;
    font-size: 1.19em
}

#vorteil35 {
    margin-top: 5px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400
}

#vorteil35 span {
    font-size: 18px
}

.uw {
    background: url(../fileadmin/images/neutral/icon-uw.png) no-repeat
}

.pdf {
    background: url(../fileadmin/images/neutral/icon-pdf.png) no-repeat
}

.detail {
    background: url(../fileadmin/images/neutral/icon-cad.png) no-repeat
}

.video {
    background: url(../fileadmin/images/neutral/icon_play.png) no-repeat
}

.icon-montage {
    background: url(../fileadmin/images/neutral/icon-montage.png) no-repeat
}

.pflege {
    background: url(../fileadmin/images/neutral/icon-pflege.png) no-repeat
}

.produkt-info {
    margin-right: -30px;
    padding-right: 30px
}

.produkt-info h3 {
    margin-top: -5px;
    font-size: 1.8em;
    line-height: 1.4em
}

.slider-box {
    margin-top: 20px
}

.tooltip {
    font-family: Vazir
}

.show-discount-list span {
    color: #04c;
    text-decoration: underline;
    cursor: pointer
}

.tooltip-arrow {
    display: none
}

.tooltip {
    border: 1px solid #ccc;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 10px -3px #000
}

.tooltip.in {
    opacity: 1
}

.tooltip-inner {
    background-color: #fff;
    padding: 0
}

.tooltip.top {
    padding: 0
}

.produkt-info .tooltip {
    left: -10px!important
}

div[data-class=rabatt-tooltip] {
    padding: 0;
    border: 0;
    border-radius: 0;
    left: 1119px!important
}

[data-class=rabatt-tooltip] .webui-popover-content {
    padding: 0!important
}

.rabatt-tooltip {
    width: 400px;
    color: #333;
    font-family: Vazir
}

.rabatt-tooltip table.table {
    margin-bottom: 0;
    text-align: left
}

.rabatt-tooltip table.table thead {
    background: #eff4f8
}

.rabatt-tooltip table.table td {
    padding: 5px 16px
}

.rabatt-tooltip table.table thead td {
    padding: 16px
}

.rabatt-tooltip table.table td #title {
    font-size: 1.2em
}

.rabatt-tooltip table.table td p {
    margin-bottom: 8px
}

.tooltip-inner {
    max-width: 10000px
}

.webui-popover-content {
    padding: 9px 15px!important
}

.navbar-nav>li>.dropdown-menu {
    margin-top: -2px
}

.col-sm-6 .border {
    margin: 3px 0 15px
}

img.border {
    margin: 0!important
}

.zoomIcon~img.border {
    width: 100%
}

.tiny img {
    width: 50px;
    height: 50px;
    border: 1px solid #bdbdbd
}

#q1 {
    margin: 0 auto 15px
}

#q3,#q2 {
    margin: 0 auto 20px
}

.bx-wrapper .bx-viewport {
    box-shadow: 0 0!important;
    border: 0!important;
    left: 0!important
}

#q2 .bx-prev,#q2 .bx-prev:hover,#q3 .bx-prev,#q3 .bx-prev:hover {
    margin-left: -38px;
    margin-top: -15px!important
}

#q2 .bx-next,#q2 .bx-next:hover,#q3 .bx-next,#q3 .bx-next:hover {
    margin-right: -50px;
    margin-top: -15px!important
}

#q2 .bx-prev,#q3 .bx-prev {
    background: url(../fileadmin/images/de/icons/gallery-left-01.png) no-repeat!important
}

#q2 .bx-prev:hover,#q3 .bx-prev:hover {
    background: url(../fileadmin/images/de/icons/gallery-left-02.png) no-repeat!important
}

#q2 .bx-next,#q3 .bx-next {
    background: url(../fileadmin/images/de/icons/gallery-right-01.png) no-repeat!important
}

#q2 .bx-next:hover,#q3 .bx-next:hover {
    background: url(../fileadmin/images/de/icons/gallery-right-02.png) no-repeat!important
}

#start .carousel-inner,#topslider .carousel-inner {
    width: 100%!important
}

.carousel-caption {
    position: absolute;
    bottom: 0;
    padding: 0;
    left: 0;
    background: #666 \ ;
    background: rgba(80,80,80,.75);
    width: 100%
}

.carousel-caption p {
    color: #fff;
    display: block;
    margin: 0;
    font-size: 15px;
    padding: 10px
}

.carousel-indicators {
    bottom: 0;
    left: 5%
}

.carousel-indicators li {
    border: 1px solid #fff;
    background-color: #04c;
    width: 12px;
    height: 12px
}

.carousel-indicators .active {
    border: 1px solid #04c!important;
    background-color: #fff;
    width: 14px;
    height: 14px
}

.bxslider img {
    margin: auto
}

.uw-badge {
    position: absolute;
    z-index: 100;
    margin-top: 8px;
    float: right;
    margin-left: 8px
}

#lightbox {
    z-index: 200
}

#bx-pager,#bx-pager-8000 {
    margin-bottom: 20px
}

.content .col-sm-3 p,.content .col-sm-4 p {
    margin: 10px 0 5px
}

.auto-margin {
    margin: auto
}

.konfi-box-header {
    margin: 0;
    padding: 10px 1px;
    background: #efefef;
    font-size: 1.4em;
    display: block;
    font-weight: 100
}

h4.konfi-box-header {
    margin: 0;
    padding: 10px 0;
    background: #efefef;
    font-size: 1.4em
}

.konfi-box-header~div {
    margin-bottom: 15px
}

.konfi-box-header~.col-sm-5 {
    margin-top: -140px;
    padding: 0
}

.btn-sm {
    padding: 2px 15px;
    font-size: 1em;
    font-weight: 600
}

.col-xs-6 .border {
    width: 100%
}

.konfi-box-header+a>img {
    padding-top: 10px;
    max-width: 100%
}

.profile-list-item {
    display: table;
    margin-bottom: 15px;
    position: relative
}

.profile-list-item:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

.profile-list-item .border {
    display: table-cell
}

.profil-auswahl,.profil-preis {
    padding: 0
}

.profil-auswahl img,.profil-auswahl h3 {
    float: left
}

.profil-auswahl ul {
    display: inline-block
}

.profil-auswahl h3 {
    font-weight: 300;
    color: #000;
    margin-bottom: 0!important;
    margin-top: 10px!important
}

.profil-auswahl h3:hover {
    color: #000
}

.profil-auswahl h3,.profil-auswahl ul {
    margin-left: 10px;
    margin-bottom: 0
}

.profil-auswahl li {
    font-size: 1em!important;
    padding-left: 12px!important;
    background-image: url(../fileadmin/images/neutral/grey-square.png)!important
}

.profil-preis {
    margin-top: 15px;
    padding-right: 5px;
    margin-bottom: 0!important
}

.list-item-link {
    text-decoration: none!important
}

.profil-preis .euro {
    font-size: 2.3em;
    padding-top: 0;
    font-style: italic;
    letter-spacing: -1px
}

.profil-preis .btn {
    margin-top: 15px;
    margin-bottom: 10px
}

.finanz-badge {
    position: absolute;
    top: 50px;
    right: 0
}

.konfi-box-header~a {
    margin-bottom: 15px
}

.col-sm-3 .btn {
    font-size: 1em;
    padding: 4px 8px
}

.euro {
    line-height: 2.46em;
    padding-top: 10px
}

.gray-price .btn {
    margin: 10px 0 5px
}

.details~div {
    padding: 15px 20px
}

.zubehoer-detail {
    height: 500px
}

.zubehoer-detail .col-sm-7 {
    position: relative;
    height: inherit
}

.col-sm-7 .gray-price {
    bottom: 0
}

.table .img-responsive {
    width: 100%
}

.table th {
    background: #efefef
}

.table {
    font-size: 13px!important
}

.table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    border-color: #ccc
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 1px!important
}

#tabele-img-classic~.bildunterschrift,#tabele-img-roundline~.bildunterschrift {
    padding-left: 80px
}

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td {
    padding: 5px 8px;
    vertical-align: middle
}

.table-responsive span {
    float: right;
    margin-top: -15px;
    margin-bottom: 20px
}

.table-hover th {
    font-size: 15px;
    color: #333
}

.table-hover a {
    color: #333;
    font-weight: 700;
    text-decoration: none
}

.table-hover td {
    font-size: 13px
}

#hersteller td,#hersteller th {
    padding: 8px!important
}

.table-hover a:hover {
    text-decoration: underline
}

.no-pad-left {
    padding-left: 0
}

.block-link {
    display: block;
    padding: 10px;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    right: 15px;
    background: #fff
}

.navbar {
    margin-bottom: 0
}

#footer-tv-logos {
    float: left;
    width: 100%
}

#footer-tv-logos span.fleft {
    margin-left: 100px
}

.zahlungsweisen {
    clear: both
}

.zahlungsweisen>span {
    border-radius: 6px;
    padding: 0
}

.dropdown .btn {
    font-size: 1.07em!important
}

#zubehoer-dropdown {
    width: 180px
}

#holz-dropdown>li {
    min-height: 250px
}

#rollladen-dropdown>li {
    min-height: 230px
}

#zubehoer-dorpdown>li {
    min-height: 395px
}

@media(min-width: 768px) {
    .nav-collapse,.list.collapse {
        display:block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .collapse {
        visibility: visible
    }
}

@media(max-width: 1199px) {
    .desktop-only {
        display:none
    }

    .scale-to-20 {
        width: 20%!important
    }

    .scale-to-25 {
        width: 25%!important
    }

    .scale-to-50 {
        width: 50%!important;
        padding: 0!important
    }

    ul.nav li.dropdown:hover>ul.dropdown-menu {
        display: block
    }

    .navigation {
        display: none
    }

    .content {
        width: 100%!important
    }

    .produkt-info #list-points {
        height: 243px
    }

    .trenner {
        width: 96.5%
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .teaser-bg {
        width:219px!important;
        height: 164px!important;
        padding: 20px 10px!important
    }

    #nav-fr>li>a {
        padding: 10px 0!important
    }

    #zubehoer-dropdown {
        width: 110px
    }

    .dropdown .btn {
        font-size: .8em!important
    }

    .siegenia {
        margin-left: 29px!important
    }

    .footer-top {
        padding-bottom: 15px
    }

    #footer-tv-logos {
        margin-left: 0
    }

    #kunststoff-dropdown>li {
        min-height: 335px
    }

    #holz-dropdown>li {
        min-height: 235px
    }

    #haustueren-dropdown>li {
        min-height: 0
    }

    #zubehoer-dorpdown>li {
        min-height: 395px
    }

    .trenner {
        width: 96%
    }

    .pagebrowser {
        margin-left: 15px;
        width: 96%
    }

    #vorteil35 {
        font-size: 13px
    }

    .table-responsive {
        border: 0!important;
        overflow-x: scroll
    }

    .table-responsive>.table-bordered {
        border: 1px solid #ddd;
        overflow-x: scroll
    }

    .table-responsive span {
        margin-top: 5px
    }
}

@media(max-width: 479px) {
    #social_share_privacy {
        display:none
    }

    .tvsender-small {
        margin-top: 3px!important
    }

    .carousel .carousel-control {
        top: 60%!important
    }

    .montage-content .carousel .carousel-control {
        top: calc(60% - 75px)!important
    }

    #zubehoer-dropdown {
        width: 100%
    }

    p,.pagebrowser div a {
        line-height: 1.5em;
        font-size: .95em
    }

    h1 {
        font-size: 1.5em
    }

    h2,h3,h4 {
        font-size: 1.3em
    }

    .jumbotron {
        padding: 10px!important
    }

    .jumbotron span.h4 {
        font-size: 15px!important;
        margin: 0 0 15px!important
    }

    .jumbotron p {
        padding: 10px 0 12px;
        border: 0;
        background: 0 0
    }

    .jumbotron .btn {
        width: 100%!important
    }

    .metanavigation {
        height: 45px!important
    }

    #headerLogin {
        margin-top: 10px
    }

    #tel {
        text-align: right
    }

    .teaser-bg {
        display: none!important
    }

    .navbar .nav>li>a {
        font-size: 15px
    }

    .carousel-caption p {
        font-size: 11px!important;
        padding: 5px!important
    }

    .header-logo {
        display: inline-block!important;
        max-width: 230px;
        margin-top: 5px
    }

    .breadcrumb {
        margin-top: 15px;
        padding: 0 15px 5px!important
    }

    .jumbotron-small {
        padding: 10px!important
    }

    .gray-price p#rollladen {
        padding: 0 10px;
        font-size: 1em!important;
        margin-top: -14px!important
    }

    .gray-price #rollladen+p {
        margin-top: 0!important
    }

    #versand {
        margin-left: 0
    }

    #footer-montage span {
        padding-left: 0
    }

    .footer-listen {
        padding: 0!important
    }

    .montage {
        margin: 0 0 10px 15px
    }

    .zahlungsweisen {
        margin-left: 0!important
    }

    #footer-montage .btn {
        margin-left: 12px!important
    }

    #footer-tv-logos span {
        display: none
    }

    .finanz-badge {
        top: inherit;
        left: 10%
    }

    .profil-preis {
        padding-right: 15px
    }

    .list-item-link img {
        margin-left: 10%
    }

    .profil-preis .btn {
        margin-top: 0;
        margin-bottom: 15px
    }

    .trenner {
        width: 91%
    }

    .trenner h5 {
        font-size: .9em
    }

    .breadcrumb a {
        font-size: .9em;
        padding-right: 5px
    }

    .tiny img {
        margin-right: 0
    }

    .produkt-info {
        margin-right: 0;
        padding-right: 15px
    }

    ul.haken-gruen {
        margin-top: 0;
        margin-bottom: 20px
    }

    .gray-price {
        padding: 35px 0 0
    }

    .gray-price .btn {
        font-size: 1em;
        padding: 5px
    }

    .pagebrowser {
        width: 91%
    }

    .pagebrowser .tleft,.pagebrowser .tright {
        width: 50%;
        display: inline-block
    }

    p.quote-light,.quote-light {
        font-size: 1.19em!important;
        margin-top: -10px!important;
        padding-right: 15px
    }

    #q1 .bx-prev,#q1 .bx-prev:hover {
        margin-left: 0!important
    }

    #q1 .bx-next,#q1 .bx-next:hover {
        margin-right: 30px!important
    }

    .prevnextarrow {
        display: none
    }

    .big {
        padding: 10px 15px
    }

    .quote,p.quotesmall {
        font-size: 1.2em!important;
        line-height: 1.5em!important
    }

    .profile-list-item .border {
        width: 100%
    }

    .bx-wrapper .bx-next,.bx-wrapper .bx-next:hover {
        margin-right: 31px!important
    }

    .konfi-box-header {
        font-size: 1.2em
    }

    .footer-tv-logos-fr,.footer-tv-logos-se {
        margin-left: 10px!important
    }

    .teaser-bg {
        width: 288px!important;
        height: 216px!important;
        padding: 65px 25px!important
    }

    .col-sm-3 .btn {
        font-size: .97em;
        padding: 2px 4px
    }

    .tabs div {
        border-right: 1px solid #bdbdbd;
        margin-bottom: 10px!important
    }

    .blueimp-gallery>.close,.blueimp-gallery>.title {
        font-size: 15px!important;
        line-height: 20px!important
    }

    .blueimp-gallery>.close {
        font-size: 35px!important;
        font-weight: 400
    }

    .table-responsive {
        padding-left: 0!important;
        padding-right: 0!important;
        border-right: 1px solid #ccc
    }

    .nav>li>a {
        text-align: left!important;
        padding: 10px 15px!important
    }

    .price,.euro,p.priceline {
        font-size: 23px!important
    }

    .ab {
        font-size: 18px!important
    }

    #userlike,.userlike {
        display: none!important
    }

    #links .col-sm-4 img {
        display: none
    }

    .uw-badge {
        max-height: 90px
    }

    .profil-auswahl ul {
        display: none
    }

    .profile-list-item {
        width: 100%!important
    }

    .bx-wrapper .bx-next {
        right: -20px!important
    }

    .rabatt-tooltip {
        width: 100%
    }

    .produkt-info #list-points {
        height: 190px!important
    }

    .produkt-info #links {
        height: 150px!important
    }

    .footer-listen .list ul li a,.footer-listen .list ul li span {
        font-size: 1.03em;
        line-height: 1.9em;
        padding-left: 20px
    }

    .footer-listen .list ul {
        padding: 0
    }

    .footer-listen .list span {
        font-weight: 400
    }

    .footer-listen .list span,.footer-listen .list ul {
        padding-left: 4px
    }

    .footer-accordion .collapse-item a[data-toggle=collapse],.footer-accordion .collapse-item a[data-toggle=collapse] span {
        font-size: 14px!important;
        text-transform: uppercase;
        line-height: 20px!important
    }

    .footer-listen .list {
        margin-top: 0;
        padding: 0
    }

    .copyright {
        height: 75px
    }

    .trust-badge-top-right {
        margin-top: 0!important;
        margin-left: 3px!important
    }

    .mtop-mobile {
        margin-top: 35px!important
    }

    .produkt-info .col-sm-4 img {
        display: none
    }

    #price-box .col-sm-4 img {
        display: block
    }

    .konfi-box-header+a>img {
        max-width: 127px
    }

    .v2_videoplayback_player div {
        padding: 0 15px;
        width: 300px!important
    }

    #mainjvideo5_198812 {
        width: 270px!important
    }

    .konfi-box-header~.tleft.no-pad-left-right {
        text-align: center
    }

    .breadcrumb a span.fa-home,.force-inline {
        display: inline-block!important
    }

    #social_share_privacy {
        margin: -4px -10px 0 0!important
    }
}

@media(min-width: 480px) and (max-width:767px) {
    .carousel .carousel-control {
        top:60%!important
    }

    .teaser-bg {
        display: none!important
    }

    #social_share_privacy {
        display: none
    }

    .tvsender-small {
        margin-top: 3px!important
    }

    p,.pagebrowser div a {
        line-height: 1.5em;
        font-size: .95em
    }

    #links .col-sm-4 img {
        display: none
    }

    h1 {
        font-size: 1.5em
    }

    h2,h3,h4 {
        font-size: 1.3em
    }

    #tel {
        text-align: right
    }

    .header-logo {
        display: inline-block!important;
        max-width: 230px;
        margin-top: 5px
    }

    .footer-listen {
        padding: 0
    }

    #versand {
        margin-left: 0!important
    }

    .gray-price p#rollladen {
        margin-top: -14px
    }

    .produkt-info {
        margin-right: 0
    }

    .trenner {
        width: 94%;
        margin: 40px 0 20px 15px
    }

    .pagebrowser {
        width: 95%
    }

    .pagebrowser .tleft,.pagebrowser .tright {
        width: 50%!important;
        display: inline-block!important
    }

    .profil-auswahl ul {
        display: none
    }

    .profile-list-item {
        width: 100%!important
    }

    .collapse {
        display: none
    }

    .yellow {
        padding: 30px!important
    }

    .jumbotron-small {
        padding: 10px!important
    }

    .jumbotron span.h4 {
        font-size: 18px!important;
        margin: 0 0 15px!important
    }

    ul.nav li.dropdown:hover>ul.dropdown-menu {
        display: none!important
    }

    #userlike,.userlike {
        display: none!important
    }

    .tabs div {
        border-right: 1px solid #bdbdbd;
        margin-bottom: 10px!important
    }

    .nav>li>a,.navbar-brand {
        text-align: left!important;
        padding: 10px 15px!important
    }

    .produkt-info {
        margin-right: 0!important
    }

    .jumbotron p {
        padding: 10px 0 12px;
        border: 0;
        background: 0 0
    }

    .jumbotron .btn,.col-sm-6 p .img-responsive {
        width: 100%!important
    }

    .breadcrumb {
        margin-top: 15px;
        padding: 0 15px 5px!important
    }

    .carousel-caption p {
        font-size: 11px!important;
        padding: 5px!important
    }

    .rabatt-tooltip {
        width: 100%
    }

    .footer-listen .list ul li a,.footer-listen .list ul li span {
        font-size: 1.03em;
        line-height: 1.9em;
        padding-left: 20px
    }

    .footer-listen .list ul {
        padding: 0
    }

    .footer-listen .list span,.footer-listen .list ul {
        padding-left: 0
    }

    .footer-listen .list span {
        font-weight: 400
    }

    .footer-accordion .collapse-item a[data-toggle=collapse],.footer-accordion .collapse-item a[data-toggle=collapse] span {
        font-size: 14px!important;
        text-transform: uppercase;
        line-height: 20px!important
    }

    .footer-listen .list {
        margin-top: 0;
        padding: 0
    }

    .copyright {
        height: 60px
    }

    .trust-badge-top-right {
        margin-top: 0!important;
        margin-left: 3px!important
    }

    .produkt-info .col-sm-4 img {
        display: none
    }

    #price-box .col-sm-4 img {
        display: block
    }

    .konfi-box-header~.tleft.no-pad-left-right {
        text-align: center
    }

    .breadcrumb a span.fa-home,.force-inline {
        display: inline-block!important
    }
}

video {
    width: 100%;
    height: auto
}

.nav,.nav-title span {
    font-size: 1.2em
}

.whitetext {
    color: #fff
}

.whitetext {
    font-size: .95em!important
}

.blueback {
    background-color: #49a1e1;
    margin: 0!important;
    padding: 0!important
}

.blueback a:hover {
    color: #fff
}

.btn:hover {
    background-position: 0
}

.nav>li>a,.navbar .nav>li.dropdown>span,.navbar-brand {
    text-align: center;
    padding: 3px 0
}

.navbar .nav>li.dropdown>span {
    position: relative;
    display: block
}

.navbar {
    background-color: #fff;
    padding: 0;
    min-height: inherit;
    z-index: auto!important;
    border-left: 0;
    border-right: 0;
    width: 100%;
    display: inline-block
}

.dropdown-menu li a {
    white-space: normal;
    display: block;
    padding: 0 0 5px
}

.dropdown-menu li a.whitetext.cursor-hover:hover {
    color: #fff
}

.dropdown-menu ul {
    padding-bottom: 10px
}

.dropdown .dropdown-menu li li {
    margin-left: 0;
    margin-right: 0
}

.navbar .nav>li>a,.navbar .nav>li.dropdown>span {
    color: #fff;
    font-weight: 600;
    clear: both;
    cursor: pointer
}

.nav>li>a:hover,.nav>li>a:focus {
    background: 0 0!important
}

.dropdown-menu li>a {
    padding: 0 0 5px
}

.dropdown-menu li>a:hover,.dropdown-menu li>a:focus {
    text-decoration: underline;
    background: unset none unset;
    filter: none
}

#fenster-dropdown.dropdown-menu li>a {
    padding-bottom: 0
}

a.btn:hover {
    text-decoration: none!important
}

.dropdown-menu .btn {
    color: #06c;
    padding-top: 3px;
    font-weight: 400;
    display: block
}

.dropdown-menu .btn-primary {
    color: #fff;
    padding-bottom: 4px;
    padding-top: 4px
}

@media(max-width: 767px) {
    .navbar {
        border-radius:4px
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .dropdown .dropdown-menu {
        padding: 10px 0 0
    }

    .dropdown .dropdown-menu:after {
        content: " ";
        display: table;
        clear: both
    }

    .nav li li {
        padding: 0;
        margin: 0
    }

    .navbar a.dropdown-toggle {
        background: 0 0!important
    }
}

@media(max-width: 767px) {
    .navbar-toggle {
        float:left;
        padding: 0;
        margin: 0;
        border: 0!important
    }

    .navbar-nav {
        margin: 0
    }

    .marginb20-xs {
        margin-bottom: 20px
    }

    .marginb50-xs {
        margin-bottom: 50px
    }
}

@media(min-width: 480px) and (max-width:640px) {
    li.dropdown {
        margin-top:0
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    zoom:1}

.bx-wrapper img {
    max-width: 100%;
    image-rendering: auto;
    display: block;
    overflow: auto
}

.bx-wrapper .bx-viewport {
    box-shadow: 0 0 5px #ccc;
    border: solid #fff 5px;
    left: -5px;
    background: #fff
}

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../fileadmin/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Vazir;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    zoom:1;display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../fileadmin/images/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../fileadmin/images/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../fileadmin/images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../fileadmin/images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \ ;
    background: rgba(80,80,80,.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Vazir;
    display: block;
    padding: 10px
}

#lightbox {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0,0,0,.7);
    -webkit-filter: none!important
}

#lightbox img {
    display: block;
    position: absolute;
    border: 5px solid #fff;
    box-shadow: 0 0 20px #000;
    border-radius: 1px
}

body.blurred>* {
    -webkit-filter: blur(2px);
    -webkit-transform: translate3d(0,0,0)
}

.lightbox-loading {
    background: url(loading.html) center center no-repeat;
    width: 31px;
    height: 31px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 48%;
    left: 50%
}

.lightbox-caption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    background: #000;
    background: rgba(0,0,0,.7)
}

.lightbox-caption p {
    margin: 0 auto;
    max-width: 70%;
    display: inline-block;
    display: inline;
    zoom:1;padding: 10px;
    color: #fff;
    font-size: .92em;
    line-height: 1.38em
}

.lightbox-button {
    position: absolute;
    z-index: 9999;
    background: no-repeat center center;
    width: 32px;
    height: 32px;
    opacity: .4;
    transition: all .3s
}

.lightbox-button:hover,.lightbox-button:focus {
    opacity: 1;
    transform: scale(1.4)
}

.lightbox-close {
    right: 10px;
    top: 10px;
    background-image: url(close.html)
}

.lightbox-next {
    right: 10px;
    top: 48%;
    background-image: url(next.html)
}

.lightbox-previous {
    left: 10px;
    top: 48%;
    background-image: url(previous.html)
}

figure.col-sm-1 {
    padding-right: 0
}

p.quote-light,.quote-light {
    padding-right: 15px;
    font-weight: 300;
    font-size: 1.23em;
    line-height: 1.76em;
    font-style: italic;
    margin-top: 0!important
}

.inline-block {
    display: inline-block
}

.bewerbung-monteur {
    margin-top: 23px;
    font-size: 1em
}

.monteur-profil {
    padding: 18px;
    position: relative
}

.monteur-bild {
    margin-top: 40px
}

.img-circle {
    border: 1px solid #bdbdbd
}

.top-monteur-icon {
    position: absolute;
    top: 0;
    right: -1px
}

.star {
    position: absolute;
    top: 5px
}

.konfi-box-header h4 {
    min-height: 40px
}

.jumbotron-small {
    text-align: left;
    padding: 10px 145px!important;
    margin: 30px 15px
}

.jumbotron-small h4,.header-search h4 {
    font-size: 1.38em;
    margin: 0!important;
    vertical-align: middle
}

.jumbotron-small input,.header-search input {
    height: 35px;
    vertical-align: middle;
    margin: 0 10px;
    line-height: 35px
}

.total-results {
    margin-top: 15px
}

.icons {
    display: inline-block;
    margin-left: 5px
}

.icons img {
    margin-top: -8px
}

.profile-list-item h3 {
    margin-bottom: 0
}

.monteur-preis {
    line-height: 2.46em;
    font-size: 2.3em;
    font-weight: 300;
    margin-right: 70px;
    font-style: italic;
    margin-top: -75px
}

.monteur-preis-bold {
    font-size: 36px;
    font-style: italic;
    font-weight: 400;
    line-height: 40px;
    margin-right: 50px
}

.profile-list-item .img-circle {
    margin: 10px 0
}

.pos-relative {
    position: relative
}

.pos-statement {
    position: absolute;
    right: 2%;
    top: 42%
}

#google-maps {
    position: relative;
    height: 404px
}

#google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pad-left-10 {
    padding-left: 10px
}

.monteur-leistungen {
    list-style: none
}

.monteur-leistungen input {
    margin-right: 15px
}

.monteur-leistungen img {
    margin-left: -85px;
    margin-top: -5px
}

.monteur-leistungen li {
    display: inline-block;
    padding-bottom: 3px;
    margin-top: 3px;
    line-height: 2.3em;
    padding-left: 35px;
    border-bottom: 1px solid #dbdbdb;
    width: 200px
}

.monteur-preis-bold .error {
    border-color: red;
    box-shadow: 0 1px 1px #00000013 inset,0 0 8px #f009
}

#aufmass {
    background: url(../fileadmin/images/de/icons/30x30/icon-aufmass.png) no-repeat
}

#montage {
    background: url(../fileadmin/images/de/icons/30x30/icon-montage.png) no-repeat
}

#verfugen {
    background: url(../fileadmin/images/de/icons/30x30/icon-verfugen.png) no-repeat;
    border-bottom: 0!important
}

#demontage {
    background: url(../fileadmin/images/de/icons/30x30/icon-demontage.png) no-repeat
}

#entsorgen {
    background: url(../fileadmin/images/de/icons/30x30/icon-entsorgung.png) no-repeat
}

#aufmass-grau {
    background: url(../fileadmin/images/de/icons/30x30/icon-aufmass-grau.png) no-repeat
}

#montage-grau {
    background: url(../fileadmin/images/de/icons/30x30/icon-montage-grau.png) no-repeat
}

#verfugen-grau {
    background: url(../fileadmin/images/de/icons/30x30/icon-verfugen-grau.png) no-repeat;
    border-bottom: 0!important
}

#demontage-grau {
    background: url(../fileadmin/images/de/icons/30x30/icon-demontage-grau.png) no-repeat
}

#entsorgen-grau {
    background: url(../fileadmin/images/de/icons/30x30/icon-entsorgung-grau.png) no-repeat
}

.gray-back {
    background: #ededed;
    margin: 25px 0;
    padding: 15px 0
}

.modal-header,.modal-footer {
    border: 0
}

.modal-header {
    padding: 10px 15px
}

.modal-content {
    border-radius: 0
}

.modal-footer {
    text-align: left;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px
}

.modal-body {
    padding: 5px 20px!important
}

.modal-body label {
    display: block;
    text-align: right;
    font-weight: 300;
    font-size: 1.23em;
    padding: 12px 0;
    margin-bottom: 0
}

.modal-body input {
    display: block;
    width: 100%;
    height: 35px
}

.modal-body #nachricht {
    height: 100px
}

.link-monteur-deteil {
    clear: both;
    margin-right: 66px;
    float: right
}

@media(max-width: 1199px) {
    .jumbotron-small {
        padding:10px 190px!important
    }
}

@media(max-width: 979px) and (min-width:768px) {
    .jumbotron-small {
        padding:10px 70px!important
    }

    .konfi-box-header h4 {
        min-height: 60px
    }

    .clear-on-tablet {
        clear: both
    }

    .marg-on-tablet {
        margin-top: 25px
    }

    .header-search {
        margin-top: -40px
    }

    .header-search input {
        height: 30px
    }

    .profile-list-item .img-circle {
        margin: 17px 0
    }

    .pos-statement {
        position: absolute;
        right: 2%;
        top: 47%
    }
}

@media(max-width: 479px) {
    .jumbotron-small {
        padding:5px!important
    }
}

@media(min-width: 480px) and (max-width:767px) {
    .jumbotron-small {
        padding:15px!important
    }
}

.blueimp-gallery .modal-body img,.blueimp-gallery .modal-body .video-content video,.blueimp-gallery .modal-body .video-content iframe,.blueimp-gallery .modal-body .video-content a {
    position: relative!important
}

.modal {
    overflow: auto
}

#content-container .content div.col-sm-3,#content-container .content div.col-sm-4,#shop-content div.col-sm-3,#shop-content div.col-sm-4 {
    margin-bottom: 25px
}

.img-layout-100 .col-sm-3,.no-margin-bottom {
    margin-bottom: 0!important
}

.popover-content .col-sm-3,.popover-content .col-sm-4 {
    margin-bottom: 25px
}

.popover-content .col-sm-3 p,.popover-content .col-sm-4 p {
    margin: 0
}

.trenner+h2,.trenner+article {
    margin-top: 5px
}

.col-sm-4+.trenner,.col-sm-3+.trenner {
    margin-top: 30px
}

.jumbotron+.trenner {
    margin-top: 20px
}

.col-sm-6>.col-sm-6>p {
    margin-top: -5px
}

.popover-content {
    font-family: Vazir
}

.popover-content {
    font-size: 13px
}

p.introtext {
    font-family: Vazir;
    font-size: 1.15em;
    font-weight: 300;
    line-height: 23px;
    color: #000;
    padding: 15px 15px 0;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .introtext {
        font-weight:400;
        padding: 15px!important;
        background-color: #ededed;
        font-size: .95em!important;
        line-height: 1.4em;
        clear: both
    }
}

p.quotesmall {
    border-left: 1px solid #ccc;
    padding-left: 15px;
    margin: 15px 15px 15px 0;
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
    font-family: Vazir;
    font-weight: 600;
    color: #666
}

p.leftpadd {
    padding-left: 15px
}

p.noleftpadd {
    padding-left: 0!important
}

p.mtop25 {
    margin-top: 25px
}

p.done {
    font-size: 1em;
    padding-left: 18px;
    margin-bottom: 5px;
    background: url(../fileadmin/images/neutral/haken-small.png) no-repeat 0 -1px
}

p.bild-caption {
    font-style: italic;
    text-align: left
}

p.green-list {
    font-size: 1.15em;
    margin-bottom: 0;
    line-height: 1.9em;
    font-weight: 300;
    padding-left: 20px;
    background: url(../fileadmin/images/neutral/haken-small.png) no-repeat 0 5px
}

p.align-right {
    text-align: right
}

p.mtop10 {
    margin-top: 10px
}

p.nomargtop {
    margin-top: 0!important
}

p.nachweis {
    font-size: .95em;
    color: #666
}

.padding-left {
    padding-left: 15px
}

.no-padding-left {
    padding-left: 0!important
}

.no-padding-right {
    padding-right: 0!important
}

.margin-top-25 {
    margin-top: 25px
}

h2.paddding {
    padding-left: 15px
}

.divider10 hr {
    height: 10px;
    margin: 0
}

.divider20 hr {
    height: 20px;
    margin: 0
}

.divider30 hr {
    height: 30px;
    margin: 0
}

.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-backface-visibility: hidden
}

.blueimp-gallery>.slides>.slide>.slide-content {
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    opacity: 1
}

.blueimp-gallery {
    position: fixed;
    z-index: 9999999999;
    overflow: hidden;
    background: #000;
    background: rgba(0,0,0,.9);
    opacity: 0;
    display: none;
    direction: ltr;
    touch-action: none
}

.blueimp-gallery-carousel {
    position: relative;
    z-index: auto;
    margin: 1em auto;
    padding-bottom: 56.25%;
    box-shadow: 0 0 10px #000;
    touch-action: pan-y
}

.blueimp-gallery-display {
    display: block;
    opacity: 1
}

.blueimp-gallery>.slides {
    position: relative;
    height: 100%;
    overflow: hidden
}

.blueimp-gallery-carousel>.slides {
    position: absolute
}

.blueimp-gallery>.slides>.slide {
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    transition-timing-function: cubic-bezier(.645,.045,.355,1)
}

.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content {
    transition: opacity .5s linear
}

.blueimp-gallery>.slides>.slide-loading {
    background: url(../fileadmin/images/neutral/gallery-loading.gif) center no-repeat;
    background-size: 64px 64px
}

.blueimp-gallery>.slides>.slide-loading>.slide-content {
    opacity: 0
}

.blueimp-gallery>.slides>.slide-error {
    background: url(../fileadmin/images/neutral/gallery-loading.gif) center no-repeat
}

.blueimp-gallery>.slides>.slide-error>.slide-content {
    display: none
}

.blueimp-gallery>.prev,.blueimp-gallery>.next {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -23px;
    font-family: Vazir;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 2px #000;
    text-align: center;
    background: #222;
    background: rgba(0,0,0,.5);
    box-sizing: content-box;
    border: 3px solid #fff;
    border-radius: 23px;
    opacity: .5;
    cursor: pointer;
    display: none
}

.blueimp-gallery>.next {
    left: auto;
    right: 15px
}

.blueimp-gallery>.close,.blueimp-gallery>.title {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0 40px 0 0;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    opacity: .8;
    display: none
}

.blueimp-gallery>.close {
    padding: 15px;
    right: 15px;
    left: auto;
    margin: -15px;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer
}

.blueimp-gallery>.play-pause {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 15px;
    height: 15px;
    background: url(../fileadmin/images/neutral/gallery-loading.gif) 0 0 no-repeat;
    cursor: pointer;
    opacity: .5;
    display: none
}

.blueimp-gallery-playing>.play-pause {
    background-position: -15px 0
}

.blueimp-gallery>.prev:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.close:hover,.blueimp-gallery>.title:hover,.blueimp-gallery>.play-pause:hover {
    color: #fff;
    opacity: 1
}

.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.title,.blueimp-gallery>.play-pause {
    display: block;
    transform: translateZ(0)
}

.blueimp-gallery-single>.prev,.blueimp-gallery-left>.prev,.blueimp-gallery-single>.next,.blueimp-gallery-right>.next,.blueimp-gallery-single>.play-pause {
    display: none
}

.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.play-pause {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body:last-child .blueimp-gallery>.slides>.slide-error {
    background-image: url(../fileadmin/images/neutral/gallery-loading.gif)
}

body:last-child .blueimp-gallery>.play-pause {
    width: 20px;
    height: 20px;
    background-size: 40px 20px;
    background-image: url(../fileadmin/images/neutral/play-pause.svg)
}

body:last-child .blueimp-gallery-playing>.play-pause {
    background-position: -20px 0
}

*+html .blueimp-gallery>.slides>.slide {
    min-height: 300px
}

*+html .blueimp-gallery>.slides>.slide>.slide-content {
    position: relative
}

.blueimp-gallery>.indicator {
    position: absolute;
    top: auto;
    right: 15px;
    bottom: 15px;
    left: 15px;
    margin: 0 40px;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 10px;
    display: none
}

.blueimp-gallery>.indicator>li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 6px 3px 0;
    box-sizing: content-box;
    border: 1px solid transparent;
    background: #ccc;
    background: rgba(255,255,255,.25) center no-repeat;
    background-image: none!important;
    border-radius: 5px;
    box-shadow: 0 0 2px #000;
    opacity: .5;
    cursor: pointer
}

.blueimp-gallery>.indicator>li:hover,.blueimp-gallery>.indicator>.active {
    background-color: #fff;
    border-color: #fff;
    opacity: 1
}

.blueimp-gallery>.indicator {
    display: block;
    transform: translateZ(0)
}

.blueimp-gallery-single>.indicator {
    display: none
}

.blueimp-gallery>.indicator {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

*+html .blueimp-gallery>.indicator>li {
    display: inline
}

.blueimp-gallery .modal-body {
    position: relative;
    text-align: center;
    padding: 0 0 56.25%;
    overflow: hidden;
    cursor: pointer
}

.blueimp-gallery .modal-footer {
    margin: 0
}

.blueimp-gallery .modal-body img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media screen and (min-width: 768px) {
    .blueimp-gallery .modal-dialog {
        right:auto;
        left: auto;
        width: auto;
        max-width: 900px;
        padding-left: 5%;
        padding-right: 5%
    }
}

.teaser-bg {
    position: absolute;
    top: 0;
    width: 262px;
    height: 197px;
    background-color: #0009;
    color: #fff;
    text-align: center;
    padding: 40px 25px 15px
}

.teaser-bg p {
    color: #fff
}

.navbar-nav>li {
    padding: 1px 0
}

.blue {
    background-color: #0073c0
}

td.produkt {
    font-size: 1.2em;
    font-weight: 600
}

.small td {
    padding: 3px 8px!important
}

.ref-images img {
    margin-bottom: 15px
}

h2:empty,.pagebrowser .col-xs-6:empty,p:empty,figcaption:empty,.from:empty,.currency:empty,.price:empty,h4:empty,nav:empty {
    display: none
}

p:empty+h3 {
    margin-top: 0
}

header+.row nav,header+.row .content,.container {
    background-color: #fff!important
}

h3.presse a {
    color: #000;
    text-decoration: none
}

h3.presse a:hover {
    color: #04c;
    text-decoration: none
}

.presse-datum {
    margin-top: 5px
}

a.top-monteur-link {
    text-decoration: none
}

a.top-monteur-link h4 {
    color: #000;
    font-size: 18px
}

.top-monteur {
    opacity: .8!important
}

.top-monteur:hover {
    opacity: 1!important;
    border: 1px solid #000
}

.sorting-filters {
    clear: both
}

.tabs div {
    background-color: #efefef;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    padding: 0
}

.tabs div a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    display: block;
    padding: 8px 0
}

.tabs div:hover,.tabs #active {
    background-color: #fff
}

.trust-badge-default {
    position: absolute;
    z-index: 100;
    margin-top: -142px;
    float: right;
    margin-left: 8px
}

.trust-badge-top-left {
    position: absolute;
    z-index: 1;
    float: right;
    margin: 3px
}

.trust-badge-top-right {
    position: absolute;
    z-index: 100;
    margin-top: -416px;
    float: right;
    margin-left: 282px
}

.trust-badge-bottom-left {
    position: absolute;
    z-index: 100;
    margin-top: -142px;
    float: right;
    margin-left: 8px
}

.trust-badge-bottom-right {
    position: absolute;
    z-index: 100;
    float: right;
    margin-left: 282px
}

.col-sm-6 .introtext {
    padding: 0!important
}

.size14 {
    font-size: 14px
}

.size18 {
    font-size: 18px
}

.preisvorteil {
    line-height: 15px
}

.htmlarea-content-body a {
    text-decoration: underline
}

ul.csc-menu-def li {
    line-height: 1.85em;
    padding-left: 15px;
    margin: 0;
    background-image: none
}

.csc-firstHeader {
    margin-bottom: 10px;
    margin-top: 20px
}

.csc-menu-def a {
    color: #000
}

.col-sm-6 h3 {
    margin-top: 0;
    margin-bottom: 15px
}

h3.konfi-box-header {
    background: none repeat scroll 0 0 #efefef;
    font-size: 1.6em;
    margin: 0;
    padding: 15px 1px
}

.cursor-hover {
    cursor: pointer
}

.cursor-hover:hover {
    text-decoration: underline
}

.tooltip-table .number {
    font-size: .9em
}

.tooltip-table td {
    padding: 3px 5px
}

.inline-text {
    float: none!important;
    display: inline!important
}

html * {
    max-height: 1000000px
}

.container {
    border: 1px #ccc solid;
    background-color: #fff
}

.content {
    width: 75%;
    float: left
}

@media(min-width: 320px) and (max-width:767px) {
    .content {
        width:100%;
        float: left
    }

    .navigation {
        display: none
    }
}

.container .jumbotron {
    border-radius: 0
}

.video-container {
    clear: both
}

h1+figure.col-sm-12 {
    margin-top: 0!important
}

.csc-firstHeader {
    margin-bottom: 25px!important
}

.small td {
    font-size: 12px
}

.jumbotron {
    font-weight: 200;
    line-height: 2.14;
    clear: both
}

.dropdown-menu {
    left: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    padding: 0;
    border-radius: 0
}

.dropdown-menu-item {
    padding: 10px
}

.dropdown-menu ul {
    padding: 0
}

.dropdown-menu ul li {
    list-style: none;
    padding-left: 12px;
    background-image: url(../fileadmin/images/neutral/grey-square.png);
    background-repeat: no-repeat;
    line-height: 1.7em;
    font-size: .92em
}

.nav-full-width .dropdown {
    position: static;
    background-color: #444
}

.nav-full-width .dropdown:hover,.nav-full-width .dropdown:active {
    background: #777
}

.nav-full-width .dropdown-menu {
    left: auto
}

.infos {
    margin: 10px 0
}

.navbar {
    border-radius: 0
}

.infos a,.dropdown-menu-item #headline,.infos .fwd,.prod-info {
    display: inline-block;
    padding: 0;
    font-size: 1.15em;
    line-height: 1.7em;
    letter-spacing: 1px
}

.fwd {
    cursor: pointer
}

.infos .fwd:hover {
    color: #23527c
}

.blueback h3 {
    display: block;
    color: #fff;
    font-size: 1.15em;
    text-align: left;
    padding-top: 15px;
    padding-left: 10px
}

.price-dropdown {
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    right: 15px;
    display: inline-block;
    margin: 0;
    color: #000
}

.price-dropdown-from {
    font-size: 20px
}

#kunststoff-dropdown .infos {
    min-height: 140px
}

#kunststoff-dropdown .blueback {
    width: 193px
}

#holz-dropdown .infos {
    min-height: 175px
}

#holz-dropdown .blueback {
    min-height: 282px;
    width: 194px
}

#holz-alu-dropdown .infos {
    min-height: 134px
}

#holz-alu-dropdown .blueback {
    min-height: 381px;
    width: 194px
}

#haustueren-dropdown .infos {
    min-height: 160px
}

#haustueren-dropdown .dropdown-menu-item,#balkontueren-dropdown .dropdown-menu-item {
    width: 16.66666667%
}

#balkontueren-dropdown .blueback {
    min-height: 485px
}

#rollladen-dropdown .infos {
    min-height: 145px
}

#rollladen-dropdown .blueback {
    min-height: 244px;
    width: 194px
}

#zubehoer-dorpdown .infos {
    min-height: 140px
}

#zubehoer-dorpdown .blueback {
    min-height: 395px;
    width: 193px
}

@-moz-document url-prefix() {
    #rollladen-dropdown .blueback {
        min-height: 246px
    }

    #balkontueren-dropdown .blueback {
        min-height: 388px
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    ul.haken li {
        font-size: 1.2em
    }

    #holz-alu-dropdown .blueback {
        min-height: 385px
    }

    #balkontueren-dropdown .blueback {
        min-height: 388px
    }

    #rollladen-dropdown .blueback {
        min-height: 245px
    }

    .tiny img {
        -ms-interpolation-mode: bicubic
    }

    .review-item {
        display: block!important
    }
}

@media(min-width: 1200px) {
    :not(#nav-de)>.dropdown {
        width:195px
    }

    :not(#nav-de)>#tab-zubehor,:not(#nav-de)>.dropdown:last-child {
        width: 192px
    }

    .dropdown-menu-item {
        width: 195px
    }

    #haustueren-dropdown .blueback,#balkontueren-dropdown .blueback {
        width: 194px
    }

    #haustueren-dropdown #hst-blue-tablet,#balkontueren-dropdown #hst-blue-tablet {
        width: 195px
    }
}

@media(min-width: 768px) and (max-width:979px) {
    .nav>li {
        float:left
    }

    .nav>li>a {
        text-align: center;
        font-size: 11px!important;
        font-weight: 700!important;
        padding: 5px 0!important
    }

    .nav>li>li>a {
        padding: 0 0 5px
    }

    #haustueren-dropdown .dropdown-menu-item,#balkontueren-dropdown .dropdown-menu-item {
        width: 33.33333333%;
        border-right: 1px solid #bdbdbd
    }

    #haustueren-dropdown .dropdown-menu-item img,#balkontueren-dropdown .dropdown-menu-item img {
        width: 150px
    }

    .infos a,.dropdown-menu-item #headline,.prod-info,.infos .fwd {
        font-size: 1em
    }

    .dropdown-menu ul li {
        font-size: .88em
    }

    .konfi-box-header {
        padding: 10px 0!important;
        font-size: 1.2em
    }

    #kunststoff-dropdown .infos {
        min-height: 145px
    }

    #holz-dropdown .infos {
        min-height: 155px
    }

    #haustueren-dropdown .infos {
        min-height: 150px
    }

    #zubehoer-dorpdown .infos {
        min-height: 213px
    }

    #zubehoer-dropdown {
        width: 150px
    }

    #kunststoff-dropdown .price-dropdown,#holz-dropdown .price-dropdown {
        bottom: 65px!important
    }

    #balkontueren-dropdown .price-dropdown,#zubehoer-dorpdown .price-dropdown {
        bottom: 70px!important
    }

    .navigation .btn-primary {
        height: auto!important;
        font-size: .8em;
        text-align: center;
        padding: 8px 0!important
    }

    .navigation>ul>li>strong a {
        font-size: 1em;
        margin-left: -30px;
        padding-left: 15px
    }

    .navigation ul ul li.sub a {
        font-size: .89em;
        margin-left: -14px;
        padding-left: 0
    }

    .navigation ul ul li.sub a:hover,.navigation ul ul li.sub-active a {
        background-image: none!important;
        font-size: .89em
    }

    .navigation ul ul li.sub-active {
        padding-left: 0!important
    }

    .navigation a.btn,.breadcrumb,#myCarousel {
        margin-top: 15px!important
    }

    .breadcrumb a {
        font-size: .9em!important;
        padding-right: 5px
    }

    .pagebrowser {
        margin-left: 15px;
        width: 96.5%
    }

    .container .jumbotron {
        padding: 30px
    }

    .jumbotron span.h4 {
        margin: 0 0 15px;
        font-size: 1.5em
    }

    .jumbotron p {
        font-size: 1.2em;
        padding: 10px 0
    }

    .jumbotron .btn {
        padding: 4px 14px
    }

    .konfi-box-header+a>img {
        max-height: 100px
    }

    .tvsender {
        margin-left: 30px!important
    }

    .youtube {
        margin-left: 90px!important
    }

    #versand {
        margin-left: 0
    }

    #footer-tv-logos span.fleft {
        margin-left: 40px
    }

    #footer-logos {
        padding-bottom: 15px
    }

    p.quote-light,.quote-light {
        line-height: 1.45em
    }

    h1 {
        font-size: 2.3em;
        line-height: 1em
    }

    h2 {
        font-size: 1.7em
    }

    .csc-firstHeader {
        margin-bottom: 18px!important
    }

    ul.haken-gruen li {
        line-height: 1.8em;
        font-size: 1.05em
    }

    p.introtext {
        font-size: 1.1em;
        line-height: 20px
    }

    .from,.ab {
        font-size: 18px
    }

    p.priceline {
        font-size: 26px
    }

    .price,.euro {
        font-size: 27px
    }

    #vorteil35,.preisvorteil {
        display: none
    }

    #price-box img {
        margin-top: 37px
    }

    .tabs div a {
        font-size: 14px
    }

    #karte .montage {
        width: 100%!important
    }

    .uw-badge {
        max-height: 70px
    }

    .bx-wrapper.tiny-holder {
        max-width: 300px!important
    }

    .bx-wrapper .caption span {
        font-size: .9em;
        line-height: 18px
    }

    #bx-pager-8000 .tiny,#bx-pager-8000 .tiny img {
        width: 45px!important;
        height: 40px!important;
        margin-right: 6px!important
    }

    #bx-pager .tiny img {
        width: 40px!important;
        height: 40px!important;
        margin-right: 4px!important
    }

    #q3 .bx-prev,#q3 .bx-prev:hover {
        margin-left: -9px!important
    }

    #q3 .bx-next,#q3 .bx-next:hover {
        margin-right: -20px!important
    }

    .col-sm-6 .video-play {
        max-width: 55px;
        top: 52%
    }

    .col-sm-4 .video-play {
        max-width: 40px;
        top: 18%
    }

    .produkt-info .tooltip {
        left: 0!important
    }

    .rabatt-tooltip {
        width: 327px;
        color: #333
    }

    .teaser-bg {
        width: 293px!important;
        height: 220px!important;
        padding-top: 60px!important
    }

    .noprice {
        font-size: 13px
    }

    div[data-class=rabatt-tooltip] {
        left: 56%!important
    }
}

@media(min-width: 980px) {
    #footer-tv-logos span.fleft {
        margin-left:45px!important
    }

    .price-dropdown {
        font-size: 28px!important
    }

    #haustueren-dropdown .infos {
        min-height: 220px
    }

    div[data-class=rabatt-tooltip] {
        left: 59%!important
    }
}

.footer-accordion {
    border-bottom: 1px solid #ccc;
    padding: 15px;
    background-color: #f7f7f7;
    border-top: 1px solid #ccc
}

@media(max-width: 767px) {
    .footer-accordion {
        padding-top:10px!important
    }
}

.collapse-item p {
    font-size: 1em;
    font-weight: 600;
    color: #000;
    cursor: pointer
}

.collapse-item p a:hover {
    color: #000!important;
    text-decoration: none!important
}

.list ul,ul.flex-list {
    list-style: none!important;
    margin-bottom: 12px!important
}

ul.flex-list li {
    background: 0 0;
    padding-left: 0;
    padding-bottom: 5px;
    display: flex;
    margin-left: 30px;
    position: relative;
    font-size: 1.4rem
}

.flex-list li:before {
    padding: 0 10px;
    position: absolute;
    left: -39px;
    top: 0
}

@media only screen and (max-width: 979px) {
    .dropdown-menu,.teaser-bg {
        display:none!important
    }

    html:not(.mobile) #configurator-container .bootstrap-select.open .dropdown-menu {
        display: block!important
    }
}

.dropdown.open .dropdown-menu {
    display: block!important
}

.synonymbox {
    padding-bottom: 10px;
    margin: 30px 0
}

.synonymbox:empty {
    display: none
}

.synboxheader {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: 100
}

.synonymbox a {
    color: #04c;
    text-decoration: underline
}

.synonymbox a:hover {
    text-decoration: none
}

.synboxheader+a {
    padding-top: 7px;
    display: inline-block
}

.blue-link {
    color: #04c;
    text-decoration: underline;
    cursor: pointer
}

.blue-link:hover {
    text-decoration: none;
    color: #04c
}

#img1,#img2,#img3,#img4,#img5,#img6,#img7,#img8,#img9,#img10 {
    background-image: url(../fileadmin/images/de/referenzen-fensterversand.jpg);
    width: 258px;
    height: 190px
}

#img1 {
    background-position: 0 0
}

#img2 {
    background-position: -260px 0
}

#img3 {
    background-position: -520px 0
}

#img4 {
    background-position: -781px 0
}

#img5 {
    background-position: -1041px 0
}

#img6 {
    background-position: -1299px 0
}

#img7 {
    background-position: -1560px 0
}

#img8 {
    background-position: -1820px 0
}

#img9 {
    background-position: -2080px 0
}

#img10 {
    background-position: -2340px 0
}

#referenzen.carousel .item {
    opacity: 0;
    transition-property: opacity;
    transform: translateZ(0)
}

#referenzen.carousel-inner {
    width: 100%!important
}

#referenzen.carousel .active {
    opacity: 1!important
}

#referenzen.carousel .carousel-inner.active.left,#referenzen.carousel .carousel-inner.active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    filter: alpha(opacity=0)
}

#referenzen.carousel .carousel-inner .next.left,#referenzen.carousel .carousel-inner .prev.right {
    opacity: 1
}

.numbers {
    padding-left: 0;
    float: left
}

.one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.one-g,.two-g,.three-g,.four-g,.five-g,.six-g,.seven-g,.eight-g,.nine-g {
    list-style: none;
    padding-left: 35px;
    background-repeat: no-repeat;
    line-height: 1.9em!important;
    padding-bottom: 10px
}

.one:before,.two:before,.three:before,.four:before,.five:before,.six:before,.seven:before,.eight:before,.nine:before,.ten:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "";
    position: absolute;
    margin-top: 7px;
    left: 15px
}

.one:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -451px -119px
}

.two:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -477px -119px
}

.three:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -503px -119px
}

.four:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -451px -145px
}

.five:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -477px -145px
}

.six:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -503px -145px
}

.seven:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -451px -171px
}

.eight:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -477px -171px
}

.nine:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -503px -171px
}

.ten:before {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -451px -197px
}

.one-g {
    background: url(../fileadmin/images/g1.png) left 7px no-repeat
}

.two-g {
    background: url(../fileadmin/images/g2.png) left 7px no-repeat
}

.three-g {
    background: url(../fileadmin/images/g3.png) left 7px no-repeat
}

.four-g {
    background: url(../fileadmin/images/g4.png) left 7px no-repeat
}

.five-g {
    background: url(../fileadmin/images/g5.png) left 7px no-repeat
}

.six-g {
    background: url(../fileadmin/images/g6.png) left 7px no-repeat
}

.seven-g {
    background: url(../fileadmin/images/g7.png) left 7px no-repeat
}

.eight-g {
    background: url(../fileadmin/images/g8.png) left 7px no-repeat
}

.nine-g {
    background: url(../fileadmin/images/g9.png) left 7px no-repeat
}

.bold {
    font-weight: 600
}

h3.bold {
    margin-top: 15px
}

.col-sm-offset-1 .haken-gruen {
    margin-top: 0;
    margin-bottom: 0
}

.bottom-elements {
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    width: 100%
}

h3:empty,img[src=""] {
    display: none
}

a.large-link {
    font-size: 1.15em
}

span.likeh2,a.whiteh2 {
    font-size: 1.4em;
    font-weight: 300;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px
}

span.whiteh3,a.whiteh3 {
    display: block!important;
    color: #fff!important;
    font-size: 1.15em;
    text-align: left;
    padding-top: 8px!important;
    padding-left: 10px!important
}

a.whiteh3:hover {
    text-decoration: none;
    background-color: #49a1e1!important
}

#GTS_CONTAINER {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0;
    margin: 0
}

.btn-white {
    color: #49a1e1!important;
    border: 1px solid #efefef;
    background: #fff linear-gradient(to bottom,#ffffff 5%,#efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#efefef");
    font-weight: 600!important;
    margin: 10px;
    font-size: 1em!important;
    padding: 4px 15px!important;
    text-align: center;
    display: block!important;
    cursor: pointer
}

.btn-white:hover {
    background: #fff;
    text-decoration: none!important
}

.blueback .whiteh3 {
    font-weight: 600!important
}

.whitetext,.whitetext a {
    font-size: 1em!important
}

.dropdown-menu .btn {
    font-weight: 600;
    padding-top: 4px!important;
    padding-bottom: 5px!important
}

.gray-price .btn {
    font-weight: 600;
    padding-top: 4px;
    padding-bottom: 5px
}

.logotext-fv {
    letter-spacing: .12em;
    font-size: 1.13em;
    padding: 0;
    margin: 5px 0 3px!important
}

.metanavigation-fv {
    background-color: #e8e8e8;
    padding: 6px 15px!important
}

.tvsender-small {
    height: 17px!important;
    width: 153px!important
}

.metanavigation-fv #tel {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase
}

.metanavigation-fv #tv {
    padding-top: 3px
}

.metanavigation-fv #tv .fleft {
    line-height: 17px
}

.col-sm-4.logo {
    margin: 5px 0
}

ul.haken li {
    list-style: none;
    line-height: 1.5em;
    font-size: 1.1em;
    color: #333;
    letter-spacing: .02em;
    font-weight: 600
}

.head .col-sm-6,.head .col-sm-2 {
    border-left: 1px solid #ccc;
    min-height: 100px;
    margin-top: 7px
}

.head .col-sm-2 {
    padding-top: 20px
}

.head .col-sm-6 {
    padding-top: 18px
}

.head .col-sm-6 {
    padding-right: 0
}

#warenkorb {
    font-size: 1.11em;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 5px
}

.head .col-sm-2 .blue-link {
    display: block
}

@media(min-width: 980px) and (max-width:1199px) {
    .color-trusted,.made-in-germany {
        margin-right:0!important
    }

    .logotext-fv {
        font-size: 1em;
        letter-spacing: 1px
    }

    .head .col-sm-6,.head .col-sm-2 {
        min-height: 0;
        margin: 8px 0 8px -1px;
        padding-top: 10px
    }

    .head .col-sm-2 {
        padding-bottom: 12px
    }
}

@media(min-width: 768px) and (max-width:979px) {
    .color-trusted {
        margin-left:45px
    }

    .head .col-sm-6,.head .col-sm-2 {
        margin-bottom: 8px;
        margin-left: -2px;
        min-height: 90px
    }

    .head .col-sm-2 {
        padding-top: 8px
    }

    .head .col-sm-6 {
        padding-top: 13px
    }

    .head .col-sm-2 .blue-link {
        padding-top: 0
    }

    .col-sm-4.logo {
        padding-top: 25px
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .made-in-germany {
        margin: 10px 10px 0 50px
    }

    .metanavigation-fv .row {
        background-color: #ededed!important
    }
}

@media screen and (max-width: 1350px) {
    div.rabatt-aktion-10 {
        display:none
    }
}

.detail-box h2,.detail-box h3,.detail-box h4 {
    padding: 15px 10px;
    margin-bottom: 0
}

.border .inhalt {
    padding: 15px
}

.border .inhalt .btn {
    font-size: 1em;
    padding: 4px 8px;
    font-weight: 600
}

.border .inhalt ul li {
    background-image: url(../fileadmin/images/neutral/haken-small.png);
    padding-left: 17px
}

.imgLayout110 h2,.imgLayout110 h3,.imgLayout110 h4 {
    padding: 15px 10px;
    margin-bottom: 0
}

.zoomLink {
    position: relative;
    display: block
}

.zoomIcon {
    position: absolute;
    bottom: 5px;
    right: 5px
}

.fa.zoomIcon {
    color: #c4c3c3;
    font-size: 30px;
    top: initial
}

.gzlink {
    position: relative;
    display: block
}

.zoom {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 30px;
    color: #c4c3c3;
    top: initial
}

@media(max-width: 480px) {
    #fensterbauer-map-image,#fensterbauer-image-map {
        display:none
    }
}

@media(max-width: 767px) {
    .fbvz-map {
        height:320px!important
    }
}

.top-btn {
    float: right;
    position: fixed;
    right: 10px;
    bottom: 5%;
    background: #555;
    padding: 5px 10px;
    display: none
}

.top-btn,.top-btn:hover,.top-btn:focus,.top-btn:active {
    color: #fff!important;
    text-decoration: none!important
}

.blueimp-gallery {
    background: rgba(0,0,0,.75)
}

.blueimp-gallery>.title {
    right: 0!important;
    left: 0!important;
    margin: 5px auto 0;
    text-align: center
}

@media(max-width: 500px) {
    .blueimp-gallery>.title {
        width:77%;
        margin: 0 auto
    }
}

.blueimp-gallery>.title:hover {
    color: #fff;
    opacity: .8
}

.blueimp-gallery>.slides>.slide>.slide-content {
    max-height: 70%;
    overflow: hidden
}

.blueimp-gallery>.slides>.slide>.video-loading>a {
    background: url(../fileadmin/images/loading-img.gif) center/64px 64px no-repeat
}

.blueimp-gallery>.play-pause {
    display: none
}

.blueimp-gallery .socialmediabar {
    position: absolute;
    top: 0;
    right: 0!important;
    left: 0!important;
    margin: 10px auto 0;
    text-align: left;
    display: block
}

.blueimp-gallery .socialmediabar>.inner {
    position: relative;
    margin-right: 10px;
    height: auto;
    width: auto;
    padding: 0;
    float: right
}

.blueimp-gallery .socialmediabar a {
    width: 20px;
    height: 20px;
    position: relative;
    float: left
}

.blueimp-gallery .socialmediabar a.bi-facebook {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -495px -97px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.blueimp-gallery .socialmediabar a.bi-googleplus {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -473px -97px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.blueimp-gallery .socialmediabar a.bi-pintrest {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -517px -97px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 5px
}

#social_share_privacy,#social_share_privacy_xs {
    float: right;
    margin: -4px -7px 0 0;
    width: 80px;
    height: 30px;
    overflow: hidden
}

#social_share_privacy .social_share_privacy_area.line,#social_share_privacy_xs .social_share_privacy_area.line {
    height: 20px
}

#social_share_privacy .social_share_privacy_area.line li,#social_share_privacy_xs .social_share_privacy_area.line li {
    background-image: none;
    width: auto;
    height: 20px
}

#social_share_privacy .social_share_privacy_area.line li .switch,#social_share_privacy_xs .social_share_privacy_area.line li .switch {
    display: none
}

#social_share_privacy .social_share_privacy_area.line li.help_info .info,#social_share_privacy .social_share_privacy_area li.settings_info,#social_share_privacy_xs .social_share_privacy_area.line li.help_info .info,#social_share_privacy_xs .social_share_privacy_area li.settings_info {
    display: none;
    font-weight: 400;
    right: -5px;
    bottom: 30px;
    left: initial
}

#social_share_privacy .social_share_privacy_area.line li.help_info.display .info,#social_share_privacy_xs .social_share_privacy_area.line li.help_info.display .info {
    display: block
}

#social_share_privacy .social_share_privacy_area.line li div.mail a,#social_share_privacy_xs .social_share_privacy_area.line li div.mail a {
    width: auto;
    margin: 0;
    padding: 0
}

#social_share_privacy .social_share_privacy_area.line li .dummy_btn,#social_share_privacy_xs .social_share_privacy_area.line li .dummy_btn {
    margin: 0 0 0 5px;
    min-width: 20px;
    background-repeat: no-repeat
}

#social_share_privacy .social_share_privacy_area.line li .dummy_btn img,#social_share_privacy .social_share_privacy_area.line .gplus img.gplusone_privacy_dummy,#social_share_privacy_xs .social_share_privacy_area.line li .dummy_btn img,#social_share_privacy_xs .social_share_privacy_area.line .gplus img.gplusone_privacy_dummy {
    width: 20px;
    height: 20px;
    vertical-align: top
}

#social_share_privacy .social_share_privacy_area li.settings_info,#social_share_privacy_xs .social_share_privacy_area li.settings_info {
    right: 10px
}

#social_share_privacy .social_share_privacy_area.line li.help_info.gplus .info,#social_share_privacy_xs .social_share_privacy_area.line li.help_info.gplus .info {
    right: 15px
}

#social_share_privacy .social_share_privacy_area li.settings_info .settings_info_menu,#social_share_privacy_xs .social_share_privacy_area li.settings_info .settings_info_menu {
    margin: 0 0 0 10px;
    min-width: 27px
}

#social_share_privacy .social_share_privacy_area li .help_info.icon,#social_share_privacy_xs .social_share_privacy_area li .help_info.icon {
    margin: 4px 0 0
}

#social_share_privacy .social_share_privacy_area.line li .dummy_btn iframe,#social_share_privacy_xs .social_share_privacy_area.line li .dummy_btn iframe {
    width: 20px!important;
    height: 20px!important;
    margin: 0!important;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.social_share_privacy_area .dummy_btn span.privacy_dummy {
    width: 20px;
    height: 20px;
    display: inline-block
}

.social_share_privacy_area .fb_like span.privacy_dummy {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -495px -75px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.social_share_privacy_area .tweet span.privacy_dummy {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -451px -75px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.social_share_privacy_area .gplusone span.privacy_dummy {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -473px -75px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.social_share_privacy_area.line .facebook .fb_like {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -495px -97px;
    width: 20px;
    height: 20px
}

.social_share_privacy_area.line li div.tweet {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -451px -97px;
    width: 20px;
    height: 20px
}

.social_share_privacy_area.line li div.gplusone {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -473px -97px;
    width: 20px;
    height: 20px
}

#userlikeLogo {
    background: url(../fileadmin/images/de/logos/fv-live-chat.png)!important
}

.kfw-link {
    background-color: #e5e5ee;
    border: 1px dashed #999;
    font-size: 1.1em;
    font-weight: 600;
    padding: 3px 0 8px;
    margin-bottom: 15px;
    text-align: center
}

.col-sm-6 .kfw-link p {
    margin: 10px 0
}

.col-sm-6 .kfw-link {
    padding: 0
}

.navbar-toggle img {
    display: inline-block;
    margin-right: 8px
}

#tel span {
    margin: 0 8px
}

#tel div.visible-xs span.force-inline {
    float: left
}

#headerLogin {
    font-size: 1.11em;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 5px;
    text-align: center
}

#headerLogin span img {
    display: inline
}

#headerLogin span.myAccount {
    padding: 5px 0 40px 30px
}

#headerLogin span.myAccount>span {
    text-decoration: underline;
    padding-left: 0;
    z-index: 2;
    position: relative
}

#myAccountNav {
    display: none;
    opacity: 0;
    position: absolute;
    top: 38px;
    right: -27px;
    background-clip: padding-box;
    z-index: 51;
    animation: fadein .4s
}

#myAccountNav .inner {
    background-color: #fff;
    padding: 5px 15px;
    margin: 37px -2px 0 0;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 5px 10px #0003;
    box-sizing: border-box
}

#myAccountNav ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#myAccountNav ul li {
    text-align: left;
    padding: 6px;
    border-bottom: 1px solid #bdbdbd;
    font-weight: 400;
    font-size: 13px;
    white-space: nowrap
}

#myAccountNav ul li:last-child {
    border-bottom: 0
}

#myAccountNav li:hover,#myAccountNav li:hover span {
    text-decoration: underline;
    cursor: pointer
}

#myAccountNav .arrow,#myAccountNav .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 1px solid transparent
}

#myAccountNav .arrow {
    top: -15px;
    right: 25%;
    border-width: 10px;
    border-top-width: 0;
    border-bottom-width: 15px;
    border-bottom-color: #999;
    margin-top: 37px
}

#myAccountNav .arrow:after {
    top: 2px;
    margin-left: -10px;
    content: " ";
    border-width: 10px;
    border-top-width: 0;
    border-bottom-width: 14px;
    border-bottom-color: #fff
}

@media print {
    header.row,footer.footer,.rabatt-aktion-10 {
        display: none!important
    }
}

form.searchbox {
    position: relative
}

form.searchbox span.resetbutt,form.searchbox span.submitbutt,.teaser_icon,.add-info-scorePercent {
    display: none
}

form.searchbox .searchbox-submit {
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0
}

form.searchbox .searchbox-submit:hover {
    cursor: pointer
}

form.searchbox .searchbox-submit .fa-search {
    font-size: 22px;
    position: absolute;
    top: 7px;
    left: 7px;
    color: #fff
}

form.searchbox .searchbox-submit:hover .fa-search {
    color: #bdbdbd
}

form.searchbox input[type=text] {
    color: #000;
    width: 100%;
    height: 36px;
    padding: 0 35px 0 5px;
    border-radius: 0
}

form.searchbox input[type=submit] {
    color: #000;
    width: 100%;
    height: 36px;
    padding: 0;
    margin: 0;
    text-indent: -999px;
    background-color: #bdbdbd;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    box-shadow: none
}

form.searchbox .searchbox-submit:hover input[type=submit] {
    background-color: #ededed
}

.navigation .tx-kesearch-pi1 .col-xs-12 {
    margin: 30px 0 0
}

.navigation .tx-kesearch-pi1 .kesearchbox {
    margin: 0
}

.navigation form.searchbox input[type=text] {
    color: #666;
    padding-left: 30px
}

.tx-kesearch-pi1 {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.content form.searchbox #ke_search_sword {
    width: 100%
}

.tx-kesearch-pi1 #kesearch_results,.tx-kesearch-pi1 #kesearch_results .result-list-item {
    margin: 0
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .scorePercent {
    float: right;
    height: 10px;
    width: 40px;
    text-align: right;
    font-size: 12px;
    line-height: 10px
}

.tx-kesearch-pi1 .likeH1 {
    font-size: 2.4em;
    line-height: 1.1em;
    color: #000
}

.tx-kesearch-pi1 #kesearch_results .result-list-item a {
    color: #000;
    text-decoration: none;
    font-weight: 300
}

.tx-kesearch-pi1 #kesearch_results .result-list-item a:hover {
    color: #04c
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: inherit;
    font-weight: 700;
    float: none;
    font-size: inherit
}

.tx-kesearch-pi1 #kesearch_results .result-list-item a .hit {
    font-weight: 400
}

.tx-kesearch-pi1 #kesearch_pagebrowser_bottom .pages_total {
    border: none
}

#kesearch_pagebrowser_bottom {
    text-align: center
}

.tx-kesearch-pi1 a.prev,.tx-kesearch-pi1 a.next {
    background-image: none;
    width: 10px;
    height: 24px
}

.tx-kesearch-pi1 .prev:before,.tx-kesearch-pi1 .next:before {
    content: "«";
    color: #000
}

.tx-kesearch-pi1 .next:before {
    content: "»"
}

.tx-kesearch-pi1 .prev:hover:before,.tx-kesearch-pi1 .next:hover:before {
    color: #04c
}

.tx-kesearch-pi1 .result_txt.text-right {
    margin: 15px 0 0
}

.tx-kesearch-pi1 #kesearch_results>div.general-message {
    padding: 0;
    display: block
}

.tx-kesearch-pi1 .general-message .image {
    margin: 0;
    display: none
}

.head .search-link-mobile {
    padding: 17px 0 0;
    margin-right: 10px;
    float: right
}

.head .search-link-mobile .fa-search {
    font-size: 20px;
    color: #777
}

h2 .str {
    margin-top: -8px
}

span.str {
    width: 22px;
    height: 22px;
    margin-right: 0;
    color: gold
}

h2 span {
    margin-right: 10px
}

h3 span {
    font-size: 13px;
    font-weight: 400;
    float: right
}

.blue-vid,.blue-3vid {
    background: #e1f1ff;
    float: left;
    width: 100%
}

.blue-vid {
    padding: 15px
}

.blue-3vid {
    padding: 15px 0
}

.blue-3vid .col-sm-4.tcenter {
    margin-bottom: 0
}

.blue-vid .video-container,.blue-3vid .video-container {
    margin-bottom: 0;
    padding-top: 0;
    cursor: pointer;
    position: relative;
    clear: none!important
}

.blue-vid .video-container.col-sm-6 {
    padding-bottom: 28.25%
}

.blue-3vid .col-sm-4 .video-container {
    margin-bottom: 0
}

.blue-vid .video-container iframe,.blue-3vid .video-container iframe {
    padding: 0
}

.duration {
    background: #333;
    color: #fff;
    border-radius: 6px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 2px 5px;
    font-size: 11px
}

.youtube-play {
    position: absolute
}

.video-play-span {
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -222px -504px;
    width: 72px;
    height: 51px;
    display: inline-block;
    position: absolute
}

.blue-vid .youtube-play,.blue-vid .video-play-span {
    left: 40%;
    top: 40%
}

.blue-3vid .youtube-play,.blue-3vid .video-play-span {
    left: 37%;
    top: 35%
}

.blue-vid .tv,.blue-3vid .tv {
    margin-top: -10px
}

.blue-vid .btn.btn-primary {
    font-size: 20px;
    font-weight: 600;
    padding: 5px 45px;
    margin: 25px 0
}

.blue-vid .bottom-elements .btn.btn-primary {
    margin: 0
}

.video-container-big .youtube-play,.video-container-big .video-play-span {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a {
    background-image: url(../fileadmin/images/de/icons/youtube-icon-full-color.png)
}

@media(max-width: 767px) {
    .blue-vid {
        width:100%
    }

    .blue-vid .video-container.col-sm-6 {
        padding-bottom: 56.25%;
        margin-bottom: 15px
    }

    .blue-3vid .col-sm-4.tcenter {
        margin-bottom: 15px
    }

    .blue-vid .btn.btn-primary {
        font-size: 15px!important;
        margin: 15px 0
    }

    .col-sm-6 {
        clear: both
    }

    .col-sm-6 .col-xs-4 {
        margin-bottom: 15px
    }
}

.search-link-mobile .fa-search {
    height: 20px;
    color: #666;
    font-size: 20px;
    margin: 0!important
}

.blue-box {
    background: #2b6eb5;
    padding: 15px;
    color: #fff;
    position: relative
}

.col-sm-8 .blue-box {
    min-height: 222px
}

.blue-box ul li {
    font-size: 1.15em;
    font-weight: 300;
    margin-bottom: 5px;
    padding-left: 20px;
    line-height: 1.8em;
    list-style: none;
    background-image: none
}

.blue-box ul li:before {
    content: "";
    position: absolute;
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -191px -245px;
    width: 12px;
    height: 13px;
    left: 15px;
    margin-top: 5px
}

.blue-box #finanzierung-logo {
    position: absolute;
    right: 15px;
    top: 15px
}

.info-3box,.info-2box,.info-1box {
    float: left;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #bdbdbd
}

.info-3box .item,.info-2box .item,.info-1box .item {
    float: left;
    position: relative
}

.info-3box .item>div,.info-2box .item>div,.info-1box .item>div {
    background: #fff;
    padding: 15px;
    float: left;
    position: relative;
    width: 100%
}

.info-3box h2,.info-2box h2,.info-1box h2 {
    margin-bottom: 0;
    font-size: 1.7em
}

.info-3box .item div h3,.info-2box .item div h3,.info-1box .item div h3 {
    font-size: 1.4em
}

.info-3box .item div p,.info-2box .item div p,.info-1box .item div p {
    margin-bottom: 0
}

.info-3box .item div p span {
    min-height: 55px
}

.info-2box .item div p span {
    min-height: 60px
}

.info-3box .item div p span,.info-2box .item div p span,.info-1box .item div p span {
    display: inline-block
}

.info-3box .item {
    width: 33.3%
}

.info-2box .item {
    width: 50%
}

.info-2box .item p {
    float: left;
    width: 50%
}

.info-2box .item img {
    padding-right: 15px
}

.info-3box .item img,.info-1box .item img {
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .info-3box .item,.info-2box .item {
        width:100%;
        margin-bottom: 15px
    }
}

.social_share_privacy_area {
    clear: both;
    margin: 5px 0;
    list-style-type: none;
    padding: 0;
    width: auto;
    display: block
}

.social_share_privacy_area.line {
    height: 25px;
    line-height: 16px
}

.social_share_privacy_area.box {
    width: 95px
}

.social_share_privacy_area li {
    margin: 0!important;
    padding: 0!important;
    list-style-type: none!important
}

.social_share_privacy_area.box li {
    text-align: center
}

.social_share_privacy_area.line li {
    height: 21px;
    float: left
}

.social_share_privacy_area li .dummy_btn {
    cursor: pointer;
    padding: 0;
    height: inherit
}

.social_share_privacy_area.line li .dummy_btn {
    float: left;
    margin: 0 20px 0 10px
}

.social_share_privacy_area.box li .dummy_btn {
    margin-bottom: 10px
}

.social_share_privacy_area li .dummy_btn img.privacy_dummy,.social_share_privacy_area li .dummy_btn iframe {
    vertical-align: bottom
}

.social_share_privacy_area li .dummy_btn iframe {
    overflow: hidden;
    height: inherit;
    width: inherit;
    border-style: none
}

.social_share_privacy_area.line li {
    display: inline-block
}

.social_share_privacy_area li .switch {
    display: inline-block;
    text-indent: -9999em;
    width: 23px;
    height: 12px;
    overflow: hidden;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer
}

.social_share_privacy_area.line li .switch {
    float: left
}

.social_share_privacy_area li .switch.on {
    background-position: 0 -12px
}

.social_share_privacy_area li.help_info {
    position: relative
}

.social_share_privacy_area li.settings_info,.social_share_privacy_area li.help_info .info {
    text-align: left
}

.social_share_privacy_area li.help_info .info,.social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    bottom: 40px;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 15px #0006;
    background-color: #fdfbec;
    color: #000;
    z-index: 500
}

.social_share_privacy_area.line li.help_info .info,.social_share_privacy_area li .help_info.icon .info {
    left: 0
}

.social_share_privacy_area.box li.help_info .info {
    left: 100%;
    top: 0;
    bottom: auto
}

.social_share_privacy_area li .help_info.icon .info {
    width: 350px
}

.social_share_privacy_area li.help_info.display .info,.social_share_privacy_area li .help_info.icon.display .info {
    display: block
}

.social_share_privacy_area li.help_info.info_off.display .info {
    display: none
}

.social_share_privacy_area li .help_info.icon {
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #e7e3e3;
    border-right-width: 0;
    border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0
}

.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
    border-right-width: 2px;
    border-radius: 5px
}

.social_share_privacy_area li.settings_info {
    position: relative;
    top: -2px
}

.social_share_privacy_area li.settings_info a {
    text-decoration: none;
    margin: 0!important
}

.social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    color: #000;
    border-style: none;
    border-radius: 5px;
    box-shadow: 0 0 15px #0006;
    left: 0;
    position: absolute;
    top: 0;
    min-width: 135px;
    margin: 0;
    padding: 0
}

.social_share_privacy_area li.settings_info .settings_info_menu.on {
    z-index: 1000
}

.social_share_privacy_area li.settings_info .settings_info_menu.off {
    border-width: 0;
    box-shadow: none;
    background-color: transparent
}

.social_share_privacy_area li.settings_info .settings_info_menu.off form {
    display: none;
    margin: 0;
    padding: 0
}

.social_share_privacy_area li.settings_info .settings_info_menu .settings {
    text-indent: -9999em;
    display: inline-block;
    width: 25px;
    height: 20px;
    border: 2px solid #e7e3e3;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #ddd;
    margin: 0;
    padding: 0
}

.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px
}

.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
    width: 115px
}

.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
    margin: 4px 10px 4px 0;
    padding: 0
}

.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    transition: color .5s ease-in;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
    color: #090
}

.social_share_privacy_area.line .facebook iframe {
    width: 130px;
    height: 21px
}

.social_share_privacy_area.box .facebook iframe {
    width: 62px;
    height: 62px
}

.social_share_privacy_area.line .gplus img.gplusone_privacy_dummy {
    width: 32px
}

.social_share_privacy_area.box li div.gplusone {
    min-width: 50px;
    min-height: 65px
}

.social_share_privacy_area.line .twitter iframe {
    width: 120px;
    height: 20px
}

.social_share_privacy_area.box .twitter iframe {
    width: 62px;
    height: 62px
}

.rating .tx-fv-rating {
    border-top: 1px solid #ccc;
    margin-top: 30px
}

.aggregateRating .rating-question,.aggregateRating .rating-stars,.aggregateRating .rating-result {
    float: left;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0
}

.rating-result {
    white-space: nowrap
}

@media(max-width: 330px) {
    .aggregateRating .rating-result {
        padding-left:0
    }
}

.aggregateRating .rating-question {
    font-weight: 700
}

.rating-stars .star-rating {
    float: left;
    cursor: pointer;
    margin: 0 1px
}

.rating-stars .star-rating a,.rating-stars:hover>.star-rating a {
    color: #fff
}

.rating-stars .star-rating a:before,.rating-stars:hover>.star-rating a:before {
    content: "";
    display: inline-block;
    color: #bdbdbd;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 18px
}

.star-rating.star-on>a:before,.rating-stars>.star-rating.star-hover a:before {
    content: "";
    display: inline-block;
    color: gold;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 18px
}

span.q-a-title {
    position: absolute;
    left: 15px;
    top: 20px;
    width: 200%;
    font-size: .9em
}

.aggregateRating,.aggregateRating .rating-message:not(:empty) {
    margin-top: 20px
}

.aggregateRating .bg-success {
    background-color: #dff0d8;
    padding: 6px 15px 10px
}

.aggregateRating .bg-success .fa-check {
    color: #390;
    margin-right: 12px;
    font-size: 20px;
    top: 4px
}

.aggregateRating .bg-error {
    border-left: 4px solid #da4f49;
    background-color: #f2dede;
    padding: 10px 15px
}

.rating {
    clear: both;
    margin-bottom: 0;
    display: inline-block;
    font-size: 12px
}

#content-container>.rating {
    margin-bottom: 30px
}

.rating>span {
    display: block;
    font-weight: 400
}

.news-datum {
    font-size: 15px
}

.news-headline {
    margin-top: 10px!important
}

.table-no-bordered>tbody>tr>td,.table-no-bordered>tbody>tr>th,.table-no-bordered>tfoot>tr>td,.table-no-bordered>tfoot>tr>th,.table-no-bordered>thead>tr>td,.table-no-bordered>thead>tr>th {
    border-color: transparent;
    padding: 0
}

.table-no-bordered {
    margin: 10px 0
}

img.img-responsive.full-width {
    width: 100%
}

body .container span.meta-hidden {
    display: none
}

div.kfw-link {
    background-color: #efefef;
    border: 1px dashed #999;
    font-size: 1.1em;
    font-weight: 600;
    padding: 3px 0 8px;
    margin-bottom: 15px;
    text-align: center
}

.navigation li>a,.navigation li>span {
    display: block
}

.navigation li.top,.navigation li.top a,.navigation li.top span {
    background-color: #e8e8e8;
    font-size: 1em;
    font-weight: 600;
    color: #333
}

.navigation li.sub,.navigation li.sub.active,.navigation li.sub a,.navigation li.sub span {
    background-color: #fff;
    font-size: 1em;
    font-weight: 400;
    text-transform: none;
    color: #222
}

.navigation li.sub {
    border-bottom: 1px solid #e8e8e8
}

.navigation li.top:hover a,.navigation li.top:hover span,.navigation li.sub:hover a,.navigation li.sub:hover span,.navigation li.sub.active a,.navigation li.sub.active span {
    font-weight: 700
}

.navigation li.sub a:before,.navigation li.sub span:before,.tabbable .navbar-nav li.sub a:before {
    color: #c8c8c8;
    content: "";
    padding-right: 8px;
    font-size: 9px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.navigation li.sub:hover a:before,.navigation li.sub:hover span:before,.navigation li.sub.active a:before,.navigation li.sub.active span:before {
    color: red
}

.carousel .carousel-control {
    background: none #fff;
    width: 15px;
    height: 23%;
    top: 6%;
    opacity: .5;
    filter: alpha(opacity=50);
    color: #000
}

.carousel .carousel-control:hover {
    width: 30px;
    opacity: 1;
    filter: alpha(opacity=100);
    border: 1px solid #e3e3e3;
    box-shadow: 1px 1px 3px #0000001a
}

.carousel .carousel-control.left:hover {
    border-right: 0;
    left: -15px
}

.carousel .carousel-control.right:hover {
    border-left: 0;
    right: -15px
}

.carousel .carousel-control span.fa {
    font-size: 12px;
    width: 10px;
    height: 12px;
    margin-top: -6px
}

.carousel .carousel-control.left span.fa {
    margin-left: -5px
}

.carousel .carousel-control.right span.fa {
    margin-right: -5px
}

.carousel .trenner:empty {
    margin: 0 15px 30px!important
}

.carousel .item div.col-sm-3,.carousel .item div.col-sm-4 {
    margin-bottom: 10px
}

span.showRalColor label {
    color: #04c;
    text-decoration: underline
}

span.showRalColor:hover {
    cursor: pointer
}

span.showRalColor:hover label {
    text-decoration: none
}

.colorDetail .pagebrowser>div {
    margin-bottom: 0
}

.colorDetail .pagebrowser span.showRalColor {
    font-size: 1em;
    color: #333;
    text-decoration: underline
}

.colorDetail .pagebrowser span.showRalColor:hover {
    cursor: pointer;
    text-decoration: none
}

.colorDetail .pagebrowser.col-sm-12.hidden-xs {
    margin-top: -43px;
    border: 0;
    padding: 0
}

.row-parent {
    margin-left: -30px;
    margin-right: -30px
}

.row-child {
    float: left
}

.row-child .col-sm-2 {
    width: 100%
}

#avt_4242 {
    margin: 0 -15px
}

ul.ui-autocomplete {
    border: 1px solid #bdbdbd;
    background-color: #fff;
    padding: 0;
    font-size: 1.1em;
    position: absolute;
    z-index: 100;
    margin-top: -1px
}

ul.ui-autocomplete li.ui-menu-item {
    padding: 5px 8px;
    cursor: pointer;
    list-style: none
}

ul.ui-autocomplete li.ui-menu-item a {
    font-size: 12px
}

ul.ui-autocomplete li.ui-menu-item a .hit {
    font-weight: 700
}

ul.ui-autocomplete li.ui-state-focus {
    border: 1px solid #bdbdbd;
    background-color: #ededed;
    margin: -1px
}

ul.ui-autocomplete li.ui-state-focus a,ul.ui-autocomplete li.ui-state-focus a:hover,ul.ui-autocomplete li.ui-state-focus a:link,ul.ui-autocomplete li.ui-state-focus a:visited {
    text-decoration: none;
    color: inherit
}

ul.glyph-ok li {
    margin-bottom: 20px;
    margin-left: 15px;
    background-image: url(../fileadmin/images/de/anleitungen/check.jpg)!important;
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 50px!important;
    min-height: 25px
}

.glyph-ok ol {
    margin-top: -10px;
    margin-bottom: 20px
}

.glyph-ok ol li {
    background-image: none!important;
    list-style: lower-alpha;
    margin-bottom: 5px;
    margin-left: 60px;
    padding-left: 0!important;
    min-height: inherit
}

p.box-header {
    text-transform: uppercase;
    border-bottom: 1px solid #bdbdbd;
    padding: 15px 20px!important;
    margin: 0!important;
    font-size: 15px;
    font-weight: 600
}

ol.box-list {
    padding: 20px 20px 20px 40px
}

ol.box-list ul li {
    background-image: none!important;
    list-style: lower-latin!important;
    padding-left: 0!important
}

ol.box-list ul {
    padding-left: 20px!important;
    margin: 5px 0
}

p.m-liste,p.w-liste {
    font-weight: 600;
    border-bottom: 1px solid #bdbdbd;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 15px;
    text-transform: uppercase;
    padding: 15px 20px;
    margin: 0!important;
    background-color: #eee
}

p.m-liste {
    background-image: url(../fileadmin/images/de/anleitungen/icon-materialliste.png)
}

p.w-liste {
    background-image: url(../fileadmin/images/de/anleitungen/icon-werkzeugliste.png)
}

ul.dash-list {
    list-style-type: none;
    padding: 20px!important
}

.mtop-mbotttom-10 {
    margin-top: 10px;
    margin-bottom: 15px
}

#telNummer:after {
    display: inline
}

.jumbotron {
    padding-bottom: 30px;
    padding-top: 20px
}

.jumbotron span.h4 {
    margin: 0;
    line-height: 1.3em
}

.jumbotron p {
    border: 0;
    background: 0 0;
    padding: 0;
    margin-top: 10px
}

.yellow {
    background: #e1f1ff
}

.jumbotron .btn {
    padding: 8px 18px;
    font-weight: 700;
    font-size: 16px;
    white-space: inherit
}

.sticky {
    display: none;
    position: fixed;
    z-index: 10000;
    margin-top: -1px;
    padding: 0;
    box-shadow: 0 2px 6px #ccc;
    width: 100%;
    left: 0
}

.sticky-inner {
    height: 42px;
    border: 0
}

.sticky-inner>div {
    height: inherit
}

.sticky .col-sm-3 a {
    display: block;
    height: 100%
}

.sticky .col-sm-3 a img {
    margin-top: 13px
}

.sticky .force-inline {
    display: inline-block
}

.sticky .fa-user,.sticky .fa-shopping-cart,.sticky .fa-search {
    color: #000;
    margin-left: 15px;
    margin-top: 8px;
    font-size: 20px;
    cursor: pointer
}

.sticky .fa-user:hover,.sticky .fa-shopping-cart:hover {
    color: #999
}

.sticky .dropdown {
    padding-right: 0;
    width: 190px;
    float: left;
    margin-left: 15px
}

.sticky .toggle-dropdown {
    cursor: pointer;
    background-color: #efefef;
    margin-top: 6px;
    float: left;
    width: 100%;
    box-shadow: inset 0 0 0 1px #bdbdbd;
    border-radius: 2px
}

.sticky .toggle-dropdown:hover {
    background: #666;
    box-shadow: inset 0 0 0 1px #666
}

.sticky .toggle-dropdown .fa-chevron-down {
    display: block;
    float: right;
    height: 30px;
    width: 30px;
    color: #fff;
    background: #333;
    top: 0;
    padding: 8px
}

.sticky .toggle-dropdown:hover .sticky-drop-trigger {
    text-decoration: none;
    color: #fff
}

.sticky .toggle-dropdown .sticky-drop-trigger {
    font-weight: 600;
    color: #333;
    margin: 5px 15px;
    display: inline-block
}

.sticky .dropdown .dropdown-menu {
    margin-top: -10px;
    background: #efefef;
    border: 1px solid #bdbdbd;
    width: initial;
    border-top: 0
}

.sticky .dropdown .dropdown-menu li:hover {
    background-color: #666
}

.sticky .dropdown .dropdown-menu li:hover span {
    text-decoration: none;
    color: #fff
}

.sticky .dropdown .dropdown-menu li span {
    padding: 7px 0 7px 15px;
    display: block;
    font-size: 13px;
    font-weight: 600
}

.sticky .open>.dropdown-menu {
    display: block
}

.sticky .sticky-content {
    float: right;
    padding-right: 15px;
    max-width: 55%
}

.sticky .phone {
    float: left;
    padding: 10px 10px 0
}

.sticky .phone p {
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
    float: right
}

.sticky .searchbox {
    float: left;
    height: 30px;
    border: 1px solid #bdbdbd;
    margin-top: 6px;
    margin-left: 55px;
    border-radius: 2px
}

.sticky form.searchbox input[type=text] {
    height: 28px;
    border: 0;
    padding: 0 50px 0 5px;
    box-shadow: inset 0 1px 5px #ccc;
    background: #fff
}

.sticky form.searchbox .searchbox-submit {
    height: inherit;
    width: 30px;
    top: -1px;
    right: -1px
}

.sticky form.searchbox input[type=submit] {
    height: 30px;
    background-color: transparent!important;
    border: 0;
    z-index: 999;
    position: relative
}

.sticky form.searchbox .searchbox-submit:hover input[type=submit] {
    background-color: transparent
}

.sticky form.searchbox .searchbox-submit .fa-search {
    top: -8px;
    left: -15px;
    color: #fff;
    font-size: 18px;
    background-color: #333;
    width: 30px;
    height: 30px
}

.sticky form.searchbox .searchbox-submit .fa-search:before {
    position: relative;
    top: 6px;
    left: -5px
}

.info-panel.is_stuck {
    padding-top: 50px!important
}

@media(max-width: 1024px) {
    .sticky .searchbox {
        margin:3px 0 3px 125px
    }

    .sticky .dropdown .dropdown-menu li a {
        padding: 8px 0 8px 15px
    }

    .sticky .dropdown .dropdown-menu {
        margin-top: -11px;
        min-width: inherit
    }

    .sticky .open>.dropdown-menu {
        display: block!important
    }
}

@media(max-width: 979px) {
    .sticky .open>.dropdown-menu {
        display:block!important
    }

    .sticky .searchbox {
        margin: 3px 0 3px 20px
    }

    .sticky .dropdown .dropdown-menu li a {
        padding: 8px 0 8px 15px
    }
}

.blockquote-fv {
    float: left;
    margin-left: 16.66666667%;
    width: 66.66666667%
}

.blockquote-fv blockquote,.blockquote-fv q {
    padding: 0;
    margin: 0;
    font-size: 1.38em;
    border-left: 0;
    text-align: center
}

.blockquote-fv q:before,.blockquote-fv q:after {
    content: ""
}

.blockquote-fv blockquote p,.blockquote-fv q p {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px 30px;
    color: #666;
    font-family: Vazir;
    font-style: italic;
    font-weight: 600;
    line-height: 1.76em;
    clear: both;
    margin: 25px 0;
    border-left: 0
}

.h2-bold-caps {
    text-transform: uppercase;
    display: block;
    float: left;
    border-top: 1px solid #bdbdbd;
    color: #000;
    font-size: 1.2em;
    font-weight: 700;
    clear: both;
    width: 100%;
    padding-top: 10px
}

.kfw-link a {
    color: #000
}

.bxslider a {
    position: relative;
    display: block!important;
    text-decoration: none;
    color: #000;
    z-index: 0
}

.bxslider li a:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 27px;
    bottom: 8px;
    right: 8px;
    font-family: FontAwesome;
    font-size: 30px;
    color: #c4c3c3;
    z-index: 1
}

.child-headline {
    margin-top: 0
}

@media(max-width: 767px) {
    .bx-wrapper .caption {
        padding:0 16px
    }

    .bxslider li a:before {
        content: none
    }

    .rating-question {
        width: 100%;
        margin-bottom: 8px!important
    }

    .rating-stars {
        width: 50%;
        padding-right: 0!important
    }

    .rating-stars .star-rating {
        margin: 0 1px
    }

    .rating-result {
        width: 50%;
        text-align: right
    }

    .rating+.divider {
        display: none
    }
}

.widecontent h2.roro-headline {
    font-size: 1.45em;
    font-weight: 400;
    color: #333
}

.widecontent h2.border-top {
    padding-top: 20px;
    border-top: 1px solid #bdbdbd
}

.info-lieferung,.info-transport,.info-verpackung,.info-garantie,.info-allgemein {
    width: 100%;
    border-top: 1px solid #bdbdbd;
    background-position: left;
    background-repeat: no-repeat;
    padding: 16px 0 16px 80px
}

.info-lieferung {
    background-image: url(../fileadmin/images/de/icons/lieferung.png)
}

.info-transport {
    background-image: url(../fileadmin/images/de/icons/transport.png)
}

.info-verpackung {
    background-image: url(../fileadmin/images/de/icons/verpackung.png)
}

.info-garantie {
    background-image: url(../fileadmin/images/de/icons/garantie.png)
}

.info-allgemein {
    padding: 16px 0
}

.info-lieferung h3,.info-transport h3,.info-verpackung h3,.info-garantie h3,.info-allgemein h3 {
    font-size: 1.15em;
    margin: 0;
    font-weight: 700;
    color: #333
}

.info-lieferung p,.info-transport p,.info-verpackung p,.info-garantie p,.info-allgemein p {
    margin: 0!important
}

@media(max-width: 768px) {
    .col-xs-6.col-sm-4.no-pad-left p img {
        max-width:110px
    }
}

.marginb10 {
    margin-bottom: 10px!important
}

.marginb20 {
    margin-bottom: 20px!important
}

.margint20 {
    margin-top: 20px!important
}

.headline-upselling {
    font-weight: 700;
    margin: 0;
    font-size: 1.15em
}

.konfi-button-big {
    font-size: 1.1em!important;
    width: 100%;
    padding: 18px 10px 10px!important;
    margin-top: 30px;
    height: 80px
}

.review-item img {
    border-radius: 50%
}

.review-item p.quote-light {
    font-style: normal
}

.review-item {
    display: table;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px
}

.review-item .col-xs-4,.review-item .col-xs-8 {
    display: table-cell;
    float: none
}

.review-item .col-xs-8 {
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0
}

.Badge_Rahmen_Galerie,.Badge_Rahmen {
    background-color: #fff;
    width: 60px;
    max-width: 120px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #ccc;
    padding: 3px;
    color: #4d4d4d;
    font-size: .8em;
    font-weight: 700;
    top: 15px;
    left: 25px;
    position: absolute;
    z-index: 95
}

.profile-list-item .Badge_Rahmen_Galerie {
    top: 5px;
    left: 5px
}

.Badge_Inhalt {
    background-color: #9ad000;
    border-radius: 2px;
    border: 2px solid #8ebf00;
    color: #fff;
    font-family: Vazir;
    font-weight: 600;
    font-size: 1.4em;
    padding: 2px 1px;
    margin-top: 2px
}

#klein {
    font-size: .5em
}

.datagrid table {
    font-family: Vazir;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    border-right: 1px solid #bdbdbd;
    margin-bottom: 40px
}

.datagrid {
    font: 12px/150% Vazir;
    background: #fff;
    overflow: hidden
}

.datagrid table td,.datagrid table th {
    padding: 10px 8px
}

.datagrid table thead th {
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #333;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-left: 1px solid #fff
}

.datagrid table thead th:empty {
    background-color: #fff
}

.datagrid table thead th:first-child {
    border: none
}

.datagrid table thead th:nth-child(n+2) {
    text-align: center
}

.datagrid table tbody td {
    color: #333;
    border-left: 1px solid #fff;
    font-size: 12px;
    font-weight: 400
}

.datagrid table tbody td:nth-child(n+2) {
    text-align: center
}

.datagrid table tbody .alt td {
    background: #e8e8e8;
    color: #333
}

.datagrid table tbody td:first-child {
    border-left: none
}

.datagrid td span.fa-check {
    color: green
}

.datagrid td span.fa-times {
    color: red
}

.datagrid td ul {
    text-align: left
}

.datagrid td a img.border {
    margin: auto!important
}

.datagrid table tbody tr:last-child td {
    border-bottom: none
}

div.info-shipping,div.info-transportation,div.info-wrapping,div.info-guarantee {
    background-position: -3px 3px;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 48px;
    border-left: 1px solid #bdbdbd;
    display: inline-block;
    float: left
}

.info-shipping p,.info-transportation p,.info-wrapping p,.info-guarantee p {
    font-size: 12px;
    color: #858585;
    margin-bottom: 0
}

div.info-shipping {
    background-image: url(../fileadmin/images/de/icons/time.png)
}

div.info-transportation {
    background-image: url(../fileadmin/images/de/icons/transfer.png)
}

div.info-wrapping {
    background-image: url(../fileadmin/images/de/icons/packaging.png)
}

div.info-guarantee {
    background-image: url(../fileadmin/images/de/icons/guarantee.png)
}

@media(max-width: 780px) {
    div.info-shipping,div.info-transportation,div.info-wrapping,div.info-guarantee {
        float:none;
        min-height: 70px;
        display: block;
        border-left: none
    }
}

@media(max-width: 780px) and (orientation:landscape) {
    .finanz-badge {
        top:-50px;
        right: 10px
    }
}

.lead-text.grey50 {
    text-transform: uppercase
}

@media(min-width: 1024px) {
    #tab-fenster,#tab-haustueren {
        min-width:110px
    }
}

.start {
    margin: 30px 0;
    clear: both
}

.start .img-responsive {
    width: 100%
}

.start .img-cta-prod {
    position: absolute;
    left: 322px;
    bottom: 33px
}

.start .img-cta-conf {
    position: absolute;
    right: 15px;
    bottom: 20px;
    max-width: 250px
}

.show-portrait {
    display: none
}

a.GA-call-to-action-button.cta-conf {
    color: #fff;
    font-size: 1.6em;
    position: absolute;
    right: 15px;
    bottom: 22px;
    max-width: 250px;
    padding: 8px 22px;
    font-family: Vazir;
    background-color: #06c;
    border: 1px solid #06c;
    display: block;
    text-align: center;
    text-decoration: none!important;
    cursor: pointer;
    box-shadow: 0 2px 4px #0003
}

a.GA-call-to-action-button.cta-conf:hover {
    background-color: #67b3ff
}

@media(min-width: 980px) and (max-width:1024px) {
    .start .img-cta-prod {
        left:470px
    }
}

@media(min-width: 768px) and (max-width:979px) {
    .start .img-cta-prod,.start .img-cta-conf,.start .img-vid {
        max-height:50px
    }

    .start .img-cta-prod,.start .img-cta-conf {
        bottom: 20px
    }
}

@media(max-width: 767px) {
    .start .img-cta-conf {
        bottom:25px;
        right: 10px
    }
}

@media(max-width: 767px) and (orientation:portrait) {
    .hide-portrait {
        display:none
    }

    .show-portrait {
        display: block
    }

    .start .img-cta-conf {
        max-width: 85%;
        max-height: 100%;
        bottom: 10px;
        right: 20px
    }

    a.GA-call-to-action-button.cta-conf {
        bottom: 25px;
        position: relative;
        margin: auto;
        right: unset
    }
}

@media(max-width: 767px) and (orientation:landscape) {
    a.GA-call-to-action-button.cta-conf {
        font-size:1.2em;
        right: 13px;
        padding: 6px 16px
    }
}

@media(max-width: 1199px) and (min-width:815px) {
    .cta-standradfenster .col-sm-3 img {
        max-width:170px
    }
}

.cta-standradfenster {
    background-color: #49a1e1;
    float: left;
    width: 100%;
    padding: 15px;
    border: 1px solid #cce6ff
}

.cta-standradfenster .col-sm-3 {
    margin-bottom: 0!important
}

.cta-standradfenster .col-sm-3 .priceline {
    color: #fff;
    margin-top: 50px
}

.cta-standradfenster .col-sm-6 {
    padding-left: 30px;
    min-height: 173px;
    border-left: 1px solid #cce6ff;
    border-right: 1px solid #cce6ff
}

.cta-standradfenster .col-sm-6 .infos {
    color: #fff
}

.cta-standradfenster .col-sm-6 .infos ul li {
    background-image: url(../fileadmin/images/neutral/punkt_weiss.png)
}

.info-border,.info-border-top-bottom {
    border: 1px solid #bdbdbd;
    padding: 10px 15px
}

.info-border-top-bottom {
    border-left: none;
    border-right: none;
    padding: 10px 0
}

.info-border>*:last-child,.info-border-top-bottom>*:last-child {
    margin-bottom: 0
}

.info-handwerker {
    border: 1px solid #bdbdbd;
    padding: 10px 15px;
    float: left;
    margin-bottom: 15px;
    background-color: #ebebeb;
    width: 100%
}

.info-handwerker p.heading {
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 10px;
    color: #757575
}

@media(min-width: 768px) {
    .info-handwerker figure.col-sm-3 {
        width:25%
    }
}

.info-handwerker img {
    margin-top: 10px!important;
    margin-bottom: 15px!important;
    max-width: 170px!important
}

.info-handwerker figcaption {
    margin-bottom: 0
}

.info-handwerker p b,.info-handwerker figcaption b {
    font-size: 1.1em
}

.info-list {
    width: 100%;
    border: 1px solid #bdbdbd;
    float: left;
    margin-bottom: 15px;
    padding: 0 10px 70px;
    min-height: 536px;
    position: relative
}

.info-list p.heading {
    margin: -1px -11px 0;
    padding: 6px 12px;
    background-color: #c00;
    color: #fff;
    font-weight: 700;
    letter-spacing: .1em
}

.info-list p.list-row {
    padding: 5px 0;
    border-bottom: 1px solid #c8c8c8;
    float: left;
    width: 100%;
    margin: 0
}

.info-list p.list-row.has-icon {
    display: table-cell;
    vertical-align: middle;
    line-height: 45px
}

.info-list p.list-row:last-child {
    border-bottom: none
}

.info-list p.list-row b {
    margin-top: 5px;
    display: inline-block
}

.info-list p.list-row span {
    color: #757575;
    font-style: italic
}

.info-list p.list-row img {
    display: inline;
    float: right;
    height: 45px
}

.info-list button {
    position: absolute;
    left: 50%;
    width: 150px;
    margin-left: -75px;
    background-color: #fff;
    height: 40px;
    font-size: 16px;
    bottom: 15px
}

button.inactive_border {
    border: 1px solid #c8c8c8;
    color: #757575
}

button.inactive_border:hover {
    border: 1px solid #06c;
    background-color: #cce6ff;
    color: #06c
}

button.inactive_border:active {
    border: 1px solid #06c;
    color: #fff;
    background-color: #06c
}

.info-teaser {
    position: relative;
    border: 1px solid #bdbdbd;
    margin: 15px 0
}

.info-teaser a {
    text-decoration: none!important
}

.info-teaser .text {
    position: absolute;
    bottom: 0;
    background-color: #fffc;
    padding: 10px 15px 0;
    height: 50%;
    width: 100%
}

.info-teaser .text .heading {
    font-size: 15px
}

.info-teaser a:hover .text .heading {
    color: #06c
}

.info-teaser.frame1 .text {
    height: auto;
    background-color: transparent
}

.info-teaser.frame1 .bodytext {
    display: none
}

.info-teaser.frame2 .text {
    height: 100%
}

.socialshare {
    padding: 0 0 25px;
    position: relative
}

.rrssb-buttons {
    margin-bottom: 10px!important
}

.rrssb-buttons li {
    min-width: 115px;
    padding: 2px!important
}

.rrssb-buttons+p span {
    color: #337ab7
}

.rrssb-buttons {
    box-sizing: border-box;
    font-family: Vazir;
    font-size: 12px;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 100%
}

.rrssb-buttons:after {
    clear: both
}

.rrssb-buttons:after,.rrssb-buttons:before {
    content: " ";
    display: table
}

.rrssb-buttons li {
    box-sizing: border-box;
    float: left;
    height: 100%;
    line-height: 13px;
    list-style: none;
    margin: 0;
    padding: 0 2px
}

.rrssb-buttons li.rrssb-email a,.rrssb-buttons li.rrssb-email button {
    background-color: #0a88ff
}

.rrssb-buttons li.rrssb-email a:hover,.rrssb-buttons li.rrssb-email button:hover {
    background-color: #006ed6
}

.rrssb-buttons li.rrssb-facebook a,.rrssb-buttons li.rrssb-facebook button {
    background-color: #306199
}

.rrssb-buttons li.rrssb-facebook a:hover,.rrssb-buttons li.rrssb-facebook button:hover {
    background-color: #244872
}

.rrssb-buttons li.rrssb-tumblr a {
    background-color: #32506d
}

.rrssb-buttons li.rrssb-tumblr a:hover {
    background-color: #22364a
}

.rrssb-buttons li.rrssb-linkedin a {
    background-color: #007bb6
}

.rrssb-buttons li.rrssb-linkedin a:hover {
    background-color: #005983
}

.rrssb-buttons li.rrssb-twitter a,.rrssb-buttons li.rrssb-twitter button {
    background-color: #26c4f1
}

.rrssb-buttons li.rrssb-twitter a:hover,.rrssb-buttons li.rrssb-twitter button:hover {
    background-color: #0eaad6
}

.rrssb-buttons li.rrssb-googleplus a,.rrssb-buttons li.rrssb-googleplus button {
    background-color: #e93f2e
}

.rrssb-buttons li.rrssb-googleplus a:hover,.rrssb-buttons li.rrssb-googleplus button:hover {
    background-color: #ce2616
}

.rrssb-buttons li.rrssb-youtube a {
    background-color: #df1c31
}

.rrssb-buttons li.rrssb-youtube a:hover {
    background-color: #b21627
}

.rrssb-buttons li.rrssb-reddit a {
    background-color: #8bbbe3
}

.rrssb-buttons li.rrssb-reddit a:hover {
    background-color: #62a3d9
}

.rrssb-buttons li.rrssb-pinterest a {
    background-color: #b81621
}

.rrssb-buttons li.rrssb-pinterest a:hover {
    background-color: #8a1119
}

.rrssb-buttons li.rrssb-pocket a {
    background-color: #ed4054
}

.rrssb-buttons li.rrssb-pocket a:hover {
    background-color: #e4162d
}

.rrssb-buttons li.rrssb-github a {
    background-color: #444
}

.rrssb-buttons li.rrssb-github a:hover {
    background-color: #2b2b2b
}

.rrssb-buttons li.rrssb-instagram a {
    background-color: #125688
}

.rrssb-buttons li.rrssb-instagram a:hover {
    background-color: #0c3a5b
}

.rrssb-buttons li.rrssb-delicious a {
    background-color: #0b79e5
}

.rrssb-buttons li.rrssb-delicious a:hover {
    background-color: #095fb4
}

.rrssb-buttons li.rrssb-vk a {
    background-color: #4d71a9
}

.rrssb-buttons li.rrssb-vk a:hover {
    background-color: #3d5a86
}

.rrssb-buttons li.rrssb-hackernews a {
    background-color: #f60
}

.rrssb-buttons li.rrssb-hackernews a:hover {
    background-color: #cc5200
}

.rrssb-buttons li.rrssb-whatsapp a {
    background-color: #43d854
}

.rrssb-buttons li.rrssb-whatsapp a:hover {
    background-color: #28c039
}

.rrssb-buttons li.rrssb-print a {
    background-color: #8d98a2
}

.rrssb-buttons li.rrssb-print a:hover {
    background-color: #717f8b
}

.rrssb-buttons li.rrssb-xing a {
    background-color: #005a5f
}

.rrssb-buttons li.rrssb-xing a:hover {
    background-color: #002a2c
}

.rrssb-buttons li a,.rrssb-buttons li button {
    background-color: #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    height: 100%;
    padding: 11px 7px 12px 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-in-out;
    width: 100%;
    border: none;
    outline: none
}

.rrssb-buttons li a .rrssb-icon,.rrssb-buttons li button .rrssb-icon {
    display: block;
    left: 10px;
    padding-top: 9px;
    position: absolute;
    top: 0;
    width: 10%
}

.rrssb-buttons li a .rrssb-icon svg,.rrssb-buttons li button .rrssb-icon svg {
    height: 17px;
    width: 17px;
    fill: #fff
}

.rrssb-buttons li a .rrssb-icon svg circle,.rrssb-buttons li a .rrssb-icon svg path {
    fill: #fff
}

.rrssb-buttons li a .rrssb-text,.rrssb-buttons li button .rrssb-text {
    color: #fff
}

.rrssb-buttons li a:active {
    box-shadow: inset 1px 3px 15px #16000040
}

.rrssb-buttons li.small a {
    padding: 0
}

.rrssb-buttons li.small a .rrssb-icon {
    left: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: auto;
    width: 100%
}

.rrssb-buttons li.small a .rrssb-text {
    visibility: hidden
}

.rrssb-buttons.large-format,.rrssb-buttons.large-format li {
    height: auto
}

.rrssb-buttons.large-format li a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: .2em;
    padding: 8.5% 0 8.5% 12%
}

.rrssb-buttons.large-format li a .rrssb-icon {
    height: 100%;
    left: 7%;
    padding-top: 0;
    width: 12%
}

.rrssb-buttons.large-format li a .rrssb-icon svg {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.rrssb-buttons.large-format li a .rrssb-text {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.rrssb-buttons.small-format {
    padding-top: 5px
}

.rrssb-buttons.small-format li {
    height: 80%;
    padding: 0 1px
}

.rrssb-buttons.small-format li a .rrssb-icon {
    height: 100%;
    padding-top: 0
}

.rrssb-buttons.small-format li a .rrssb-icon svg {
    height: 48%;
    position: relative;
    top: 6px;
    width: 80%
}

.rrssb-buttons.tiny-format {
    height: 22px;
    position: relative
}

.rrssb-buttons.tiny-format li {
    padding-right: 7px
}

.rrssb-buttons.tiny-format li a {
    background-color: transparent;
    padding: 0
}

.rrssb-buttons.tiny-format li a .rrssb-icon {
    height: 100%
}

.rrssb-buttons.tiny-format li a .rrssb-icon svg {
    height: 70%;
    width: 100%
}

.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover {
    background-color: transparent
}

.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path {
    fill: #0a88ff
}

.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #0054a3
}

.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path {
    fill: #306199
}

.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #18304b
}

.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path {
    fill: #32506d
}

.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #121d27
}

.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path {
    fill: #007bb6
}

.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #003650
}

.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path {
    fill: #26c4f1
}

.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #0b84a6
}

.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path {
    fill: #e93f2e
}

.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #a01e11
}

.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path {
    fill: #df1c31
}

.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #84111d
}

.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path {
    fill: #8bbbe3
}

.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #398bcf
}

.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path {
    fill: #b81621
}

.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #5d0b11
}

.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path {
    fill: #ed4054
}

.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #b61124
}

.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path {
    fill: #444
}

.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #111
}

.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path {
    fill: #125688
}

.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #061d2e
}

.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path {
    fill: #0b79e5
}

.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #064684
}

.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path {
    fill: #4d71a9
}

.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #2d4263
}

.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path {
    fill: #f60
}

.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #993d00
}

.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon svg path {
    fill: #43d854
}

.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #1f962d
}

.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon svg path {
    fill: #8d98a2
}

.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #5a656f
}

.rrssb-buttons.tiny-format li.rrssb-xing a .rrssb-icon svg path {
    fill: #005a5f
}

.rrssb-buttons.tiny-format li.rrssb-xing a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #000
}

@media(max-width: 850px) {
    .widecontent>h1 {
        margin-top:10px;
        display: inline-block
    }

    .info-teaser .text {
        padding: 5px
    }

    .info-teaser .text .heading {
        font-size: 12px
    }

    .info-teaser .bodytext {
        display: none
    }
}

h1+span p.introtext,h2+span p.introtext {
    padding-top: 0
}

#job-border {
    border: 1px solid #bdbdbd;
    padding: 15px;
    margin-left: 30px;
    margin-right: 30px;
    float: left;
    margin-bottom: 30px
}

#job-border h2 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px
}

#job-border p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5em
}

#job-border .col-sm-4 p {
    margin-top: 55px
}

.job-headline {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 3px;
    margin-top: 30px
}

#job-benefits {
    background-color: #efefef;
    border: 1px solid #bdbdbd;
    float: left;
    margin: 30px 15px
}

#job-benefits .job-headline {
    margin-top: 10px;
    padding-bottom: 10px
}

#job-benefits img {
    border-radius: 50%;
    border: 3px solid #fff;
    max-width: 85px
}

#job-benefits .col-sm-4 p {
    display: inline;
    float: left
}

#job-benefits .benefit {
    margin-left: 10px;
    margin-top: 30px;
    font-size: 13px
}

@media(max-width: 768px) {
    #job-benefits img {
        max-width:70px
    }

    #job-benefits .benefit {
        font-size: 11px;
        margin-top: 30px
    }
}

@media(max-width: 736px) {
    #job-border .col-sm-4 {
        display:none
    }

    #job-benefits {
        max-width: 93%
    }

    #job-benefits .col-sm-4 {
        margin-bottom: 0!important
    }

    #job-benefits .benefit {
        font-size: 15px;
        margin-top: 60px
    }

    #job-benefits img {
        max-width: 110px
    }
}

@media(max-width: 767px) {
    .datagrid:not(.white-style) {
        overflow:scroll!important
    }
}

.tca-header {
    background-color: #efefef;
    float: left
}

.tca-header div.image-col {
    position: relative;
    padding: 0
}

.tca-header div.image-col img {
    width: 100%
}

.tca-header div.image-col .badge-35 {
    width: 100%;
    height: 70px;
    padding: 3px 5px;
    float: left;
    background: linear-gradient(red,#c00)
}

.tca-header.promotion-active div.image-col .badge-35 {
    width: 50%
}

.tca-header div.image-col .badge-35 p {
    color: #fff;
    margin: 0;
    line-height: 1em;
    font-weight: 700
}

.tca-header div.image-col .badge-35 .big-text {
    text-align: center;
    font-size: 45px;
    margin: 2px auto
}

.tca-header div.image-col .badge-rabatt {
    display: none;
    width: 50%;
    height: 70px;
    padding: 3px 5px;
    float: left;
    background: linear-gradient(#FFF,#CED4DB)
}

.tca-header.promotion-active div.image-col .badge-rabatt {
    display: block
}

.tca-header div.image-col .badge-rabatt p {
    margin: 0;
    line-height: 1em;
    font-weight: 700
}

.tca-header div.image-col .badge-rabatt .center-text {
    text-align: center;
    font-weight: 400
}

.tca-header div.image-col .badge-rabatt .big-text {
    font-size: 32px;
    line-height: 1em;
    padding: 0 7px 0 0;
    margin: 0;
    height: 30px
}

.tca-header div.image-col .badge-rabatt .middle-text {
    font-size: 12px;
    line-height: 1em;
    padding: 0;
    margin: 0;
    height: 15px
}

.tca-header div.image-col .badge-rabatt table {
    height: 30px;
    width: auto;
    margin: 2px auto
}

.tca-header div.image-col .image.no-image {
    height: 330px
}

.tca-header div.text-col {
    position: relative;
    padding: 20px 15px 68px!important
}

.tca-header div.text-col h1 {
    font-size: 2em;
    margin-bottom: 15px
}

.tca-header div.text-col h1+p {
    font-size: 1em;
    margin-bottom: 0
}

.tca-header .show-on-product-promotion,.tca-header .show-on-promotion-today,.tca-header.product-promotion-active .hide-on-product-promotion,.tca-header.promotion-today .hide-on-promotion-today {
    display: none
}

.tca-header .hide-on-product-promotion,.tca-header .hide-on-promotion-today,.tca-header.product-promotion-active .show-on-product-promotion,.tca-header.promotion-today .show-on-promotion-today {
    display: inline
}

.red-text {
    color: #c00!important
}

.normal-text {
    font-weight: 400!important
}

.bold-text {
    font-weight: 700!important
}

.tca-header .lead-text {
    color: #757575;
    font-size: 1.15em;
    letter-spacing: .04em;
    margin-bottom: 10px
}

.button-place {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    margin-bottom: 0
}

.btn[class*=fv-active],.btn[class*=fv-inactive] {
    font-family: Vazir;
    color: #333;
    font-weight: 200;
    height: 40px;
    min-width: 200px;
    padding: 10px 15px;
    margin: 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn[class*=fv-active] {
    background-color: #06c;
    color: #fff
}

.btn[class*=fv-active]:hover {
    background-color: #67b3ff;
    color: #fff
}

.btn[class*=fv-active]:active {
    border: 1px solid #06c;
    background-color: #fff;
    color: #06c
}

.btn[class*=fv-inactive]:hover {
    background-color: #67b3ff;
    color: #fff;
    border: 1px solid #67b3ff
}

.btn[class*=fv-inactive]:active {
    color: #fff;
    background-color: #06c;
    border: 1px solid #06c
}

@media(max-width: 767px) {
    .tca-header {
        margin:0 -15px
    }

    .tca-header .text-col h1 {
        margin: 15px 0;
        float: left;
        width: 100%;
        padding: 0
    }
}

.start .flip-clock-wrapper {
    left: 26px!important;
    bottom: 115px!important;
    padding: 20px 10px 10px;
    background-color: #fff
}

@media(max-width: 767px) {
    .start .flip-clock-wrapper {
        background-color:transparent
    }
}

.start h1,.start h2 {
    position: absolute;
    left: 10px;
    top: 65px;
    font-size: 2.15em;
    margin: 0!important;
    padding: 0
}

#rabatt-35 h1 {
    top: 4px;
    font-size: 3.15em
}

.start h2 {
    top: 105px;
    font-size: 1.15em
}

#rabatt-35 h2 {
    top: 57px;
    font-size: 1.25em
}

.start .img-cta-conf-center {
    position: absolute;
    right: 36%;
    bottom: 5px;
    max-width: 250px
}

a[data-type=youtube] img {
    bottom: 8px
}

@media(max-width: 767px) {
    .start .flip-clock-wrapper {
        left:auto!important;
        padding: 0
    }

    .start h1 {
        font-size: 1.63em
    }

    .start h2 {
        font-size: .85em
    }

    #rabatt-35 h2 {
        top: 40px
    }
}

@media(max-width: 767px) and (orientation:portrait) {
    .start .img-cta-conf-center {
        max-width:85%;
        max-height: 100%;
        bottom: 10px;
        right: 20px
    }

    .start h1 {
        top: 49px;
        font-size: 1.7em
    }

    #rabatt-35 h1 {
        font-size: 2.9em
    }
}

@media(max-width: 767px) and (orientation:landscape) {
    .start .img-cta-conf-center {
        bottom:0;
        right: 30%
    }
}

@media(max-width: 979px) and (min-width:768px) {
    .start .flip-clock-wrapper {
        bottom:75px
    }

    .start .img-cta-conf-center {
        right: 34%;
        bottom: 3px
    }

    .start h1 {
        font-size: 1.9em
    }

    #rabatt-35 h1 {
        font-size: 2.4em
    }

    .start h2 {
        font-size: 1em
    }

    #rabatt-35 h2 {
        font-size: 1.1em;
        top: 45px
    }
}

@media(max-width: 1199px) and (min-width:980px) {
    .start .flip-clock-wrapper {
        bottom:160px
    }
}

.job-list-item {
    margin-top: 15px
}

.job-list-item a {
    display: block;
    float: left;
    width: inherit
}

.job-list-item .border {
    border-right: 0;
    float: left;
    width: 100%
}

.job-list-item .border div:first-child {
    padding: 10px 20px;
    width: 94%;
    float: left
}

.job-list-item .border div.tcenter {
    background: #06c;
    display: table;
    width: 6%;
    height: 63px
}

.job-list-item a:hover .border div.tcenter {
    background: #67b3ff
}

.job-list-item .border h3 {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    margin-bottom: 2px
}

.job-list-item .border h3.single-headline {
    margin-top: 12px
}

.job-list-item .border p {
    margin: 0;
    color: #757575
}

.job-list-item .border .fa.fa-chevron-right {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 25px;
    font-weight: 300
}

@media(max-width: 768px) {
    .job-list-item .border div:first-child {
        width:90%
    }

    .job-list-item .border div.tcenter {
        width: 10%;
        height: 87px
    }

    .job-list-item .border h3.single-headline {
        margin-top: 25px
    }
}

.dce-13 .nav-tabs li {
    margin: 0 10px 0 0;
    padding: 0;
    background-image: none
}

.dce-13 .nav-tabs li a {
    background-color: transparent;
    border: 1px solid #ddd;
    margin: 0;
    padding: 5px 15px;
    color: #555;
    font-size: 13px;
    font-weight: 700;
    border-radius: 0;
    border-bottom: none!important;
    text-decoration: none
}

.dce-13 .nav-tabs li.active a {
    background-color: #06c!important;
    color: #fff
}

.dce-13 .nav-tabs li a:hover,.dce-13 .nav-tabs li.active a:hover {
    background-color: #67b3ff!important;
    color: #fff
}

.dce-13 .tab-pane {
    border: 1px solid #ddd;
    border-top: none;
    float: left;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 15px
}

.dce-13 .tab-pane .text-content {
    height: 100%;
    line-height: 200px
}

.dce-13 .tab-pane .text-content>* {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.dce-13 .tab-pane .tcenter>* {
    margin: auto
}

#linesteps-small {
    background-image: url(../fileadmin/images/de/icons/konfi-5-schritte/dot.png);
    background-repeat: repeat-y;
    background-position: 47.3% center
}

@media(max-width: 991px) and (min-width:768px) {
    #linesteps-small {
        background-position:50% center
    }
}

@media(max-width: 479px) {
    .euro,.price {
        margin:0 -3px 0 -5px
    }

    .konfi-box-header {
        font-size: 1.15em
    }
}

.options-teaser {
    margin-bottom: 25px;
    display: flex;
    flex-flow: column
}

.options-teaser .border {
    position: relative;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin: 0
}

.options-teaser .border a {
    bottom: 15px
}

.options-teaser.type1>.border {
    justify-content: flex-start
}

.col-sm-3 .border a {
    width: 85%
}

.options-teaser.type1.col-sm-4 .border a,.options-teaser.type2 .border a {
    width: 88%
}

.options-teaser.type1.col-sm-6 .border a,.options-teaser.type2.col-sm-6 .border a {
    width: 93%
}

.options-teaser .border>.internal-link {
    margin: 0;
    min-height: 1px
}

@media(max-width: 767px) {
    .options-teaser.type1 .internal-link>img,.options-teaser.type2 .internal-link>img {
        max-height:500px;
        width: 100%
    }

    .options-teaser .border {
        min-height: auto!important
    }

    .options-teaser .border .contents p {
        padding-bottom: 10px
    }
}

@media(max-width: 500px) {
    .options-teaser .border {
        height:auto!important
    }
}

.options-teaser .border>.contents {
    padding: 15px
}

.options-teaser .border>.contents>p {
    font-size: 1em;
    line-height: 1.6em;
    color: #757575
}

.options-teaser .active {
    background-color: #06c;
    color: #fff
}

.options-teaser .active:hover {
    background-color: #67b3ff;
    color: #fff
}

.options-teaser .active:active {
    border: 1px solid #06c;
    background-color: #fff;
    color: #06c
}

.options-teaser .inactive:hover {
    background-color: #67b3ff;
    color: #fff;
    border: 1px solid #67b3ff
}

.options-teaser .inactive:active {
    color: #fff;
    background-color: #06c;
    border: 1px solid #06c
}

.options-teaser .border {
    border-top: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: none;
    border-left: 1px solid #c8c8c8
}

.options-teaser .inactive_border {
    border: 1px solid #c8c8c8;
    display: block;
    text-align: center;
    padding: 12px 0 13px;
    text-decoration: none!important;
    font-size: 14.69px;
    color: #333
}

.options-teaser .inactive_border:hover {
    border: 1px solid #06c;
    background-color: #cce6ff;
    color: #06c
}

.options-teaser .inactive_border:active {
    border-color: #06c;
    color: #fff!important;
    background-color: #06c
}

.type4.options-teaser a.left {
    border: 1px solid #c8c8c8;
    background-color: #fff!important;
    color: #333!important
}

.type4.options-teaser a.left:hover,.type4.options-teaser a.left:active {
    border: 1px solid #06c!important;
    background-color: #cce6ff!important;
    color: #06c!important
}

.type4.options-teaser a.right:hover,.type4.options-teaser a.right:active {
    border-right: 0;
    border-color: #c8c8c8;
    color: #fff
}

.h4rep {
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 10px 0 0 12px;
    letter-spacing: .1em;
    color: #333;
    margin-bottom: 0;
    font-family: Vazir;
    font-weight: 300;
    display: block;
    line-height: 1.1
}

.options-teaser span.inactive_border.btn-primary {
    color: #fff
}

.options-teaser .active_borderless_div {
    color: #06c
}

.options-teaser .active_borderless_div:hover {
    color: #67b3ff
}

.options-teaser .active_borderless_div:active {
    color: #06c
}

.options-teaser .inactive_borderless_div:hover {
    color: #67b3ff
}

.options-teaser .inactive_borderless_div:active {
    color: #06c
}

.options-teaser .video-container {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 187px
}

.options-teaser .video-container span.video-play-span {
    cursor: pointer
}

.options-teaser .video-container>iframe {
    padding-left: 0;
    padding-right: 0
}

.options-teaser .video-container>img {
    height: 100%;
    width: 100%
}

.options-teaser.type3>div.border>span,.options-teaser.type4>div.border>span {
    display: block;
    overflow: hidden
}

.options-teaser.type3.no-paragraph>div.border>span,.options-teaser.type4>div.border>span {
    display: block
}

.options-teaser.type3>div.border>span>img,.options-teaser.type4>div.border>span>img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.options-teaser.type4>div.border>span>img {
    top: 30%;
    left: 50%;
    transform: translate(-50%,-30%)
}

.options-teaser.type3>div.border>span>h4,.options-teaser.type4>div.border>span>h4 {
    font-size: .9em;
    text-transform: uppercase;
    padding: 15px 0 0 15px;
    letter-spacing: .1em;
    color: #333
}

.options-teaser.type3 a,.options-teaser.type3 .left {
    border-bottom: 0;
    padding: 12px 0 13px;
    bottom: 0
}

.options-teaser.type3 .left {
    margin-right: 0;
    border-left: 0;
    border-right: 0
}

.options-teaser.type3 .right {
    margin-left: 0;
    border-right: 0;
    color: #fff
}

.options-teaser.type4 a {
    width: 100%;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 12px 0 13px;
    bottom: 0;
    color: #fff
}

.options-teaser.type3 a:hover,.options-teaser.type3 .left:hover,.options-teaser.type4 a:hover,.options-teaser.type4 .buttonSets span.btn-primary:hover {
    border-right: 0;
    border-color: #c8c8c8;
    color: #fff
}

.options-teaser.type3 a:hover,.options-teaser.type3 .left:hover {
    border-bottom: 0
}

.options-teaser.type3 .left:hover,.options-teaser.type4 a:hover {
    border-left: 0
}

.options-teaser.type3 .left:hover {
    background-color: #cce6ff;
    color: #06c
}

.options-teaser.type4 .contents {
    padding: 0;
    position: absolute;
    bottom: 50px;
    right: 15px;
    font-size: 1.13em
}

.options-teaser.type4 .contents strong,.options-teaser.type4 .contents b {
    font-size: 1.7em
}

.options-teaser.type4 ul.list {
    position: absolute;
    top: 40px;
    list-style: none;
    left: 15px;
    width: calc(100% - 30px);
    margin-bottom: 0
}

.options-teaser.type4 ul.list li {
    position: relative;
    list-style: none;
    background: 0 0;
    width: 100%;
    margin-bottom: 8px
}

.options-teaser.type4 ul.list li>span {
    background-color: #fff;
    padding: 3px 10px 3px 26px;
    margin-left: -15px;
    border-radius: 15px
}

.options-teaser.type4 ul.list li:before {
    content: "";
    background: url(../fileadmin/images/de/sprite-deeccb.png?3) no-repeat -349px -763px;
    width: 13px;
    height: 11px;
    position: absolute;
    left: 5px;
    top: 5px
}

.options-teaser.type4 ul.list.to-bottom {
    top: initial;
    bottom: 75px
}

.options-teaser .btn-primary {
    font-family: Vazir;
    background-color: #06c;
    background-image: none
}

.options-teaser .btn-primary:hover {
    background-color: #67b3ff;
    background-image: none
}

.options-teaser .buttonSets {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    border-top: none;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

.options-teaser .buttonSets>a,.options-teaser .buttonSets>span {
    flex-grow: 1;
    -ms-flex-positive: 1;
    width: auto;
    min-width: 50%;
    margin-bottom: -1px
}

.options-teaser .buttonSets>a,.options-teaser .buttonSets>span.btn-primary {
    margin-left: -1px;
    margin-right: -1px;
    border: #06c 1px solid
}

.options-teaser .buttonSets>span {
    margin-left: -1px;
    margin-right: -1px;
    border-right: none!important
}

.easy-wrap {
    padding-left: 15px;
    padding-right: 15px
}

.easy-wrap>.items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    clear: both
}

.easy-wrap>.items .options-teaser .border>.contents {
    padding-bottom: 15px
}

.easy-wrap>.items .options-teaser.type4 .border>.contents {
    padding-bottom: 0;
    bottom: 15px
}

.easy-wrap>.items .options-teaser .border>.contents>p {
    word-wrap: break-word;
    white-space: normal;
    margin-bottom: 0
}

.easy-wrap>.items .options-teaser.type3>div.border>span,.easy-wrap>.items .options-teaser.type4>div.border>span {
    height: auto
}

.easy-wrap>.items .options-teaser .link-button {
    border-top: none;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

.easy-wrap>.items .options-teaser .link-button>span,.easy-wrap>.items .options-teaser .link-button>a {
    margin: 0 15px 15px;
    width: calc(100% - 30px)!important
}

.easy-wrap>.items .options-teaser.type4 .link-button>a {
    width: 100%!important;
    margin: 0
}

.easy-wrap img {
    width: 100%!important;
    height: auto!important
}

.easy-wrap .options-teaser .video-container {
    height: auto
}

.easy-wrap .options-teaser.type4>div.border>span>h4 {
    padding-bottom: 0;
    margin-bottom: 0
}

.easy-wrap .options-teaser.type4>div.border>span>img {
    top: 0;
    transform: translate(-50%)
}

.easy-wrap .items .type1.options-teaser .border {
    height: 100%;
    padding-bottom: 60px;
    border: 1px solid #c8c8c8
}

.easy-wrap .items .type1.options-teaser .link-button {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    border: none
}

.options-teaser a:hover,.options-teaser .link-button>span {
    cursor: pointer
}

.options-teaser h3>a,.options-teaser h3>a:hover {
    color: #333!important;
    text-decoration: none
}

.options-teaser.type3 .stoerer {
    position: absolute;
    top: 40px;
    right: 0;
    background-color: #c00;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .9px;
    padding: 5px 15px
}

.options-teaser.type3 .contents>h3 {
    font-size: 1.8em
}

.options-teaser.type3 .stoerer>b,.options-teaser.type3 .stoerer>strong {
    font-size: 31px;
    font-weight: 600
}

.options-teaser.type3 ul,.options-teaser.type3 li {
    list-style: none
}

.options-teaser.type3 ul {
    margin: 0
}

.options-teaser.type3 li {
    font-weight: 700;
    background-image: none;
    padding-left: 0
}

.options-teaser.type3 li:before {
    font-family: fv_icons;
    content: "h";
    color: #3d8d42;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400
}

.options-teaser.type3 li:first-child {
    margin-top: 10px
}

.options-teaser.type4>div.border>span>h4 {
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 10px 0 0 12px;
    letter-spacing: .1em;
    color: #333
}

.options-teaser.type4 .border>span {
    width: 100%
}

.options-teaser.type4 .contents {
    position: relative;
    bottom: unset;
    right: unset
}

.options-teaser.type4 .product_price_old {
    color: #c00;
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 1em;
    margin: 23px 5px 0 10px
}

.options-teaser.type4 .contents .priceline {
    font-size: 27px;
    float: right;
    margin-right: 10px;
    color: #333
}

.options-teaser.type4 .contents .priceline .from {
    font-size: 13px
}

.options-teaser.type4 img {
    position: relative!important;
    top: unset!important;
    left: 50%!important;
    transform: translate(-50%)!important;
    margin: 0
}

@media(max-width: 500px) {
    .options-teaser {
        width:100%
    }

    .options-teaser.type4 .product_price_old {
        font-size: 18px!important;
        margin-top: 14px
    }

    .options-teaser.type4 .contents .priceline {
        font-size: 23px
    }

    .options-teaser.type4 .contents .priceline .from {
        font-size: 18px
    }
}

@media(max-width: 374px) {
    .options-teaser.col-xs-6.col-sm-3.type4 {
        width:100%!important
    }
}

ul.red-bulletlist {
    padding-left: 0;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 30px
}

ul.red-bulletlist li {
    list-style: none;
    line-height: 1.7em;
    padding-left: 30px!important;
    background-image: none!important;
    margin: 15px 0
}

ul.red-bulletlist li:before {
    content: "";
    position: absolute;
    display: inline-block;
    list-style: none;
    width: 22px;
    height: 22px;
    background: url(../fileadmin/images/neutral/red-list-bullet.png) no-repeat;
    left: 15px
}

.visible-xs .navbar .nav>li>a {
    color: #000
}

.window-size-table {
    padding-top: 24px;
    margin-bottom: 20px;
    position: relative;
    clear: both
}

.window-size-table>div {
    float: left
}

.window-size-table ul>li {
    background-image: none;
    text-align: center;
    height: 50px;
    font-size: 15px;
    font-weight: 700;
    position: relative
}

.window-size-table ul>li>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.window-size-table>div:first-child,.window-size-table>div:nth-child(2) {
    width: 50%
}

.table {
    position: relative;
    margin-bottom: 10px
}

.window-size-table>span {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.table>span.labelx,.window-size-table span.labely {
    text-transform: uppercase;
    font-size: 14px!important;
    font-weight: 400;
    color: #757575
}

.table>span.labelx {
    position: absolute;
    top: -24px;
    padding: 0!important
}

.window-size-table span.labely {
    top: 24px;
    left: 0;
    transform: none
}

.window-size-table>div:first-child>ul {
    margin-left: 2px
}

.window-size-table>div:first-child>ul>li:not(:first-child) {
    box-shadow: -2px 0 #0064d3
}

.window-size-table>.table>span.labelx+ul>li {
    box-shadow: 0 -2px #0064d3
}

.window-size-table ul>li {
    border-bottom: 1px solid #ccc
}

.window-size-table>.table li {
    border-left: 1px solid #ccc
}

.window-size-table>.table ul>li:last-child {
    border-right: 1px solid #ccc
}

.window-size-table>.table ul {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0
}

.window-size-table>.table li {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
    display: none
}

.window-size-table ul>li>div {
    width: 100%
}

.window-size-table .table a {
    text-decoration: none;
    color: #0064d3;
    cursor: unset;
    width: 100%;
    float: left
}

.window-size-table .table a[href] {
    cursor: pointer
}

.window-size-table .table a span {
    margin-left: 12px
}

.window-size-table:not(.compatibility-matrix)>.table ul:not(:nth-child(2))>li:hover:not(.hover-inactive):not(.empty) {
    cursor: pointer;
    background-color: #0064d3!important
}

.window-size-table>.table ul:not(:nth-child(2))>li.empty:hover {
    cursor: auto;
    background-color: #fff!important
}

.window-size-table:not(.compatibility-matrix)>.table li:hover:not(.hover-inactive):not(.empty) a {
    color: #fff
}

.window-size-table>.table>ul:first-child>li:nth-child(2n),.window-size-table>div:first-child li:nth-child(odd) {
    background-color: #cfcfcf
}

.window-size-table>.table>ul:first-child>li:nth-child(odd),.window-size-table>div:first-child li:nth-child(2n) {
    background-color: #dcdcdc
}

.window-size-table>div:first-child li:nth-child(1) {
    background-color: #fff
}

.window-size-table>.table ul:not(:first-child):nth-child(odd)>li:nth-child(odd) {
    background-color: #f4f4f4
}

.window-size-table>.table ul:not(:first-child):nth-child(2n)>li:nth-child(odd),.window-size-table>.table ul:not(:first-child):nth-child(odd)>li:nth-child(2n) {
    background-color: #efefef
}

.window-size-table>.table ul:not(:first-child):nth-child(2n)>li:nth-child(2n) {
    background-color: #f4f4f4
}

.window-size-table>.table ul>li.empty {
    background-color: #fff!important
}

.table>span.fa {
    position: absolute;
    cursor: pointer;
    line-height: 48px;
    height: 48px;
    width: 48px;
    display: block
}

.table>span.fa.prev {
    padding-left: 10px;
    text-align: left;
    left: 0
}

.table>span.fa.next {
    padding-right: 10px;
    text-align: right;
    right: 0
}

.table>span.fa.deactived {
    color: #c8c8c8
}

@media(min-width: 768px) {
    .window-size-table>div:first-child {
        width:10%
    }

    .window-size-table>div:nth-child(2) {
        width: 90%
    }

    .window-size-table>.table li {
        display: inline-block
    }

    .table>span.fa {
        display: none
    }
}

@media(max-width: 767px) {
    .window-size-table>.table ul>li {
        border-right:1px solid #ccc
    }
}

.window-size-filter {
    margin-bottom: 20px;
    width: 100%;
    float: left
}

.window-size-filter label {
    padding-right: 50px;
    float: left
}

.window-size-filter label input {
    margin-right: 8px;
    float: left
}

.window-size-filter label span {
    padding: 3px 10px;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 14px;
    font-weight: 700
}

.compatibility-matrix .table ul>li:not(.empty),.compatibility-matrix .table ul>li:not(.empty):hover {
    background-color: #f1f6ec!important;
    cursor: unset
}

.compatibility-matrix>div:first-child ul li:not(:first-child),.compatibility-matrix .table span.labelx+ul li,.compatibility-matrix .table span.labelx+ul li:hover {
    background-color: #444!important;
    color: #fff!important
}

.compatibility-matrix ul.height-1,.compatibility-matrix ul li.height-1,.compatibility-matrix .table ul.filter-height-1,.compatibility-matrix>div:first-child li.filter-height-1 {
    height: 50px
}

.compatibility-matrix ul.height-2,.compatibility-matrix ul li.height-2,.compatibility-matrix .table ul.filter-height-2,.compatibility-matrix>div:first-child li.filter-height-2 {
    height: 80px
}

.compatibility-matrix ul.height-3,.compatibility-matrix ul li.height-3,.compatibility-matrix .table ul.filter-height-3,.compatibility-matrix>div:first-child li.filter-height-3 {
    height: 115px
}

.compatibility-matrix ul.height-4,.compatibility-matrix ul li.height-4,.compatibility-matrix .table ul.filter-height-4,.compatibility-matrix>div:first-child li.filter-height-4 {
    height: 145px
}

.compatibility-matrix ul.height-5,.compatibility-matrix ul li.height-5,.compatibility-matrix .table ul.filter-height-5,.compatibility-matrix>div:first-child li.filter-height-5 {
    height: 175px
}

.compatibility-matrix ul.height-6,.compatibility-matrix ul li.height-6,.compatibility-matrix .table ul.filter-height-6,.compatibility-matrix>div:first-child li.filter-height-6 {
    height: 210px
}

.compatibility-matrix ul.height-7,.compatibility-matrix ul li.height-7,.compatibility-matrix .table ul.filter-height-7,.compatibility-matrix>div:first-child li.filter-height-7 {
    height: 240px
}

.compatibility-matrix ul[class*=height-]>li {
    height: 100%
}

.compatibility-matrix>.table ul>li.filter-empty,.compatibility-matrix>.table ul>li.filter-empty:hover {
    background-color: #fff!important
}

.compatibility-matrix .table a,.window-size-info label.example {
    width: auto;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background-color: #757575;
    border: 1px solid transparent;
    border-radius: 14px;
    padding: 1px 2px 0 10px;
    position: relative;
    float: left;
    margin: 2px 0 2px 5px
}

.compatibility-matrix .table a>span,.window-size-info label.example>span {
    margin-left: 7px;
    background-color: #fff;
    color: #222;
    border: 1px solid transparent;
    border-radius: 11px;
    padding: 1px 3px
}

.compatibility-matrix a.roto,.window-size-filter label span.roto {
    background-color: #698e69
}

.compatibility-matrix a.fakro,.window-size-filter label span.fakro {
    background-color: #4e8aa5
}

.compatibility-matrix a.velux,.window-size-filter label span.velux {
    background-color: #89606a
}

.compatibility-matrix a.roto[href]:hover,.window-size-filter label:hover span.roto {
    background-color: #5cb42d
}

.compatibility-matrix a.fakro[href]:hover,.window-size-filter label:hover span.fakro {
    background-color: #009cef
}

.compatibility-matrix a.velux[href]:hover,.window-size-filter label:hover span.velux {
    background-color: #be437d
}

.window-size-info {
    float: left;
    width: 100%
}

.window-size-info label.example {
    padding: 3px 2px 3px 10px;
    margin: 0 0 0 10px;
    display: inline;
    float: unset;
    cursor: unset
}

.window-size-info label.example>span {
    padding: 1px 6px
}

@media(max-width: 767px) {
    .window-size-filter label {
        padding-right:0;
        width: 33%
    }

    .window-size-filter label:first-child {
        width: 100%
    }

    .compatibility-matrix>.table ul>li {
        border-right: 1px solid #ccc
    }

    .compatibility-matrix .table>span.fa {
        color: #fff
    }

    .compatibility-matrix .table>span.fa.deactived {
        color: #000
    }
}

@media(max-width: 991px) {
    .compatibility-matrix .table a {
        display:grid;
        padding: 1px 3px;
        margin: 2px 4px 2px 2px;
        float: unset
    }

    .compatibility-matrix .table a>span {
        margin-left: 0
    }

    .compatibility-matrix ul.height-1,.compatibility-matrix ul li.height-1,.compatibility-matrix .table ul.filter-height-1,.compatibility-matrix>div:first-child li.filter-height-1 {
        height: 70px
    }

    .compatibility-matrix ul.height-2,.compatibility-matrix ul li.height-2,.compatibility-matrix .table ul.filter-height-2,.compatibility-matrix>div:first-child li.filter-height-2 {
        height: 130px
    }

    .compatibility-matrix ul.height-3,.compatibility-matrix ul li.height-3,.compatibility-matrix .table ul.filter-height-3,.compatibility-matrix>div:first-child li.filter-height-3 {
        height: 190px
    }

    .compatibility-matrix ul.height-4,.compatibility-matrix ul li.height-4,.compatibility-matrix .table ul.filter-height-4,.compatibility-matrix>div:first-child li.filter-height-4 {
        height: 250px
    }

    .compatibility-matrix ul.height-5,.compatibility-matrix ul li.height-5,.compatibility-matrix .table ul.filter-height-5,.compatibility-matrix>div:first-child li.filter-height-5 {
        height: 310px
    }

    .compatibility-matrix ul.height-6,.compatibility-matrix ul li.height-6,.compatibility-matrix .table ul.filter-height-6,.compatibility-matrix>div:first-child li.filter-height-6 {
        height: 370px
    }

    .compatibility-matrix ul.height-7,.compatibility-matrix ul li.height-7,.compatibility-matrix .table ul.filter-height-7,.compatibility-matrix>div:first-child li.filter-height-7 {
        height: 430px
    }

    .compatibility-matrix ul.height-1 li {
        height: 100%
    }
}

@media(max-width: 767px) {
    html {
        max-width:100vw
    }

    html,body,body>div.container {
        overflow-x: hidden!important
    }

    html.no-scroll {
        overflow: hidden;
        height: 100%
    }

    header .metanavigation-fv {
        padding: 0!important;
        background-color: #fff;
        height: 50px
    }

    header .metanavigation-fv #tel,header .metanavigation-fv>div.row {
        height: 100%;
        font-size: 1.4em;
        margin: 0
    }

    header span.telNummerText {
        font-size: 13px
    }

    header #tel span#telNummer {
        width: 100vw;
        padding: 0 0 9px;
        margin: 0;
        height: 100%;
        left: 0
    }

    header #tel span#telNummer>*:last-child {
        margin-right: 0
    }

    #tel span#telNummer:before,#tel span#telNummer:after {
        background-image: none;
        padding: 0;
        margin: 0;
        width: 0;
        height: 0
    }

    header span#telNummer>div.icon-phone {
        background: url(../fileadmin/images/de/sprite-deeccb.png?3) -319px -763px no-repeat;
        width: 11px;
        height: 17px
    }

    .zertifikat {
        height: 45px;
        display: flex!important;
        align-items: center;
        padding: 5px 0;
        border-bottom: 2px solid #e7e8e6;
        z-index: 100
    }

    .zertifikat.hide {
        display: none!important
    }

    .zertifikat>span {
        display: inline-block
    }

    .zertifikat>span:nth-child(1) {
        width: 32px;
        height: 32px;
        background-size: 100%;
        background-repeat: no-repeat;
        display: inline-block;
        margin-left: 10px
    }

    @media(-webkit-min-device-pixel-ratio: 2) and (max-device-width:667px),(-webkit-min-device-pixel-ratio:3) and (max-device-width:736px),only screen and (-webkit-min-device-pixel-ratio:2.5),only screen and (-webkit-min-device-pixel-ratio:3) and (max-width:648px),only screen and (min-resolution:240dpi) {
        .zertifikat>span:nth-child(1) {
            background-image:url(../fileadmin/images/trustmark_120x120.png)
        }
    }

    @media(-webkit-min-device-pixel-ratio: 2) and (max-device-width:667px),(-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3) and (max-device-width:736px),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:648px),only screen and (min-resolution:192dpi) {
        .zertifikat>span:nth-child(1) {
            background-image:url(../fileadmin/images/trustmark_60x60.png)
        }
    }

    @media(-webkit-min-device-pixel-ratio: 2) and (max-device-width:667px),(-webkit-min-device-pixel-ratio:3) and (max-device-width:736px),only screen and (max-width:648px) {
        .zertifikat>span:nth-child(1) {
            background-image:url(../fileadmin/images/trustmark_32x32.png)
        }
    }

    .zertifikat>span:nth-child(2) {
        line-height: 14px;
        border-left: 1px solid #e3e4e2;
        margin-left: 10px;
        padding-left: 10px;
        font-weight: 700
    }

    .zertifikat>span:nth-child(3) {
        right: 20px;
        position: absolute;
        color: #ccc;
        font-size: 14px;
        opacity: 1;
        text-shadow: none;
        font-weight: 400;
        top: 14px
    }

    .col-sm-4.logo {
        margin: 0 0 20px
    }

    .header-logo {
        margin-top: 25px
    }

    .ekz-header-top .header-logo {
        margin-top: 0
    }

    .start {
        margin-top: 7px
    }

    header div.navbar,header .head+div.navbar {
        position: fixed;
        top: 0;
        height: 100vh;
        width: 85vw;
        z-index: 200!important;
        padding-top: 0;
        margin-top: 0;
        border: 0;
        -webkit-overflow-scrolling: touch;
        background-color: #000
    }

    .header-icons {
        float: right;
        top: 46px;
        position: relative
    }

    .header-icons>span {
        float: left
    }

    .navbar-toggle.hamburg.fv-icon-k:before {
        content: "q"
    }

    a.navbar-toggle.collapsed.show-mobile:hover,a.navbar-toggle.collapsed.show-mobile:focus,a.navbar-toggle.collapsed.show-mobile:active,a.navbar-toggle.collapsed.show-mobile:visited {
        text-decoration: none
    }

    .fv-icon-k,.fv-icon-a,.fv-icon-b {
        color: #c7c8c9;
        font-size: 24px;
        line-height: 26px;
        position: relative
    }

    .fv-icon-a,.fv-icon-b {
        margin-right: 10px;
        font-size: 27px
    }

    .header-icons #cartCountMobile {
        position: absolute;
        top: -10px;
        left: 30px;
        font-size: 10px;
        color: #fff;
        background-color: #bc261b;
        border-radius: 50%;
        text-align: center;
        width: 20px;
        height: 20px;
        line-height: 20px;
        display: inline-block
    }

    header .navbar {
        left: -85vw;
        overflow-y: scroll;
        background-color: #0000
    }

    header .navbar #show-mobile {
        display: block
    }

    header .navbar .nav>li {
        padding: 0
    }

    header .nav>li>a:focus,header .nav>li>a:hover {
        background-color: #000000e6!important
    }

    header .navbar .nav>li.mmenu>a,header .navbar .nav>li.mmenu>span {
        color: #fff;
        background-color: #000000e6;
        border-bottom: 2px solid #757677;
        text-transform: none;
        font-weight: 200;
        letter-spacing: .8px;
        display: block;
        padding: 10px 15px!important;
        font-size: .9em
    }

    header .navbar .nav>li.mmenu>a>span,header .navbar .nav>li.mmenu>span>span,header .navbar .nav>li.mmenu span[class="fv-icon-*"] {
        position: absolute;
        right: 15px;
        top: 12px
    }

    .mmenu>ul {
        list-style: none;
        padding-left: 0;
        height: 0;
        overflow: hidden
    }

    header .navbar .nav>li.mmenu>span.actived {
        border-bottom-color: #0a6dcfe6;
        background-color: #0a6dcfe6!important
    }

    header .navbar .nav>li.mmenu>a>.fv-icon-e:before,header .navbar .nav>li.mmenu>span>.fv-icon-e:before {
        color: #757677;
        font-size: 18px
    }

    header .navbar .nav>li.mmenu>a.actived>.fv-icon-e:before,header .navbar .nav>li.mmenu>span.actived>.fv-icon-e:before {
        content: "f";
        color: #fff
    }

    .mmenu>ul>li {
        color: #fff;
        background-color: #414141e6
    }

    .mmenu>ul>li:active,.mmenu>ul>li:hover,.mmenu>ul>li:focus {
        background-color: #0a6dcfe6!important;
        color: #fff
    }

    .mmenu>ul>li>span,.mmenu>ul>li>a {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        padding-left: 35px;
        padding-top: 10px;
        display: inline-block;
        line-height: 1em;
        font-weight: 200;
        letter-spacing: .8px;
        width: 100%;
        text-align: left;
        display: block
    }

    .mmenu>ul>li>span:last-child,.mmenu>ul>li>a:last-child {
        padding-bottom: 10px
    }

    .mmenu>ul>li>a:active,.mmenu>ul>li>a:hover,.mmenu>ul>li>a:focus {
        text-decoration: none;
        color: #fff
    }

    .nav .trennung {
        background: rgba(65,65,65,.9);
        display: flex!important
    }

    .nav .trennung>span {
        float: left;
        display: inline-block;
        height: 70px;
        width: 50%;
        color: #fff;
        font-size: 12px;
        text-align: center;
        padding-top: 13px;
        line-height: 14px;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .nav .trennung>span:first-child {
        border-right: 1px solid #757677
    }

    .nav .trennung>span:last-child {
        border-left: 1px solid #757677
    }

    .nav .trennung>span:before {
        font-family: fv_icons;
        font-size: 24px;
        color: #fff;
        display: block;
        margin-bottom: 10px
    }

    .nav .trennung>span:first-child:before {
        content: "g"
    }

    .nav .trennung img.cartIconMobile {
        display: block;
        margin: -8px auto 7px;
        filter: invert(1)
    }

    .nav .sociallinks {
        background-color: #000000e6;
        display: flex!important;
        justify-content: center
    }

    .sociallinks>a.fwd {
        padding: 0!important
    }

    .nav .sociallinks span {
        height: 190px;
        display: inline-block;
        padding-top: 35px;
        font-size: 30px;
        color: #747576;
        text-align: center;
        margin: 0 auto
    }

    .nav .sociallinks>span {
        width: 18%;
        margin: 0 2%
    }

    .nav-full-width .dropdown {
        min-height: 0
    }

    .landingpage-logo {
        float: left
    }
}

@media(max-width: 360px) {
    .header-logo {
        max-width:190px
    }

    .header-icons {
        top: 40px
    }
}

@media(min-width: 768px) {
    header .navbar .nav>li.mmenu>a>.fv-icon-e,header .navbar .nav>li.mmenu>span>.fv-icon-e {
        display:none
    }
}

.bg-grey-light {
    background-color: #e8e8e8;
    float: left;
    padding: 15px 0 0
}

.widecontent>.dce-15>h2 {
    padding-left: 15px;
    padding-right: 15px
}

.widecontent>.dce-15>.row {
    margin-left: 0;
    margin-right: 0
}

body>.newsletter-cta {
    display: none
}

footer>.newsletter-cta {
    margin: 0;
    padding: 0;
    border-top: 1px #ccc solid
}

footer>.newsletter-cta .message {
    margin: 0
}

@media(min-width: 480px) {
    footer>.newsletter-cta .main li,footer>.newsletter-cta.type2 h3 {
        font-size:14px;
        font-weight: 300
    }
}

@media(min-width: 768px) {
    footer>.newsletter-cta .main li,footer>.newsletter-cta.type2 h3 {
        font-weight:400
    }
}

.newsletter-cta {
    padding: 0 15px;
    margin: 25px 0;
    clear: both
}

.newsletter-cta header {
    background-color: #06c;
    min-height: 75px;
    height: auto;
    position: relative
}

@media(min-width: 480px) {
    .newsletter-cta header {
        min-height:55px
    }
}

.newsletter-cta header h3 {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 1.4em;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    padding: 0 15px;
    letter-spacing: .9px
}

.newsletter-cta .message {
    background-color: #eee;
    color: #333;
    width: 100%;
    text-align: left;
    padding: 15px;
    display: none;
    margin: 20px 0
}

.newsletter-cta .message.error {
    color: #a94442;
    background-color: #f0dede
}

.newsletter-cta .message.success {
    color: #3c763d;
    background-color: #e0f0d7
}

.newsletter-cta .main {
    width: 100%;
    background-color: #cce6ff;
    padding: 35px 0;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    align-items: center
}

.newsletter-cta.type2 .main {
    flex-direction: column
}

@media(min-width: 768px) {
    .newsletter-cta.type2 .main {
        flex-direction:row
    }
}

.newsletter-cta.type2 .main {
    background-color: #def1ff;
    padding: 15px 0
}

.newsletter-cta .main>* {
    width: 50%;
    text-align: center
}

.newsletter-cta.type2 .main>* {
    width: 90%
}

@media(min-width: 768px) {
    .newsletter-cta.type2 .main>* {
        width:50%
    }

    .newsletter-cta.type2 .main>h3 {
        padding: 0 15px
    }
}

.newsletter-cta .main ul {
    margin-bottom: 0;
    text-align: left;
    border-right: 1px solid #54b3ff
}

.newsletter-cta .main ul,.newsletter-cta .main li {
    list-style: none;
    background-image: none
}

.newsletter-cta .main .form {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.newsletter-cta.type2 .main .form {
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.newsletter-cta .main .form>* {
    width: 75%
}

@media(min-width: 480px) {
    .newsletter-cta .main .form>* {
        width:50%
    }
}

.newsletter-cta.type2 .main .form>* {
    width: 50%
}

@media(min-width: 768px) {
    .newsletter-cta.type2 .main .form>* {
        width:35%
    }
}

.newsletter-cta .main .form input {
    height: 25px;
    font-size: 11px;
    border: 0;
    padding: 6px 15px;
    font-style: italic;
    margin-bottom: 10px;
    color: #333;
    letter-spacing: .9px
}

.newsletter-cta.type2 .main .form input {
    margin-bottom: 0;
    margin-right: 10px;
    width: 50%;
    border: 1px solid #c8c8c8
}

@media(min-width: 480px) {
    .newsletter-cta .main .form input {
        font-size:13px;
        height: 30px
    }
}

.newsletter-cta .main .form input.error {
    color: red;
    border: 1px solid red
}

.newsletter-cta .main li,.newsletter-cta.type2 h3 {
    color: #333;
    font-size: 12px;
    margin-left: 21%;
    letter-spacing: .9px;
    position: relative
}

.newsletter-cta.type2 h3 {
    text-align: left;
    margin: 0 auto 10px;
    padding: 0;
    line-height: 20px
}

@media(min-width: 480px) {
    .newsletter-cta .main li,.newsletter-cta.type2 h3 {
        font-size:18px
    }
}

@media(min-width: 768px) {
    .newsletter-cta.type2 h3 {
        padding:0 0 0 4%;
        margin-bottom: 0
    }
}

.newsletter-cta .main li>span {
    word-break: break-all;
    white-space: normal
}

.newsletter-cta .main li>span:before {
    font-family: fv_icons;
    content: "h";
    color: #0064d3;
    left: -10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400;
    position: absolute
}

@media(min-width: 480px) {
    .newsletter-cta .main li>span:before {
        font-size:22px;
        left: -20px
    }
}

.newsletter-cta .main .form input::-moz-placeholder {
    color: #c8c8c8
}

.newsletter-cta .main .form input::placeholder {
    color: #c8c8c8
}

.newsletter-cta .main .form input:active,.newsletter-cta .main .form input:focus {
    outline: none
}

.newsletter-cta .main .form button {
    min-height: 25px;
    font-size: 11px;
    border: 1px solid #06c;
    color: #fff;
    background-color: #06c;
    letter-spacing: .9px
}

@media(min-width: 480px) {
    .newsletter-cta .main .form button {
        font-size:13px;
        min-height: 30px
    }
}

.newsletter-cta .main .form button:active,.newsletter-cta .main .form button:focus {
    outline: none
}

.newsletter-cta .main .form button:active {
    color: #fff!important;
    background-color: #06c!important
}

.newsletter-cta .main .form button:hover {
    border: 1px solid #06c;
    background-color: #cce6ff;
    color: #06c
}

.newsletter-cta .main .form button>span {
    display: none
}

.newsletter-cta .main .form .rotating {
    animation: rotating 2s linear infinite
}

@media(max-width: 767px) {
    .newsletter-cta.type1 {
        float:left;
        width: 100%
    }

    .newsletter-cta.type1 .message {
        margin: 0 0 15px
    }

    .newsletter-cta.type1 h3 {
        font-size: 1.2em;
        font-weight: 400
    }

    .newsletter-cta.type1 .main {
        display: block;
        padding: 0;
        float: left
    }

    .newsletter-cta.type1 ul.list {
        margin: 20px 0;
        border: none;
        width: 100%
    }

    .newsletter-cta.type1 ul.list li {
        margin-left: 30px
    }

    .newsletter-cta.type1 .form {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        float: left
    }

    .newsletter-cta.type1 .form>* {
        width: 41%;
        float: left
    }

    .newsletter-cta.type1 .form input {
        width: 50%;
        margin-left: 4.5%;
        padding: 6px 10px
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#cartCountSticky {
    background-color: #bc261b;
    display: inline-block;
    position: relative;
    color: #fff;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    top: -6px;
    left: -39px
}

#print-thank-you+a {
    line-height: 33px
}

.blue-header {
    position: relative;
    border: 1px solid #bdbdbd;
    margin: 0 0 15px
}

.blue-header .text {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 55%;
    padding: 10px 25px;
    background-color: #0066cce6;
    color: #fff;
    font-size: 1.2em;
    display: flex;
    align-items: center
}

.blue-header .text * {
    color: inherit
}

.blue-header .text>p {
    margin: 0!important
}

.step-point {
    text-align: center
}

.step-point>span {
    font-size: 32px;
    color: #fff;
    border-radius: 56px;
    background-color: #ced4db;
    width: 56px;
    height: 56px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.step-point>span:before {
    content: "";
    background-color: #06c;
    width: 44px;
    height: 44px;
    position: absolute;
    border-radius: 44px;
    line-height: 44px;
    top: 6px;
    left: 6px;
    font-weight: 600;
    z-index: 1
}

.step-point>span.content-1:before {
    content: "1"
}

.step-point>span.content-2:before {
    content: "2"
}

.step-point>span.content-3:before {
    content: "3"
}

.step-point>span.content-4:before {
    content: "4"
}

.step-point+div[class*=col-]:not(:last-child):after {
    content: "";
    position: absolute;
    border-left: 6px solid #ced4db;
    top: 0;
    bottom: 0;
    left: calc(-16.66666667%/2 - 15px);
    z-index: 0
}

.panel-group[id=accordion_faq] {
    margin-bottom: 0
}

.panel-group[id=accordion_faq] .panel-title {
    cursor: pointer
}

.panel-group[id=accordion_faq] .panel-grey:last-child {
    margin-bottom: 20px
}

.panel-group .panel-grey,.panel-grey .panel-default {
    padding: 0;
    border: none;
    float: left;
    width: 100%;
    margin-bottom: 5px
}

.panel-grey .panel-default {
    border: 1px solid #bdbdbd;
    border-radius: 0;
    margin-bottom: 2px;
    margin-top: 2px
}

.panel-grey .panel-default:hover {
    border-color: #06c
}

.panel-grey>.panel-heading {
    float: left;
    width: 100%
}

.panel-grey .panel-default>.panel-heading,.panel-grey .panel-default .panel-body {
    margin: 0
}

.panel-grey .panel-default>.panel-heading a {
    float: left;
    width: calc(100% - 30px);
    padding: 15px;
    margin: 0 15px
}

.panel-grey .panel-default>.panel-heading .panel-title {
    position: relative
}

.panel-grey>.panel-heading a,.panel-grey .panel-default>.panel-heading a {
    color: inherit;
    text-decoration: inherit
}

.panel-grey>.panel-heading a {
    float: left;
    width: 100%;
    padding: 15px;
    background-color: #efefef;
    border: 1px solid #bdbdbd
}

.panel-grey>.panel-heading a:hover {
    background-color: #06c;
    border-color: #06c;
    color: #fff
}

.panel-grey .panel-default>.panel-heading a:hover {
    color: #04c
}

.panel-grey .panel-default>.panel-heading a[aria-expanded=true] {
    border-bottom: 1px solid #bdbdbd
}

.panel-grey .panel-default>.panel-heading a[aria-expanded=true]:after {
    content: ""
}

.panel-grey>.panel-heading a:after,.panel-grey .panel-default>.panel-heading a:after {
    position: absolute;
    right: 15px;
    content: "";
    font-family: FontAwesome
}

.panel-grey>.panel-heading a:after {
    right: 30px;
    content: ""
}

.panel-grey>.panel-heading a[aria-expanded=true]:after {
    content: ""
}

.panel-grey>.panel-collapse {
    margin-top: 5px;
    float: left;
    width: 100%
}

.panel-grey .panel-default>.panel-collapse {
    padding: 15px;
    width: 100%;
    float: left
}

@media(max-width: 500px) {
    .step-point {
        width:25%
    }

    .step-point+div[class*=col-] {
        width: 75%
    }

    .step-point+div[class*=col-]:not(:last-child):after {
        left: calc(-12.5% - 14px)
    }
}

@media(max-width: 767px) {
    .blue-header .text {
        position:relative;
        width: 100%;
        padding: 10px 15px;
        font-size: 1em
    }
}

.col-sm-12.ftypen {
    background-color: #fff;
    float: left;
    padding: 0;
    cursor: pointer
}

.col-sm-12.ftypen .col-sm-2.col-xs-6.tcenter {
    padding: 12px 15px
}

.col-sm-12.ftypen .col-sm-2.col-xs-6.tcenter p {
    color: #757575;
    font-size: 1em;
    text-decoration: none;
    margin-top: 10px;
    display: block
}

.col-sm-12.ftypen .col-sm-2.col-xs-6.tcenter:hover p {
    color: #06c
}

.visible-i5 {
    display: none
}

#ft1 div,#ft2 div,#ft3 div,#ft4 div,#ft5 div,#ft6 div,#ft7 div,#ft8 div,#ft9 div,#ft10 div,#ft11 div,#ft12 div {
    width: 50px;
    height: 50px;
    background-size: cover;
    margin: auto;
    background: url(../fileadmin/images/sprite-fenstertypen.png) no-repeat -6px 0
}

#ft1 div {
    background-position: -6px 0;
    width: 39px;
    height: 50px
}

#ft1:hover div {
    background-position: -6px -52px
}

#ft2 div {
    background-position: -369px 0;
    width: 41px;
    height: 50px
}

#ft2:hover div {
    background-position: -369px -52px
}

#ft3 div {
    background-position: -421px 0;
    width: 41px;
    height: 50px
}

#ft3:hover div {
    background-position: -421px -52px
}

#ft4 div {
    background-position: -473px 0;
    width: 41px;
    height: 50px
}

#ft4:hover div {
    background-position: -473px -52px
}

#ft5 div {
    background-position: -104px 0;
    width: 50px;
    height: 50px
}

#ft5:hover div {
    background-position: -104px -52px
}

#ft6 div {
    background-position: -156px 0;
    width: 50px;
    height: 50px
}

#ft6:hover div {
    background-position: -156px -52px
}

#ft7 div {
    background-position: -208px -11px;
    width: 50px;
    height: 29px
}

#ft7:hover div {
    background-position: -208px -63px
}

#ft8 div {
    background-position: -520px -8px;
    width: 50px;
    height: 34px
}

#ft8:hover div {
    background-position: -520px -60px
}

#ft9 div {
    background-position: -262px -2px;
    width: 46px;
    height: 46px
}

#ft9:hover div {
    background-position: -262px -54px
}

#ft10 div {
    background-position: -62px 0;
    width: 30px;
    height: 50px
}

#ft10:hover div {
    background-position: -62px -52px
}

#ft11 div {
    background-position: -312px 0;
    width: 50px;
    height: 50px
}

#ft11:hover div {
    background-position: -312px -52px
}

#ft12 div {
    background-position: -572px 0;
    width: 50px;
    height: 50px
}

#ft12:hover div {
    background-position: -572px -52px
}

@media(max-width: 767px) {
    .col-sm-12.ftypen .col-sm-2.col-xs-6.tcenter {
        text-align:left!important;
        padding: 10px 0
    }

    .col-sm-2.col-xs-6.tcenter span.visible-xs {
        display: inline!important
    }

    #ft1 div,#ft2 div,#ft3 div,#ft4 div,#ft5 div,#ft6 div,#ft7 div,#ft8 div,#ft9 div,#ft10 div,#ft11 div,#ft12 div {
        margin: 0 10px 0 0;
        float: left
    }
}

@media(max-width: 546px) {
    .col-sm-12 .col-sm-12.ftypen a:not(.btn):not(.ghost-btn) {
        float:left;
        width: 50%
    }
}

@media(max-width: 420px) {
    .col-sm-12.ftypen .col-sm-2.col-xs-6.tcenter p {
        font-size:.9em
    }
}

@media(max-width: 321px) {
    #ft1 div,#ft2 div,#ft3 div,#ft4 div,#ft5 div,#ft6 div,#ft7 div,#ft8 div,#ft9 div,#ft10 div,#ft11 div,#ft12 div {
        margin:0 3px 0 0
    }

    .col-sm-12.ftypen .col-sm-2.col-xs-6.tcenter p {
        margin-top: 6px
    }

    .hidden-i5 {
        display: none
    }

    .visible-i5 {
        display: block
    }

    p.mtop-3 {
        margin-top: -3px!important
    }
}

.fullPlaWrapper {
    background: linear-gradient(to bottom,#EDEDED 0,#9A9CA1 70%,#E6E6E6 85%,#F0F0F0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7d7e87",endColorstr="#c8c8c8",GradientType=0);
    margin-bottom: 15px;
    padding: 0
}

.fullPlaWrapper h4 {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 300
}

.fullPlaWrapper ul.wg-list li span.arrowItem {
    background: #fff;
    border-radius: 15px;
    margin-bottom: 10px;
    width: auto;
    display: inline-block;
    padding: 2px 20px 2px 5px;
    font-size: 16px
}

.fullPlaWrapper #configuratorForm {
    display: inline-block
}

.fullPlaWrapper ul.wg-list li span.green {
    color: #2bb600;
    margin-bottom: 0;
    padding: 8px
}

.widecontent .fullPlaWrapper ul li {
    background-image: none;
    display: table;
    background: #fff;
    margin-bottom: 10px;
    padding: 5px 20px 5px 40px;
    border-radius: 50px;
    font-weight: 400;
    font-size: 16px
}

.widecontent .fullPlaWrapper ul li:before {
    left: 18px!important
}

.fullPlaWrapper .grey-color {
    color: #757575
}

.fullPlaWrapper .verPadding {
    padding: 2% 0
}

.fullPlaWrapper p.price {
    line-height: 1.1em
}

.fullPlaWrapper p.priceInfo {
    font-style: italic;
    font-size: 12px;
    color: #333
}

@media(min-width: 768px) {
    .fullPlaWrapper>*:first-child {
        padding:0;
        margin-right: 0;
        width: 50%
    }

    .fullPlaWrapper {
        display: flex;
        display: -ms-flexbox;
        flex-direction: row;
        height: 450px
    }
}

.fullPlaWrapper>*:first-child a {
    display: block;
    height: 100%
}

@media(min-width: 768px) {
    .fullPlaWrapper>*:last-child {
        padding:4% 0;
        width: 50%;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        justify-items: center
    }

    .fullPlaWrapper>*:first-child a>img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: auto
    }
}

.fullPlaWrapper>*:last-child>div {
    position: relative;
    margin-left: 15%
}

@media(max-width: 420px) {
    .fullPlaWrapper>*:last-child>div {
        margin-left:8%
    }
}

.fullPlaWrapper .fv-btn-primary:active {
    border: 1px solid #06c;
    background-color: #fff;
    color: #06c
}

.fv-btn-transparent {
    border: 1px solid #c8c8c8;
    color: #757575;
    font-weight: 700;
    background: 0 0;
    padding: 9px 15px
}

a.fv-btn-transparent {
    color: #333
}

.fv-btn-transparent:active,.fv-btn-transparent:focus,.fv-btn-transparent:hover {
    border: 1px solid #06c;
    background-color: #cce6ff;
    color: #06c
}

.fullPlaWrapper a.btn,.fullPlaWrapper .fv-btn-transparent {
    padding: 10px 30px
}

.fullPlaWrapper .price {
    font-size: 36px;
    color: #333;
    letter-spacing: 0
}

.margin-left5 {
    margin-left: 5px
}

@media(max-width: 1200px) {
    #serviceHours {
        position:absolute;
        right: 0
    }
}

@media(max-width: 991px) {
    #serviceHours span {
        font-size:12px
    }

    #serviceHours {
        top: 0
    }
}

@media(min-width: 860px) and (max-width:1199px) {
    #serviceHours {
        text-align:center
    }
}

@media(min-width: 767px) and (max-width:859px) {
    #serviceHours {
        text-align:right
    }
}

@media(max-width: 767px) {
    #serviceHours {
        align-items:center;
        justify-content: center;
        display: flex;
        color: #fff;
        height: 20%;
        width: 100vw;
        top: 34px;
        left: 0
    }

    #serviceHours span {
        font-size: 10px
    }
}

.ekz-header-top {
    margin: 20px 0
}

.ekz-header-top>.row>div {
    min-height: 65px!important;
    padding: 20px 30px;
    padding-bottom: unset;
    margin: 0;
    border-left: 1px solid #ccc
}

.ekz-header-top>.row>div:first-child {
    border: none
}

.ekz-header-top.cart-count-0 div.col-sm-1,.ekz-header-top.cart-count-0 .fv-icon-a,.ekz-header-top.cart-count-0 .fv-icon-b,.ekz-header-top.cart-count-0 #cartCountMobile {
    display: none!important
}

.ekz-header-top>.row>div.col-sm-1 p {
    display: none
}

.ekz-header-top>.row>div.slogan {
    padding-top: 23px
}

.ekz-header-top>.row>div.slogan p {
    margin: 0;
    font-size: 21px;
    line-height: 21px;
    font-style: italic;
    color: #333
}

.ekz-header-top .col-sm-1 #cartCount {
    top: 12px;
    left: 15px
}

.ekz-header-top .col-sm-1 #cartCount:empty {
    display: none
}

.ekz-header-bar {
    background: #bdbdbd
}

.ekz-header-bar>.row {
    padding: 5px 0
}

.ekz-header-bar>.row>div {
    padding: 0 30px
}

.ekz-header-bar .fa {
    font-size: 20px;
    padding-top: 3px
}

.ekz-header-bar .dropdown {
    width: 73%!important;
    margin-left: 15px
}

.ekz-header-bar #stickyProductsToggler {
    cursor: pointer;
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 3px 10px;
    font-size: 14px;
    color: #666;
    border: 1px solid #bdbdbd
}

.ekz-header-bar .fa-chevron-down {
    position: absolute;
    top: 1px;
    right: 0;
    height: calc(100% - 2px);
    padding: 8px;
    background: #333;
    color: #fff;
    font-size: 14px
}

.ekz-header-bar .dropdown-menu {
    margin-top: 0;
    background: #efefef;
    border: 1px solid #bdbdbd;
    border-top: 0;
    left: 0;
    right: 0;
    width: calc(100% + 1px)
}

.ekz-header-bar .dropdown-menu li span {
    padding: 7px 0 7px 15px;
    display: block;
    font-size: 13px;
    font-weight: 600
}

.ekz-header-bar .dropdown-menu li span:hover {
    background-color: #666
}

.ekz-header-bar .dropdown-menu li:hover span {
    text-decoration: none;
    color: #fff
}

.ekz-header-bar form.searchbox input[type=text] {
    font-size: 14px;
    padding: 4px 10px;
    height: auto;
    border: 1px solid #bdbdbd
}

.ekz-header-bar form.searchbox input[type=text]:focus {
    outline: none
}

.ekz-header-bar form.searchbox input[type=submit] {
    border: none;
    border-left: 1px solid #bdbdbd;
    background-color: #333;
    height: 100%
}

.ekz-header-bar form.searchbox .searchbox-submit {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 32px;
    height: calc(100% - 2px);
    padding: 0;
    color: #fff;
    font-size: 14px
}

.ekz-header-bar form.searchbox .searchbox-submit .fa-search {
    font-size: 20px;
    top: 2px
}

.ekz-header-bar .btn-to-shop {
    background: green;
    padding: 3px 16px;
    margin: 1px auto;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    float: right
}

.ekz-footer-bottom {
    background-color: #333;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px
}

.ekz-footer-bottom ul {
    padding: 0
}

.ekz-footer-bottom ul li {
    list-style: none;
    display: inline;
    padding: 0 15px;
    border-left: 1px solid #fff
}

.ekz-footer-bottom ul li:first-child {
    border: none
}

.ekz-footer-bottom ul li a {
    color: #fff
}

@media(max-width: 360px) {
    .ekz-header-top>.row>div.logo {
        padding:0 15px;
        min-height: 50px!important
    }

    .ekz-header-top:not(.cart-count-0)>.row>div.logo .header-logo {
        max-width: 175px
    }

    .ekz-header-top>.row>div.logo .header-icons {
        top: 20px
    }

    .ekz-header-bar>.row>div {
        padding: 0 15px
    }

    .ekz-footer-bottom {
        padding: 15px
    }

    .ekz-footer-bottom ul li {
        list-style: none;
        display: block;
        border: none
    }
}

.responsive-table {
    color: #0064d3;
    font-size: 13px;
    width: calc(100% - 30px);
    margin: 0 auto;
    table-layout: fixed
}

.responsive-table tr th,.responsive-table tr td {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    height: 50px;
    font-weight: 400
}

.responsive-table tr th {
    display: table-cell;
    color: #000
}

.responsive-table tr td {
    display: block
}

@media only screen and (min-width: 768px) {
    .responsive-table tr td {
        display:table-cell
    }
}

.responsive-table thead {
    display: none;
    position: absolute
}

@media only screen and (min-width: 768px) {
    .responsive-table thead {
        display:table-header-group;
        position: inherit
    }
}

.responsive-table thead th {
    text-align: center;
    background-color: #d8d8d8;
    padding: 15px
}

.responsive-table thead th:not(:first-child) {
    border-top: 2px solid #0064d3;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    padding: 5px 8px
}

.responsive-table thead th:first-child {
    background-color: #fff
}

.responsive-table tbody tr {
    display: block;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr {
        display:table-row;
        margin-bottom: 0
    }
}

.responsive-table tbody tr:nth-child(2n)>*:not(th) {
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr:nth-child(2n)>*:not(th) {
        background-color:#e8e8e8
    }
}

.responsive-table tbody tr:nth-child(2n)>th {
    background-color: #06c;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr:nth-child(2n)>th {
        background-color:#d8d8d8;
        color: #000
    }
}

.responsive-table tbody tr:nth-child(odd)>*:not(th) {
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr:nth-child(odd)>*:not(th) {
        background-color:#f8f8f8
    }
}

.responsive-table tbody tr:nth-child(odd)>th {
    background-color: #06c;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr:nth-child(odd)>th {
        background-color:#d8d8d8;
        color: #000
    }
}

.responsive-table tbody tr:first-child {
    border-top: 1px solid #bdbdbd
}

.responsive-table tbody tr:last-child {
    border-bottom: none;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr:last-child {
        border-bottom:1px solid #bdbdbd
    }
}

.responsive-table tbody tr th {
    display: block;
    border-left: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-top: none;
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr th {
        display:table-cell;
        border-left: 2px solid #0064d3;
        border-top: 1px solid #bdbdbd;
        padding: 5px 3px 5px 8px
    }
}

.responsive-table tbody tr td {
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    text-align: right;
    padding: 15px;
    vertical-align: middle;
    color: #000
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr td {
        color:#0064d3;
        text-align: center;
        padding: 5px 3px 5px 8px
    }
}

.responsive-table tbody tr td:before {
    border-left: none;
    content: attr(data-title);
    float: left
}

@media only screen and (min-width: 768px) {
    .responsive-table tbody tr td:before {
        content:"";
        float: none
    }
}

.responsive-table.shop-bundle tbody tr td:last-child {
    background-color: #e8e8e8;
    font-weight: 700
}

.responsive-table.shop-bundle th.visible-xs,.responsive-table.shop-bundle td.visible-xs {
    display: block!important
}

@media only screen and (min-width: 768px) {
    .responsive-table.shop-bundle th.visible-xs,.responsive-table.shop-bundle td.visible-xs {
        display:none!important
    }
}

@media only screen and (min-width: 768px) {
    .responsive-table.shop-bundle thead>tr th {
        background-color:#fff;
        text-align: left;
        border: 0 solid transparent;
        border-bottom: 1px solid #000;
        font-weight: 700;
        height: auto
    }

    .responsive-table.shop-bundle tbody tr,.responsive-table.shop-bundle tbody tr th,.responsive-table.shop-bundle tbody tr td {
        color: initial;
        background-color: initial;
        height: auto;
        vertical-align: top;
        text-align: left;
        border: none
    }

    .responsive-table.shop-bundle thead>tr th:last-child,.responsive-table.shop-bundle tbody tr td:last-child {
        background-color: #e8e8e8;
        text-align: center
    }
}

.responsive-table-legende {
    display: inline-block;
    padding: 15px;
    font-size: 13px
}

.info-plus,.info-minus {
    position: relative;
    padding-left: 25px
}

.info-plus:before,.info-minus:before {
    content: " ";
    position: absolute;
    height: 100%;
    width: 25px;
    left: 0
}

.info-plus:before {
    content: url(../fileadmin/images/neutral/icon_plus.png)
}

.info-minus:before {
    content: url(../fileadmin/images/neutral/icon_minus.png)
}

.col-one-step h3 {
    font-weight: 600
}

@media(min-width: 992px) {
    .col-one-step {
        width:19.5%
    }

    .col-one-step.width-overriden {
        width: 22%
    }

    .col-one-step>.row>div:first-child {
        margin-bottom: 15px
    }

    .col-one-step+.col-one-step>.row>div:first-child:before {
        content: url(../fileadmin/images/de/icons/konfi-5-schritte/pfeil.png);
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -10px;
        margin-left: -40px;
        z-index: 1
    }

    .col-one-step+.col-one-step.width-overriden>.row>div:first-child:before {
        margin-left: -35px
    }

    .col-one-step.width-overriden+.col-one-step>.row>div:first-child:before {
        margin-left: -50px
    }

    .col-one-step h3 {
        font-size: 17px;
        position: absolute;
        width: 100%
    }

    .col-one-step p {
        margin-top: 30px
    }
}

@media(min-width: 992px) and (max-width:1140px) {
    .col-one-step h3 {
        font-size:1.2em
    }

    .col-one-step p {
        margin-top: 40px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .col-one-step>.row>div:nth-child(2) {
        margin-top:35px
    }
}

@media(max-width: 767px) {
    .col-one-step>.row>div.col-xs-3 {
        padding-right:0
    }
}

.kapitaelchen {
    font-variant: small-caps
}

input.valid.empty-val,textarea.valid.empty-val {
    border-color: #ccc;
    background-image: none
}

@media(min-width: 1px) and (orientation:landscape) {
    a.GA-call-to-action-button.cta-conf {
        z-index:98
    }
}

.dyn-smallprint {
    display: none;
    position: absolute;
    right: 33px;
    bottom: 5px;
    font-size: 10px;
    letter-spacing: .16px
}

.dyn-discount,.dyn-discount.has-extra-discount {
    position: absolute;
    background-color: transparent;
    border: 1px solid #c6c6c6;
    top: 9%;
    right: 6.5%;
    width: 39%;
    display: none
}

@media(min-width: 1px) and (orientation:landscape) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        top:0;
        right: 33px;
        width: 150px
    }
}

@media(min-width: 320px) and (orientation:landscape) {
    .dyn-discount.has-extra-discount {
        width:56px;
        right: 22px;
        height: auto!important
    }
}

@media(min-width: 420px) and (orientation:landscape) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        width:109px;
        right: 27px
    }
}

@media(min-width: 520px) and (orientation:landscape) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        width:112px
    }
}

@media(min-width: 640px) and (orientation:landscape) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        width:116px
    }
}

@media(min-width: 340px) and (orientation:portrait) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        top:14.5%
    }
}

@media(min-width: 420px) and (orientation:portrait) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        top:12%
    }
}

@media(min-width: 520px) and (orientation:portrait) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        top:13.5%
    }
}

@media(min-width: 768px) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        top:0;
        right: 33px;
        width: 130px;
        height: 177px
    }
}

@media(min-width: 900px) {
    .dyn-discount,.dyn-discount.has-extra-discount {
        right:36px;
        width: 150px;
        height: 202px
    }
}

.dyn-discount strong,.dyn-discount.has-extra-discount strong {
    display: block;
    position: relative;
    font-size: 35px;
    top: -6px
}

@media(min-width: 320px) and (orientation:landscape) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:14px
    }
}

@media(min-width: 420px) and (orientation:landscape) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:22px
    }
}

@media(min-width: 520px) and (orientation:landscape) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:28px
    }
}

@media(min-width: 640px) and (orientation:landscape) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:36px
    }
}

@media(min-width: 340px) and (orientation:portrait) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:45px
    }
}

@media(min-width: 420px) and (orientation:portrait) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:52px
    }
}

@media(min-width: 520px) and (orientation:portrait) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:60px
    }
}

@media(min-width: 768px) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:40px
    }
}

@media(min-width: 900px) {
    .dyn-discount strong,.dyn-discount.has-extra-discount strong {
        font-size:45px
    }
}

.dyn-discount .standard-discount,.dyn-discount.has-extra-discount .standard-discount {
    color: #fff;
    text-align: center;
    height: 39%;
    padding-top: 6px;
    display: flex;
    flex-direction: column;
    letter-spacing: .3px;
    background-color: #c00000
}

@media(min-width: 768px) {
    .dyn-discount .standard-discount,.dyn-discount.has-extra-discount .standard-discount {
        height:68px
    }
}

@media(min-width: 900px) {
    .dyn-discount .standard-discount,.dyn-discount.has-extra-discount .standard-discount {
        height:80px
    }
}

.dyn-discount .standard-discount>span,.dyn-discount.has-extra-discount .standard-discount>span {
    font-size: 10px
}

@media(min-width: 320px) and (orientation:landscape) {
    .dyn-discount .standard-discount>span,.dyn-discount.has-extra-discount .standard-discount>span {
        font-size:7px;
        line-height: 7px;
        display: inline-block;
        margin-top: 8px
    }
}

@media(min-width: 640px) and (orientation:landscape) {
    .dyn-discount .standard-discount>span,.dyn-discount.has-extra-discount .standard-discount>span {
        margin-top:0;
        font-size: 10px
    }
}

@media(min-width: 420px) and (orientation:portrait) {
    .dyn-discount .standard-discount>span,.dyn-discount.has-extra-discount .standard-discount>span {
        font-size:13px
    }
}

@media(min-width: 520px) and (orientation:portrait) {
    .dyn-discount .standard-discount>span,.dyn-discount.has-extra-discount .standard-discount>span {
        font-size:18px
    }
}

@media(min-width: 768px) {
    .dyn-discount .standard-discount>span,.dyn-discount.has-extra-discount .standard-discount>span {
        font-size:10px
    }
}

@media(min-width: 900px) {
    .dyn-discount .standard-discount>span,.dyn-discount.has-extra-discount .standard-discount>span {
        font-size:13px;
        line-height: 22px
    }
}

.dyn-discount .extra-discount,.dyn-discount.has-extra-discount .extra-discount {
    color: #fff;
    background-color: #151e27;
    height: 72%;
    padding-top: 6px;
    text-align: center
}

@media(min-width: 1px) and (orientation:landscape) {
    .dyn-discount .extra-discount,.dyn-discount.has-extra-discount .extra-discount {
        background-color:#fff;
        color: #000
    }
}

@media(min-width: 320px) and (orientation:landscape) {
    .dyn-discount .extra-discount,.dyn-discount.has-extra-discount .extra-discount {
        padding-top:4px
    }
}

@media(min-width: 340px) and (orientation:portrait) {
    .dyn-discount .extra-discount,.dyn-discount.has-extra-discount .extra-discount {
        padding-top:6px
    }
}

@media(min-width: 420px) and (orientation:portrait) {
    .dyn-discount .extra-discount,.dyn-discount.has-extra-discount .extra-discount {
        padding-top:10px
    }
}

@media(min-width: 520px) and (orientation:portrait) {
    .dyn-discount .extra-discount,.dyn-discount.has-extra-discount .extra-discount {
        padding-top:10px
    }
}

@media(min-width: 768px) {
    .dyn-discount .extra-discount,.dyn-discount.has-extra-discount .extra-discount {
        color:#000;
        background-color: #fff;
        height: 107px;
        padding-top: 0
    }
}

@media(min-width: 900px) {
    .dyn-discount .extra-discount,.dyn-discount.has-extra-discount .extra-discount {
        height:120px
    }
}

.dyn-discount .extra-discount>span,.dyn-discount.has-extra-discount .extra-discount>span {
    font-weight: 500;
    display: inline-block
}

.dyn-discount .extra-discount>strong,.dyn-discount.has-extra-discount .extra-discount>strong {
    color: #c00000
}

.dyn-discount .extra-discount>*:nth-child(1),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(1) {
    padding-top: 6px;
    line-height: 10px;
    letter-spacing: 0;
    font-size: 10px;
    width: 95%
}

@media(min-width: 320px) and (orientation:landscape) {
    .dyn-discount .extra-discount>*:nth-child(1),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(1) {
        font-size:7px;
        padding-top: 0;
        line-height: 7px
    }
}

@media(min-width: 520px) and (orientation:landscape) {
    .dyn-discount .extra-discount>*:nth-child(1),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(1) {
        padding-top:6px
    }
}

@media(min-width: 640px) and (orientation:landscape) {
    .dyn-discount .extra-discount>*:nth-child(1),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(1) {
        font-size:10px;
        line-height: 10px
    }
}

@media(min-width: 420px) and (orientation:portrait) {
    .dyn-discount .extra-discount>*:nth-child(1),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(1) {
        font-size:13px;
        line-height: 13px;
        letter-spacing: 0;
        width: 80%
    }
}

@media(min-width: 520px) and (orientation:portrait) {
    .dyn-discount .extra-discount>*:nth-child(1),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(1) {
        font-size:18px;
        line-height: 18px
    }
}

@media(min-width: 768px) {
    .dyn-discount .extra-discount>*:nth-child(1),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(1) {
        line-height:10px;
        font-size: 10px
    }

    .start a.GA-call-to-action-button.cta-conf {
        right: 30px
    }
}

@media(min-width: 900px) {
    .dyn-discount .extra-discount>*:nth-child(1),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(1) {
        font-size:13px;
        line-height: 14px;
        letter-spacing: -.7px
    }
}

.dyn-discount .extra-discount>*:nth-child(3),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(3) {
    position: relative;
    bottom: 9px;
    line-height: 17px;
    text-transform: uppercase;
    font-size: 15px
}

@media(min-width: 320px) and (orientation:landscape) {
    .dyn-discount .extra-discount>*:nth-child(3),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(3) {
        font-size:8px;
        bottom: 10px
    }
}

@media(min-width: 420px) and (orientation:landscape) {
    .dyn-discount .extra-discount>*:nth-child(3),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(3) {
        font-size:10px
    }
}

@media(min-width: 640px) and (orientation:landscape) {
    .dyn-discount .extra-discount>*:nth-child(3),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(3) {
        font-size:14px;
        bottom: 12px
    }
}

@media(min-width: 420px) and (orientation:portrait) {
    .dyn-discount .extra-discount>*:nth-child(3),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(3) {
        font-size:25px
    }
}

@media(min-width: 768px) {
    .dyn-discount .extra-discount>*:nth-child(3),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(3) {
        font-size:15px
    }
}

@media(min-width: 900px) {
    .dyn-discount .extra-discount>*:nth-child(3),.dyn-discount.has-extra-discount .extra-discount>*:nth-child(3) {
        font-size:17px
    }
}

.dyn-discount.no-extra-discount {
    height: 140px
}

.dyn-discount.no-extra-discount .standard-discount {
    flex-direction: column-reverse;
    height: 100%
}

.dyn-discount.no-extra-discount .standard-discount>span {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 18px;
    top: -18px;
    position: relative
}

.dyn-discount.no-extra-discount .standard-discount>strong {
    font-size: 56px;
    line-height: 56px;
    top: -30px
}

.rabatt-aktion-10 a:hover {
    color: #111
}

.dyn-discount-widget {
    position: fixed;
    top: 30%;
    left: 0;
    width: 80px;
    height: 300px;
    z-index: 100;
    display: none;
    text-align: center
}

@media screen and (min-width: 1350px) {
    .dyn-discount-widget {
        display:block
    }
}

.dyn-discount-widget:hover {
    cursor: pointer
}

.dyn-discount-widget .widget-standard-discount {
    height: 45px;
    color: #fff;
    background-color: #c00000
}

.dyn-discount-widget .widget-standard-discount>span {
    font-size: 8px;
    line-height: 9px;
    display: inline-block;
    position: relative;
    top: -5px
}

.dyn-discount-widget .widget-standard-discount>strong {
    font-size: 28px;
    line-height: 28px;
    position: relative;
    top: -5px
}

.dyn-discount-widget .widget-extra-discount {
    height: 99px;
    background-color: #fff
}

.dyn-discount-widget .widget-extra-discount>*:nth-child(1) {
    font-size: 9px;
    position: relative;
    top: -2px
}

.dyn-discount-widget .widget-extra-discount>*:nth-child(2) {
    font-size: 30px;
    position: relative;
    top: -8px;
    color: #c00000
}

.dyn-discount-widget .widget-extra-discount>*:nth-child(3) {
    font-size: 11px;
    position: relative;
    top: -18px;
    text-transform: uppercase;
    font-weight: 700
}

.dyn-discount-widget .widget-extra-discount>*:nth-child(4) {
    display: block;
    font-size: 12px;
    position: relative;
    top: -13px;
    background-color: #dadada
}

.dyn-discount-widget .widget-dyn-smallprint {
    display: block;
    font-size: 9px;
    line-height: 11px;
    color: #fff;
    position: relative;
    height: 45px;
    padding-top: 5px;
    background-color: #4c4c4c
}

.dyn-discount-subpage,.dyn-discount-subpage.has-extra-discount {
    border: 1px solid #c6c6c6;
    display: none;
    position: absolute;
    top: 0;
    right: 5%;
    text-align: center
}

.dyn-discount-subpage .standard-discount,.dyn-discount-subpage.has-extra-discount .standard-discount {
    display: flex;
    flex-direction: column-reverse;
    color: #fff;
    background-color: #c00000;
    width: 127px;
    height: 64px
}

@media(min-width: 920px) {
    .dyn-discount-subpage .standard-discount,.dyn-discount-subpage.has-extra-discount .standard-discount {
        width:142px;
        height: 73px
    }
}

.dyn-discount-subpage .standard-discount>span,.dyn-discount-subpage.has-extra-discount .standard-discount>span {
    position: relative;
    bottom: 6px;
    letter-spacing: .4px;
    font-size: 9px
}

@media(min-width: 920px) {
    .dyn-discount-subpage .standard-discount>span,.dyn-discount-subpage.has-extra-discount .standard-discount>span {
        font-size:13px
    }
}

.dyn-discount-subpage .standard-discount>strong,.dyn-discount-subpage.has-extra-discount .standard-discount>strong {
    position: relative;
    font-size: 47px;
    top: 5px
}

@media(min-width: 920px) {
    .dyn-discount-subpage .standard-discount>strong,.dyn-discount-subpage.has-extra-discount .standard-discount>strong {
        font-size:52px;
        top: 8px
    }
}

.subpage-dyn-smallprint {
    position: absolute;
    font-size: 10px;
    display: inline;
    width: 240px;
    right: 0;
    bottom: -11px;
    line-height: 8px;
    text-align: right
}

@media(min-width: 795px) {
    .subpage-dyn-smallprint {
        bottom:-13px
    }
}

@media(min-width: 820px) {
    .subpage-dyn-smallprint {
        bottom:-15px
    }
}

@media(min-width: 860px) {
    .subpage-dyn-smallprint {
        bottom:-18px
    }
}

@media(min-width: 890px) {
    .subpage-dyn-smallprint {
        bottom:-21px
    }
}

@media(min-width: 910px) {
    .subpage-dyn-smallprint {
        bottom:-23px
    }
}

@media(min-width: 920px) {
    .subpage-dyn-smallprint {
        bottom:-17px
    }
}

@media(min-width: 950px) {
    .subpage-dyn-smallprint {
        bottom:-19px
    }
}

@media(min-width: 1200px) {
    .subpage-dyn-smallprint {
        bottom:-13px
    }
}

.dyn-discount-subpage.has-extra-discount {
    display: flex;
    opacity: 0;
    flex-direction: row;
    position: absolute;
    top: 0;
    right: 3%
}

.dyn-discount-subpage.has-extra-discount>.standard-discount {
    width: 120px;
    height: auto;
    display: flex;
    flex-direction: column;
    color: #fff;
    background-color: #c00000
}

.dyn-discount-subpage.has-extra-discount>.standard-discount>span {
    font-size: 11px;
    line-height: 10px;
    display: inline-block;
    top: 5px
}

.dyn-discount-subpage.has-extra-discount>.standard-discount>strong {
    font-size: 35px;
    top: -2px
}

.dyn-discount-subpage.has-extra-discount>.extra-discount {
    width: 122px;
    background-color: #fff
}

.dyn-discount-subpage.has-extra-discount>.extra-discount.until-price {
    width: 100%;
    margin: 4px auto 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
    float: left
}

.dyn-discount-subpage.has-extra-discount>.extra-discount>*:nth-child(1) {
    display: block;
    float: none;
    font-size: 11px;
    letter-spacing: .2px;
    text-align: left;
    padding-left: 9px
}

.dyn-discount-subpage.has-extra-discount>.extra-discount>*:nth-child(2) {
    display: block;
    float: left;
    font-size: 26px;
    color: #c00000;
    left: 10px;
    position: relative;
    top: 0
}

.dyn-discount-subpage.has-extra-discount>.extra-discount>*:nth-child(3) {
    display: block;
    color: #c00000;
    float: left;
    font-size: 12px;
    position: relative;
    left: 16px;
    width: 20px;
    line-height: 12px;
    font-weight: 700;
    top: 6px;
    text-transform: uppercase
}

.dyn-discount-subpage.has-extra-discount>.extra-discount>*:nth-child(4) {
    display: block;
    float: none;
    clear: both;
    position: relative;
    top: -4px;
    font-size: 11px
}

@media(min-width: 840px) {
    .dyn-discount-subpage.has-extra-discount .subpage-dyn-smallprint {
        bottom:-12px
    }
}

@media(min-width: 870px) {
    .dyn-discount-subpage.has-extra-discount .subpage-dyn-smallprint {
        bottom:-14px
    }
}

@media(min-width: 886px) {
    .dyn-discount-subpage.has-extra-discount .subpage-dyn-smallprint {
        bottom:-16px
    }
}

@media(min-width: 918px) {
    .dyn-discount-subpage.has-extra-discount .subpage-dyn-smallprint {
        bottom:-19px
    }
}

@media(min-width: 960px) {
    .dyn-discount-subpage.has-extra-discount .subpage-dyn-smallprint {
        bottom:-23px
    }
}

@media(min-width: 1200px) {
    .dyn-discount-subpage.has-extra-discount .subpage-dyn-smallprint {
        bottom:-15px
    }
}

@media(max-width: 767px) {
    #rabatt-35 h1 {
        font-size:2em
    }

    #rabatt-35 h2 {
        font-size: 1em
    }
}

@media(min-width: 567px) and (max-width:767px) {
    .dyn-discount.no-extra-discount .standard-discount>strong {
        font-size:34px;
        line-height: 36px
    }

    .dyn-discount.no-extra-discount {
        height: 120px
    }

    .dyn-discount.no-extra-discount .standard-discount>span {
        font-size: 12px;
        text-transform: uppercase;
        line-height: 14px
    }
}

@media(min-width: 768px) and (max-width:900px) {
    .start .flip-clock-wrapper {
        bottom:90px!important
    }
}

@media(max-width: 767px) and (orientation:landscape) {
    a.GA-call-to-action-button.cta-conf {
        left:30px!important;
        top: 160px;
        bottom: auto
    }

    .dyn-discount,.dyn-discount.has-extra-discount {
        top: 8%!important
    }
}

@media(max-width: 767px) and (orientation:portrait) {
    .dyn-smallprint {
        bottom:95px!important
    }
}

.start .discountHeader {
    position: absolute;
    font-size: 4em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 0;
    font-weight: 600;
    left: 10px
}

@media(max-width: 767px) {
    .start .discountHeader {
        font-size:3em
    }
}

@media(max-width: 767px) {
    .col-sm-12.start .discountHeader {
        font-size:2.39em
    }
}

@media(max-width: 500px) {
    .dyn-discount.no-extra-discount .standard-discount>strong {
        font-size:40px;
        line-height: 42px
    }

    .dyn-discount.no-extra-discount {
        height: 120px
    }

    .dyn-discount,.dyn-discount.has-extra-discount {
        top: 18.5%
    }

    .dyn-discount.no-extra-discount .standard-discount>span {
        font-size: 15px
    }

    .start h1 {
        font-size: 1.5em
    }

    #rabatt-35 .border h1 {
        font-size: 1.7em
    }

    .start .dyn-discount,.start .dyn-discount.has-extra-discount {
        top: 12%!important
    }
}

@media(max-width: 340px) {
    .content .col-xs-6 {
        width:100%
    }

    .grid-items1 .article-card.col-xs-6 {
        width: 50%
    }
}

.grid-items1 .article-card .article-img {
    width: 100%;
    overflow-x: hidden
}

.grid-items1 .article-card .article-img img {
    max-width: 160%;
    margin-left: -30%
}

.grid-items1 .article-card .article-name {
    font-size: 16px;
    font-weight: 600
}

.grid-items1 .article-card .priceline,.article-card .priceline .price {
    font-size: 18px!important;
    color: #06c;
    font-weight: 600
}

.grid-items1 .article-card .priceline .from {
    font-size: 12px!important;
    color: initial
}

.bg-white {
    background-color: #fff
}

.bg-grey-light {
    background-color: #e8e8e8;
    width: 100%
}

.bg-grey-extralight {
    background-color: #f5f5f5;
    width: 100%;
    display: inline-block
}

.round-image-container img {
    width: auto!important;
    border-radius: 100%;
    display: inline-block
}

.font-grey-small {
    font-size: 15px!important;
    color: #666!important
}

.headline-upselling+.font-grey-small {
    font-size: 12px!important
}

h3.img-caption {
    background-color: #333;
    color: #fff;
    padding: 7px 10px;
    margin: -10px 0 10px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .5px
}

.display-flex {
    display: flex;
    width: 100%
}

.align-items-center {
    align-items: center
}

@media(max-width: 767px) {
    .round-image-container+div p.headline-upselling {
        font-size:18px!important;
        line-height: 26px!important
    }

    .font-grey-small {
        font-size: 12px!important;
        line-height: 20px!important
    }

    .display-flex {
        display: inline-block
    }

    .display-block-xs,.easy-wrap>.items.display-block-xs {
        display: block
    }
}

@media(max-width: 1024px) {
    .display-block-max1024,.easy-wrap>.items.display-block-max1024 {
        display:block
    }
}

.redesign1 .options-teaser.type4 a.h4rep,.redesign1.options-teaser.type4 a.h4rep {
    color: #333;
    padding: 8px;
    text-decoration: none;
    font-size: 16px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: inherit;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.redesign1 .options-teaser.type4 a.h4rep:hover,.redesign1.options-teaser.type4 a.h4rep:hover {
    background: 0 0
}

.redesign1 .options-teaser.type4 .round-image-container,.redesign1.options-teaser.type4 .round-image-container {
    position: absolute;
    top: 75%;
    left: 10px;
    width: 85px;
    max-width: 45%;
    max-height: 85px
}

.redesign1 .options-teaser.type4 .round-image-container img,.redesign1.options-teaser.type4 .round-image-container img {
    border: 1px solid rgba(0,0,0,.8);
    box-shadow: #0003 0 1px 5px
}

.redesign1 .round-image-container.quote-item {
    position: relative;
    width: -moz-fit-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    display: inline-block
}

.redesign1 .round-image-container.quote-item img {
    max-width: 150px
}

.redesign1 .round-image-container.quote-item:after {
    content: " ";
    background-image: url(../fileadmin/img/de/quote.svg);
    background-size: 64px 64px;
    position: absolute;
    width: 64px;
    height: 64px;
    left: 0;
    bottom: -10px
}

.redesign1 .options-teaser.type4 p.product_price_old,.redesign1.options-teaser.type4 p.product_price_old {
    float: right;
    margin-right: 10px;
    padding: 0;
    font-size: 12px!important
}

.redesign1 .options-teaser.type4 p.priceline,.redesign1.options-teaser.type4 p.priceline {
    width: 100%;
    text-align: right;
    margin: 0 5px 0 0
}

.redesign1 .options-teaser.type4.col-sm-6 p.priceline,.redesign1.options-teaser.type4.col-sm-6 p.priceline {
    font-size: 3.8rem
}

.redesign1 .options-teaser.type4 .buttonSets,.redesign1.options-teaser.type4 .buttonSets {
    display: block
}

.redesign1 .options-teaser.type4.col-sm-6 .buttonSets,.redesign1.options-teaser.type4.col-sm-6 .buttonSets {
    display: flex;
    align-items: center;
    border-bottom-color: transparent
}

.redesign1 .options-teaser.type4 img,.redesign1.options-teaser.type4 img {
    max-height: 187px!important;
    width: auto!important
}

.redesign1 .options-teaser.type4.col-sm-6 img,.redesign1.options-teaser.type4.col-sm-6 img {
    max-height: 265px!important;
    width: auto!important;
    mix-blend-mode: darken
}

.redesign1 .options-teaser.type4.col-sm-6 .contents,.redesign1.options-teaser.type4.col-sm-6 .contents {
    margin-top: -24px
}

.redesign1 .options-teaser.type4 .buttonSets span.inactive_border,.redesign1.options-teaser.type4 .buttonSets span.inactive_border {
    border-color: #c8c8c8
}

.redesign1 .options-teaser.type4 .buttonSets span.inactive_border.left:hover,.redesign1.options-teaser.type4 .buttonSets span.inactive_border.left:hover {
    border-color: #06c!important
}

.redesign1 .options-teaser.type4 .buttonSets span.inactive_border.left:active,.redesign1.options-teaser.type4 .buttonSets span.inactive_border.left:active {
    border-color: #06c!important;
    background-color: #cce6ff;
    color: #06c!important
}

@media(max-width: 500px) {
    .redesign1 .options-teaser.col-xs-6,.redesign1.options-teaser.col-xs-6 {
        width:50%
    }

    .redesign1 .options-teaser.type4 p.product_price_old,.redesign1.options-teaser.type4 p.product_price_old {
        margin-top: 23px
    }

    .redesign1 .options-teaser.type4 a.h4rep,.redesign1.options-teaser.type4 a.h4rep {
        font-size: 13px;
        padding-left: 5px
    }

    .options-teaser.type4 .buttonSets span,.redesign1.options-teaser.type4 .buttonSets span,.redesign1 .options-teaser.type4 .buttonSets a,.redesign1.options-teaser.type4 .buttonSets a {
        font-size: 13px
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    .redesign1 .options-teaser.type4 img,.redesign1.options-teaser.type4 img {
        max-height:159px!important
    }

    .redesign1 .options-teaser.type4.col-sm-6 img,.redesign1.options-teaser.type4.col-sm-6 img {
        max-height: 235px!important
    }
}

@media(min-width: 768px) {
    .redesign1 .options-teaser.type4.col-sm-6 .buttonSets,.redesign1.options-teaser.type4.col-sm-6 .buttonSets {
        padding-top:4px
    }
}

.options-teaser.type1 ul.list li {
    font-size: 16px
}

.redesign1.options-teaser .stoerer-round {
    background-color: #c00;
    padding: 10px;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    margin-top: -160px
}

.redesign1.options-teaser .stoerer-round>p {
    color: inherit!important;
    line-height: 14px!important;
    margin: 0;
    padding: 0!important;
    font-size: 12px!important
}

.redesign1.options-teaser .stoerer-round>p.priceline {
    line-height: 65px!important;
    font-size: 65px!important;
    margin-left: -5px;
    margin-bottom: 3px
}

.redesign1.options-teaser .stoerer-round>p.priceline .from {
    font-size: 28px!important
}

.redesign1.options-teaser .stoerer-round>p.priceline+p {
    margin-top: -15px
}

.redesign1.options-teaser.type1 .border>.contents {
    padding: 10px 15px 15px
}

.redesign1.options-teaser.type1 .btn-primary {
    color: #fff;
    padding: 15px 10px
}

.redesign1.options-teaser.type1 .inactive_border a {
    color: inherit;
    text-decoration: none;
    font-weight: 700
}

.redesign1.options-teaser.type1 img {
    width: 100%
}

.redesign1.options-teaser.type1 ul.list {
    margin: 0;
    list-style: none
}

.redesign1.options-teaser.type1 ul.list li {
    padding-left: 0;
    padding-bottom: 5px;
    background: 0 0
}

@media(min-width: 768px) and (max-width:1024px) {
    .redesign1.options-teaser .stoerer-round {
        transform:scale(.7);
        margin-left: -20px;
        margin-top: -135px
    }
}

@media(min-width: 768px) and (max-width:895px) {
    .redesign1.options-teaser.type1 ul.list li,.redesign1.options-teaser.type1 .btn-primary {
        font-size:11px
    }
}

@media(min-width: 483px) and (max-width:570px) {
    .redesign1.options-teaser.type1 ul.list li,.redesign1.options-teaser.type1 .btn-primary {
        font-size:11px
    }
}

@media(min-width: 483px) and (max-width:767px) {
    .redesign1.options-teaser.type1 .border {
        display:flex;
        align-items: center;
        border: 1px solid #c8c8c8
    }

    .redesign1.options-teaser.type1 .border>.internal-link,.redesign1 .options-teaser.type1 .border>.contents {
        width: 50%
    }

    .redesign1.options-teaser.type1 .link-button {
        width: calc(50% - 15px);
        position: absolute;
        bottom: 0;
        right: 15px
    }

    .redesign1.options-teaser.type1 .stoerer-round {
        bottom: 15px;
        left: 15px
    }

    .redesign1.options-teaser.type1 .btn-primary {
        padding: 10px
    }

    .redesign1.options-teaser.type1 ul.list {
        margin-bottom: 10%
    }
}

.redesign1.options-teaser.type1 ul.list li:before,ul.flex-list li:before {
    font-family: fv_icons;
    content: "h";
    color: #3d8d42;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400
}

.redesign1.options-teaser.type1 ul.list li:first-child {
    margin-top: 10px
}

.redesign1 .col-sm-12.ftypen .border {
    margin: 5px;
    padding: 15px 10px 5px!important;
    width: calc(100%/6 - 10px);
    float: left
}

@media(max-width: 960px) {
    .redesign1 .col-sm-12.ftypen .border {
        width:calc(25% - 10px)
    }
}

@media(max-width: 734px) {
    .redesign1 .col-sm-12.ftypen .border {
        width:calc(100%/3 - 10px)
    }
}

@media(max-width: 509px) {
    .redesign1 .col-sm-12.ftypen .border {
        width:calc(50% - 10px)
    }
}

.redesign1 .col-sm-12.ftypen .border>.img-responsive {
    display: inline-block
}

.redesign1 .col-sm-12.ftypen .border>.height60 {
    height: 60px;
    margin: 0 auto
}

.redesign1 .col-sm-12.ftypen .border>.height50 {
    height: 50px;
    margin: 5px auto
}

.redesign1 .col-sm-12.ftypen .border>.height45 {
    height: 45px;
    margin: 8px auto 7px
}

.redesign1 .col-sm-12.ftypen .border>.height40 {
    height: 40px;
    margin: 10px auto
}

.redesign1 .col-sm-12.ftypen .border>.height35 {
    height: 35px;
    margin: 13px auto 12px
}

.redesign1 .col-sm-12.ftypen .border p.font-grey-small {
    margin-top: 0!important;
    margin-bottom: 0;
    color: #757575!important;
    font-size: 13px!important
}

.redesign1 .col-sm-12.ftypen>a {
    float: unset!important;
    width: unset!important
}

@media(min-width: 768px) {
    .redesign1 .col-sm-12.ftypen a:hover .border {
        border-color:#06c
    }

    .redesign1 .col-sm-12.ftypen a:active .border {
        background-color: #06c
    }

    .redesign1 .col-sm-12.ftypen a:hover .border svg.replaced-svg *.cls-1 {
        fill: #06c
    }

    .redesign1 .col-sm-12.ftypen a:active .border svg.replaced-svg *.cls-1 {
        fill: #fff
    }

    .redesign1 .col-sm-12.ftypen a:hover .border p.font-grey-small {
        color: #06c!important
    }

    .redesign1 .col-sm-12.ftypen a:active .border p.font-grey-small {
        color: #fff!important
    }
}

.cta-active-border,.cta-inactive-border {
    text-align: center;
    text-decoration: none!important;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 40px;
    display: inline-block
}

.cta-active-border {
    color: #fff!important;
    background-color: #06c;
    border: 1px solid #06c;
    box-shadow: 0 2px 4px #0003
}

.cta-inactive-border {
    color: #333!important;
    background-color: transparent;
    border: 1px solid #c8c8c8
}

.cta-active-border:hover {
    background-color: #67b3ff
}

.cta-inactive-border:hover {
    color: #06c!important;
    background-color: #cce6ff;
    border: 1px solid #06c
}

.redesign1.items.display-block-xs>div:first-child,.redesign1.items.display-block-max1024>div:first-child {
    margin-left: -1px
}

[class*=bxslider-show-pager-from-] .bxslider li a:before {
    content: none
}

[class*=bxslider-show-pager-from-] #bx-pager {
    width: calc(100% + 10px)
}

[class*=bxslider-show-pager-from-] #bx-pager .tiny {
    width: calc(25% - 10px)!important;
    margin-right: 10px!important;
    float: left
}

[class*=bxslider-show-pager-from-] #bx-pager .tiny img {
    width: 100%!important;
    height: auto!important;
    border: none
}

[class*=bxslider-show-pager-from-] #bx-pager {
    display: inline-block!important
}

[class*=bxslider-show-pager-from-] .bx-controls {
    display: none
}

@media(max-width: 399px) {
    .bxslider-show-pager-from-400 #bx-pager {
        display:none!important
    }

    .bxslider-show-pager-from-400 .bx-controls {
        display: block
    }
}

@media(max-width: 1024px) {
    .bxslider-show-pager-from-1025 #bx-pager {
        display:none!important
    }

    .bxslider-show-pager-from-1025 .bx-controls {
        display: block
    }

    .fv-start img.hidden-xs[src$="top-online-shop-focus.png"] {
        max-width: 120px!important;
        margin: 0 auto!important
    }
}

@media(min-width: 778px) and (max-width:1024px) {
    .bxslider-show-pager-from-1025>.bx-wrapper {
        width:80%;
        margin: 0 auto
    }

    .redesign1.display-block-max1024 .col-sm-12.col-md-6 {
        width: 100%
    }

    .fv-start .redesign1.col-sm-10.col-md-8 {
        width: 83.33333333%
    }

    .fv-start .redesign1.col-sm-2.col-md-4 {
        width: 16.66666667%
    }
}

@media(max-width: 467px) {
    .fv-start img.visible-xs[src$="top-online-shop-focus.png"] {
        max-width:120px!important;
        margin: 40px auto!important
    }
}

@media(max-width: 1119px) {
    .fv-start h3.img-caption {
        line-height:2.2rem;
        min-height: 58px
    }
}

div[id^=tsbadge4],div[id^=tscard4] {
    top: 30%!important;
    bottom: auto!important;
    left: 0!important;
    right: auto!important
}

div[id^=tsbadge4] div[class^=menu_][class*=_container] {
    left: 0;
    right: auto!important;
    bottom: 10px!important
}

div[id^=tscard4] div[class^=menu_][class*=_container] {
    bottom: 10px!important;
    min-height: 150px
}

div[id^=tsbadge4] div[class^=menu_][class*=_triangle],div[id^=tscard4] div[class^=menu_][class*=_triangle] {
    bottom: 6px!important
}

@media(max-width: 1325px) {
    div[id^=tsbadge4] {
        display:none!important
    }
}

@media(max-width: 767px) {
    div[id^=MobileCoveringLayer_]:after {
        right:8px;
        top: 45px;
        position: absolute
    }
}

.options-teaser.type1 .fwd.inactive_border .icon {
    width: 20px!important;
    height: 10px;
    margin-left: 0;
    margin-right: 4px
}

.options-teaser.type1 .fwd.inactive_border:hover .icon {
    margin-left: 4px;
    margin-right: 0
}

.options-teaser.type1 .fwd.inactive_border:hover .icon .cls-1 {
    fill: #06c!important
}

.options-teaser.type1 .fwd.inactive_border:active .icon .cls-1 {
    fill: #fff!important
}

.start .border {
    position: relative
}

.start .border .dyn-discount {
    display: block
}

.start .border .extra-discount {
    color: #000;
    background-color: #fff
}

.start .dyn-smallprint.hide-portrait {
    display: inline-block
}

.start .dyn-smallprint.show-portrait {
    display: none
}

.start .border .discountHeader {
    font-size: 50px
}

.start .border .discountHeaderH1 {
    font-size: 25px
}

#rabatt-35 h2 {
    font-weight: 500
}

.start+.video-container {
    height: auto;
    margin-bottom: 30px;
    padding: 0 15px;
    cursor: pointer
}

.video-container .video-play-span {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.video-container [class*=iframe-container] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media(max-width: 767px) {
    .start .dyn-discount {
        right:15px;
        border: none
    }

    .start .dyn-discount {
        top: 15px!important
    }

    .start .dyn-discount .standard-discount,.start .dyn-discount .extra-discount {
        border: 1px solid #c6c6c6
    }

    .start:not(#rabatt-35) .standard-discount {
        border-bottom: none
    }

    .start .dyn-discount .extra-discount {
        border-top: none
    }

    .start .dyn-smallprint.hide-portrait {
        right: 15px;
        font-size: 11px
    }

    .start:not(#rabatt-35) .dyn-smallprint.hide-portrait {
        bottom: 1.5%
    }

    #rabatt-35 h1 {
        top: 15px
    }

    #rabatt-35 h2 {
        top: 50px;
        font-size: 15px;
        line-height: 22px
    }

    #rabatt-35 h2 .show-portrait {
        display: block
    }

    #rabatt-35 h1,#rabatt-35 h2 {
        left: 15px
    }

    .start .border .discountHeader {
        font-size: 31px
    }

    .start .border .discountHeaderH1 {
        font-size: 19px;
        top: 40px
    }

    [lang=fr] .start .border .discountHeaderH1 {
        font-size: 16px;
        top: 45px
    }

    .start .border .discountHeaderH2 {
        top: 65px
    }

    .rc-fc.flip-clock-wrapper {
        top: 40px
    }
}

@media(max-width: 767px) and (orientation:portrait) {
    .start a.GA-call-to-action-button.cta-conf {
        position:absolute;
        bottom: 25px;
        left: 15px;
        min-width: calc(100% - 30px)
    }

    #rabatt-35 h1 br.hidden.custom {
        display: block!important
    }

    .start .dyn-discount {
        top: 12%!important
    }

    .start .dyn-smallprint.hide-portrait {
        display: none
    }

    .start .dyn-smallprint.show-portrait {
        display: inline-block;
        text-align: right;
        position: relative;
        bottom: auto!important;
        right: auto;
        float: right;
        margin-top: 7px
    }
}

.start.banner-badges-hidden .dyn-discount,.start.banner-badges-hidden .dyn-smallprint,.start.banner-badges-hidden .fv-tv-spot {
    display: none!important
}

.start.banner-text-white .discountHeader,.start.banner-text-white h1,.start.banner-text-white h2,.start.banner-text-white .dyn-smallprint,.banner-text-white .countdown-text {
    color: #fff!important
}

.start.banner-text-transparent .discountHeader,.start.banner-text-transparent h1,.start.banner-text-transparent h2,.start.banner-text-transparent .dyn-smallprint,.banner-text-transparent .countdown-text {
    color: transparent!important
}

.start.banner-button-red .cta-conf {
    background-color: #c00;
    border: 1px solid #c00
}

.start.banner-button-red .cta-conf:hover {
    background-color: #db4d4d
}

@media(min-width: 768px) {
    .start.banner-text-transparent .flip-clock-wrapper {
        left:30px!important;
        bottom: 22px!important
    }
}

#registration-form .terms {
    text-decoration: underline
}

.register-container .field-register-form-privacypolicy div:not(.help-block) {
    font-weight: 400
}

.section .register-container a {
    color: #fff;
    text-decoration: underline
}

.section .register-container a:hover {
    color: #c9c9c9
}

.mn-landingpage .breadcrumb {
    padding-left: 20px
}

.mn-landingpage p.headline-upselling {
    margin: 0
}

@media(min-width: 992px) {
    .mn-landingpage .breadcrumb {
        left:16%
    }
}

@media(max-width: 767px) {
    .mn-entrancetext .col-md-8.col-md-push-2 {
        padding-left:0
    }
}

.mn-landingpage .dce-15 .options-teaser:nth-child(2) {
    margin-left: -1px
}

@media(min-width: 483px) and (max-width:767px) {
    .mn-landingpage .redesign1.options-teaser.type1 .border {
        display:block;
        align-items: inherit;
        border: none;
        border-top: 1px solid #c8c8c8;
        border-right: 1px solid #c8c8c8;
        border-left: 1px solid #c8c8c8
    }

    .mn-landingpage .redesign1.options-teaser.type1 .link-button {
        width: auto;
        position: initial;
        bottom: initial;
        right: initial
    }
}

.options-teaser.redesign1.type1 .border {
    height: calc(100% - 30px)
}

.mn-landingpage .options-teaser .info-border-top-bottom {
    border-top: none;
    min-height: 109px
}

.mn-landingpage .flex-list li {
    font-size: 1.6rem
}

.mn-landingpage #content-container p {
    color: #333;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 50px
}

.mn-landingpage #static-header>.navbar {
    display: grid
}

.mn-landingpage .options-teaser h5 {
    font-size: 1.6rem
}

@media(min-width: 769px) and (max-width:998px) {
    .lp-montage-workflow-extended .next:nth-child(3n+1):after {
        display:block
    }
}

@media(max-width: 450px) {
    .lp-montage-workflow-extended {
        padding:0
    }

    .lp-montage-workflow-extended .next:nth-child(4n+1) {
        padding-left: 0
    }
}

@media(max-width: 420px) {
    .lp-montage-partnerskills .row:nth-child(n) {
        margin-bottom:0
    }
}

.lp-montage-qualified {
    padding-bottom: 0
}

@media(max-width: 768px) {
    .mn-landingpage .easy-wrap {
        padding-left:0;
        padding-right: 0
    }
}

.mn-landingpage .redesign1 h3 {
    font-weight: 700
}

.mn-landingpage .dce-15 .easy-wrap>.items .options-teaser .link-button>span {
    margin: 0;
    width: auto!important;
    border-color: transparent;
    border-top-color: #c8c8c8
}

.mn-landingpage .dce-15 .easy-wrap>.items .options-teaser .link-button:hover {
    border-color: #06c
}

.mn-landingpage .dce-15 .easy-wrap>.items .options-teaser .link-button>span:hover {
    border-top-color: #06c
}

.wide-header {
    position: relative
}

.wide-header-text {
    position: absolute;
    bottom: 30%;
    background: rgba(255,255,255,.9);
    padding: 10px 15px 0;
    left: 15%
}

.wide-header-text h1 {
    margin-bottom: 10px
}

@media(max-width: 768px) {
    .wide-header-text {
        left:5%
    }

    .wide-header-text h1 {
        font-size: 2.1em
    }
}

.options-teaser.redesign1 .info-border-top-bottom,.options-teaser.redesign1 .info-border-top-bottom h2 {
    border-top: 0;
    margin-bottom: 15px
}

.lp-montage-detailed {
    padding: 20px 0;
    margin: 0 auto
}

.lp-montage-detailed:after {
    content: "";
    clear: both;
    display: table
}

.lp-montage-detailed h2 {
    margin-bottom: 30px;
    font-weight: 700
}

.lp-montage-detailed .step {
    margin-bottom: 20px
}

.lp-montage-detailed .step .img-container {
    position: relative;
    margin-bottom: 15px
}

.lp-montage-detailed .step .img-container:after {
    content: "1";
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6px 11px;
    color: #fff;
    font-size: .8em;
    background-color: #c00
}

.lp-montage-detailed .step:nth-child(3) .img-container:after {
    content: "2"
}

.lp-montage-detailed .step:nth-child(4) .img-container:after {
    content: "3"
}

.lp-montage-detailed .step:nth-child(5) .img-container:after {
    content: "4"
}

.lp-montage-detailed .step:nth-child(6) .img-container:after {
    content: "5"
}

.lp-montage-detailed .step:nth-child(7) .img-container:after {
    content: "6"
}

.lp-montage-detailed .step:nth-child(8) .img-container:after {
    content: "7"
}

.lp-montage-detailed .step:nth-child(9) .img-container:after {
    content: "8"
}

.lp-montage-detailed .step {
    font-size: 1.2em
}

@media(min-width: 999px) and (max-width:1050px) {
    .lp-montage-detailed .step:nth-child(6) {
        clear:both
    }
}

@media(max-width: 998px) {
    .lp-montage-detailed .step:nth-child(2n+2) {
        clear:both
    }
}

@media(max-width: 768px) {
    .lp-montage-detailed h2 {
        font-size:2em
    }
}

@media(max-width: 470px) {
    .lp-montage-detailed {
        padding:20px 40px
    }

    .lp-montage-detailed .col-xs-6 {
        width: 100%
    }
}

.lp-montage-detailed-extended {
    padding: 20px 0
}

.lp-montage-detailed-extended:after {
    content: "";
    clear: both;
    display: table
}

.lp-montage-detailed-extended h2 {
    margin-bottom: 30px;
    font-weight: 700
}

.lp-montage-detailed-extended .step {
    margin-bottom: 20px
}

.lp-montage-detailed-extended .step .img-container {
    position: relative;
    margin-bottom: 15px
}

.lp-montage-detailed-extended .step .img-container:after {
    content: "1";
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6px 11px;
    color: #fff;
    font-size: .8em;
    background-color: #c00
}

.lp-montage-detailed-extended .step:nth-child(3) .img-container:after {
    content: "2"
}

.lp-montage-detailed-extended .step:nth-child(4) .img-container:after {
    content: "3"
}

.lp-montage-detailed-extended .step:nth-child(5) .img-container:after {
    content: "4"
}

.lp-montage-detailed-extended .step:nth-child(6) .img-container:after {
    content: "5"
}

.lp-montage-detailed-extended .step:nth-child(7) .img-container:after {
    content: "6"
}

.lp-montage-detailed-extended .step:nth-child(8) .img-container:after {
    content: "7"
}

.lp-montage-detailed-extended .step:nth-child(9) .img-container:after {
    content: "8"
}

.lp-montage-detailed-extended .step:nth-child(10) .img-container:after {
    content: "9"
}

.lp-montage-detailed-extended .step:nth-child(11) .img-container:after {
    content: "10"
}

.lp-montage-detailed-extended .step {
    font-size: 1.2em
}

.lp-montage-detailed-extended .info-block {
    border: 1px solid #7fb2e5;
    border-radius: 15px;
    background: #fff;
    padding: 10px;
    font-size: 1.3rem
}

@media(min-width: 999px) {
    .lp-montage-detailed-extended .step:nth-child(10) {
        clear:both
    }
}

@media(min-width: 999px) and (max-width:1050px) {
    .lp-montage-detailed-extended .step:nth-child(6) {
        clear:both
    }
}

@media(max-width: 998px) {
    .lp-montage-detailed-extended .step:nth-child(2n+2) {
        clear:both
    }
}

@media(max-width: 768px) {
    .lp-montage-detailed-extended h2 {
        font-size:2em
    }
}

@media(max-width: 470px) {
    .lp-montage-detailed-extended {
        padding:20px 40px
    }

    .lp-montage-detailed-extended .col-xs-6 {
        width: 100%
    }
}

.lp-montage-qualified {
    padding: 180px 150px 50px;
    margin: 0 auto;
    position: relative
}

.lp-montage-qualified .medal {
    position: absolute;
    top: 0;
    left: 40%;
    right: 40%
}

.lp-montage-qualified h2 {
    margin-bottom: 30px;
    font-weight: 700
}

.lp-montage-qualified p {
    margin-bottom: 40px;
    font-size: 1.4rem
}

@media(max-width: 767px) {
    .lp-montage-qualified {
        padding-left:20px;
        padding-right: 20px
    }

    .lp-montage-qualified h2 {
        font-size: 2em
    }
}

@media(max-width: 500px) {
    .lp-montage-qualified .medal {
        left:30%
    }
}

.lp-montage-workflow {
    padding: 50px;
    margin: 0 auto
}

.lp-montage-workflow:after {
    content: "";
    clear: both;
    display: table
}

.lp-montage-workflow .next {
    position: relative
}

.lp-montage-workflow .next:after {
    content: url(../fileadmin/images/angle-right-black.svg);
    height: 15px;
    width: 15px;
    position: absolute;
    right: -5%;
    top: 50%;
    display: block;
    font-size: 2em
}

.lp-montage-workflow h2 {
    margin-bottom: 20px;
    font-weight: 700
}

.lp-montage-workflow span {
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 1.2em
}

.lp-montage-workflow .next:after {
    height: 12px;
    width: 12px;
    top: 25%
}

@media(max-width: 767px) {
    .lp-montage-workflow {
        padding:20px
    }

    .lp-montage-workflow h2 {
        font-size: 2em
    }

    .lp-montage-workflow .next:nth-child(odd):after {
        display: none
    }

    .lp-montage-workflow .next {
        margin-bottom: 40px
    }
}

@media(max-width: 400px) {
    .lp-montage-workflow {
        padding:20px 0
    }

    .lp-montage-workflow .col-sm-3 {
        padding: 0 5px
    }

    .lp-montage-workflow .next:after {
        right: -10%
    }
}

.lp-montage-workflow-extended {
    padding: 50px;
    margin: 0 auto
}

.lp-montage-workflow-extended:after {
    content: "";
    clear: both;
    display: table
}

.lp-montage-workflow-extended .next {
    position: relative
}

.lp-montage-workflow-extended .next:after {
    content: url(../fileadmin/images/angle-right-black.svg);
    height: 12px;
    width: 12px;
    top: 30%;
    position: absolute;
    right: -5%;
    display: block
}

.lp-montage-workflow-extended .next.end:after {
    display: none
}

.lp-montage-workflow-extended h2 {
    margin-bottom: 20px;
    font-weight: 700
}

.lp-montage-workflow-extended span {
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 1.2em
}

@media(min-width: 768px) and (max-width:998px) {
    .lp-montage-workflow-extended .col-sm-4 span {
        font-size:1.2em
    }

    .lp-montage-workflow-extended .next:after {
        height: 10px;
        width: 10px;
        top: 20%
    }
}

@media(max-width: 769px) {
    .lp-montage-workflow-extended {
        padding:20px
    }

    .lp-montage-workflow-extended h2 {
        font-size: 2em
    }

    .lp-montage-workflow-extended .col-sm-4 span {
        font-size: 1.1em
    }

    .lp-montage-workflow-extended .next:nth-child(4n+1) {
        clear: both
    }

    .lp-montage-workflow-extended .next {
        margin-bottom: 40px
    }
}

@media(max-width: 767px) {
    .lp-montage-workflow-extended .next:nth-child(2n+2):after {
        display:none
    }
}

.lp-montage-partnerskills {
    padding: 50px;
    margin: 0 auto
}

.lp-montage-partnerskills:after {
    content: "";
    clear: both;
    display: table
}

.lp-montage-partnerskills .row:nth-child(n) {
    margin-bottom: 30px
}

.lp-montage-partnerskills .col-sm-3 img {
    margin-bottom: 15px
}

.lp-montage-partnerskills h2 {
    margin-bottom: 60px;
    font-weight: 700;
    line-height: 1.4em
}

.lp-montage-partnerskills span {
    margin-bottom: 40px;
    font-size: 1.2em
}

@media(max-width: 767px) {
    .lp-montage-partnerskills {
        padding:20px
    }

    .lp-montage-partnerskills h2 {
        font-size: 2em
    }

    .lp-montage-partnerskills .col-sm-3 {
        margin-bottom: 30px
    }

    .lp-montage-partnerskills .col-sm-3:nth-child(odd) {
        clear: both
    }
}

.lp-montage-steps {
    padding: 30px 50px;
    margin: 0 auto
}

.lp-montage-steps:after {
    content: "";
    clear: both;
    display: table
}

.lp-montage-steps h2 {
    margin-bottom: 60px;
    font-weight: 700
}

.lp-montage-steps .col-sm-4 {
    font-size: 1em
}

.lp-montage-steps .col-sm-4 h3:before {
    content: "";
    position: absolute;
    left: -30px;
    bottom: 55%;
    font-size: 5em;
    font-weight: 700;
    color: #c8c8c8;
    z-index: -1
}

.lp-montage-steps .col-sm-4.first-step h3:before {
    content: "1"
}

.lp-montage-steps .col-sm-4.second-step h3:before {
    content: "2"
}

.lp-montage-steps .col-sm-4.third-step h3:before {
    content: "3"
}

.lp-montage-steps .col-sm-4.third-step:after {
    display: none
}

.lp-montage-steps .col-sm-4:after {
    content: url(../fileadmin/images/angle-right.svg);
    height: 20px;
    width: 20px;
    position: absolute;
    right: 15%;
    top: 5%;
    color: #06c
}

.lp-montage-steps h3 {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    line-height: 1.4em
}

.lp-montage-steps p {
    margin-bottom: 20px;
    font-size: 1.2em
}

@media(max-width: 768px) {
    .lp-montage-steps {
        padding:30px
    }

    .lp-montage-steps h2 {
        font-size: 2em
    }

    .lp-montage-steps .col-sm-4 {
        margin-bottom: 35px
    }

    .lp-montage-steps .col-sm-4 h3 {
        font-size: 1.55em
    }

    .lp-montage-steps .col-sm-4 h3:before {
        font-size: 5em
    }

    .lp-montage-steps .col-sm-4:after {
        display: none
    }
}

.lp-montage-partner {
    padding: 50px 100px;
    margin: 0 auto
}

.lp-montage-partner:after {
    content: "";
    clear: both;
    display: table
}

.lp-montage-partner h2 {
    font-size: 2em;
    margin-bottom: 20px;
    font-weight: 700
}

.lp-montage-partner p {
    margin-bottom: 40px;
    font-size: 1.2em
}

.lp-montage-partner .col-sm-4.wuerth {
    position: relative;
    top: 7px
}

@media(max-width: 767px) {
    .lp-montage-partner {
        padding:20px
    }

    .lp-montage-partner .col-sm-4 {
        margin-bottom: 50px
    }
}

.dce-15 .redesign1 .col-sm-6.type4 .buttonSets {
    display: -ms-flexbox
}

@media(max-width: 767px) {
    .dce-15 .options-teaser.opt-sprite,.dce-15 .options-teaser.opt-sprite .link-button {
        padding:0;
        border: none!important
    }
}

div[id^=tsbadge4] div[id^=MenuWrapperBadge] {
    right: 0!important
}

div[id^=tsbadge4] div[class^=menu-button] {
    right: 0!important;
    left: auto!important
}

.widecontent:after {
    content: "";
    display: block;
    clear: both
}

.dce-16 {
    padding: 0 15px
}

.dce-16 .nav-tabs {
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 32px
}

.dce-16 .nav-tabs li {
    background-image: none;
    font-size: 1.6rem;
    padding: 0 10px;
    border-bottom: 3px solid transparent
}

.dce-16 .nav-tabs li.active {
    border-bottom-color: #06c
}

.dce-16 .nav-tabs li.active a {
    color: #06c;
    font-weight: 600
}

.dce-16 .nav-tabs li:not(.active) a {
    color: #757575;
    background: 0 0
}

.dce-16 .nav-tabs li:not(.active) a:hover {
    color: #333
}

.dce-16 .nav-tabs li a {
    border: none;
    text-decoration: none
}

.dce-16 .nav-tabs li a:hover,.dce-16 .nav-tabs li a:focus {
    border: none;
    text-decoration: none;
    outline: none
}

.dce-16 .tab-content .tab-pane:after {
    content: "";
    clear: both;
    display: block
}

@media(max-width: 1050px) {
    .info-stage h1 {
        font-size:40px!important;
        margin-left: 450px!important
    }
}

@media(max-width: 960px) {
    .ekz-header-bar>.row>div {
        padding:0 15px
    }
}

@media(max-width: 940px) {
    .info-teaser .bodytext {
        display:none
    }
}

@media(max-width: 870px) {
    .info-stage h1 {
        font-size:40px!important;
        margin-left: 400px!important
    }
}

@media(max-width: 815px) {
    .info-stage h1 {
        font-size:35px!important;
        margin-left: 350px!important
    }
}

@media(max-width: 768px) {
    .ekz-header-bar {
        background:0 0
    }

    .ekz-header-top {
        margin-bottom: 0
    }

    .ekz-header-top .header-icons {
        top: 20px
    }

    .ekz-header-top>.row>div {
        padding: 20px 15px
    }

    .ekz-header-bar .btn-to-shop {
        width: 100%;
        padding: 5px 16px
    }
}

@media(max-width: 715px) {
    .info-stage h1 {
        font-size:1.5em!important;
        margin-left: 350px!important
    }
}

@media(max-width: 600px) {
    .info-stage h1 {
        margin-left:300px!important
    }
}

@media(max-width: 500px) {
    .info-stage h1 {
        margin-left:200px!important;
        margin-top: 20px!important
    }
}

@media(max-width: 450px) {
    .info-stage {
        margin-top:30px
    }

    .info-stage h1 {
        font-size: 17px!important;
        margin-top: 24px!important;
        margin-left: 180px!important
    }
}

@media(max-width: 390px) {
    .info-stage h1 {
        margin-left:150px!important;
        margin-top: 15px!important
    }
}

@media(max-width: 350px) {
    .info-stage h1 {
        font-size:16px!important;
        margin-left: 130px!important
    }
}

.options-teaser>.border {
    overflow: hidden
}

.options-teaser.opt-sprite>.border {
    justify-content: inherit
}

.options-teaser.opt-sprite>.border>span {
    background: url(../fileadmin/user_upload/Sprite_Teaser_KST_tinypng.jpg);
    width: 143%;
    height: 0;
    display: block;
    padding-bottom: 69%;
    background-size: 210%
}

.opt-sprite.opt-ral-farben>.border>span {
    background-position: 0 0
}

.opt-sprite.opt-sprossen>.border>span {
    background-position: 63.5% 0
}

.opt-sprite.opt-detailzeichnungen>.border>span {
    background-position: 127% 0
}

.opt-sprite.opt-uw-werte>.border>span {
    background-position: 0% 25%
}

.opt-sprite.opt-verglasung>.border>span {
    background-position: 63% 25%
}

.opt-sprite.opt-fensterbeschlaege>.border>span {
    background-position: 127% 25%
}

.opt-sprite.opt-fenstergriffe>.border>span {
    background-size: 206%;
    background-position: 142% 50%
}

.opt-sprite.opt-rolladen>.border>span {
    background-size: 206%;
    background-position: 259% 50%
}

.opt-sprite.opt-sicherheit>.border>span {
    background-size: 206%;
    background-position: 193% 50%
}

.opt-sprite.opt-fenstertypen>.border>span {
    background-size: 206%;
    background-position: 324% 75%
}

.opt-sprite.opt-zubehoer-tueren>.border>span {
    background-size: 206%;
    background-position: 259% 75%
}

.opt-sprite.opt-insektenschutz>.border>span {
    background-size: 206%;
    background-position: 195% 75%
}

.opt-sprite.opt-videos>.border>span {
    background-size: 206%;
    background-position: 193% 100%
}

.opt-sprite.opt-anleitungen>.border>span {
    background-size: 206%;
    background-position: 259% 100%
}

.opt-sprite.opt-vorteile-nachteile>.border>span {
    background-size: 206%;
    background-position: 323% 100%
}

.accessory-box {
    margin-bottom: 25px
}

.accessory-box .border {
    margin: 0;
    clear: both
}

.accessory-box .border:hover {
    cursor: pointer;
    border: 1px solid #06c;
    box-shadow: 1px 4px 6px #c8c8c8
}

.accessory-box .border a.h4rep {
    color: #333;
    padding: 10px 0 10px 12px;
    text-decoration: none;
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: inherit;
    outline: none
}

.accessory-box img {
    max-height: 146px
}

.accessory-box.img-right img {
    margin-left: 100%;
    transform: translate(-100%)
}

.accessory-box.img-right.img-scale-x img {
    margin-left: 100%;
    transform: translate(-100%) scaleX(-1)
}

.accessory-box.img-left img {
    margin-left: 0
}

.accessory-box.img-left.img-scale-x img {
    margin-left: 0;
    transform: scaleX(-1)
}

.table.table-bordered.table-delivery tr.thead {
    border-color: #363636
}

.table.table-bordered.table-delivery tr.thead td {
    background-color: #363636;
    color: #fff;
    font-weight: 700
}

.table.table-bordered.table-delivery tr:nth-child(odd) {
    background-color: #f5f5f5
}

.table.table-bordered.table-delivery tr:nth-child(2n) {
    background-color: #dfdfdf
}

.table.table-bordered.table-delivery tr>td:first-child {
    font-weight: 700
}

@media(max-width: 520px) {
    .table.table-bordered.table-delivery tr>td {
        float:left;
        width: 100%;
        border: none
    }

    .table.table-bordered.table-delivery tr:not(.thead)>td:first-child {
        padding-bottom: 0
    }

    .table.table-bordered.table-delivery tr:not(.thead)>td:nth-child(2n) {
        padding-top: 0
    }
}

.breadcrumb {
    width: 100%;
    float: left
}

.breadcrumb>span {
    float: left;
    position: relative
}

.breadcrumb a {
    padding: 15px 8px 15px 0;
    font-size: 13px;
    color: #757575!important;
    text-decoration: none!important;
    outline: none;
    line-height: 22px
}

.breadcrumb a:hover {
    color: #222!important
}

.breadcrumb .prev-icon,.breadcrumb .next-icon {
    width: 16px;
    height: 16px;
    transform: scale(.75);
    display: inline-block
}

.breadcrumb .prev-icon:before,.breadcrumb .next-icon:before {
    content: url(../fileadmin/images/angle-left-16x16.svg);
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -3px;
    left: -50%;
    margin-left: 4px
}

.breadcrumb .next-icon:before {
    transform: scaleX(-1)
}

@media(max-width: 767px) {
    header.row {
        border-bottom:1px solid #c8c8c8
    }

    .header-logo {
        margin-top: 20px
    }

    .header-icons {
        top: 38px
    }

    .breadcrumb {
        margin-bottom: 15px;
        padding: 0 15px!important
    }

    .breadcrumb a {
        padding: 15px 5px 15px 0
    }

    .breadcrumb>span {
        display: none
    }

    .breadcrumb>span:nth-last-child(2) {
        display: block
    }

    .breadcrumb .prev-icon {
        display: inline-block!important
    }

    .start {
        margin-top: 0;
        padding: 0
    }

    .start>.border {
        border: none
    }
}

.col-sm-12.widecontent>*,.col-sm-12.widecontent .productdetail-container>div,.col-sm-12.widecontent #moredetails>div,.col-sm-12.widecontent #drawings>div {
    padding-left: 0;
    padding-right: 0
}

.col-sm-12.widecontent .productdetail-container>div.col-sm-6:nth-child(odd) {
    padding-left: 15px
}

.col-sm-12.widecontent .productdetail-container>div.col-sm-6:nth-child(2n) {
    padding-right: 15px
}

@media(max-width: 767px) {
    .simple-table tbody tr {
        display:block
    }

    .simple-table th.visible-xs,.simple-table td {
        display: block!important;
        white-space: normal!important;
        border-left: none!important;
        border-right: none!important;
        border-bottom: none!important
    }

    .simple-table th.visible-xs:first-child {
        border-top: none!important
    }

    .col-sm-6 .introtext {
        padding: 15px!important
    }

    .widecontent>.col-sm-12 .ce-bodytext.col-sm-6 .introtext {
        margin: 0 -15px
    }

    .widecontent .col-sm-6+.ce-bodytext.col-sm-6 .introtext {
        margin-top: -10px
    }

    h1 {
        line-height: 1.4em
    }

    .col-sm-12.widecontent .productdetail-container>div.col-sm-6:nth-child(odd),.col-sm-12.widecontent .no-pad-left-right>.ce-textpic>.col-xs-4 {
        padding-left: 0
    }

    .col-sm-12.widecontent .productdetail-container>div.col-sm-6:nth-child(2n) {
        padding-right: 0
    }

    .productdetail-container form.back-to-overview {
        display: none
    }

    .col-sm-12.widecontent .col-md-8.col-sm-12.no-pad-left-right>div {
        padding-left: 0;
        padding-right: 0
    }

    .tab-pane .breadcrumb {
        display: none
    }
}

.resize-chart-container {
    width: 100%;
    top: -10px;
    position: relative;
    float: left;
    margin-bottom: 20px
}

.resize-chart-container>div:first-child {
    float: left
}

.header-landingpage {
    margin-top: 30px
}

.header-landingpage .img-container {
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: url(../fileadmin/images/de/landingpage-dummy-header-2.jpg) no-repeat
}

.header-landingpage .image-landingpage {
    margin-top: 60px
}

.teaser-landingpage {
    background-color: #ffffffe6;
    top: 20px;
    right: 30px;
    float: right;
    padding: 10px 15px;
    position: absolute;
    min-height: 370px
}

.teaser-landingpage h1 {
    margin-top: 10px
}

.header-landingpage .haken-gruen {
    margin: 0
}

.header-landingpage .haken-gruen li {
    padding-left: 0
}

.header-landingpage .haken-gruen li:before {
    left: -15px!important
}

.header-landingpage button#toCartBtn {
    color: #fff!important;
    margin: 15px 0;
    width: 100%;
    font-weight: 600;
    background: #dbdbdb linear-gradient(to bottom,#dbdbdb 5%,#9A9A9A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbdbdb",endColorstr="#9A9A9A")
}

.header-landingpage .jumbo {
    background-color: #d7d7d7;
    text-align: center;
    padding: 15px;
    margin: 15px 0
}

.header-landingpage .jumbo p {
    font-weight: 700;
    font-size: 15px
}

#price-comparison .price-table {
    min-height: 240px;
    margin-bottom: 0
}

#price-comparison .price-table td {
    border: 0!important;
    text-align: center
}

#price-comparison .price-table .wert {
    color: #fff;
    font-size: 24px;
    font-weight: 300
}

#price-comparison .price-table td:not(.wert) {
    font-weight: 600
}

#price-comparison .price-table td#likeh3 {
    font-size: 16px;
    padding: 0;
    font-weight: 400
}

.landingpage #content-container ul:not(.haken-gruen):not(.flex-list) li {
    list-style: none;
    padding-left: 12px;
    background-image: url(../fileadmin/images/neutral/grey-square.png);
    background-repeat: no-repeat;
    line-height: 1.7em
}

.landingpage .video-container iframe {
    padding: 0
}

@media(max-width: 767px) {
    .header-landingpage .img-container {
        margin:0;
        background: 0 0
    }

    .header-landingpage .image-landingpage {
        margin: auto;
        display: block
    }

    .teaser-landingpage {
        position: relative;
        right: 0;
        padding: 10px 0;
        margin-top: -20px
    }

    .teaser-landingpage div:last-child {
        margin-top: 20px;
        text-align: center
    }

    .teaser-landingpage .priceline,.teaser-landingpage .price {
        font-size: 50px!important
    }

    .header-landingpage button#toCartBtn {
        font-size: 15px!important
    }

    #price-comparison .price-table .wert {
        font-size: 18px;
        width: 33.3%
    }

    #price-comparison .price-table td:not(.wert) {
        font-size: 10px
    }

    #price-comparison .price-table td#likeh3 {
        display: none
    }

    .landingpage-logo {
        display: block;
        text-align: center
    }

    .landingpage-logo .header-logo {
        margin-bottom: 10px
    }

    .landingpage .copyright {
        margin-bottom: 50px
    }
}

.related-pages {
    display: flex;
    flex-direction: row;
    clear: both;
    flex-wrap: wrap
}

.related-pages:before,.related-pages:after {
    width: 100%
}

@media(max-width: 500px) {
    .related-pages {
        flex-direction:column
    }
}

.related-pages .item {
    margin-bottom: 25px
}

.related-pages .border {
    height: 100%
}

.related-pages .item-image,.related-pages .item-image>img {
    width: 100%
}

.related-pages .item-headline {
    font-size: 1.4em;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 10px 10px 0
}

.related-pages .item-description {
    padding: 0 10px 15px
}

.related-pages .item-description p {
    -webkit-hyphens: auto;
    hyphens: auto
}

.related-pages .item-link {
    bottom: 15px;
    position: absolute
}

#tsbadge4_db8d3657bdbe440c985ae127463eaad4,#tscard4_db8d3657bdbe440c985ae127463eaad4,p#userlike,.userlike,#userlike-popup {
    z-index: 1030!important
}

.modal-backdrop.in {
    background: rgba(0,0,0,.75);
    opacity: 1
}

.logo-AT {
    background-image: url(../../www.fensterversand.at/fileadmin/images/at/sprite-at.html)
}

#countryRedirectModal .modal-dialog {
    font-size: 14px;
    width: calc(100% - 20px);
    max-width: 574px;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

#countryRedirectModal .modal-content {
    border: none
}

#countryRedirectModal .modal-content .modal-header {
    background-color: #f5f5f5;
    padding-bottom: 3px;
    font-size: 18px
}

#countryRedirectModal .modal-content .modal-header>div {
    display: inline-block;
    padding-left: 25px
}

#countryRedirectModal .fv-logo-small {
    margin: -1px 0 0;
    transform: scale(.85) translate(-25px)
}

#countryRedirectModal .close {
    position: absolute;
    top: 10px;
    right: 10px
}

#countryRedirectModal .modal-content .modal-body {
    padding: 30px 20px!important;
    color: #444;
    font-size: 16px;
    line-height: 1.75
}

#countryRedirectModal .modal-content .modal-footer {
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    padding: 10px 2%
}

#countryRedirectModal .modal-footer button {
    position: relative;
    font-size: 14px;
    padding: 0 0 0 38px;
    width: 49%;
    text-align: left;
    min-height: 32px;
    margin: 0;
    border: 1px solid #ccc;
    background-color: #fff
}

#countryRedirectModal .modal-footer button:first-child {
    margin-right: 1%
}

#countryRedirectModal .modal-footer button:not(:first-child) {
    margin-left: 1%
}

#countryRedirectModal .modal-footer button:before {
    position: absolute;
    left: 8px;
    top: 7px;
    width: 24px;
    height: 19px
}

#countryRedirectModal button.flag-country-DE:before {
    content: url(/fileadmin/images/neutral/de.svg)
}

#countryRedirectModal button.flag-country-AT:before {
    content: url(/fileadmin/images/neutral/at.svg)
}

#countryRedirectTitle {
    display: inline-flex
}

#countryRedirectTitle img {
    margin-left: 10px
}

@media(min-width: 768px) {
    #countryRedirectModal .modal-dialog {
        margin:0 auto;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(max-width: 767px) {
    #countryRedirectModal .modal-content .modal-header {
        font-size:16px
    }

    #countryRedirectModal .fv-logo-small {
        margin: -3px 0 0
    }

    #countryRedirectModal .modal-footer button {
        width: 100%;
        margin: 4px 0!important;
        text-align: center
    }
}

@media(max-width: 490px) {
    #countryRedirectModal .modal-dialog {
        max-width:288px
    }

    #countryRedirectModal .modal-content .modal-header>div {
        padding-left: 0;
        text-align: center
    }

    #countryRedirectModal .modal-content .modal-header>div>span {
        float: none;
        display: block
    }

    #countryRedirectModal .fv-logo-small {
        margin: 0;
        transform: scale(.85) translate(0)
    }

    #countryRedirectTitle {
        display: flex;
        flex-direction: column;
        padding: 0 0 10px
    }

    #countryRedirectTitle img {
        margin-left: 0
    }
}

@media(max-width: 992px) {
    .container {
        border:none!important
    }
}

.modal-backdrop {
    display: none!important
}

.modal {
    background: rgba(0,0,0,.8)
}

@media(max-width: 600px) {
    .modal-dialog .modal-body .image-btn-big {
        flex:1 1 auto
    }
}

#shoppingcart_form .cart-product-preview-compact img {
    width: 100%
}

@media(max-width: 430px) {
    .checkout-container #paymentAccordion #payment-method-nav .blue-radio-container>.img-responsive {
        width:calc(100% - 20px)
    }
}

@media(max-width: 500px) {
    .modal-content>.exit-modal-content .exit-modal-text {
        margin-left:0!important;
        width: 100%!important
    }
}

@media(max-width: 330px) {
    #content-container .cart-product-preview>div:first-of-type {
        padding:10px 5px 0;
        font-size: 12px
    }
}

@media(min-height: 900px) {
    #configurator-row #configurator-affix-container #configurator-affix {
        overflow-y:auto
    }
}

@media(max-width: 500px) {
    #configuratorForm .col-xs-12.division-container .division-height-container {
        padding:0
    }

    #configuratorForm .col-xs-12.division-container .division-height-container>div {
        text-align: right
    }

    #configuratorForm .col-xs-12.division-container .division-height-container .height-division {
        display: inline-block
    }

    #configuratorForm .col-xs-12.division-container .division-height-container .division-height-flex:first-child .height-division {
        margin-bottom: 15px
    }

    #configuratorForm .col-xs-12.division-container .sub-container .division-width-container {
        float: none
    }
}

@media(max-width: 375px) {
    #configuratorForm .col-xs-12.division-container {
        display:inline-block
    }
}

.teaser-redArrow {
    padding: 0 15px;
    margin-bottom: 64px
}

.teaser-redArrow ul {
    margin-bottom: 40px
}

.teaser-redArrow>ul li {
    background-image: none;
    list-style: none
}

.teaser-redArrow li .icon-block {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.teaser-redArrow li h3 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 8px
}

@media(min-width: 992px) {
    .teaser-redArrow li:not(:last-child) .icon-block:after {
        content:url(/fileadmin/images/de/icons/konfi-5-schritte/pfeil.png);
        display: block;
        margin: 0 auto
    }
}

@media(min-width: 767px) and (max-width:992px) {
    .teaser-redArrow li:nth-child(1),.teaser-redArrow li:nth-child(2) {
        margin-bottom:32px
    }
}

@media(max-width: 500px) {
    .teaser-redArrow>ul li:not(:last-child) {
        margin-bottom:32px
    }
}

.configurator-active .modal-dialog .modal-content .exit-modal-header {
    text-transform: initial
}

.configurator-active .modal-dialog .modal-content .modal-body .modal-icon {
    margin: 26px 0
}

.configurator-active .modal-dialog .modal-content .modal-header .modal-exit-icon {
    position: absolute;
    top: -3px;
    right: 10px
}

.configurator-active .modal-dialog .modal-content .modal-header .modal-exit-icon:hover {
    cursor: pointer
}

.configurator-active .modal-dialog .modal-footer button.btn-blue {
    margin: 20px 0
}

@media(max-width: 500px) {
    .row.image-without-padding .configurator-tile-list .small-configurator-tile-comparison {
        padding:0 15px
    }

    .widecontent .synonymbox a {
        display: inline-block
    }
}

@media(max-width: 330px) {
    .sub-container .division-width-container .form-control.einteilungBoxWidth.width-division,.division-container .division-height-container .form-control.einteilungBoxHeight.height-division {
        width:70px!important
    }

    .type-cart .register-view .registered-info a.btn.btn-blue {
        margin-bottom: 10px
    }

    .type-cart .register-view .registered-info a.btn {
        width: 100%
    }
}

.ie11 .footer-col .newsletter-cta.type2.redesign .main>h3 span {
    float: none
}

@media(min-width: 500px) and (max-width:767px) {
    .safari.mobile .items.redesign1 .options-teaser.type4.col-sm-6 .buttonSets.horizontal .inactive_border {
        min-height:44px
    }
}

div[itemtype$=ItemList] h2 span {
    margin-right: 0
}

.compare-profile-item {
    position: relative
}

.compare-profile-item .profil-preis .btn-sm {
    float: right;
    margin: 15px 0 10px;
    padding: 8px 16px
}

.compare-profile-item .profil-preis .btn-compare {
    margin: 18px 5px 0 10px;
    padding: 0;
    float: left;
    cursor: pointer
}

.compare-profile-item .btn-compare.disabled {
    opacity: .5;
    cursor: default
}

.compare-profile-item .profil-preis .btn-compare:hover {
    text-decoration: underline
}

.compare-profile-item .profil-preis .btn-compare span {
    position: absolute;
    left: 27px
}

.compare-profile-item .profile-list-item:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.compare-profile-item .profile-list-item:hover a div,.compare-profile-item .profile-list-item:hover .priceline,.compare-profile-item .profile-list-item:hover .btn-primary {
    opacity: .7;
    filter: alpha(opacity=70)
}

.detail-profile-item .btn-compare {
    padding: 0;
    margin: -25px 0 0;
    position: relative
}

.detail-profile-item .btn-compare:hover {
    text-decoration: underline
}

.detail-profile-item .btn-compare span {
    position: absolute;
    left: 20px;
    cursor: pointer
}

.compareBox {
    max-width: 300px
}

.compareBox .bg-info,#compareProducts .bg-info {
    padding: 10px 15px;
    margin: .5em 0 1em;
    border-left: 4px solid #57b5e3;
    background-color: #d9edf7
}

.compareBox .bg-success,#compareProducts .bg-success {
    padding: 10px 15px;
    margin: .5em 0 1em;
    border-left: 4px solid #5bb75b;
    background-color: #dff0d8
}

.compareBox .bg-error,#compareProducts .bg-error {
    padding: 10px 15px;
    margin: .5em 0 1em;
    border-left: 4px solid #da4f49;
    background-color: #f2dede
}

.compareBox .small-hint {
    text-align: left;
    color: #757575;
    font-size: .9em
}

#compareProducts table>tbody>tr:nth-of-type(2n) {
    background-color: #f9f9f9
}

#compareProducts table tr td {
    padding: 1em 8px
}

#compareProducts table tr td p,#compareProducts table tr td ul {
    margin: 0
}

#compareProducts table tr td,#compareProducts table tr td p {
    text-align: center
}

#compareProducts table tr td:first-child,#compareProducts table tr td:first-child p {
    text-align: left;
    font-size: 1.01em;
    font-weight: 600
}

#compareProducts .compareAttr-info {
    margin-left: 10px;
    cursor: pointer
}

#compareProducts .compareAttr-info .fa-info-circle {
    color: #2074da
}

#compareProducts .title,#compareProducts table tr:last-child td,#compareProducts table tr:last-child td p,.compareBox li p:first-child {
    position: relative;
    font-size: 1.01em;
    font-weight: 600
}

#compareProducts span.compare-remove,.compareBox span.compare-remove {
    position: absolute;
    top: 0;
    right: 0;
    margin: -10px 20px 0 0
}

#compareProducts span.compare-remove:hover,.compareBox span.compare-remove:hover {
    color: #333
}

.compareBox span.compare-remove {
    margin: 0;
    top: -2px
}

#compareProducts table tr:last-child td {
    vertical-align: top
}

#compareProducts table tr:last-child td .btn {
    margin-top: 20px
}

#compareProducts table td ul.haken-small {
    display: inline-block
}

#compareProducts table td ul.haken-small li {
    background: 0 0;
    float: left;
    clear: left;
    position: relative
}

#compareProducts table td ul.haken-small li:before {
    content: url(/fileadmin/images/neutral/haken-small.png);
    position: absolute;
    left: 0
}

#compareProducts span.plusValue,#compareProducts span.minusValue,#compareProductsLegende span.plusValue,#compareProductsLegende span.minusValue {
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 0 2px;
    display: inline-block;
    color: transparent;
    font-weight: 700
}

#compareProducts span.plusValue:before,#compareProducts span.minusValue:before,#compareProductsLegende span.plusValue:before,#compareProductsLegende span.minusValue:before {
    position: absolute;
    font-size: 13px;
    top: -2px;
    left: 3px
}

#compareProducts span.plusValue:before,#compareProductsLegende span.plusValue:before {
    content: "+";
    color: green
}

#compareProducts span.minusValue:before,#compareProductsLegende span.minusValue:before {
    content: "-";
    color: #000
}

@media(max-width: 767px) {
    .profile-list-item .border {
        position:relative
    }

    .profil-auswahl,.profil-preis {
        position: unset
    }

    .finanz-badge {
        top: calc(100% - 10px);
        transform: translateY(-100%);
        left: 10px
    }

    .finanz-badge>p>img.img-responsive {
        margin-left: 0;
        width: auto!important
    }

    .compare-profile-item .profil-preis .btn-compare,.detail-profile-item .btn-compare {
        display: none
    }

    .detail-profile-item #price-box {
        padding-top: 20px
    }
}

.bx-wrapper .bx-viewport[style*="height: 0"]+.bx-controls {
    display: none
}

.productlist-container.productlist-profile {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-items: stretch;
    float: left;
    width: 100%
}

.productlist-container a {
    cursor: pointer;
    text-decoration: none
}

.productlist-container a:active,.productlist-container a:focus {
    outline: none
}

.productlist-container .product-item-profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    flex-direction: column;
    height: 100%;
    align-items: stretch
}

.productlist-container .profile-card-holder-first {
    position: relative;
    min-height: 1px
}

.productlist-container .product-image {
    display: block;
    width: 100%;
    min-height: 1px
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .productlist-container .product-item-profile .product-image {
        background-color: #fff
    }
}

@supports(-ms-ime-align:auto) {
    .productlist-container .product-item-profile .product-image {
        background-color: #fff
    }
}

.productlist-container .product-item-profile .product-image img {
    padding: 10px 0;
    mix-blend-mode: darken
}

.productlist-container .product-item-profile .product-image.no-blend-mode {
    background-color: #fff
}

.productlist-container .product-item-profile .product-image.no-blend-mode img {
    mix-blend-mode: unset
}

.productlist-container .product-item-profile .product-name {
    margin: 0!important;
    color: #333;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    width: 100%
}

.productlist-container .product-item-profile .product_name_1row {
    margin: 0 auto;
    padding: 0 4px;
    font-weight: 600;
    font-size: 16px;
    color: #333
}

.productlist-container .product-item-profile .product_name_2row {
    margin-top: 0;
    padding: 0 4px;
    color: #757575
}

.productlist-container .product-item-profile:hover {
    cursor: pointer;
    border: 1px solid #06c;
    box-shadow: 1px 4px 6px #c8c8c8
}

.productlist-container .product-item-profile:hover .product-name * {
    color: #06c
}

.productlist-container .product-item-profile .product-name {
    min-height: auto
}

.fv-product.show-detail-extended .headline .logo {
    height: auto;
    margin-bottom: 10px;
    overflow: hidden
}

.fv-product.show-detail-extended .headline .logo:before {
    float: left
}

.fv-product.show-detail-extended .headline.logo-aluplast .logo:before {
    content: url(/fileadmin/images/de/logos/aluplast-logo.png)
}

.fv-product.show-detail-extended .headline.logo-baisch .logo {
    height: 60px
}

.fv-product.show-detail-extended .headline.logo-baisch .logo:before {
    content: url(/fileadmin/images/de/logos/baisch-logo.png);
    margin-top: -20px
}

.fv-product.show-detail-extended .headline.logo-gutmann .logo:before {
    content: url(/fileadmin/images/de/logos/gutmann.jpg)
}

.fv-product.show-detail-extended .headline.logo-heroal .logo {
    height: 40px
}

.fv-product.show-detail-extended .headline.logo-heroal .logo:before {
    content: url(/fileadmin/images/de/logos/heroal-logo.jpg);
    margin-top: -30px
}

.fv-product.show-detail-extended .headline.logo-schueco .logo {
    height: 35px
}

.fv-product.show-detail-extended .headline.logo-schueco .logo:before {
    content: url(/fileadmin/images/de/icons/schueco_logo.png);
    margin-top: -35px;
    margin-left: -35px
}

.fv-product.show-detail-extended .headline h1 {
    padding: 0
}

@media(min-width: 768px) and (max-width:979px) {
    .fv-product.show-detail-extended .headline.logo-schueco .logo:before {
        margin-top:-38px
    }
}

@media(max-width: 479px) {
    #static-header+.container .list-item-link img {
        margin-left:auto
    }
}

.ie11 table.detail-profile-item {
    table-layout: fixed
}

.no-scrolling {
    overflow: hidden;
    -webkit-overflow-scrolling: auto
}

.opacity-50 {
    filter: alpha(opacity=50);
    opacity: .5
}

.icon-bleft {
    border-left: 1px solid #333
}

.icon-bright {
    border-right: 1px solid #333
}

.display-inline {
    display: inline-block
}

.bootstrap-select.open .dropdown-menu.open,.bootstrap-select.open .dropdown-menu.open .dropdown-menu.inner {
    display: block!important
}

.bootstrap-select.open .dropdown-backdrop {
    display: none
}

.bootstrap-select.open button span.fa:before {
    content: ""
}

.bootstrap-select.open button span.fa.check-mark {
    font-size: 16px
}

.productlist-container .profile-card-holder-last {
    padding-bottom: 12px
}

.productlist-container a,.categorylist-container a {
    cursor: pointer;
    text-decoration: none
}

.productlist-container a:active,.productlist-container a:focus,.categorylist-container a:active,.categorylist-container a:focus {
    outline: none
}

.productlist-container .no-link p,.categorylist-container .no-link p {
    -ms-filter: "alpha(opacity=$value)";
    filter: alpha(opacity=50);
    opacity: .5
}

.productlist-container,.categorylist-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-items: stretch;
    float: left;
    width: 100%
}

.productlist-container div[class*=product-item-],.categorylist-container div[class*=category-item-] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    align-items: stretch
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .productlist-container .product-image,.categorylist-container .product-image {
        background-color: #fff
    }
}

@supports(-ms-ime-align:auto) {
    .productlist-container .product-image,.categorylist-container .product-image {
        background-color: #fff
    }
}

.productlist-container:not(.productlist-profile) .product-image img,.categorylist-container .product-image img {
    max-height: 200px;
    padding: 10px 10%;
    mix-blend-mode: darken;
    width: auto
}

.productlist-container .product-image.no-blend-mode,.categorylist-container .product-image.no-blend-mode {
    background-color: #fff
}

.productlist-container .product-image.no-blend-mode img,.categorylist-container .product-image.no-blend-mode img {
    mix-blend-mode: unset
}

.productlist-container:not(.productlist-profile) .product-name,.categorylist-container .product-name {
    margin: 0!important;
    color: #333;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    width: 100%
}

.productlist-container .product_name_1row,.categorylist-container .product_name_1row {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 600;
    color: #333;
    display: block
}

.productlist-container .product_name_2row,.categorylist-container .product_name_2row {
    margin: 0 auto 8px!important;
    padding: 0 4px;
    color: #757575;
    font-size: 13px!important;
    line-height: 18px!important
}

.productlist-container .product_price_incl,.categorylist-container .product_price_incl {
    margin: 0 auto!important;
    font-size: 11px;
    line-height: 15px;
    color: #999!important
}

.productlist-container .product_price_old,.categorylist-container .product_price_old {
    font-size: 11px;
    line-height: 1.2em;
    color: #c00;
    display: none;
    letter-spacing: normal
}

@media(min-width: 768px) and (max-width:1024px) {
    .productlist-container .product_price_old,.categorylist-container .product_price_old {
        font-size:10px
    }
}

.productlist-container .product_price,.categorylist-container .product_price {
    margin-top: 20px;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: -.04em
}

.productlist-container .product_price.new,.categorylist-container .product_price.new {
    font-size: 32px;
    color: #333!important
}

.productlist-container .product_price.new .product_price_old,.categorylist-container .product_price.new .product_price_old {
    display: block
}

.productlist-container div[class*=product-item-]:hover,.categorylist-container div[class*=category-item-]:hover {
    cursor: pointer;
    border: 1px solid #06c;
    box-shadow: 1px 4px 6px #c8c8c8
}

.productlist-container div[class*=product-item-]:hover .product-name *,.categorylist-container div[class*=category-item-]:hover .product-name * {
    color: #06c
}

.productlist-container:not(.productlist-profile) .product-name,.categorylist-container .product-name {
    min-height: auto
}

.product-item-canopy .product_name_1row:before,.product-item-canopy .product_name_1row:after {
    content: '"'
}

.productdetail-container div[id^=ap_] {
    position: relative
}

.productdetail-container div[id^=ap_] .headline {
    padding: 0 0 5px;
    font-weight: 600;
    border-bottom: 1px solid #c8c8c8
}

.productdetail-container div[id^=ap_] .panel-body {
    margin: 10px 0 20px
}

.productdetail-container div[id^=ap_] .panel-body .btn-group {
    margin-top: 0
}

.productdetail-container div[id^=ap_] select {
    padding: 7px 5px
}

.productdetail-container div[id^=ap_] input[type=text] {
    text-align: center
}

.productdetail-container div[id^=ap_] span.info-icon-grey {
    font-weight: 700;
    width: 15px;
    height: 15px;
    background-color: #666;
    color: #fff;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    padding: 0 0 0 1px;
    float: right;
    line-height: 15px;
    margin: 0;
    position: absolute;
    top: 20px;
    right: 25px;
    border-radius: 10px
}

.productdetail-container div[id^=ap_].collapsed span.info-icon-grey,.productdetail-container div[id^=ap_] span.info-icon-grey:hover {
    background-color: #06c
}

.productdetail-container div[id^=ap_] .child-option-border-left span.info-icon-grey {
    top: 10px
}

.productdetail-container div[id^=ap_].is-super .headline,.productdetail-container div[id^=ap_].is-child .headline,.productdetail-container div[id^=ap_].type-Select.has-values-lt2:not(.has-children) .headline {
    display: none
}

.productdetail-container div[id^=ap_].is-super .panel-body,.productdetail-container div[id^=ap_].has-children .panel-body,.productdetail-container div[id^=ap_].type-Select.has-values-lt2 .panel-body {
    display: none
}

.productdetail-container div[id^=ap_].is-child .panel-body {
    margin-bottom: 0
}

.productdetail-container .simpleProduct {
    position: relative
}

.productdetail-container .simpleProduct div[class*=col-] {
    min-height: 0
}

.productdetail-container .simpleProduct span.option-name {
    font-weight: 700
}

.productdetail-container .simpleProduct span.option-price {
    display: none
}

.productdetail-container .simpleProduct span.option-price,.productdetail-container .simpleProduct span.option-additional-price {
    font-weight: 400;
    color: #757575!important;
    font-style: italic;
    margin-left: 10px
}

.productdetail-container .simpleProduct span.option-price:empty,.productdetail-container .simpleProduct span.option-additional-price:empty {
    display: none
}

.productdetail-container .simpleProduct .check>span.option-price,.productdetail-container .simpleProduct .check>span.option-additional-price {
    margin-top: 12px;
    float: left;
    padding: 5px 0
}

.productdetail-container .simpleProduct .attribute-info {
    width: auto;
    padding: 9px 15px 9px 30px;
    border: 1px solid transparent;
    border-radius: 5px
}

.productdetail-container .simpleProduct .attribute-info img {
    position: absolute;
    top: -3px;
    left: -15px
}

.productdetail-container .simpleProduct .attribute-info label {
    float: left;
    cursor: pointer;
    margin: 0;
    text-decoration: underline;
    border: none!important
}

.productdetail-container .simpleProduct .bootstrap-select .form-control {
    padding: 0;
    border: none;
    position: relative
}

.productdetail-container .simpleProduct .bootstrap-select .form-control .btn {
    width: 100%;
    margin: 0!important;
    padding: 7px 5px;
    font-size: 12px;
    color: inherit;
    text-align: center;
    background: 0 0;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    z-index: 2
}

.productdetail-container .simpleProduct .bootstrap-select .form-control .btn .fa {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -7px
}

.productdetail-container .simpleProduct .bootstrap-select .dropdown-menu {
    position: relative
}

.productdetail-container .simpleProduct .bootstrap-select .dropdown-menu.open {
    position: absolute;
    margin: 0;
    border-color: #c8c8c8;
    z-index: 888
}

.productdetail-container .simpleProduct .bootstrap-select .dropdown-menu.open .popover-title {
    display: none
}

.productdetail-container .simpleProduct .bootstrap-select .dropdown-menu.open .inner {
    margin: 0;
    border-top: none
}

.productdetail-container .simpleProduct .dropdown-menu ul li {
    padding: 5px;
    border-bottom: 1px solid #c8c8c8;
    background-image: none
}

.productdetail-container .simpleProduct .dropdown-menu ul li a {
    padding: 0;
    cursor: pointer;
    text-decoration: none!important;
    font-style: normal;
    color: #333;
    background: 0 0
}

.productdetail-container .simpleProduct .dropdown-menu ul li a:active,.productdetail-container .simpleProduct .dropdown-menu ul li a:focus {
    outline: none
}

.productdetail-container .simpleProduct .dropdown-menu ul li span.option-price,.productdetail-container .simpleProduct .dropdown-menu ul li span.option-additional-price {
    margin-left: 0
}

.productdetail-container .simpleProduct .dropdown-menu ul li.selected {
    color: #fff;
    background-color: #666
}

.productdetail-container .simpleProduct .dropdown-menu ul li.selected a {
    color: #fff
}

.productdetail-container .simpleProduct .dropdown-menu ul li.selected span.option-price,.productdetail-container .simpleProduct .dropdown-menu ul li.selected span.option-additional-price {
    color: #fff!important
}

.productdetail-container .simpleProduct .dropdown-menu ul li:hover {
    background-color: #c8c8c8
}

.productdetail-container .simpleProduct .dropdown-menu ul li:hover a {
    color: #333
}

.productdetail-container .simpleProduct .dropdown-menu ul li:hover span.option-price,.productdetail-container .simpleProduct .dropdown-menu ul li:hover span.option-additional-price {
    color: #757575!important
}

.productdetail-container .simpleProduct .dropdown-menu ul li.disabled {
    padding: 0
}

.productdetail-container .simpleProduct .dropdown-menu ul li.disabled a {
    padding: 5px
}

.productdetail-container .simpleProduct .dropdown-menu ul li.disabled a.hint {
    background-color: #fdedb7;
    background: linear-gradient(to right,#f5cc3f 24px,#fdedb7 25px);
    padding-left: 35px;
    display: block;
    white-space: normal;
    color: #333;
    position: relative;
    cursor: default
}

.productdetail-container .simpleProduct .dropdown-menu ul li.disabled a.hint:before {
    content: url(/fileadmin/images/hint-icon.svg);
    width: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    margin-left: 3.5px
}

.productdetail-container table.data-content {
    width: 100%
}

.productdetail-container table.data-content td.text {
    width: 80%;
    text-align: left
}

.productdetail-container table.data-content td.image {
    width: 20%;
    padding-right: 5px;
    text-align: left
}

.productdetail-container table.data-content td.image img {
    max-width: 90px
}

.productdetail-container table.data-content td.image.handle {
    position: relative
}

.productdetail-container table.data-content td.image.handle:before {
    content: " ";
    border: 15px solid #c8c8c8;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    right: 5px;
    bottom: 0
}

.productdetail-container table.data-content td.image.handle:after {
    content: url(/typo3conf/ext/fv_shopinterface/Resources/Public/Icons/swap_neg.png);
    position: absolute;
    right: 7px;
    bottom: -1px
}

.productdetail-container table.data-content td.image.handle.active:after {
    content: url(/typo3conf/ext/fv_shopinterface/Resources/Public/Icons/swap_active.png)
}

.productdetail-container div[id^=a_][id$=-error] {
    display: none;
    width: 100%;
    color: #c00;
    background-color: #c003;
    padding: 5px 10px;
    margin-top: -1px;
    font-weight: 700
}

.productdetail-container .bxslider a:focus,.productdetail-container #bx-pager a:focus,.slide a:focus {
    outline: none
}

.productdetail-container .bxslider img[src$=".png"],.productdetail-container #bx-pager img[src$=".png"],.slide:not(.carousel) img[src$=".png"] {
    background-color: #fff
}

.productdetail-container .bxslider a[rel=shop-image] img,.productdetail-container .bxslider img[src*=dachfenster],.productdetail-container .bxslider img[src*=assembled],.productdetail-container .bxslider img[src*=attributevalues],.productdetail-container #bx-pager a[rel=shop-image] img,.productdetail-container #bx-pager img[src*=dachfenster],.productdetail-container #bx-pager img[src*=assembled],.productdetail-container #bx-pager img[src*=attributevalues],.slide a[rel=shop-image] img,.slide img[src*=dachfenster],.slide img[src*=assembled],.slide img[src*=attributevalues] {
    background: #ced4db linear-gradient(#CED4DB,#E8E7DF 80%,#F0F0F0 81%,#FFFFFF 82%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CED4DB",endColorstr="#FFFFFF")
}

.productdetail-container .bx-wrapper .bx-controls-direction a {
    background-color: #fff;
    height: 70px;
    width: 45px;
    border-radius: 5px;
    margin-top: -35px;
    background-image: none;
    color: transparent;
    overflow: hidden;
    opacity: .2;
    text-indent: 0
}

.productdetail-container .bx-wrapper .bx-controls-direction a:before {
    color: #333;
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: 400;
    top: 21px;
    left: 12px;
    position: absolute
}

.productdetail-container .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: ""
}

.productdetail-container .bx-wrapper .bx-controls-direction a.bx-next:before {
    content: ""
}

.productdetail-container .bx-wrapper .bx-controls-direction a:hover {
    opacity: .5
}

.productdetail-container .bx-wrapper .bx-controls-direction a:hover:before {
    color: #06c
}

#bx-pager>a {
    display: inline-block
}

@media(min-width: 768px) {
    [rel=bxslider].vertical .border {
        width:calc(100% - 65px);
        float: right
    }

    [rel=bxslider].vertical #bx-pager {
        width: 50px;
        float: left;
        margin: 3px 0 15px
    }

    [rel=bxslider].vertical #bx-pager .tiny img {
        margin: 0 0 15px
    }
}

.productdetail-container {
    position: relative;
    float: left;
    width: 100%
}

.productdetail-container .grey80 {
    color: #333!important
}

.productdetail-container .grey50 {
    color: #757575!important
}

.productdetail-container .grey20 {
    color: #c8c8c8!important
}

.productdetail-container .grey10 {
    color: #e8e8e8!important
}

.productdetail-container .price-box-partial.price-box {
    float: left;
    width: 100%;
    margin-top: 0
}

.productdetail-container .price-box-partial .product-live-price * {
    color: #333
}

.productdetail-container .price-box-partial .productPrice {
    min-width: 95px;
    width: 100%;
    float: left;
    font-size: .9em
}

.productdetail-container .price-box-partial .productPrice .product_price_old {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: #c00;
    line-height: 1em
}

.productdetail-container .price-box-partial .productPrice .product_price_old>del {
    color: inherit
}

.productdetail-container .price-box-partial .productPrice .priceline {
    font-size: 42px;
    font-weight: 700;
    margin: 5px 0 2px
}

.productdetail-container .price-box-partial .productPrice .product_price_incl {
    font-size: 13px;
    color: #757575
}

.productdetail-container .price-box-partial .productPrice .product_price_incl a {
    font-size: inherit;
    color: inherit
}

.productdetail-container .price-box-partial .productPrice .agb-link {
    font-size: 10px!important;
    color: #757575;
    clear: both;
    margin-bottom: 0
}

.productdetail-container .price-box-partial .productPrice .agb-link a {
    color: #757575
}

.productdetail-container .price-box-partial .productPrice .agb-link a:focus {
    outline: none
}

.productdetail-container .price-box-partial .productPrice .number-ticker {
    position: relative
}

.productdetail-container .price-box-partial .productPrice .number-ticker .minus,.productdetail-container .price-box-partial .productPrice .number-ticker .plus {
    padding: 10px;
    font-size: 16px;
    font-weight: bolder;
    color: #999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.productdetail-container .price-box-partial .productPrice .number-ticker .minus {
    left: 0
}

.productdetail-container .price-box-partial .productPrice .number-ticker .plus {
    right: 0
}

.productdetail-container .price-box-partial .productPrice #quantity {
    height: 36px;
    width: 100%;
    margin-top: 2px;
    padding: 5px 15px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #c8c8c8
}

.productdetail-container .price-box-partial .productPrice #quantity:active,.productdetail-container .price-box-partial .productPrice #quantity:focus {
    outline: none
}

.productdetail-container .price-box-partial button[id*=SimpleProductIntoCartBtn] {
    width: 100%;
    margin: 2px 0;
    padding: 7px 15px;
    font-size: 13px;
    box-shadow: none
}

.productdetail-container .price-box-partial button[id*=SimpleProductIntoCartBtn]:before {
    padding-right: 10px;
    content: "";
    font-family: FontAwesome;
    font-weight: 300
}

@media(max-width: 767px) {
    .productdetail-container .price-box-partial button[id*=SimpleProductIntoCartBtn] {
        font-weight:400
    }
}

.productdetail-container .product-live-ticker {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 10px 15px;
    border: 1px solid #c8c8c8
}

.productdetail-container .product-live-ticker h5 {
    padding-bottom: 10px;
    font-weight: 600
}

.productdetail-container .product-live-ticker .previewImage {
    min-height: 25px!important;
    padding: 15px
}

.productdetail-container .product-live-ticker .previewImage img {
    margin: auto
}

.productdetail-container .previewAttributes>div,.productdetail-container .staticAttributes>div {
    padding: 0
}

.productdetail-container .previewAttributes p>label,.productdetail-container .staticAttributes p>label {
    margin-right: 5px;
    margin-bottom: 0;
    float: left;
    font-weight: 600;
    cursor: text
}

.productdetail-container .previewAttributes p>label:after,.productdetail-container .staticAttributes p>label:after {
    content: ":"
}

.productdetail-container h1 {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333
}

.productdetail-container h1 span {
    font-weight: 300
}

@media(max-width: 767px) {
    .productdetail-container h1 span {
        margin:5px 0 10px;
        display: block
    }
}

.productdetail-container h2 {
    margin-bottom: 0
}

.productdetail-container h2+.trenner:empty {
    width: 100%;
    margin: 0!important
}

.productdetail-container p.green-list {
    font-size: 1em;
    font-weight: 400
}

.productdetail-container .lead-text {
    font-size: 1.15em;
    letter-spacing: .04em
}

.productdetail-container .short-description {
    margin-top: 10px;
    margin-bottom: 30px;
    position: relative;
    line-height: 1.6em
}

.productdetail-container .short-description:empty {
    margin: 0
}

.productdetail-container .short-description ul {
    margin-top: 10px;
    margin-bottom: 0
}

.productdetail-container .short-description>a {
    right: 0
}

.productdetail-container [rel=bxslider],.productdetail-container .simpleProduct {
    margin-top: 15px
}

.productdetail-container .optional-text {
    margin-bottom: 15px
}

.productdetail-canopy .short-description ul:not(.haken-gruen) li {
    padding-left: 15px
}

.productdetail-container .short-description ul.haken-gruen li {
    background: 0 0;
    padding-bottom: 5px;
    padding-left: 0;
    display: flex;
    margin-left: 0;
    position: relative;
    font-size: 1.4rem
}

.productdetail-container .short-description ul.haken-gruen li:before {
    font-family: fv_icons;
    content: "h";
    color: #3d8d42;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400;
    background: 0 0;
    position: relative;
    margin-top: 0
}

@media(max-width: 767px) {
    .productdetail-container .short-description ul.haken-gruen li:before {
        left:0!important
    }
}

.productdetail-container .short-description>a {
    margin-left: 15px;
    font-size: .9em;
    color: #666;
    position: absolute;
    bottom: -30px;
    line-height: 2em
}

.productdetail-container .product-live-ticker {
    border: none;
    padding: 0;
    margin-top: 30px;
    position: relative
}

.productdetail-container .product-live-ticker a {
    right: 15px
}

.productdetail-container .product-live-ticker>a {
    margin-left: 15px;
    font-size: .9em;
    color: #666;
    position: absolute;
    bottom: 0;
    line-height: 2em
}

.productdetail-container div[id^=ap_] .product-live-ticker {
    margin-top: 10px
}

.productdetail-container .product-live-ticker {
    margin: 0 0 20px
}

.productdetail-container .product-live-ticker:empty {
    display: none
}

.productdetail-container .previewAttributes,.productdetail-container .staticAttributes {
    padding: 0
}

.productdetail-container .previewAttributes p,.productdetail-container .staticAttributes p {
    width: 100%;
    clear: both;
    margin: 0;
    padding: 10px 15px;
    background-color: #ededed
}

.productdetail-container .previewAttributes p>label,.productdetail-container .staticAttributes p>label {
    min-width: 30%;
    margin-right: 10px
}

.productdetail-container .previewAttributes p>label:after,.productdetail-container .staticAttributes p>label:after {
    content: ""
}

.productdetail-container .previewAttributes p:nth-child(2n),.productdetail-container .staticAttributes p:nth-child(2n) {
    background-color: #fafafa
}

.productdetail-container .previewAttributes p:last-child,.productdetail-container .staticAttributes p:last-child {
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .productdetail-container .previewAttributes p,.productdetail-container .staticAttributes p {
        width:100%
    }
}

.productdetail-container .price-box-partial.price-box {
    width: 80%
}

@media(max-width: 767px) {
    .productdetail-container .price-box-partial.price-box {
        width:100%
    }
}

.productdetail-container .hidden-canopy {
    display: none
}

.productdetail-container div[id^=ap_] {
    width: 100%;
    clear: both
}

.productdetail-container div[id^=ap_] .headline {
    width: 80%;
    clear: both;
    border: 0;
    padding-bottom: 0;
    font-size: 1em;
    font-weight: 500
}

.productdetail-container .headline span {
    font-weight: 700
}

.productdetail-container div[id^=ap_] .headline span:before {
    padding: 0 5px;
    content: "-";
    font-weight: 500
}

.productdetail-container div[id^=ap_] .headline span:empty {
    display: none
}

@media(max-width: 767px) {
    .productdetail-container div[id^=ap_] .headline {
        width:100%
    }
}

.productdetail-container div[id^=ap_] .panel-body .btn-group {
    width: 100%;
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-items: stretch;
    clear: both
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div {
    padding: 0 5px 10px;
    margin: 0!important;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div.no-image {
    width: auto;
    min-width: 33.33333333%
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div>label {
    width: 100%;
    border: 1px solid #c8c8c8!important;
    border-radius: 4px;
    padding: 1px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    background: #fff!important;
    cursor: pointer
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div>label.active {
    padding: 0;
    background-color: #f5f5f5;
    border: 2px solid #06c!important;
    box-shadow: inset 0 3px 5px #00000020
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div>label.active:before {
    content: "";
    font-family: FontAwesome;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 1px;
    top: -4px;
    background: #06c;
    padding: 2px;
    z-index: 75;
    box-shadow: 1px 2px 3px #0003
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div>label:hover {
    padding: 0;
    background-color: #f5f5f5;
    border: 2px solid #06c!important;
    box-shadow: inset 0 3px 5px #00000020
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div>label>input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div>label span[id^=avt_] {
    padding: 15px 5px;
    font-size: 13px;
    color: #757575
}

.productdetail-container div[id^=ap_] .panel-body .btn-group>div>label img+span[id^=avt_] {
    display: none
}

@media(max-width: 767px) {
    .productdetail-container div[id^=ap_] .panel-body .btn-group {
        width:calc(100% + 10px)
    }
}

.productdetail-accessory .panel-default>.selectpicker-container {
    margin: 10px 0 20px
}

.productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu.open {
    margin-top: -1px;
    margin-bottom: -1px
}

.productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu.open .inner {
    max-height: 500px!important
}

.productdetail-accessory .panel-default>.selectpicker-container .btn-group>.btn {
    margin: 0;
    background-color: #fff!important;
    border: 1px solid #c8c8c8;
    outline: none!important;
    box-shadow: none
}

@media(max-width: 767px) {
    .productdetail-accessory .panel-default>.selectpicker-container .btn-group>.btn {
        margin:0
    }
}

.productdetail-accessory .panel-default>.selectpicker-container .btn-group:not(.open) .btn:hover {
    border: 1px solid #06c
}

.productdetail-accessory .panel-default>.selectpicker-container .btn-group.open.dropup .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.productdetail-accessory .panel-default>.selectpicker-container .btn-group.open:not(.dropup) .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu ul li {
    padding: 0;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8
}

.productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu ul li a {
    color: #333
}

.productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu ul li.selected {
    background-color: #f5f5f5
}

.productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu ul li:hover {
    background-color: #cce6ff
}

.productdetail-accessory .panel-default>.selectpicker-container .data-content td {
    padding: 12px 10px
}

.productdetail-accessory .panel-default>.selectpicker-container .data-content td.image {
    width: 25%;
    padding: 5px 0 5px 5px
}

.productdetail-accessory .panel-default>.selectpicker-container .data-content td.image img {
    max-width: 100%;
    border: 1px solid #c8c8c8
}

@media(max-width: 767px) {
    .productdetail-accessory .panel-default>.selectpicker-container .data-content td.image {
        width:60px
    }
}

.productdetail-accessory .panel-default>.selectpicker-container .data-content td.additional-price {
    width: 25%;
    min-width: 65px;
    padding: 4px 4px 4px 8px;
    color: #fff;
    background-color: #75839e;
    font-size: 14px;
    line-height: 16px
}

.productdetail-accessory .bootstrap-select.form-control {
    height: auto
}

.productdetail-accessory .bootstrap-select.form-control .btn {
    padding: 7px 25px 7px 15px
}

.productdetail-accessory p[rel=option-prices] {
    width: 100%;
    float: left;
    margin: 0
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .productdetail-container .panel .btn {
        display: block!important
    }

    .productdetail-container .panel .no-image>.btn {
        display: flex!important
    }
}

.productdetail-container .bx-wrapper .caption {
    font-size: 1em;
    padding: 0 50px
}

.content div.category-teaser,.widecontent div.category-teaser {
    margin-bottom: 0!important
}

.content div.category-teaser>.border,.widecontent div.category-teaser>.border {
    position: relative;
    border: 1px solid #bdbdbd;
    margin: 0 0 30px
}

.content div.category-teaser>.border .text,.widecontent div.category-teaser>.border .text {
    position: absolute;
    bottom: 0;
    background-color: #1717174d;
    padding: 10px 15px 0;
    height: 100%;
    width: 100%;
    cursor: pointer
}

.content div.category-teaser>.border .text:hover,.widecontent div.category-teaser>.border .text:hover {
    background-color: #06c9
}

.content div.category-teaser>.border .text .heading,.widecontent div.category-teaser>.border .text .heading {
    font-size: 28px;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin: 50% auto auto;
    transform: translateY(-50%);
    font-weight: 700;
    text-transform: uppercase
}

.content div.category-teaser>.border img,.widecontent div.category-teaser>.border img {
    width: 100%
}

.category-content {
    display: none
}

.category-content img+.category-description {
    margin-top: 20px
}

.col-sm-12 h2+div.productlist-container {
    margin: 0 -15px;
    width: calc(100% + 30px)
}

@media(max-width: 767px) {
    .content div.category-teaser.col-sm-4>.border,.widecontent div.category-teaser.col-sm-4>.border {
        height:215px;
        overflow: hidden
    }

    .content div.category-teaser.col-sm-4>.border .text .heading,.widecontent div.category-teaser.col-sm-4>.border .text .heading {
        margin: 100px auto auto
    }
}

.navigation ul li.top-category-sub-categories {
    padding-left: 0;
    margin-bottom: 15px
}

.navigation ul li.top-category-sub-categories .sub {
    padding-left: 60px;
    border: none
}

.navigation ul li.back-to-top-category span:before {
    transform: scaleX(-1) translate(8px)
}

.navigation li.sub.visible:hover {
    cursor: default
}

.navigation li.sub.visible:hover span {
    font-weight: 400
}

.navigation li.sub.visible:hover span:before {
    color: #c8c8c8
}

@media(max-width: 767px) {
    .productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu.open {
        position:fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        min-height: calc(100% + 2px)!important;
        max-height: calc(100% + 2px)!important;
        height: calc(100% + 2px)!important;
        width: 100%!important;
        background-color: #fff;
        margin: -1px 0!important;
        padding: 15px
    }

    .productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu.open:before {
        content: "×";
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 100000;
        cursor: pointer;
        line-height: 17px;
        width: 17px;
        height: 17px;
        font-size: 30px;
        font-weight: 700
    }

    .productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu.open .popover-title {
        display: block;
        padding: 10px 0 0;
        font-size: 16px;
        font-weight: 700;
        background-color: #fff;
        border: none
    }

    .productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu.open .popover-title .close {
        display: none
    }

    .productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu.open .inner {
        position: relative;
        top: 10px;
        max-height: calc(100% - 45px)!important
    }

    .productdetail-accessory .panel-default>.selectpicker-container .dropdown-menu ul li:first-child {
        border-top: 1px solid #c8c8c8
    }
}

.nav-holder {
    position: relative
}

.products-links-nav {
    position: absolute;
    top: 2px;
    right: 15px;
    margin: 29px 0 15px;
    padding: 0;
    font-size: .9em;
    color: #666;
    z-index: 2
}

@media(max-width: 979px) {
    .products-links-nav {
        margin-top:15px
    }
}

.products-links-nav .link-to-overview {
    margin: 0;
    padding: 0;
    color: #666;
    text-decoration: underline;
    background: 0 0;
    border: none;
    outline: none
}

.products-links-nav .link-to-overview:hover {
    text-decoration: none
}

.products-links-nav+.breadcrumb {
    width: calc(100% - 120px)
}

#nprogress .bar {
    background: #e30613!important
}

#nprogress .peg {
    box-shadow: 0 0 10px #e30613,0 0 5px #e30613!important
}

#nprogress .spinner-icon {
    border-top-color: #e30613!important;
    border-left-color: #e30613!important
}

input.error {
    border-color: #c00;
    color: #c00;
    box-shadow: none!important
}

input.force-error {
    border-color: #c00!important;
    color: #c00!important
}

input.has-addon {
    border-right: none!important
}

.input-group {
    border-color: #ccc
}

.including-addon>input[type=password]::-ms-clear,.including-addon>input[type=password]::-ms-reveal {
    display: none
}

.input-group.including-addon:focus-within {
    border-color: #66afe9
}

div.error.input-group {
    border-color: red!important
}

.input-group-addon {
    border-radius: 0;
    border-color: inherit!important;
    border: none;
    background: #fff;
    vertical-align: top;
    cursor: pointer
}

input::-ms-clear {
    display: none
}

.ral-color-input,.ral-color-input.valid {
    width: 100%;
    text-align: left!important;
    background: #fff url(/img/global/configurator/search.svg) no-repeat calc(100% - 10px) center!important;
    border-color: #bdbdbd!important
}

input[type=text]:disabled,input[type=text]:disabled.error,input[type=text]:disabled.valid {
    background: #efefef!important;
    pointer-events: none
}

input[type=text].js-change {
    border-color: #ffdc5c!important;
    background-color: #faf6d9!important;
    transition: 30ms ease-in
}

input[type=text].js-change:focus {
    box-shadow: inset 0 1px 1px #faf6d9,0 0 8px #ffdc5c
}

input[type=text]:disabled.js-change {
    background: #eeeacd!important
}

.promotion-saving {
    color: #fff;
    background-color: #c00;
    padding-left: 3px;
    padding-right: 3px;
    float: right
}

.dl-horizontal {
    margin-top: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid #666;
    padding-bottom: 10px
}

.dl-horizontal dt {
    text-align: left;
    font-weight: 400
}

.dl-horizontal dd {
    margin-left: 0;
    text-align: right
}

h5.info {
    font-size: 17px;
    border-bottom: 1px solid #bdbdbd;
    line-height: 19px;
    font-weight: 600;
    padding-bottom: 5px;
    text-transform: uppercase
}

h5 {
    margin-top: 0;
    padding-top: 7px
}

.panel {
    margin-bottom: 0
}

.video-in-konfigurator {
    font-size: 12px;
    background: url(/img/global/configurator/icon-play-xs.png) no-repeat left center;
    padding-left: 20px
}

h4 .video-in-konfigurator {
    color: #fff
}

.pdf-in-konfigurator {
    font-size: 12px;
    background: url(/img/global/configurator/icon-pdf.png) no-repeat left center;
    padding-left: 20px;
    background-size: 16px auto
}

h4.modal-title {
    border: 0
}

.popover[class*=tour-] {
    z-index: 900
}

.popover {
    overflow: visible;
    max-width: none;
    border-radius: 0
}

.popover-title {
    border-radius: 0
}

label.no-padding {
    margin-top: 0
}

.no-padding {
    padding-left: 5px;
    padding-right: 5px;
    width: 160px;
    min-height: 280px;
    margin-top: 10px
}

.pos-relative {
    position: relative;
    min-height: 148px
}

.pos-relative label {
    position: absolute;
    bottom: 0
}

label.no-padding div {
    padding: 0
}

.top {
    height: auto!important;
    width: auto!important
}

.panel-body {
    border: 0!important;
    float: left;
    width: 100%
}

.alert~.panel .panel-body {
    padding: 0
}

.alert~.panel .panel-heading~.panel-body {
    padding: 15px 0
}

.panel {
    box-shadow: none!important
}

.radio {
    min-height: 10px
}

.spacer {
    margin-top: 30px
}

.attribute-head {
    margin-bottom: 30px
}

.warningText {
    display: none;
    color: #c09853
}

figure.unavailable {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    position: relative;
    top: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEX////3xsbqWlriFBTfAADrX1/5zMz98/PsZWXlMjLmODjylZXxkpLmPDz//Pz85+ffBgbsaWnkKSnwiYn50tL86urlLCziHh7vgYH2ubn0qqrueHj74eHvfX3tcnL629voS0vY4+rnAAAAj0lEQVR4AT3OUWKCMBBF0WdyRcFIBxSSFijd/yprIHD/5vzMU+7iPPhrpb2bo3S/bXcNzaOqQg3PVpID/6VcMDrpAp5+lxf2lqMZxiLtSKdIUJYhS2KU8a1TfvAbFNmh56VTJmp19O0hc2TS21hUxLBZ+j0mrwYpP/8Df3+EqwcnZZmMLUsqrUsT4zPN+vQP2rUITkpMPAQAAAAASUVORK5CYII=);
    background-repeat: no-repeat
}

.finalPriceMobile {
    color: #000;
    display: inline;
    font-size: 13pt;
    font-weight: 700
}

.configurator-headline-price {
    background-color: #75839e;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 10px
}

#entryModal h4,#configurator h4,#configurator h5 {
    font-size: 16px;
    padding: 3px 10px;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
    width: 100%;
    line-height: 25px;
    letter-spacing: .03em;
    position: relative
}

#entryModal h4,#configurator h4,#configurator .force-h4 h5 {
    background: #444;
    color: #fff;
    margin-top: 20px
}

#entryModal h4>span,#configurator h4>span,#configurator h5>span {
    float: left
}

#configurator #affix-u-wert>span {
    float: right
}

#configurator h5,#configurator .sub-point h4,#configurator .sub-point h5 {
    background: #efefef;
    color: #000;
    margin-bottom: 15px
}

#configurator .sub-sub-point {
    background: 0 0;
    border-bottom: 1px solid #bdbdbd;
    padding-left: 0
}

#configurator h4:not([style*="display: none"]):first-child {
    margin-top: 0!important
}

#configurator h4 span.info_icon,#configurator h5 span.info_icon {
    font-weight: 700;
    width: 40px;
    height: 17px;
    background-color: #7da3f0;
    color: #444;
    font-size: .7em;
    text-align: center;
    cursor: help;
    padding: 2px 3px 0;
    float: left;
    line-height: 1.2;
    margin: 0;
    position: relative;
    left: -5px;
    top: 4px
}

@media(max-height: 340px) {
    #configurator #configuratorAttributes h4.collapsed.accordion-h4 span {
        font-size:14px
    }
}

#configurator h4.tooltip-visible span.info-icon-grey svg circle,#configurator h5.tooltip-visible span.info-icon-grey svg circle {
    fill: #0065c0
}

#configurator h4.tooltip-visible span.info-icon-grey svg path,#configurator h5.tooltip-visible span.info-icon-grey svg path {
    fill: #fff
}

@media(min-width: 992px) {
    #entryModal h4 span.info-icon-grey svg circle,#configurator h4 span.info-icon-grey:hover svg circle,#configurator h5 span.info-icon-grey:hover svg circle {
        fill:#0065c0
    }

    #entryModal h4 span.info-icon-grey svg path,#configurator h4 span.info-icon-grey:hover svg path,#configurator h5 span.info-icon-grey:hover svg path {
        fill: #fff
    }
}

#entryModal h4 span.info-icon-grey,#configurator h4 span.info-icon-grey,#configurator .force-h4 h5 span.info-icon-grey {
    font-weight: 700;
    width: 17px;
    height: 17px;
    color: #333;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
    float: left;
    line-height: 1.2;
    margin-left: 10px;
    position: relative;
    top: 4px;
    border-radius: 10px;
    margin-bottom: 10px;
    flex-shrink: 0
}

#configurator .force-h4 h5 span.info-icon-grey {
    background-color: #fff
}

#configurator .sub-point h4 span.info-icon-grey,#configurator .sub-point h5 span.info-icon-grey {
    background: #333;
    color: #fff
}

#entryModal h4 span.info-icon-grey,#configurator h5 span.info-icon-grey:hover {
    background-color: #06c;
    color: #fff
}

#configurator h5 span.info-icon-grey {
    font-weight: 700;
    width: 17px;
    height: 17px;
    background-color: #444;
    color: #fff;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
    float: left;
    line-height: 1.2;
    margin-left: 10px;
    position: relative;
    top: 4px;
    border-radius: 10px;
    margin-bottom: 10px;
    flex-shrink: 0
}

@media(max-width: 767px) {
    #configurator h5 span.info-icon-grey {
        float:right
    }

    #configurator h4.accordion-h4 .info-icon-grey,#configurator h5.accordion-h5 span.info-icon-grey {
        margin-left: auto
    }

    #configurator h4.accordion-h4 a.video-icon-grey+.info-icon-grey {
        margin-left: 40px;
        order: 2
    }

    #configurator h4.accordion-h4 a.video-icon-grey {
        margin-left: auto
    }
}

@media(min-width: 768px) {
    #configurator h4.accordion-h4 .info-icon-grey {
        margin-left:15px;
        order: 1
    }

    #configurator h4.accordion-h4 a.video-icon-grey {
        order: 2;
        margin-left: 15px
    }

    #configurator h4.accordion-h4 .btn-details.hidden-xs {
        order: 3
    }
}

#configurator h4 a.video-icon-grey {
    font-weight: 700;
    width: 17px;
    height: 17px;
    color: #333;
    font-size: 9px;
    text-align: center;
    cursor: pointer;
    float: right;
    line-height: 1.2;
    margin-bottom: 10px;
    position: relative;
    top: 4px;
    border-radius: 10px;
    text-decoration: none!important;
    flex-shrink: 0
}

#configurator h4 a.video-icon-grey:hover svg circle {
    fill: #0065c0
}

#configurator h4 a.video-icon-grey:hover svg polygon {
    fill: #fff
}

#entryModal h4.accordion-h4 .btn-details,#configurator h4.accordion-h4 .btn-details,#configurator h5.accordion-h5 .btn-details {
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    float: right;
    cursor: pointer;
    text-decoration: none;
    flex: 1;
    text-align: right
}

#configurator h4.accordion-h4 .btn-details:hover,#configurator h5.accordion-h5 .btn-details:hover {
    text-decoration: underline
}

#entryModal h4 span.info-icon-grey,#configurator h4 a.video-icon-grey:hover,#configurator h5 span.info-icon-grey:hover,#configurator h5 a.video-icon-grey:hover,#configurator h4[role=button]:hover>span.info-icon-grey,#configurator h4[role=button]:hover>a.video-icon-grey,#configurator h5[role=button]:hover>span.info-icon-grey,#configurator h5[role=button]:hover>a.video-icon-grey,#configurator .force-h4 h5 span.info-icon-grey:hover {
    background-color: #06c;
    color: #fff
}

.dotted-seperator {
    border-top: 1px dotted #bdbdbd;
    padding-top: 7px;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px
}

div.accordion {
    float: left;
    cursor: pointer
}

.accordion-headline {
    cursor: pointer
}

.blue-checkbox-container.error {
    color: #c00
}

label.error {
    color: #c00;
    margin-top: 2px
}

label {
    cursor: pointer;
    display: block;
    font-weight: 400
}

hr {
    border-color: #aaa
}

.messageBox {
    padding-left: 10px
}

.box-image-area {
    margin-left: -15px;
    margin-top: 5px
}

.price-label-rounded {
    border-radius: 10px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    background-color: #8b9bb2!important;
    color: #fff
}

.configurator-video-link {
    text-decoration: none!important;
    color: #5b9be5!important;
    font-size: 13px
}

.configurator-video-link:hover {
    text-decoration: underline!important
}

.configurator-gallery-link {
    text-decoration: none!important;
    color: #5b9be5!important;
    font-size: 13px
}

.configurator-gallery-link:hover {
    text-decoration: underline!important
}

.imageSelect_divider {
    border-top: 1px solid #bdbdbd;
    width: 100%;
    margin: 5px 0
}

.imageSelect_minimumPrice_container {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center
}

.imageSelect_minimumPrice_prefix {
    align-self: center;
    font-size: 15px;
    font-weight: 400
}

.imageSelect_minimumPrice_price {
    align-self: center;
    font-size: 33px;
    font-weight: 700
}

.radio,.checkbox {
    margin: 5px 0
}

.live-ticker {
    border: 1px solid #bdbdbd;
    padding-bottom: 1px
}

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.thumbnail {
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    display: block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    min-height: 185px;
    padding: 6px;
    margin-bottom: 0!important;
    transition: all .2s ease-in-out 0s
}

.thumbnail:hover {
    background-color: #fff;
    border-radius: 0;
    display: block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 6px;
    cursor: pointer;
    transition: all .2s ease-in-out 0s;
    border-color: #999;
    box-shadow: 0 1px 1px #666 inset,0 0 8px #333
}

.thumbnailImage {
    text-align: center
}

.child>.dotted-seperator {
    margin-top: 0
}

.no-margin-bottom {
    margin-bottom: 0!important
}

.rvb-seperator {
    width: 25%;
    margin-right: 5%;
    border-right: 1px solid #aaa;
    float: left
}

.box-image {
    margin-bottom: 10px;
    padding-right: 5px;
    min-height: 187px
}

.box-image span {
    font-size: 1em
}

.btn-av {
    border-color: #bdbdbd
}

label.active {
    background-color: #f5f5f5;
    border: 2px solid #0074df!important
}

.list-group-item {
    padding: 7px 22px 7px 10px!important;
    border: none!important;
    border-bottom: 1px solid!important;
    border-color: #c8c8c8!important;
    color: #666!important;
    background: url(/img/global/configurator/chevron_right_16px.svg) calc(100% - 8px) center no-repeat;
    font-size: 13px;
    line-height: 17.7px
}

.list-group-item>b {
    color: #222!important
}

.list-group-item:hover {
    cursor: pointer;
    background-color: #ddd!important
}

.av-image {
    text-align: center;
    width: 100%
}

.av-text {
    white-space: normal
}

.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox] {
    position: relative;
    margin-left: 0;
    margin-right: 10px
}

#configurator .tooltip-inner,#preRegisterform .tooltip-inner,#showFullRegistration .tooltip-inner {
    padding: 3px 8px!important;
    white-space: normal;
    background-color: #000
}

#configurator .tooltip .tooltip-arrow {
    display: block!important;
    margin-bottom: -5px
}

.webui-popover {
    width: auto!important;
    animation: fadein .4s
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#shop-content h1 {
    padding-left: 0!important
}

.table-hover td {
    font-size: 1em!important
}

.label {
    padding: 0 5px!important;
    font-size: 90%!important;
    font-weight: 400!important;
    border-radius: 0
}

.av-image .label {
    padding: 0 2px!important
}

.label-warning {
    background-color: #8b9bb2!important
}

.label-baseprice {
    border-radius: 9px
}

.label-baseprice-prefix {
    color: #8b9bb2;
    background-color: #fff!important;
    border-radius: 6px;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-weight: 700;
    text-align: center;
    margin-left: -2px
}

.product-box {
    min-height: 369px!important
}

#shop-content .gray-price {
    padding: 0 0 15px!important;
    display: block
}

.euro-shop {
    line-height: 1.46em!important
}

.product-name {
    min-height: 73px;
    margin: 0 5px!important
}

@media(max-width: 767px) {
    .breadcrumb {
        margin-bottom:20px
    }
}

.breadcrumb a {
    color: #04c
}

.btn-default {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef",endColorstr="#dbdbdb");
    background: #efefef linear-gradient(to bottom,#efefef 5%,#dbdbdb 100%);
    border: 1px solid #dbdbdb
}

.form-control {
    border-radius: 0
}

.btn-default:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#dbdbdb");
    background: #f6f6f6 linear-gradient(to bottom,#f6f6f6 5%,#dbdbdb 100%);
    border: 1px solid #ccc
}

.well {
    border-radius: 0;
    border: 0;
    box-shadow: inset 0 0 #0000000d
}

.alert {
    border-radius: 0!important
}

.error {
    color: red
}

.list-inline>li {
    padding-left: 0!important
}

.shop-link {
    color: #04c!important;
    text-decoration: underline!important;
    font-size: 13px!important;
    font-weight: 400!important
}

.shop-link:hover {
    text-decoration: none!important;
    color: #04c!important;
    cursor: pointer!important;
    font-weight: 400!important
}

.delivery-note {
    font-size: 16px;
    color: #4cae4c
}

.paypal-redirect {
    width: 495px;
    margin: 0 auto;
    padding-top: 100px
}

@media(max-width: 500px) {
    .paypal-redirect {
        width:100%;
        text-align: center
    }
}

#infotexte {
    padding: 15px
}

p.done {
    font-size: 1.1em!important
}

.alert-danger {
    color: #c00;
    background-color: #fdf8e4;
    border: 0
}

.alert-agb {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

label.error {
    color: #c00
}

.padding-right-5px {
    padding-right: 5px!important
}

.padding-left-5px {
    padding-left: 5px!important
}

.margin-bottom-10px {
    margin-bottom: 10px!important
}

.fieldHint {
    padding-bottom: 6px!important;
    font-size: 11px!important;
    color: #9e9e9e!important
}

.table-responsive span {
    float: none!important
}

.values-col-sm-4 .col-xs-12 {
    width: 33.33%!important
}

@media(max-width: 767px) {
    .values-col-sm-4 .col-xs-12 {
        width:100%!important
    }

    #configurator h4 span.info-icon-grey,#configurator h4 a.video-icon-grey {
        float: right
    }

    .step_li {
        display: block!important
    }
}

.values-6 .configurator-tile-list>div {
    width: 50%
}

.configurator-header>.description>h1 {
    font-weight: 700;
    font-size: 32px;
    margin-left: -15px;
    margin-bottom: 5px;
    float: left
}

@media(max-width: 400px) {
    .configurator-header>.description>h1 {
        font-size:19px!important;
        width: 100%
    }
}

.taxNumberField {
    background-color: #ddedff
}

#paymentAccordion.panel-group .panel-heading+.panel-collapse .panel-body {
    border: 0!important
}

#paymentAccordion .panel-heading {
    background-color: #f5f5f5!important;
    border-bottom: 0;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 0
}

#paymentAccordion .panel-body {
    background-color: #f5f5f5;
    border: 0;
    margin: 0;
    padding: 0 15px 15px 250px
}

.heading-element {
    padding-left: 25px
}

#creditcardOwner,#creditcardNumber {
    width: 300px
}

.ccNumberInputGroup {
    width: 150px
}

.cc {
    right: 6px!important;
    width: 35px;
    height: 22px;
    top: 6px;
    z-index: 999
}

.cc-visa {
    background-image: url(/img/global/payment/visa-35.png)
}

.cc-master {
    background-image: url(/img/global/payment/mastercard-35.png)
}

.cc-amex {
    background-image: url(/img/global/payment/amex-35.png)
}

.cc-none {
    background-image: url(/img/global/payment/icon-no-cc.png)
}

.cc-hide {
    display: none
}

.cc-tooltip {
    max-width: 200px!important;
    color: #000!important
}

#cvcNumber {
    width: 100px
}

@media(min-width: 768px) {
    #cvcNumberField {
        padding-left:25px
    }
}

#expireMonth {
    width: 65px
}

#expireYear {
    width: 100px
}

#bpBirthday,#bpDebitBirthday {
    width: 130px
}

#sepa:hover {
    cursor: pointer
}

.right-inner-addon {
    position: relative
}

.right-inner-addon input {
    padding-right: 30px
}

.right-inner-addon i {
    position: absolute;
    right: 0;
    padding: 10px 12px;
    pointer-events: none
}

#configurator input {
    text-align: center
}

.rabatt-system-box>div {
    background-color: #ddedfe;
    padding-top: 13px!important;
    padding-bottom: 10px!important;
    padding-left: 13px!important;
    border-left: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd
}

.rabatt-system-box>div>h3 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}

.rabatt-system-box>div>p {
    margin-bottom: 0!important
}

.rabatt-system-box>table {
    width: 100%
}

.rabatt-system-box>table>thead>tr>th {
    background-color: #fff;
    border: 1px solid #bdbdbd;
    padding-top: 1px!important;
    padding-bottom: 1px!important
}

.rabatt-system-box>table>thead>tr>th:last-child {
    text-align: center
}

.rabatt-system-box>table>thead>tr>th:first-child {
    padding-left: 13px!important
}

.rabatt-system-box>table>tbody>tr>td {
    background-color: #fff;
    border: 1px solid #bdbdbd;
    padding-top: 0!important;
    padding-bottom: 0!important
}

.rabatt-system-box>table>tbody>tr>td:first-child {
    padding-left: 13px!important
}

.basketLink {
    margin-right: 20px
}

.cart-span .cart-link {
    font-size: 12px!important
}

.quantity-box {
    width: 60px!important;
    margin-top: 5px;
    margin-right: 5px
}

.product-attributes {
    padding-top: 30px;
    padding-bottom: 0
}

@media(max-width: 1199px) {
    .stickem {
        display:none!important;
        padding: 0;
        width: 0!important;
        min-height: 0!important
    }

    #paymentAccordion .panel-body {
        padding: 15px
    }
}

@media(min-width: 768px) and (max-width:1199px) {
    .color-trusted {
        margin:-1px 18px 0!important
    }

    .container {
        width: 100%!important
    }

    label.btn {
        font-size: 1.1em!important
    }

    .box-image {
        margin-bottom: 10px!important
    }

    .thumbnail {
        min-height: 193px!important
    }

    .thumbnail .label-warning {
        background-color: #8b9bb2!important;
        clear: both;
        display: block;
        width: 75%;
        margin: 3px auto auto;
        padding: .2em .6em .3em!important
    }

    .thumbnail .label-warning:empty {
        display: none
    }

    .checkbox+.checkbox,.radio+.radio {
        margin-top: 0!important
    }

    .btn-group>.btn {
        margin-bottom: 10px
    }

    .min-height-240 {
        min-height: 243px
    }

    .min-height-255 {
        min-height: 262px
    }

    .min-height-220 {
        min-height: 230px
    }

    .av-image img {
        margin: auto
    }
}

@media(min-width: 768px) and (max-width:979px) {
    .thumbnail .label-warning {
        width:65%
    }

    label.active {
        padding-bottom: 5px
    }

    .box-image {
        width: 20%
    }
}

@media(max-width: 767px) {
    .product-box {
        min-height:0!important
    }

    #shop-content .gray-price {
        padding: 0!important
    }

    .inkl {
        display: none
    }

    .gray-price .intoCartButton {
        margin-top: -20px
    }

    .konfi-box-header+a>img {
        max-height: 130px;
        max-width: 100%
    }

    .no-padding,.btn.tt {
        width: 50%
    }

    .box-image {
        margin-bottom: 10px!important
    }

    h1 a {
        display: none
    }

    .btn-group>.btn {
        margin-bottom: 10px
    }

    .no-padding {
        min-height: 252px
    }

    .radio,.checkbox {
        margin: 10px 0!important
    }

    .rvb,.rvb-seperator {
        width: 110%;
        margin-left: -15px
    }

    .rvb-seperator {
        border-right: 0
    }

    label.active {
        padding-bottom: 3px
    }

    .av-text {
        font-size: 12px
    }

    h4 span.fa-question-circle,h5 span.fa-question-circle,#configurator h4 span.info_icon,#configurator h5 span.info_icon {
        display: none
    }

    .webui-popover:not([data-class=rabatt-tooltip]),.tooltip,.popover {
        display: none!important
    }

    div[data-class=rabatt-tooltip] {
        width: calc(100% - 20px)!important;
        left: 10px!important
    }

    #price-box .tooltip {
        display: block!important
    }

    .rabatt-tooltip table.table td {
        font-size: 1em!important
    }

    .av-image img {
        margin: auto
    }

    #einteilungErrorWidth {
        width: 100%!important
    }

    #avi_1172 {
        width: 100px;
        height: 125px
    }

    #shop-content .details {
        margin-top: 15px
    }

    #delivery-time-box,#hotline-box {
        min-height: 0
    }

    #hotline-box div {
        padding: 0!important;
        font-size: 23px!important
    }

    .col-xs-7.col-md-9 h1 {
        padding-left: 0!important
    }

    a.fright[href="/cart/redirect-to-paypal"] {
        margin-right: 0!important;
        margin-top: 20px
    }

    #creditcardNumber,#creditcardOwner {
        width: 100%!important
    }

    #ccForm>.form-group.ccNumberInputGroup {
        width: auto
    }

    #download-offer-btn {
        margin-top: 0!important
    }

    .deleteOverlayText {
        white-space: normal
    }

    #intoCartModalToCartButton {
        float: right
    }

    #configurator .btn h5 {
        white-space: normal
    }

    .positionToolbar a {
        display: inline-block;
        padding-top: 10px
    }

    .btn.color-select {
        width: 50%!important;
        min-height: 235px!important;
        padding-bottom: 25px!important
    }

    .opening-type-select .av-image img {
        max-height: 85px
    }
}

@media(max-width: 767px) {
    #shutdownModal .modal-footer .btn {
        margin:0;
        display: block;
        width: 100%;
        padding: 8px 0;
        box-sizing: border-box
    }
}

@media(max-width: 350px) {
    #shutdownModal .exit-modal-text {
        width:auto!important
    }

    #shutdownModal .exit-modal-text>div {
        width: 100%!important
    }
}

@media(max-width: 479px) {
    label.active {
        padding-bottom:5px
    }

    .konfi-box-header+a>img {
        max-width: 120px
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width: 1200px) {
    .no-padding {
        height:280px
    }

    .min-height-255 {
        height: 255px
    }

    .min-height-240 {
        height: 240px
    }

    .min-height-220 {
        height: 238px
    }
}

#intoCartForm .form-group span#menge {
    margin-right: 8px
}

#intoCartForm .form-group .form-control.quantity-box {
    margin-right: 20px;
    margin-top: 0!important;
    height: 32px
}

#intoCartForm .form-group .intoCartButton {
    margin-top: 3px
}

.gray-price#shopPriceBox .euro {
    line-height: 1.3em
}

.gray-price#shopPriceBox .inkl {
    margin: 5px 0 20px;
    display: inline-block
}

.gray-price#shopPriceBox {
    margin-bottom: 10px
}

.form-group#cartButton {
    margin-top: 2px
}

.product-attributes .form-group label {
    padding-right: 0;
    margin-right: -5px
}

.light-blue .col-sm-2 {
    margin-bottom: 30px;
    padding-left: 0
}

.min-order-value-notice {
    text-align: right
}

#login-box {
    margin-bottom: 20px
}

.account-box {
    border: 1px solid #bdbdbd;
    padding: 20px
}

.account-box>span {
    margin-bottom: 15px!important;
    float: left!important;
    width: 100%
}

ul.account-check-mark {
    margin-bottom: 20px;
    float: left;
    padding-left: 0!important
}

ul.account-check-mark>li {
    width: 100%;
    float: left;
    padding: 5px!important;
    list-style-type: none;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

ul.account-check-mark>li:before {
    content: "";
    font-family: FontAwesome;
    line-height: 25px;
    font-size: 25px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    flex: 0 0 25px;
    color: #089036
}

ul.account-check-mark>li>span {
    flex: 1
}

ul.account-check-mark.registered>li {
    font-weight: 400
}

#login-form>div>label {
    font-size: 14px;
    text-align: right;
    padding-left: 0;
    padding-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none
}

#login-form>div>div {
    padding: 0!important
}

.salutation-radio {
    padding: 5px 10px 0 0;
    float: left
}

.salutation-radio label input {
    min-width: 18px
}

#registration-form div text {
    background: 0 0!important;
    -webkit-appearance: none;
    -moz-appearance: none
}

#registration-form input[type=number]::-webkit-inner-spin-button,#registration-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media(max-width: 767px) {
    #login-box {
        padding-left:0;
        padding-right: 0
    }

    #login-form>div>label {
        text-align: left
    }

    .salutation-radio {
        margin: 0!important;
        padding-top: 0
    }
}

a#password-forgotten-btn {
    color: #9e9e9e;
    text-decoration: underline;
    margin-top: 5px;
    float: left;
    cursor: pointer
}

a#password-forgotten-btn:hover {
    text-decoration: none
}

.pw-addon {
    float: left;
    border: 1px solid;
    border-color: inherit!important;
    border-left: none;
    height: 28px;
    padding: 5px;
    color: #757575;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .01em
}

.pw-addon:hover {
    color: #06c
}

.account-message {
    float: left;
    width: 100%
}

.account-message.alert-danger,#reset-message.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.blue-checkbox .checkbox-container {
    margin-left: -16px;
    margin-top: 5px
}

.blue-checkbox .checkbox-container span {
    display: inline!important;
    margin-right: 10px
}

.blue-checkbox .checkbox-container span.checkbox:before {
    width: 27px;
    height: 27px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #fff;
    transition: border-color .2s
}

.blue-checkbox .checkbox-container span.checkbox:after {
    content: "";
    font-family: FontAwesome;
    transition: color .2s;
    background-color: #fff;
    color: #fff;
    border: 1px solid #bdbdbd
}

.blue-checkbox .checkbox-container>input[type=checkbox]:checked+label span.checkbox:after {
    color: #fff;
    background-color: #06c;
    border: 1px solid #06c
}

#pw-bar>div {
    background-color: #e8e8e8;
    height: 5px;
    width: 19%;
    float: left
}

#pw-status {
    padding: 5px 0 10px;
    width: 100%;
    float: left
}

#pw-strength-container.status-0 #pw-bar div:nth-child(1) {
    background-color: #c00!important
}

#pw-strength-container.status-0 #pw-status {
    color: #c00
}

#pw-strength-container.status-1 #pw-bar div:nth-child(1),#pw-strength-container.status-1 #pw-bar div:nth-child(2) {
    background-color: #f88b05!important
}

#pw-strength-container.status-1 #pw-status {
    color: #f88b05
}

#pw-strength-container.status-2 #pw-bar div:nth-child(1),#pw-strength-container.status-2 #pw-bar div:nth-child(2),#pw-strength-container.status-2 #pw-bar div:nth-child(3) {
    background-color: #eed200!important
}

#pw-strength-container.status-2 #pw-status {
    color: #eed200
}

#pw-strength-container.status-3 #pw-bar div:nth-child(1),#pw-strength-container.status-3 #pw-bar div:nth-child(2),#pw-strength-container.status-3 #pw-bar div:nth-child(3),#pw-strength-container.status-3 #pw-bar div:nth-child(4) {
    background-color: #90cd1a!important
}

#pw-strength-container.status-3 #pw-status {
    color: #90cd1a
}

#pw-strength-container.status-4 #pw-bar div:nth-child(1),#pw-strength-container.status-4 #pw-bar div:nth-child(2),#pw-strength-container.status-4 #pw-bar div:nth-child(3),#pw-strength-container.status-4 #pw-bar div:nth-child(4),#pw-strength-container.status-4 #pw-bar div:nth-child(5) {
    background-color: #45922e!important
}

#pw-strength-container.status-4 #pw-status {
    color: #45922e
}

.btn-default.back-button,.btn-primary.into-cart-button {
    margin-top: 15px
}

.row-offcanvas {
    float: left;
    width: 100%
}

.btn.color-select {
    width: 12.55%;
    padding: 5px;
    min-height: 185px
}

.btn.color-select h5 {
    font-size: 13px;
    font-weight: 400
}

label.btn[data-target=webuiPopover38],label.btn[data-target=webuiPopover22] {
    margin-left: 0!important
}

#configuratorForm .alert-info,.webui-popover-content .alert-warning {
    display: inline-block;
    padding: 20px 15px;
    border-color: #bdbdbd;
    color: #000;
    background-color: #fdf8e2;
    margin: 10px 0
}

.accordion.fa {
    margin-left: 0!important;
    margin-right: 10px
}

#attributePanel_155 .panel-body,#attributePanel_84 .panel-body,#attributePanel_1082 .panel-body,#accordionPanel_155 .panel-heading {
    margin-bottom: 0
}

#accordionPanel_195 .panel-body {
    float: left
}

.alert~.panel .panel-heading~.panel-body {
    padding: 15px 0 0
}

.panel-body .buttonArea {
    margin: 10px 0 25px
}

#alert_446,#alert_447,#alert_435 {
    display: none!important
}

.color-select-alert {
    margin: 0 0 0 15px!important;
    width: 48%;
    padding: 83px 30px!important;
    max-height: 186px
}

.buttonArea:empty {
    display: none
}

.btn-group>.btn:first-child {
    margin-left: -1px
}

::-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

::placeholder {
    opacity: 1;
    transition: opacity .5s
}

*:focus::-moz-placeholder {
    opacity: 0
}

*:focus::placeholder {
    opacity: 0
}

#confirmOrderForm #comment {
    word-break: break-all;
    overflow: hidden;
    -webkit-hyphens: auto;
    hyphens: auto
}

.exitModalInner_container {
    float: left;
    padding-top: 15px;
    width: 100%;
    display: flex
}

.exitModalInner_image {
    float: left;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 2px solid #ececec;
    align-content: stretch;
    width: 55px
}

.exitModalInner_text {
    float: left
}

.exit-modal-header {
    padding: 7px 15px!important;
    background-color: #444;
    text-transform: uppercase;
    color: #fff
}

.exit-modal-content {
    padding: 15px!important;
    color: #444;
    float: left;
    width: 100%
}

.exit-modal-content ul.check-mark {
    float: left
}

.exit-modal-content ul.check-mark li {
    padding: 5px 0;
    display: flex;
    align-items: center;
    list-style: none;
    background-image: none;
    line-height: inherit;
    margin-left: 10px;
    position: relative
}

.exit-modal-content ul.check-mark li:before {
    content: "";
    font-family: FontAwesome;
    color: #3c8651;
    font-size: 18px;
    position: absolute;
    left: -30px;
    top: -5px;
    padding: 5px 5px 5px 0
}

.exit-modal-link {
    color: #46a0e5!important;
    text-decoration: none!important;
    cursor: pointer
}

.exit-modal-link:hover {
    text-decoration: underline!important
}

#save-cart {
    padding: 10px 12px;
    margin-right: 20px;
    font-size: 13px;
    text-transform: uppercase
}

#exit-cart {
    padding: 10px 0;
    font-size: 13px;
    background: 0 0;
    border: none
}

@media(max-width: 500px) {
    #save-cart,#exit-cart {
        width:100%
    }
}

.payment-disabled {
    position: relative
}

.payment-disabled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #d0d0d080
}

.payment-disabled .panel-collapse {
    display: block
}

.payment-disabled .heading-element.panel-title {
    padding-left: 44px
}

.payment-disabled .panel-body {
    display: none
}

.equalHWrap {
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
    justify-content: space-between
}

.equalHItem {
    float: left;
    border: 1px solid #bdbdbd;
    padding: 20px;
    width: 32%;
    margin-bottom: 20px
}

.equalHItem:nth-child(3) {
    border: none;
    padding: 0;
    background-color: #f5f5f5
}

@media(max-width: 768px) {
    .equalHWrap {
        display:block
    }

    .equalHItem {
        width: 100%
    }
}

.accordion-tooltip-container {
    float: left;
    width: 100%;
    border: 1px solid #bdbdbd;
    border-top: none!important;
    margin-top: -10px;
    margin-bottom: 20px;
    padding-top: 10px
}

.accordion-tooltip-container>div {
    padding: 20px
}

.accordion-h5 {
    margin-bottom: 0!important
}

.child-accordion-tooltip-container {
    float: left;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-top: none;
    padding: 20px 15px 10px;
    margin-bottom: 20px
}

#configurator h4.accordion-h4 {
    padding: 5px 10px!important;
    margin-bottom: 0!important;
    border-radius: 8px 8px 0 0
}

@media(max-width: 400px) {
    #configurator h4.accordion-h4>span {
        hyphens:auto;
        -webkit-hyphens: auto
    }
}

#configurator h4.accordion-h4,#configurator h5.accordion-h5 {
    display: flex;
    align-items: center
}

#configurator h4.accordion-h4.collapsed {
    padding: 5px 10px!important;
    border-radius: 0
}

@media(max-width: 767px) {
    #checkout-steps {
        width:100%;
        color: #747474;
        font-weight: 700;
        font-size: 14px;
        float: left
    }

    .checkout-block-step {
        width: 100%;
        float: left;
        border: 1px solid #c8c8c8;
        color: #747474;
        padding: 10px 0 10px 15px;
        border-radius: 5px;
        margin-bottom: 2px
    }
}

@media(min-width: 768px) {
    #checkout-steps {
        margin-bottom:20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        color: #747474;
        font-weight: 700;
        font-size: 14px;
        float: left
    }

    .checkout-block-step {
        width: 19.8%;
        float: left;
        border: 1px solid #c8c8c8;
        color: #747474;
        padding: 10px 0 10px 15px;
        border-radius: 5px
    }
}

.checkout-block-step.active {
    background-color: #06c;
    border-color: #06c;
    color: #fff
}

.checkout-block-step.previous {
    background-color: #c8c8c8;
    border-color: #c8c8c8;
    color: #fff
}

.checkout-block-step.previous:hover {
    background-color: #67b3ff;
    border: 1px solid #67b3ff;
    cursor: pointer
}

.checkout-step-circle {
    background-color: #06c;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: left;
    margin-right: 10px
}

.checkout-step-circle.active {
    background-color: #fff;
    color: #747474
}

.checkout-steps-mobile {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around
}

.checkout-circle-step {
    z-index: 20;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border: solid 1px #06c;
    color: #06c;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

.checkout-circle-step.active,.checkout-circle-step.previous {
    background-color: #06c;
    border: solid 1px #06c;
    color: #fff
}

.checkout-circle-step.previous {
    padding: 9px
}

@media(max-width: 767px) {
    .btn-container a,.btn-container button {
        width:100%!important
    }

    .btn-container a:not(:last-child),.btn-container button:not(:last-child) {
        margin-bottom: 10px;
        margin-right: 0!important
    }
}

@media(min-width: 767px) {
    .btn-container {
        padding-right:0
    }
}

@media(max-width: 986px) {
    #reset-password-form div {
        margin-bottom:10px
    }
}

.btn-container a:not(:last-child),.btn-container button:not(:last-child) {
    margin-right: 15px
}

.btn-wide {
    padding: 0 50px;
    border: none;
    height: 34px;
    line-height: 14px;
    font-size: 14px!important;
    -webkit-user-select: none
}

.ral-color-palette {
    border: 1px solid #ccc;
    max-height: 443px;
    overflow-y: auto;
    margin-bottom: 15px;
    padding: 9px
}

.ral-color {
    font-size: 13px;
    float: left;
    margin: 4px;
    padding: 2px 5px;
    cursor: pointer;
    width: calc(20% - 8px)
}

.ral-color:hover {
    border-style: inset!important
}

.ral-preview-container {
    float: left;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    width: 100%
}

.ral-color-name {
    font-weight: 700;
    display: none
}

.btn-ral-reset {
    background-color: #06c;
    position: absolute;
    bottom: 10px;
    border: 1px solid #fff;
    width: 75%;
    border-radius: 20px;
    color: #fff;
    padding: 5px
}

.btn-ral-reset:hover {
    background-color: #67b3ff
}

.configurator-force-hide {
    visibility: hidden;
    float: left;
    height: 0!important;
    overflow: hidden
}

.ral-color-error {
    width: 100%;
    float: left;
    padding: 0 10px;
    margin-bottom: 10px
}

.ral-preview-navigation {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px
}

.ral-arrow {
    float: left;
    width: 10%;
    color: #333;
    cursor: pointer;
    font-size: 22px;
    visibility: hidden
}

.ral-arrow:hover {
    color: #06c
}

.ral-preview {
    width: 100%;
    padding-top: 100%;
    background: #b4b4b4
}

.ral-no-color {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #666
}

.btn-ral-submit {
    display: none
}

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

.ralColorField {
    width: 75px;
    float: right;
    display: inline
}

.ralNavigationRight {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer
}

.ralNavigationLeft {
    position: absolute;
    left: 14px;
    top: 14px;
    cursor: pointer
}

.ralColorPreviewWrapper .ralNavigation {
    text-decoration: none;
    color: #333;
    font-size: 22px;
    cursor: pointer;
    z-index: 1
}

.ralColorPreviewWrapper .col-xs-12.col-sm-6.col-lg-4 {
    padding-left: 0
}

.ralColorPreviewWrapper .ralNavigation:hover {
    color: #04c
}

.ralColorField .input-group {
    margin-left: -24px;
    margin-right: 24px
}

.ralColorSelectCategory {
    padding-left: 0
}

.ralColorSelectCategory .btn-select {
    border: 1px solid #ccc
}

.ralColorSelectCategory .dropdown-menu li>a {
    cursor: pointer;
    list-style: none;
    text-decoration: none
}

.ralColorSelectCategory .dropdown-menu li {
    background: 0 0
}

.ralPreviewHead {
    position: relative;
    font-size: 14px;
    top: 15px
}

.bigRalColor {
    width: 100%;
    padding-top: 100%;
    background: #b4b4b4
}

.ralColorHead p {
    margin: 2px 0;
    text-transform: uppercase
}

.ralColorPreviewWrapper {
    border: 1px solid #ccc;
    display: inline-block;
    width: 100%
}

.ralColorCategoryPicker {
    margin-top: -50px;
    margin-bottom: 11px;
    padding-left: 0;
    padding-right: 0
}

.ralColorVerySmall {
    height: 22px;
    width: 21%;
    overflow: hidden
}

.ralColorSmall {
    height: 60px;
    width: 13%;
    overflow: hidden
}

.padding-left0 {
    padding-left: 0
}

@media(min-width: 1025px) {
    .ralColorVerySmall {
        width:18%
    }

    .ralColorHead {
        background: #efefef;
        padding: 7px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 25px
    }
}

.ralColorPalette h3.black,.ralColorPalette p.black {
    color: #000
}

.ralColorPalette h3.white,.ralColorPalette p.white {
    color: #fff
}

.ralColorPalette p.white,.ralColorPalette p.black {
    font-size: 13px
}

.no-display {
    display: none!important
}

.ralColor {
    cursor: pointer
}

.ralColor:hover {
    outline: 1px solid #2074da
}

.fv-btn-primary {
    background: #06c;
    color: #fff;
    transition: .5s;
    border: none;
    padding: 10px 15px
}

.ralColorPreviewWrapper .fv-btn-primary {
    font-size: 13px!important
}

.fv-btn-primary:hover,.fv-btn-primary:active,.fv-btn-primary:focus {
    background: #0a88ff;
    color: #fff
}

.padding-10 {
    padding: 10px 0
}

.ralColorSelectCategory .fa-caret-square-o-down {
    border-left: 1px solid #e8e8e8;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 5px
}

.ralColorPreviewWrapper .ralColorField input.ral-color {
    background: 0 0;
    border-color: #ccc
}

.ralWrapper h5.child-headline {
    display: none
}

.fv-btn-reset {
    position: absolute!important;
    left: 0;
    bottom: 0;
    font-weight: 600
}

@media(max-width: 767px) {
    .ralColorVerySmall {
        width:45%
    }

    .ralColorCategoryPicker {
        margin-top: 0;
        margin-bottom: 0
    }

    .bigRalColor {
        padding-top: 30%
    }

    #ralNoColor {
        top: 42%
    }

    .ralColorPalette {
        max-height: 350px
    }

    .responsiveSquare {
        width: 160px!important;
        height: 160px!important;
        padding-bottom: 0!important;
        max-width: 100%
    }

    .fv-btn-reset {
        padding: 3px
    }
}

@media(max-width: 1199px) and (min-width:768px) {
    .ralColorCategoryPicker .btn-group>.btn {
        margin-bottom:0
    }
}

@media only screen and (max-device-width: 979px) {
    .ralColorCategoryPicker .bootstrap-select.open .dropdown-menu {
        display:block!important
    }

    .ralColorField .input-group {
        margin-left: -64px;
        margin-right: 64px
    }
}

#warningText_4647,#warningText_4648 {
    padding-right: 10px
}

#configuratorAttributes .btn-row {
    margin-top: 15px;
    text-align: center
}

#configurator-row {
    margin-bottom: 50px
}

#configurator-affix-container {
    position: static
}

#configurator-affix {
    max-height: 92vh;
    overflow-y: scroll
}

#configurator-affix {
    background: #f6f6f6
}

#configurator-affix b {
    font-weight: 600
}

#configurator-affix-container.is_stuck {
    top: 30px!important
}

#configurator-affix .your-configuration,#configurator-affix-container h5,.configurator-mobile-affix h5 {
    color: #fff;
    padding: 8px 25px 8px 10px;
    margin: 0!important;
    text-transform: none;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: normal;
    font-weight: 600;
    background-color: #444
}

#configurator-affix .your-configuration {
    padding: 8px 10px
}

.your-configuration span {
    font-weight: 400;
    font-size: 13px
}

#configurator-affix-container h5[aria-expanded=true] {
    background: url(/img/global/configurator/remove_22px.svg) calc(100% - 8px) center no-repeat #444
}

#configurator-affix-container h5[aria-expanded=false] {
    background: url(/img/global/configurator/add_22px.svg) calc(100% - 8px) center no-repeat #444
}

#configurator-affix-container h5 span {
    float: none;
    font-weight: 400
}

#configurator-affix>h5.collapsed {
    border-bottom: 1px solid #fff
}

.affix-price-container {
    float: left;
    width: 100%;
    padding: 14px 10px 8px
}

#configurator-affix .price-row {
    float: left;
    width: 100%
}

#configurator-affix .price-row label {
    float: left;
    margin: 0
}

#configurator-affix .price-row div {
    font-size: 15px;
    color: #444;
    float: right;
    line-height: 24px
}

#configurator-affix .price-row.discounted-price>label:hover {
    cursor: initial
}

#normal-price-preview .regular-price>div {
    font-size: 16px;
    line-height: 24px;
    color: #000
}

#configurator-affix .regular-price label {
    color: #444;
    font-size: 15px;
    line-height: 24px
}

#normal-price-preview .regular-price label,#normal-price-preview .regular-price span {
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    float: left
}

#configurator-affix .discounted-price label {
    float: left;
    background: #c00;
    color: #fff;
    padding: 3px 12px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 24px
}

#configurator-affix .discounted-price div {
    float: right;
    color: #c00;
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    padding: 2px 0
}

#configurator-affix .savings-price div {
    color: #c00;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400
}

.affix-step[aria-expanded=false] {
    border-bottom: 1px solid #fff
}

.affix-steps {
    margin-bottom: 0;
    width: 100%;
    clear: both
}

#configurator-affix>h5[aria-expanded=true] {
    background: url(/img/global/configurator/ic_keyboard_arrow_left.svg) no-repeat right center #444;
    background-size: 24px 24px
}

#configurator-affix>h5[aria-expanded=false] {
    background: url(/img/global/configurator/ic_keyboard_arrow_down.svg) no-repeat right center #444;
    background-size: 24px 24px
}

#affix-preview-image {
    width: 100%;
    background-color: #fff;
    border-left: 4px solid #f6f6f6;
    border-right: 4px solid #f6f6f6;
    font-size: 0
}

#affix-preview-image.no-border {
    border: none
}

#affix-preview-image:not(.zoomable) span {
    display: inline-block;
    margin: 10px 12px
}

#affix-preview-image img {
    width: 100%;
    padding: 0
}

#affix-preview-image a {
    width: 100%;
    float: left
}

.affix-preview-image svg {
    display: block;
    width: 100%;
    height: auto
}

#affix-preview-image.zoomable {
    position: relative;
    padding-top: 100%;
    border: none
}

.affix-preview-image {
    text-align: center;
    cursor: pointer
}

.affix-preview-image [rel*=terior] {
    display: none
}

.affix-preview-image [rel*=terior].active {
    display: block
}

.affix-preview-image .preview-gallery {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    cursor: pointer
}

.affix-preview-image .preview-gallery>span,.affix-preview-image #change-image {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #000;
    background: rgba(255,255,255,.7);
    padding: 8px;
    border-radius: 20px;
    right: 12px
}

.affix-preview-image .preview-gallery>span {
    bottom: 12px
}

.affix-preview-image #change-image {
    top: 12px
}

.affix-preview-image .preview-gallery img,.affix-preview-image #change-image img {
    width: 100%;
    height: 100%;
    filter: contrast(100);
    float: left
}

.static-affix-image {
    float: left;
    width: 100%;
    padding: 6px 12px;
    color: #666
}

.affix-rectangle-image {
    height: 253px;
    border: none!important
}

.affix-background-image {
    background-size: cover
}

#big-preview-image .icon-back-to-selection {
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1;
    width: 84px;
    height: 84px
}

#big-preview-image .icon-back-to-selection img {
    display: none
}

#big-preview-image [rel*=terior]:hover>.icon-back-to-selection img {
    display: unset
}

.button-back-to-selection {
    width: 100%;
    margin-bottom: 15px
}

.button-back-to-selection img {
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.panel-default>.panel-heading {
    float: left;
    padding: 10px 0 15px;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    clear: both
}

.panel-default>.panel-heading-spacing {
    float: left;
    width: 100%;
    font-size: 5px;
    padding: 5px 0
}

.configurator-tile-list {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-items: stretch
}

.configurator-tile-list>div {
    padding: 0 10px 20px;
    margin: 0!important;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row
}

.configurator-color-finish-selection>div:first-of-type {
    padding-left: 0!important
}

.configurator-yes-no-selection>div:not(.hidden-xs),.configurator-selection>div:not(.hidden-xs),.configurator-filter-list>div:not(.hidden-xs),.configurator-2-selection-possibilities>div:not(.hidden-xs) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.configurator-image-container {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 50px;
    position: relative;
    overflow: hidden
}

.configurator-tile {
    border: 1px solid #bdbdbd;
    padding: 0!important;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.yes-no-selection.disabled,.color-finish.disabled,.configurator-tile-list .disabled,.configurator-color-tiles .disabled,.configurator-selection .disabled,.configurator-2-selection-possibilities .disabled {
    opacity: .8!important;
    cursor: auto
}

.yes-no-selection.disabled:hover,.color-finish.disabled:hover,.configurator-tile-list .disabled:hover,.configurator-selection .disabled:hover,.configurator-2-selection-possibilities .disabled:hover {
    border: 1px solid #bdbdbd!important
}

.configurator-tile-list .disabled .configurator-block-price,.configurator-selection .disabled .configurator-block-price,.configurator-2-selection-possibilities .disabled .configurator-block-price,.configurator-tile-list .disabled .configurator-right-block-price,.configurator-selection .disabled .configurator-right-block-price,.configurator-2-selection-possibilities .disabled .configurator-right-block-price {
    visibility: hidden!important
}

.configurator-filter-list {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-items: stretch
}

.configurator-filter-list>div {
    padding: 0 10px 20px
}

.configurator-filter {
    border: 1px solid #bdbdbd;
    padding: 15px!important;
    text-align: left;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 700
}

.configurator-tile.active:before,.configurator-color-finish>label.active:before,.yes-no-selection.active:before,.color-finish.active:before {
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #0074df;
    padding: 7px;
    z-index: 5
}

.configurator-tile.active,.configurator-color-finish>label.active,.yes-no-selection.active,.color-finish.active,label.active>.configurator-block-price,label.active>.configurator-right-block-price {
    box-shadow: inset 0 3px 5px #00000020
}

.configurator-tile:hover,.configurator-color-finish>label:hover,.yes-no-selection:hover,.color-finish:hover,.configurator-filter:hover {
    border: 1px solid #0074df
}

.configurator-tile input,.configurator-color-tile>input,.configurator-color-select>input,.btn-group>.btn-av>input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
    display: none
}

.configurator-tile>span:not(.configurator-block-price) {
    font-weight: 700;
    padding: 10px;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    hyphens: auto;
    -webkit-hyphens: auto
}

.configurator-tile span.configurator-gallery-link {
    font-weight: 400;
    color: #06c!important;
    width: 100%;
    padding: 10px 10px 20px
}

.hidden-price {
    display: none!important
}

.value-background-gradient .configurator-tile {
    background: linear-gradient(to bottom,#CED4DB,#E8E7DF 58%,#fff 58%)
}

.value-background-gradient .configurator-image-container,.value-background-gradient .configurator-image-container>img {
    max-height: 120px
}

.configurator-block-price {
    background-color: #75839e;
    padding: 5px 0 7px!important;
    color: #fff;
    width: 100%!important;
    font-size: 13px!important;
    line-height: 1.42857!important;
    font-weight: 700;
    height: 30px
}

.no-price-display .placeholder-price,.no-price-display .configurator-block-price {
    display: none!important
}

.configurator-right-block-price {
    background-color: #75839e;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 20px 11px 20px 10px;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    justify-content: flex-end;
    font-weight: 700
}

label:hover .configurator-right-block-price {
    padding-right: 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0
}

.configurator-tile-comparison {
    float: left;
    width: 100%;
    text-align: left;
    white-space: normal;
    padding: 0!important
}

.configurator-tile-comparison .expandable.comparison:before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #e8e8e8
}

.configurator-tile-comparison>ul>li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    list-style: none;
    background-image: none;
    line-height: inherit;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.configurator-tile-comparison>ul>li:not(:last-child) {
    border-bottom: 1px solid #efefef
}

.configurator-tile-comparison>ul>li:before {
    content: "";
    font-family: FontAwesome;
    color: #0060b7;
    font-size: 15px;
    padding: 0 10px;
    background: 0 0
}

@media(max-width: 479px) {
    .configurator-tile-comparison>ul>li {
        -webkit-hyphens:inherit
    }

    .configurator-tile-comparison>ul>li:before {
        padding: 0 5px
    }
}

.configurator-color-tiles {
    display: flex!important;
    margin-left: -5px!important;
    margin-right: -5px!important;
    flex-wrap: wrap;
    padding-bottom: 20px
}

.configurator-color-tiles>div {
    display: flex!important;
    width: 12.5%;
    flex: 0 0 12.5%;
    padding: 5px
}

@media(max-width: 1200px) {
    .configurator-color-tiles>div {
        width:16.6667%;
        flex: 0 0 16.6667%;
        padding: 5px
    }
}

@media(max-width: 700px) {
    .configurator-color-tiles>div {
        width:20%;
        flex: 0 0 20%;
        padding: 5px
    }
}

@media(max-width: 580px) {
    .configurator-color-tiles>div {
        width:25%;
        flex: 0 0 25%;
        padding: 5px
    }
}

@media(max-width: 450px) {
    .configurator-color-tiles>div {
        display:flex!important;
        width: 33.33%;
        flex: 0 0 33.33%;
        padding: 5px
    }
}

@media(max-width: 340px) {
    .configurator-color-tiles>div {
        display:flex!important;
        width: 50%;
        flex: 0 0 50%;
        padding: 5px
    }
}

.configurator-color-tile>.color-tile,.hex-color-tile {
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    background-position: center
}

.configurator-color-selection {
    padding: 20px 0 10px!important;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left
}

.configurator-color-selection>.configurator-color-select {
    float: left;
    margin-bottom: 10px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 400;
    background: #e8e8e8;
    border: 2px solid #e8e8e8;
    border-radius: 4px
}

.configurator-color-selection>.configurator-color-select:hover {
    color: #0074df
}

.ral-selection {
    padding-top: 20px!important
}

@media(max-width: 767px) {
    .configurator-color-selection>.configurator-color-select {
        padding:5px 15px
    }

    .configurator-color-selection {
        justify-content: center
    }

    .configurator-color-selection>label {
        margin: 0 5px 10px!important
    }
}

.configurator-color-selection>.configurator-color-select:not(:last-of-type) {
    margin-right: 5px
}

.configurator-color-selection>.configurator-color-select.active {
    background: #d7e5f7;
    border: 2px solid #0074df;
    color: #0074df
}

.configurator-color-finish-select {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0!important
}

.configurator-color-finish-select>.configurator-color-finish>label {
    padding: 15px 20px;
    width: 100%;
    border: 1px solid #bdbdbd;
    margin-bottom: 0
}

.configurator-color-finish-select>.configurator-color-finish>label:not(:last-child) {
    margin-bottom: 15px
}

.configurator-color-preview {
    background-color: #f5f5f5;
    height: 120px;
    border: 2px solid #0074df;
    padding: 0!important
}

.selected-color {
    float: left;
    height: 116px;
    width: 116px;
    box-shadow: inset 0 3px 5px #00000020
}

.selected-color>img {
    float: left;
    height: 100%
}

.selected-color-name {
    display: flex;
    font-weight: 700;
    padding: 10px 20px;
    align-items: center;
    height: 100%;
    box-shadow: inset 0 3px 5px #00000020
}

.selected-color-price {
    background-color: #75839e;
    color: #fff;
    text-align: center;
    box-shadow: inset 0 3px 5px #00000020;
    height: 40px!important;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.blue-radio-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.blue-radio-container>input[type=radio] {
    display: none
}

.blue-radio-container label {
    margin: 0!important
}

.blue-radio {
    float: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 11px;
    width: 10px;
    height: 10px;
    border: 1px solid #bdbdbd;
    background-color: transparent;
    flex-shrink: 0
}

.blue-radio-container>input[type=radio]:checked+.blue-radio {
    border: 1px solid #06c;
    background-color: #06c
}

.blue-radio-container>input[type=radio]:checked+.blue-radio:before {
    border-radius: 11px;
    position: relative;
    content: " ";
    display: block;
    background: #fff;
    left: 0;
    top: 0
}

.blue-checkbox-container {
    display: flex;
    align-items: baseline
}

.blue-checkbox-container>input[type=checkbox] {
    display: none
}

.blue-checkbox {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 10px
}

.blue-checkbox:before {
    content: "";
    font-family: FontAwesome;
    transition: color .2s;
    background-color: #fff;
    color: #fff;
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    padding: 0 1px;
    border: 1px solid #bdbdbd;
    z-index: 1
}

.blue-checkbox-container>input[type=checkbox]:checked+.blue-checkbox:before {
    border: 1px solid #06c;
    background-color: #06c
}

.yes-no-selection {
    padding: 0!important;
    width: 100%;
    border: 1px solid #bdbdbd;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    min-height: 60px;
    position: relative
}

.color-finish {
    padding: 15px 20px!important;
    width: 100%;
    border: 1px solid #bdbdbd;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    min-height: 60px;
    position: relative
}

.link-price-container {
    display: flex;
    justify-content: flex-end;
    float: right
}

.yes-no-selection .configurator-video-link,.color-finish .configurator-video-link {
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-right: 20px
}

.yes-no-selection.active .configurator-video-link,.color-finish.active .configurator-video-link {
    margin-right: 19px
}

.yes-no-selection .configurator-right-block-price,.color-finish .configurator-right-block-price {
    white-space: nowrap;
    position: initial
}

.yes-no-selection .configurator-right-block-price,.yes-no-selection:hover .configurator-right-block-price {
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    padding: 20px 12px 20px 10px
}

.yes-no-selection.active .configurator-right-block-price {
    padding: 18px 10px 18px 12px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0
}

.configurator-description {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 25px
}

.gecko .attribute-container .mobile-description+.row.hidden-xs {
    width: 100%
}

.mobile-description {
    display: flex!important;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 0 15px
}

.attribute-container .mobile-description+.row.hidden-xs {
    width: 100%
}

.mobile-description>div {
    padding: 0
}

.mobile-description>div:last-child {
    padding-left: 15px
}

.mobile-description .configurator-description {
    margin: 0!important
}

@media(max-width: 768px) {
    .mobile-description.visible-xs {
        display:block!important
    }
}

.configurator-yes-no-selection .configurator-selection {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 20px
}

.configurator-yes-no-selection .configurator-selection>div {
    padding-right: 0
}

.configurator-comparison-container {
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px
}

@media(max-width: 767px) {
    .configurator-header {
        display:unset!important
    }

    .configurator-header>.description>h1 {
        font-size: 23px;
        width: 100%
    }

    .configurator-header>.description>img {
        height: 22px!important
    }

    #configurator-step-container {
        margin-top: 15px;
        text-align: center!important;
        width: 100%!important
    }

    .configurator-pill-step:first-child {
        margin-left: 0!important
    }

    .configurator-2-selection-possibilities>div:not(:last-of-type) {
        margin-bottom: 15px
    }

    .configurator-color-preview {
        margin-bottom: 15px
    }

    .configurator-yes-no-selection .configurator-selection>div {
        padding-left: 0!important
    }

    .configurator-yes-no-selection .configurator-selection>div:not(:last-of-type) {
        padding-bottom: 15px
    }

    .configurator-yes-no-selection .configurator-selection>div>label {
        padding-bottom: 15px!important
    }
}

@media(max-width: 360px) {
    .configurator-header>.description>h1 {
        font-size:19px!important;
        width: 100%
    }
}

@media(max-width: 330px) {
    .configurator-header>.description>h1 {
        font-size:16px!important;
        width: 100%
    }
}

.configurator-floating-price {
    background-color: #75839e;
    padding: 5px 10px!important;
    color: #fff;
    width: auto!important;
    display: flex;
    align-items: center;
    margin-left: 10px
}

.padding-0 {
    padding: 0
}

.configurator-2-selection-possibilities {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -15px;
    padding-bottom: 20px
}

.multiple-selection-possibilities>div {
    margin-bottom: 15px
}

.configurator-2-selection-possibilities>div,.multiple-selection-possibilities>div>div {
    padding-right: 0
}

.row.multiple-selection-label-s>.panel>.panel-body>.multiple-selection-possibilities .configurator-right-block-price {
    min-width: 62px
}

.row.multiple-selection-label-m>.panel>.panel-body>.multiple-selection-possibilities .configurator-right-block-price {
    min-width: 84px
}

.row.multiple-selection-label-l>.panel>.panel-body>.multiple-selection-possibilities .configurator-right-block-price {
    min-width: 112px
}

.row.multiple-selection-label-xl>.panel>.panel-body>.multiple-selection-possibilities .configurator-right-block-price {
    min-width: 132px
}

.configurator-alert,.configurator-notice,.configurator-warning {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    color: #000;
    align-items: stretch
}

.configurator-alert {
    background-color: #faf6d9;
    border: 2px solid #ffdc5c
}

.configurator-notice {
    background-color: #cce6ff;
    border: 2px solid #06c;
    margin-top: 15px
}

.configurator-warning {
    background-color: #ffcac7;
    border: 2px solid #c00;
    margin-bottom: 15px
}

.alert-content-row {
    width: 100%
}

.alert-content-row:not(.hidden):not(:first-child) {
    margin-top: 10px
}

.configurator-alert>.info-icon,.configurator-notice>.info-icon,.configurator-alert>.alert-icon,.configurator-notice>.alert-icon,.configurator-warning>.minus-icon {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    width: auto;
    line-height: normal;
    margin-top: 0;
    display: flex;
    flex: 0 1;
    min-width: 45px
}

.configurator-alert>.alert-icon:before,.configurator-notice>.alert-icon:before {
    text-decoration: inherit;
    display: flex;
    align-items: center;
    content: "";
    font-size: 25px;
    padding-right: 15px
}

.configurator-alert>.info-icon:before,.configurator-notice>.info-icon:before {
    text-decoration: inherit;
    display: flex;
    align-items: center;
    content: "";
    font-size: 25px;
    padding-right: 15px
}

.configurator-warning>.minus-icon:before {
    text-decoration: inherit;
    display: flex;
    align-items: center;
    content: "";
    font-size: 25px;
    padding: 10px;
    background: #c00;
    color: #fff
}

.configurator-alert>div,.configurator-notice>div,.configurator-warning>div,.configurator-alert>b,.configurator-notice>b,.configurator-warning>b {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.configurator-warning>div {
    font-weight: 700
}

.configurator-alert>.info-icon:before,.configurator-alert>.alert-icon:before {
    color: #fff;
    background: #ffdc5c;
    padding: 10px
}

.configurator-notice>.info-icon:before,.configurator-notice>.alert-icon:before {
    color: #fff;
    background: #06c;
    padding: 10px
}

.configurator-notice-btn {
    border: 1px solid #06c;
    padding: 5px 10px;
    color: #06c;
    background-color: #fff;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-items: center;
    font-size: 12px
}

.configurator-notice-btn>.video-file-icon,.configurator-notice-btn>.pdf-file-icon {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    margin-top: 0;
    display: inline
}

.configurator-notice-btn>.video-file-icon:before {
    text-decoration: inherit;
    display: inline-block;
    content: "";
    font-size: 25px;
    padding-right: 15px;
    color: #666
}

.configurator-notice-btn>.pdf-file-icon:before {
    text-decoration: inherit;
    display: inline-block;
    content: "";
    font-size: 25px;
    padding-right: 15px;
    color: #666
}

.configurator-size-picker-container {
    border: 1px solid #bdbdbd;
    width: 100%;
    display: flex;
    flex-wrap: nowrap
}

.configurator-size-picker-container>.configurator-size-picker {
    width: 100%;
    height: 42px
}

.configurator-size-picker-container>.configurator-size-picker>select,.configurator-size-picker-container>.configurator-size-picker>select:active,.configurator-size-picker-container>.configurator-size-picker>select:focus {
    background: 0 0!important;
    width: 100%;
    border: none!important;
    height: 40px;
    padding: 0 40px;
    font-size: 12px;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: right
}

.configurator-size-picker-container>.configurator-size-picker:before {
    content: "";
    font-family: FontAwesome;
    color: #bdbdbd;
    pointer-events: none;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 400;
    padding: 0 10px;
    display: flex;
    align-items: center;
    height: calc(100% - 2px);
    width: 36px;
    margin: -1px -1px 0;
    float: right;
    border-radius: 0 4px 4px 0
}

.configurator-size-picker-container>.configurator-size-picker.open:before {
    background-color: #06c;
    color: #fff
}

.configurator-size-picker-container>.minus-icon,.configurator-size-picker-container>.plus-icon {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    margin-top: 0;
    display: inline;
    cursor: pointer
}

.configurator-size-picker-container>.minus-icon:before {
    text-decoration: inherit;
    display: inline-block;
    content: "";
    color: #bdbdbd;
    font-size: 12px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 5px
}

.configurator-size-picker-container>.plus-icon:before {
    text-decoration: inherit;
    display: inline-block;
    content: "";
    color: #bdbdbd;
    font-size: 12px;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px
}

.configurator-size-picker-container>.minus-icon:hover:before,.configurator-size-picker-container>.plus-icon:hover:before,.configurator-size-picker-container>.configurator-size-picker:hover {
    color: #666;
    cursor: pointer
}

.configurator-size-picker>label,.configurator-size-picker>label>input {
    pointer-events: none
}

.configurator-size-picker label {
    border: none!important;
    background: 0 0!important;
    height: 100%;
    align-items: center;
    text-align: right;
    float: right;
    display: flex!important;
    font-weight: 700;
    padding-right: 10px;
    width: calc(100% - 36px)
}

.configurator-size-picker label .description {
    text-align: right;
    width: 100%;
    line-height: 12px
}

.configurator-size-picker label>.configurator-right-block-price {
    display: none
}

@media(min-width: 768px) {
    body.configurator-active #static-header~.container {
        overflow-x:visible
    }
}

.configurator-size-picker-container>.dropdown-container {
    position: absolute;
    top: 73px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #06c;
    cursor: pointer;
    z-index: 99
}

.configurator-size-picker-container>.dropdown-container .description {
    width: calc(100% - 90px);
    min-width: 50%;
    border-left: 5px solid transparent!important;
    padding: 5px 10px 5px 5px
}

.configurator-size-picker-container>.dropdown-container .description.price-empty {
    width: 100%
}

.configurator-size-picker-container>.dropdown-container label.active .description {
    border-left-color: #06c!important;
    color: #06c
}

.configurator-size-picker-container>.dropdown-container label.active:hover .description {
    color: #fff
}

.configurator-size-picker-container>.dropdown-container>label {
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 0!important;
    color: #000
}

@media(max-width: 767px) {
    .configurator-size-picker-container>.dropdown-container>label {
        height:auto
    }
}

.configurator-size-picker-container input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.configurator-size-picker-container>.dropdown-container>label {
    border: none!important;
    border-bottom: 1px solid #bdbdbd!important;
    background-color: #fff;
    padding: 0
}

.configurator-size-picker-container>.dropdown-container>label:not(:last-of-type) {
    border-bottom: 1px solid #bdbdbd!important
}

.configurator-size-picker-container>.dropdown-container>label:not(.disabled):hover,.configurator-size-picker-container>.dropdown-container>label:not(.disabled):hover .configurator-right-block-price {
    background-color: #06c;
    color: #fff
}

.configurator-size-picker-container>.dropdown-container>label.disabled {
    background: #eee
}

.configurator-size-picker-container label:not(.disabled) .disabled-text {
    display: none
}

.configurator-size-picker-container>.dropdown-container>label.disabled .disabled-text {
    font-weight: 400;
    font-size: 10px;
    display: initial;
    padding: 7px 10px 7px 5px
}

.configurator-size-picker-container>.dropdown-container>label:hover .configurator-right-block-price {
    padding: 0 10px!important;
    margin: 5px 0!important;
    border-left: 1px solid #fff;
    box-shadow: none
}

.configurator-size-picker-container>.dropdown-container>label>span {
    padding: 5px 10px;
    float: left
}

.configurator-size-picker-container>.dropdown-container .configurator-right-block-price {
    background-color: #75839e;
    color: #fff;
    align-items: center;
    height: auto;
    position: relative;
    width: 110px
}

.size-picker-description {
    padding-bottom: 5px;
    text-align: left;
    color: #000
}

.price-container-wide {
    background-color: #75839e;
    float: left;
    width: 100%;
    padding: 7px;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.configurator-third-first {
    float: left;
    width: 33.33%;
    margin-left: -15px;
    margin-right: 15px;
    padding-right: 10px;
    padding-bottom: 15px
}

.configurator-third {
    float: left;
    width: 33.33%;
    padding: 0 5px 15px
}

.configurator-third-last {
    float: left;
    width: 33.33%;
    margin-left: 15px;
    margin-right: -15px;
    padding-left: 10px;
    padding-bottom: 15px
}

.configurator-division {
    float: left;
    width: 33.33%;
    margin-left: -15px;
    margin-right: 15px;
    padding: 0 0 15px
}

.configurator-division.always-first {
    float: left;
    width: 33.33%;
    margin-left: -15px;
    margin-right: 30px;
    padding: 0 0 15px
}

.configurator-division.always-last {
    float: left;
    width: 33.33%;
    margin-left: 0;
    margin-right: -15px;
    padding: 0 0 15px
}

.configurator-division-height {
    float: left;
    width: 33.33%;
    padding: 0 0 15px;
    margin-left: 0;
    margin-right: 0
}

.configurator-division-placeholder {
    width: 100%;
    float: left;
    height: 15px
}

.configurator-custom-select>button.dropdown-toggle,.configurator-custom-select>button.dropdown-toggle:focus,.configurator-custom-select>button.dropdown-toggle:hover,.configurator-custom-select>button.dropdown-toggle:active {
    background: #fff!important;
    padding: 4px 8px!important;
    margin-bottom: 0!important;
    font-size: 14px!important;
    height: 34px!important;
    transition: none!important;
    box-shadow: none!important;
    border-color: #bdbdbd!important;
    outline: none!important
}

.configurator-custom-select:hover>button {
    background: #fff;
    box-shadow: inset 0 3px 5px #00000020
}

.configurator-custom-select {
    width: 100%!important
}

.configurator-custom-select-container {
    padding: 0 15px 15px 1px;
    float: left
}

.configurator-custom-select ul {
    overflow-x: hidden
}

.configurator-custom-select li {
    padding: 0!important;
    background: 0 0!important
}

.configurator-custom-select li>a {
    padding: 5px 10px;
    border-left: 4px solid transparent
}

.configurator-custom-select li>a:hover {
    background-color: #d7e5f7
}

.configurator-custom-select li.selected>a,.configurator-custom-select li.selected>a:hover {
    border-left: 4px solid #06c;
    color: #06c;
    background: #fff
}

.configurator-custom-select .caret {
    border: none!important
}

.configurator-custom-select .caret {
    color: #bdbdbd
}

.configurator-custom-select:hover .caret {
    color: #06c
}

.configurator-custom-select .caret:before {
    content: "";
    font-family: FontAwesome;
    color: inherit;
    pointer-events: none;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 400;
    padding: 2px 0;
    display: flex;
    align-items: center;
    height: 100%;
    float: right
}

.ral-color-palette-container {
    padding-left: 0
}

.your-ral-preview {
    padding: 12px 15px
}

@media(max-width: 767px) {
    .configurator-custom-select-container {
        padding:0 15px
    }

    .configurator-custom-select-container .dropdown-toggle {
        margin-bottom: 0
    }

    .ral-color-palette-container {
        padding: 15px 15px 0
    }

    .ral-color {
        width: calc(50% - 8px)
    }

    .your-ral-preview {
        padding: 0 15px 15px
    }

    .configurator-third-first,.configurator-third,.configurator-third-last {
        float: none;
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
        padding: 0;
        display: block
    }

    .remove-side-padding-xs {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .remove-side-margin-xs {
        margin-left: 0!important;
        margin-right: 0!important
    }
}

.configurator-division-preview {
    text-align: center
}

.configurator-division-preview>.xFull {
    position: absolute;
    left: 33%;
    width: 15%;
    text-align: center;
    top: 87.5%;
    font-size: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background-color: #fff;
    border: 2px solid #eee
}

.configurator-division-preview>.yFull {
    position: absolute;
    right: 4.2%;
    width: 15%;
    text-align: center;
    top: 50%;
    font-size: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background-color: #fff;
    border: 2px solid #eee
}

.configurator-min-max-size {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #000
}

.configurator-min-size {
    float: left;
    width: calc(50% - 10px)!important;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 15px
}

.configurator-max-size {
    float: left;
    width: calc(50% - 10px)!important;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px
}

.configurator-min-size,.configurator-max-size,.configurator-min-max-size {
    background-color: #c8c8c8;
    color: #000;
    padding: 7px;
    font-weight: 700;
    float: left;
    width: 100%;
    text-align: center
}

.configurator-size-picker>select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.configurator-half-first {
    float: left;
    width: 50%;
    margin-left: -15px;
    margin-right: 15px;
    padding-bottom: 15px
}

.configurator-half-last {
    float: left;
    width: 50%;
    margin-left: 15px;
    margin-right: -15px;
    padding-bottom: 15px
}

.configurator-half-first .description-image-container>.description-image,.configurator-half-last .description-image-container>.description-image {
    float: left
}

@media(min-width: 768px) {
    .configurator-half-first .dimensions-input-container,.configurator-half-last .dimensions-input-container {
        padding-left:0
    }
}

@media(max-width: 767px) {
    .configurator-yes-no-selection .col-xs-12 {
        margin-bottom:15px
    }

    .multiple-selection-possibilities {
        margin-right: 15px;
        width: 100%;
        float: left
    }

    .multiple-selection-possibilities>div {
        padding-right: 0!important
    }

    .configurator-half-first .description,.configurator-half-last .description {
        text-align: left
    }
}

.configurator-half-first.size-picker-height input[type=tel] {
    height: 44px!important;
    border-color: #bdbdbd
}

.hide-value-title .configurator-tile span:not(.configurator-price) {
    display: none!important
}

.description-image {
    padding-bottom: 15px
}

#alert_329 {
    margin-top: 15px
}

.default-radio:last-of-type {
    margin-bottom: 15px
}

.configurator-error>label {
    color: #c00;
    background-color: #c003;
    padding: 5px 10px;
    margin-top: -1px
}

.configurator-size-input {
    background: 0 0!important
}

.dimensions-input-container>.description {
    padding-bottom: 5px
}

.configurator-header {
    display: flex;
    justify-content: space-between;
    float: left;
    width: 100%;
    padding: 0 15px 25px
}

.configurator-header>.description>img {
    float: left;
    height: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    width: initial
}

.configurator-header>.description>span {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
    float: left;
    width: 100%
}

#configurator-step-container {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center
}

.configurator-pill-step {
    padding: 0;
    border-radius: 20px;
    width: 127px;
    height: 30px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    background-color: #fff;
    border: 2px solid #c8c8c8;
    color: #c8c8c8;
    position: relative;
    margin-left: 15px;
    cursor: default
}

.configurator-pill-step.validated>span:before {
    content: "";
    font-family: FontAwesome;
    font-size: 17px;
    margin: -6px 0 0 -25px;
    position: absolute;
    line-height: 30px
}

.configurator-pill-step:before {
    top: 45%
}

.configurator-pill-step:not(:first-child):before {
    content: "";
    width: 15px;
    left: -17px;
    position: absolute;
    border: 1px solid #c8c8c8
}

.configurator-pill-step.active:before,.configurator-pill-step.previous:before {
    border: 1px solid #06c
}

.configurator-pill-step.previous:active,.configurator-pill-step.active {
    background-color: #06c;
    border: 2px solid #06c;
    color: #fff
}

.configurator-pill-step.previous {
    background-color: #fff;
    border: 2px solid #06c;
    color: #06c
}

.configurator-pill-step.previous:hover {
    background-color: #cce6ff;
    border: 2px solid #06c;
    color: #06c;
    cursor: pointer
}

#back-to-selection {
    width: 100%;
    margin-bottom: 15px;
    cursor: pointer
}

#affix-into-cart-btn {
    width: 100%
}

.sub-description-pill .sub-description {
    display: none!important
}

.sub-description-pill .configurator-image-container {
    position: relative
}

.description-pill {
    display: none!important
}

#attributePanel_329 {
    clear: both
}

.btn-detail-show,.btn-detail-hide {
    min-width: 210px;
    padding: 10px;
    border-radius: 20px;
    height: 30px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
    margin: 0 15px 15px 0
}

.btn-detail-show {
    background-color: transparent;
    border: 1px solid #c8c8c8;
    color: #757575
}

.btn-detail-hide {
    color: #06c;
    background-color: transparent;
    border: 1px solid #06c
}

.btn-detail-show:hover,.btn-detail-hide:hover {
    color: #fff;
    background-color: #06c;
    border: 1px solid #06c
}

.comparison-container .expandable {
    display: none
}

.comparison-container .configurator-video-link {
    padding-bottom: 10px
}

.values-col-12 .configurator-tile-list>div {
    width: 100%
}

.values-col-12 .remove-side-margin-xs {
    width: 100%;
    padding-right: 30px!important
}

@media screen and (device-aspect-ratio: 2/3) {
    select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url] {
        font-size:16px
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url] {
        font-size:16px
    }
}

@media screen and (device-aspect-ratio: 375/667) {
    select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url] {
        font-size:16px
    }
}

@media screen and (device-aspect-ratio: 9/16) {
    select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url] {
        font-size:16px
    }
}

.values-img-max-width-130 .configurator-image-container {
    max-width: 130px!important
}

.einteilungBoxWidth,.einteilungBoxHeight {
    background: 0 0!important
}

.configurator-preview {
    background-color: #e8e8e8;
    border: 1px solid #c8c8c8;
    padding: 15px;
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.configurator-preview>span {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #757575;
    font-size: 13px;
    padding-bottom: 15px;
    float: left;
    width: 100%
}

.configurator-preview>div {
    float: left;
    background-color: #fff
}

.btn-configurator-preview {
    width: 100%;
    float: left;
    margin-top: -1px
}

.configurator-preview-text {
    font-size: 13px;
    float: left;
    width: 100%;
    color: #333;
    margin: 10px 0 15px
}

.configurator-dependency-ribbon {
    font-size: 10px;
    color: #fff;
    text-align: center;
    transform: rotate(45deg);
    width: 145%;
    display: block;
    background: red;
    background: linear-gradient(red 0,red 100%);
    box-shadow: 0 3px 10px -5px #000;
    position: absolute;
    top: 12.5%;
    right: -45%;
    padding: 5px
}

@media(min-width: 768px) and (max-width:1200px) {
    .configurator-dependency-ribbon {
        top:14.5%;
        right: -50%;
        width: 165%
    }
}

.sub-description-pill .configurator-image-container .description-pill {
    position: absolute;
    bottom: 5px;
    border-radius: 20px;
    background: #fff;
    padding: 5px 10px;
    font-size: 11px
}

.configurator-notice-container {
    display: flex;
    flex-wrap: nowrap
}

.max-width-350 {
    max-width: 350px
}

@media(max-width: 870px) {
    .configurator-division .configurator-min-size,.configurator-division .configurator-max-size,.configurator-division-height .configurator-min-size,.configurator-division-height .configurator-max-size {
        margin:5px 0 0;
        padding: 0
    }
}

@media(max-width: 767px) {
    .configurator-division:not(.hidden),.configurator-division-height:not(.hidden) {
        float:none!important;
        width: auto!important;
        margin-left: -15px!important;
        margin-right: -15px!important;
        display: block!important
    }

    .configurator-division .configurator-min-size,.configurator-division-height .configurator-min-size,.configurator-division .configurator-max-size,.configurator-division-height .configurator-max-size {
        margin-top: 10px;
        margin-bottom: 15px
    }
}

@media(max-width: 550px) {
    .configurator-min-size {
        margin-bottom:0
    }
}

@media(max-width: 550px) and (min-width:451px) {
    .configurator-half-first .price-container-wide,.configurator-half-last .price-container-wide {
        margin-bottom:57px
    }
}

@media(max-width: 500px) {
    .configurator-notice-container {
        flex-wrap:wrap
    }

    .configurator-notice-container .configurator-notice-btn {
        width: 100%;
        margin: 5px 0!important
    }
}

@media(max-width: 450px) {
    .configurator-half-first,.configurator-half-last {
        width:auto;
        padding: 0!important;
        float: none;
        display: block;
        margin-left: -15px;
        margin-right: -15px
    }

    .configurator-half-first .col-xs-12,.configurator-half-last .col-xs-12 {
        text-align: center;
        margin: 0
    }
}

@media(max-width: 310px) {
    .configurator-division-height .configurator-min-size,.configurator-division-height .configurator-max-size,.configurator-division .configurator-min-size,.configurator-division .configurator-max-size {
        width:100%;
        padding: 0
    }

    .configurator-division-height .configurator-min-size,.configurator-division .configurator-min-size {
        margin-bottom: 0
    }
}

.division-container {
    display: flex;
    flex-wrap: nowrap
}

.division-height-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 20px;
    margin-bottom: 75px
}

.division-width-container {
    float: left;
    display: flex;
    justify-content: space-between;
    margin: 20px 0
}

.error-container-y {
    float: left;
    flex-grow: 1
}

#einteilungPreview {
    flex-shrink: 0;
    display: flex;
    justify-content: center
}

#einteilungPreview img {
    padding: 0
}

.division-error-x {
    width: 100%;
    max-width: 500px;
    float: left;
    margin-bottom: 20px
}

.division-error-y {
    width: 100%;
    max-width: 500px
}

.division-height-flex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

#alert_1564>div {
    display: block
}

#attributePanel_619 {
    margin-bottom: 15px
}

@media(max-width: 480px) {
    .vorbaurollladenTooltip {
        width:100%
    }
}

#attributePanel_356 .datagrid table {
    border: none
}

#attributePanel_356 .datagrid table thead th {
    color: #000;
    background-color: #fff
}

#attributePanel_205 .datagrid table {
    border: none
}

#attributePanel_205 .datagrid table thead th {
    color: #000;
    background-color: #fff
}

#configurator-affix-container #affix-u-wert {
    display: none!important
}

.custom-modal .modal-content {
    float: left
}

.custom-modal .modal-header {
    padding: 7px 15px!important;
    background-color: #333;
    text-transform: uppercase;
    color: #fff;
    float: left;
    width: 100%
}

.custom-modal .modal-body {
    float: left;
    width: 100%
}

.custom-modal h3 {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-size: 18px;
    color: #333
}

.custom-modal .assembly-headline {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    margin-top: 20px
}

.custom-modal .assembly-points-headline {
    text-transform: uppercase;
    padding: 20px 0 10px;
    float: left
}

.custom-modal .description {
    float: left;
    width: 100%;
    font-size: 11px;
    text-align: left;
    line-height: 18px;
    padding: 0
}

.custom-modal .btn-big-container {
    float: left;
    padding: 0 0 15px;
    width: 100%;
    display: flex;
    justify-content: center
}

.custom-modal .image-btn-big {
    flex: 1;
    text-align: center;
    box-shadow: 0 0 5px #0000001a;
    cursor: pointer
}

.custom-modal .image-btn-big {
    cursor: initial
}

@media(min-width: 501px) {
    .custom-modal .image-btn-big:first-of-type {
        margin-right:10px
    }

    .custom-modal .image-btn-big:last-of-type {
        margin-left: 10px
    }
}

@media(max-width: 500px) {
    .custom-modal .btn-big-container {
        flex-direction:column
    }

    .custom-modal .image-btn-big:first-of-type {
        margin-bottom: 20px
    }
}

.custom-modal .image-btn-big>div {
    float: left;
    padding: 10px 0 20px;
    border: 1px solid #c8c8c8;
    border-top: 0;
    width: 100%
}

.custom-modal .image-btn-big .btn-blue {
    margin-top: 30px;
    font-size: 11px;
    padding: 10px 20px
}

.custom-modal .image-btn-big .btn-not-available {
    margin-top: 30px;
    font-size: 11px;
    padding: 10px 20px;
    background-color: #c8c8c8;
    color: #999;
    font-weight: 600;
    cursor: initial;
    width: 100%;
    box-shadow: none!important
}

.custom-modal .image-btn-big a,.link-btn {
    text-decoration: underline!important;
    cursor: pointer!important;
    color: #999!important;
    width: 100%!important;
    float: left!important;
    font-size: 10px!important;
    padding: 10px!important
}

.custom-modal .image-btn-big a:hover,.link-btn:hover {
    text-decoration: none!important;
    color: #67b3ff!important
}

.custom-modal .image-btn-big h4 {
    text-align: center;
    width: 100%;
    float: left;
    font-weight: 700;
    font-size: 15px
}

.custom-modal .modal-footer {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 0;
    text-align: center
}

.custom-modal .modal-footer h4 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    text-align: left
}

.custom-modal .btn {
    padding: 10px 20px;
    font-size: 10px
}

ul.green-check-list {
    list-style-type: none;
    padding-right: 10px
}

ul.green-check-list>li {
    padding: 4px 0;
    display: flex;
    align-items: center;
    list-style: none;
    background-image: none;
    line-height: inherit;
    margin-left: 5px;
    position: relative;
    font-weight: 700;
    font-size: .92em;
    text-align: left
}

ul.green-check-list>li:before {
    content: "";
    font-family: FontAwesome;
    color: #7fb411;
    font-size: 15px;
    padding: 5px 5px 5px 0;
    position: absolute;
    left: -25px
}

.custom-modal .btn-link {
    font-size: 11px;
    padding: 10px 0;
    margin-top: 10px;
    background: 0 0;
    color: #999;
    text-decoration: underline
}

.custom-modal .btn-link:hover {
    color: #0074df;
    text-decoration: none
}

#close-modal {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #333
}

ul.small-circle li {
    font-size: 7px;
    margin-left: -10px;
    padding-left: 10px
}

ul.small-circle li span {
    font-size: 13px
}

#buttonArea_184 a {
    font-weight: 700;
    text-decoration: underline
}

@media(max-width: 991px) {
    .configurator-active .userlike {
        display:none!important
    }

    .configurator-active>.container {
        position: fixed;
        margin: 0;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        background: #f5f5f5;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 95;
        -webkit-overflow-scrolling: touch;
        transition: bottom .2s ease-in-out
    }

    .iphone .configurator-active.modal-open>.container,.ipad .configurator-active.modal-open>.container {
        overflow: visible
    }

    .configurator-active.affix-visible>.container {
        bottom: 110px
    }
}

#configurator-row {
    position: relative
}

.configurator-mobile-affix {
    background: #eee;
    border-top: 1px solid #c9c9c9;
    left: 0;
    width: 100%;
    padding-bottom: 12px;
    z-index: 9;
    bottom: 0
}

.configurator-mobile-affix.fixed {
    position: fixed
}

.configurator-mobile-affix.bottom {
    position: absolute;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 0
}

#open-mobile-preview {
    float: right;
    color: #000;
    text-transform: uppercase;
    padding: 9px 12px;
    border: 1px solid #000;
    border-radius: 4px;
    margin: 5px 16px 5px 0;
    cursor: pointer
}

#finalPriceLabelMobile {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: .5px;
    line-height: 27px;
    padding: 12px 16px;
    float: left
}

.configurator-mobile-affix .viewDuringAjaxRequest {
    padding: 16px;
    float: left
}

#discountPriceLabelMobile {
    color: #c00;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: .5px;
    line-height: 27px;
    padding: 12px 0 12px 16px;
    float: left
}

#previousPriceLabelMobile {
    text-decoration: line-through;
    color: #666;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .35px;
    padding: 15px 8px;
    float: left
}

.view-type-wording {
    font-size: 0!important
}

.double-btn-container {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

@media(min-width: 768px) {
    .double-btn-container {
        display:flex;
        flex-wrap: nowrap;
        justify-content: flex-end
    }

    .double-btn-container>:not(:only-child):last-child {
        margin-left: 10px
    }
}

@media(max-width: 767px) {
    .double-btn-container>:not(:only-child) {
        width:calc(50% - 5px);
        float: left
    }
}

@media(max-width: 500px) {
    .double-btn-container>:not(:only-child) {
        width:100%
    }
}

.headline-btn-container {
    display: flex;
    align-items: center;
    width: 100%;
    float: left
}

.headline-btn-container.single-btn {
    justify-content: space-between
}

.headline-btn-container>h1 {
    margin: 0;
    padding: 0;
    flex: 1 1 auto
}

@media(min-width: 768px) {
    .headline-btn-container>.double-btn-container {
        margin:0;
        flex: 1 1 auto;
        width: initial
    }
}

@media(max-width: 767px) {
    .headline-btn-container {
        flex-wrap:wrap
    }

    .headline-btn-container:not(.single-btn)>h1 {
        margin-bottom: 20px
    }
}

@media(max-width: 450px) {
    .headline-btn-container.single-btn {
        flex-wrap:wrap
    }

    .headline-btn-container.single-btn>button {
        width: 100%;
        margin-top: 15px
    }
}

.multi-btn-container {
    padding: 0 15px;
    display: flex;
    justify-content: flex-end
}

.multi-btn-container>:not(:last-child) {
    margin-right: 10px
}

.btn-checkout {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 20px!important
}

.btn-checkout:before {
    content: ">";
    font-weight: 100;
    padding: 0 5px 0 0
}

.btn-checkout.back:before {
    content: ""
}

.btn-checkout.back:after {
    font-weight: 100;
    padding: 0 0 0 5px;
    content: "<";
    z-index: 1;
    display: block;
    position: initial;
    transform: none;
    height: initial
}

@media(max-width: 479px) {
    .btn-checkout {
        padding:10px
    }
}

button.btn-blue,a.btn-blue {
    background-color: #06c;
    color: #fff;
    border: 1px solid #06c
}

button.btn-blue:hover,button.btn-blue:focus,a.btn-blue:hover,a.btn-blue:focus {
    background-color: #67b3ff;
    color: #fff;
    border: 1px solid #67b3ff;
    text-decoration: none!important
}

.btn-continue {
    background-color: #f0c14b;
    border: 1px solid #f0c14b;
    color: #000
}

.btn-continue:hover {
    background-color: #eab42d;
    border: 1px solid #eab42d
}

.btn-white-bordered,.btn-white-bordered:focus {
    border: 1px solid #c8c8c8;
    background-color: #fff;
    text-decoration: none
}

.btn-white-bordered:hover {
    background-color: #fff;
    border: 1px solid #06c!important;
    text-decoration: none
}

.btn-bordered {
    border: 1px solid #c8c8c8;
    color: #666
}

.btn-bordered:hover {
    color: #06c;
    border: 1px solid #06c
}

.footer {
    clear: both
}

.configurator-color-tile {
    border: 1px solid #bdbdbd;
    padding: 0!important;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.configurator-color-tile>span {
    display: flex;
    flex: 1;
    align-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    padding: 5px 2px
}

.configurator-color-tile>.placeholder-price {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    padding: 0 0 5px
}

.affix-image-container {
    padding: 0!important;
    position: absolute!important;
    top: 0
}

.affix-image-container.hidden-affix-svg {
    height: 0!important;
    width: 0!important
}

#al_6339 .color-tile,#al_6873 .color-tile {
    background-color: #fff!important;
    border-bottom: 1px solid #c9c9c9
}

#content-container.type-cart {
    width: 100%;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
    overflow-x: hidden
}

#content-container.type-configurator {
    width: 100%;
    float: left;
    margin-bottom: 25px
}

#content-container.type-navigation {
    width: 100%;
    float: left
}

#configurator-container a:focus,#content-container a:focus {
    outline: none!important
}

@media(max-width: 450px) {
    .configurator-active #tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4 {
        display:none!important
    }
}

.configurator-active>.container {
    position: unset!important
}

.custom-modal.in {
    z-index: 10000
}

#attributePanel_905 h4.no-display {
    display: initial!important
}

.filter-option {
    padding: 3px
}

.remove-panel-padding .panel-body,.remove-panel-padding .panel-heading-spacing {
    padding: 0!important
}

.remove-panel-padding-top .panel-body {
    padding-top: 0!important
}

.remove-panel-padding-bottom .panel-body {
    padding-bottom: 0!important
}

.remove-panel-padding-top .panel-heading-spacing {
    padding: 0!important
}

.configurator-color-tiles>.hidden-color,.configurator-color-tiles>.hidden-color-group,.configurator-color-tiles>.hidden-finish-group {
    display: none!important
}

.hide-headline h4,.hide-headline h5,.hide-headline .panel-heading-spacing {
    display: none!important;
    padding: 0;
    height: 0
}

.remove-panel-body-padding .panel-body,.remove-panel-heading-spacing .panel-heading-spacing {
    padding: 0!important;
    height: 0!important
}

.ral-color-group-container {
    padding-right: 5px
}

.login-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse
}

@media(max-width: 767px) {
    .login-container {
        flex-wrap:wrap
    }
}

.configurator-color-tiles:before {
    display: initial
}

.ie11 .login-container .checkout-banner {
    flex: 0 0 175px
}

.ie11 .login-container #login-box {
    flex: 0 0 365px
}

.ie11 .login-container #account-box {
    flex: 0 0 527px
}

.ie11 .login-container .blue-checkbox-container .blue-checkbox {
    display: block
}

.ie11 #configurator #configurator-affix-container #affix-preview-image .exterior-svg-container,.ie11 #configurator #configurator-affix-container #affix-preview-image .interior-svg-container {
    width: 100%
}

.ie11 #configurator .configurator-header>.description>img,.ie11 #configurator .configurator-image-container>img {
    width: auto
}

html.ie11 #configurator span.configurator-block-price.comparison,html.ie11 #configurator span.configurator-block-price.min-price {
    position: absolute
}

.ie11 #configurator .configurator-color-tiles label.configurator-color-tile>span {
    min-height: 28px
}

.ie11 #configurator .configurator-min-size,.ie11 #configurator .configurator-max-size {
    min-height: 28px
}

@media(max-width: 992px) {
    .login-container #account-box #delivery-address-container>span.col-xs-12 {
        padding-left:0
    }

    #login-form>div>label,.form-horizontal .control-label {
        text-align: left
    }
}

.shop-container h1.registered {
    font-weight: 600
}

.shop-container .col-sm-6.registered-info p,.shop-container .col-sm-6.registered-info .registered>li {
    font-size: 16px
}

.sprout-preview {
    width: 100%;
    float: left;
    border: 1px solid #bdbdbd;
    text-align: center;
    padding: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 25px
}

.sprout-selectors {
    width: 100%;
    float: left;
    margin-bottom: 25px
}

.sprout-selectors>span {
    width: 100%;
    float: left;
    font-weight: 700
}

.sprout-slider {
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media(min-width: 768px) {
    .sprout-selectors>.sprout-slider:first-of-type {
        padding-right:30px;
        border-right: 1px solid #bdbdbd
    }

    .sprout-selectors>.sprout-slider:last-of-type {
        padding-left: 30px
    }

    .sprout-slider {
        width: 50%
    }
}

@media(max-width: 767px) {
    .sprout-slider {
        width:100%
    }
}

.android .sprout-slider input[type=range] {
    pointer-events: none
}

.android .sprout-slider input[type=range]::-webkit-slider-thumb {
    pointer-events: auto
}

.previous-price {
    text-decoration: line-through;
    padding-right: 10px
}

.discounted-price {
    font-weight: 700;
    color: #bd261a
}

.discount-text {
    color: #bd261a;
    float: right;
    text-align: right;
    padding-top: 5px;
    width: 100%;
    white-space: nowrap
}

.ie11 .previous-price,.ie11 .discounted-price,.ie11 .discount-text {
    padding: 0;
    width: 100%;
    float: left;
    text-align: right
}

@media(max-width: 767px) {
    .ie11 table.cart {
        table-layout:auto!important
    }

    .previous-price,.discounted-price,.discount-text {
        padding: 0;
        width: 100%;
        float: left;
        text-align: center
    }

    .ie11 .total-price-column {
        padding: 2px 0!important;
        margin: 0!important
    }

    .ie11 .previous-price,.ie11 .discounted-price,.ie11 .discount-text {
        padding: 0;
        width: 100%;
        float: left;
        text-align: center;
        font-size: 8px;
        line-height: 10px
    }

    .discount-text,.ie11 .discount-text {
        padding-top: 2px
    }
}

.value-promotion-banner+div>.absolute-badges-wrapper {
    top: 25px!important
}

.new-discount-pos .configurator-tile-list .configurator-tile .value-promotion-banner {
    left: 8px;
    top: 8px
}

.yes-no-selection .value-promotion-banner {
    background-color: #c00;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    justify-content: center;
    width: 100px
}

.yes-no-selection.active .value-promotion-banner {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    width: 98px;
    padding: 20px 8px 20px 10px
}

.sprout-slider>span {
    padding-right: 15px;
    min-width: 80px
}

.sprout-slider>.preview,.sprout-slider>.preview.valid {
    border: 1px solid #bdbdbd!important;
    width: 30px;
    height: 35px;
    font-weight: 700;
    margin-left: 15px;
    background: 0 0!important
}

.sprout-slider>.preview.active {
    border: 2px solid #06c!important
}

.slider-wrapper {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1
}

.slider-wrapper>.slider {
    width: 100%
}

.slider-wrapper>.underlay {
    position: absolute;
    height: 4px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    padding: 20px
}

.slider-wrapper>.underlay>.breakpoint {
    height: 4px
}

.slider-wrapper>.underlay[rel-count="6"]>.breakpoint {
    width: calc(100%/6)
}

.slider-wrapper>.underlay[rel-count="5"]>.breakpoint {
    width: 20%
}

.slider-wrapper>.underlay[rel-count="4"]>.breakpoint {
    width: 25%
}

.slider-wrapper>.underlay[rel-count="3"]>.breakpoint {
    width: calc(100%/3)
}

.slider-wrapper>.underlay[rel-count="2"]>.breakpoint {
    width: 50%
}

.slider-wrapper>.underlay>.breakpoint:first-child {
    border-left: 1px solid #c8c8c8
}

.slider-wrapper>.underlay>.breakpoint {
    border-right: 1px solid #c8c8c8
}

.sprout-slider input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    z-index: 2;
    margin: 10px 0;
    background: 0 0;
    height: 40px
}

.ie11 .sprout-slider input[type=range] {
    padding: 0
}

.ie11 .sprout-slider .preview {
    width: 50px!important;
    padding: 0!important
}

.sprout-slider input[type=range]:focus {
    outline: none!important
}

.sprout-slider input[type=range]::-webkit-slider-runnable-track {
    width: calc(100% - 40px);
    height: 4px;
    cursor: pointer;
    animate: .2s;
    background: #f4f4f4;
    border-radius: 3px;
    border: 1px solid #c8c8c8
}

.sprout-slider input[type=range]::-webkit-slider-thumb {
    border: none;
    height: 40px;
    width: 40px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -19px;
    z-index: 2;
    background: url(/img/global/configurator/range-slider-thumb.svg) no-repeat center center
}

.sprout-slider input[type=range]:focus::-webkit-slider-runnable-track {
    width: calc(100% - 40px);
    background: #f4f4f4;
    border: 1px solid #c8c8c8
}

.sprout-slider input[type=range]::-moz-range-track {
    width: calc(100% - 40px);
    height: 4px;
    cursor: pointer;
    animate: .2s;
    background: #f4f4f4;
    border-radius: 3px;
    border: 1px solid #c8c8c8
}

.sprout-slider input[type=range]::-moz-range-thumb {
    border: none;
    height: 40px;
    width: 40px;
    cursor: pointer;
    z-index: 2;
    background: url(/img/global/configurator/range-slider-thumb.svg) no-repeat center center
}

.sprout-slider input[type=range]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: .2s;
    background: 0 0;
    color: transparent
}

.sprout-slider input[type=range]::-ms-fill-lower,.sprout-slider input[type=range]:focus::-ms-fill-lower,.sprout-slider input[type=range]::-ms-fill-upper,.sprout-slider input[type=range]:focus::-ms-fill-upper {
    width: 100%;
    background: #f4f4f4;
    border: 1px solid #c8c8c8;
    border-radius: 3px
}

.sprout-slider input[type=range]::-ms-thumb {
    border: none;
    height: 40px;
    width: 40px;
    cursor: pointer;
    z-index: 2;
    margin-top: 0;
    background: url(/img/global/configurator/range-slider-thumb.svg) no-repeat center center
}

.sprout-slider .slider.valid,.sprout-slider .slider:focus {
    background-image: none;
    outline: none!important
}

input[type=range]::-moz-focus-outer {
    border: 0!important;
    outline: none!important
}

.ie11 .configurator-active .verriegelung .blue-checkbox-container .blue-checkbox {
    display: block
}

#backToTop-btn {
    z-index: 10
}

@media(max-width: 767px) {
    label.tt:hover {
        pointer-events:none
    }

    .configurator-image-container>img {
        pointer-events: none
    }
}

.fa-check.green-check {
    font-size: 22px;
    color: #66b010
}

.error .configurator-size-picker-container {
    border-color: #c00
}

.configurator-min-size,.configurator-max-size {
    color: #000
}

.accordion-tooltip-container div.stripped-table {
    float: left;
    width: 100%
}

.accordion-tooltip-container div.stripped-table>div.even-table-row,.accordion-tooltip-container div.stripped-table>div.odd-table-row {
    float: left;
    width: 100%;
    padding: 5px
}

.accordion-tooltip-container div.stripped-table>div.odd-table-row {
    background: #f5f5f5
}

#size-error-message {
    background-color: #ffcac7;
    border: 2px solid #c00;
    margin: 0 15px 15px;
    padding: 10px
}

#attributePanel_2028 .panel-body {
    padding: 0!important
}

@media(min-width: 1024px) {
    .empty-cart h4.no-items {
        max-width:40%;
        margin: auto;
        line-height: 1.5
    }
}

.ie11 .login-container .registration-intro+ul.account-check-mark {
    float: none
}

.ie11 body {
    -ms-overflow-style: scrollbar
}

@media(min-width: 760px) and (max-width:1250px) {
    #attributePanel_1536 .configurator-tile,#attributePanel_1536 .configurator-tile.active,#attributePanel_1619 .configurator-tile,#attributePanel_1619 .configurator-tile.active {
        padding:15px 10px
    }
}

#preview-gallery {
    position: fixed;
    z-index: 9999;
    opacity: 1;
    background: rgba(0,0,0,.75);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-backface-visibility: hidden;
    display: block
}

#preview-gallery .svg-swipe-area {
    position: absolute;
    z-index: 1;
    display: block
}

#preview-gallery>.slides {
    position: relative;
    max-height: 90%;
    overflow: hidden;
    padding: 0!important
}

#preview-gallery>.slides>.slide {
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    transition-timing-function: cubic-bezier(.645,.045,.355,1);
    display: flex;
    justify-items: center;
    justify-content: center;
    align-items: center;
    width: 100%
}

#preview-gallery .slide>svg {
    display: block;
    width: 100%;
    height: auto
}

#preview-gallery .slide .img-responsive {
    float: left;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    background: 0 0!important
}

#preview-gallery #previous-image,#preview-gallery #next-image {
    float: left;
    z-index: 2;
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: calc(50% - 25px);
    width: 50%;
    cursor: pointer
}

#preview-gallery #previous-image {
    left: 20px;
    text-align: left
}

#preview-gallery #next-image {
    right: 20px;
    text-align: right
}

#preview-gallery #exit-preview {
    float: right;
    z-index: 2;
    background: rgba(255,255,255,.7);
    position: absolute;
    right: 12px;
    top: 12px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    color: #000;
    padding: 12px;
    cursor: pointer;
    line-height: 20px
}

@media(min-width: 768px) {
    #preview-gallery {
        display:flex;
        justify-content: center;
        align-items: center
    }

    #preview-gallery #previous-image,#preview-gallery #next-image {
        display: none
    }

    #preview-gallery>.slides {
        border: 10px solid #fff;
        background-color: #fff;
        height: initial
    }

    #preview-gallery>.slides>.slide {
        display: block!important;
        height: 100%;
        float: left
    }

    #preview-gallery .svg-swipe-area {
        display: none!important
    }
}

.ie11 #preview-gallery>.slides {
    height: auto
}

.accordion-tooltip-container table.table-striped.table-bordered {
    border: none;
    margin-top: 16px;
    margin-bottom: 15px
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border:none
    }
}

.accordion-tooltip-container table.table.table-striped.table-bordered>tbody>tr:nth-of-type(odd) {
    background-color: #f6f6f6
}

.accordion-tooltip-container table.table-striped.table-bordered thead th {
    border-top: none;
    background: 0 0;
    font-weight: 600
}

.accordion-tooltip-container table.table-striped.table-bordered tr td strong {
    font-weight: 600
}

.accordion-tooltip-container table.table-striped.table-bordered tr td span.range {
    color: #666
}

.accordion-tooltip-container table.table-striped.table-bordered tr:last-child td {
    border-bottom: none
}

.accordion-tooltip-container table.table-striped.table-bordered tr td:first-child,.accordion-tooltip-container table.table-striped.table-bordered tr th:first-child {
    border-left: none
}

.accordion-tooltip-container table.table-striped.table-bordered tr td:last-child,.accordion-tooltip-container table.table-striped.table-bordered tr th:last-child {
    border-right: none
}

.accordion-tooltip-container table.table-striped.table-bordered td,.accordion-tooltip-container table.table-striped.table-bordered th {
    padding: 11px 6px
}

.accordion-tooltip-container table.table-striped.table-bordered thead th:first-child {
    width: 29%
}

.accordion-tooltip-container table.table-striped.table-bordered thead th {
    width: 14%
}

.accordion-tooltip-container table.table-striped.table-bordered+.hint {
    font-size: 10px;
    color: #666
}

@media screen and (max-width: 767px) {
    .accordion-tooltip-container p {
        word-break:break-word
    }
}

@media screen and (max-width: 767px) {
    .configurator-active #backToTop-btn {
        bottom:70px
    }

    #configuratorAttributes {
        padding-bottom: 30px!important
    }

    #configurator input[type=tel] {
        font-size: 16px
    }
}

#configurator-container .tooltip-link {
    margin-top: 16px;
    font-size: inherit;
    font-weight: 700;
    display: inline-block;
    z-index: 0;
    border-bottom: 1px solid transparent
}

#configurator-container .tooltip-link:focus,#configurator-container .tooltip-link:hover {
    text-decoration: none
}

#configurator-container .tooltip-link>img {
    margin-right: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -2px
}

.error>div.description {
    color: #000
}

.hide-sub-headline h5 {
    margin-bottom: 10px
}

.hide-sub-headline .panel-body {
    padding-top: 0
}

.hide-sub-headline .size-picker-description {
    display: none
}

@media(max-width: 767px) {
    #configurator-container .col-xs-12.ral-color-input-container {
        margin-top:16px
    }
}

.ie11 .is_stuck>#configurator-affix {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.ie11 .yes-no-selection .link-price-container {
    flex: 0 0 auto
}

@media(min-width: 992px) {
    #registration-form>.form-group>label[for=zip]+div.col-md-2 {
        padding-right:0!important
    }
}

.color-neutral-700 {
    color: #444
}

.tooltip-switch div[class^=confi-tooltip-text] {
    padding: 0
}

.tooltip-switch div[class^=confi-tooltip-text]+div[class^=confi-tooltip-text] {
    padding-top: 20px
}

div[class^=confi-tooltip-text] {
    padding: 20px
}

div[class^=confi-tooltip-text] *:last-child {
    margin-bottom: 0
}

@media(min-width: 768px) {
    div[class^=confi-tooltip-text] .col-sm-3,div[class^=confi-tooltip-text] .col-sm-4,div[class^=confi-tooltip-text] .col-sm-6 {
        margin-bottom:0!important
    }
}

@media(max-width: 767px) {
    div[class^=confi-tooltip-text] .col-sm-3+.col-sm-3,div[class^=confi-tooltip-text] .col-sm-4+.col-sm-4,div[class^=confi-tooltip-text] .col-sm-6+.col-sm-3,div[class^=confi-tooltip-text] .col-sm-6+.col-sm-6 {
        margin-top:15px
    }

    div[class^=confi-tooltip-text] div:first-child img {
        margin-bottom: 15px
    }

    div[class^=confi-tooltip-text] div:nth-child(2),div[class^=confi-tooltip-text] div:last-child img {
        margin-top: 15px
    }
}

div[class^=confi-tooltip-text] h3 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700
}

div[class^=confi-tooltip-text] h3,div[class^=confi-tooltip-text] img {
    margin-bottom: 10px
}

div[class^=confi-tooltip-text] img.img-fw {
    width: 100%
}

div[class^=confi-tooltip-text] span.caption {
    display: block;
    margin-top: 10px;
    font-size: 12px
}

div[class^=confi-tooltip-text] .dashed-list {
    padding-left: 12px
}

div[class^=confi-tooltip-text] img.check-green {
    width: 16px!important
}

div[class^=confi-tooltip-text] .table.text-center td:not(.row-header),div[class^=confi-tooltip-text] .table.text-center th {
    text-align: center
}

div[class^=confi-tooltip-text] .table.table-striped tr:nth-of-type(odd) {
    background: 0 0!important
}

div[class^=confi-tooltip-text] .table.table-striped tr:nth-of-type(2n) {
    background: #f6f6f6
}

div[class^=confi-tooltip-text] .table.table-striped tr th {
    border-top: 0;
    background: 0 0
}

div[class^=confi-tooltip-text] .table td,div[class^=confi-tooltip-text] .table th {
    padding: 11px 6px;
    border-right: 1px solid #e4e4e4
}

div[class^=confi-tooltip-text] .table td:last-child,div[class^=confi-tooltip-text] .table th:last-child {
    border-right: none
}

div[class^=confi-tooltip-text] .table .row-header {
    text-align: left;
    font-weight: 700
}

div[class^=confi-tooltip-text] .table .dash-list {
    padding-top: 0;
    padding-bottom: 0
}

.configurator-loading-container {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    width: 100%;
    height: 300px;
    text-align: center;
    padding: 50px 20px
}

.configurator-loading-container img {
    position: relative;
    left: -15px
}

@media(min-width: 768px) {
    .configurator-loading-container {
        left:50%;
        width: 500px;
        margin-left: -250px;
        padding: 100px
    }
}

.ie11 .exitModalInner_container .exitModalInner_image {
    width: auto
}

.value-background-floor .configurator-image-container:after {
    content: "";
    background: url(/img/global/configurator/model-floor.png) center center/cover no-repeat;
    width: 100%;
    height: 30px;
    float: left
}

.value-background-floor label.active .configurator-image-container:after {
    background: url(/img/global/configurator/active-model-floor.png) center center/cover no-repeat
}

.value-background-floor .configurator-tile span:first-of-type {
    padding-top: 0;
    z-index: 1
}

.description-image-container {
    text-align: center
}

.description-image-container img {
    display: initial
}

.parameter-logo {
    position: absolute;
    top: 12px;
    right: 12px;
    height: 42px;
    width: 36px
}

.attribute-value-badge {
    position: initial;
    width: initial;
    height: initial;
    padding-bottom: 5px;
    float: left;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.remove-white-background img {
    mix-blend-mode: multiply
}

.hide-finish-selection .matt-color-group-container {
    visibility: hidden
}

@media(max-width: 767px) {
    .hide-finish-selection .matt-color-group-container {
        display:none
    }

    .hide-finish-selection .ral-color-group-container {
        width: 100%
    }
}

.mobile.safari12 .type-cart .radio label input[type=radio]:checked,.mobile.safari13 .type-cart .radio label input[type=radio]:checked {
    background: #000!important
}

.configurator-alert b:first-of-type {
    padding-bottom: 10px
}

body.configurator-active.modal-open {
    overflow: hidden!important
}

@media(min-width: 768px) {
    body.configurator-active:not(.modal-open) {
        overflow:auto!important
    }
}

.delivery-estimation {
    padding: 0 10px 10px;
    float: left;
    width: 100%;
    font-size: 14px
}

.delivery-estimation>.delivery-estimation-description,.delivery-estimation>.delivery-estimation-data {
    float: left;
    font-size: 13px;
    line-height: 24px
}

.delivery-estimation>.delivery-estimation-data {
    margin-left: 4px
}

.delivery-estimation-data>sup {
    font-size: 70%
}

.safari12 #payment-method-nav,.safari12 .checkout-address-nav,.safari13 #payment-method-nav,.safari13 .checkout-address-nav {
    margin: 0 -1px
}

#configurator-container .badges-wrapper {
    left: 0;
    top: 5px
}

#configurator-container .badge {
    all: unset
}

#configurator-container .badges-wrapper>.badge {
    margin-bottom: 5px
}

#configurator-container .absolute-badges-wrapper>.badge {
    margin-bottom: 5px
}

#configurator-container .badge .uw-value-badge {
    padding: 0!important;
    position: relative;
    line-height: 0;
    margin-bottom: 8px
}

#configurator-container .badge .uw-value-badge>svg {
    border-radius: 4px
}

#configurator-container .badge .uw-value-badge>.uw-text {
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    text-transform: none;
    font-weight: 600;
    color: #000
}

#configurator-container .badge .uw-value-badge>.uw-value {
    position: absolute;
    bottom: 0;
    left: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #fff
}

#attributePanel_2405 .configurator-image-container img {
    max-height: unset
}

.ral-copyright {
    font-size: 12px;
    line-height: 16px;
    color: #444;
    margin-top: 10px
}

.remove-filter-selection-padding-top .configurator-color-selection {
    padding-top: 0!important
}

.small-description-image .mobile-description {
    display: flex!important;
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 15px
}

.small-description-image .description-image-container img {
    padding-bottom: 0
}

@media(min-width: 480px) {
    .small-description-image .description-image-container {
        width:120px;
        text-align: left
    }

    .small-description-image .description-text-container {
        width: calc(100% - 120px)
    }
}

@media(max-width: 479px) {
    .small-description-image .description-image-container {
        width:20%!important;
        text-align: left
    }

    .small-description-image .description-text-container {
        width: 80%!important
    }
}

.attribute-container {
    scroll-margin-top: 30px
}

.comparison-container .configurator-tile {
    padding: 0!important;
    justify-content: stretch
}

.comparison-container .configurator-tile-comparison span {
    font-weight: 700;
    width: 100%!important;
    float: left;
    padding: 20px 10px 10px;
    text-align: center;
    font-size: 15px;
    line-height: 23px;
    display: initial
}

.font-size-xl .configurator-tile-comparison span {
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase
}

.configurator-tile-comparison ul {
    float: left;
    padding: 0 10px;
    margin: 0;
    list-style: none;
    width: 100%
}

.configurator-image-container>img {
    width: 100%;
    max-height: initial
}

.comparison-container .extend-height {
    flex-grow: 1
}

.image-with-padding .configurator-tile img {
    padding: 15px 15px 0;
    max-height: 180px;
    max-width: 100%;
    width: initial
}

.image-with-padding.hide-value-title .configurator-tile img {
    padding: 15px
}

@media(max-width: 479px) {
    .configurator-tile .sub-description {
        -webkit-hyphens:auto;
        hyphens: auto;
        word-break: break-word
    }
}

.attribute-container:not(.no-price-display) .configurator-tile .configurator-price.hidden {
    display: initial!important;
    visibility: hidden
}

@media(min-width: 768px) {
    .attribute-container.three-tiles-per-row .col-sm-3 {
        width:33.33%!important
    }
}

label.disabled .configurator-image-container img {
    opacity: .3
}

.disabled-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-content: center;
    justify-content: center;
    background: rgba(153,153,153,.1);
    color: #000;
    padding: 10px
}

.modal-backdrop.in {
    opacity: .95;
    background-color: #333
}

.ekko-lightbox.modal {
    z-index: 9999999999
}

.ekko-lightbox .modal-content {
    box-shadow: none;
    border-radius: 0;
    border: none;
    background-color: transparent
}

.ekko-lightbox .modal-header {
    border: 0;
    padding: 5px 20px
}

.ekko-lightbox .modal-header .close {
    opacity: .5;
    color: #fff;
    text-shadow: none;
    font-weight: 100;
    margin-top: 5px
}

.ekko-lightbox .modal-header .close:hover {
    opacity: 1
}

.ekko-lightbox .modal-header h4.modal-title {
    font-weight: 100;
    color: #fff;
    padding: 0
}

.ekko-lightbox .modal-body {
    padding: 0
}

.ekko-lightbox .modal-footer {
    opacity: .9;
    border: 0;
    color: #fff;
    font-weight: 100;
    padding: 0
}

.ekko-lightbox-nav-overlay a {
    opacity: .9;
    text-shadow: none
}

.webui-popover-content {
    display: none
}

.webui-popover-rtl {
    direction: rtl;
    text-align: right
}

.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    min-width: 50px;
    min-height: 32px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px #0003
}

.webui-popover.top,.webui-popover.top-left,.webui-popover.top-right {
    margin-top: -10px
}

.webui-popover.right,.webui-popover.right-top,.webui-popover.right-bottom {
    margin-left: 10px
}

.webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right {
    margin-top: 10px
}

.webui-popover.left,.webui-popover.left-top,.webui-popover.left-bottom {
    margin-left: -10px
}

.webui-popover.pop {
    transform: scale(.8);
    transition: transform .15s cubic-bezier(.3,0,0,1.5);
    opacity: 0;
    filter: alpha(opacity=0)
}

.webui-popover.pop-out {
    transition-property: "opacity,transform";
    transition: .15s linear;
    opacity: 0;
    filter: alpha(opacity=0)
}

.webui-popover.fade,.webui-popover.fade-out {
    transition: opacity .15s linear;
    opacity: 0;
    filter: alpha(opacity=0)
}

.webui-popover.out {
    opacity: 0;
    filter: alpha(opacity=0)
}

.webui-popover.in {
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.webui-popover .webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: block
}

.webui-popover .webui-popover-content>div:first-child {
    width: 99%
}

.webui-popover-inner .close {
    font-family: Vazir;
    margin: 8px 10px 0 0;
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    text-decoration: none
}

.webui-popover-inner .close:hover,.webui-popover-inner .close:focus {
    opacity: .5;
    filter: alpha(opacity=50)
}

.webui-popover-inner .close:after {
    content: "×";
    width: .8em;
    height: .8em;
    padding: 4px;
    position: relative
}

.webui-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 5px 5px 0 0
}

.webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: none
}

.webui-popover-inverse {
    background-color: #333;
    color: #eee
}

.webui-popover-inverse .webui-popover-title {
    background: #333;
    border-bottom: 1px solid #3b3b3b;
    color: #eee
}

.webui-no-padding .webui-popover-content {
    padding: 0
}

.webui-no-padding .list-group-item {
    border-right: none;
    border-left: none
}

.webui-no-padding .list-group-item:first-child {
    border-top: 0
}

.webui-no-padding .list-group-item:last-child {
    border-bottom: 0
}

.webui-popover>.webui-arrow,.webui-popover>.webui-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.webui-popover>.webui-arrow {
    border-width: 11px
}

.webui-popover>.webui-arrow:after {
    border-width: 10px;
    content: ""
}

.webui-popover.top>.webui-arrow,.webui-popover.top-right>.webui-arrow,.webui-popover.top-left>.webui-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: #00000040;
    border-bottom-width: 0
}

.webui-popover.top>.webui-arrow:after,.webui-popover.top-right>.webui-arrow:after,.webui-popover.top-left>.webui-arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.webui-popover.right>.webui-arrow,.webui-popover.right-top>.webui-arrow,.webui-popover.right-bottom>.webui-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: #00000040
}

.webui-popover.right>.webui-arrow:after,.webui-popover.right-top>.webui-arrow:after,.webui-popover.right-bottom>.webui-arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.webui-popover.bottom>.webui-arrow,.webui-popover.bottom-right>.webui-arrow,.webui-popover.bottom-left>.webui-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: #00000040;
    border-top-width: 0
}

.webui-popover.bottom>.webui-arrow:after,.webui-popover.bottom-right>.webui-arrow:after,.webui-popover.bottom-left>.webui-arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.webui-popover.left>.webui-arrow,.webui-popover.left-top>.webui-arrow,.webui-popover.left-bottom>.webui-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: #00000040
}

.webui-popover.left>.webui-arrow:after,.webui-popover.left-top>.webui-arrow:after,.webui-popover.left-bottom>.webui-arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.webui-popover-inverse.top>.webui-arrow,.webui-popover-inverse.top-left>.webui-arrow,.webui-popover-inverse.top-right>.webui-arrow,.webui-popover-inverse.top>.webui-arrow:after,.webui-popover-inverse.top-left>.webui-arrow:after,.webui-popover-inverse.top-right>.webui-arrow:after {
    border-top-color: #333
}

.webui-popover-inverse.right>.webui-arrow,.webui-popover-inverse.right-top>.webui-arrow,.webui-popover-inverse.right-bottom>.webui-arrow,.webui-popover-inverse.right>.webui-arrow:after,.webui-popover-inverse.right-top>.webui-arrow:after,.webui-popover-inverse.right-bottom>.webui-arrow:after {
    border-right-color: #333
}

.webui-popover-inverse.bottom>.webui-arrow,.webui-popover-inverse.bottom-left>.webui-arrow,.webui-popover-inverse.bottom-right>.webui-arrow,.webui-popover-inverse.bottom>.webui-arrow:after,.webui-popover-inverse.bottom-left>.webui-arrow:after,.webui-popover-inverse.bottom-right>.webui-arrow:after {
    border-bottom-color: #333
}

.webui-popover-inverse.left>.webui-arrow,.webui-popover-inverse.left-top>.webui-arrow,.webui-popover-inverse.left-bottom>.webui-arrow,.webui-popover-inverse.left>.webui-arrow:after,.webui-popover-inverse.left-top>.webui-arrow:after,.webui-popover-inverse.left-bottom>.webui-arrow:after {
    border-left-color: #333
}

.webui-popover i.icon-refresh:before {
    content: ""
}

.webui-popover i.icon-refresh {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=) no-repeat
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

.webui-popover-backdrop {
    background-color: #000000a6;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998
}

.webui-popover .dropdown-menu {
    display: block;
    position: relative;
    top: 0;
    border: none;
    box-shadow: none;
    float: none
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d,0 0 5px #29d;
    opacity: 1;
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

header+p.introtext {
    padding-top: 0
}

.discount-percent,.full_price {
    display: none
}

.promotion-active .discount-percent,.promotion-active .full_price {
    display: inline-block
}

.discount-percent {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 13px;
    color: #fff!important;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: .35px;
    background: #c00
}

.full_price {
    margin: 0 5px
}

.full_price>* {
    color: #000;
    font-size: 20px;
    line-height: 27px;
    font-weight: 400
}

.discount_price>* {
    font-size: 20px;
    line-height: 27px
}

.discount_price .price_label {
    font-size: 32px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: -1px
}

.discount_price .price_label data {
    color: inherit!important;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.promotion-active .discount_price>* {
    color: #c00!important
}

.redesign1 .options-teaser.type4 p.priceline,.redesign1.options-teaser.type4 p.priceline {
    margin: 0!important;
    padding: 30px 5px 0
}

.redesign1 .options-teaser.type4.col-sm-6 .contents,.redesign1.options-teaser.type4.col-sm-6 .contents {
    margin-top: -17px!important;
    float: left;
    width: 100%
}

.redesign1 .options-teaser.type4.col-sm-6 p.priceline,.redesign1.options-teaser.type4.col-sm-6 p.priceline {
    text-align: left
}

.redesign1 .options-teaser.type4.col-sm-6 .discount-percent,.redesign1.options-teaser.type4.col-sm-6 .discount-percent {
    top: auto;
    bottom: 5px
}

.options-teaser .full_price,.options-teaser .full_price>*,.dce-10 .full_price,.dce-10 .full_price>* {
    font-size: 12px!important;
    line-height: 19px
}

.options-teaser .discount_price>*,.dce-10 .discount_price>* {
    font-size: 12px;
    line-height: 19px
}

@media(min-width: 768px) and (max-width:992px) {
    .options-teaser .full_price {
        margin-left:0
    }

    .options-teaser .discount_price>* {
        font-size: 16px!important
    }
}

@media(min-width: 375px) and (max-width:576px) {
    .options-teaser .full_price {
        margin-left:0
    }

    .options-teaser .discount_price>* {
        font-size: 14px!important
    }
}

.options-teaser .discount_price .price_label,.dce-10 .discount_price .price_label {
    font-size: 22px;
    line-height: 32px
}

.dce-10 .tcenter {
    position: relative
}

.dce-10 .tcenter .discount-percent {
    transform: translateY(-100%)
}

.options-teaser.type1 .border>.contents {
    position: relative;
    padding-top: 35px
}

.options-teaser.type1 .discount-percent {
    top: 5px;
    left: 0;
    right: auto
}

#price-box .flex-row {
    margin-bottom: 25px;
    background-color: #fcc
}

#price-box .flex-row>div {
    margin: 0!important
}

.gray-price,.profil-preis {
    position: relative;
    padding: 0;
    display: flex;
    align-items: center
}

.profil-preis {
    margin: 0
}

.gray-price>.tcenter,.profil-preis .list-item-link,.productdetail-canopy .price-box-partial.price-box,.productdetail-accessory .price-box-partial.price-box {
    width: 100%!important
}

.profil-preis .full_price>* {
    font-size: 14px!important;
    line-height: 19px
}

.profil-preis .discount_price>* {
    font-size: 14px;
    line-height: 19px
}

@media(min-width: 768px) and (max-width:992px) {
    .profil-preis .full_price {
        margin-left:0
    }

    .profil-preis .discount_price>* {
        font-size: 14px!important
    }
}

.profil-preis .discount_price .price_label {
    font-size: 19px;
    line-height: 32px
}

.list-items1 .compare-profile-item .profil-preis .priceline {
    margin: 30px 10px 0
}

.list-items1 .compare-profile-item .profil-preis .btn-sm {
    margin: 15px 10px 10px
}

.productlist-container .product-item-profile .product-image,.product-item-accessory .product-image,.product-item-canopy .product-image,.products-list-item .product-image,.topseller-item.nf_slide .product-image {
    position: relative
}

.productlist-container .product-item-profile .product-image .discount-percent,.product-item-accessory .product-image .discount-percent,.product-item-canopy .product-image .discount-percent,.products-list-item .product-image .discount-percent,.topseller-item.nf_slide .discount-percent {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0
}

.products-list-item .product-image .discount-percent {
    bottom: 48px
}

.topseller-item.nf_slide .discount-percent {
    bottom: 32px
}

.products-list-item .product-image .discount-percent,.productoffer-price .discount-percent,.topseller-item.nf_slide .discount-percent {
    background: #fc6262
}

.productdetail-accessory .discount-percent,.productdetail-canopy .discount-percent,.productoffer-price .discount-percent {
    position: relative;
    margin-left: 16px;
    top: .25rem
}

.productdetail-accessory .discount-percent,.productdetail-canopy .discount-percent {
    top: 0
}

.productdetail-accessory .discount_price>*,.productdetail-canopy .discount_price>* {
    font-size: 3.8rem;
    line-height: 1em
}

.productdetail-accessory .full_price,.productdetail-canopy .full_price {
    margin-left: 10px
}

.productlist-container .product-item-profile .priceline,.product-item-accessory .priceline,.product-item-canopy .priceline {
    font-size: initial;
    margin: 4px 0 0!important
}

.productlist-container .product-item-profile .full_price,.product-item-accessory .full_price,.product-item-canopy .full_price {
    margin-bottom: 0;
    height: 18px;
    line-height: 18px;
    font-size: 12px
}

.productlist-container .product-item-profile .full_price,.productlist-container .product-item-profile .full_price>*,.product-item-accessory .full_price>*,.product-item-canopy .full_price>* {
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 400
}

.productlist-container .product-item-profile .discount_price,.product-item-accessory .discount_price,.product-item-canopy .discount_price {
    height: 27px;
    line-height: 27px
}

.productlist-container .product-item-profile .discount_price>*,.product-item-accessory .discount_price>*,.product-item-canopy .discount_price>* {
    font-size: 13px;
    font-weight: 400;
    line-height: 27px;
    color: #000
}

@media(max-width: 479px) {
    .productdetail-accessory .full_price,.productdetail-canopy .full_price {
        font-size:inherit!important
    }

    .product-item-accessory .full_price,.productlist-container .product-item-profile .full_price>*,.product-item-accessory .full_price>*,.product-item-canopy .full_price>*,.productlist-container .product-item-profile .discount_price>*,.product-item-accessory .discount_price>*,.product-item-canopy .discount_price>* {
        font-size: 13px!important
    }

    .productlist-container .product-item-profile .discount_price .price_label,.product-item-accessory .discount_price .price_label,.product-item-canopy .discount_price .price_label {
        font-size: 20px!important
    }
}

.productlist-container.productlist-profile .product-item-profile .product_name_1row {
    font-size: 24px!important;
    line-height: 33px!important
}

.productlist-container .product-item-profile .discount_price .price_label,.product-item-accessory .discount_price .price_label,.product-item-canopy .discount_price .price_label {
    font-size: 20px;
    font-weight: 600
}

.tca-header div.image-col .badge-rabatt span.big-text {
    font-size: 19px;
    line-height: 35px;
    text-transform: uppercase
}

@media(min-width: 768px) and (max-width:992px) {
    .tca-header div.image-col .badge-rabatt span.big-text {
        font-size:17px!important
    }
}

@media(max-width: 576px) {
    .tca-header div.image-col .badge-rabatt span.big-text {
        font-size:17px!important
    }
}

@media(max-width: 374px) {
    .tca-header div.image-col .badge-rabatt span.big-text {
        font-size:11px!important
    }
}

.dyn-discount.has-extra-discount.discount-selected-products .extra-discount {
    height: auto
}

.dyn-discount.has-extra-discount.discount-selected-products .extra-discount .until-date {
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -.18px
}

.dyn-discount.has-extra-discount.discount-selected-products .extra-discount .until-price {
    width: 100%;
    margin: 4px auto;
    color: #c00000;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase
}

.dyn-discount.has-extra-discount.discount-selected-products .extra-discount strong {
    color: #c00000;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase
}

.dyn-discount.has-extra-discount.discount-selected-products .extra-discount .for-items {
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -.37px;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .dyn-discount.has-extra-discount.discount-selected-products+.dyn-smallprint.hide-portrait {
        bottom:5px!important
    }
}

@media(max-width: 340px) {
    .dyn-discount.has-extra-discount.discount-selected-products .extra-discount .for-items {
        font-size:10px;
        line-height: 12px
    }

    .dyn-discount.has-extra-discount.discount-selected-products .extra-discount strong {
        font-size: 30px;
        line-height: 30px
    }
}

.best-price {
    display: none;
    visibility: hidden;
    min-height: 18px;
    font-size: 11px;
    line-height: 18px;
    color: #999!important;
    text-align: center;
    -webkit-hyphens: none;
    hyphens: none
}

[lang=fr] .best-price {
    font-size: 10px
}

body.has-promotion .best-price {
    display: block
}

body.has-promotion .promotion-active .best-price {
    visibility: visible
}

.productlist-container .best-price {
    margin-bottom: 4px
}

.options-teaser.type4 .best-price,.detail-profile-item .best-price {
    margin-top: 8px
}

body.has-promotion .detail-profile-item .best-price+p.credit-info {
    margin: 8px auto!important
}

.productdetail-container .best-price {
    text-align: left
}

.progress-button {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 45%;
    min-width: 200px;
    margin: 10px
}

.progress-button button {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 200px;
    height: 48px;
    border: 2px solid #06c;
    background: #06c;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .3s,color .3s,width .3s,border-width .3s,border-color .3s
}

.progress-button button:hover {
    background-color: #67b3ff;
    border-color: #67b3ff
}

.progress-button button:disabled {
    cursor: not-allowed;
    opacity: .65
}

.progress-button.loading button {
    border-radius: 40px
}

.progress-button button:focus {
    outline: none
}

.progress-button button span {
    transition: opacity .3s .1s
}

.progress-button svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none
}

.progress-button svg path {
    opacity: 0;
    fill: none
}

.progress-button svg.progress-circle path {
    stroke: #06c;
    stroke-width: 3
}

.progress-button svg.checkmark path,.progress-button svg.cross path {
    stroke: #fff;
    stroke-linecap: round;
    stroke-width: 4;
    transition: opacity .1s
}

.loading.progress-button button {
    width: 56px;
    border-width: 3px;
    border-color: #ddd;
    background-color: transparent;
    color: #fff
}

.loading.progress-button span {
    transition: opacity .15s
}

.loading.progress-button span,.success.progress-button span,.error.progress-button span {
    opacity: 0
}

.success.progress-button button,.error.progress-button button {
    transition: background-color .3s,width .3s,border-width .3s
}

.success.progress-button button {
    border-color: #06c;
    background-color: #06c
}

.error.progress-button button {
    border-color: #c00;
    background-color: #c00
}

.loading.progress-button svg.progress-circle path,.success.progress-button svg.checkmark path,.error.progress-button svg.cross path {
    opacity: 1;
    transition: stroke-dashoffset .3s
}

.elastic.progress-button button {
    transition: background-color .3s,color .3s,width .3s cubic-bezier(.25,.25,.4,1.6),border-width .3s,border-color .3s
}

.loading.elastic.progress-button button {
    transition: background-color .3s,color .3s,width .3s cubic-bezier(.6,-.6,.75,.75),border-width .3s,border-color .3s
}

#process-order-modal .progress-button button {
    width: 58px;
    height: 58px;
    border-width: 2px;
    border-color: transparent
}

#process-order-modal .progress-button.loading button {
    width: 56px;
    height: 56px;
    border-width: 3px;
    border-color: #ddd
}

#process-order-modal .progress-button .progress-circle,#process-order-modal .progress-button .checkmark,#process-order-modal .progress-button .cross {
    width: 56px;
    height: 56px
}

#process-order-modal .progress-button.ended-success:not(.success) svg.checkmark path {
    stroke-dasharray: none!important;
    opacity: 1
}

#process-order-modal .progress-button.ended-success button {
    border-radius: 50%
}

#process-order-modal .progress-button:not(.ended-success) button {
    background-color: transparent
}

.container:not(.header-container),.container-fluid {
    padding: 0 16px
}

*[class*=col-] {
    padding: 0 16px
}

*[class*=col-].no-pad-left {
    padding-left: 0
}

*[class*=col-].no-pad-left-right {
    padding-left: 0;
    padding-right: 0
}

.col-inner {
    padding: 0
}

.row {
    margin-left: -16px;
    margin-right: -16px
}

@media(max-width: 991px) {
    .row .col-sm-6 {
        clear:none
    }
}

.container.nav-holder {
    padding-left: 0;
    padding-right: 0
}

.container.nav-holder .breadcrumb {
    padding: 0 16px
}

.grid-container {
    width: 100%;
    float: left;
    padding-top: 48px;
    padding-bottom: 48px
}

@media(max-width: 991px) {
    .grid-container {
        overflow-x:hidden
    }
}

@media(min-width: 992px) {
    .grid-container {
        padding-top:64px;
        padding-bottom: 72px
    }
}

.grid-container.bg-neutral-005 .read-more-mode-15 .read-more-block,.grid-container.bg-neutral-005 .read-more-mode-60 .read-more-block {
    background: #f9f9f9
}

.grid-container.bg-neutral-005 .read-more-mode-15 .read-more-block:before,.grid-container.bg-neutral-005 .read-more-mode-60 .read-more-block:before {
    background: linear-gradient(180deg,rgba(255,255,255,.3) 0%,#F9F9F9 100%)
}

.grid-container.read-more-mode-15,.grid-container.read-more-mode-60 {
    position: relative;
    overflow: hidden
}

.grid-container.read-more-mode-15.open,.grid-container.read-more-mode-60.open {
    overflow: visible
}

.grid-container.read-more-mode-15.open .read-more-block,.grid-container.read-more-mode-60.open .read-more-block {
    padding-top: 16px;
    bottom: -16px
}

.grid-container.read-more-mode-15.open .read-more-block:before,.grid-container.read-more-mode-60.open .read-more-block:before {
    display: none
}

.grid-container.read-more-mode-15 .read-more-block,.grid-container.read-more-mode-60 .read-more-block {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    transition: .1s all ease-in-out
}

.grid-container.read-more-mode-15 .read-more-block:before,.grid-container.read-more-mode-60 .read-more-block:before {
    content: "";
    position: absolute;
    top: -80px;
    display: block;
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg,rgba(255,255,255,.3) 0%,#FFFFFF 100%)
}

.grid-container.read-more-mode-15.padding-bottom-zero,.grid-container.read-more-mode-15.padding-bottom-xs,.grid-container.read-more-mode-15.padding-bottom-s,.grid-container.read-more-mode-60.padding-bottom-zero,.grid-container.read-more-mode-60.padding-bottom-xs,.grid-container.read-more-mode-60.padding-bottom-s {
    padding-bottom: 48px!important
}

.grid-container.read-more-mode-15.padding-bottom-zero,.grid-container.read-more-mode-15.padding-bottom-xs,.grid-container.read-more-mode-60.padding-bottom-zero,.grid-container.read-more-mode-60.padding-bottom-xs {
    margin-bottom: 32px!important
}

.grid-container.read-more-mode-15.padding-bottom-s,.grid-container.read-more-mode-60.padding-bottom-s {
    margin-bottom: 40px!important
}

@media(min-width: 992px) {
    .grid-container.read-more-mode-15.padding-bottom-s,.grid-container.read-more-mode-60.padding-bottom-s {
        margin-bottom:48px!important
    }
}

.grid-container.read-more-mode-15.padding-bottom-m,.grid-container.read-more-mode-60.padding-bottom-m {
    margin-bottom: 40px!important;
    padding-bottom: 48px!important
}

@media(min-width: 992px) {
    .grid-container.read-more-mode-15.padding-bottom-m,.grid-container.read-more-mode-60.padding-bottom-m {
        margin-bottom:56px!important
    }
}

.grid-container.read-more-mode-15.padding-bottom-l,.grid-container.read-more-mode-60.padding-bottom-l {
    margin-bottom: 48px!important;
    padding-bottom: 48px!important
}

@media(min-width: 992px) {
    .grid-container.read-more-mode-15.padding-bottom-l,.grid-container.read-more-mode-60.padding-bottom-l {
        margin-bottom:64px!important;
        padding-bottom: 56px!important
    }
}

.grid-container.read-more-mode-15.padding-bottom-xl,.grid-container.read-more-mode-60.padding-bottom-xl {
    margin-bottom: 48px!important
}

@media(min-width: 992px) {
    .grid-container.read-more-mode-15.padding-bottom-xl,.grid-container.read-more-mode-60.padding-bottom-xl {
        margin-bottom:72px!important
    }
}

.grid-container.read-more-mode-15.padding-bottom-xxl,.grid-container.read-more-mode-60.padding-bottom-xxl {
    margin-bottom: 56px!important
}

@media(min-width: 992px) {
    .grid-container.read-more-mode-15.padding-bottom-xxl,.grid-container.read-more-mode-60.padding-bottom-xxl {
        margin-bottom:80px!important
    }
}

.grid-container>.container {
    width: 100%;
    max-width: 1170px;
    background-color: transparent!important;
    border: none
}

.grid-container>.container .grid-column>header>* {
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

.grid-container>.container .grid-column:first-child:not([class*=offset]) {
    margin-left: -1px
}

@media(max-width: 991px) {
    .grid-container>.container .grid-column:first-child:not([class*=offset]) {
        margin-left:0
    }
}

@media(max-width: 1200px) {
    .grid-container>.container .table-responsive thead tr>th {
        word-break:break-word
    }
}

@media(min-width: 768px) {
    .grid-row {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.grid-column {
    margin-bottom: 0!important
}

@media(min-width: 768px) {
    .grid-column>.border {
        height:100%
    }
}

.grid-column>[class*=col-] {
    width: 100%!important;
    padding-left: 0;
    padding-right: 0
}

.grid-column>div.ce-textpic-no-media>h1,.grid-column>h1,.grid-column .fv-product.show-detail-extended h1 {
    margin-left: 0;
    margin-right: 0
}

.grid-column-20 {
    position: relative;
    min-height: 1px;
    padding-left: 16px;
    padding-right: 16px;
    float: left
}

@media(max-width: 767px) {
    .grid-column-20:not(.col-xs-6) {
        width:100%
    }
}

@media(min-width: 768px) {
    .grid-column-20 {
        width:33.333%
    }
}

@media(min-width: 992px) {
    .grid-column-20 {
        width:20%
    }
}

@media(min-width: 768px) {
    .grid-column-20.column-md-20 {
        width:100%
    }
}

@media(min-width: 992px) {
    .grid-column-20.column-md-20 {
        width:20%
    }
}

.grid-column header:after {
    content: "";
    clear: both;
    display: block
}

.grid-column header .csc-firstHeader {
    padding: 0;
    margin-top: 0
}

.grid-column figure {
    width: 100%;
    padding: 0;
    text-align: center
}

.grid-column img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.grid-column .tiny img {
    width: 50px!important;
    margin-right: 6px
}

.grid-column .ce-textpic.ce-left.ce-above .ce-gallery img,.grid-column .ce-textpic.ce-left.ce-below .ce-gallery img {
    margin-left: 0
}

.grid-column .ce-textpic.ce-right.ce-above .ce-gallery img,.grid-column .ce-textpic.ce-right.ce-below .ce-gallery img {
    margin-right: 0
}

.grid-column p:not(.btn):not(.tipp) {
    margin: 0 0 16px
}

.grid-column .paddding,.grid-column .migration-px-0,.grid-column .dce-16,.grid-column .responsive-table {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.grid-column .migration-mx-0 {
    margin-left: 0;
    margin-right: 0
}

.grid-column>.clear,.grid-column div[class=hidden-xs] {
    margin-left: -16px;
    margin-right: -16px
}

.grid-column>.clear>*,.grid-column div[class=hidden-xs]>* {
    padding-left: 16px;
    padding-right: 16px
}

.grid-column>.clear>.carousel,.grid-column div[class=hidden-xs]>.carousel {
    padding-left: 0;
    padding-right: 0
}

.grid-column>.hero {
    margin-left: -16px;
    margin-right: -16px
}

.grid-column .round-image-container.quote-item:after {
    display: none
}

.grid-column .round-image-container.quote-item figure {
    position: relative;
    width: auto;
    width: -moz-fit-content;
    width: -moz-max-content;
    width: max-content;
    display: inline-block
}

.grid-column .round-image-container.quote-item figure:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 64px;
    height: 64px;
    background-image: url(/fileadmin/img/de/quote.svg);
    background-size: 64px 64px
}

.grid-column.col-sm-4 .ce-textpic.ce-center.ce-above.redesign1.tcenter {
    height: 100%;
    display: flex;
    flex-flow: column
}

.grid-column.col-sm-4 .ce-textpic.ce-center.ce-above.redesign1.tcenter .ce-bodytext.tcenter {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.grid-column .review-item {
    display: block
}

.grid-column .review-item .ce-gallery,.grid-column .review-item .ce-bodytext {
    width: 50%;
    float: left
}

.grid-column .responsive-slider,.grid-column .stage,.grid-column .categorylist-container {
    margin: 0 -16px;
    width: auto;
    min-width: 100%;
    float: none
}

@media(max-width: 991px) {
    .grid-column .responsive-slider {
        margin:0
    }
}

.grid-column .responsive-slider .slick-slider .slick-dots {
    margin-left: 0!important
}

.grid-column .categorylist-container .product_name_1row {
    margin: 8px 0 4px!important
}

.grid-column .easy-wrap>.items,.grid-column .fv-product.show-detail-extended,.grid-column .profiles-list,.grid-column .productlist-container {
    margin: 0 -16px;
    width: auto!important
}

.grid-column .profiles-list {
    padding: 0!important
}

.grid-column .product-item-accessory .priceline,.grid-column .product-item-canopy .priceline,.grid-column .productlist-container .product-item-profile .priceline {
    margin-top: 20px;
    margin-bottom: 10px
}

.grid-column .productlist-container .product-item-profile .product_name_1row {
    margin-top: 10px;
    margin-bottom: 0
}

.grid-column .microdataTable .table-responsive {
    padding-bottom: 8px
}

.grid-column .microdataTable .table-responsive .product-image {
    width: auto!important;
    height: 80px!important
}

.grid-column .microdataTable .table-responsive .manufacturer-logo {
    max-width: 100px
}

.grid-column .options-teaser .border>.contents>p {
    word-wrap: break-word;
    white-space: normal;
    margin-bottom: 0
}

.grid-column .options-teaser .stoerer-round>p {
    margin: 0
}

@media(max-width: 500px) {
    .grid-column .options-teaser.type1:not(.has-red-stoerer) {
        width:100%
    }
}

.grid-column .options-teaser.type1:not(.has-red-stoerer) .border {
    height: 100%!important;
    padding-bottom: 63px;
    border: 1px solid #c9c9c9
}

.grid-column .options-teaser.type1:not(.has-red-stoerer) .border>.contents {
    width: 100%
}

.grid-column .options-teaser.type1:not(.has-red-stoerer) .link-button {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    border: none;
    background: #fff
}

.grid-column .options-teaser-inner {
    height: 100%!important;
    padding-bottom: 32px!important
}

.grid-column>.options-teaser.type1:not(.has-red-stoerer) {
    height: calc(100% - 24px)
}

.grid-column>.options-teaser.type1:not(.has-red-stoerer) .link-button {
    bottom: 16px
}

.grid-column.col-sm-6 .options-teaser-inner {
    padding-bottom: 72px!important
}

.grid-column.col-sm-6 .options-teaser-inner+.link-button span.fwd:not(.btn-primary) {
    margin: 0!important
}

@media(min-width: 992px) {
    .grid-column .col-one-step p {
        margin-top:30px!important
    }
}

@media(min-width: 992px) and (max-width:1140px) {
    .grid-column .col-one-step p {
        margin-top:40px!important
    }
}

.grid-column .teaser-redArrow {
    padding: 0
}

.grid-column .teaser-redArrow ul li {
    padding: 0 16px
}

.grid-column .teaser-redArrow ul li .icon-block img {
    margin: 0
}

.grid-column .info-list p.heading {
    margin: -1px -11px 0
}

.grid-column .rating,.grid-column .jumbotron,.grid-column .synonymbox,.grid-column .pagebrowser,.grid-column .trenner,.grid-column .introtext {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.grid-column .jumbotron p.tcenter {
    margin-top: 16px!important;
    margin-bottom: 0!important
}

.grid-column .pagebrowser {
    padding-top: 32px
}

.grid-column #salesContact .salesContactHeader {
    margin-bottom: 0
}

.grid-column .ce-textpic,.grid-column .ce-image,.grid-column .ce-row {
    margin-left: -16px;
    margin-right: -16px
}

.grid-column .ce-textpic:before,.grid-column .ce-textpic:after,.grid-column .ce-image:before,.grid-column .ce-image:after,.grid-column .ce-row:before,.grid-column .ce-row:after {
    content: " ";
    display: table;
    clear: both
}

.grid-column .ce-textpic>div,.grid-column .ce-image>div,.grid-column .ce-row>div {
    padding-left: 16px;
    padding-right: 16px
}

.grid-column .ce-gallery:not([class*=col-]) {
    width: 100%
}

.grid-column .ce-gallery .ce-column {
    width: 100%;
    float: left;
    text-align: center
}

@media(min-width: 768px) {
    .grid-column .ce-gallery[data-ce-columns="2"] .ce-column {
        width:50%
    }

    .grid-column .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 33.33333333%
    }

    .grid-column .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 25%
    }

    .grid-column .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 20%
    }

    .grid-column .ce-gallery[data-ce-columns="6"] .ce-column {
        width: 16.66666667%
    }

    .grid-column .ce-gallery[data-ce-columns="7"] .ce-column {
        width: 14.28571429%
    }

    .grid-column .ce-gallery[data-ce-columns="8"] .ce-column {
        width: 12.5%
    }
}

.grid-column .ce-textpic .ce-bodytext:not([class*=col-]),.grid-column .ce-image .ce-bodytext:not([class*=col-]) {
    width: 100%
}

@media(min-width: 768px) {
    .grid-column .ce-textpic.ce-intext .ce-gallery:not([class*=col-]),.grid-column .ce-image.ce-intext .ce-gallery:not([class*=col-]) {
        width:auto;
        max-width: 50%
    }

    .grid-column .ce-textpic.ce-intext.ce-nowrap .ce-gallery:not([class*=col-]),.grid-column .ce-textpic.ce-intext.ce-nowrap .ce-bodytext:not([class*=col-]),.grid-column .ce-image.ce-intext.ce-nowrap .ce-gallery:not([class*=col-]),.grid-column .ce-image.ce-intext.ce-nowrap .ce-bodytext:not([class*=col-]) {
        width: 50%
    }

    .grid-column .ce-textpic.ce-left.ce-intext .ce-gallery,.grid-column .ce-image.ce-left.ce-intext .ce-gallery,.grid-column .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery,.grid-column .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext,.grid-column .ce-image.ce-left.ce-intext.ce-nowrap .ce-gallery,.grid-column .ce-image.ce-left.ce-intext.ce-nowrap .ce-bodytext {
        float: left
    }

    .grid-column .ce-textpic.ce-left .ce-column,.grid-column .ce-image.ce-left .ce-column {
        text-align: left
    }

    .grid-column .ce-textpic.ce-right.ce-intext .ce-gallery,.grid-column .ce-image.ce-right.ce-intext .ce-gallery,.grid-column .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery,.grid-column .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext,.grid-column .ce-image.ce-right.ce-intext.ce-nowrap .ce-gallery,.grid-column .ce-image.ce-right.ce-intext.ce-nowrap .ce-bodytext {
        float: right
    }

    .grid-column .ce-textpic.ce-right .ce-column,.grid-column .ce-image.ce-right .ce-column {
        text-align: right
    }
}

.grid-column .grid-row {
    margin-left: -16px;
    margin-right: -16px
}

.grid-column .grid-row .grid-column.col-sm-4 {
    width: 33.33333333%;
    float: left;
    clear: initial
}

.grid-column .grid-row .grid-column.col-sm-6 {
    width: 50%;
    float: left;
    clear: initial
}

@media(max-width: 991px) {
    .grid-column .grid-row .grid-column.col-sm-6:nth-child(-n+2) {
        margin-bottom:32px
    }
}

.colorDetail .grid-column .color-detail-image .ce-column {
    width: 100%
}

.colorDetail .grid-column .introtext {
    padding-left: 0;
    padding-right: 0
}

.colorDetail .grid-column .color-detail-description[class*=col-] {
    margin-left: -16px!important;
    margin-right: -16px!important;
    width: auto!important
}

.colorDetail .grid-column .pagebrowser.hidden-xs {
    margin-top: 20px;
    margin-bottom: 20px
}

.colorDetail .grid-column .pagebrowser span.showRalColor {
    text-decoration: none;
    color: #0060b7
}

.colorDetail .grid-column .pagebrowser span.showRalColor:hover {
    text-decoration: underline
}

#sticky-column-container {
    height: auto!important
}

@media(max-width: 991px) {
    #sticky-column-container .sticky-column {
        position:relative!important;
        top: auto!important
    }

    #sticky-column-container .sticky-column:last-child {
        margin-bottom: 16px
    }
}

@media(min-width: 992px) {
    #sticky-column-container .sticky-column.is_stuck {
        margin-top:16px
    }
}

.page-sticky-column .row:not(.stage) .grid-container>.container,.page-sticky-column .row:not(.stage) .grid-container>.grid-row>.grid-column.col-sm-12 {
    padding-left: 0!important;
    padding-right: 0!important
}

.page-sticky-column .row:not(.flex-row) .grid-container>.grid-row .headline-lg {
    margin-bottom: 32px
}

.page-sticky-column .sticky-column:after {
    content: "";
    clear: both;
    display: block
}

*[class^=layer-] {
    border-radius: 4px;
    overflow: hidden
}

.layer-0 {
    border: 1px solid #e4e4e4
}

.layer-2 {
    box-shadow: 0 2px 4px #0000000f,0 3px 4px #0000000d,0 1px 5px #00000014
}

.layer-4 {
    box-shadow: 0 2px 4px #00000012,0 4px 5px #0000000f,0 1px 10px #0000001a
}

.layer-8 {
    box-shadow: 0 8px 10px 1px #00000012,0 3px 14px 3px #0000000f,0 4px 5px #0000001a
}

.layer-12 {
    box-shadow: 0 12px 17px 2px #00000012,0 5px 22px 4px #0000000f,0 7px 8px #0000001a
}

.layer-16 {
    box-shadow: 0 16px 24px 2px #00000012,0 6px 30px 5px #0000000f,0 8px 10px #0000001a
}

.layer-24 {
    box-shadow: 0 24px 38px 3px #00000012,0 9px 46px 8px #0000000f,0 11px 15px #0000001a
}

.font-weight-regular {
    font-weight: 400
}

.font-weight-semi-bold {
    font-weight: 600
}

.font-weight-bold {
    font-weight: 700
}

.flex-row {
    display: flex;
    flex-flow: row wrap
}

.flex-col {
    display: flex;
    flex-direction: column
}

.flex-items-start {
    display: flex;
    align-items: flex-start
}

.flex-items-center {
    display: flex;
    align-items: center
}

.flex-content-center {
    display: flex;
    justify-content: center
}

.flex-space-between {
    display: flex;
    justify-content: space-between
}

.flex-space-evenly {
    display: flex;
    justify-content: space-evenly
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

@media(max-width: 991px) {
    .order-sm-1 {
        order:1
    }
}

@media(max-width: 991px) {
    .order-sm-2 {
        order:2
    }
}

@media(max-width: 767px) {
    .order-xs-1 {
        order:1
    }
}

@media(max-width: 767px) {
    .order-xs-2 {
        order:2
    }
}

.d-flex {
    display: flex
}

.padding-top-xxl {
    padding-top: 56px!important
}

@media(min-width: 992px) {
    .padding-top-xxl {
        padding-top:72px!important
    }
}

.padding-bottom-xxl {
    padding-bottom: 56px!important
}

@media(min-width: 992px) {
    .padding-bottom-xxl {
        padding-bottom:72px!important
    }
}

.padding-top-xl {
    padding-top: 48px!important
}

@media(min-width: 992px) {
    .padding-top-xl {
        padding-top:64px!important
    }
}

.padding-bottom-xl {
    padding-bottom: 48px!important
}

@media(min-width: 992px) {
    .padding-bottom-xl {
        padding-bottom:64px!important
    }
}

.padding-top-l {
    padding-top: 40px!important
}

@media(min-width: 992px) {
    .padding-top-l {
        padding-top:56px!important
    }
}

.padding-bottom-l {
    padding-bottom: 40px!important
}

@media(min-width: 992px) {
    .padding-bottom-l {
        padding-bottom:56px!important
    }
}

.padding-top-m {
    padding-top: 32px!important
}

@media(min-width: 992px) {
    .padding-top-m {
        padding-top:48px!important
    }
}

.padding-bottom-m {
    padding-bottom: 32px!important
}

@media(min-width: 992px) {
    .padding-bottom-m {
        padding-bottom:48px!important
    }
}

.padding-top-s {
    padding-top: 24px!important
}

@media(min-width: 992px) {
    .padding-top-s {
        padding-top:40px!important
    }
}

.padding-bottom-s {
    padding-bottom: 24px!important
}

@media(min-width: 992px) {
    .padding-bottom-s {
        padding-bottom:40px!important
    }
}

.padding-top-xs {
    padding-top: 16px!important
}

@media(min-width: 992px) {
    .padding-top-xs {
        padding-top:32px!important
    }
}

.padding-bottom-xs {
    padding-bottom: 16px!important
}

@media(min-width: 992px) {
    .padding-bottom-xs {
        padding-bottom:32px!important
    }
}

.padding-top-zero {
    padding-top: 0!important
}

.padding-bottom-zero {
    padding-bottom: 0!important
}

.padding-size-0 {
    padding: 4px
}

.no-pad-right {
    padding-right: 0!important
}

.no-pad-left {
    padding-left: 0!important
}

.margin-top-xxl {
    margin-top: 56px!important
}

@media(min-width: 992px) {
    .margin-top-xxl {
        margin-top:72px!important
    }
}

.margin-bottom-xxl {
    margin-bottom: 56px!important
}

@media(min-width: 992px) {
    .margin-bottom-xxl {
        margin-bottom:72px!important
    }
}

.margin-top-xl {
    margin-top: 48px!important
}

@media(min-width: 992px) {
    .margin-top-xl {
        margin-top:64px!important
    }
}

.margin-bottom-xl {
    margin-bottom: 48px!important
}

@media(min-width: 992px) {
    .margin-bottom-xl {
        margin-bottom:64px!important
    }
}

.margin-top-l {
    margin-top: 40px!important
}

@media(min-width: 992px) {
    .margin-top-l {
        margin-top:56px!important
    }
}

.margin-bottom-l {
    margin-bottom: 40px!important
}

@media(min-width: 992px) {
    .margin-bottom-l {
        margin-bottom:56px!important
    }
}

.margin-top-m {
    margin-top: 32px!important
}

@media(min-width: 992px) {
    .margin-top-m {
        margin-top:48px!important
    }
}

.margin-bottom-m {
    margin-bottom: 32px!important
}

@media(min-width: 992px) {
    .margin-bottom-m {
        margin-bottom:48px!important
    }
}

.margin-top-s {
    margin-top: 24px!important
}

@media(min-width: 992px) {
    .margin-top-s {
        margin-top:40px!important
    }
}

.margin-bottom-s {
    margin-bottom: 24px!important
}

@media(min-width: 992px) {
    .margin-bottom-s {
        margin-bottom:40px!important
    }
}

.margin-top-xs {
    margin-top: 16px!important
}

@media(min-width: 992px) {
    .margin-top-xs {
        margin-top:32px!important
    }
}

.margin-bottom-xs {
    margin-bottom: 16px!important
}

@media(min-width: 992px) {
    .margin-bottom-xs {
        margin-bottom:32px!important
    }
}

.margin-top-zero {
    margin-top: 0!important
}

.margin-bottom-zero {
    margin-bottom: 0!important
}

.mix-blend-multiply img {
    mix-blend-mode: multiply
}

.nf-icon-80x80 {
    height: 80px;
    width: 80px;
    display: none
}

@media(min-width: 992px) {
    .nf-icon-80x80 {
        display:block
    }
}

.nf-icon-48x48 {
    width: 48px;
    height: 48px;
    display: block
}

@media(min-width: 992px) {
    .nf-icon-48x48 {
        display:none
    }
}

svg .fill-highlight {
    fill: #c00
}

svg .fill-neutral {
    fill: #666
}

svg .stroke-highlight {
    stroke: #c00
}

svg .stroke-neutral {
    stroke: #666
}

.shim {
    background-color: #000;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2000;
    -webkit-overflow-scrolling: touch;
    opacity: .5
}

@media(max-width: 499px) {
    .shim {
        display:none
    }
}

*[class^=layer-] {
    border-radius: 0
}

.layer {
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2010;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity .15s linear
}

@media(max-width: 767px) {
    .layer {
        transition:all .5s ease-in-out;
        transform: translate3d(0,100%,0)
    }
}

.layer__hidden {
    opacity: 0;
    visibility: hidden
}

.layer__hidden-inline {
    transition: transform .3s ease-out;
    transform: translateY(-25%)
}

@media(max-width: 499px) {
    .layer__hidden-inline {
        transform:none;
        transition: none
    }
}

@media(max-width: 499px) {
    .layer__hidden {
        opacity:unset
    }
}

.layer:not(.layer__hidden) {
    opacity: 1
}

@media(max-width: 767px) {
    .layer:not(.layer__hidden) {
        opacity:unset;
        transform: translateZ(0)!important
    }
}

@media(min-width: 768px) {
    .layer:not(.layer__hidden) .layer-inline {
        transform:translate(0)
    }
}

.layer-inline {
    height: 100%;
    width: 100%;
    min-height: calc(100% - 1rem)
}

@media(min-width: 768px) {
    .layer-inline {
        transition:transform .3s ease-out;
        transform: translateY(-25%);
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.layer-inline__modal {
    height: 220px;
    left: calc(50% - 140px);
    top: calc(50% - 110px);
    width: 280px
}

.layer-container,.layer-col {
    position: relative
}

@media(max-width: 767px) {
    .layer-container,.layer-col {
        padding:0!important
    }
}

@media(min-width: 768px) {
    .layer-container,.layer-col {
        padding-right:0!important;
        padding-left: 0!important
    }
}

@media(max-width: 767px) {
    .layer-col {
        display:flex;
        flex-flow: column
    }
}

.layer-content {
    background: #fff;
    overflow: auto;
    padding: 48px 24px;
    width: 100%;
    height: 100vh
}

.layer-content__modal {
    border-radius: 32px;
    box-shadow: 0 24px 38px 3px #00000012,0 9px 46px 8px #0000000f,0 11px 15px #0000001a;
    height: 100%;
    padding: 24px
}

@media(max-width: 767px) {
    .layer-content {
        order:2;
        padding-top: 24px
    }
}

@media(min-width: 768px) {
    .layer-content {
        border-radius:4px;
        box-shadow: 0 24px 38px 3px #00000012,0 9px 46px 8px #0000000f,0 11px 15px #0000001a;
        height: auto;
        max-height: 80vh;
        padding: 48px
    }
}

@media(min-width: 992px) {
    .layer-content {
        max-height:75vh
    }
}

.layer-content-viewport {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.layer-content-pane {
    -webkit-overflow-scrolling: touch
}

.layer-content-header {
    text-align: left
}

.layer-content-header p.headline-sm {
    font-size: 20px!important;
    line-height: 32px!important
}

.layer-close {
    width: 48px;
    height: 48px;
    z-index: 1001;
    border: none;
    background: 0 0;
    padding: 0
}

.layer-close:focus {
    outline: none
}

@media(min-width: 768px) {
    .layer-close {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: auto;
        right: 0;
        top: 0
    }
}

.layer-close svg {
    width: 16px;
    height: 16px
}

.layer-footer {
    height: 16px;
    width: 100%;
    z-index: 1000;
    overflow: visible
}

@media(max-width: 767px) {
    .layer-footer {
        background:#fff;
        text-align: right;
        padding: 0 24px
    }

    .layer-footer:after {
        content: "";
        width: 100%;
        display: block;
        border-bottom: 1px solid #ddd
    }
}

@media(min-width: 768px) {
    .layer-footer {
        padding:16px;
        position: absolute;
        bottom: auto;
        left: 0;
        right: 0;
        top: 0;
        width: auto
    }
}

@keyframes fadeInTvSpot {
    0% {
        background-color: #999
    }

    to {
        background-color: #0060b7
    }
}

html,body {
    font-size: 16px
}

h1,h2,h3,h4,h5,h6 {
    padding: 0;
    color: #222
}

h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -.5px;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    h1 {
        font-size:24px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -.5px
    }
}

h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.2px;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    h2 {
        font-size:20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -.2px
    }
}

h2.roro-headline {
    font-size: 24px!important
}

@media(max-width: 768px) {
    h2.roro-headline {
        font-size:20px!important
    }
}

h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    h3 {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    h4 {
        font-size:14px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0
    }
}

h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0
}

.headline-1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -.5px;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    .headline-1 {
        font-size:24px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -.5px
    }
}

.headline-2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.2px;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    .headline-2 {
        font-size:20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -.2px
    }
}

.headline-3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    .headline-3 {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

.headline-4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    .headline-4 {
        font-size:14px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0
    }
}

.headline-5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0
}

.subtitle-lg {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #666
}

@media(max-width: 768px) {
    .subtitle-lg {
        font-size:18px;
        line-height: 20px
    }
}

@media(max-width: 500px) {
    .subtitle-lg {
        font-size:14px;
        line-height: 18px
    }
}

.subtitle-md {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .5px;
    color: #666;
    text-transform: uppercase
}

.subtitle-sm {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #666
}

.subtitle-xs {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    color: #666
}

p:not(.btn) {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 1px;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #444
}

p:not(.btn):not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

p:not(.btn).quote-light {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 16px;
    line-height: 26px;
    color: #222
}

p:not(.btn).quote-light:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

p:not(.btn).quote-light+p {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 14px;
    line-height: 24px
}

p:not(.btn).quote-light+p:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

p:not(.btn).introtext {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 16px;
    line-height: 26px;
    padding-top: 0
}

p:not(.btn).introtext:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

p:not(.btn).quotesmall {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    border-left: 2px solid #e4e4e4
}

p:not(.btn).quote-block {
    padding-left: 20px;
    border-left: 4px solid #c00;
    font-size: 20px;
    line-height: 32px
}

p:not(.btn) a:not([class*=btn]),p:not(.btn) span.inline-link {
    text-decoration: underline
}

p:not(.btn).paragraph-sm {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 14px;
    line-height: 24px
}

p:not(.btn).paragraph-sm:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

p:not(.btn).paragraph-lg {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

p:not(.btn).paragraph-lg:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

p:not(.btn).quote {
    font-style: italic;
    font-size: 16px!important;
    line-height: 26px!important;
    margin-top: 0
}

.ie11 .content p:not(.btn) a,.ie11 .widecontent p:not(.btn) a {
    text-decoration: none;
    border-bottom: 1px solid #999
}

.ie11 .content p:not(.btn) a:hover,.ie11 .widecontent p:not(.btn) a:hover {
    border-bottom-color: #0060b7;
    text-decoration: none!important
}

blockquote {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    font-style: italic;
    margin: 0;
    padding: 0 0 0 20px;
    border-left: 4px solid #c00;
    clear: both
}

blockquote>* {
    font-style: normal
}

blockquote p:not(.quotesmall) {
    font-size: 20px;
    line-height: 32px;
    color: #666
}

.paragraph-lg {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

.paragraph-lg:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

.paragraph-md {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 16px;
    line-height: 26px
}

.paragraph-md:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

.paragraph-sm {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 14px;
    line-height: 24px
}

.paragraph-sm:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

a.link-default,a.internal-link,a.external-link {
    display: inline-block;
    font-size: 16px;
    color: #0060b7;
    line-height: 26px;
    background-size: 200% 200%;
    background-image: linear-gradient(to top,rgba(0,102,204,.1) 50%,transparent 50%)
}

a.link-default:hover,a.internal-link:hover,a.external-link:hover,a.external-link-new-window {
    text-decoration: underline
}

a.external-link-new-window:hover {
    color: #0060b7
}

a.large-link,span.fwd.large-link {
    font-size: 18px
}

.box-list a {
    display: inline-block;
    font-size: 16px;
    color: #0060b7;
    line-height: 26px;
    background-size: 200% 200%;
    background-image: linear-gradient(to top,rgba(0,102,204,.1) 50%,transparent 50%);
    display: block
}

.box-list a:hover {
    text-decoration: underline
}

.content h2.headline-upselling,.content h3.headline-upselling,.content p.headline-upselling,.content li.headline-upselling,.content td.headline-upselling,.widecontent h2.headline-upselling,.widecontent h3.headline-upselling,.widecontent p.headline-upselling,.widecontent li.headline-upselling,.widecontent td.headline-upselling {
    font-weight: 700
}

.content h2>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.content h2 span.inline-link,.content h3>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.content h3 span.inline-link,.content p>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.content p span.inline-link,.content li>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.content li span.inline-link,.content td>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.content td span.inline-link,.widecontent h2>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.widecontent h2 span.inline-link,.widecontent h3>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.widecontent h3 span.inline-link,.widecontent p>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.widecontent p span.inline-link,.widecontent li>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.widecontent li span.inline-link,.widecontent td>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]),.widecontent td span.inline-link {
    display: inline-block;
    color: inherit;
    font-size: inherit
}

.content h2>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.content h2 span.inline-link:hover,.content h3>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.content h3 span.inline-link:hover,.content p>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.content p span.inline-link:hover,.content li>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.content li span.inline-link:hover,.content td>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.content td span.inline-link:hover,.widecontent h2>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.widecontent h2 span.inline-link:hover,.widecontent h3>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.widecontent h3 span.inline-link:hover,.widecontent p>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.widecontent p span.inline-link:hover,.widecontent li>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.widecontent li span.inline-link:hover,.widecontent td>a:not(.btn):not(.ghost-btn):not(.raised-btn):not(.zoomLink):not([data-gallery]):hover,.widecontent td span.inline-link:hover {
    color: #0060b7;
    text-decoration: underline;
    transform: none
}

.content ul.box-list li>a,.content ol.box-list li>a,.widecontent ul.box-list li>a,.widecontent ol.box-list li>a {
    display: block!important
}

.content ul:not(.haken-gruen):not(.haken-rot):not(.haken),.content ol:not(.haken-gruen):not(.haken-rot):not(.haken),.widecontent ul:not(.haken-gruen):not(.haken-rot):not(.haken),.widecontent ol:not(.haken-gruen):not(.haken-rot):not(.haken) {
    padding-left: 20px
}

.content ul:not(.haken-gruen):not(.haken-rot):not(.haken) li,.content ol:not(.haken-gruen):not(.haken-rot):not(.haken) li,.widecontent ul:not(.haken-gruen):not(.haken-rot):not(.haken) li,.widecontent ol:not(.haken-gruen):not(.haken-rot):not(.haken) li {
    background-position-y: 3px!important
}

.content ul li,.content ol li,.widecontent ul li,.widecontent ol li {
    -webkit-hyphens: auto;
    hyphens: auto;
    background-image: none;
    list-style: inherit;
    padding-left: 0
}

.content ul li>a,.content ul li>p>a,.content ol li>a,.content ol li>p>a,.widecontent ul li>a,.widecontent ul li>p>a,.widecontent ol li>a,.widecontent ol li>p>a {
    text-decoration: underline
}

.content ul li,.content ul a,.content ol li,.content ol a,.widecontent ul li,.widecontent ul a,.widecontent ol li,.widecontent ol a {
    color: #444
}

.content a,.widecontent a {
    color: #0060b7;
    text-decoration: none
}

.content a:hover,.widecontent a:hover {
    text-decoration: underline
}

.content table:not(.detail-profile-item),.widecontent table:not(.detail-profile-item) {
    font-size: 16px!important
}

.content table:not(.detail-profile-item) td,.widecontent table:not(.detail-profile-item) td {
    color: #444
}

select.form-control {
    border-radius: 4px
}

figcaption {
    color: #444
}

ul.dashed-list>li {
    list-style-type: none;
    background-image: none!important
}

ul.dashed-list>li:before {
    content: "– ";
    position: absolute;
    margin-left: -12px;
    margin-top: -2px
}

.ordered-list {
    padding-left: 0!important
}

.ordered-list li {
    padding-left: 0;
    list-style: none!important;
    background-image: none!important;
    line-height: 24px!important;
    font-size: 16px
}

.ordered-list li.paragraph-lg {
    font-size: 20px!important;
    line-height: 32px!important
}

.ordered-list li a,.ordered-list li .fwd {
    text-decoration: underline
}

.ordered-list li {
    position: relative;
    margin-bottom: 8px
}

.ordered-list li:before {
    content: counters(count,".") ". ";
    counter-increment: count
}

.ordered-list>li>ol {
    counter-reset: count
}

.grid-column .ordered-list {
    counter-reset: count
}

.grid-column .ordered-list li {
    counter-increment: count 0
}

.fancy-ordered-list {
    padding-left: 0!important;
    counter-reset: number
}

.fancy-ordered-list li {
    padding-left: 40px!important;
    list-style: none!important;
    background-image: none!important;
    line-height: 24px!important;
    font-size: 16px
}

.fancy-ordered-list li.paragraph-lg {
    font-size: 20px!important;
    line-height: 32px!important
}

.fancy-ordered-list li a,.fancy-ordered-list li .fwd {
    text-decoration: underline
}

.fancy-ordered-list li {
    position: relative;
    margin-bottom: 8px
}

.fancy-ordered-list li:before {
    content: url(/fileadmin/images/ic_check.svg);
    width: 24px;
    height: 24px;
    margin-right: 16px;
    position: absolute;
    left: 0
}

.fancy-ordered-list li {
    display: block;
    padding-left: 40px!important
}

.fancy-ordered-list li:before {
    content: counters(number," ");
    counter-increment: number;
    border: 2px solid #222;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    position: absolute;
    left: 0;
    margin-right: 0
}

ul.unordered-list {
    padding-left: 32px!important
}

ul.unordered-list li {
    padding-left: 8px;
    list-style: disc!important;
    background-image: none!important;
    line-height: 24px!important;
    font-size: 16px
}

ul.unordered-list li.paragraph-lg {
    font-size: 20px!important;
    line-height: 32px!important
}

ul.unordered-list li a,ul.unordered-list li .fwd {
    text-decoration: underline
}

ul.unordered-list li {
    padding-left: 0
}

ul.dash-list {
    padding: 0!important
}

ul.dash-list li {
    padding-left: 0;
    list-style: none!important;
    background-image: none!important;
    line-height: 24px!important;
    font-size: 16px
}

ul.dash-list li.paragraph-lg {
    font-size: 20px!important;
    line-height: 32px!important
}

ul.dash-list li a,ul.dash-list li .fwd {
    text-decoration: underline
}

ul.dash-list>li {
    position: relative;
    margin-bottom: 8px
}

ul.dash-list>li:before {
    content: "– ";
    width: 8px;
    height: 100%;
    margin-right: 8px
}

ul.dash-list li {
    padding-left: 24px
}

ul.dash-list li:before {
    position: absolute;
    left: 0
}

ul.checkmark-list {
    padding-left: 0!important
}

ul.checkmark-list li {
    padding-left: 40px!important;
    list-style: none!important;
    background-image: none!important;
    line-height: 24px!important;
    font-size: 16px
}

ul.checkmark-list li.paragraph-lg {
    font-size: 20px!important;
    line-height: 32px!important
}

ul.checkmark-list li a,ul.checkmark-list li .fwd {
    text-decoration: underline
}

ul.checkmark-list li {
    position: relative;
    margin-bottom: 8px
}

ul.checkmark-list li:before {
    content: url(/fileadmin/images/ic_check.svg);
    width: 24px;
    height: 24px;
    margin-right: 16px;
    position: absolute;
    left: 0
}

ul.checkmark-list li {
    padding-left: 24px!important
}

ul.checkmark-list li:before {
    content: url(/fileadmin/images/CheckMark.svg);
    width: 16px;
    height: 16px;
    margin-top: 0
}

ul.checkmark-list-green {
    padding-left: 0!important
}

ul.checkmark-list-green li {
    padding-left: 40px!important;
    list-style: none!important;
    background-image: none!important;
    line-height: 24px!important;
    font-size: 16px
}

ul.checkmark-list-green li.paragraph-lg {
    font-size: 20px!important;
    line-height: 32px!important
}

ul.checkmark-list-green li a,ul.checkmark-list-green li .fwd {
    text-decoration: underline
}

ul.checkmark-list-green li {
    position: relative;
    margin-bottom: 8px
}

ul.checkmark-list-green li:before {
    content: url(/fileadmin/images/ic_check.svg);
    width: 24px;
    height: 24px;
    margin-right: 16px;
    position: absolute;
    left: 0
}

ul.checkmark-list-green li {
    padding-left: 24px!important
}

ul.checkmark-list-green li:before {
    content: url(/fileadmin/images/CheckMark.svg);
    width: 16px;
    height: 16px;
    margin-top: 0
}

ul.checkmark-list-green li {
    padding-left: 32px!important
}

ul.checkmark-list-green li:before {
    content: url(/fileadmin/images/CheckMark-Green.svg);
    margin-top: 2px;
    left: 0
}

ul.circle-checkmark-list {
    padding-left: 0!important
}

ul.circle-checkmark-list li {
    padding-left: 40px!important;
    list-style: none!important;
    background-image: none!important;
    line-height: 24px!important;
    font-size: 16px
}

ul.circle-checkmark-list li.paragraph-lg {
    font-size: 20px!important;
    line-height: 32px!important
}

ul.circle-checkmark-list li a,ul.circle-checkmark-list li .fwd {
    text-decoration: underline
}

ul.circle-checkmark-list li {
    position: relative;
    margin-bottom: 8px
}

ul.circle-checkmark-list li:before {
    content: url(/fileadmin/images/ic_check.svg);
    width: 24px;
    height: 24px;
    margin-right: 16px;
    position: absolute;
    left: 0
}

ul.haken-gruen,ul.glyph-ok {
    padding-left: 0!important
}

ul.haken-gruen li,ul.glyph-ok li {
    list-style: none;
    padding-left: 20px
}

ul li .internal-link,ul li .external-link {
    text-decoration: underline
}

ol li a {
    display: inline!important
}

ol.box-list {
    padding-left: 40px!important
}

ol.box-list li>a {
    text-decoration: underline
}

ol.numbers {
    list-style: none
}

ol.numbers>li {
    padding-left: 16px
}

.color-primary,*[data-color=color-primary] {
    color: #c00!important
}

.color-secondary,*[data-color=color-secondary] {
    color: #0060b7!important
}

.color-baby-blue,*[data-color=color-baby-blue] {
    color: #76b8d8!important
}

.color-spanish-green,*[data-color=color-spanish-green] {
    color: #018e42!important
}

.color-safety-yellow,*[data-color=color-safety-yellow] {
    color: #f7d002!important
}

.color-black,*[data-color=color-black] {
    color: #000!important
}

.color-neutral-000,*[data-color=color-neutral-000] {
    color: #fff!important
}

.color-neutral-005,*[data-color=color-neutral-005] {
    color: #f9f9f9!important
}

.color-neutral-010,*[data-color=color-neutral-010] {
    color: #f6f6f6!important
}

.color-neutral-050,*[data-color=color-neutral-050] {
    color: #eee!important
}

.color-neutral-100,*[data-color=color-neutral-100] {
    color: #e4e4e4!important
}

.color-neutral-150,*[data-color=color-neutral-150] {
    color: #ddd!important
}

.color-neutral-200,*[data-color=color-neutral-200] {
    color: #c9c9c9!important
}

.color-neutral-400,*[data-color=color-neutral-200] {
    color: #999!important
}

.color-neutral-600,*[data-color=color-neutral-600],*[class^=font-grey] {
    color: #666!important
}

.color-neutral-700,*[data-color=color-neutral-700] {
    color: #444!important
}

.color-neutral-900,*[data-color=color-neutral-900] {
    color: #222!important
}

.bg-primary {
    background: #c00!important
}

.bg-secondary {
    background: #0060b7!important
}

.bg-black {
    background: #000!important
}

.bg-neutral-000 {
    background: #fff!important
}

.bg-neutral-005 {
    background: #f9f9f9!important
}

.bg-neutral-050 {
    background: #eee!important
}

.bg-neutral-100 {
    background: #e4e4e4!important
}

.bg-neutral-900 {
    background: #222!important
}

.bg-gradient-green {
    background: linear-gradient(180deg,#47A3D7 0%,#83C4A1 100%)!important
}

.bg-gradient-green * {
    color: #fff!important
}

.bg-gradient-green * a:not([class*=btn]),.bg-gradient-green * .fwd:not([class*=btn]) {
    text-decoration: underline
}

.bg-gradient-green * a:not([class*=btn]):hover,.bg-gradient-green * .fwd:not([class*=btn]):hover {
    color: #0060b7!important
}

input[type=text]:not(.searchbox-sword),input[type=email],input[type=password],input[type=number],input[type=text].form-control,input[type=tel].form-control,input[type=file].form-control,select.form-control {
    color: #222;
    width: 100%;
    height: 40px!important;
    padding: 8px!important;
    margin: 6px 0 9px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    font-size: 16px;
    transition: none;
    background: #fafafa
}

input[type=text]:not(.searchbox-sword).valid:hover,input[type=text]:not(.searchbox-sword):hover,input[type=email].valid:hover,input[type=email]:hover,input[type=password].valid:hover,input[type=password]:hover,input[type=number].valid:hover,input[type=number]:hover,input[type=text].form-control.valid:hover,input[type=text].form-control:hover,input[type=tel].form-control.valid:hover,input[type=tel].form-control:hover,input[type=file].form-control.valid:hover,input[type=file].form-control:hover,select.form-control.valid:hover,select.form-control:hover {
    border: 1px solid #444;
    outline: none;
    box-shadow: none
}

input[type=text]:not(.searchbox-sword):focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=text].form-control:focus,input[type=tel].form-control:focus,input[type=file].form-control:focus,select.form-control:focus {
    outline: none;
    box-shadow: none
}

input[type=text]:not(.searchbox-sword):active,input[type=text]:not(.searchbox-sword):focus,input[type=email]:active,input[type=email]:focus,input[type=password]:active,input[type=password]:focus,input[type=number]:active,input[type=number]:focus,input[type=text].form-control:active,input[type=text].form-control:focus,input[type=tel].form-control:active,input[type=tel].form-control:focus,input[type=file].form-control:active,input[type=file].form-control:focus,select.form-control:active,select.form-control:focus {
    border: 1px solid #7eb2ff!important
}

input[type=text]:not(.searchbox-sword):active~.input-group-addon,input[type=text]:not(.searchbox-sword):focus~.input-group-addon,input[type=email]:active~.input-group-addon,input[type=email]:focus~.input-group-addon,input[type=password]:active~.input-group-addon,input[type=password]:focus~.input-group-addon,input[type=number]:active~.input-group-addon,input[type=number]:focus~.input-group-addon,input[type=text].form-control:active~.input-group-addon,input[type=text].form-control:focus~.input-group-addon,input[type=tel].form-control:active~.input-group-addon,input[type=tel].form-control:focus~.input-group-addon,input[type=file].form-control:active~.input-group-addon,input[type=file].form-control:focus~.input-group-addon,select.form-control:active~.input-group-addon,select.form-control:focus~.input-group-addon {
    border-color: #7eb2ff!important
}

input[type=text]:not(.searchbox-sword).valid,input[type=email].valid,input[type=password].valid,input[type=number].valid,input[type=text].form-control.valid,input[type=tel].form-control.valid,input[type=file].form-control.valid,select.form-control.valid {
    border: 1px solid #c9c9c9
}

input[type=text]:not(.searchbox-sword).error,input[type=email].error,input[type=password].error,input[type=number].error,input[type=text].form-control.error,input[type=tel].form-control.error,input[type=file].form-control.error,select.form-control.error {
    color: #c00;
    border: 1px solid #c00!important;
    background-color: #e306131a!important
}

input[type=text]:not(.searchbox-sword).error+.input-group-addon,input[type=email].error+.input-group-addon,input[type=password].error+.input-group-addon,input[type=number].error+.input-group-addon,input[type=text].form-control.error+.input-group-addon,input[type=tel].form-control.error+.input-group-addon,input[type=file].form-control.error+.input-group-addon,select.form-control.error+.input-group-addon {
    border-color: #c00
}

input[type=text]:not(.searchbox-sword)::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=text].form-control::-moz-placeholder,input[type=tel].form-control::-moz-placeholder,input[type=file].form-control::-moz-placeholder,select.form-control::-moz-placeholder {
    color: #0009
}

input[type=text]:not(.searchbox-sword)::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=text].form-control::placeholder,input[type=tel].form-control::placeholder,input[type=file].form-control::placeholder,select.form-control::placeholder {
    color: #0009
}

input[type=text]:not(.searchbox-sword).small,input[type=email].small,input[type=password].small,input[type=number].small,input[type=text].form-control.small,input[type=tel].form-control.small,input[type=file].form-control.small,select.form-control.small {
    height: 40px
}

input[type=text]:not(.searchbox-sword).disabled,input[type=text]:not(.searchbox-sword)[disabled],input[type=text]:not(.searchbox-sword)[aria-disabled=true],input[type=email].disabled,input[type=email][disabled],input[type=email][aria-disabled=true],input[type=password].disabled,input[type=password][disabled],input[type=password][aria-disabled=true],input[type=number].disabled,input[type=number][disabled],input[type=number][aria-disabled=true],input[type=text].form-control.disabled,input[type=text].form-control[disabled],input[type=text].form-control[aria-disabled=true],input[type=tel].form-control.disabled,input[type=tel].form-control[disabled],input[type=tel].form-control[aria-disabled=true],input[type=file].form-control.disabled,input[type=file].form-control[disabled],input[type=file].form-control[aria-disabled=true],select.form-control.disabled,select.form-control[disabled],select.form-control[aria-disabled=true] {
    opacity: .5
}

input[type=text]:not(.searchbox-sword).disabled:hover,input[type=text]:not(.searchbox-sword)[disabled]:hover,input[type=text]:not(.searchbox-sword)[aria-disabled=true]:hover,input[type=email].disabled:hover,input[type=email][disabled]:hover,input[type=email][aria-disabled=true]:hover,input[type=password].disabled:hover,input[type=password][disabled]:hover,input[type=password][aria-disabled=true]:hover,input[type=number].disabled:hover,input[type=number][disabled]:hover,input[type=number][aria-disabled=true]:hover,input[type=text].form-control.disabled:hover,input[type=text].form-control[disabled]:hover,input[type=text].form-control[aria-disabled=true]:hover,input[type=tel].form-control.disabled:hover,input[type=tel].form-control[disabled]:hover,input[type=tel].form-control[aria-disabled=true]:hover,input[type=file].form-control.disabled:hover,input[type=file].form-control[disabled]:hover,input[type=file].form-control[aria-disabled=true]:hover,select.form-control.disabled:hover,select.form-control[disabled]:hover,select.form-control[aria-disabled=true]:hover {
    cursor: not-allowed
}

select:focus,select option:focus {
    outline: none!important
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control::placeholder {
    color: #999
}

textarea,textarea.form-control {
    color: #222;
    width: 100%;
    height: 40px!important;
    padding: 8px!important;
    margin: 6px 0 9px;
    border: 1px solid #c9c9c9;
    font-size: 16px;
    transition: none;
    background: #fafafa;
    border-radius: 4px
}

textarea.valid:hover,textarea:hover,textarea.form-control.valid:hover,textarea.form-control:hover {
    border: 1px solid #444;
    outline: none;
    box-shadow: none
}

textarea:focus,textarea.form-control:focus {
    outline: none;
    box-shadow: none
}

textarea:active,textarea:focus,textarea.form-control:active,textarea.form-control:focus {
    border: 1px solid #7eb2ff!important
}

textarea:active~.input-group-addon,textarea:focus~.input-group-addon,textarea.form-control:active~.input-group-addon,textarea.form-control:focus~.input-group-addon {
    border-color: #7eb2ff!important
}

textarea.valid,textarea.form-control.valid {
    border: 1px solid #c9c9c9
}

textarea.error,textarea.form-control.error {
    color: #c00;
    border: 1px solid #c00!important;
    background-color: #e306131a!important
}

textarea.error+.input-group-addon,textarea.form-control.error+.input-group-addon {
    border-color: #c00
}

textarea::-moz-placeholder,textarea.form-control::-moz-placeholder {
    color: #0009
}

textarea::placeholder,textarea.form-control::placeholder {
    color: #0009
}

textarea.small,textarea.form-control.small {
    height: 40px
}

textarea.disabled,textarea[disabled],textarea[aria-disabled=true],textarea.form-control.disabled,textarea.form-control[disabled],textarea.form-control[aria-disabled=true] {
    opacity: .5
}

textarea.disabled:hover,textarea[disabled]:hover,textarea[aria-disabled=true]:hover,textarea.form-control.disabled:hover,textarea.form-control[disabled]:hover,textarea.form-control[aria-disabled=true]:hover {
    cursor: not-allowed
}

textarea.error,textarea.form-control.error {
    color: #c00
}

textarea.error:focus,textarea.form-control.error:focus {
    box-shadow: 0 0 0 5px #ff808080!important
}

textarea.valid,textarea.form-control.valid {
    background-image: none
}

input[type=checkbox] {
    font-size: 16px
}

input[type=checkbox]+.blue-checkbox:before {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #bdbdbd;
    background: #fafafa;
    content: "";
    bottom: -4px
}

input[type=checkbox]:focus+.blue-checkbox:before {
    box-shadow: 0 0 0 2px #80bdff80!important
}

input[type=checkbox].active+.blue-checkbox:before,input[type=checkbox]:checked+.blue-checkbox:before {
    background: url(/fileadmin/images/white-check.svg) #0060b7 center center no-repeat;
    border: 1px solid #0060b7
}

input[type=checkbox].error+.blue-checkbox:before {
    border-color: #c00;
    background-color: #cc00001a
}

.checkbox-container input[type=checkbox]+label .checkbox:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px
}

.checkbox-container input[type=checkbox]:checked+label .checkbox:after {
    background: url(/fileadmin/images/white-check.svg) #0060b7 center center no-repeat
}

.checkbox-container input[type=checkbox]:focus+label .checkbox:after {
    box-shadow: 0 0 0 2px #80bdff80!important
}

input[type=radio]+.blue-radio {
    width: 20px;
    height: 20px;
    background: #fafafa
}

input[type=radio]+.blue-radio:before {
    width: 6px;
    height: 6px
}

input[type=radio]:focus+.blue-radio {
    box-shadow: 0 0 0 2px #80bdff80!important
}

input[type=radio].active+.blue-radio:before,input[type=radio]:checked+.blue-radio:before {
    border-radius: 2px;
    background: #0060b7
}

#cardpan {
    background: #c00
}

.form-group {
    position: relative;
    border-color: #bdbdbd;
    margin-bottom: 6px
}

@media(max-width: 991px) {
    .form-group {
        margin-left:0!important;
        margin-right: 0!important
    }
}

.form-group .input-iconbar input {
    margin: 0;
    padding: 17px 113px 17px 17px
}

.form-group .input-iconbar .icon {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 10px 15px;
    border-radius: 0 4px 4px 0;
    background: #0060b7;
    color: #fff
}

.form-group .btn {
    margin-top: 20px
}

.form-group.input-group-gender {
    margin-bottom: 8px
}

.form-group.input-group-gender label {
    margin-bottom: 8px!important
}

.form-group label:not(.radio-block) {
    padding-top: 0!important;
    padding-bottom: 0!important;
    font-size: 14px;
    line-height: 15px
}

.form-group label:not(.text-right) {
    text-align: left!important
}

.form-group label span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #666
}

.form-group label .input-iconbar {
    position: relative
}

.form-group label.error {
    padding: 0
}

@media(max-width: 767px) {
    .form-group label.control-label {
        margin-bottom:0
    }
}

.form-group .optional {
    font-size: 12px;
    line-height: 18px;
    display: inline-block
}

.form-group .input-group-addon {
    border-color: #bdbdbd!important;
    border-radius: 0 4px 4px 0;
    background: #fafafa
}

.form-group .input-group-addon .pw-addon {
    border-radius: inherit
}

.form-group .input-group-addon>span:not(.pw-addon) {
    height: 40px;
    padding: 12px;
    border-radius: 0 4px 4px 0
}

.form-group .input-group {
    padding-top: 8px;
    padding-bottom: 8px
}

.form-group .input-group:hover .has-addon,.form-group .input-group:hover .input-group-addon {
    border-color: #666!important
}

.form-group .input-group .form-control {
    margin-top: 0;
    margin-bottom: 0;
    border-right: 1px solid #bdbdbd!important
}

.form-group .input-group .form-control.error {
    border-right: 1px solid #c00!important
}

.form-group .input-group .form-control:focus {
    -webkit-clip-path: inset(-5px 0 -5px -5px);
    clip-path: inset(-5px 0 -5px -5px)
}

.form-group .input-group .form-control:focus~.input-group-addon .pw-addon {
    box-shadow: 0 0 0 5px #80bdff80!important;
    -webkit-clip-path: inset(-5px -5px -5px 0px);
    clip-path: inset(-5px -5px -5px 0px)
}

.form-group .input-group .form-control:focus.error {
    border-right: 1px solid #c00!important
}

.form-group .input-group .form-control:focus.error~.input-group-addon .pw-addon {
    border-color: #c00!important;
    box-shadow: 0 0 0 5px #ff808080!important
}

.form-group .form-control {
    border-color: #bdbdbd;
    border-radius: 4px
}

.form-group .form-control:focus {
    border: 1px solid #7eb2ff;
    box-shadow: 0 0 0 5px #7eb2ff80
}

.form-group .valid input[type=text] .valid,.form-group .valid input[type=email] .valid,.form-group .valid input[type=password] .valid,.form-group .valid input[type=number] .valid,.form-group .valid input[type=tel] .valid {
    border: 1px solid #999!important
}

.form-group .error label:not(.control-label) {
    font-weight: 400!important;
    font-size: 12px;
    line-height: 13px
}

.form-group .error input[type=text],.form-group .error input[type=email],.form-group .error input[type=password],.form-group .error input[type=number],.form-group .error input[type=tel] {
    background: rgba(227,6,19,.1)!important
}

.form-group .fieldHint,.form-group .error label:not(.control-label) {
    font-weight: 400!important;
    font-size: 12px!important;
    line-height: 16px
}

input[type=text].form-control:focus,input[type=email].form-control:focus,input[type=password].form-control:focus,input[type=tel].form-control:focus,input[type=file].form-control:focus {
    border: 1px solid #7eb2ff;
    box-shadow: 0 0 0 5px #80bdff80!important;
    -webkit-box-shadow: 0 0 0 5px rgba(128,189,255,.5)!important;
    -webkit-appearance: none
}

input[type=text].form-control.error,input[type=email].form-control.error,input[type=password].form-control.error,input[type=tel].form-control.error,input[type=file].form-control.error {
    background: rgba(204,0,0,.1)!important
}

input[type=text].form-control.error:focus,input[type=email].form-control.error:focus,input[type=password].form-control.error:focus,input[type=tel].form-control.error:focus,input[type=file].form-control.error:focus {
    border: 1px solid #c00;
    box-shadow: 0 0 0 5px #ff808080!important
}

input[type=text].form-control+label.error,input[type=email].form-control+label.error,input[type=password].form-control+label.error,input[type=tel].form-control+label.error,input[type=file].form-control+label.error {
    font-size: 12px
}

.form-group div label[id$=-error].error {
    font-size: 12px
}

.phone-country-code select.form-control {
    padding-right: 28px!important
}

@media(min-width: 768px) {
    .phone-country-code select.form-control {
        padding-right:32px!important
    }
}

@media(max-width: 767px) {
    .phone-country-code+.col-sm-6 {
        clear:none
    }
}

select.form-control {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: url(/fileadmin/assets/img/select-arrow.svg) #fafafa right 16px center no-repeat!important;
    margin: 6px 0
}

select.form-control.valid {
    border-color: #999!important;
    background-image: url(/fileadmin/assets/img/select-arrow.svg)!important
}

select.form-control.disabled,select.form-control[disabled],select.form-control[aria-disabled=true] {
    background: url(/fileadmin/assets/img/select-arrow.svg) #eee right 16px center no-repeat!important
}

select.form-control.disabled:hover,select.form-control[disabled]:hover,select.form-control[aria-disabled=true]:hover {
    cursor: not-allowed
}

select.form-control.error {
    color: #c00
}

input[type=file].form-control {
    padding: 0!important;
    background: 0 0!important
}

input[type=file].form-control::-webkit-file-upload-button {
    margin-right: 5px;
    height: 100%;
    border: none;
    border-right: 1px solid #c9c9c9;
    color: #c9c9c9
}

input[type=file].form-control span {
    margin: 7px 9px;
    display: inline-block
}

html.safari input[type=text],html.safari input[type=email],html.safari input[type=tel],html.safari input[type=password] {
    -webkit-appearance: none
}

.blue-radio-container>input[type=radio]:checked+.blue-radio,.blue-checkbox-container>input[type=checkbox]:checked+.blue-checkbox:before {
    border: 1px solid #0060b7;
    background-color: #0060b7
}

.blue-radio-container,.blue-checkbox-container {
    padding-top: 8px;
    font-size: 14px
}

.blue-radio-container *,.blue-checkbox-container * {
    line-height: 19px
}

#paymentAccordion .payment-method-nav-child .blue-radio-container {
    padding-top: 0
}

.blue-checkbox-container.error div {
    color: initial
}

#pw-strength-container {
    margin-top: 12px
}

#pw-strength-container.status-4 #pw-status {
    color: #018e42
}

#pw-strength-container.status-4 #pw-status #pw-bar>div {
    background: #018e42
}

#pw-strength-container #pw-status {
    font-size: 14px
}

.error .progress {
    margin-bottom: 0
}

.dropzone .sub-form-descr {
    font-size: 14px;
    line-height: 22px
}

.btn:not(.inactive_border):not(.calculate-route-btn),.cta-active-border,.jumbotron .btn {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    padding-left: 24px;
    padding-right: 24px
}

@media(max-width: 767px) {
    .btn:not(.inactive_border):not(.calculate-route-btn),.cta-active-border,.jumbotron .btn {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .btn:not(.inactive_border):not(.calculate-route-btn),.cta-active-border,.jumbotron .btn {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .btn:not(.inactive_border):not(.calculate-route-btn),.cta-active-border,.jumbotron .btn {
        min-width:190px
    }
}

@media(hover: hover) {
    .btn:not(.inactive_border):not(.calculate-route-btn):hover,.cta-active-border:hover,.jumbotron .btn:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.btn:not(.inactive_border):not(.calculate-route-btn):active,.btn:not(.inactive_border):not(.calculate-route-btn).active,.cta-active-border:active,.cta-active-border.active,.jumbotron .btn:active,.jumbotron .btn.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.btn:not(.inactive_border):not(.calculate-route-btn).btn-md,.cta-active-border.btn-md,.jumbotron .btn.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.btn:not(.inactive_border):not(.calculate-route-btn).btn-lg,.cta-active-border.btn-lg,.jumbotron .btn.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.btn:not(.inactive_border):not(.calculate-route-btn).btn-xl,.cta-active-border.btn-xl,.jumbotron .btn.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.btn:not(.inactive_border):not(.calculate-route-btn).btn-fw,.cta-active-border.btn-fw,.jumbotron .btn.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .btn:not(.inactive_border):not(.calculate-route-btn).btn-fw-mobile,.cta-active-border.btn-fw-mobile,.jumbotron .btn.btn-fw-mobile {
        width:100%
    }
}

.btn:not(.inactive_border):not(.calculate-route-btn) .fa,.cta-active-border .fa,.jumbotron .btn .fa {
    font-size: 24px
}

.btn:not(.inactive_border):not(.calculate-route-btn) .fa.fa-spinner,.cta-active-border .fa.fa-spinner,.jumbotron .btn .fa.fa-spinner {
    font-size: 18px
}

.btn:not(.inactive_border):not(.calculate-route-btn).icon-left:after,.btn:not(.inactive_border):not(.calculate-route-btn).icon-right:after,.cta-active-border.icon-left:after,.cta-active-border.icon-right:after,.jumbotron .btn.icon-left:after,.jumbotron .btn.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.btn:not(.inactive_border):not(.calculate-route-btn).icon-left svg,.cta-active-border.icon-left svg,.jumbotron .btn.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.btn:not(.inactive_border):not(.calculate-route-btn).icon-right,.cta-active-border.icon-right,.jumbotron .btn.icon-right {
    text-align: left
}

.btn:not(.inactive_border):not(.calculate-route-btn).icon-right svg,.cta-active-border.icon-right svg,.jumbotron .btn.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.btn:not(.inactive_border):not(.calculate-route-btn) svg,.cta-active-border svg,.jumbotron .btn svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active],.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive],.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue,.cta-active-border[class*=fv-active],.cta-active-border[class*=fv-inactive],.cta-active-border.btn-sm,.cta-active-border.btn-primary,.cta-active-border.btn-blue,.jumbotron .btn[class*=fv-active],.jumbotron .btn[class*=fv-inactive],.jumbotron .btn.btn-sm,.jumbotron .btn.btn-primary,.jumbotron .btn.btn-blue {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    .btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active],.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive],.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue,.cta-active-border[class*=fv-active],.cta-active-border[class*=fv-inactive],.cta-active-border.btn-sm,.cta-active-border.btn-primary,.cta-active-border.btn-blue,.jumbotron .btn[class*=fv-active],.jumbotron .btn[class*=fv-inactive],.jumbotron .btn.btn-sm,.jumbotron .btn.btn-primary,.jumbotron .btn.btn-blue {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active],.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive],.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue,.cta-active-border[class*=fv-active],.cta-active-border[class*=fv-inactive],.cta-active-border.btn-sm,.cta-active-border.btn-primary,.cta-active-border.btn-blue,.jumbotron .btn[class*=fv-active],.jumbotron .btn[class*=fv-inactive],.jumbotron .btn.btn-sm,.jumbotron .btn.btn-primary,.jumbotron .btn.btn-blue {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active],.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive],.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue,.cta-active-border[class*=fv-active],.cta-active-border[class*=fv-inactive],.cta-active-border.btn-sm,.cta-active-border.btn-primary,.cta-active-border.btn-blue,.jumbotron .btn[class*=fv-active],.jumbotron .btn[class*=fv-inactive],.jumbotron .btn.btn-sm,.jumbotron .btn.btn-primary,.jumbotron .btn.btn-blue {
        min-width:190px
    }
}

@media(hover: hover) {
    .btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active]:hover,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive]:hover,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm:hover,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary:hover,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue:hover,.cta-active-border[class*=fv-active]:hover,.cta-active-border[class*=fv-inactive]:hover,.cta-active-border.btn-sm:hover,.cta-active-border.btn-primary:hover,.cta-active-border.btn-blue:hover,.jumbotron .btn[class*=fv-active]:hover,.jumbotron .btn[class*=fv-inactive]:hover,.jumbotron .btn.btn-sm:hover,.jumbotron .btn.btn-primary:hover,.jumbotron .btn.btn-blue:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active]:active,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].active,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive]:active,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].active,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm:active,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.active,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary:active,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.active,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue:active,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.active,.cta-active-border[class*=fv-active]:active,.cta-active-border[class*=fv-active].active,.cta-active-border[class*=fv-inactive]:active,.cta-active-border[class*=fv-inactive].active,.cta-active-border.btn-sm:active,.cta-active-border.btn-sm.active,.cta-active-border.btn-primary:active,.cta-active-border.btn-primary.active,.cta-active-border.btn-blue:active,.cta-active-border.btn-blue.active,.jumbotron .btn[class*=fv-active]:active,.jumbotron .btn[class*=fv-active].active,.jumbotron .btn[class*=fv-inactive]:active,.jumbotron .btn[class*=fv-inactive].active,.jumbotron .btn.btn-sm:active,.jumbotron .btn.btn-sm.active,.jumbotron .btn.btn-primary:active,.jumbotron .btn.btn-primary.active,.jumbotron .btn.btn-blue:active,.jumbotron .btn.btn-blue.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].btn-md,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].btn-md,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.btn-md,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.btn-md,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.btn-md,.cta-active-border[class*=fv-active].btn-md,.cta-active-border[class*=fv-inactive].btn-md,.cta-active-border.btn-sm.btn-md,.cta-active-border.btn-primary.btn-md,.cta-active-border.btn-blue.btn-md,.jumbotron .btn[class*=fv-active].btn-md,.jumbotron .btn[class*=fv-inactive].btn-md,.jumbotron .btn.btn-sm.btn-md,.jumbotron .btn.btn-primary.btn-md,.jumbotron .btn.btn-blue.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].btn-lg,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].btn-lg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.btn-lg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.btn-lg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.btn-lg,.cta-active-border[class*=fv-active].btn-lg,.cta-active-border[class*=fv-inactive].btn-lg,.cta-active-border.btn-sm.btn-lg,.cta-active-border.btn-primary.btn-lg,.cta-active-border.btn-blue.btn-lg,.jumbotron .btn[class*=fv-active].btn-lg,.jumbotron .btn[class*=fv-inactive].btn-lg,.jumbotron .btn.btn-sm.btn-lg,.jumbotron .btn.btn-primary.btn-lg,.jumbotron .btn.btn-blue.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].btn-xl,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].btn-xl,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.btn-xl,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.btn-xl,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.btn-xl,.cta-active-border[class*=fv-active].btn-xl,.cta-active-border[class*=fv-inactive].btn-xl,.cta-active-border.btn-sm.btn-xl,.cta-active-border.btn-primary.btn-xl,.cta-active-border.btn-blue.btn-xl,.jumbotron .btn[class*=fv-active].btn-xl,.jumbotron .btn[class*=fv-inactive].btn-xl,.jumbotron .btn.btn-sm.btn-xl,.jumbotron .btn.btn-primary.btn-xl,.jumbotron .btn.btn-blue.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].btn-fw,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].btn-fw,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.btn-fw,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.btn-fw,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.btn-fw,.cta-active-border[class*=fv-active].btn-fw,.cta-active-border[class*=fv-inactive].btn-fw,.cta-active-border.btn-sm.btn-fw,.cta-active-border.btn-primary.btn-fw,.cta-active-border.btn-blue.btn-fw,.jumbotron .btn[class*=fv-active].btn-fw,.jumbotron .btn[class*=fv-inactive].btn-fw,.jumbotron .btn.btn-sm.btn-fw,.jumbotron .btn.btn-primary.btn-fw,.jumbotron .btn.btn-blue.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].btn-fw-mobile,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].btn-fw-mobile,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.btn-fw-mobile,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.btn-fw-mobile,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.btn-fw-mobile,.cta-active-border[class*=fv-active].btn-fw-mobile,.cta-active-border[class*=fv-inactive].btn-fw-mobile,.cta-active-border.btn-sm.btn-fw-mobile,.cta-active-border.btn-primary.btn-fw-mobile,.cta-active-border.btn-blue.btn-fw-mobile,.jumbotron .btn[class*=fv-active].btn-fw-mobile,.jumbotron .btn[class*=fv-inactive].btn-fw-mobile,.jumbotron .btn.btn-sm.btn-fw-mobile,.jumbotron .btn.btn-primary.btn-fw-mobile,.jumbotron .btn.btn-blue.btn-fw-mobile {
        width:100%
    }
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active] .fa,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive] .fa,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm .fa,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary .fa,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue .fa,.cta-active-border[class*=fv-active] .fa,.cta-active-border[class*=fv-inactive] .fa,.cta-active-border.btn-sm .fa,.cta-active-border.btn-primary .fa,.cta-active-border.btn-blue .fa,.jumbotron .btn[class*=fv-active] .fa,.jumbotron .btn[class*=fv-inactive] .fa,.jumbotron .btn.btn-sm .fa,.jumbotron .btn.btn-primary .fa,.jumbotron .btn.btn-blue .fa {
    font-size: 24px
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active] .fa.fa-spinner,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive] .fa.fa-spinner,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm .fa.fa-spinner,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary .fa.fa-spinner,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue .fa.fa-spinner,.cta-active-border[class*=fv-active] .fa.fa-spinner,.cta-active-border[class*=fv-inactive] .fa.fa-spinner,.cta-active-border.btn-sm .fa.fa-spinner,.cta-active-border.btn-primary .fa.fa-spinner,.cta-active-border.btn-blue .fa.fa-spinner,.jumbotron .btn[class*=fv-active] .fa.fa-spinner,.jumbotron .btn[class*=fv-inactive] .fa.fa-spinner,.jumbotron .btn.btn-sm .fa.fa-spinner,.jumbotron .btn.btn-primary .fa.fa-spinner,.jumbotron .btn.btn-blue .fa.fa-spinner {
    font-size: 18px
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].icon-left:after,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].icon-right:after,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].icon-left:after,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].icon-right:after,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.icon-left:after,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.icon-right:after,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.icon-left:after,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.icon-right:after,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.icon-left:after,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.icon-right:after,.cta-active-border[class*=fv-active].icon-left:after,.cta-active-border[class*=fv-active].icon-right:after,.cta-active-border[class*=fv-inactive].icon-left:after,.cta-active-border[class*=fv-inactive].icon-right:after,.cta-active-border.btn-sm.icon-left:after,.cta-active-border.btn-sm.icon-right:after,.cta-active-border.btn-primary.icon-left:after,.cta-active-border.btn-primary.icon-right:after,.cta-active-border.btn-blue.icon-left:after,.cta-active-border.btn-blue.icon-right:after,.jumbotron .btn[class*=fv-active].icon-left:after,.jumbotron .btn[class*=fv-active].icon-right:after,.jumbotron .btn[class*=fv-inactive].icon-left:after,.jumbotron .btn[class*=fv-inactive].icon-right:after,.jumbotron .btn.btn-sm.icon-left:after,.jumbotron .btn.btn-sm.icon-right:after,.jumbotron .btn.btn-primary.icon-left:after,.jumbotron .btn.btn-primary.icon-right:after,.jumbotron .btn.btn-blue.icon-left:after,.jumbotron .btn.btn-blue.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].icon-left svg,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].icon-left svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.icon-left svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.icon-left svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.icon-left svg,.cta-active-border[class*=fv-active].icon-left svg,.cta-active-border[class*=fv-inactive].icon-left svg,.cta-active-border.btn-sm.icon-left svg,.cta-active-border.btn-primary.icon-left svg,.cta-active-border.btn-blue.icon-left svg,.jumbotron .btn[class*=fv-active].icon-left svg,.jumbotron .btn[class*=fv-inactive].icon-left svg,.jumbotron .btn.btn-sm.icon-left svg,.jumbotron .btn.btn-primary.icon-left svg,.jumbotron .btn.btn-blue.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].icon-right,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].icon-right,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.icon-right,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.icon-right,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.icon-right,.cta-active-border[class*=fv-active].icon-right,.cta-active-border[class*=fv-inactive].icon-right,.cta-active-border.btn-sm.icon-right,.cta-active-border.btn-primary.icon-right,.cta-active-border.btn-blue.icon-right,.jumbotron .btn[class*=fv-active].icon-right,.jumbotron .btn[class*=fv-inactive].icon-right,.jumbotron .btn.btn-sm.icon-right,.jumbotron .btn.btn-primary.icon-right,.jumbotron .btn.btn-blue.icon-right {
    text-align: left
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active].icon-right svg,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive].icon-right svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm.icon-right svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary.icon-right svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue.icon-right svg,.cta-active-border[class*=fv-active].icon-right svg,.cta-active-border[class*=fv-inactive].icon-right svg,.cta-active-border.btn-sm.icon-right svg,.cta-active-border.btn-primary.icon-right svg,.cta-active-border.btn-blue.icon-right svg,.jumbotron .btn[class*=fv-active].icon-right svg,.jumbotron .btn[class*=fv-inactive].icon-right svg,.jumbotron .btn.btn-sm.icon-right svg,.jumbotron .btn.btn-primary.icon-right svg,.jumbotron .btn.btn-blue.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-active] svg,.btn:not(.inactive_border):not(.calculate-route-btn)[class*=fv-inactive] svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-sm svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-primary svg,.btn:not(.inactive_border):not(.calculate-route-btn).btn-blue svg,.cta-active-border[class*=fv-active] svg,.cta-active-border[class*=fv-inactive] svg,.cta-active-border.btn-sm svg,.cta-active-border.btn-primary svg,.cta-active-border.btn-blue svg,.jumbotron .btn[class*=fv-active] svg,.jumbotron .btn[class*=fv-inactive] svg,.jumbotron .btn.btn-sm svg,.jumbotron .btn.btn-primary svg,.jumbotron .btn.btn-blue svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.btn:not(.inactive_border):not(.calculate-route-btn).md-button,.cta-active-border.md-button,.jumbotron .btn.md-button {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.btn:not(.inactive_border):not(.calculate-route-btn).lg-button,.cta-active-border.lg-button,.jumbotron .btn.lg-button {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.btn:not(.inactive_border):not(.calculate-route-btn).xl-button,.cta-active-border.xl-button,.jumbotron .btn.xl-button {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

label.btn {
    min-width: auto!important
}

.gray-price .btn {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    padding-left: 24px;
    padding-right: 24px
}

@media(max-width: 767px) {
    .gray-price .btn {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .gray-price .btn {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .gray-price .btn {
        min-width:190px
    }
}

@media(hover: hover) {
    .gray-price .btn:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.gray-price .btn:active,.gray-price .btn.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.gray-price .btn.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.gray-price .btn.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.gray-price .btn.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.gray-price .btn.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .gray-price .btn.btn-fw-mobile {
        width:100%
    }
}

.gray-price .btn .fa {
    font-size: 24px
}

.gray-price .btn .fa.fa-spinner {
    font-size: 18px
}

.gray-price .btn.icon-left:after,.gray-price .btn.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.gray-price .btn.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.gray-price .btn.icon-right {
    text-align: left
}

.gray-price .btn.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.gray-price .btn svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.text-btn {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    border: 1px solid transparent;
    background: 0 0;
    color: #0060b7;
    padding-left: 8px;
    padding-right: 8px;
    box-shadow: none;
    border-radius: 80px
}

@media(max-width: 767px) {
    .text-btn {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .text-btn {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .text-btn {
        min-width:190px
    }
}

@media(hover: hover) {
    .text-btn:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.text-btn:active,.text-btn.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.text-btn.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.text-btn.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.text-btn.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.text-btn.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .text-btn.btn-fw-mobile {
        width:100%
    }
}

.text-btn .fa {
    font-size: 24px
}

.text-btn .fa.fa-spinner {
    font-size: 18px
}

.text-btn.icon-left:after,.text-btn.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.text-btn.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.text-btn.icon-right {
    text-align: left
}

.text-btn.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.text-btn svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    .text-btn:hover {
        background:#f6f6f6;
        box-shadow: none;
        color: #0060b7!important
    }
}

.text-btn:active {
    background: #eee!important;
    color: #0060b7
}

.text-btn:disabled,.text-btn.disabled,.text-btn[disabled] {
    color: #0003;
    background-color: transparent
}

.text-btn svg {
    fill: #0060b7
}

.text-link {
    display: inline-block;
    font-size: 16px;
    color: #0060b7;
    line-height: 24px;
    padding: 0 8px;
    background: 0 0;
    border: none
}

.text-link:hover {
    text-decoration: underline;
    color: #0588ff
}

.text-link:active,.text-link:focus {
    color: #004584;
    text-decoration: underline
}

a.ghost-btn,button.ghost-btn,.ghost-btn,.cta-inactive-border {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: 0 0;
    border: 1px solid #0060b7;
    color: #0060b7;
    box-shadow: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    color: #0060b7!important
}

@media(max-width: 767px) {
    a.ghost-btn,button.ghost-btn,.ghost-btn,.cta-inactive-border {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    a.ghost-btn,button.ghost-btn,.ghost-btn,.cta-inactive-border {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    a.ghost-btn,button.ghost-btn,.ghost-btn,.cta-inactive-border {
        min-width:190px
    }
}

@media(hover: hover) {
    a.ghost-btn:hover,button.ghost-btn:hover,.ghost-btn:hover,.cta-inactive-border:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

a.ghost-btn:active,a.ghost-btn.active,button.ghost-btn:active,button.ghost-btn.active,.ghost-btn:active,.ghost-btn.active,.cta-inactive-border:active,.cta-inactive-border.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

a.ghost-btn.btn-md,button.ghost-btn.btn-md,.ghost-btn.btn-md,.cta-inactive-border.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

a.ghost-btn.btn-lg,button.ghost-btn.btn-lg,.ghost-btn.btn-lg,.cta-inactive-border.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

a.ghost-btn.btn-xl,button.ghost-btn.btn-xl,.ghost-btn.btn-xl,.cta-inactive-border.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

a.ghost-btn.btn-fw,button.ghost-btn.btn-fw,.ghost-btn.btn-fw,.cta-inactive-border.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    a.ghost-btn.btn-fw-mobile,button.ghost-btn.btn-fw-mobile,.ghost-btn.btn-fw-mobile,.cta-inactive-border.btn-fw-mobile {
        width:100%
    }
}

a.ghost-btn .fa,button.ghost-btn .fa,.ghost-btn .fa,.cta-inactive-border .fa {
    font-size: 24px
}

a.ghost-btn .fa.fa-spinner,button.ghost-btn .fa.fa-spinner,.ghost-btn .fa.fa-spinner,.cta-inactive-border .fa.fa-spinner {
    font-size: 18px
}

a.ghost-btn.icon-left:after,a.ghost-btn.icon-right:after,button.ghost-btn.icon-left:after,button.ghost-btn.icon-right:after,.ghost-btn.icon-left:after,.ghost-btn.icon-right:after,.cta-inactive-border.icon-left:after,.cta-inactive-border.icon-right:after {
    content: "";
    display: block;
    clear: both
}

a.ghost-btn.icon-left svg,button.ghost-btn.icon-left svg,.ghost-btn.icon-left svg,.cta-inactive-border.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

a.ghost-btn.icon-right,button.ghost-btn.icon-right,.ghost-btn.icon-right,.cta-inactive-border.icon-right {
    text-align: left
}

a.ghost-btn.icon-right svg,button.ghost-btn.icon-right svg,.ghost-btn.icon-right svg,.cta-inactive-border.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

a.ghost-btn svg,button.ghost-btn svg,.ghost-btn svg,.cta-inactive-border svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    a.ghost-btn:hover,button.ghost-btn:hover,.ghost-btn:hover,.cta-inactive-border:hover {
        box-shadow:none;
        border: 1px solid #0060b7;
        background: rgba(0,102,204,.1);
        color: #0060b7
    }
}

a.ghost-btn:active,a.ghost-btn.active,button.ghost-btn:active,button.ghost-btn.active,.ghost-btn:active,.ghost-btn.active,.cta-inactive-border:active,.cta-inactive-border.active {
    background: rgba(0,102,204,.25)!important
}

a.ghost-btn:disabled,a.ghost-btn .disabled,a.ghost-btn[disabled],button.ghost-btn:disabled,button.ghost-btn .disabled,button.ghost-btn[disabled],.ghost-btn:disabled,.ghost-btn .disabled,.ghost-btn[disabled],.cta-inactive-border:disabled,.cta-inactive-border .disabled,.cta-inactive-border[disabled] {
    color: #0003;
    background-color: transparent;
    border-color: #0003;
    cursor: auto
}

a.ghost-btn svg,button.ghost-btn svg,.ghost-btn svg,.cta-inactive-border svg {
    fill: #0060b7
}

a.ghost-btn-primary,a.ghost-btn-secondary,a.ghost-btn-black,a.ghost-btn-white,button.ghost-btn-primary,button.ghost-btn-secondary,button.ghost-btn-black,button.ghost-btn-white,.ghost-btn-primary,.ghost-btn-secondary,.ghost-btn-black,.ghost-btn-white,.cta-inactive-border-primary,.cta-inactive-border-secondary,.cta-inactive-border-black,.cta-inactive-border-white {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: 0 0;
    border: 1px solid #0060b7;
    color: #0060b7;
    box-shadow: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    a.ghost-btn-primary,a.ghost-btn-secondary,a.ghost-btn-black,a.ghost-btn-white,button.ghost-btn-primary,button.ghost-btn-secondary,button.ghost-btn-black,button.ghost-btn-white,.ghost-btn-primary,.ghost-btn-secondary,.ghost-btn-black,.ghost-btn-white,.cta-inactive-border-primary,.cta-inactive-border-secondary,.cta-inactive-border-black,.cta-inactive-border-white {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    a.ghost-btn-primary,a.ghost-btn-secondary,a.ghost-btn-black,a.ghost-btn-white,button.ghost-btn-primary,button.ghost-btn-secondary,button.ghost-btn-black,button.ghost-btn-white,.ghost-btn-primary,.ghost-btn-secondary,.ghost-btn-black,.ghost-btn-white,.cta-inactive-border-primary,.cta-inactive-border-secondary,.cta-inactive-border-black,.cta-inactive-border-white {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    a.ghost-btn-primary,a.ghost-btn-secondary,a.ghost-btn-black,a.ghost-btn-white,button.ghost-btn-primary,button.ghost-btn-secondary,button.ghost-btn-black,button.ghost-btn-white,.ghost-btn-primary,.ghost-btn-secondary,.ghost-btn-black,.ghost-btn-white,.cta-inactive-border-primary,.cta-inactive-border-secondary,.cta-inactive-border-black,.cta-inactive-border-white {
        min-width:190px
    }
}

@media(hover: hover) {
    a.ghost-btn-primary:hover,a.ghost-btn-secondary:hover,a.ghost-btn-black:hover,a.ghost-btn-white:hover,button.ghost-btn-primary:hover,button.ghost-btn-secondary:hover,button.ghost-btn-black:hover,button.ghost-btn-white:hover,.ghost-btn-primary:hover,.ghost-btn-secondary:hover,.ghost-btn-black:hover,.ghost-btn-white:hover,.cta-inactive-border-primary:hover,.cta-inactive-border-secondary:hover,.cta-inactive-border-black:hover,.cta-inactive-border-white:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

a.ghost-btn-primary:active,a.ghost-btn-primary.active,a.ghost-btn-secondary:active,a.ghost-btn-secondary.active,a.ghost-btn-black:active,a.ghost-btn-black.active,a.ghost-btn-white:active,a.ghost-btn-white.active,button.ghost-btn-primary:active,button.ghost-btn-primary.active,button.ghost-btn-secondary:active,button.ghost-btn-secondary.active,button.ghost-btn-black:active,button.ghost-btn-black.active,button.ghost-btn-white:active,button.ghost-btn-white.active,.ghost-btn-primary:active,.ghost-btn-primary.active,.ghost-btn-secondary:active,.ghost-btn-secondary.active,.ghost-btn-black:active,.ghost-btn-black.active,.ghost-btn-white:active,.ghost-btn-white.active,.cta-inactive-border-primary:active,.cta-inactive-border-primary.active,.cta-inactive-border-secondary:active,.cta-inactive-border-secondary.active,.cta-inactive-border-black:active,.cta-inactive-border-black.active,.cta-inactive-border-white:active,.cta-inactive-border-white.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

a.ghost-btn-primary.btn-md,a.ghost-btn-secondary.btn-md,a.ghost-btn-black.btn-md,a.ghost-btn-white.btn-md,button.ghost-btn-primary.btn-md,button.ghost-btn-secondary.btn-md,button.ghost-btn-black.btn-md,button.ghost-btn-white.btn-md,.ghost-btn-primary.btn-md,.ghost-btn-secondary.btn-md,.ghost-btn-black.btn-md,.ghost-btn-white.btn-md,.cta-inactive-border-primary.btn-md,.cta-inactive-border-secondary.btn-md,.cta-inactive-border-black.btn-md,.cta-inactive-border-white.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

a.ghost-btn-primary.btn-lg,a.ghost-btn-secondary.btn-lg,a.ghost-btn-black.btn-lg,a.ghost-btn-white.btn-lg,button.ghost-btn-primary.btn-lg,button.ghost-btn-secondary.btn-lg,button.ghost-btn-black.btn-lg,button.ghost-btn-white.btn-lg,.ghost-btn-primary.btn-lg,.ghost-btn-secondary.btn-lg,.ghost-btn-black.btn-lg,.ghost-btn-white.btn-lg,.cta-inactive-border-primary.btn-lg,.cta-inactive-border-secondary.btn-lg,.cta-inactive-border-black.btn-lg,.cta-inactive-border-white.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

a.ghost-btn-primary.btn-xl,a.ghost-btn-secondary.btn-xl,a.ghost-btn-black.btn-xl,a.ghost-btn-white.btn-xl,button.ghost-btn-primary.btn-xl,button.ghost-btn-secondary.btn-xl,button.ghost-btn-black.btn-xl,button.ghost-btn-white.btn-xl,.ghost-btn-primary.btn-xl,.ghost-btn-secondary.btn-xl,.ghost-btn-black.btn-xl,.ghost-btn-white.btn-xl,.cta-inactive-border-primary.btn-xl,.cta-inactive-border-secondary.btn-xl,.cta-inactive-border-black.btn-xl,.cta-inactive-border-white.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

a.ghost-btn-primary.btn-fw,a.ghost-btn-secondary.btn-fw,a.ghost-btn-black.btn-fw,a.ghost-btn-white.btn-fw,button.ghost-btn-primary.btn-fw,button.ghost-btn-secondary.btn-fw,button.ghost-btn-black.btn-fw,button.ghost-btn-white.btn-fw,.ghost-btn-primary.btn-fw,.ghost-btn-secondary.btn-fw,.ghost-btn-black.btn-fw,.ghost-btn-white.btn-fw,.cta-inactive-border-primary.btn-fw,.cta-inactive-border-secondary.btn-fw,.cta-inactive-border-black.btn-fw,.cta-inactive-border-white.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    a.ghost-btn-primary.btn-fw-mobile,a.ghost-btn-secondary.btn-fw-mobile,a.ghost-btn-black.btn-fw-mobile,a.ghost-btn-white.btn-fw-mobile,button.ghost-btn-primary.btn-fw-mobile,button.ghost-btn-secondary.btn-fw-mobile,button.ghost-btn-black.btn-fw-mobile,button.ghost-btn-white.btn-fw-mobile,.ghost-btn-primary.btn-fw-mobile,.ghost-btn-secondary.btn-fw-mobile,.ghost-btn-black.btn-fw-mobile,.ghost-btn-white.btn-fw-mobile,.cta-inactive-border-primary.btn-fw-mobile,.cta-inactive-border-secondary.btn-fw-mobile,.cta-inactive-border-black.btn-fw-mobile,.cta-inactive-border-white.btn-fw-mobile {
        width:100%
    }
}

a.ghost-btn-primary .fa,a.ghost-btn-secondary .fa,a.ghost-btn-black .fa,a.ghost-btn-white .fa,button.ghost-btn-primary .fa,button.ghost-btn-secondary .fa,button.ghost-btn-black .fa,button.ghost-btn-white .fa,.ghost-btn-primary .fa,.ghost-btn-secondary .fa,.ghost-btn-black .fa,.ghost-btn-white .fa,.cta-inactive-border-primary .fa,.cta-inactive-border-secondary .fa,.cta-inactive-border-black .fa,.cta-inactive-border-white .fa {
    font-size: 24px
}

a.ghost-btn-primary .fa.fa-spinner,a.ghost-btn-secondary .fa.fa-spinner,a.ghost-btn-black .fa.fa-spinner,a.ghost-btn-white .fa.fa-spinner,button.ghost-btn-primary .fa.fa-spinner,button.ghost-btn-secondary .fa.fa-spinner,button.ghost-btn-black .fa.fa-spinner,button.ghost-btn-white .fa.fa-spinner,.ghost-btn-primary .fa.fa-spinner,.ghost-btn-secondary .fa.fa-spinner,.ghost-btn-black .fa.fa-spinner,.ghost-btn-white .fa.fa-spinner,.cta-inactive-border-primary .fa.fa-spinner,.cta-inactive-border-secondary .fa.fa-spinner,.cta-inactive-border-black .fa.fa-spinner,.cta-inactive-border-white .fa.fa-spinner {
    font-size: 18px
}

a.ghost-btn-primary.icon-left:after,a.ghost-btn-primary.icon-right:after,a.ghost-btn-secondary.icon-left:after,a.ghost-btn-secondary.icon-right:after,a.ghost-btn-black.icon-left:after,a.ghost-btn-black.icon-right:after,a.ghost-btn-white.icon-left:after,a.ghost-btn-white.icon-right:after,button.ghost-btn-primary.icon-left:after,button.ghost-btn-primary.icon-right:after,button.ghost-btn-secondary.icon-left:after,button.ghost-btn-secondary.icon-right:after,button.ghost-btn-black.icon-left:after,button.ghost-btn-black.icon-right:after,button.ghost-btn-white.icon-left:after,button.ghost-btn-white.icon-right:after,.ghost-btn-primary.icon-left:after,.ghost-btn-primary.icon-right:after,.ghost-btn-secondary.icon-left:after,.ghost-btn-secondary.icon-right:after,.ghost-btn-black.icon-left:after,.ghost-btn-black.icon-right:after,.ghost-btn-white.icon-left:after,.ghost-btn-white.icon-right:after,.cta-inactive-border-primary.icon-left:after,.cta-inactive-border-primary.icon-right:after,.cta-inactive-border-secondary.icon-left:after,.cta-inactive-border-secondary.icon-right:after,.cta-inactive-border-black.icon-left:after,.cta-inactive-border-black.icon-right:after,.cta-inactive-border-white.icon-left:after,.cta-inactive-border-white.icon-right:after {
    content: "";
    display: block;
    clear: both
}

a.ghost-btn-primary.icon-left svg,a.ghost-btn-secondary.icon-left svg,a.ghost-btn-black.icon-left svg,a.ghost-btn-white.icon-left svg,button.ghost-btn-primary.icon-left svg,button.ghost-btn-secondary.icon-left svg,button.ghost-btn-black.icon-left svg,button.ghost-btn-white.icon-left svg,.ghost-btn-primary.icon-left svg,.ghost-btn-secondary.icon-left svg,.ghost-btn-black.icon-left svg,.ghost-btn-white.icon-left svg,.cta-inactive-border-primary.icon-left svg,.cta-inactive-border-secondary.icon-left svg,.cta-inactive-border-black.icon-left svg,.cta-inactive-border-white.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

a.ghost-btn-primary.icon-right,a.ghost-btn-secondary.icon-right,a.ghost-btn-black.icon-right,a.ghost-btn-white.icon-right,button.ghost-btn-primary.icon-right,button.ghost-btn-secondary.icon-right,button.ghost-btn-black.icon-right,button.ghost-btn-white.icon-right,.ghost-btn-primary.icon-right,.ghost-btn-secondary.icon-right,.ghost-btn-black.icon-right,.ghost-btn-white.icon-right,.cta-inactive-border-primary.icon-right,.cta-inactive-border-secondary.icon-right,.cta-inactive-border-black.icon-right,.cta-inactive-border-white.icon-right {
    text-align: left
}

a.ghost-btn-primary.icon-right svg,a.ghost-btn-secondary.icon-right svg,a.ghost-btn-black.icon-right svg,a.ghost-btn-white.icon-right svg,button.ghost-btn-primary.icon-right svg,button.ghost-btn-secondary.icon-right svg,button.ghost-btn-black.icon-right svg,button.ghost-btn-white.icon-right svg,.ghost-btn-primary.icon-right svg,.ghost-btn-secondary.icon-right svg,.ghost-btn-black.icon-right svg,.ghost-btn-white.icon-right svg,.cta-inactive-border-primary.icon-right svg,.cta-inactive-border-secondary.icon-right svg,.cta-inactive-border-black.icon-right svg,.cta-inactive-border-white.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

a.ghost-btn-primary svg,a.ghost-btn-secondary svg,a.ghost-btn-black svg,a.ghost-btn-white svg,button.ghost-btn-primary svg,button.ghost-btn-secondary svg,button.ghost-btn-black svg,button.ghost-btn-white svg,.ghost-btn-primary svg,.ghost-btn-secondary svg,.ghost-btn-black svg,.ghost-btn-white svg,.cta-inactive-border-primary svg,.cta-inactive-border-secondary svg,.cta-inactive-border-black svg,.cta-inactive-border-white svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    a.ghost-btn-primary:hover,a.ghost-btn-secondary:hover,a.ghost-btn-black:hover,a.ghost-btn-white:hover,button.ghost-btn-primary:hover,button.ghost-btn-secondary:hover,button.ghost-btn-black:hover,button.ghost-btn-white:hover,.ghost-btn-primary:hover,.ghost-btn-secondary:hover,.ghost-btn-black:hover,.ghost-btn-white:hover,.cta-inactive-border-primary:hover,.cta-inactive-border-secondary:hover,.cta-inactive-border-black:hover,.cta-inactive-border-white:hover {
        box-shadow:none;
        border: 1px solid #0060b7;
        background: rgba(0,102,204,.1);
        color: #0060b7
    }
}

a.ghost-btn-primary:active,a.ghost-btn-primary.active,a.ghost-btn-secondary:active,a.ghost-btn-secondary.active,a.ghost-btn-black:active,a.ghost-btn-black.active,a.ghost-btn-white:active,a.ghost-btn-white.active,button.ghost-btn-primary:active,button.ghost-btn-primary.active,button.ghost-btn-secondary:active,button.ghost-btn-secondary.active,button.ghost-btn-black:active,button.ghost-btn-black.active,button.ghost-btn-white:active,button.ghost-btn-white.active,.ghost-btn-primary:active,.ghost-btn-primary.active,.ghost-btn-secondary:active,.ghost-btn-secondary.active,.ghost-btn-black:active,.ghost-btn-black.active,.ghost-btn-white:active,.ghost-btn-white.active,.cta-inactive-border-primary:active,.cta-inactive-border-primary.active,.cta-inactive-border-secondary:active,.cta-inactive-border-secondary.active,.cta-inactive-border-black:active,.cta-inactive-border-black.active,.cta-inactive-border-white:active,.cta-inactive-border-white.active {
    background: rgba(0,102,204,.25)!important
}

a.ghost-btn-primary:disabled,a.ghost-btn-primary .disabled,a.ghost-btn-primary[disabled],a.ghost-btn-secondary:disabled,a.ghost-btn-secondary .disabled,a.ghost-btn-secondary[disabled],a.ghost-btn-black:disabled,a.ghost-btn-black .disabled,a.ghost-btn-black[disabled],a.ghost-btn-white:disabled,a.ghost-btn-white .disabled,a.ghost-btn-white[disabled],button.ghost-btn-primary:disabled,button.ghost-btn-primary .disabled,button.ghost-btn-primary[disabled],button.ghost-btn-secondary:disabled,button.ghost-btn-secondary .disabled,button.ghost-btn-secondary[disabled],button.ghost-btn-black:disabled,button.ghost-btn-black .disabled,button.ghost-btn-black[disabled],button.ghost-btn-white:disabled,button.ghost-btn-white .disabled,button.ghost-btn-white[disabled],.ghost-btn-primary:disabled,.ghost-btn-primary .disabled,.ghost-btn-primary[disabled],.ghost-btn-secondary:disabled,.ghost-btn-secondary .disabled,.ghost-btn-secondary[disabled],.ghost-btn-black:disabled,.ghost-btn-black .disabled,.ghost-btn-black[disabled],.ghost-btn-white:disabled,.ghost-btn-white .disabled,.ghost-btn-white[disabled],.cta-inactive-border-primary:disabled,.cta-inactive-border-primary .disabled,.cta-inactive-border-primary[disabled],.cta-inactive-border-secondary:disabled,.cta-inactive-border-secondary .disabled,.cta-inactive-border-secondary[disabled],.cta-inactive-border-black:disabled,.cta-inactive-border-black .disabled,.cta-inactive-border-black[disabled],.cta-inactive-border-white:disabled,.cta-inactive-border-white .disabled,.cta-inactive-border-white[disabled] {
    color: #0003;
    background-color: transparent;
    border-color: #0003;
    cursor: auto
}

a.ghost-btn-primary svg,a.ghost-btn-secondary svg,a.ghost-btn-black svg,a.ghost-btn-white svg,button.ghost-btn-primary svg,button.ghost-btn-secondary svg,button.ghost-btn-black svg,button.ghost-btn-white svg,.ghost-btn-primary svg,.ghost-btn-secondary svg,.ghost-btn-black svg,.ghost-btn-white svg,.cta-inactive-border-primary svg,.cta-inactive-border-secondary svg,.cta-inactive-border-black svg,.cta-inactive-border-white svg {
    fill: #0060b7
}

a.ghost-btn.ghost-btn-primary,a.ghost-btn-primary,button.ghost-btn.ghost-btn-primary,button.ghost-btn-primary,.ghost-btn.ghost-btn-primary,.ghost-btn-primary,.cta-inactive-border.ghost-btn-primary,.cta-inactive-border-primary {
    border-color: #c00!important;
    color: #c00!important
}

a.ghost-btn.ghost-btn-primary svg,a.ghost-btn-primary svg,button.ghost-btn.ghost-btn-primary svg,button.ghost-btn-primary svg,.ghost-btn.ghost-btn-primary svg,.ghost-btn-primary svg,.cta-inactive-border.ghost-btn-primary svg,.cta-inactive-border-primary svg {
    fill: #c00
}

a.ghost-btn.ghost-btn-primary:hover,a.ghost-btn.ghost-btn-primary:focus,a.ghost-btn-primary:hover,a.ghost-btn-primary:focus,button.ghost-btn.ghost-btn-primary:hover,button.ghost-btn.ghost-btn-primary:focus,button.ghost-btn-primary:hover,button.ghost-btn-primary:focus,.ghost-btn.ghost-btn-primary:hover,.ghost-btn.ghost-btn-primary:focus,.ghost-btn-primary:hover,.ghost-btn-primary:focus,.cta-inactive-border.ghost-btn-primary:hover,.cta-inactive-border.ghost-btn-primary:focus,.cta-inactive-border-primary:hover,.cta-inactive-border-primary:focus {
    background: rgba(204,0,0,.1)
}

a.ghost-btn.ghost-btn-primary:active,a.ghost-btn-primary:active,button.ghost-btn.ghost-btn-primary:active,button.ghost-btn-primary:active,.ghost-btn.ghost-btn-primary:active,.ghost-btn-primary:active,.cta-inactive-border.ghost-btn-primary:active,.cta-inactive-border-primary:active {
    background: rgba(204,0,0,.5)!important
}

a.ghost-btn.ghost-btn-secondary,a.ghost-btn-secondary,button.ghost-btn.ghost-btn-secondary,button.ghost-btn-secondary,.ghost-btn.ghost-btn-secondary,.ghost-btn-secondary,.cta-inactive-border.ghost-btn-secondary,.cta-inactive-border-secondary {
    border-color: #0060b7!important;
    color: #0060b7!important
}

a.ghost-btn.ghost-btn-secondary:hover,a.ghost-btn.ghost-btn-secondary:focus,a.ghost-btn-secondary:hover,a.ghost-btn-secondary:focus,button.ghost-btn.ghost-btn-secondary:hover,button.ghost-btn.ghost-btn-secondary:focus,button.ghost-btn-secondary:hover,button.ghost-btn-secondary:focus,.ghost-btn.ghost-btn-secondary:hover,.ghost-btn.ghost-btn-secondary:focus,.ghost-btn-secondary:hover,.ghost-btn-secondary:focus,.cta-inactive-border.ghost-btn-secondary:hover,.cta-inactive-border.ghost-btn-secondary:focus,.cta-inactive-border-secondary:hover,.cta-inactive-border-secondary:focus {
    background: rgba(0,96,183,.1)
}

a.ghost-btn.ghost-btn-secondary:active,a.ghost-btn-secondary:active,button.ghost-btn.ghost-btn-secondary:active,button.ghost-btn-secondary:active,.ghost-btn.ghost-btn-secondary:active,.ghost-btn-secondary:active,.cta-inactive-border.ghost-btn-secondary:active,.cta-inactive-border-secondary:active {
    background: rgba(0,96,183,.5)!important
}

a.ghost-btn.ghost-btn-white,a.ghost-btn-white,button.ghost-btn.ghost-btn-white,button.ghost-btn-white,.ghost-btn.ghost-btn-white,.ghost-btn-white,.cta-inactive-border.ghost-btn-white,.cta-inactive-border-white {
    border-color: #fff!important;
    color: #fff!important
}

a.ghost-btn.ghost-btn-white svg,a.ghost-btn-white svg,button.ghost-btn.ghost-btn-white svg,button.ghost-btn-white svg,.ghost-btn.ghost-btn-white svg,.ghost-btn-white svg,.cta-inactive-border.ghost-btn-white svg,.cta-inactive-border-white svg {
    fill: #fff
}

a.ghost-btn.ghost-btn-white:hover,a.ghost-btn.ghost-btn-white:focus,a.ghost-btn-white:hover,a.ghost-btn-white:focus,button.ghost-btn.ghost-btn-white:hover,button.ghost-btn.ghost-btn-white:focus,button.ghost-btn-white:hover,button.ghost-btn-white:focus,.ghost-btn.ghost-btn-white:hover,.ghost-btn.ghost-btn-white:focus,.ghost-btn-white:hover,.ghost-btn-white:focus,.cta-inactive-border.ghost-btn-white:hover,.cta-inactive-border.ghost-btn-white:focus,.cta-inactive-border-white:hover,.cta-inactive-border-white:focus {
    background: rgba(255,255,255,.3)
}

a.ghost-btn.ghost-btn-white:active,a.ghost-btn-white:active,button.ghost-btn.ghost-btn-white:active,button.ghost-btn-white:active,.ghost-btn.ghost-btn-white:active,.ghost-btn-white:active,.cta-inactive-border.ghost-btn-white:active,.cta-inactive-border-white:active {
    background: rgba(255,255,255,.5)!important
}

a.ghost-btn.ghost-btn-black,a.ghost-btn-black,button.ghost-btn.ghost-btn-black,button.ghost-btn-black,.ghost-btn.ghost-btn-black,.ghost-btn-black,.cta-inactive-border.ghost-btn-black,.cta-inactive-border-black {
    border-color: #222!important;
    color: #222!important
}

a.ghost-btn.ghost-btn-black svg,a.ghost-btn-black svg,button.ghost-btn.ghost-btn-black svg,button.ghost-btn-black svg,.ghost-btn.ghost-btn-black svg,.ghost-btn-black svg,.cta-inactive-border.ghost-btn-black svg,.cta-inactive-border-black svg {
    fill: #222
}

a.ghost-btn.ghost-btn-black:hover,a.ghost-btn.ghost-btn-black:focus,a.ghost-btn-black:hover,a.ghost-btn-black:focus,button.ghost-btn.ghost-btn-black:hover,button.ghost-btn.ghost-btn-black:focus,button.ghost-btn-black:hover,button.ghost-btn-black:focus,.ghost-btn.ghost-btn-black:hover,.ghost-btn.ghost-btn-black:focus,.ghost-btn-black:hover,.ghost-btn-black:focus,.cta-inactive-border.ghost-btn-black:hover,.cta-inactive-border.ghost-btn-black:focus,.cta-inactive-border-black:hover,.cta-inactive-border-black:focus {
    background: rgba(34,34,34,.1)
}

a.ghost-btn.ghost-btn-black:active,a.ghost-btn-black:active,button.ghost-btn.ghost-btn-black:active,button.ghost-btn-black:active,.ghost-btn.ghost-btn-black:active,.ghost-btn-black:active,.cta-inactive-border.ghost-btn-black:active,.cta-inactive-border-black:active {
    background: rgba(34,34,34,.5)!important
}

a.ghost-btn.ghost-btn-gray,button.ghost-btn.ghost-btn-gray,.ghost-btn.ghost-btn-gray,.cta-inactive-border.ghost-btn-gray {
    border-color: #999!important;
    color: #999!important
}

a.ghost-btn.ghost-btn-gray svg,button.ghost-btn.ghost-btn-gray svg,.ghost-btn.ghost-btn-gray svg,.cta-inactive-border.ghost-btn-gray svg {
    fill: #999
}

a.ghost-btn.ghost-btn-gray:hover,a.ghost-btn.ghost-btn-gray:focus,button.ghost-btn.ghost-btn-gray:hover,button.ghost-btn.ghost-btn-gray:focus,.ghost-btn.ghost-btn-gray:hover,.ghost-btn.ghost-btn-gray:focus,.cta-inactive-border.ghost-btn-gray:hover,.cta-inactive-border.ghost-btn-gray:focus {
    background: rgba(153,153,153,.1)
}

a.ghost-btn.ghost-btn-gray:active,button.ghost-btn.ghost-btn-gray:active,.ghost-btn.ghost-btn-gray:active,.cta-inactive-border.ghost-btn-gray:active {
    background: rgba(153,153,153,.5)!important
}

.fwd.ghost-btn {
    display: inline-block
}

.raised-btn,.btn-success {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    .raised-btn,.btn-success {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .raised-btn,.btn-success {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .raised-btn,.btn-success {
        min-width:190px
    }
}

@media(hover: hover) {
    .raised-btn:hover,.btn-success:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.raised-btn:active,.raised-btn.active,.btn-success:active,.btn-success.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.raised-btn.btn-md,.btn-success.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.raised-btn.btn-lg,.btn-success.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.raised-btn.btn-xl,.btn-success.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.raised-btn.btn-fw,.btn-success.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .raised-btn.btn-fw-mobile,.btn-success.btn-fw-mobile {
        width:100%
    }
}

.raised-btn .fa,.btn-success .fa {
    font-size: 24px
}

.raised-btn .fa.fa-spinner,.btn-success .fa.fa-spinner {
    font-size: 18px
}

.raised-btn.icon-left:after,.raised-btn.icon-right:after,.btn-success.icon-left:after,.btn-success.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.raised-btn.icon-left svg,.btn-success.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.raised-btn.icon-right,.btn-success.icon-right {
    text-align: left
}

.raised-btn.icon-right svg,.btn-success.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.raised-btn svg,.btn-success svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.raised-btn-primary,.raised-btn-secondary,.btn-success-primary,.btn-success-secondary {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    .raised-btn-primary,.raised-btn-secondary,.btn-success-primary,.btn-success-secondary {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .raised-btn-primary,.raised-btn-secondary,.btn-success-primary,.btn-success-secondary {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .raised-btn-primary,.raised-btn-secondary,.btn-success-primary,.btn-success-secondary {
        min-width:190px
    }
}

@media(hover: hover) {
    .raised-btn-primary:hover,.raised-btn-secondary:hover,.btn-success-primary:hover,.btn-success-secondary:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.raised-btn-primary:active,.raised-btn-primary.active,.raised-btn-secondary:active,.raised-btn-secondary.active,.btn-success-primary:active,.btn-success-primary.active,.btn-success-secondary:active,.btn-success-secondary.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.raised-btn-primary.btn-md,.raised-btn-secondary.btn-md,.btn-success-primary.btn-md,.btn-success-secondary.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.raised-btn-primary.btn-lg,.raised-btn-secondary.btn-lg,.btn-success-primary.btn-lg,.btn-success-secondary.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.raised-btn-primary.btn-xl,.raised-btn-secondary.btn-xl,.btn-success-primary.btn-xl,.btn-success-secondary.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.raised-btn-primary.btn-fw,.raised-btn-secondary.btn-fw,.btn-success-primary.btn-fw,.btn-success-secondary.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .raised-btn-primary.btn-fw-mobile,.raised-btn-secondary.btn-fw-mobile,.btn-success-primary.btn-fw-mobile,.btn-success-secondary.btn-fw-mobile {
        width:100%
    }
}

.raised-btn-primary .fa,.raised-btn-secondary .fa,.btn-success-primary .fa,.btn-success-secondary .fa {
    font-size: 24px
}

.raised-btn-primary .fa.fa-spinner,.raised-btn-secondary .fa.fa-spinner,.btn-success-primary .fa.fa-spinner,.btn-success-secondary .fa.fa-spinner {
    font-size: 18px
}

.raised-btn-primary.icon-left:after,.raised-btn-primary.icon-right:after,.raised-btn-secondary.icon-left:after,.raised-btn-secondary.icon-right:after,.btn-success-primary.icon-left:after,.btn-success-primary.icon-right:after,.btn-success-secondary.icon-left:after,.btn-success-secondary.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.raised-btn-primary.icon-left svg,.raised-btn-secondary.icon-left svg,.btn-success-primary.icon-left svg,.btn-success-secondary.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.raised-btn-primary.icon-right,.raised-btn-secondary.icon-right,.btn-success-primary.icon-right,.btn-success-secondary.icon-right {
    text-align: left
}

.raised-btn-primary.icon-right svg,.raised-btn-secondary.icon-right svg,.btn-success-primary.icon-right svg,.btn-success-secondary.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.raised-btn-primary svg,.raised-btn-secondary svg,.btn-success-primary svg,.btn-success-secondary svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.raised-btn.bg-primary,.raised-btn-primary,.btn-success.bg-primary,.btn-success-primary {
    border-color: #c00!important
}

.raised-btn.bg-primary:hover,.raised-btn.bg-primary:focus,.raised-btn-primary:hover,.raised-btn-primary:focus,.btn-success.bg-primary:hover,.btn-success.bg-primary:focus,.btn-success-primary:hover,.btn-success-primary:focus {
    background: #ff1a1a!important;
    border-color: #ff1a1a!important
}

.raised-btn.bg-primary:active,.raised-btn-primary:active,.btn-success.bg-primary:active,.btn-success-primary:active {
    background: maroon!important;
    border-color: maroon!important
}

.raised-btn-primary,.btn-success-primary {
    background: #c00!important
}

.raised-btn.bg-secondary,.raised-btn-secondary,.btn-success.bg-secondary,.btn-success-secondary {
    border-color: #0060b7!important
}

.raised-btn.bg-secondary:hover,.raised-btn.bg-secondary:focus,.raised-btn-secondary:hover,.raised-btn-secondary:focus,.btn-success.bg-secondary:hover,.btn-success.bg-secondary:focus,.btn-success-secondary:hover,.btn-success-secondary:focus {
    background: #0588ff!important;
    border-color: #0588ff!important
}

.raised-btn-secondary,.btn-success-secondary {
    background: #0060b7!important
}

.raised-btn.bg-neutral-000,.btn-success.bg-neutral-000 {
    border-color: #fff!important;
    color: #222!important
}

.raised-btn.bg-neutral-000 svg,.btn-success.bg-neutral-000 svg {
    fill: #222
}

.raised-btn.bg-neutral-000:hover,.raised-btn.bg-neutral-000:focus,.btn-success.bg-neutral-000:hover,.btn-success.bg-neutral-000:focus {
    border-color: #f2f2f2!important;
    background: #f2f2f2!important
}

.raised-btn.bg-neutral-000:active,.btn-success.bg-neutral-000:active {
    background: #d9d9d9!important;
    border-color: #d9d9d9!important
}

.raised-btn.bg-neutral-900,.btn-success.bg-neutral-900 {
    border-color: #222!important
}

.raised-btn.bg-neutral-900 svg,.btn-success.bg-neutral-900 svg {
    fill: #fff
}

.raised-btn.bg-neutral-900:hover,.raised-btn.bg-neutral-900:focus,.btn-success.bg-neutral-900:hover,.btn-success.bg-neutral-900:focus {
    border-color: #626262!important;
    background: #626262!important
}

.raised-btn.bg-neutral-900:active,.btn-success.bg-neutral-900:active {
    background: #484848!important;
    border-color: #484848!important
}

.rectangular-btn {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    background: #0060b7;
    text-align: left;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px
}

@media(max-width: 767px) {
    .rectangular-btn {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .rectangular-btn {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .rectangular-btn {
        min-width:190px
    }
}

@media(hover: hover) {
    .rectangular-btn:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.rectangular-btn:active,.rectangular-btn.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.rectangular-btn.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.rectangular-btn.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.rectangular-btn.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.rectangular-btn.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .rectangular-btn.btn-fw-mobile {
        width:100%
    }
}

.rectangular-btn .fa {
    font-size: 24px
}

.rectangular-btn .fa.fa-spinner {
    font-size: 18px
}

.rectangular-btn.icon-left:after,.rectangular-btn.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.rectangular-btn.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.rectangular-btn.icon-right {
    text-align: left
}

.rectangular-btn.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.rectangular-btn svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.rectangular-btn:active,.rectangular-btn:active:hover {
    background: #004584;
    border-color: #004584
}

.rectangular-btn:hover {
    border-color: #0588ff
}

.rectangular-btn .fa {
    text-align: right
}

.btn.md-button,.text-btn.md-button,.ghost-btn.md-button,.rectangular-btn.md-button {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.btn.lg-button,.text-btn.lg-button,.ghost-btn.lg-button,.rectangular-btn.lg-button {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.btn.xl-button,.text-btn.xl-button,.ghost-btn.xl-button,.rectangular-btn.xl-button {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.double-button-container {
    display: flex;
    justify-content: space-between
}

@media(max-width: 767px) {
    .double-button-container {
        flex-direction:column
    }

    .double-button-container button:first-child {
        margin-bottom: 8px
    }
}

@media(min-width: 768px) {
    .double-button-container button {
        width:50%
    }

    .double-button-container button:first-child {
        margin-right: 16px
    }
}

label.control-label {
    display: block
}

.error label:not(.error) {
    color: #222
}

.header {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 0;
    background: #fff;
    transition: height .5s ease-in-out;
    z-index: 100
}

.header a:focus {
    outline: none!important;
    text-decoration: none
}

.header ul.ui-autocomplete {
    z-index: 1000!important
}

.header .fv-icon {
    width: auto;
    height: 12px
}

.header .fv-install {
    width: 36px;
    height: 36px
}

.header .fv-phone {
    width: 34px;
    height: 34px
}

.header .fv-search {
    height: 24px;
    margin: 6px
}

.header .fv-expert-advice {
    width: 34px;
    height: 34px
}

.header svg .fill-highlight {
    fill: #fc6262
}

.header svg .fill-neutral {
    fill: #222
}

.header .container {
    margin: 0 auto;
    padding: 0 16px;
    border: none;
    background-color: inherit!important
}

.header .header-container .header-details-item {
    display: flex;
    align-items: center
}

.header .header-container .header-details-item.searchbox {
    display: none
}

.header .header-container .header-details-item:hover {
    text-decoration: none
}

.header .header-container .header-details-item .fv-icon {
    margin-right: 10px
}

.header .header-container .header-details-item .headline {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #222
}

.header .header-container .header-details-item .caption {
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    color: #222
}

.header .header-container .flex-content-center .header-details-item:first-child {
    margin-right: 40px
}

.header .trust-bar {
    background-color: #f6f6f6!important;
    padding-top: 6px;
    height: 32px
}

.header .trust-bar.skipped {
    display: none
}

.header .trust-bar .slick-slide {
    height: 20px;
    outline: none!important
}

.header .trust-bar .header-container {
    position: relative
}

.header .trust-bar-inner {
    width: 100%
}

.header .trust-bar-inner .item {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    flex: auto
}

.header .trust-bar-inner .item:not(.trustbadge) {
    padding-left: 25px;
    position: relative
}

.header .trust-bar-inner .trustbadge-inner {
    width: 190px;
    height: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .trust-bar-inner .trustedshops-icon {
    width: auto;
    height: 20px
}

.header .trust-bar-inner .trustedshops-stars {
    height: 16px;
    width: auto
}

.header .trust-bar-inner .trustpilot-inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.header .trust-bar-inner .trustpilot-inner .trustpilot-logo {
    width: auto;
    height: 20px
}

.header .trust-bar-inner .trustpilot-inner .trustpilot-stars {
    width: 80px;
    margin: 0 8px
}

.header .trust-bar-inner .trustpilot-inner .trustpilot-rating {
    font-size: 12px;
    line-height: 20px
}

.header #trustbar_toggle {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    transform: translateY(-50%)
}

.header #trustbar_toggle .fv-close {
    height: 12px
}

.header .search-bar-inner .right-col .header-cta .fv-icon {
    max-width: 32px
}

.header .search-bar-inner form.searchbox input[type=text] {
    width: 100%;
    color: #222;
    font-size: 16px;
    border: none;
    border-bottom: 2px solid #222;
    outline: none
}

.header .search-bar-inner form.searchbox input[type=text]::-moz-placeholder {
    color: #999
}

.header .search-bar-inner form.searchbox input[type=text]::placeholder {
    color: #999
}

@media(max-width: 359px) {
    .header .search-bar-inner .left-col>.header-cta,.header .search-bar-inner .right-col>.header-cta {
        padding:0 8px
    }
}

.header .logged-in {
    position: relative
}

.header .logged-in.column-item-image:before {
    right: 4px
}

.header .logged-in.column-item-image svg.fv-user {
    width: 28px;
    height: 28px
}

.header .logged-in:before {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 4px;
    background: transparent url(/fileadmin/images/neutral/login-checkmark.svg) no-repeat center center;
    display: inline-block;
    width: 16px;
    height: 16px
}

@media(min-width: 992px) {
    .header .logged-in:before {
        right:0;
        bottom: 16px
    }
}

.header .search-bar #headerLogin span.myAccount {
    padding: 0
}

.header .search-bar #headerLogin .myAccountNavIcon {
    background: 0 0;
    width: auto;
    height: auto
}

.header .search-bar #headerLogin .myAccountNavIcon.logged-in:before {
    right: 0;
    bottom: 8px
}

.header .search-bar #headerLogin .myAccountNavIcon+p {
    display: none
}

.header .search-bar #headerLogin #myAccountNav {
    top: calc(100% - 9px);
    right: 2px
}

@media(max-width: 1199px) {
    .header .search-bar #headerLogin #myAccountNav {
        display:none!important
    }
}

.header .search-bar #headerLogin #myAccountNav .col-inner {
    margin: 32px 0 0;
    position: relative
}

.header .search-bar #headerLogin #myAccountNav .col-inner,.header .search-bar #headerLogin #myAccountNav ul li {
    border-color: #ddd
}

.header .search-bar #headerLogin #myAccountNav .arrow {
    top: 27px;
    right: 67px;
    border-width: 0 10px 10px;
    border-bottom-color: #ddd;
    margin-top: 0
}

.header .search-bar #headerLogin #myAccountNav .arrow:after {
    border-width: 0 10px 9px
}

@media(max-width: 991px) {
    .header .search-bar {
        padding:0!important;
        background: #fff
    }

    .header .search-bar .search-bar-inner .fv-icon {
        height: 24px
    }

    .header .search-bar .search-bar-inner .left-col {
        width: 73%;
        position: relative;
        float: left
    }

    .header .search-bar .search-bar-inner .right-col {
        width: 27%;
        float: right
    }

    .header .search-bar .search-bar-inner .right-col .col-inner {
        justify-content: flex-end
    }

    .header .search-bar .search-bar-inner .right-col .header-cta .fv-icon {
        width: 28px;
        height: 28px
    }

    .header .search-bar .search-bar-inner .left-col .col-inner,.header .search-bar .search-bar-inner .right-col .col-inner {
        display: flex;
        height: 64px;
        align-items: center;
        padding: 0
    }

    .header .search-bar .search-bar-inner .left-col .col-inner>*:not(.hidden-xs),.header .search-bar .search-bar-inner .right-col .col-inner>*:not(.hidden-xs) {
        height: 100%!important;
        display: flex!important;
        align-items: center
    }

    .header .search-bar .search-bar-inner .col-inner>.header-cta {
        width: auto!important;
        padding: 0 12px
    }
}

@media(max-width: 359px) {
    .header .search-bar .search-bar-inner .col-inner>.header-cta {
        padding:0 8px
    }
}

.header #search_toggle .fv-close {
    height: 20px;
    margin: 6px;
    display: none
}

.header #search_toggle .fv-search,.header.search-active #search_toggle .fv-close {
    display: block
}

.header.search-active #search_toggle .fv-search {
    display: none
}

.header.search-active .header-details-item.searchbox {
    display: block;
    width: 100%;
    height: 52px
}

.header.search-active .header-details-item:not(.searchbox) {
    display: none
}

.header.search-active #header-icons-set {
    display: none
}

.header .header-cta,.header .header-cta .fv-icon,.header .search-bar-inner #headerLogin {
    height: 32px;
    margin: 0
}

.header button.header-cta {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    outline: none
}

.header .minicart {
    position: relative
}

.header .minicart .minicart-value {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: calc(100% - 10px);
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 50%;
    background-color: #bc261b
}

.header .minicart .minicart-value[data-cart-count="0"] {
    display: none!important
}

.header .configurator.ghost-btn-black {
    text-transform: none;
    padding: 14px!important;
    background: #f6f6f6
}

@media(min-width: 992px) {
    .header .configurator.ghost-btn-black {
        margin-top:24px
    }
}

.header .configurator.ghost-btn-black:hover,.header .configurator.ghost-btn-black:focus {
    color: #c00
}

.header .configurator.ghost-btn-black:focus,.header .configurator.ghost-btn-black:active {
    background: #eee!important;
    border-color: #222
}

.header .mainnav-bar {
    padding-top: 8px;
    padding-bottom: 0;
    z-index: 1;
    position: relative
}

.header #mainmenu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.header #mainmenu .highlighted {
    font-weight: 600;
    color: #222
}

.header #mainmenu .highlighted a.font-weight-regular {
    display: inline-block;
    text-decoration: underline!important;
    margin-left: 8px
}

.header #mainmenu .increased {
    font-size: 16px;
    line-height: 28px
}

.header #mainmenu a+span.relation,.header #mainmenu span.fwd+span.relation {
    position: absolute;
    top: 13px;
    font-size: 14px;
    right: 15px;
    text-transform: uppercase;
    color: #666;
    padding: 0
}

@media(max-width: 359px) {
    .header #mainmenu a+span.relation,.header #mainmenu span.fwd+span.relation {
        font-size:10px
    }
}

.header [data-rel=subnav1] .dropdown-toggle {
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-top: -11px;
    padding: 17px 12px;
    cursor: pointer;
    z-index: 5
}

.header [data-rel=subnav1] .dropdown-toggle:after {
    content: "|";
    color: transparent;
    position: absolute;
    top: 17px;
    right: 0;
    border-right: 1px solid #c9c9c9
}

.header [data-rel=subnav1]:last-child .dropdown-toggle:after {
    content: ""
}

.header [data-rel=subnav1].subnav-current .dropdown-toggle {
    color: #c00;
    box-shadow: 0 -4px #c00 inset
}

.header [data-rel=subnav1] .dropdown-menu {
    margin: 0;
    padding: 30px 0;
    border: none;
    box-shadow: none;
    z-index: 1
}

.header [data-rel=subnav1] .dropdown-menu nav.row {
    display: flex;
    flex-flow: row wrap
}

.header [data-rel=subnav1] .dropdown-menu a {
    text-decoration: none!important;
    position: relative
}

.header [data-rel=subnav1] .dropdown-menu ul.column-content {
    list-style: none
}

.header [data-rel=subnav1] .dropdown-menu ul.column-content li {
    list-style: none;
    padding-left: 0;
    background-image: none;
    font-size: 15px;
    line-height: 29px
}

@media(min-width: 992px) and (max-width:1199px) {
    .header [data-rel=subnav1] .dropdown-menu ul.column-content li {
        font-size:14px
    }
}

.header [data-rel=subnav1] .dropdown-menu ul.column-content li a,.header [data-rel=subnav1] .dropdown-menu ul.column-content li span,.header [data-rel=subnav1] .dropdown-menu ul.column-content li p {
    color: inherit;
    padding: 0
}

.header [data-rel=subnav1] .dropdown-menu ul.column-content li a:hover,.header [data-rel=subnav1] .dropdown-menu ul.column-content li span.fwd:hover {
    color: #c00!important;
    text-decoration: underline!important
}

.header [data-rel=subnav1] .dropdown-menu ul.column-content li a:hover>span,.header [data-rel=subnav1] .dropdown-menu ul.column-content li span.fwd:hover>span {
    color: #c00!important
}

.header [data-rel=subnav1] .dropdown-menu ul.column-content li a.ghost-btn-black:hover,.header [data-rel=subnav1] .dropdown-menu ul.column-content li span.fwd.ghost-btn-black:hover {
    text-decoration: none!important
}

.header [data-rel=subnav1].open .dropdown-toggle {
    color: #c00
}

@media(min-width: 992px) {
    .header .trust-bar .header-container:not(.toggle-disabled) {
        padding-right:50px
    }

    .header .trust-bar-inner:not(.slick-initialized),.header .trust-bar-inner .slick-track {
        width: 100%!important;
        transform: none!important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative
    }

    .header .trust-bar-inner .trustbadge {
        min-width: 180px;
        max-width: 190px
    }

    .header .trust-bar-inner .trustbadge.trustpilot {
        max-width: 229px
    }

    .header .trust-bar-inner .trustbadge.trustpilot .trustpilot-inner {
        height: auto;
        margin: 0 auto;
        justify-content: space-between
    }

    .header .trust-bar-inner .item {
        display: block;
        width: auto!important;
        text-align: left
    }

    .header .trust-bar-inner .slick-slide {
        width: auto!important;
        flex: auto
    }

    .header .trust-bar-inner .slick-slide>div {
        display: flex;
        align-items: center;
        line-height: 18.5px
    }

    .header .trust-bar-inner .slick-cloned {
        display: none
    }

    .header .search-bar {
        position: relative;
        padding: 10px 0;
        background: #fff;
        z-index: 5
    }
}

@media(min-width: 992px) and (max-width:1024px) {
    .header .search-bar .search-bar {
        padding:13.5px 0
    }
}

@media(min-width: 992px) {
    .header .search-bar-inner {
        display:flex;
        align-items: center;
        justify-content: space-between;
        margin: 0
    }

    .header .search-bar-inner>div {
        flex: auto;
        width: auto;
        display: block
    }

    .header .search-bar-inner>div .col-inner {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .header .search-bar-inner .left-col .col-inner {
        width: 280px
    }
}

@media(min-width: 992px) and (max-width:1024px) {
    .header .search-bar-inner .left-col .col-inner {
        width:209px
    }
}

@media(min-width: 992px) {
    .header .search-bar-inner .center-col .col-inner {
        width:357px;
        margin: auto
    }

    .header .search-bar-inner .right-col .col-inner {
        width: 152px;
        float: right;
        padding-right: 8px;
        position: relative
    }

    .header #subnav {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 51px;
        transition: height .3s ease-in-out;
        background: #fff;
        box-shadow: 0 2px 4px #00000012,0 4px 5px #0000000f,0 1px 10px #0000001a;
        z-index: 1
    }

    .header #mainmenu {
        z-index: 3
    }

    .header #mainmenu a+span.relation,.header #mainmenu span.fwd+span.relation {
        display: none
    }

    .header [data-rel=subnav1] {
        line-height: 18px;
        flex: 1 0 auto;
        width: auto
    }

    .header [data-rel=subnav1] .dropdown-menu {
        display: block!important;
        padding: 0;
        top: 0;
        height: 42px;
        transition: height .3s ease-in-out;
        overflow: hidden;
        z-index: 1
    }

    .header [data-rel=subnav1] .dropdown-menu>.container {
        margin-top: 42px;
        padding: 30px 15px;
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        transition: opacity .3s ease-in-out
    }

    .header [data-rel=subnav1] .dropdown-menu .space-before-medium,.header [data-rel=subnav1] .dropdown-menu .space-before-padding-top-xs {
        margin-top: 30px
    }

    .header [data-rel=subnav1] .dropdown-menu .space-after-medium,.header [data-rel=subnav1] .dropdown-menu .space-after-padding-bottom-xs {
        margin-bottom: 30px
    }

    .header [data-rel=subnav1] .dropdown-menu p {
        font-size: 14px;
        line-height: 28px;
        color: #222!important
    }

    .header [data-rel=subnav1].open .dropdown-menu {
        height: 500px;
        z-index: 3;
        box-shadow: 0 11px 15px #0003,0 9px 46px 8px #00000029,0 24px 38px 3px #0000002b;
        transition: box-shadow .3s ease-in-out
    }

    .header [data-rel=subnav1].open .dropdown-menu>.container {
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1
    }

    .header nav.row {
        margin-left: -5px;
        margin-right: -5px
    }

    .header .col-xs-12.col-20prc-flex {
        width: 19.9%;
        min-height: 0;
        padding: 0 5px 20px
    }

    .header .col-xs-12.col-20prc-flex.col-20prc-flex-1,.header .col-xs-12.col-20prc-flex.col-20prc-flex-2,.header .col-xs-12.col-20prc-flex.col-20prc-flex-3,.header .col-xs-12.col-20prc-flex.col-20prc-flex-4 {
        width: 21.3333333333%
    }

    .header .col-xs-12.col-25prc-flex {
        width: 25%;
        min-height: 0;
        padding: 0 5px
    }

    .header .col-xs-12.col-33prc-flex {
        width: 33%;
        min-height: 0;
        padding: 0 5px
    }

    .header .col-xs-12.col-40prc-flex {
        width: 40%;
        min-height: 0;
        padding: 0 5px
    }

    .header .col-xs-12.col-40prc-flex.col-40prc-flex-4 {
        width: 36%;
        margin-left: -1px
    }
}

.header #header-icons-set {
    padding-left: 1%
}

.header #header-icons-set .col-inner {
    width: 150px;
    justify-content: center
}

.header #header-icons-set .col-inner>* {
    max-width: 60px;
    max-height: 60px;
    margin: 0 4px
}

.header #header-icons-set .col-inner>*:first-child {
    margin-left: 0
}

.header #header-icons-set .col-inner>*:last-child {
    margin-right: 0
}

@media(max-width: 991px) {
    .header .hidden-xs {
        display:none!important
    }

    .header .visible-xs {
        display: block!important
    }

    .header .col-xs-3 {
        width: 25%
    }

    .header .col-xs-9 {
        width: 75%
    }

    .header [class*=col-sm-]:not([class*=col-xs-]) {
        width: 100%
    }

    .header .order-xs-1 {
        order: 1
    }

    .header .order-xs-2 {
        order: 2
    }

    .header .order-xs-3 {
        order: 3
    }

    .header .order-xs-4 {
        order: 4
    }

    .header .order-xs-5 {
        order: 5
    }

    .header .flex-row-xs {
        display: flex;
        flex-flow: row wrap
    }

    .header .flex-center-xs {
        display: flex;
        justify-content: center
    }

    .header .trust-bar-inner:not(.slick-initialized) .item {
        text-align: center
    }

    .header .trust-bar-inner:not(.slick-initialized) .item:not(:first-child),.header .trust-bar-inner:not(.slick-initialized) .item:before {
        display: none
    }

    .header .trust-bar-inner .item:not(.trustbadge) {
        padding-left: 0
    }

    .header .trust-bar-inner .item:not(.trustbadge):before {
        position: relative;
        display: inline-block;
        top: 3px;
        margin-right: 5px
    }

    .header .trust-bar .item:not(.trustbadge) {
        padding-left: 0
    }

    .header .trust-bar .item:not(.trustbadge):before {
        position: relative;
        display: inline-block;
        top: 3px;
        margin-right: 5px
    }

    .header .mainnav-bar {
        display: none
    }

    .header .search-bar {
        padding: 0!important;
        background: #fff
    }

    .header .search-bar-inner .left-col {
        width: 73%;
        position: relative;
        float: left
    }
}

@media(max-width: 991px) and (min-width:768px) and (max-width:991px) {
    .header .search-bar-inner .left-col {
        width:66.6666%!important
    }
}

@media(max-width: 991px) {
    .header .search-bar-inner .right-col {
        width:27%;
        float: right
    }

    .header .search-bar-inner .right-col .col-inner {
        justify-content: flex-end
    }

    .header .search-bar-inner .right-col .header-cta .fv-icon {
        max-width: 28px
    }

    .header .search-bar-inner .left-col .col-inner,.header .search-bar-inner .right-col .col-inner {
        display: flex;
        height: 64px;
        align-items: center;
        padding: 0
    }

    .header .search-bar-inner .col-inner>:not(.hidden-xs) {
        height: 100%!important;
        display: flex!important;
        align-items: center
    }

    .header #mobilemenu_toggle {
        margin-right: 8px
    }

    .header #mobilemenu_toggle .fv-icon {
        height: 16px;
        width: 24px
    }

    .header #mobilemenu_toggle .fv-menu {
        display: block
    }

    .header #mobilemenu_toggle .fv-close {
        display: none
    }
}

@media(max-width: 991px) and (min-width:768px) and (max-width:991px) {
    .header #mobilemenu_toggle+.visible-xs {
        position:absolute;
        right: 0;
        width: 50%
    }

    .header #mobilemenu_toggle+.visible-xs img {
        margin: 0 auto
    }
}

@media(max-width: 991px) {
    .header {
        background:#fff;
        height: inherit;
        box-shadow: 0 2px 4px #00000012,0 4px 5px #0000000f,0 1px 10px #0000001a
    }

    .header .col-20prc-flex,.header .col-25prc-flex,.header .col-33prc-flex,.header .col-40prc-flex {
        min-height: 0
    }

    .header .fv-expert-advice,.header .fv-install {
        width: 40px;
        height: 40px
    }

    .header .minicart .minicart-value {
        top: 7px;
        left: unset;
        right: 3px
    }

    .header a.home:before,.header span.fwd.home:before {
        content: "";
        background: transparent url(/fileadmin/images/logos/home.svg) no-repeat center center;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 6px
    }

    .header .configurator.highlighted,.header .configurator>.highlighted,.header .home.highlighted,.header .home .highlighted,.header .overview.highlighted,.header .overview .highlighted {
        font-weight: 400!important
    }

    .header .space-before-xs {
        margin-top: 16px
    }

    .header .space-after-xs {
        margin-bottom: 16px
    }

    .header .mainnav-bar {
        display: block;
        height: 0;
        padding: 0;
        overflow-y: hidden;
        transition: height .5s ease-in-out
    }

    .header .mainnav-bar .container {
        padding: 0
    }

    .header .mainnav-bar .header-details-item.visible-xs {
        display: flex!important;
        padding: 16px 15px;
        margin-top: 0;
        background: #fff;
        position: relative
    }

    .header .mainnav-bar .header-details-item.visible-xs:after {
        content: "";
        position: absolute;
        bottom: calc(100% - 1px);
        width: calc(100% - 30px);
        border-bottom: 1px solid #ddd
    }

    .header .mainnav-bar .header-details-item.visible-xs .fv-user {
        height: 17px;
        margin-right: 8px
    }

    .header .mainnav-bar .header-details-item.visible-xs .headline {
        font-size: 18px
    }

    .header .mainnav-bar .header-details-item.visible-xs .caption {
        font-size: 14px
    }

    .header .fv-signet {
        margin: 24px auto 40px;
        height: 50px;
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0
    }

    .header #mainmenu {
        display: block
    }

    .header #headerLoginMobile {
        font-size: 17px;
        font-weight: 400
    }

    .header .subnav-item [data-rel=back] {
        display: none;
        position: relative;
        padding: 10px 10px 10px 24px;
        margin: 8px 0 0;
        font-size: 14px;
        line-height: 19px;
        font-weight: 600;
        text-transform: uppercase;
        border: 2px solid #ddd;
        border-radius: 4px;
        background: #fff
    }

    .header .subnav-item [data-rel=back]:before {
        position: absolute;
        top: 50%;
        content: "";
        font-family: FontAwesome;
        font-weight: 400;
        font-size: 19px;
        line-height: 19px;
        transform: translateY(-50%);
        left: 10px
    }

    .header .column-content>li>ul {
        margin-left: -15px;
        margin-right: -15px
    }

    .header .column-content.space-after-xs li:last-child .dropdown-toggle-mobile:before {
        border-bottom: none!important
    }

    .header [data-rel=subnav1] .dropdown-toggle-mobile:after,.header [data-rel=subnav2] .dropdown-toggle-mobile:after {
        position: absolute;
        top: 50%;
        content: "";
        font-family: FontAwesome;
        font-weight: 400;
        font-size: 17px;
        line-height: 27px;
        transform: translateY(-50%);
        right: 15px;
        z-index: 0
    }

    .header [data-rel=subnav1] .dropdown-toggle-mobile>[data-rel=fwd],.header [data-rel=subnav2] .dropdown-toggle-mobile>[data-rel=fwd] {
        display: block;
        position: relative;
        z-index: 1
    }

    .header [data-rel=subnav1].open>.dropdown-toggle-mobile,.header [data-rel=subnav2].open>.dropdown-toggle-mobile {
        padding-top: 10px!important
    }

    .header [data-rel=subnav1].open>.dropdown-toggle-mobile:before,.header [data-rel=subnav1].open>.dropdown-toggle-mobile:after,.header [data-rel=subnav2].open>.dropdown-toggle-mobile:before,.header [data-rel=subnav2].open>.dropdown-toggle-mobile:after {
        display: none
    }

    .header [data-rel=subnav1].open>.dropdown-toggle-mobile>[data-rel=fwd],.header [data-rel=subnav2].open>.dropdown-toggle-mobile>[data-rel=fwd] {
        display: none!important
    }

    .header [data-rel=subnav1].open>.dropdown-toggle-mobile>[data-rel=back],.header [data-rel=subnav2].open>.dropdown-toggle-mobile>[data-rel=back] {
        display: block;
        margin: 8px 0
    }

    .header [data-rel=subnav1]>.dropdown-toggle-mobile {
        font-weight: 600
    }

    .header [data-rel=subnav1] .dropdown-menu nav.row {
        margin: 0
    }

    .header [data-rel=subnav1] .dropdown-menu nav.row>.col-xs-12 {
        width: 100%;
        padding: 0
    }

    .header [data-rel=subnav1] .dropdown-toggle-mobile,.header [data-rel=subnav1] .dropdown-menu ul.column-content li {
        position: relative;
        font-size: 17px;
        line-height: 27px;
        padding: 10px 15px 11px;
        background: #fff
    }

    .header [data-rel=subnav1] .dropdown-toggle-mobile:before,.header [data-rel=subnav1] .dropdown-menu ul.column-content li:before {
        content: "";
        position: absolute;
        top: calc(100% - 1px);
        width: calc(100% - 30px);
        border-bottom: 1px solid #ddd
    }

    .header [data-rel=subnav1]:last-child .dropdown-toggle-mobile.visible-xs:before {
        border-bottom: none
    }

    .header [data-rel=subnav1] ul.column-content.space-after-xs>li:last-child:before,.header [data-rel=subnav1]:last-child>.dropdown-toggle-mobile:before {
        border-bottom: none!important
    }

    .header [data-rel=subnav1] .dropdown-menu ul.column-content li {
        padding: 0 15px
    }

    .header [data-rel=subnav1] .dropdown-menu ul.column-content li span.fwd,.header [data-rel=subnav1] .dropdown-menu ul.column-content li span[data-rel=fwd],.header [data-rel=subnav1] .dropdown-menu ul.column-content li a {
        padding: 10px 0 11px;
        display: block
    }

    .header [data-rel=subnav1] .dropdown-menu ul.column-content li span.fwd.arrow:after,.header [data-rel=subnav1] .dropdown-menu ul.column-content li span[data-rel=fwd].arrow:after,.header [data-rel=subnav1] .dropdown-menu ul.column-content li a.arrow:after {
        display: none
    }

    .header [data-rel=subnav1].open>.dropdown-menu {
        display: block!important;
        position: relative;
        padding: 0;
        background: 0 0
    }

    .header [data-rel=subnav1]:first-child>.dropdown-toggle-mobile [data-rel=fwd] {
        margin-top: 32px
    }

    .header [data-rel=subnav1]:first-child>.dropdown-toggle-mobile:after {
        top: calc(50% + 16px)
    }

    .header [data-rel=subnav2] .dropdown-toggle-mobile {
        padding: 10px 0 11px
    }

    .header [data-rel=subnav2] .dropdown-toggle-mobile:before {
        width: 100%
    }

    .header [data-rel=subnav2] .dropdown-toggle-mobile:after {
        right: 0
    }

    .header [data-rel=subnav2]>.subnav-dropdown {
        display: none
    }

    .header [data-rel=subnav2]>.subnav-dropdown li:last-child:before {
        border-bottom: none!important
    }

    .header .subnav1-active~.header-details-item.visible-xs {
        display: none!important
    }

    .header .subnav1-active [data-rel=subnav1]:not(.open) {
        display: none!important
    }

    .header .subnav2-active [data-rel=subnav1]>.dropdown-toggle-mobile,.header .subnav2-active .column-content>li {
        display: none!important
    }

    .header .subnav2-active .column-content.space-before-xs {
        margin-top: 0
    }

    .header .subnav2-active .column-content.space-after-xs {
        margin-bottom: 0
    }

    .header .subnav2-active [data-rel=subnav2].open {
        display: block!important
    }

    .header .subnav2-active [data-rel=subnav2].open>.subnav-dropdown {
        display: block!important;
        position: relative;
        padding: 0;
        background: 0 0
    }

    .header.header-mobile-open {
        height: 100%;
        position: fixed;
        overflow-y: scroll;
        z-index: 100;
        padding-bottom: 40px
    }

    .header.header-mobile-open .mainnav-bar {
        height: auto
    }

    .header.header-mobile-open .fv-signet {
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        transition: opacity 1s ease-in-out
    }

    .header.header-mobile-open #mobilemenu_toggle .fv-menu {
        display: none
    }

    .header.header-mobile-open #mobilemenu_toggle .fv-close {
        display: block
    }
}

.header .toggle-disabled #trustbar_toggle {
    display: none
}

@media(min-width: 992px) {
    .header .toggle-disabled .slick-track:after,.header .toggle-disabled .slick-track:before {
        display:none
    }

    .header .toggle-disabled .slick-slide {
        flex-grow: 0
    }
}

@media(min-width: 992px) {
    .header-mobile .mainnav-bar {
        height:43px!important;
        overflow-y: hidden
    }
}

@media(max-width: 1199px) {
    html,body {
        overflow-x:hidden!important
    }
}

body.configurator-active>.container {
    position: relative
}

body.configurator-active+.container {
    overflow-x: visible
}

body #static-header~.container,body #static-header~.container-fluid {
    border: none;
    max-width: 100%;
    overflow-x: hidden
}

body #static-header~.section .container {
    border: none
}

body #static-header ul.ui-autocomplete {
    z-index: 1000
}

body #content-container.type-cart {
    float: left;
    margin-top: 25px;
    margin-bottom: 50px
}

body #content-container.type-configurator {
    float: left;
    margin-bottom: 25px
}

body #content-container.type-navigation {
    float: left;
    margin-top: 50px;
    margin-bottom: 50px
}

.no-scrolling {
    overflow: hidden!important;
    -webkit-overflow-scrolling: auto
}

.breadcrumb {
    background: 0 0;
    border-radius: unset
}

@media(max-width: 767px) {
    .breadcrumb {
        margin-bottom:16px
    }
}

@media(max-width: 991px) {
    .breadcrumb {
        background:#f6f6f6;
        width: 100%;
        padding: 16px!important;
        margin-top: 0!important
    }
}

@media(min-width: 992px) {
    .breadcrumb {
        margin-top:16px
    }
}

.breadcrumb a {
    font-size: 14px;
    color: #666!important
}

.breadcrumb a:hover {
    text-decoration: underline!important
}

.breadcrumb .hidden-xs.next-icon:before {
    top: 25%;
    left: -50%
}

.breadcrumb .visible-xs.prev-icon:before {
    top: 0;
    margin-top: 0;
    left: -50%;
    margin-left: 0
}

@media(max-width: 991px) {
    .nav-holder {
        display:flex;
        justify-content: center
    }

    .nav-holder:after {
        content: "";
        display: block;
        clear: both
    }
}

@media(min-width: 992px) {
    .nav-holder>.products-links-nav {
        margin-top:16px
    }
}

@media(max-width: 991px) {
    .nav-holder>.products-links-nav {
        display:flex;
        align-items: center;
        justify-content: flex-end;
        width: 20%;
        position: relative;
        top: auto;
        right: auto;
        margin: 0 0 16px;
        padding: 16px;
        background: #f6f6f6;
        order: 2
    }
}

@media(max-width: 767px) {
    .nav-holder>.products-links-nav {
        width:45%
    }
}

@media(max-width: 359px) {
    .nav-holder>.products-links-nav {
        width:30%
    }
}

@media(max-width: 991px) {
    .nav-holder>.products-links-nav+.breadcrumb {
        width:80%;
        order: 1
    }
}

@media(max-width: 767px) {
    .nav-holder>.products-links-nav+.breadcrumb {
        width:55%
    }
}

@media(max-width: 359px) {
    .nav-holder>.products-links-nav+.breadcrumb {
        width:70%
    }
}

.ekz-header-top .row>.logo {
    padding-top: 0
}

.ekz-header-top p a {
    font-size: inherit;
    color: inherit;
    text-decoration: none
}

.ekz-header-top>.row>div.col-sm-1 {
    padding: 13px 15px;
    padding-bottom: unset
}

.ekz-header-top #headerLogin {
    font-size: 1.11em;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: 5px;
    text-align: center
}

.ekz-header-top #headerLogin .myAccount {
    padding: 0
}

.ekz-header-top #headerLogin .myAccountNavIcon {
    background: url(/fileadmin/images/de/sprite-de.png?3) -157px -763px no-repeat;
    width: 41px;
    height: 41px;
    margin: 0 auto
}

.ekz-header-bar p.toggle-dropdown {
    line-height: 20px
}

@media(max-width: 992px) {
    .ekz-header-bar .dropdown {
        width:83%!important
    }
}

.stage {
    position: relative
}

.stage>.container {
    border: none
}

.stage .breadcrumb {
    position: absolute;
    margin-top: 15px;
    width: auto;
    float: none
}

.stage .breadcrumb .next-icon:before,.stage .breadcrumb .prev-icon:before {
    content: url(/fileadmin/images/angle-left-white-16x16.svg)
}

.stage .breadcrumb *,.stage .breadcrumb *:hover {
    color: #fff!important
}

@media(max-width: 991px) {
    .stage .breadcrumb {
        background:#f6f6f6;
        width: 100%;
        padding: 16px!important;
        margin: 0!important
    }
}

.stage .breadcrumb.color-neutral-900 .next-icon:before,.stage .breadcrumb.color-neutral-900 .prev-icon:before {
    content: url(/fileadmin/images/angle-left-black-16x16.svg)
}

.stage .breadcrumb.color-neutral-900 * {
    color: inherit!important
}

.stage .breadcrumb.color-neutral-900 *:hover {
    color: #222!important
}

.test-user-badge {
    background: #018e42;
    color: #fff;
    padding: 5px;
    font-size: 18px
}

.header-v2 .fa-chevron-right {
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-style: normal
}

.header-v2 .fa-chevron-right:before {
    content: ""
}

.header-v2 a.configurator:hover,.header-v2 a.configurator:focus,.header-v2 span.fwd.configurator:hover,.header-v2 span.fwd.configurator:focus {
    color: #c00!important
}

.header-v2 a.dropdown-link:hover,.header-v2 a.dropdown-link:focus,.header-v2 a.dropdown-column-headline:hover,.header-v2 a.dropdown-column-headline:focus,.header-v2 a[class*=-item-link]:hover,.header-v2 a[class*=-item-link]:focus,.header-v2 span.fwd.dropdown-link:hover,.header-v2 span.fwd.dropdown-link:focus,.header-v2 span.fwd.dropdown-column-headline:hover,.header-v2 span.fwd.dropdown-column-headline:focus,.header-v2 span.fwd[class*=-item-link]:hover,.header-v2 span.fwd[class*=-item-link]:focus {
    color: #c00;
    text-decoration: underline!important
}

.header-v2 [class*=-item-image]:hover+a[class*=-item-link],.header-v2 [class*=-item-image]:hover+span.fwd[class*=-item-link] {
    color: #c00;
    text-decoration: underline!important
}

.header-v2 .dropdown-links .dropdown-link:not(:last-child) {
    margin-right: 24px
}

.header-v2 .dropdown-teaser {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    background-color: #fff
}

.header-v2 .dropdown-teaser .teaser-item-image {
    min-width: 140px;
    min-height: 90px
}

.header-v2 .dropdown-teaser .teaser-item-link {
    padding-left: 24px;
    padding-right: 64px;
    font-size: 15px;
    line-height: 20px
}

.header-v2 .dropdown-teaser a.teaser-item-link .fa-chevron-right,.header-v2 .dropdown-teaser span.fwd.teaser-item-link .fa-chevron-right {
    display: block;
    right: 32px
}

@media(min-width: 992px) {
    .header-v2 .search-bar-inner .center-col .col-inner,.header-v2 #header-icons-set .col-inner {
        width:auto!important
    }

    .header-v2 #header-icons-set .col-inner>* {
        max-width: 64px;
        max-height: 64px;
        margin-left: 8px;
        margin-right: 8px
    }

    .header-v2 #mainmenu {
        justify-content: space-between
    }

    .header-v2 [data-rel=subnav1] {
        flex-grow: 0
    }

    .header-v2 [data-rel=subnav1] .dropdown-toggle {
        padding-left: 0!important;
        padding-right: 0!important
    }
}

@media(min-width: 992px) and (max-width:1024px) {
    .header-v2 [data-rel=subnav1] .dropdown-toggle {
        font-size:15px
    }
}

@media(min-width: 992px) {
    .header-v2 [data-rel=subnav1] .dropdown-toggle:after {
        display:none
    }

    .header-v2 [data-rel=subnav1] .dropdown-menu>.container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .header-v2 nav.row {
        margin-left: -16px;
        margin-right: -16px
    }

    .header-v2 .dropdown-menu .configurator {
        width: 100%;
        margin-top: 8px
    }

    .header-v2 .dropdown-menu .column-item-link,.header-v2 .dropdown-menu .dropdown-link {
        display: inline-block;
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 20px
    }

    .header-v2 .dropdown-columns {
        margin-bottom: 32px
    }

    .header-v2 .dropdown-column {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .header-v2 .dropdown-column.col-25 {
        width: 25%
    }

    .header-v2 .dropdown-column.col-35 {
        width: 35%
    }

    .header-v2 .dropdown-column.col-40 {
        width: 40%
    }

    .header-v2 .dropdown-column.col-50 {
        width: 50%
    }

    .header-v2 .dropdown-column.col-60 {
        width: 60%
    }

    .header-v2 .dropdown-column.col-70 {
        width: 70%
    }

    .header-v2 .dropdown-column.col-flex {
        width: 0;
        flex: 1 0 auto
    }

    .header-v2 .dropdown-column:not(:last-child) {
        border-right: 1px solid #ddd
    }

    .header-v2 .dropdown-column-headline {
        display: inline-block;
        font-size: 16px!important;
        line-height: 20px;
        font-weight: 600;
        margin-bottom: 16px
    }

    .header-v2 .dropdown-column .column-items {
        margin-left: -16px;
        margin-right: -16px
    }

    .header-v2 .dropdown-column .column-item {
        padding: 0 16px
    }

    .header-v2 .dropdown-column .column-item-image {
        height: 100px;
        margin-bottom: 16px
    }

    .header-v2 .dropdown-column .column-item-image img {
        width: auto;
        height: auto;
        max-width: 100px;
        max-height: 100px
    }

    .header-v2 .dropdown-column .column-item:hover .column-item-image img {
        transform: scale(1.1)
    }

    .header-v2 .dropdown-column:not(.col-flex) .column-items {
        display: flex
    }

    .header-v2 .dropdown-column:not(.col-flex) .column-item {
        flex: 1 1 0px;
        width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }
}

@media(min-width: 992px) and (max-width:1024px) {
    .header-v2 .dropdown-column.col-25 {
        flex:1 0 25%
    }

    .header-v2 .dropdown-column.col-35 {
        flex: 1 0 35%
    }

    .header-v2 .dropdown-column.col-40 {
        flex: 1 0 40%
    }

    .header-v2 .dropdown-column.col-50 {
        flex: 1 0 50%
    }

    .header-v2 .dropdown-column.col-60 {
        flex: 1 0 60%
    }

    .header-v2 .dropdown-column.col-70 {
        flex: 1 0 70%
    }

    .header-v2 .dropdown-column.col-flex {
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        flex: 1 0 100%;
        margin-top: 32px
    }

    .header-v2 .dropdown-column.col-flex .column-items {
        margin-left: 0;
        margin-right: 0
    }

    .header-v2 .dropdown-column.col-flex .column-item {
        display: inline-block;
        margin-left: 0;
        margin-right: 24px;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 992px) {
    .header-v2 .dropdown-footer {
        margin-top:0;
        padding-top: 16px;
        padding-bottom: 16px;
        background: #f6f6f6
    }
}

@media(max-width: 991px) {
    .header-v2 .back-button {
        position:absolute;
        margin-left: 16px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        cursor: pointer
    }

    .header-v2 .back-button:before {
        font-family: FontAwesome;
        content: "";
        margin-right: 4px
    }

    .header-v2 .search-bar .search-bar-inner .right-col .col-inner>.hidden-icon {
        display: none!important
    }

    .header-v2 .fa-chevron-right {
        right: 24px;
        color: #c9c9c9
    }

    .header-v2.header-mobile-open {
        padding-bottom: 0;
        z-index: 101
    }

    .header-v2.header-mobile-open .search-bar .search-bar-inner .right-col .col-inner>.hidden-icon {
        display: flex!important
    }

    .header-v2.header-mobile-open .minicart .minicart-value {
        top: 0;
        right: 0
    }

    .header-v2.header-mobile-open .search-bar {
        position: relative;
        margin-top: -34px;
        background: #f6f6f6
    }

    .header-v2.header-mobile-open .search-bar-inner {
        position: fixed;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 40px;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #f6f6f6;
        border-top: 1px solid #c9c9c9;
        z-index: 2
    }

    .header-v2.header-mobile-open .search-bar-inner .left-col {
        position: absolute;
        right: 16px;
        width: 40px!important;
        z-index: 1
    }

    .header-v2.header-mobile-open .search-bar-inner .left-col .col-inner {
        height: 32px
    }

    .header-v2.header-mobile-open .search-bar-inner .left-col .col-inner #mobilemenu_toggle+* {
        display: none!important
    }

    .header-v2.header-mobile-open .search-bar-inner .right-col {
        width: 100%;
        z-index: 0
    }

    .header-v2.header-mobile-open .search-bar-inner .right-col .col-inner {
        height: 32px;
        justify-content: center
    }

    .header-v2.header-mobile-open .search-bar-inner .right-col .col-inner>* {
        border-left: 1px solid #c9c9c9
    }

    .header-v2.header-mobile-open .search-bar-inner .right-col .col-inner>*:last-child {
        border-right: 1px solid #c9c9c9
    }

    .header-v2.header-mobile-open .mainnav-bar {
        padding-top: 64px
    }

    .header-v2.header-mobile-open.subnav-open .back-button {
        display: block!important
    }

    .header-v2 .mainnav-bar {
        overflow: hidden visible;
        background: #fff
    }

    .header-v2 [data-rel=subnav1] .dropdown-toggle-mobile {
        padding: 0
    }

    .header-v2 [data-rel=subnav1] .dropdown-toggle-mobile:before,.header-v2 [data-rel=subnav1] .dropdown-toggle-mobile:after {
        display: none
    }

    .header-v2 [data-rel=subnav1] .dropdown-toggle-mobile .fa-chevron-right {
        display: block
    }

    .header-v2 [data-rel=subnav1]:first-child>.dropdown-toggle-mobile [data-rel=fwd] {
        margin-top: 8px
    }

    .header-v2 .dropdown-menu .configurator {
        display: block;
        margin: 32px 32px 8px
    }

    .header-v2 .dropdown-toggle-mobile-headline,.header-v2 .dropdown-column-headline,.header-v2 .dropdown-footer-headline {
        display: block;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 16px!important;
        line-height: 48px!important;
        font-weight: 600!important
    }

    .header-v2 .dropdown-toggle-mobile-headline.next-headline,.header-v2 .dropdown-column-headline.next-headline,.header-v2 .dropdown-footer-headline.next-headline {
        margin-top: 32px
    }

    .header-v2 .dropdown-toggle-mobile .column-items,.header-v2 .dropdown-column .column-items,.header-v2 .dropdown-footer .column-items {
        margin-left: 0
    }

    .header-v2 .dropdown-toggle-mobile .column-item,.header-v2 .dropdown-column .column-item,.header-v2 .dropdown-footer .column-item {
        display: flex!important;
        align-items: center;
        min-height: 44px;
        padding: 4px 56px 4px 16px;
        border-bottom: 1px solid #e4e4e4
    }

    .header-v2 .dropdown-toggle-mobile .column-item.has-configurator-button,.header-v2 .dropdown-column .column-item.has-configurator-button,.header-v2 .dropdown-footer .column-item.has-configurator-button {
        flex-wrap: wrap;
        padding-right: 48px
    }

    .header-v2 .dropdown-toggle-mobile .column-item.has-configurator-button .column-item-link,.header-v2 .dropdown-column .column-item.has-configurator-button .column-item-link,.header-v2 .dropdown-footer .column-item.has-configurator-button .column-item-link {
        flex: 1 0 auto
    }

    .header-v2 .dropdown-toggle-mobile .column-item.has-configurator-button .configurator,.header-v2 .dropdown-column .column-item.has-configurator-button .configurator,.header-v2 .dropdown-footer .column-item.has-configurator-button .configurator {
        flex: 1 0 100%;
        margin: 8px 16px 32px
    }

    .header-v2 .dropdown-toggle-mobile .column-item-image,.header-v2 .dropdown-column .column-item-image,.header-v2 .dropdown-footer .column-item-image {
        width: 60px;
        margin-right: 16px;
        text-align: center
    }

    .header-v2 .dropdown-toggle-mobile .column-item-image img,.header-v2 .dropdown-column .column-item-image img,.header-v2 .dropdown-footer .column-item-image img {
        width: auto;
        height: auto;
        max-width: 60px;
        max-height: 60px
    }

    .header-v2 .dropdown-toggle-mobile .column-item-image svg,.header-v2 .dropdown-column .column-item-image svg,.header-v2 .dropdown-footer .column-item-image svg {
        height: 24px;
        max-width: 32px
    }

    .header-v2 .dropdown-toggle-mobile .column-item-image+.column-item-link,.header-v2 .dropdown-column .column-item-image+.column-item-link,.header-v2 .dropdown-footer .column-item-image+.column-item-link {
        min-height: 60px;
        display: flex;
        align-items: center
    }

    .header-v2 .dropdown-toggle-mobile .column-item-link,.header-v2 .dropdown-column .column-item-link,.header-v2 .dropdown-footer .column-item-link {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400
    }

    .header-v2 .dropdown-links {
        padding: 0 16px
    }

    .header-v2 .dropdown-links .dropdown-link {
        display: inline-block;
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 20px
    }

    .header-v2 .dropdown-column,.header-v2 .dropdown-links {
        margin-bottom: 32px
    }

    .header-v2 .dropdown-footer {
        width: 100%;
        float: left;
        margin-top: 0;
        padding-top: 16px;
        padding-bottom: 0;
        background: #f6f6f6
    }

    .header-v2 .dropdown-footer .row>div {
        border-bottom: 1px solid #e4e4e4
    }

    .header-v2 .dropdown-footer .column-item-image {
        width: 32px;
        margin-right: 8px
    }

    .header-v2 .dropdown-footer .column-item-image.logged-in.column-item-image:before {
        right: 1px;
        bottom: 8px
    }

    .header-v2 .dropdown-teaser {
        margin: 16px
    }

    .header-v2 .dropdown-teaser .teaser-item-link {
        padding-left: 16px;
        padding-right: 40px;
        -webkit-hyphens: auto;
        hyphens: auto;
        flex: 1 1 auto
    }

    .header-v2 .dropdown-teaser a.teaser-item-link .fa-chevron-right,.header-v2 .dropdown-teaser span.fwd.teaser-item-link .fa-chevron-right {
        right: 24px
    }

    .header-v2 .header-container>.dropdown-footer {
        padding-top: 0;
        padding-bottom: 40px
    }
}

@media(min-width: 992px) {
    [lang=fr] .header-v2 [data-rel=subnav1] .dropdown-toggle {
        font-size:15px
    }
}

@media(min-width: 992px) and (max-width:1137px) {
    [lang=fr] .header-v2 [data-rel=subnav1] .dropdown-toggle {
        font-size:14px
    }
}

@media(min-width: 992px) and (max-width:1024px) {
    [lang=fr] .header-v2 [data-rel=subnav1] .dropdown-toggle {
        font-size:13px
    }
}

body {
    background-image: none!important
}

body>#tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4 {
    display: none!important
}

body>#tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
    top: auto!important;
    bottom: 70px!important
}

body>#tsbadge4_db8d3657bdbe440c985ae127463eaad4,body>#tscard4_db8d3657bdbe440c985ae127463eaad4,body>.etrusted-badge-container {
    z-index: 100!important
}

body .etrusted-badge-container {
    display: none
}

@media(max-device-width: 667px) and (-webkit-min-device-pixel-ratio:2),(max-device-width:736px) and (-webkit-min-device-pixel-ratio:3),only screen and (max-width:648px) {
    body .etrusted-badge-container {
        display:block
    }
}

#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
    z-index: 99!important
}

.outsideAlerter-98e3dadd90eb493088abdc5597a70810>div,#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810,#maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
    inset: unset!important;
    top: auto!important;
    left: 0!important;
    right: auto!important;
    bottom: 60px!important
}

#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810,#maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
    left: 20px!important
}

@media(max-width: 991px) {
    #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810,#maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
        bottom:16px!important
    }
}

#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810:hover {
    inset: unset!important;
    top: auto!important;
    left: 19px!important;
    right: auto!important;
    bottom: 59px!important
}

@media(max-width: 991px) {
    #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810:hover {
        bottom:15px!important
    }
}

#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810>div:last-child>div:not([id^=ratingStarsContainer]) {
    left: 12px!important;
    right: auto!important
}

@media(max-width: 359px) {
    #maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
        max-width:calc(100% - 40px)
    }
}

body>.footer,.container+.footer,.section+.footer {
    padding: 0;
    background: #eee
}

body>.footer .container,.container+.footer .container,.section+.footer .container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    border: none;
    background-color: inherit!important
}

.footer.footer-mobile .hidden-xs {
    display: none!important
}

.footer.footer-mobile .visible-xs {
    display: block!important
}

.footer.footer-mobile .col-xs-3 {
    width: 25%
}

.footer.footer-mobile .col-xs-9 {
    width: 75%
}

.footer.footer-mobile [class*=col-sm-]:not([class*=col-xs-]) {
    width: 100%
}

.footer.footer-mobile .order-xs-1 {
    order: 1
}

.footer.footer-mobile .order-xs-2 {
    order: 2
}

.footer.footer-mobile .order-xs-3 {
    order: 3
}

.footer.footer-mobile .order-xs-4 {
    order: 4
}

.footer.footer-mobile .order-xs-5 {
    order: 5
}

.footer.footer-mobile .flex-row-xs {
    display: flex;
    flex-flow: row wrap
}

.footer.footer-mobile .flex-center-xs {
    display: flex;
    justify-content: center
}

.footer.footer-mobile>.footer-row-container {
    padding: 0;
    border: none
}

.footer.footer-mobile>.footer-row-container:last-child {
    margin-top: 32px
}

.footer.footer-mobile .hdl-earth {
    margin-top: 12px
}

.footer.footer-mobile .hdl-earth.gui-toggle-btn {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0
}

.footer.footer-mobile .footer-details {
    padding: 0 0 15px!important
}

.footer.footer-mobile .footer-details .footer-details-item:last-child {
    margin-bottom: 4px
}

.footer.footer-mobile .footer-details__payment {
    margin-top: 0;
    max-width: 470px
}

.footer.footer-mobile .footer-details__payment .footer-details-item {
    display: block;
    margin: 0 5px 10px;
    width: calc((100% + 10px)/4 - 10px);
    height: auto;
    background: 0 0
}

@media(max-width: 991px) {
    .footer.footer-mobile .footer-details__payment .footer-details-item:last-child {
        margin-bottom:10px
    }
}

.footer.footer-mobile .footer-details__socials {
    padding-left: 8%;
    padding-right: 8%;
    justify-content: center
}

.footer.footer-mobile .footer-details__socials .footer-details-item,.footer.footer-mobile .footer-details__socials .footer-details-item img {
    max-width: 64px
}

.footer.footer-mobile .footer-col.border-right-sm {
    border-right: none
}

.footer.footer-mobile .footer-col .newsletter-cta.type2.redesign .main>h3,.footer.footer-mobile .footer-col .newsletter-cta.type2.redesign .main>.form {
    width: 100%;
    padding: 0
}

@media(max-width: 321px) {
    .footer.footer-mobile .footer-col .newsletter-cta.type2.redesign .main .form input,.footer.footer-mobile .footer-col .newsletter-cta.type2.redesign .main .form button {
        font-size:9.5px
    }
}

.footer.footer-mobile .footer-col .newsletter-cta.type2.redesign .message {
    padding: 0
}

.footer.footer-mobile .footer-col .gui-toggle-pane {
    border-bottom: 1px solid #c8c8c8
}

.footer.footer-mobile .footer-text:not(.text-left) {
    text-align: center
}

.footer.footer-mobile .row>.footer-col:last-child .gui-toggle-pane,.footer.footer-mobile .newsletter-cta,.footer.footer-mobile .footer-details__socials {
    border-bottom: 1px solid #c8c8c8
}

.footer.footer-mobile .gui-toggle-btn-sm__none:after {
    display: block
}

.footer.footer-mobile .gui-toggle-pane-sm__active {
    max-height: 0;
    transition: max-height .3s ease-out,transform .3s ease-out
}

.footer.footer-mobile .col-xs-12.flex-row.flex-center-xs.order-xs-3 {
    padding-bottom: 32px
}

.footer>.footer-row-container {
    padding: 32px 0;
    border-bottom: 1px solid #c9c9c9
}

.footer>.footer-row-container:last-child {
    border-bottom: none
}

.footer .hdl-earth {
    margin-bottom: 16px;
    text-align: left
}

.footer .hdl-earth.gui-toggle-btn {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 16px;
    cursor: default;
    outline: none!important
}

@media(min-width: 992px) {
    .footer .hdl-earth.gui-toggle-btn {
        font-size:20px
    }
}

.footer .footer-details {
    padding: 0;
    list-style: none
}

.footer .footer-details:not(.footer-details__payment) .footer-details-item:last-child {
    margin-bottom: 0
}

.footer .footer-details-item {
    display: flex;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 4px
}

@media(min-width: 992px) {
    .footer .footer-details-item {
        font-size:16px
    }
}

.footer .footer-details-item a,.footer .footer-details-item span.fwd {
    outline: none!important
}

.footer .footer-details-item a:focus,.footer .footer-details-item span.fwd:focus {
    color: inherit
}

.footer .footer-details-item a:hover,.footer .footer-details-item span.fwd:hover {
    text-decoration: underline;
    color: #444
}

.footer .footer-details__payment,.footer .footer-details__manufacturers,.footer .footer-details__socials,.footer .footer-details__trustbadges {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    align-items: center
}

.footer .footer-details__payment {
    margin-top: -8px
}

.footer .footer-details__payment .footer-details-item {
    display: block;
    margin: 8px;
    width: calc((100% + 16px)/4 - 16px);
    height: auto;
    background: 0 0
}

.footer .footer-details__manufacturers {
    flex-wrap: nowrap
}

.footer .footer-details__manufacturers .footer-details-item {
    display: block;
    margin: 0 15px!important;
    width: calc((100% + 3rem)/8 - 3rem);
    height: auto;
    background: 0 0
}

.footer .footer-details__manufacturers .footer-details-item.schueco {
    width: calc(12.9377431907% - 26.25px)
}

.footer .footer-details__manufacturers .footer-details-item.siegenia {
    width: calc(15.1750972763% - 26.25px)
}

.footer .footer-details__manufacturers .footer-details-item.aluplast {
    width: calc(12.3540856031% - 26.25px)
}

.footer .footer-details__manufacturers .footer-details-item.glassolutions {
    width: calc(18.3852140078% - 26.25px)
}

.footer .footer-details__manufacturers .footer-details-item.hoppe {
    width: calc(11.2840466926% - 26.25px)
}

.footer .footer-details__manufacturers .footer-details-item.winkhaus {
    width: calc(9.1439688716% - 26.25px)
}

.footer .footer-details__manufacturers .footer-details-item.werzalit {
    width: calc(14.7859922179% - 26.25px)
}

.footer .footer-details__manufacturers .footer-details-item.gutmann {
    width: calc(5.9338521401% - 26.25px)
}

.footer .footer-details__socials .footer-details-item {
    display: block;
    margin: 0 7.5px!important;
    width: calc((100% + 15px)/5 - 15px)
}

.footer .footer-details__trustbadges {
    gap: 16px 10px
}

@media(min-width: 768px) and (max-width:991px) {
    .footer .footer-details__trustbadges {
        flex-wrap:nowrap
    }
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges {
        gap:16px 24px
    }
}

@media(min-width: 1200px) {
    .footer .footer-details__trustbadges {
        gap:16px 24px
    }
}

.footer .footer-details__trustbadges .footer-details-item {
    display: block;
    height: auto;
    background: 0 0;
    line-height: 0;
    margin-bottom: 0
}

.footer .footer-details__trustbadges .trustedshops {
    width: 31%
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges .trustedshops {
        width:15.1624548736%
    }
}

.footer .footer-details__trustbadges .deutschland-test {
    width: 24.0157480315%
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges .deutschland-test {
        width:11.0108303249%
    }
}

.footer .footer-details__trustbadges .handelsblatt {
    width: 18.1102362205%
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges .handelsblatt {
        width:8.3032490975%
    }
}

.footer .footer-details__trustbadges .topshop {
    width: 19%
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges .topshop {
        width:9.5667870036%
    }
}

.footer .footer-details__trustbadges .ehi {
    width: 25%
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges .ehi {
        width:14.8014440433%
    }
}

.footer .footer-details__trustbadges .vergleich-org {
    width: 25%
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges .vergleich-org {
        width:14.8014440433%
    }
}

.footer .footer-details__trustbadges .verband-ff {
    width: 25%
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges .verband-ff {
        width:23.6462093863%
    }
}

.footer .footer-details__trustbadges .ift-rosenheim {
    width: 16%
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges .ift-rosenheim {
        width:9.7472924188%
    }
}

.footer .footer-details__trustbadges-fr {
    gap: 16px 24px;
    flex-wrap: wrap
}

@media(min-width: 500px) and (max-width:991px) {
    .footer .footer-details__trustbadges-fr {
        flex-wrap:nowrap;
        justify-content: space-between
    }
}

.footer .footer-details__trustbadges-fr .footer-details-item.trustpilot {
    width: 16.6219839142%
}

@media(min-width: 768px) {
    .footer .footer-details__trustbadges-fr .footer-details-item.trustpilot {
        width:19.6078431373%
    }
}

.footer .footer-details__trustbadges-fr .footer-details-item.trustedshops,.footer .footer-details__trustbadges-fr .footer-details-item.palmares-capital {
    width: 14.4772117962%
}

@media(min-width: 768px) {
    .footer .footer-details__trustbadges-fr .footer-details-item.trustedshops,.footer .footer-details__trustbadges-fr .footer-details-item.palmares-capital {
        width:11.9607843137%
    }
}

.footer .footer-details__trustbadges-fr .footer-details-item.verband-ff {
    width: 16.0857908847%
}

@media(min-width: 768px) {
    .footer .footer-details__trustbadges-fr .footer-details-item.verband-ff {
        width:16.862745098%
    }
}

.footer .footer-details__trustbadges-fr .footer-details-item.cekal {
    width: 17.4262734584%
}

@media(min-width: 768px) {
    .footer .footer-details__trustbadges-fr .footer-details-item.cekal {
        width:21.1764705882%
    }
}

.footer .footer-details__trustbadges-fr .footer-details-item.ift-rosenheim {
    width: 11.528150134%
}

@media(min-width: 768px) {
    .footer .footer-details__trustbadges-fr .footer-details-item.ift-rosenheim {
        width:8.431372549%
    }
}

.footer .footer-details__trustbadges-fr .footer-details-item svg {
    width: 100%;
    max-height: 84px
}

@media(min-width: 992px) {
    .footer .footer-details__trustbadges-fr .footer-details-item svg {
        height:auto
    }
}

.footer .footer-details__trustbadges-en {
    row-gap: 0
}

@media(min-width: 500px) {
    .footer .footer-details__trustbadges-en {
        flex-wrap:nowrap;
        justify-content: space-between
    }
}

.footer .footer-details__trustbadges-en .footer-details-item {
    width: 23%
}

.footer .footer-details__trustbadges-en .trustpilot,.footer .footer-details__trustbadges-en .secure-ssl-checkout {
    width: 18%
}

.footer .footer-details__trustbadges-en .passive-house-institute {
    width: 16%
}

.footer .footer-details__manufacturers .footer-details-item:first-child,.footer .footer-details__payment .footer-details-item:nth-child(4n+1),.footer .footer-details__socials .footer-details-item:first-child {
    margin-left: 0!important
}

.footer .footer-details__manufacturers .footer-details-item:last-child,.footer .footer-details__payment .footer-details-item:nth-child(4n+4),.footer .footer-details__socials .footer-details-item:last-child {
    margin-right: 0!important
}

.footer .footer-details__manufacturers .footer-details-item img,.footer .footer-details__payment .footer-details-item img,.footer .footer-details__socials .footer-details-item img,.footer .footer-details__trustbadges img {
    width: 100%;
    height: auto
}

.footer .footer-text.font-grey {
    font-size: 12px;
    line-height: 19.2px;
    margin-bottom: 8px
}

.footer .footer-text.font-grey.discount-info {
    flex: 100%
}

.footer .font-grey {
    color: #666
}

.footer .footer-col.border-right-sm {
    border-right: 1px solid #c9c9c9
}

@media(min-width: 1025px) {
    .footer .footer-col.border-right-sm.padding-right-big {
        padding-right:8%
    }
}

.footer .footer-col .newsletter-cta.type2.redesign {
    position: relative;
    margin: 0;
    padding: 0
}

.footer .footer-col .newsletter-cta.type2.redesign .main {
    display: block;
    padding: 0;
    background: 0 0
}

.footer .footer-col .newsletter-cta.type2.redesign .main>* {
    width: 100%
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form {
    position: relative;
    display: block
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form>* {
    width: 100%
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form input[type=email] {
    height: 56px!important;
    margin: 0;
    padding-right: 130px!important;
    font-style: normal;
    font-size: 16px;
    border-radius: 4px;
    background: #fff
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form input[type=email].error {
    color: #c00;
    border-color: #c00!important;
    background: rgba(204,0,0,.1)!important
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form input[type=email].error+button {
    border-top-color: #c00;
    border-right-color: #c00;
    border-bottom-color: #c00
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form input[type=email].error:focus {
    border: 1px solid #c00!important;
    box-shadow: 0 0 0 5px #ff808080!important
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form input[type=email]:focus {
    border-color: #7eb2ff!important;
    box-shadow: 0 0 0 5px #80bdff80!important
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 122px;
    height: 56px;
    margin: 0;
    border-radius: 0 4px 4px 0;
    border-color: #0060b7;
    background-color: #0060b7
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form button:hover {
    color: #fff
}

.footer .footer-col .newsletter-cta.type2.redesign .main .form .inline-link {
    display: inline-block;
    color: inherit;
    font-size: inherit
}

.footer .footer-col .newsletter-cta.type2.redesign .message {
    margin: 16px 0 0;
    padding: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 18px
}

.footer .footer-col .newsletter-cta.type2.redesign .message.error {
    color: #c00
}

.footer:not(.footer-mobile) .newsletter-cta.type2.redesign .form button {
    font-size: 14px
}

.footer:not(.footer-mobile) .newsletter-cta.type2 .form button {
    background-color: #0060b7;
    border-color: #0060b7
}

.footer .hdl-earth {
    color: #000;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0
}

.footer .gui {
    background: 0 0;
    border: none;
    font-weight: inherit;
    padding: 0
}

.footer .gui-toggle {
    cursor: pointer
}

.footer .gui-toggle-btn {
    position: relative;
    text-align: left;
    width: 100%
}

.footer .gui-toggle-btn:after {
    transition: transform .25s ease-in-out
}

.footer .gui-toggle-btn--white:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCw0LjdsMS4xLTEuMWw2LjksN2w2LjktNi45bDEuMSwxbC03LjUsNy41Yy0wLjMsMC4zLTAuOCwwLjMtMS4xLDBMMCw0Ljd6Ii8+PC9zdmc+) no-repeat center center
}

.footer .gui-toggle-btn--dark:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTAgNC43bDEuMS0xLjEgNi45IDcgNi45LTYuOSAxLjEgMS03LjUgNy41Yy0uMy4zLS44LjMtMS4xIDBMMCA0Ljd6Ii8+PC9zdmc+) no-repeat center center
}

.footer .gui-toggle-btn[aria-expanded=true]:after,.footer .gui-toggle-btn__active:after {
    transform: rotate(-180deg)
}

@media(min-width: 768px) {
    .footer .gui-toggle-btn-sm__none:after {
        display:none
    }
}

@media(min-width: 992px) {
    .footer .gui-toggle-btn-md__none:after {
        display:none
    }
}

@media(min-width: 1200px) {
    .footer .gui-toggle-btn-lg__none:after {
        display:none
    }
}

.footer .gui-toggle-pane {
    max-height: 0;
    transition: max-height .3s ease-out,transform .3s ease-out;
    overflow: hidden;
    will-change: transform
}

.footer .gui-toggle-pane__active {
    max-height: 1000px!important;
    transition: max-height 1s ease-in
}

@media(min-width: 768px) {
    .footer .gui-toggle-pane-sm__active {
        max-height:1000px;
        transition: max-height 1s ease-in
    }
}

@media(min-width: 992px) {
    .footer .gui-toggle-pane-md__active {
        max-height:1000px!important;
        transition: max-height 1s ease-in
    }
}

.footer .prices-tax-info .fwd,.footer .delivery-info .fwd,.footer .newletter-notice .fwd,.footer .copyright-info .fwd,.footer .product-recommendations-info .fwd {
    text-decoration: underline
}

.footer .prices-tax-info .fwd:hover,.footer .delivery-info .fwd:hover,.footer .newletter-notice .fwd:hover,.footer .copyright-info .fwd:hover,.footer .product-recommendations-info .fwd:hover {
    color: #0060b7
}

@media(min-width: 768px) {
    .safari .footer:not(.footer-mobile) .flex-row .footer-col.col-sm-8 {
        width:66.5%
    }
}

.rating .tx-fv-rating {
    border-top: none!important
}

#cmpvendorlist {
    margin-bottom: 16px
}

#cmpvendorlist .cmpvendorlistitem {
    border-bottom: 1px solid #e4e4e4
}

#cmpvendorlist .cmpvendorlistheader {
    background: #f6f6f6
}

#cmpvendorlist .cmpvendorlistheader:hover {
    background: #e4e4e4
}

#cmpvendorlist .cmpvendordetails {
    background: #f9f9f9;
    overflow-x: auto
}

#cmpvendorlist .cmpvendordetails ul {
    padding-left: 0;
    list-style: none
}

#cmpvendorlist .cookieinfotable {
    width: 100%
}

#cmpvendorlist .cookieinfotable tr th,#cmpvendorlist .cookieinfotable tr td {
    padding: 4px 8px
}

#cmpvendorlist .cookieinfotable tr th:first-child,#cmpvendorlist .cookieinfotable tr td:first-child {
    padding-left: 0
}

#cmpvendorlist .cookieinfotable tr th:last-child,#cmpvendorlist .cookieinfotable tr td:last-child {
    padding-right: 0
}

#cmpvendorlist .cookieinfotable td {
    vertical-align: top;
    font-size: 12px
}

.cmpRecallLink {
    color: inherit;
    text-decoration: underline;
    cursor: pointer
}

.cmpRecallLink:hover {
    color: #0060b7
}

.footer-details-item .cmpRecallLink {
    text-decoration: none
}

.footer-details-item .cmpRecallLink:hover {
    color: #444;
    text-decoration: underline
}

.promobar {
    padding: 8px 0;
    margin-top: 1px;
    background: #2d2f93;
    color: #fff
}

@media(max-width: 767px) {
    .promobar.promotion-active .discountTitle {
        margin-top:8px
    }
}

.promobar .container {
    background: 0 0!important;
    border: none!important;
    position: relative
}

@media(min-width: 768px) {
    .promobar .container {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .promobar .container .discountTitle,.promobar .container #discountTimer {
        font-size:12px!important;
        line-height: 20px;
        font-weight: 400
    }
}

.promobar .container .discountTitle {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .promobar .container .discountTitle {
        order:2
    }
}

@media(min-width: 768px) {
    .promobar .container .discountTitle {
        display:inline-block!important;
        height: auto!important;
        order: 1;
        margin-right: 8px;
        font-size: 14px
    }
}

@media(min-width: 992px) {
    .promobar .container .discountTitle {
        font-size:20px
    }
}

.promobar .container .discountTitle .discountText {
    font-weight: 400
}

.promobar .container #discountTimer {
    display: inline-block;
    padding: 4px 8px;
    border: 2px dashed #fff;
    font-size: 16px
}

@media(min-width: 768px) {
    .promobar .container #discountTimer {
        order:2;
        min-width: 260px
    }
}

@media(max-width: 359px) {
    .promobar .container #discountTimer {
        max-width:calc(100% - 40px);
        width: 100%
    }

    .promobar .container #discountTimer #days:before {
        content: "";
        display: table;
        clear: left
    }
}

.promobar .container #discountTimer span {
    font-weight: 700
}

.promobar .container .collapse-arrow {
    position: absolute;
    right: 16px;
    top: 4px;
    transform: rotate(90deg)
}

.promobar .container .collapse-arrow.gui-toggle-btn__active {
    transform: rotate(270deg);
    transform-origin: 10px 10px
}

body[data-promobar=active] .products-links-nav,body[data-promobar=active] .breadcrumb {
    margin-top: 16px
}

#reseller-container {
    background: #f6f6f6
}

@media(max-width: 767px) {
    .icontexttiles:not(.with-image) .icontexttiles-wrapper {
        display:flex;
        flex-direction: inherit
    }
}

.icontexttiles:not(.with-image) .icontexttiles-wrapper:nth-child(2n) {
    background: blue
}

.icontexttiles:not(.with-image) .layer-content-header {
    text-align: center
}

.icontexttiles:not(.with-image) .layer-content-header .nf-icon-48x48 {
    display: inline-block
}

.icontexttiles.with-image .layer-content-header {
    text-align: left
}

.icontexttiles.with-image>.container {
    padding: 0
}

.icontexttiles>header {
    margin-bottom: 32px
}

.icontexttiles>header .module-header-headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -.5px;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .icontexttiles>header .module-header-headline {
        font-size:24px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -.5px
    }
}

.icontexttiles>header span {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    display: block;
    text-transform: none
}

@media(max-width: 768px) {
    .icontexttiles>header span {
        font-size:18px;
        line-height: 20px
    }
}

@media(max-width: 500px) {
    .icontexttiles>header span {
        font-size:14px;
        line-height: 18px
    }
}

.icontexttiles-tile:not(.tile-image) {
    background: #fff;
    text-align: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9
}

.icontexttiles-tile:not(.tile-image).tile-small {
    padding: 16px 0;
    width: 156px;
    height: 156px
}

.icontexttiles-tile:not(.tile-image).tile-small .tile-inner h3 {
    font-size: 16px;
    line-height: 20px
}

.icontexttiles-tile:not(.tile-image).tile-small .tile-inner .nf-icon-48x48 {
    margin-bottom: 16px
}

.icontexttiles-tile:not(.tile-image):not(.sharp-tile).active {
    border-color: #0060b7;
    background: rgba(0,102,204,.15);
    color: #0060b7
}

.icontexttiles-tile:not(.tile-image).sharp-tile {
    background: 0 0;
    box-shadow: none
}

.icontexttiles-tile:not(.tile-image).darkgrey h3,.icontexttiles-tile:not(.tile-image).darkgrey p {
    color: #666
}

@media(max-width: 767px) {
    .icontexttiles-tile:not(.tile-image) {
        width:50%
    }

    .icontexttiles-tile:not(.tile-image).col-sm-6 {
        clear: none;
        padding: 16px
    }
}

.icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media(min-width: 768px) {
    .icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner {
        width:256px;
        height: 256px
    }
}

.icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner .nf-icon-80x80,.icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner .nf-icon-48x48 {
    margin-bottom: 16px
}

@media(min-width: 1200px) {
    .icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner .nf-icon-80x80,.icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner .nf-icon-48x48 {
        margin-bottom:24px
    }
}

.icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner .icontexttiles-tile-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

@media(min-width: 1200px) {
    .icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner .icontexttiles-tile-title {
        line-height:28px
    }
}

.icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner .icontexttiles-tile-subheader {
    font-size: 14px;
    line-height: 20px
}

.icontexttiles-tile:not(.tile-image) .icontexttiles-tile-inner .link {
    padding-left: 0
}

.icontexttiles-tile:not(.tile-image) .icontexttiles-tile-subheader {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    max-width: 100%
}

.icontexttiles-tile.tile-image {
    text-align: center;
    bottom: 0;
    display: flex
}

@media(max-width: 991px) {
    .icontexttiles-tile.tile-image {
        margin-bottom:32px;
        justify-content: center
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .icontexttiles-tile.tile-image {
        margin-bottom:32px;
        padding: 0 8px
    }
}

.icontexttiles-tile.tile-image .icontexttiles-tile-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #fff;
    position: relative;
    width: 236px;
    height: 236px;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

@media(min-width: 768px) {
    .icontexttiles-tile.tile-image .icontexttiles-tile-inner {
        width:256px;
        height: 256px
    }
}

.icontexttiles-tile.tile-image .icontexttiles-tile-inner img {
    margin-bottom: 24px;
    height: 118px!important
}

@media(min-width: 1200px) {
    .icontexttiles-tile.tile-image .icontexttiles-tile-inner img {
        margin-bottom:16px;
        height: 128px!important
    }
}

.icontexttiles-tile.tile-image .icontexttiles-tile-inner .icontexttiles-tile-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding: 0 8px
}

@media(min-width: 1200px) {
    .icontexttiles-tile.tile-image .icontexttiles-tile-inner .icontexttiles-tile-title {
        line-height:28px
    }
}

.icontexttiles-tile.tile-image .icontexttiles-tile-inner .icontexttiles-tile-subheader {
    position: relative;
    bottom: 0;
    color: #666!important;
    transition: all .5s ease-in-out;
    padding: 0 8px;
    font-size: 14px
}

@media(max-width: 767px) {
    .icontexttiles-tile.tile-image .icontexttiles-tile-inner .icontexttiles-tile-subheader {
        font-size:14px!important
    }
}

.icontexttiles-tile.tile-image .icontexttiles-tile-inner .link {
    font-size: 14px;
    line-height: 26px;
    font-weight: 600
}

.icontexttiles-tile.tile-image .icontexttiles-tile-subheader {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    max-width: 100%
}

.icontexttiles .container {
    background: 0 0!important
}

@media(max-width: 1199px) {
    .icontexttiles .container>.row>.col-xs-8.col-xs-offset-2 {
        padding:0
    }
}

@media(min-width: 992px) {
    .icontexttiles-wrapper {
        display:flex
    }
}

@media(min-width: 992px) {
    .icontexttiles-wrapper__2er {
        justify-content:space-between
    }
}

@media(max-width: 499px) {
    .icontexttiles-wrapper__2er {
        flex-direction:column
    }
}

@media(min-width: 992px) {
    .icontexttiles-wrapper__3er {
        justify-content:center
    }
}

.icontexttiles:not(.with-image) .icontexttiles-wrapper {
    box-shadow: 0 2px 4px #0000000f,0 3px 4px #0000000d,0 1px 5px #00000014
}

.icontexttiles .layer-footer {
    height: 48px
}

.icontexttiles .layer-close {
    bottom: 0
}

.js_layer_open {
    overflow: hidden
}

.js_layer_open:hover {
    cursor: pointer
}

.js_layer_open:hover .icontexttiles-tile-subheader {
    opacity: 0;
    bottom: 20px
}

.js_layer_open:hover .link {
    bottom: 16px;
    opacity: 1
}

.js_layer_open .link {
    position: absolute;
    left: 0;
    bottom: 40px;
    transition: all .5s;
    padding-left: 0;
    width: 100%;
    z-index: 10;
    opacity: 0;
    color: #0060b7
}

.js_layer_open .link .nf-icon {
    width: 12px;
    height: 12px;
    fill: #0060b7;
    vertical-align: middle
}

@font-face {
    font-family: Vazir;
    src: url(../fonts/Vazir-Thin.ttf)
}

.lp-montage #content-container a:not(.btn):not(.sticky-cart-btn):not(.card-link) {
    text-decoration: none;
    color: #0060b7;
    font-weight: 600
}

.lp-montage .container {
    border: none;
    background: 0 0!important
}

.lp-montage p {
    -webkit-hyphens: auto;
    hyphens: auto
}

.lp-montage .btn {
    transition: all .25s ease-in-out
}

.lp-montage a.btn:hover,.lp-montage button.btn:hover {
    background: rgba(0,102,204,.9)
}

.lp-montage .breadcrumb {
    display: none
}

.lp-montage .slick-loading .slick-list {
    background: 0 0
}

.lp-montage .widecontent+.rating,.lp-montage .rating+.divider {
    display: none
}

.lp-montage .montage-benefits h3 {
    font-size: 23.4px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 25px;
    padding: 0 15px
}

.lp-montage .montage-benefits .benefit-container {
    margin-bottom: 75px
}

.lp-montage .montage-benefits .benefit-container:after {
    content: "";
    clear: both;
    display: block
}

.lp-montage .montage-benefits .benefit-text {
    margin-bottom: 10px
}

.lp-montage .montage-benefits .benefit-text p,.lp-montage .montage-benefits .benefit-list {
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.lp-montage .montage-benefits .benefit-list {
    padding-left: 0!important
}

.lp-montage .montage-benefits .benefit-list li {
    background-image: url(/fileadmin/images/montage/icons/Checkmark-Circled.svg)!important;
    background-position: 15px;
    padding-left: 50px;
    margin-bottom: 8px;
    list-style: none!important
}

@media(max-width: 991px) {
    .lp-montage .montage-benefits .benefit-container,.lp-montage .montage-benefits .benefit-description {
        display:flex
    }

    .lp-montage .montage-benefits .benefit-container {
        flex-direction: column;
        margin-bottom: 56px
    }

    .lp-montage .montage-benefits .benefit-description {
        flex-direction: row;
        order: 3;
        flex-wrap: wrap
    }

    .lp-montage .montage-benefits .benefit-description:before {
        content: " ";
        display: table
    }

    .lp-montage .montage-benefits .benefit-description:after {
        content: " ";
        display: table;
        clear: both
    }

    .lp-montage .montage-benefits .benefit-header {
        order: 1;
        padding: 0;
        flex: 100%
    }

    .lp-montage .montage-benefits .benefit-image {
        order: 2;
        margin-bottom: 40px
    }

    .lp-montage .montage-benefits .benefit-image img {
        width: 100%
    }

    .lp-montage .montage-benefits .benefit-text {
        order: 3;
        padding-left: 0
    }

    .lp-montage .montage-benefits .benefit-list {
        order: 4
    }
}

@media(max-width: 500px) {
    .lp-montage .montage-benefits .benefit-container {
        margin-bottom:48px
    }

    .lp-montage .montage-benefits .benefit-description {
        flex-direction: column
    }

    .lp-montage .montage-benefits .benefit-text {
        margin-bottom: 24px
    }

    .lp-montage .montage-benefits .benefit-list li {
        background-position: 0;
        padding-left: 30px
    }
}

.lp-montage .montage-cta {
    background-color: #fafafa;
    padding: 72px 0
}

.lp-montage .montage-cta h3 {
    font-size: 23.4px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    margin-bottom: 25px
}

.lp-montage .montage-cta .intro-text {
    color: #222;
    font-family: Vazir;
    font-size: 22px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    margin-bottom: 20px
}

.lp-montage .montage-cta .intro-text:after {
    content: url(/fileadmin/images/montage/icons/cta-arrow.svg);
    position: absolute;
    left: 19%;
    top: 55%;
    width: 60px;
    height: 80px
}

@media(min-width: 768px) and (max-width:991px) {
    .lp-montage .montage-cta .intro-text:after {
        left:10%;
        top: 60%
    }
}

.lp-montage .montage-cta .intro-text span {
    transform: rotate(-2deg)
}

.lp-montage .montage-cta .btn {
    border-radius: 4px;
    font-size: 14px!important;
    line-height: 19px;
    text-align: center;
    padding: 15px 25px;
    background: #0060b7
}

@media(max-width: 768px) {
    .lp-montage .montage-cta {
        padding:56px 25px
    }

    .lp-montage .montage-cta .intro-text:after {
        left: 0
    }
}

@media(max-width: 500px) {
    .lp-montage .montage-cta {
        padding:48px 25px
    }
}

.lp-montage .montage-faq {
    background-color: #fafafa;
    padding: 72px 0
}

.lp-montage .montage-faq h3 {
    font-size: 23.4px;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}

.lp-montage .montage-faq .panel {
    border-bottom: 1px solid #c9c9c9;
    border-radius: 0;
    background: 0 0;
    transition: all 1s ease-in-out
}

.lp-montage .montage-faq .panel .collapse.in {
    display: inline-block
}

.lp-montage .montage-faq .panel>.panel-heading {
    background: 0 0;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    float: none;
    padding: 25px 40px 25px 0
}

.lp-montage .montage-faq .panel>.panel-heading:hover {
    cursor: pointer
}

.lp-montage .montage-faq .panel>.panel-heading:after {
    content: "";
    background: url(/fileadmin/images/montage/icons/AngleRight.svg) no-repeat center center;
    transform: rotate(90deg);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 40%;
    color: #000;
    transition: all .2s ease-in-out
}

.lp-montage .montage-faq .panel>.panel-heading[aria-expanded=true]:after {
    transform: rotate(-90deg)
}

.lp-montage .montage-faq .panel .panel-body {
    padding-top: 0;
    font-size: 16px;
    line-height: 24px
}

.lp-montage .montage-faq .panel .panel-body * {
    color: #666
}

.lp-montage .montage-faq .panel .panel-body ul li {
    background-image: none;
    position: relative;
    padding-left: 15px
}

.lp-montage .montage-faq .panel .panel-body ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #ccc;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 8px
}

@media(max-width: 768px) {
    .lp-montage .montage-faq {
        padding:56px 30px
    }

    .lp-montage .montage-faq .panel>.panel-heading:after {
        right: 10px
    }
}

@media(max-width: 768px) {
    .lp-montage .montage-faq {
        padding:48px 15px
    }
}

.lp-montage .montage-icongrid {
    padding: 72px 0
}

.lp-montage .montage-icongrid h2 {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 64px
}

.lp-montage .montage-icongrid>.row {
    margin: 0
}

.lp-montage .montage-icongrid ul.row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

.lp-montage .montage-icongrid .col-sm-4 {
    text-align: center;
    background-image: none;
    margin-bottom: 50px
}

.lp-montage .montage-icongrid .col-sm-4 .icon {
    margin-bottom: 15px
}

.lp-montage .montage-icongrid .col-sm-4 p {
    font-size: 16px
}

@media(min-width: 768px) {
    .lp-montage .montage-icongrid .col-sm-4:nth-child(n+4) {
        margin-bottom:0
    }
}

@media(max-width: 767px) {
    .lp-montage .montage-icongrid {
        padding:56px 0
    }

    .lp-montage .montage-icongrid h2 {
        font-size: 23px;
        line-height: 32px
    }

    .lp-montage .montage-icongrid ul.row {
        display: block
    }

    .lp-montage .montage-icongrid .col-sm-4 {
        text-align: center;
        background-image: none;
        font-size: 16px
    }
}

@media(max-width: 500px) {
    .lp-montage .montage-icongrid {
        padding:48px 0
    }
}

.lp-montage .montage-orderprocess {
    padding-bottom: 72px
}

.lp-montage .montage-orderprocess h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px
}

.lp-montage .montage-orderprocess .intro-text {
    padding-right: 50px
}

.lp-montage .montage-orderprocess .intro-text h3 {
    font-weight: 700;
    margin-bottom: 10px
}

.lp-montage .montage-orderprocess .intro-text p {
    font-size: 16px;
    color: #666
}

.lp-montage .montage-orderprocess .intro-text a:not(.btn) {
    text-decoration: none;
    color: #0060b7;
    font-weight: 600
}

.lp-montage .montage-orderprocess .btn {
    display: inline-block;
    border-radius: 4px;
    font-size: 14px!important;
    line-height: 19px;
    text-align: center;
    padding: 15px 25px;
    background: #0060b7
}

.lp-montage .montage-orderprocess .step-container {
    counter-reset: step;
    margin: 0
}

.lp-montage .montage-orderprocess .step-container h3 {
    font-weight: 600
}

.lp-montage .montage-orderprocess .step {
    background-image: none!important;
    counter-increment: step;
    position: relative;
    padding-left: 10%!important;
    padding-bottom: 50px;
    border-left: 1px solid #c9c9c9;
    margin-bottom: -5px
}

.lp-montage .montage-orderprocess .step:before {
    content: counter(step);
    background: #fff;
    color: #0060b7;
    font-size: 21px;
    line-height: 12px;
    text-align: center;
    border: 1px solid #0060b7;
    border-radius: 25px;
    padding: 18px;
    position: absolute;
    left: -25px;
    top: -10px
}

.lp-montage .montage-orderprocess .step:last-child {
    border: none;
    padding-bottom: 0
}

.lp-montage .montage-orderprocess .step p {
    font-size: 16px!important;
    color: #666;
    line-height: 24px
}

@media(max-width: 768px) {
    .lp-montage .montage-orderprocess {
        overflow:hidden;
        padding-top: 10px;
        padding-bottom: 56px
    }

    .lp-montage .montage-orderprocess .step-container {
        padding: 0;
        text-align: left
    }

    .lp-montage .montage-orderprocess .step-container .step {
        padding-left: 15%!important
    }

    .lp-montage .montage-orderprocess .step:before {
        top: 0
    }

    .lp-montage .montage-orderprocess .step h3 {
        display: inline-block;
        margin-top: -5px
    }

    .lp-montage .montage-orderprocess .col-sm-6:not(.intro-text) {
        text-align: center
    }
}

@media(max-width: 500px) {
    .lp-montage .montage-orderprocess {
        padding:0 15px;
        margin-bottom: 100px
    }

    .lp-montage .montage-orderprocess .step-container {
        padding: 0 5px 0 25px
    }

    .lp-montage .montage-orderprocess .step:last-child {
        padding-bottom: 50px
    }
}

.lp-montage .montage-statistics {
    padding: 72px 44px;
    background-color: #fafafa
}

.lp-montage .montage-statistics h2 {
    font-weight: 700;
    display: inline-block;
    line-height: 32px
}

.lp-montage .montage-statistics ul.list-unstyled {
    margin-bottom: 0
}

.lp-montage .montage-statistics .statistics-item {
    text-align: center;
    background-image: none
}

.lp-montage .montage-statistics .statistics-item:last-child {
    border: none
}

.lp-montage .montage-statistics .statistics-item .icon {
    margin-right: 5px;
    display: inline-block;
    vertical-align: inherit
}

.lp-montage .montage-statistics .statistics-item .number {
    font-size: 34px;
    font-weight: 600;
    display: inline-block;
    color: #222
}

.lp-montage .montage-statistics .statistics-item p {
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    margin-top: 20px;
    color: #222!important
}

@media(min-width: 992px) {
    .lp-montage .montage-statistics .statistics-item .icon {
        margin-right:15px
    }
}

@media(min-width: 768px) {
    .lp-montage .montage-statistics .statistics-item {
        border-right:1px solid #c2d1d9
    }
}

@media(max-width: 768px) {
    .lp-montage .montage-statistics .statistics-item {
        padding:16px 8px;
        position: relative
    }

    .lp-montage .montage-statistics .statistics-item .number {
        font-size: 30px
    }

    .lp-montage .montage-statistics .statistics-item:last-child:after {
        display: none
    }
}

@media(max-width: 500px) {
    .lp-montage .montage-statistics .statistics-item:after {
        content:" ";
        position: absolute;
        bottom: 0;
        left: 36%;
        width: 119px;
        height: 1px;
        background: #c2d1d9
    }
}

@media(min-width: 768px) {
    .lp-montage .montage-statistics>.row {
        display:flex;
        align-items: center
    }
}

@media(max-width: 768px) {
    .lp-montage .montage-statistics {
        padding:56px 44px
    }

    .lp-montage .montage-statistics h2 {
        font-size: 23px;
        line-height: 32px
    }

    .lp-montage .montage-statistics>.row>.col-sm-4 {
        text-align: center
    }
}

@media(max-width: 500px) {
    .lp-montage .montage-statistics {
        padding:48px 0
    }
}

.lp-montage .montage-steps {
    background-color: #f9f9f9;
    padding: 72px 56px 0 72px;
    margin-bottom: 72px
}

.lp-montage .montage-steps h3 {
    font-size: 23.4px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 64px;
    padding: 0 15px;
    text-align: center
}

.lp-montage .montage-steps li {
    background-image: none!important
}

.lp-montage .montage-steps .montage-step-tabs {
    margin-bottom: 60px
}

.lp-montage .montage-steps .montage-step-tabs li {
    border-radius: 80px;
    background-color: #e4e4e4;
    color: #666;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
    display: inline-block
}

.lp-montage .montage-steps .montage-step-tabs li.active {
    color: #0060b7;
    border: 2px solid #0060b7;
    background-color: #e0eaf4
}

.lp-montage .montage-steps .montage-step-tabs li:not(.active) {
    border: 2px solid #e4e4e4
}

.lp-montage .montage-steps .montage-step-tabs li:hover {
    cursor: pointer
}

.lp-montage .montage-steps .montage-step-tabs li:last-child {
    margin-right: 0
}

.lp-montage .montage-steps .montage-step-tabs li a {
    text-decoration: none;
    color: inherit;
    padding: 10px 19px;
    display: block
}

.lp-montage .montage-steps .montage-step-item {
    position: relative;
    padding: 10px;
    list-style: none
}

.lp-montage .montage-steps .montage-step-item:before {
    content: attr(data-index);
    color: #fff;
    background: #c00;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 13px;
    text-align: center;
    border: 1px solid #c00;
    border-radius: 50%;
    padding: 4%;
    position: absolute;
    left: 23%;
    top: 3%
}

.lp-montage .montage-steps .montage-step-item:after {
    content: url(/fileadmin/images/montage/icons/ArrowGrey.svg);
    font-size: 14px;
    line-height: 10px;
    position: absolute;
    right: -5%;
    top: 25%
}

.lp-montage .montage-steps .montage-step-item:last-child:after {
    content: ""
}

.lp-montage .montage-steps .montage-step-item img {
    display: inline-block;
    margin-bottom: 21px
}

.lp-montage .montage-steps .montage-step-item h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 31px
}

.lp-montage .montage-steps .montage-step-item p {
    color: #666;
    font-size: 14px;
    line-height: 22px
}

.lp-montage .montage-steps .montage-steps-footer {
    padding: 50px 0;
    position: relative;
    width: 100%
}

.lp-montage .montage-steps .montage-steps-footer span:not(.btn) {
    transform: rotate(-6deg);
    color: #222;
    font-family: Vazir;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    margin-bottom: 30px;
    display: inline-block;
    position: absolute;
    left: 24%;
    top: 7%
}

@media(min-width: 768px) and (max-width:991px) {
    .lp-montage .montage-steps .montage-steps-footer span:not(.btn) {
        left:12%
    }
}

.lp-montage .montage-steps .montage-steps-footer:after {
    content: url(/fileadmin/images/montage/icons/price-arrow.svg);
    position: absolute;
    left: 29%;
    top: 33%;
    width: 60px;
    height: 80px
}

@media(min-width: 768px) and (max-width:991px) {
    .lp-montage .montage-steps .montage-steps-footer:after {
        left:21%
    }
}

.lp-montage .montage-steps .montage-steps-footer .btn {
    font-size: 14px!important;
    line-height: 19px;
    text-align: center;
    padding: 15px 25px;
    background: #0060b7
}

@media(min-width: 780px) {
    .lp-montage .montage-steps .tab-content>.active ul {
        display:flex;
        justify-content: center;
        flex-direction: row
    }
}

@media(max-width: 768px) {
    .lp-montage .montage-steps {
        padding:56px 15px 0;
        overflow: hidden
    }

    .lp-montage .montage-steps .tab-content {
        padding: 0
    }

    .lp-montage .montage-steps .tab-content .scroll-pane {
        padding: 0 0 0 5%;
        overflow-x: scroll;
        margin-right: -15px;
        margin-bottom: 20px
    }

    .lp-montage .montage-steps .montage-step-container {
        width: 1201px
    }

    .lp-montage .montage-steps .montage-step-item {
        width: 16%
    }

    .lp-montage .montage-steps .montage-step-item:before {
        left: 26%;
        top: 10px;
        line-height: 12px;
        padding: 4%
    }

    .lp-montage .montage-steps .montage-step-item img {
        width: 128px;
        margin-bottom: 16px
    }

    .lp-montage .montage-steps .montage-steps-footer:after {
        content: url(/fileadmin/images/montage/icons/price-arrow-mobile.svg);
        position: absolute;
        left: auto;
        right: 24%;
        top: 15%
    }

    .lp-montage .montage-steps .montage-steps-footer span {
        transform: rotate(-9deg);
        position: absolute;
        right: 14%;
        top: -10%;
        left: auto
    }

    .lp-montage .montage-steps .slick-next,.lp-montage .montage-steps .slick-prev {
        width: 40px;
        height: 40px
    }

    .lp-montage .montage-steps .slick-prev:before {
        content: url(/fileadmin/images/montage/icons/AngleLeft.svg)
    }

    .lp-montage .montage-steps .slick-next:before {
        content: url(/fileadmin/images/montage/icons/AngleRight.svg)
    }

    .lp-montage .montage-steps .slick-dots li {
        background-image: none;
        background-position-y: 0;
        margin: 0 5px
    }

    .lp-montage .montage-steps .slick-dots li.slick-active button:before {
        color: #0060b7
    }

    .lp-montage .montage-steps .slick-dots li button:before {
        color: #e4e4e4;
        font-size: 40px
    }
}

@media(max-width: 500px) {
    .lp-montage .montage-steps {
        padding:48px 0 0
    }

    .lp-montage .montage-steps .tab-content .scroll-pane {
        padding: 0 0 0 29%
    }

    .lp-montage .montage-steps #tab-0 .montage-step-container {
        width: 950px
    }

    .lp-montage .montage-steps #tab-0 .montage-step-item {
        width: 21.5%
    }

    .lp-montage .montage-steps .montage-step-item {
        width: 19%
    }

    .lp-montage .montage-steps .montage-step-item:before {
        line-height: 15px
    }

    .lp-montage .montage-steps .montage-step-item:after {
        right: -12px
    }

    .lp-montage .montage-steps .montage-steps-footer:after {
        right: 0
    }

    .lp-montage .montage-steps .montage-steps-footer span {
        right: 5%;
        top: -10%
    }

    .lp-montage .montage-steps #tab-1 .montage-step-container {
        width: 1100px
    }

    .lp-montage .montage-steps #tab-1 .montage-step-item {
        width: 16%
    }
}

.lp-montage .reviews {
    padding: 72px 0;
    overflow: hidden
}

.lp-montage .reviews .reviews-header {
    margin-bottom: 0
}

.lp-montage .reviews .reviews-header h2 {
    font-size: 23.4px;
    text-align: center;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 55px
}

.lp-montage .reviews .reviews-slider {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.lp-montage .reviews .slider-btn {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    background: 0 0;
    border: none;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    display: none
}

.lp-montage .reviews .slider-btn__circle {
    border-radius: 50%;
    background: rgba(20,92,158,.9);
    height: 64px;
    padding: 8px;
    top: calc(50% - 24px);
    transition: all .25s ease-in-out!important;
    width: 64px
}

.lp-montage .reviews .slider-btn__prev {
    left: 32px
}

.lp-montage .reviews .slider-btn__next {
    right: 32px
}

.lp-montage .reviews .slider-btn svg {
    fill: #222;
    transition: fill .25s ease-in-out
}

.lp-montage .reviews .slider-btn__circle svg {
    fill: #fff
}

.lp-montage .reviews .reviews-item {
    padding: 0;
    white-space: initial;
    -webkit-backface-visibility: hidden;
    background-image: none;
    display: inline-block
}

.lp-montage .reviews .reviews-item .caption-1 {
    font-size: 14px
}

.lp-montage .reviews .slick-slide {
    margin-right: 29px
}

.lp-montage .reviews .reviews-item-inner {
    padding: 32px 16px 16px;
    max-height: 480px;
    width: calc(100vw - 4rem)
}

.lp-montage .reviews .reviews-item-inner .hdl-earth {
    font-size: 20px;
    font-weight: 600;
    color: #222
}

.lp-montage .reviews .reviews-item-inner .readmore {
    max-height: 2000px
}

.lp-montage .reviews .reviews-item-person {
    align-items: center;
    display: flex;
    margin-bottom: 16px;
    padding: 0 8px
}

.lp-montage .reviews .reviews-item-person-avatar {
    margin-right: 16px
}

.lp-montage .reviews .nf-icon-avatar {
    height: 56px;
    width: 56px
}

.lp-montage .reviews .nf-icon-rating {
    height: 16px;
    width: 96px
}

.lp-montage .reviews .nf-icon-16x16 {
    height: 16px;
    width: 16px
}

.lp-montage .reviews .nf-icon-24x24 {
    height: 24px;
    width: 24px
}

.lp-montage .reviews p {
    color: #666
}

.lp-montage .reviews .reviews-item-rating {
    margin-bottom: 16px;
    padding: 0 8px
}

.lp-montage .reviews .reviews-item-title {
    margin-bottom: 16px;
    display: block
}

.lp-montage .reviews .reviews-item-testimonial p {
    color: #0009;
    font-size: 16px;
    line-height: 24px
}

.lp-montage .reviews .reviews-item-content {
    height: 264px;
    overflow: hidden;
    padding: 0 8px
}

.lp-montage .reviews .card {
    background: #fff;
    border-radius: .25rem;
    box-shadow: 0 2px 4px #00000012,0 4px 5px #0000000f,0 1px 10px #0000001a;
    transition: all .25s ease-in-out
}

@media(max-width: 330px) {
    .lp-montage .reviews .reviews-item-inner .hdl-earth {
        font-size:16px
    }

    .lp-montage .reviews .reviews-avatar {
        margin-right: 12px
    }

    .lp-montage .reviews p {
        padding-right: 0
    }
}

@media(max-width: 360px) {
    .lp-montage .reviews {
        padding:48px 0
    }

    .lp-montage .reviews .reviews-item-inner .hdl-earth {
        font-size: 18px
    }
}

@media(max-width: 500px) {
    .lp-montage .reviews .reviews-item {
        max-width:290px
    }

    .lp-montage .reviews .reviews-item-inner {
        width: auto;
        min-height: 450px
    }

    .lp-montage .reviews .slick-slide {
        margin-right: 15px
    }
}

@media(max-width: 768px) {
    .lp-montage .reviews {
        padding:56px 0;
        overflow: hidden
    }

    .lp-montage .reviews .slick-list {
        overflow: visible
    }
}

@media(min-width: 768px) {
    .lp-montage .reviews .container-fluid {
        padding:0 15px
    }

    .lp-montage .reviews .slick-list {
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }

    .lp-montage .reviews .slick-slide:active,.lp-montage .reviews .slick-slide:focus {
        outline: none
    }

    .lp-montage .reviews .reviews-item {
        margin-right: 5px
    }

    .lp-montage .reviews .reviews-item:last-child {
        margin-right: 0
    }

    .lp-montage .reviews .reviews-item-inner {
        max-height: 530px;
        width: 360px
    }
}

@media(min-width: 992px) {
    .lp-montage .reviews .slick-list {
        overflow:visible
    }

    .lp-montage .reviews .reviews-slider:hover .slider-btn {
        opacity: 1
    }

    .lp-montage .reviews .reviews-item-content {
        height: 242px
    }

    .lp-montage .reviews .reviews-item-inner {
        width: 317px
    }

    .lp-montage .reviews.module {
        padding-bottom: 88px
    }
}

@media(min-width: 1200px) {
    .lp-montage .reviews .reviews-item {
        margin-right:15px
    }

    .lp-montage .reviews .reviews-item-inner {
        width: 360px
    }

    .lp-montage .reviews .slick-cloned {
        display: none
    }
}

.safari .lp-montage .montage-icongrid ul.row {
    display: block
}

.tutorial .container {
    border: 0;
    background: 0!important
}

.tutorial-header {
    margin-bottom: 32px
}

.tutorial-header h2 {
    margin-bottom: 8px
}

@media(min-width: 768px) {
    .tutorial-header {
        margin-bottom:80px;
        text-align: center
    }
}

@media(min-width: 992px) {
    .tutorial-header {
        margin-bottom:88px
    }
}

.tutorial-list {
    margin-bottom: 40px;
    padding-left: 0;
    padding-bottom: 0!important
}

@media(min-width: 768px) {
    .tutorial-list {
        margin-bottom:0
    }
}

@media(max-width: 992px) {
    .tutorial-list {
        padding-bottom:0!important
    }
}

.tutorial-item {
    align-items: center;
    display: flex;
    height: 120px;
    list-style: none;
    position: relative
}

@media(min-width: 768px) {
    .tutorial-item {
        display:block;
        height: auto;
        margin-bottom: 56px
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .tutorial-item:nth-child(3),.tutorial-item:nth-child(5),.tutorial-item:nth-child(7),.tutorial-item:nth-child(9) {
        clear:both
    }
}

@media(min-width: 992px) {
    .tutorial-item {
        margin-bottom:88px
    }

    .tutorial-item:nth-child(4) {
        clear: both
    }
}

.tutorial-item:nth-child(7) {
    clear: both
}

@media(min-width: 768px) {
    .tutorial-item:nth-child(n+7) {
        margin-top:56px
    }
}

@media(min-width: 992px) {
    .tutorial-item:nth-child(n+7) {
        margin-top:88px
    }
}

.tutorial-item:before {
    content: ""
}

@media(max-width: 767px) {
    .tutorial-item:nth-child(2n) {
        margin-top:60px
    }
}

.tutorial-item:nth-child(n+4) {
    margin-bottom: 0
}

.tutorial-item-digit {
    color: #e4e4e4;
    font-size: 176px;
    font-weight: 700;
    left: 16px;
    line-height: 1;
    position: absolute;
    right: 16px;
    top: -30px;
    text-align: center
}

@media(min-width: 768px) {
    .tutorial-item-digit {
        top:-60px;
        right: auto;
        left: -60px;
        width: 110px
    }
}

@media(min-width: 992px) {
    .tutorial-item-digit {
        top:-40px;
        left: -84px
    }
}

.tutorial-item-title {
    color: #222;
    text-align: center;
    width: 100%;
    z-index: 1;
    position: relative
}

@media(max-width: 767px) {
    .tutorial-item-title:after {
        background:#c00;
        content: "";
        display: block;
        height: 2px;
        left: calc(50% - 16px);
        position: relative;
        bottom: -10px;
        width: 32px
    }
}

@media(min-width: 768px) {
    .tutorial-item-title {
        text-align:left;
        margin-left: -32px
    }
}

@media(min-width: 992px) {
    .tutorial-item-title {
        padding-right:15%
    }
}

@media(min-width: 1200px) {
    .tutorial-item-title {
        padding-right:25%
    }
}

.tutorial-item-text {
    max-width: 230px;
    line-height: 26px;
    position: relative;
    z-index: 1
}

.tutorial-item-text:before {
    background: #c00;
    content: "";
    display: block;
    height: 2px;
    left: calc(50% - 16px);
    position: relative;
    top: 10px;
    width: 32px
}

@media(min-width: 768px) {
    .tutorial-item-text:before {
        left:-40px;
        top: 14px;
        width: 32px
    }
}

.tutorial-linkbar {
    margin-top: 32px
}

.tutorial-linkbar .btn {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.tutorial-linkbar .btn:hover {
    background: #007bea!important
}

.hero {
    position: relative;
    --layout-header-height: 231px;
    --layout-header-show-more-height: 378px;
    height: auto!important
}

@media(max-width: 991px) {
    .hero.boxed-version {
        margin-top:55px
    }
}

.hero.boxed-version .hero-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.hero.boxed-version .hero-wrapper .hero-container {
    position: initial;
    background: #f6f6f6;
    overflow: hidden
}

@media(max-width: 991px) {
    .hero.boxed-version .hero-wrapper .hero-container {
        text-align:center;
        margin: 0!important;
        width: 100%
    }
}

@media(min-width: 992px) {
    .hero.boxed-version .hero-wrapper .hero-container {
        padding:40px 0
    }
}

.hero.boxed-version .hero-wrapper .hero-container-inner {
    box-shadow: none;
    background: 0 0;
    border-radius: 0
}

@media(max-width: 991px) {
    .hero.boxed-version .hero-wrapper .hero-container-inner {
        padding-top:0
    }
}

@media(min-width: 992px) {
    .hero.boxed-version .hero-wrapper .hero-container-inner {
        padding:0
    }
}

@media(min-width: 992px) {
    .hero.boxed-version .hero-wrapper .hero-container-inner .hero-title {
        margin-top:8px
    }
}

.hero.boxed-version .hero-wrapper .hero-container-inner .hero-title,.hero.boxed-version .hero-wrapper .hero-container-inner .hero-subtitle {
    margin-bottom: 16px
}

.hero.boxed-version .hero-wrapper .hero-image {
    position: absolute;
    top: 0;
    right: 0;
    max-height: none;
    height: 100%
}

@media(min-width: 992px) {
    .hero.boxed-version .hero-wrapper .hero-image {
        min-height:100%;
        position: relative;
        margin-top: -40px;
        margin-bottom: -40px
    }

    .hero.boxed-version .hero-wrapper .hero-image>picture {
        max-height: 400px
    }
}

.hero.boxed-version .hero-wrapper .hero-image img {
    height: 100%;
    margin-left: 0;
    transform: none
}

@media(max-width: 991px) {
    .hero.homepage {
        background:#f6f6f6
    }
}

@media(max-width: 991px) {
    .hero.homepage .hero-column {
        display:flex;
        flex-direction: column
    }
}

.hero.homepage .hero-trustbadges {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
    margin-bottom: 16px
}

@media(max-width: 991px) {
    .hero.homepage .hero-trustbadges {
        margin-top:32px;
        margin-bottom: 0;
        order: 2;
        justify-content: center
    }
}

.hero.homepage .hero-trustbadges svg {
    height: 96px
}

.hero.homepage .hero-trustbadges svg:not(:last-child) {
    margin-right: 24px
}

.hero.homepage .tv-logos-container {
    max-width: 300px;
    z-index: 5;
    background: #fff;
    padding: 6px;
    border-radius: 4px
}

@media(max-width: 991px) {
    .hero.homepage .tv-logos-container {
        float:right;
        margin-right: 16px;
        margin-bottom: 16px;
        margin-top: -60px
    }
}

@media(min-width: 992px) {
    .hero.homepage .tv-logos-container {
        position:absolute;
        bottom: 24px;
        right: 24px
    }
}

.hero.homepage .tv-logos-container .tv-spot-container {
    margin-bottom: 5px
}

.hero.homepage .tv-logos-container .tv-spot-container>span {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-right: 8px;
    letter-spacing: -.5px
}

.hero.homepage .tv-logos-container .fv-tv-spot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .4px;
    background-color: #999;
    border-radius: 4px
}

.hero.homepage .tv-logos-container .fv-tv-spot:hover {
    cursor: pointer;
    animation: fadeInTvSpot .5s linear forwards;
    text-decoration: none
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .hero.homepage .tv-logos-container .fv-tv-spot:hover {
        animation: none;
        background-color: #0060b7
    }
}

.hero.homepage .tv-logos-container .fv-tv-spot #text-spot {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
    margin-right: 4px
}

.hero.homepage .tv-logos-container .fv-tv-spot #play-icon {
    display: inline-block
}

.hero.homepage .tv-logos-container .fv-tv-spot #circle-border {
    width: 19px;
    height: 19px;
    border: 3px solid #fff;
    border-radius: 20px
}

.hero.homepage .tv-logos-container .fv-tv-spot #triangle-right {
    position: relative;
    left: 1px;
    margin: 3px auto;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 4px solid transparent
}

.hero.homepage .tv-logos-container .tv-logos {
    height: auto;
    background: 0 0;
    border: none
}

.hero.homepage .tv-logos-container .tv-logos img {
    margin: 0;
    width: 100%
}

.hero.homepage .hero-title {
    font-size: 44px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -.75px;
    margin-bottom: 8px;
    width: 100%
}

@media(max-width: 767px) {
    .hero.homepage .hero-title {
        font-size:32px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -.5px;
        margin-bottom: 8px;
        width: 80%
    }
}

@media(max-width: 767px) and (max-width:991px) {
    .hero.homepage .hero-title {
        font-size:24px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -.5px
    }
}

@media(min-width: 768px) {
    .hero.homepage .hero-subtitle {
        font-size:24px!important;
        line-height: 32px!important
    }
}

@media(min-width: 992px) {
    .hero.homepage .hero-subtitle {
        width:90%;
        margin-bottom: 16px
    }
}

.hero.homepage .hero-image,.hero.homepage .hero-title,.hero.homepage .hero-subtitle,.hero.homepage span.fwd {
    position: relative;
    z-index: 5
}

.hero.homepage .btn {
    padding-left: 48px;
    padding-right: 48px
}

@media(min-width: 992px) {
    .hero.homepage .hero-image picture {
        position:relative
    }

    .hero.homepage .hero-image picture img {
        position: absolute;
        margin-left: 0;
        transform: translate(-50%) translateY(-50%);
        margin-top: 0;
        top: 50%;
        left: 50%
    }
}

@media(max-width: 991px) {
    .hero.homepage .hero-container {
        z-index:10
    }
}

.hero-wrapper {
    position: relative
}

.hero-image {
    min-height: 10vh;
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}

@media(min-width: 992px) {
    .hero-image {
        min-height:65vh;
        height: calc(70vh - var(--layout-header-show-more-height,10vh))
    }
}

@media(min-width: 992px) and (min-height:0) {
    .hero-image {
        min-height:480px
    }
}

@media(min-width: 1200px) {
    .hero-image {
        height:calc(100vh - var(--layout-header-show-more-height,10vh));
        max-height: 480px
    }
}

.hero-image>picture {
    width: 100%;
    height: 100%;
    display: block
}

.hero-image img {
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    margin-left: 50%;
    transform: translate(-50%)
}

@media(min-width: 992px) {
    .hero-image img {
        width:auto
    }
}

@media(max-width: 991px) {
    .hero-container {
        position:relative;
        z-index: 2;
        width: auto;
        margin-top: -7vh
    }

    .hero-container-inner {
        box-shadow: 0 2px 4px #00000012,0 4px 5px #0000000f,0 1px 10px #0000001a;
        background: #fff;
        border-radius: 4px;
        padding: 32px
    }

    .hero-container-inner .btn {
        width: 100%;
        font-size: 14px!important
    }
}

@media(max-width: 499px) {
    .hero-container-inner {
        padding:16px
    }
}

@media(min-width: 992px) {
    .hero-container {
        width:100%;
        position: absolute;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center
    }
}

.hero-container>.container {
    border: none;
    background-color: transparent!important
}

.hero-container .hero-title.color-neutral-000,.hero-container .hero-title.color-neutral-000 *,.hero-container .hero-subtitle.color-neutral-000,.hero-container .hero-subtitle.color-neutral-000 * {
    color: #fff!important
}

@media(max-width: 991px) {
    .hero-container .hero-title.color-neutral-000,.hero-container .hero-title.color-neutral-000 *,.hero-container .hero-subtitle.color-neutral-000,.hero-container .hero-subtitle.color-neutral-000 * {
        color:#222!important
    }
}

.hero-container .hero-title.color-neutral-900,.hero-container .hero-title.color-neutral-900 *,.hero-container .hero-subtitle.color-neutral-900,.hero-container .hero-subtitle.color-neutral-900 * {
    color: #222!important
}

.hero-container .hero-title {
    padding: 0;
    margin-left: 0!important;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .hero-container .hero-title {
        font-size:32px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -.5px;
        margin-bottom: 8px
    }
}

@media(max-width: 767px) and (max-width:991px) {
    .hero-container .hero-title {
        font-size:24px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -.5px
    }
}

@media(max-width: 991px) {
    .hero-container .hero-title {
        margin-bottom:8px
    }
}

@media(min-width: 992px) {
    .hero-container .hero-title {
        color:#fff;
        margin-bottom: 16px
    }
}

.hero-container .hero-subtitle {
    margin-bottom: 24px;
    -webkit-hyphens: none;
    hyphens: none
}

.hero-container .hero-subtitle:not([class*=color-]) {
    color: #fff!important
}

@media(max-width: 991px) {
    .hero-container .hero-subtitle:not([class*=color-]) {
        color:#666!important;
        text-align: left
    }
}

@media(max-width: 767px) {
    .hero-container .hero-subtitle {
        font-size:16px!important;
        line-height: 26px!important
    }
}

.hero-container .hero-subtitle .modal-link {
    text-decoration: underline
}

.hero-container .hero-subtitle .modal-link:hover {
    cursor: pointer;
    color: #0060b7!important
}

@media(max-width: 499px) {
    .hero-container .hero-cta {
        display:flex;
        flex-direction: column-reverse
    }
}

.hero-container .hero-cta a:first-of-type {
    margin-bottom: 0
}

@media(min-width: 768px) {
    .hero-container .hero-cta a:first-of-type {
        width:auto;
        margin-bottom: 0;
        margin-right: 16px
    }
}

@media(min-width: 992px) {
    .hero-container .hero-cta a:first-of-type {
        text-align:left
    }
}

@media(min-width: 500px) {
    .hero-container .hero-cta a:nth-child(2) {
        margin-left:-3px
    }
}

@media(max-width: 499px) {
    .hero-container .hero-cta a:nth-child(2) {
        margin-bottom:8px
    }
}

.anchor-container {
    background: #fff;
    z-index: 100;
    padding: 11px 16px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9
}

@media(max-width: 991px) {
    .anchor-container {
        display:none;
        margin-top: 16px
    }
}

@media(max-width: 767px) {
    .anchor-container>.container {
        padding:0
    }
}

.anchor-container ul {
    margin-left: 0;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .anchor-container ul {
        display:flex;
        overflow-x: scroll;
        margin-right: -16px;
        padding-right: 16px;
        margin-left: 0
    }

    .anchor-container ul::-webkit-scrollbar-track,.anchor-container ul::-webkit-scrollbar,.anchor-container ul::-webkit-scrollbar-thumb {
        background-color: transparent;
        display: none
    }
}

.anchor-container ul li {
    margin-right: 32px
}

@media(max-width: 991px) {
    .anchor-container ul li {
        margin-right:24px
    }
}

@media(max-width: 359px) {
    .anchor-container ul li {
        margin-right:32px
    }
}

.anchor-container ul li:last-child {
    margin-right: 0
}

.anchor-container ul li a:hover {
    color: #0060b7
}

.slogan-container {
    background: #f6f6f6;
    padding: 24px 16px;
    margin-bottom: 16px
}

@media(min-width: 992px) {
    .slogan-container {
        padding:8px 0
    }

    .slogan-container h2,.slogan-container p {
        display: inline-block
    }
}

.slogan-container h2 {
    font-weight: 700;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .slogan-container h2 {
        font-size:20px!important
    }
}

@media(min-width: 992px) {
    .slogan-container h2 {
        margin-right:8px
    }
}

.slogan-container p {
    font-size: 20px!important;
    line-height: 27px!important;
    margin-bottom: 0
}

.hero:not(.fv-extensions):not(.banner) .hero-image {
    height: calc(100vh - var(--layout-header-show-more-height,10vh))
}

html {
    scrollbar-gutter: stable
}

html,body {
    padding-right: 0!important
}

body.modal-open {
    overflow: hidden!important;
    margin: 0
}

@media(max-width: 991px) {
    body.modal-open .header {
        z-index:0
    }
}

@media(max-width: 767px) {
    body.modal-open .footer {
        position:relative;
        z-index: -1
    }
}

.modal {
    background: rgba(0,0,0,.75);
    padding: 16px 0
}

.modal .modal-dialog {
    display: flex!important;
    min-height: calc(100% - 3.5rem);
    align-items: center;
    justify-content: center;
    margin: 0 8px
}

@media(min-width: 768px) {
    .modal .modal-dialog {
        margin:0 auto
    }
}

.modal .modal-content {
    width: 100%;
    border-radius: 4px
}

.modal .modal-content .close {
    opacity: 1
}

.hideConsentModal #cmpbox,.hideConsentModal #cmpbox2 {
    display: none!important
}

#statusReport.modal .modal-footer,#deleteAddressConfirmation.modal .modal-footer {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 0!important
}

.hero-modal.modal,#montageModal.modal {
    background: rgba(34,34,34,.75)
}

@media(max-width: 992px) {
    .hero-modal.modal,#montageModal.modal {
        text-align:unset
    }
}

.hero-modal.modal .modal-content,#montageModal.modal .modal-content {
    padding: 16px;
    border-radius: 4px
}

@media(min-width: 768px) {
    .hero-modal.modal .modal-content,#montageModal.modal .modal-content {
        padding:48px
    }
}

.hero-modal.modal .modal-content .modal-link:hover,#montageModal.modal .modal-content .modal-link:hover {
    cursor: pointer
}

.hero-modal.modal .modal-content .modal-header,#montageModal.modal .modal-content .modal-header {
    padding: 0!important
}

.hero-modal.modal .modal-content .modal-header .headline-md,#montageModal.modal .modal-content .modal-header .headline-md {
    display: block;
    margin-bottom: 8px
}

@media(max-width: 499px) {
    .hero-modal.modal .modal-content .modal-header .headline-md,#montageModal.modal .modal-content .modal-header .headline-md {
        padding-right:24px
    }
}

.hero-modal.modal .modal-content .modal-header .close,#montageModal.modal .modal-content .modal-header .close {
    position: absolute;
    right: 16px;
    top: 16px;
    margin-top: 5px;
    font-size: 16px;
    opacity: inherit
}

.hero-modal.modal .modal-content .modal-header .close:focus,#montageModal.modal .modal-content .modal-header .close:focus {
    outline: none
}

.hero-modal.modal .modal-content .modal-header .close:hover,#montageModal.modal .modal-content .modal-header .close:hover {
    fill: #7b7b7b
}

.hero-modal.modal .modal-content .modal-body,#montageModal.modal .modal-content .modal-body {
    padding: 0!important
}

.hero-modal.modal .modal-content .modal-body *:last-child,#montageModal.modal .modal-content .modal-body *:last-child {
    margin-bottom: 0
}

.hero-modal.modal .modal-content .modal-body p,#montageModal.modal .modal-content .modal-body p {
    color: #222!important
}

#montageModal .modal-body {
    border-bottom: none!important
}

#montageModal .modal-header {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    background: 0 0;
    color: #222
}

@media(min-width: 768px) {
    #montageModal .modal-header {
        font-size:24px;
        line-height: 32px
    }
}

#montageModal .modal-exit-icon {
    top: 0!important
}

#montageModal .modal-exit-icon .modal-icon {
    width: 16px;
    height: 16px
}

.ekko-lightbox.modal {
    z-index: 99999
}

#youTubeModal {
    background: rgba(0,0,0,.4);
    padding: 0!important;
    margin: 0 auto;
    z-index: 199999
}

@media(max-width: 767px) {
    #youTubeModal {
        padding:0
    }
}

@media(max-width: 767px) {
    #youTubeModal .modal-dialog {
        padding:32px 8px
    }
}

@media(min-width: 500px) {
    #youTubeModal .modal-dialog {
        width:480px;
        margin: 0 auto
    }
}

@media(min-width: 768px) {
    #youTubeModal .modal-dialog {
        width:540px
    }
}

@media(min-width: 992px) {
    #youTubeModal .modal-dialog {
        width:600px
    }
}

#youTubeModal .modal-content {
    padding: 32px 16px
}

@media(max-width: 767px) {
    #youTubeModal .modal-content p,#youTubeModal .modal-content li {
        font-size:14px!important;
        line-height: 22px!important
    }
}

@media(min-width: 768px) {
    #youTubeModal .modal-content {
        padding:32px;
        border-radius: 4px
    }
}

#youTubeModal .modal-content .close {
    opacity: 1
}

#youTubeModal .modal-header {
    background: 0 0;
    margin-bottom: 24px;
    text-transform: none;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    padding: 0!important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#youTubeModal .modal-header:before,#youTubeModal .modal-header:after {
    display: none
}

@media(max-width: 767px) {
    #youTubeModal .modal-header {
        font-size:20px;
        line-height: 28px
    }
}

#youTubeModal .modal-header h2 {
    font-weight: 600
}

#youTubeModal .close {
    font-size: 16px;
    opacity: inherit;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

#youTubeModal .close svg {
    width: 14px;
    height: 14px
}

#youTubeModal .close:focus {
    outline: none
}

#youTubeModal .close:hover {
    fill: #7b7b7b
}

#youTubeModal .modal-body {
    padding: 0!important
}

@media(max-width: 767px) {
    #youTubeModal .modal-body {
        overflow-y:auto
    }
}

#youTubeModal .modal-footer {
    padding: 0
}

#youTubeModal .modal-footer .btn-primary {
    margin-bottom: 16px
}

#youTubeModal .highlight-container {
    background: #e6f3ff;
    padding: 24px;
    margin-bottom: 24px!important
}

@media(min-width: 768px) {
    #youTubeModal .highlight-container {
        padding:32px
    }
}

#youTubeModal .modal-dialog {
    max-width: 600px
}

#youTubeModal .modal-content {
    border: none
}

#youTubeModal .link {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #0060b7;
    cursor: pointer
}

.youtube-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    text-align: center;
    background-position: center;
    background-size: 100%;
    border: 1px solid #e4e4e4;
    z-index: 10
}

.youtube-overlay-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.85)
}

.youtube-overlay p {
    font-size: 14px!important;
    line-height: inherit!important;
    max-width: 450px;
    margin-top: 4px!important;
    -webkit-hyphens: none;
    hyphens: none
}

@media(max-width: 991px) {
    .youtube-overlay p {
        font-size:12px!important;
        line-height: 18px;
        margin-bottom: 8px!important
    }
}

.youtube-overlay .youtube-modal-toggler {
    text-decoration: underline;
    cursor: pointer
}

.youtube-overlay .play-video-toggler {
    display: flex;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer
}

.youtube-overlay .youtube-modal-toggler:hover,.youtube-overlay .play-video-toggler:hover {
    color: #0060b7
}

.youtube-overlay .play-video-button {
    fill: #c00;
    margin-right: 8px
}

@media(max-width: 359px) {
    .youtube-overlay p {
        font-size:12px!important;
        margin-bottom: 0!important
    }

    .youtube-overlay .play-video-button {
        width: 20px;
        height: 20px
    }
}

.video-container .youtube-overlay {
    left: 15px;
    right: 15px
}

.ie11 .ekko-lightbox.modal {
    display: block!important
}

.blueimp-gallery {
    background: #fff;
    color: #222
}

.blueimp-gallery .title,.blueimp-gallery>.close {
    text-shadow: none;
    color: #222!important;
    opacity: 1
}

@media(max-width: 767px) {
    #exit-cart-modal.modal .modal-dialog {
        margin:0 auto
    }
}

@media(min-width: 768px) {
    #exit-cart-modal.modal .modal-dialog {
        width:600px
    }
}

#exit-cart-modal.modal .modal-content {
    padding: 24px
}

@media(min-width: 768px) {
    #exit-cart-modal.modal .modal-content {
        padding:40px
    }
}

#exit-cart-modal.modal .exit-modal-header {
    background: 0 0;
    padding: 0 24px 0 0!important;
    margin-bottom: 24px;
    text-transform: none;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    position: relative
}

@media(max-width: 767px) {
    #exit-cart-modal.modal .exit-modal-header {
        padding-right:0!important;
        font-size: 20px;
        line-height: 28px
    }
}

#exit-cart-modal.modal .exit-modal-header .close {
    position: absolute;
    top: 8px;
    right: 0
}

#exit-cart-modal.modal .exit-modal-subheader {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    #exit-cart-modal.modal .exit-modal-subheader {
        font-size:16px;
        line-height: 26px
    }
}

#exit-cart-modal.modal .exit-modal-content {
    background: #e6f3ff;
    padding: 16px!important;
    margin-bottom: 24px;
    float: none
}

#exit-cart-modal.modal .exit-modal-content .checkmark-list-green {
    margin-bottom: 0
}

@media(min-width: 768px) {
    #exit-cart-modal.modal .exit-modal-content {
        padding:24px!important
    }
}

#exit-cart-modal.modal .modal-footer {
    padding: 0
}

#exit-cart-modal.modal .modal-footer #save-cart {
    text-transform: none;
    font-size: 14px
}

#exit-cart-modal.modal .modal-footer button#exit-cart {
    margin-top: 16px;
    font-size: 14px;
    border: 1px solid #0060b7;
    padding: 14px 24px!important
}

@media(min-width: 992px) {
    #country-selection-modal .modal-dialog {
        width:540px
    }
}

#country-selection-modal .modal-content {
    padding: 24px
}

@media(min-width: 768px) {
    #country-selection-modal .modal-content {
        padding:32px
    }
}

#country-selection-modal .modal-content .modal-header {
    padding: 0;
    margin-bottom: 16px;
    display: flex;
    align-items: baseline
}

@media(min-width: 768px) {
    #country-selection-modal .modal-content .modal-header {
        margin-bottom:24px;
        align-items: center
    }
}

#country-selection-modal .modal-content .modal-header h3 {
    margin-bottom: 0
}

@media(min-width: 768px) {
    #country-selection-modal .modal-content .modal-header h3 {
        flex:0 0 90%
    }
}

#country-selection-modal .modal-content .modal-header .close {
    margin-top: 0;
    margin-left: 24px
}

#country-selection-modal .modal-content .modal-body {
    padding: 0!important
}

#country-selection-modal .modal-content .modal-footer {
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 0
}

@media(max-width: 767px) {
    #country-selection-modal .modal-content .modal-footer {
        flex-direction:column
    }
}

#country-selection-modal .modal-content .modal-footer #country-selection-modal-stay-btn {
    margin-bottom: 8px
}

@media(min-width: 768px) {
    #country-selection-modal .modal-content .modal-footer #country-selection-modal-stay-btn {
        margin-right:8px;
        margin-bottom: 0
    }
}

#country-selection-modal .modal-content .modal-footer .ghost-btn {
    padding: 16px;
    font-weight: 400;
    text-align: left;
    display: flex;
    align-items: center
}

@media(min-width: 768px) {
    #country-selection-modal .modal-content .modal-footer .ghost-btn {
        flex:0 0 50%
    }
}

#country-selection-modal .modal-content .modal-footer img {
    width: 32px;
    height: 24px;
    margin-right: 16px
}

#targobank-modal {
    background: rgba(0,0,0,.4);
    padding: 0!important;
    margin: 0 auto
}

@media(max-width: 767px) {
    #targobank-modal {
        padding:0
    }
}

@media(max-width: 767px) {
    #targobank-modal .modal-dialog {
        padding:32px 8px
    }
}

@media(min-width: 500px) {
    #targobank-modal .modal-dialog {
        width:480px;
        margin: 0 auto
    }
}

@media(min-width: 768px) {
    #targobank-modal .modal-dialog {
        width:540px
    }
}

@media(min-width: 992px) {
    #targobank-modal .modal-dialog {
        width:600px
    }
}

#targobank-modal .modal-content {
    padding: 32px 16px
}

@media(max-width: 767px) {
    #targobank-modal .modal-content p,#targobank-modal .modal-content li {
        font-size:14px!important;
        line-height: 22px!important
    }
}

@media(min-width: 768px) {
    #targobank-modal .modal-content {
        padding:32px;
        border-radius: 4px
    }
}

#targobank-modal .modal-content .close {
    opacity: 1
}

#targobank-modal .modal-header {
    background: 0 0;
    margin-bottom: 24px;
    text-transform: none;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    padding: 0!important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#targobank-modal .modal-header:before,#targobank-modal .modal-header:after {
    display: none
}

@media(max-width: 767px) {
    #targobank-modal .modal-header {
        font-size:20px;
        line-height: 28px
    }
}

#targobank-modal .modal-header h2 {
    font-weight: 600
}

#targobank-modal .close {
    font-size: 16px;
    opacity: inherit;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

#targobank-modal .close svg {
    width: 14px;
    height: 14px
}

#targobank-modal .close:focus {
    outline: none
}

#targobank-modal .close:hover {
    fill: #7b7b7b
}

#targobank-modal .modal-body {
    padding: 0!important
}

@media(max-width: 767px) {
    #targobank-modal .modal-body {
        overflow-y:auto
    }
}

#targobank-modal .modal-footer {
    padding: 0
}

#targobank-modal .modal-footer .btn-primary {
    margin-bottom: 16px
}

#targobank-modal .highlight-container {
    background: #e6f3ff;
    padding: 24px;
    margin-bottom: 24px!important
}

@media(min-width: 768px) {
    #targobank-modal .highlight-container {
        padding:32px
    }
}

#targobank-modal ul.checkmark-list-green {
    margin-bottom: 16px
}

#targobank-modal ul.checkmark-list-green+p {
    margin-bottom: 8px
}

#targobank-modal .link {
    display: inline-block
}

#targobank-modal img {
    width: 186px;
    height: 27px
}

#overQuantityModal {
    background: rgba(0,0,0,.4);
    padding: 0!important;
    margin: 0 auto
}

@media(max-width: 767px) {
    #overQuantityModal {
        padding:0
    }
}

@media(max-width: 767px) {
    #overQuantityModal .modal-dialog {
        padding:32px 8px
    }
}

@media(min-width: 500px) {
    #overQuantityModal .modal-dialog {
        width:480px;
        margin: 0 auto
    }
}

@media(min-width: 768px) {
    #overQuantityModal .modal-dialog {
        width:540px
    }
}

@media(min-width: 992px) {
    #overQuantityModal .modal-dialog {
        width:600px
    }
}

#overQuantityModal .modal-content {
    padding: 32px 16px
}

@media(max-width: 767px) {
    #overQuantityModal .modal-content p,#overQuantityModal .modal-content li {
        font-size:14px!important;
        line-height: 22px!important
    }
}

@media(min-width: 768px) {
    #overQuantityModal .modal-content {
        padding:32px;
        border-radius: 4px
    }
}

#overQuantityModal .modal-content .close {
    opacity: 1
}

#overQuantityModal .modal-header {
    background: 0 0;
    margin-bottom: 24px;
    text-transform: none;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    padding: 0!important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#overQuantityModal .modal-header:before,#overQuantityModal .modal-header:after {
    display: none
}

@media(max-width: 767px) {
    #overQuantityModal .modal-header {
        font-size:20px;
        line-height: 28px
    }
}

#overQuantityModal .modal-header h2 {
    font-weight: 600
}

#overQuantityModal .close {
    font-size: 16px;
    opacity: inherit;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

#overQuantityModal .close svg {
    width: 14px;
    height: 14px
}

#overQuantityModal .close:focus {
    outline: none
}

#overQuantityModal .close:hover {
    fill: #7b7b7b
}

#overQuantityModal .modal-body {
    padding: 0!important
}

@media(max-width: 767px) {
    #overQuantityModal .modal-body {
        overflow-y:auto
    }
}

#overQuantityModal .modal-footer {
    padding: 0
}

#overQuantityModal .modal-footer .btn-primary {
    margin-bottom: 16px
}

#overQuantityModal .highlight-container {
    background: #e6f3ff;
    padding: 24px;
    margin-bottom: 24px!important
}

@media(min-width: 768px) {
    #overQuantityModal .highlight-container {
        padding:32px
    }
}

#overQuantityModal .modal-footer {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(max-width: 499px) {
    #overQuantityModal .modal-footer #overQuantityModalToCartButton,#overQuantityModal .modal-footer #overQuantityModalContinueButton {
        margin-bottom:8px
    }
}

#pleaseReadFirst.modal {
    background: rgba(0,0,0,.4);
    padding: 0!important;
    margin: 0 auto
}

@media(max-width: 767px) {
    #pleaseReadFirst.modal {
        padding:0
    }
}

@media(max-width: 767px) {
    #pleaseReadFirst.modal .modal-dialog {
        padding:32px 8px
    }
}

@media(min-width: 500px) {
    #pleaseReadFirst.modal .modal-dialog {
        width:480px;
        margin: 0 auto
    }
}

@media(min-width: 768px) {
    #pleaseReadFirst.modal .modal-dialog {
        width:540px
    }
}

@media(min-width: 992px) {
    #pleaseReadFirst.modal .modal-dialog {
        width:600px
    }
}

#pleaseReadFirst.modal .modal-content {
    padding: 32px 16px
}

@media(max-width: 767px) {
    #pleaseReadFirst.modal .modal-content p,#pleaseReadFirst.modal .modal-content li {
        font-size:14px!important;
        line-height: 22px!important
    }
}

@media(min-width: 768px) {
    #pleaseReadFirst.modal .modal-content {
        padding:32px;
        border-radius: 4px
    }
}

#pleaseReadFirst.modal .modal-content .close {
    opacity: 1
}

#pleaseReadFirst.modal .modal-header {
    background: 0 0;
    margin-bottom: 24px;
    text-transform: none;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    padding: 0!important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#pleaseReadFirst.modal .modal-header:before,#pleaseReadFirst.modal .modal-header:after {
    display: none
}

@media(max-width: 767px) {
    #pleaseReadFirst.modal .modal-header {
        font-size:20px;
        line-height: 28px
    }
}

#pleaseReadFirst.modal .modal-header h2 {
    font-weight: 600
}

#pleaseReadFirst.modal .close {
    font-size: 16px;
    opacity: inherit;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

#pleaseReadFirst.modal .close svg {
    width: 14px;
    height: 14px
}

#pleaseReadFirst.modal .close:focus {
    outline: none
}

#pleaseReadFirst.modal .close:hover {
    fill: #7b7b7b
}

#pleaseReadFirst.modal .modal-body {
    padding: 0!important
}

@media(max-width: 767px) {
    #pleaseReadFirst.modal .modal-body {
        overflow-y:auto
    }
}

#pleaseReadFirst.modal .modal-footer {
    padding: 0
}

#pleaseReadFirst.modal .modal-footer .btn-primary {
    margin-bottom: 16px
}

#pleaseReadFirst.modal .highlight-container {
    background: #e6f3ff;
    padding: 24px;
    margin-bottom: 24px!important
}

@media(min-width: 768px) {
    #pleaseReadFirst.modal .highlight-container {
        padding:32px
    }
}

@media(max-width: 767px) {
    #pleaseReadFirst.modal .modal-header {
        line-height:24px
    }
}

#pleaseReadFirst.modal .modal-footer {
    padding-top: 24px
}

#process-order-modal:not(.modal-mask) {
    background: rgba(0,0,0,.4);
    padding: 0!important;
    margin: 0 auto
}

@media(max-width: 767px) {
    #process-order-modal:not(.modal-mask) {
        padding:0
    }
}

@media(max-width: 767px) {
    #process-order-modal:not(.modal-mask) .modal-dialog {
        padding:32px 8px
    }
}

@media(min-width: 500px) {
    #process-order-modal:not(.modal-mask) .modal-dialog {
        width:480px;
        margin: 0 auto
    }
}

@media(min-width: 768px) {
    #process-order-modal:not(.modal-mask) .modal-dialog {
        width:540px
    }
}

@media(min-width: 992px) {
    #process-order-modal:not(.modal-mask) .modal-dialog {
        width:600px
    }
}

#process-order-modal:not(.modal-mask) .modal-content {
    padding: 32px 16px
}

@media(max-width: 767px) {
    #process-order-modal:not(.modal-mask) .modal-content p,#process-order-modal:not(.modal-mask) .modal-content li {
        font-size:14px!important;
        line-height: 22px!important
    }
}

@media(min-width: 768px) {
    #process-order-modal:not(.modal-mask) .modal-content {
        padding:32px;
        border-radius: 4px
    }
}

#process-order-modal:not(.modal-mask) .modal-content .close {
    opacity: 1
}

#process-order-modal:not(.modal-mask) .modal-header {
    background: 0 0;
    margin-bottom: 24px;
    text-transform: none;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    padding: 0!important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#process-order-modal:not(.modal-mask) .modal-header:before,#process-order-modal:not(.modal-mask) .modal-header:after {
    display: none
}

@media(max-width: 767px) {
    #process-order-modal:not(.modal-mask) .modal-header {
        font-size:20px;
        line-height: 28px
    }
}

#process-order-modal:not(.modal-mask) .modal-header h2 {
    font-weight: 600
}

#process-order-modal:not(.modal-mask) .close {
    font-size: 16px;
    opacity: inherit;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

#process-order-modal:not(.modal-mask) .close svg {
    width: 14px;
    height: 14px
}

#process-order-modal:not(.modal-mask) .close:focus {
    outline: none
}

#process-order-modal:not(.modal-mask) .close:hover {
    fill: #7b7b7b
}

#process-order-modal:not(.modal-mask) .modal-body {
    padding: 0!important
}

@media(max-width: 767px) {
    #process-order-modal:not(.modal-mask) .modal-body {
        overflow-y:auto
    }
}

#process-order-modal:not(.modal-mask) .modal-footer {
    padding: 0
}

#process-order-modal:not(.modal-mask) .modal-footer .btn-primary {
    margin-bottom: 16px
}

#process-order-modal:not(.modal-mask) .highlight-container {
    background: #e6f3ff;
    padding: 24px;
    margin-bottom: 24px!important
}

@media(min-width: 768px) {
    #process-order-modal:not(.modal-mask) .highlight-container {
        padding:32px
    }
}

#entryModal {
    background: rgba(0,0,0,.4);
    padding: 0!important;
    margin: 0 auto
}

@media(max-width: 767px) {
    #entryModal {
        padding:0
    }
}

@media(max-width: 767px) {
    #entryModal .modal-dialog {
        padding:32px 8px
    }
}

@media(min-width: 500px) {
    #entryModal .modal-dialog {
        width:480px;
        margin: 0 auto
    }
}

@media(min-width: 768px) {
    #entryModal .modal-dialog {
        width:540px
    }
}

@media(min-width: 992px) {
    #entryModal .modal-dialog {
        width:600px
    }
}

#entryModal .modal-content {
    padding: 32px 16px
}

@media(max-width: 767px) {
    #entryModal .modal-content p,#entryModal .modal-content li {
        font-size:14px!important;
        line-height: 22px!important
    }
}

@media(min-width: 768px) {
    #entryModal .modal-content {
        padding:32px;
        border-radius: 4px
    }
}

#entryModal .modal-content .close {
    opacity: 1
}

#entryModal .modal-header {
    background: 0 0;
    margin-bottom: 24px;
    text-transform: none;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    padding: 0!important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#entryModal .modal-header:before,#entryModal .modal-header:after {
    display: none
}

@media(max-width: 767px) {
    #entryModal .modal-header {
        font-size:20px;
        line-height: 28px
    }
}

#entryModal .modal-header h2 {
    font-weight: 600
}

#entryModal .close {
    font-size: 16px;
    opacity: inherit;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

#entryModal .close svg {
    width: 14px;
    height: 14px
}

#entryModal .close:focus {
    outline: none
}

#entryModal .close:hover {
    fill: #7b7b7b
}

#entryModal .modal-body {
    padding: 0!important
}

@media(max-width: 767px) {
    #entryModal .modal-body {
        overflow-y:auto
    }
}

#entryModal .modal-footer {
    padding: 0
}

#entryModal .modal-footer .btn-primary {
    margin-bottom: 16px
}

#entryModal .highlight-container {
    background: #e6f3ff;
    padding: 24px;
    margin-bottom: 24px!important
}

@media(min-width: 768px) {
    #entryModal .highlight-container {
        padding:32px
    }
}

#entryModal .more-details-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    background: #444;
    color: #fff;
    position: relative;
    width: 250px;
    margin: 24px auto 48px
}

#entryModal .more-details-container .info-icon-grey {
    position: relative;
    height: 17px
}

#entryModal .more-details-container .info-icon-grey .more-details-img {
    position: absolute;
    left: 3px;
    top: 9px
}

#entryModal .modal-footer .btn {
    margin: 0
}

#shutdownModal {
    background: rgba(0,0,0,.4);
    padding: 0!important;
    margin: 0 auto
}

@media(max-width: 767px) {
    #shutdownModal {
        padding:0
    }
}

@media(max-width: 767px) {
    #shutdownModal .modal-dialog {
        padding:32px 8px
    }
}

@media(min-width: 500px) {
    #shutdownModal .modal-dialog {
        width:480px;
        margin: 0 auto
    }
}

@media(min-width: 768px) {
    #shutdownModal .modal-dialog {
        width:540px
    }
}

@media(min-width: 992px) {
    #shutdownModal .modal-dialog {
        width:600px
    }
}

#shutdownModal .modal-content {
    padding: 32px 16px
}

@media(max-width: 767px) {
    #shutdownModal .modal-content p,#shutdownModal .modal-content li {
        font-size:14px!important;
        line-height: 22px!important
    }
}

@media(min-width: 768px) {
    #shutdownModal .modal-content {
        padding:32px;
        border-radius: 4px
    }
}

#shutdownModal .modal-content .close {
    opacity: 1
}

#shutdownModal .modal-header {
    background: 0 0;
    margin-bottom: 24px;
    text-transform: none;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    padding: 0!important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#shutdownModal .modal-header:before,#shutdownModal .modal-header:after {
    display: none
}

@media(max-width: 767px) {
    #shutdownModal .modal-header {
        font-size:20px;
        line-height: 28px
    }
}

#shutdownModal .modal-header h2 {
    font-weight: 600
}

#shutdownModal .close {
    font-size: 16px;
    opacity: inherit;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

#shutdownModal .close svg {
    width: 14px;
    height: 14px
}

#shutdownModal .close:focus {
    outline: none
}

#shutdownModal .close:hover {
    fill: #7b7b7b
}

#shutdownModal .modal-body {
    padding: 0!important
}

@media(max-width: 767px) {
    #shutdownModal .modal-body {
        overflow-y:auto
    }
}

#shutdownModal .modal-footer {
    padding: 0
}

#shutdownModal .modal-footer .btn-primary {
    margin-bottom: 16px
}

#shutdownModal .highlight-container {
    background: #e6f3ff;
    padding: 24px;
    margin-bottom: 24px!important
}

@media(min-width: 768px) {
    #shutdownModal .highlight-container {
        padding:32px
    }
}

#shutdownModal .flex-items-center {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 22px
}

#shutdownModal .flex-items-center img {
    margin-right: 16px
}

#shutdownModal .exit-modal-content {
    float: none
}

#shutdownModal .exit-modal-text {
    background: #e6f3ff;
    margin-bottom: 16px;
    float: none;
    padding: 16px
}

@media(min-width: 768px) {
    #shutdownModal .exit-modal-text {
        padding:24px
    }
}

#shutdownModal .exitModalInner-container-number,#shutdownModal .exitModalInner-container-email {
    display: flex;
    align-items: center
}

#shutdownModal .exitModalInner-container-number svg,#shutdownModal .exitModalInner-container-email svg {
    width: 24px;
    height: 24px;
    margin-right: 20px
}

#shutdownModal .exitModalInner-container-number {
    margin-bottom: 16px
}

#shutdownModal .exitModalInner-container-number .exitModalInner-link {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    border-bottom: 1px solid #222;
    color: #222;
    margin-right: 8px
}

#shutdownModal .exitModalInner-container-number span {
    font-size: 16px;
    line-height: 24px
}

#shutdownModal .exitModalInner-container-email a {
    font-size: 16px
}

#shutdownModal .exit-modal-warning {
    margin-bottom: 16px
}

#shutdownModal .modal-footer .paragraph-md {
    margin-bottom: 32px
}

@media(max-width: 991px) {
    .lightbox-overflow-hidden .modal-open {
        position:relative!important
    }
}

@media(max-width: 767px) {
    .lightbox-overflow-hidden {
        overflow:hidden
    }
}

@media(min-width: 992px) {
    .ie11 .hero-image {
        height:70vh
    }
}

@media(min-width: 1200px) {
    .ie11 .hero-image {
        height:80vh
    }
}

.material-teaser,.material-compare-teaser,.product-category-teaser,.product-type-teaser {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.material-teaser div[class*=teaser-holder],.material-compare-teaser div[class*=teaser-holder],.product-category-teaser div[class*=teaser-holder],.product-type-teaser div[class*=teaser-holder] {
    min-height: 1px
}

.material-teaser div.teaser-holder-first,.material-compare-teaser div.teaser-holder-first,.product-category-teaser div.teaser-holder-first,.product-type-teaser div.teaser-holder-first {
    margin-bottom: 16px
}

.material-teaser div.teaser-holder-last,.material-compare-teaser div.teaser-holder-last,.product-category-teaser div.teaser-holder-last,.product-type-teaser div.teaser-holder-last {
    margin-bottom: 32px
}

.material-teaser .card-headline,.material-compare-teaser .card-headline,.product-category-teaser .card-headline,.product-type-teaser .card-headline {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    min-height: 56px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    -webkit-hyphens: auto;
    hyphens: auto
}

@media(max-width: 991px) {
    .material-teaser .card-headline,.material-compare-teaser .card-headline,.product-category-teaser .card-headline,.product-type-teaser .card-headline {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

.material-teaser .card-headline>span.fwd,.material-compare-teaser .card-headline>span.fwd,.product-category-teaser .card-headline>span.fwd,.product-type-teaser .card-headline>span.fwd {
    font-size: inherit;
    font-weight: inherit;
    float: none
}

.material-teaser .card-headline>span.fwd:hover,.material-compare-teaser .card-headline>span.fwd:hover,.product-category-teaser .card-headline>span.fwd:hover,.product-type-teaser .card-headline>span.fwd:hover {
    color: #0060b7;
    text-decoration: underline
}

.material-teaser .card-image,.material-compare-teaser .card-image,.product-category-teaser .card-image,.product-type-teaser .card-image {
    position: relative;
    padding: 0
}

.material-teaser .card-image img,.material-compare-teaser .card-image img,.product-category-teaser .card-image img,.product-type-teaser .card-image img {
    width: 100%
}

.material-teaser .card-decription>*,.material-compare-teaser .card-decription>*,.product-category-teaser .card-decription>*,.product-type-teaser .card-decription>* {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 16px;
    line-height: 26px;
    color: #444!important;
    line-height: 24px
}

.material-teaser .card-decription>*:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading),.material-compare-teaser .card-decription>*:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading),.product-category-teaser .card-decription>*:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading),.product-type-teaser .card-decription>*:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

.material-teaser .card-decription>*:last-child,.material-compare-teaser .card-decription>*:last-child,.product-category-teaser .card-decription>*:last-child,.product-type-teaser .card-decription>*:last-child {
    margin-bottom: 0
}

.material-teaser .card-price,.material-compare-teaser .card-price,.product-category-teaser .card-price,.product-type-teaser .card-price {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400
}

.material-teaser .card-price data,.material-compare-teaser .card-price data,.product-category-teaser .card-price data,.product-type-teaser .card-price data {
    font-size: inherit;
    font-weight: 700
}

.material-teaser.promotion-active .card-price-full data,.material-compare-teaser.promotion-active .card-price-full data,.product-category-teaser.promotion-active .card-price-full data,.product-type-teaser.promotion-active .card-price-full data {
    font-size: inherit;
    font-weight: 400
}

.material-teaser .raised-btn,.material-teaser .ghost-btn,.material-compare-teaser .raised-btn,.material-compare-teaser .ghost-btn,.product-category-teaser .raised-btn,.product-category-teaser .ghost-btn,.product-type-teaser .raised-btn,.product-type-teaser .ghost-btn {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 8px
}

.material-teaser div.teaser-holder-first {
    margin-bottom: 0
}

.material-teaser .card-image {
    margin-bottom: 8px
}

.product-category-teaser .card-headline {
    min-height: auto
}

.product-category-teaser div.teaser-holder-first {
    margin-bottom: 0
}

.product-category-teaser div.teaser-holder-last .card-price {
    border-top: none;
    padding-top: 8px
}

.product-category-teaser div.teaser-holder-last .ghost-btn,.product-category-teaser div.teaser-holder-last .raised-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 11px!important;
    padding-bottom: 11px!important
}

.product-category-teaser div.teaser-holder-last .ghost-btn svg,.product-category-teaser div.teaser-holder-last .raised-btn svg {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.product-category-teaser div.teaser-holder-last .ghost-btn {
    margin-bottom: 8px
}

@media(max-width: 767px) {
    .product-category-teaser div.teaser-holder-last .ghost-btn {
        display:none
    }
}

.product-category-teaser div.teaser-holder-last .ghost-btn svg * {
    fill: #0060b7
}

.product-category-teaser div.teaser-holder-last .raised-btn {
    margin-bottom: 8px
}

.product-category-teaser div.teaser-holder-last .raised-btn svg * {
    fill: #fff
}

.material-teaser .teaser-holder-first .discount-percent,.product-category-teaser .teaser-holder-first .discount-percent {
    top: 0!important;
    left: 0!important
}

.material-teaser .teaser-holder-first .generic-text-badge,.product-category-teaser .teaser-holder-first .generic-text-badge {
    position: absolute;
    top: 0;
    left: 0
}

.material-teaser.promotion-active .teaser-holder-first .generic-text-badge,.product-category-teaser.promotion-active .teaser-holder-first .generic-text-badge {
    top: 32px
}

.material-compare-teaser .card-image {
    margin-bottom: 16px
}

.material-compare-teaser .card-headline {
    min-height: auto;
    margin-bottom: 16px
}

.material-compare-teaser .card-decription>* {
    margin-bottom: 24px
}

.material-compare-teaser .card-decription>*:last-child {
    margin-bottom: 0
}

.material-compare-teaser .card-decription>h4 {
    margin-bottom: 8px;
    font-weight: 700
}

.product-type-teaser {
    justify-content: normal
}

.product-type-teaser:hover .card-headline {
    text-decoration: underline;
    color: #0060b7
}

.product-type-teaser div.teaser-holder-first,.product-type-teaser div.teaser-holder-last {
    margin-bottom: 0
}

.product-type-teaser .card-headline {
    align-items: normal;
    min-height: auto;
    margin-bottom: 0;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

@media(max-width: 991px) {
    .product-type-teaser .card-headline {
        word-break:break-word
    }
}

.product-type-teaser .card-price {
    padding-top: 0;
    border: 0;
    font-weight: 400
}

.product-type-teaser .card-price data {
    font-weight: 400;
    font-size: 16px
}

.product-type-teaser.promotion-active .card-price-discount,.product-type-teaser.promotion-active .card-price-discount data {
    font-weight: 700
}

.discount-percent:not(:empty)+.new-product-badge {
    top: 32px
}

.new-product-badge {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .35px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 6px;
    color: #c00;
    border-radius: 4px;
    border: 2px solid #c00;
    background: #fff
}

.generic-text-badge {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
    padding: 0 8px;
    color: #fff;
    border-radius: 4px;
    background: #c00;
    max-width: -moz-max-content;
    max-width: max-content
}

.faq-accordion .panel {
    background: 0 0
}

.faq-accordion .panel:last-of-type .panel-heading[aria-expanded=false] {
    border-bottom: 1px solid #c9c9c9
}

.faq-accordion .panel+.panel {
    margin-top: 0
}

.faq-accordion .panel .panel-heading {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.2px;
    margin-bottom: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #c9c9c9;
    padding: 24px 48px 24px 0;
    cursor: pointer
}

@media(max-width: 991px) {
    .faq-accordion .panel .panel-heading {
        font-size:20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -.2px
    }
}

@media(min-width: 500px) {
    .faq-accordion .panel .panel-heading {
        padding:24px 40px 24px 0
    }
}

.faq-accordion .panel .panel-heading[aria-expanded=true]:after {
    transform: rotate(0)
}

.faq-accordion .panel .panel-heading:after {
    content: url(/fileadmin/images/logos/Close.svg);
    transform: rotate(45deg);
    transition: all .2s ease-in-out;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 12px
}

.faq-accordion .panel .panel-body {
    float: none
}

.reference-slider .slider-for .slick-prev,.reference-slider .slider-for .slick-next {
    width: 32px;
    height: 32px;
    z-index: 10;
    border-radius: 50%;
    background: url(/fileadmin/images/angle-right-white.svg) no-repeat center rgba(102,102,102,.8);
    background-size: 16px 16px
}

.reference-slider .slider-for .slick-prev:before,.reference-slider .slider-for .slick-next:before {
    display: none
}

.reference-slider .slider-for .slick-prev {
    left: 16px;
    transform: rotate(180deg);
    transform-origin: 16px 8px
}

.reference-slider .slider-for .slick-next {
    right: 16px
}

.reference-slider .slider-nav .slick-track {
    display: flex;
    justify-content: space-evenly;
    width: calc(100% + 10px)!important
}

.reference-slider .slider-nav .slick-slide {
    margin-right: 10px;
    outline: none!important;
    width: calc(25% - 10px)!important
}

.reference-slider .slider-nav .slick-slide:hover {
    cursor: pointer
}

.iconteaser {
    margin-bottom: 64px;
    padding: 0 8px
}

@media(min-width: 992px) {
    .iconteaser {
        margin-bottom:88px
    }
}

.iconteaser-list {
    list-style: none;
    padding: 0
}

@media(min-width: 992px) {
    .iconteaser-list.center .iconteaser-list-item>svg {
        width:80px;
        height: 80px
    }
}

.iconteaser-list.center .iconteaser-list-item,.iconteaser-list.center .iconteaser-list-title {
    text-align: center
}

.iconteaser-list.center .iconteaser-list-title {
    color: #222;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 100%
}

.iconteaser-list.center .iconteaser-list-text p {
    color: #666!important
}

.iconteaser-list-item {
    background-image: none!important;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    padding: 0 16px
}

.iconteaser-list-item svg.nf-icon-48x48 {
    display: inline-block!important
}

@media(min-width: 768px) {
    .iconteaser-list-item {
        background-color:transparent;
        display: block
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .iconteaser-list-item:nth-child(3n) {
        clear:both
    }
}

@media(min-width: 992px) {
    .iconteaser-list-item:nth-child(4n+1) {
        clear:both
    }
}

.iconteaser-list-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 16px;
    color: #666;
    text-align: center;
    word-break: break-word;
    width: 90%;
    min-height: 48px
}

.iconteaser-list-title:after {
    display: none
}

@media(min-width: 359px) {
    .iconteaser-list-title {
        width:80%
    }
}

@media(min-width: 768px) {
    .iconteaser-list-title {
        font-size:20px;
        line-height: 28px;
        font-weight: 700;
        color: #222;
        margin-bottom: 16px;
        text-align: left;
        width: 50%
    }

    .iconteaser-list-title:after {
        display: block
    }
}

@media(min-width: 992px) {
    .iconteaser-list-title {
        width:80%
    }
}

@media(min-width: 1200px) {
    .iconteaser-list-title {
        width:70%
    }
}

.iconteaser-list-text {
    color: #666;
    display: none;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .iconteaser-list-text {
        display:block
    }
}

.iconteaser-list-link {
    display: block!important;
    text-align: center;
    color: #0060b7!important
}

.iconteaser-list-link svg {
    display: none
}

.jumbotron-container {
    background: 0 0;
    padding: 24px 0!important;
    clear: both;
    margin: 0 16px
}

.jumbotron-container .headline-2 {
    padding-bottom: 8px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e4e4e4;
    text-align: left
}

.jumbotron-container .btn {
    width: 100%;
    text-align: center
}

.grid-container .jumbotron-container {
    margin: 0
}

.options-teaser {
    position: relative
}

.options-teaser.type1 .border {
    border: 1px solid #e4e4e4!important;
    border-radius: 4px
}

.options-teaser.type1.has-red-stoerer .border:not(.features-teaser) {
    border-bottom: none!important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.options-teaser .features-teaser.border {
    border-radius: 4px;
    border: 1px solid #e4e4e4
}

@media(max-width: 767px) {
    .options-teaser .features-teaser.border {
        flex-flow:column
    }
}

.options-teaser .features-teaser.border .img-responsive {
    width: 100%
}

.options-teaser .features-teaser.border>.contents {
    padding: 24px;
    position: relative
}

.options-teaser .features-teaser.border>.contents .stoerer-round {
    height: 104px;
    width: 104px;
    top: -130px;
    margin-top: 0
}

@media(min-width: 500px) and (max-width:991px) {
    .options-teaser .features-teaser.border>.contents .stoerer-round {
        left:16px;
        height: 92px;
        width: 92px;
        transform: none;
        margin-left: 0
    }

    .options-teaser .features-teaser.border>.contents .stoerer-round>p:not(.priceline) {
        font-size: 10px;
        line-height: 12px
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .options-teaser .features-teaser.border>.contents .stoerer-round {
        top:-110px
    }
}

.options-teaser .features-teaser.border>.contents .stoerer-round>p {
    font-weight: 700;
    letter-spacing: 0
}

.options-teaser .features-teaser.border>.contents .stoerer-round>p:first-child {
    margin-bottom: 10px
}

.options-teaser .features-teaser.border>.contents .stoerer-round>p:not(.priceline) {
    font-size: 12px!important;
    line-height: 14px!important
}

@media(min-width: 500px) and (max-width:991px) {
    .options-teaser .features-teaser.border>.contents .stoerer-round>p:not(.priceline) {
        font-size:10px!important;
        line-height: 12px!important
    }
}

.options-teaser .features-teaser.border>.contents .stoerer-round>p.priceline {
    font-size: 32px!important;
    line-height: 19px!important;
    margin-bottom: 8px;
    margin-left: 0
}

@media(min-width: 500px) and (max-width:991px) {
    .options-teaser .features-teaser.border>.contents .stoerer-round>p.priceline {
        font-size:24px!important;
        line-height: 16px!important
    }
}

.options-teaser .features-teaser.border>.contents .stoerer-round>p.priceline+p {
    margin-top: 0
}

.options-teaser .features-teaser.border>.contents .stoerer-round+p {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 18px!important
}

.options-teaser .features-teaser.border>.contents .paragraph-sm {
    margin-bottom: 0
}

.options-teaser .features-teaser.border>.contents .headline-sm {
    margin-top: 0;
    margin-bottom: 16px
}

.options-teaser .features-teaser.border>.contents .link-container {
    position: relative;
    right: 0;
    margin-top: 16px;
    display: flex;
    justify-content: center
}

.options-teaser .features-teaser.border>.contents .link-container .link-default {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    background-size: 200% 200%;
    background-image: linear-gradient(to top,rgba(0,102,204,.1) 50%,transparent 50%);
    background: 0 0;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    color: #0060b7
}

.options-teaser .features-teaser.border>.contents .link-container .link-default:hover {
    text-decoration: underline
}

.options-teaser .features-teaser.border>.contents .link-container .link-default:hover {
    transform: none;
    text-decoration: none;
    background: #f6f6f6
}

.options-teaser .features-teaser.border>.contents .link-container .link-default svg {
    display: block;
    width: 16px!important;
    height: 16px;
    margin-left: 8px
}

.options-teaser .features-teaser.border>.contents .link-container .link-default svg path {
    fill: #0060b7
}

.ie11 .type1.options-teaser>.border .contents {
    position: static!important
}

@media(max-width: 991px) {
    .colour-picker {
        margin-bottom:40px
    }
}

.colour-picker h2 {
    margin-bottom: 8px
}

.colour-picker h3.subtitle-lg {
    font-weight: 400
}

.colour-picker .tab-content {
    margin-top: 56px
}

@media(min-width: 992px) {
    .colour-picker .tab-content div[id^=tab]>.row {
        display:table;
        width: 100%
    }

    .colour-picker .tab-content div[id^=tab]>.row .result,.colour-picker .tab-content div[id^=tab]>.row .colours {
        display: table-cell;
        float: none;
        vertical-align: top
    }
}

.colour-picker .result>img {
    width: auto!important
}

.colour-picker .result .view-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

@media(max-width: 991px) {
    .colour-picker .result .view-switcher {
        margin-top:32px
    }
}

@media(max-width: 767px) {
    .colour-picker .result .view-switcher {
        margin:32px 0
    }
}

.colour-picker .result .view-switcher button {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: .8px;
    text-align: center;
    color: #c9c9c9;
    border: none;
    background: 0 0
}

.colour-picker .result .view-switcher button:hover,.colour-picker .result .view-switcher button.active {
    color: #333;
    cursor: pointer;
    text-decoration: none
}

.colour-picker .result .view-switcher button:focus {
    outline: none
}

.colour-picker .result .view-switcher .cam {
    display: inline-block;
    margin: 0 20px
}

@media(max-width: 767px) {
    .colour-picker .result .view-switcher .cam {
        margin:0 8px
    }
}

.colour-picker .result .view-switcher .cam:hover {
    cursor: pointer
}

@media(min-width: 992px) {
    .colour-picker .colours {
        position:relative
    }
}

@media(max-width: 991px) {
    .colour-picker .colours {
        text-align:center
    }
}

@media(max-width: 991px) {
    .colour-picker .colours .colour-container {
        overflow-x:scroll;
        margin-bottom: 32px;
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 32px
    }
}

@media(max-width: 991px) {
    .colour-picker .colours .colour-container>.row {
        overflow-x:scroll;
        margin: 30px 0 20px;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end
    }
}

@media(max-width: 767px) {
    .colour-picker .colours .colour-container>.row {
        margin-left:0;
        margin-top: 16px
    }
}

.colour-picker .colours .colour {
    min-height: 106px
}

.colour-picker .colours .colour:before {
    content: "";
    position: absolute;
    background: 0 0;
    display: inline-block;
    border-radius: 50%;
    width: 82px;
    height: 82px
}

@media(max-width: 991px) {
    .colour-picker .colours .colour:before {
        left:auto
    }
}

.colour-picker .colours .colour:hover {
    cursor: pointer
}

.colour-picker .colours .colour.active img {
    border: 6px solid #0060b7
}

.colour-picker .colours .colour.col-md-4:before,.colour-picker .colours .colour.col-md-4 img {
    width: 90px;
    height: 90px
}

@media(min-width: 992px) {
    .colour-picker .colours .colour {
        margin-bottom:16px;
        padding: 0 14px
    }
}

@media(max-width: 991px) {
    .colour-picker .colours .colour {
        max-width:unset;
        width: auto;
        flex: unset;
        margin-right: 20px;
        padding: 0
    }

    .colour-picker .colours .colour:last-child {
        margin-right: 0
    }
}

.colour-picker .colours .colour img {
    border-radius: 50%;
    margin-bottom: 8px;
    width: 82px;
    height: 82px;
    max-width: initial
}

.colour-picker .colours .colour .colour-name {
    font-size: 13px;
    line-height: 16px;
    display: block;
    -webkit-hyphens: auto;
    hyphens: auto
}

.colour-picker .btn {
    width: 100%
}

@media(min-width: 768px) and (max-width:991px) {
    .colour-picker .btn {
        width:58%
    }
}

@media(max-width: 767px) {
    .colour-picker .btn {
        white-space:unset;
        text-align: center;
        padding: 16px 0
    }
}

@media(min-width: 992px) {
    .colour-picker .btn {
        margin-top:24px
    }
}

.special-window-forms {
    padding-bottom: 24px
}

.special-window-forms h2 {
    margin-bottom: 40px
}

@media(min-width: 992px) {
    .special-window-forms .row {
        display:flex;
        justify-content: center;
        margin-bottom: 24px
    }
}

@media(max-width: 499px) {
    .special-window-forms .row .col-xs-6 {
        width:50%!important
    }

    .special-window-forms .row .col-xs-6:nth-child(2n) {
        padding-left: 0
    }
}

.special-window-forms.collapseMode>.row {
    flex-wrap: wrap;
    justify-content: space-between
}

.special-window-forms.collapseMode>.row>.button-bar {
    width: 100%
}

.special-window-forms.collapseMode .collapse,.special-window-forms.collapseMode .collapsing {
    position: relative;
    margin-top: 16px
}

@media(min-width: 992px) {
    .special-window-forms.collapseMode .collapse,.special-window-forms.collapseMode .collapsing {
        height:auto!important
    }
}

.special-window-forms.collapseMode .collapse:not(.show),.special-window-forms.collapseMode .collapsing:not(.show) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.special-window-forms.collapseMode .collapse .button-bar,.special-window-forms.collapseMode .collapsing .button-bar {
    margin-top: 24px
}

@media(max-width: 991px) {
    .special-window-forms.collapseMode .collapse .button-bar,.special-window-forms.collapseMode .collapsing .button-bar {
        margin-top:8px;
        margin-bottom: 16px
    }
}

@media(min-width: 992px) {
    .special-window-forms.collapseMode .text-btn {
        display:none
    }
}

@media(max-width: 991px) {
    .special-window-forms.collapseMode {
        margin-bottom:0
    }

    .special-window-forms.collapseMode .collapse:not(.in) {
        display: none
    }
}

.special-window-forms.collapseMode div[id^=extendWindow] {
    width: 100%
}

.special-window-forms .special-window-form {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    padding: 10px 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: row;
    height: 130px;
    margin-bottom: 16px
}

.special-window-forms .special-window-form:hover,.special-window-forms .special-window-form.active {
    border-color: #0060b7
}

.special-window-forms .special-window-form:hover svg *,.special-window-forms .special-window-form.active svg * {
    stroke: #0060b7!important;
    fill: #0060b7!important
}

.special-window-forms .special-window-form:hover .caption,.special-window-forms .special-window-form.active .caption {
    color: #0060b7
}

.special-window-forms .special-window-form:hover {
    cursor: pointer
}

.special-window-forms .special-window-form img,.special-window-forms .special-window-form svg {
    max-width: 110px;
    max-height: 90px
}

@media(min-width: 768px) {
    .special-window-forms .special-window-form img,.special-window-forms .special-window-form svg {
        max-width:120px
    }
}

.special-window-forms .special-window-form .caption {
    display: block;
    width: 100%;
    color: #222;
    font-size: 14px;
    line-height: 19px;
    hyphens: auto;
    -webkit-hyphens: auto
}

@media(max-width: 767px) {
    .special-window-forms .special-window-form .caption {
        margin-top:3px;
        font-size: 12px
    }
}

@media(max-width: 359px) {
    .special-window-forms .special-window-form .caption {
        font-size:11px
    }
}

@media(min-width: 768px) {
    .special-window-forms .special-window-form {
        height:166px
    }
}

@media(min-width: 992px) {
    .special-window-forms .special-window-form {
        padding:10px 8px;
        margin-bottom: 0
    }
}

@media(min-width: 1200px) {
    .special-window-forms .special-window-form {
        width:166px
    }
}

.special-window-forms .button-bar .btn {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    padding-left: 24px;
    padding-right: 24px;
    background: 0 0;
    border: 1px solid #0060b7;
    color: #0060b7;
    box-shadow: none
}

@media(min-width: 768px) {
    .special-window-forms .button-bar .btn {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .special-window-forms .button-bar .btn {
        min-width:190px
    }
}

@media(hover: hover) {
    .special-window-forms .button-bar .btn:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.special-window-forms .button-bar .btn:active,.special-window-forms .button-bar .btn.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.special-window-forms .button-bar .btn.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.special-window-forms .button-bar .btn.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.special-window-forms .button-bar .btn.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.special-window-forms .button-bar .btn.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .special-window-forms .button-bar .btn.btn-fw-mobile {
        width:100%
    }
}

.special-window-forms .button-bar .btn .fa {
    font-size: 24px
}

.special-window-forms .button-bar .btn .fa.fa-spinner {
    font-size: 18px
}

.special-window-forms .button-bar .btn.icon-left:after,.special-window-forms .button-bar .btn.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.special-window-forms .button-bar .btn.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.special-window-forms .button-bar .btn.icon-right {
    text-align: left
}

.special-window-forms .button-bar .btn.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.special-window-forms .button-bar .btn svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    .special-window-forms .button-bar .btn:hover {
        box-shadow:none;
        border: 1px solid #0060b7;
        background: rgba(0,102,204,.1);
        color: #0060b7
    }
}

.special-window-forms .button-bar .btn:active,.special-window-forms .button-bar .btn.active {
    background: rgba(0,102,204,.25)!important
}

.special-window-forms .button-bar .btn:disabled,.special-window-forms .button-bar .btn .disabled,.special-window-forms .button-bar .btn[disabled] {
    color: #0003;
    background-color: transparent;
    border-color: #0003;
    cursor: auto
}

.special-window-forms .button-bar .btn svg {
    fill: #0060b7
}

@media(max-width: 767px) {
    .special-window-forms .button-bar .btn {
        white-space:inherit
    }
}

.safari12 .special-window-forms>.row>div[class*=col-],.safari13 .special-window-forms>.row>div[class*=col-] {
    margin: 0 -1px
}

.sidemenu {
    text-align: center;
    background: #eee;
    border: 1px solid #ddd;
    padding: 8px 0
}

.sidemenu>*:nth-child(1) {
    margin-bottom: 0;
    font-weight: 700
}

@media(max-width: 767px) {
    .sidemenu {
        margin-bottom:8px;
        font-size: 14px
    }
}

.side-menu {
    list-style-type: none;
    padding: 0!important;
    margin: 0
}

.side-menu li {
    width: 100%!important
}

.side-menu li:hover {
    background: #f6f6f6
}

@media(min-width: 768px) {
    .side-menu li {
        padding-right:0
    }
}

.side-menu li a {
    display: block;
    text-decoration: none!important
}

.side-menu li a:focus {
    text-decoration: none!important
}

.side-menu li a:hover {
    text-decoration: none!important;
    color: inherit!important
}

@media(max-width: 767px) {
    .side-menu li a {
        font-size:14px!important;
        display: block!important;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 8px!important;
        text-align: center
    }

    .side-menu li a.active {
        background: #f6f6f6;
        border: 1px solid #bdbdbd;
        color: #c00!important
    }
}

@media(min-width: 768px) {
    .side-menu li a {
        width:100%;
        font-size: 16px;
        line-height: 24px;
        border: 1px solid #e4e4e4;
        border-top: none;
        padding: 8px!important;
        margin: 0;
        position: relative;
        color: #444
    }

    .side-menu li a.active {
        font-weight: 700;
        color: #c00!important
    }
}

@media(max-width: 767px) {
    .sidemenu {
        padding:4px 8px
    }

    .side-menu {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 8px;
        margin-bottom: 16px
    }

    .side-menu li a {
        height: 100%;
        line-height: 17px
    }
}

@media(max-width: 991px) {
    .side-menu:before {
        display:none
    }

    .side-menu li {
        padding: 0
    }
}

.single-button-container .btn {
    margin-bottom: 24px
}

.message-container-hint,.message-container-information,.message-container-warning {
    position: relative;
    padding: 16px 16px 20px 60px;
    background: #f6f6f6;
    margin-bottom: 16px
}

.message-container-hint:before,.message-container-information:before,.message-container-warning:before {
    content: "";
    display: block;
    margin-bottom: 10px;
    font-weight: 700
}

.message-container-hint:after,.message-container-information:after,.message-container-warning:after {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.message-container-hint p:last-of-type,.message-container-information p:last-of-type,.message-container-warning p:last-of-type {
    margin-bottom: 0!important
}

.message-container-hint:before {
    content: "Tipp"
}

.message-container-hint:after {
    content: url(/fileadmin/images/neutral/idea.svg);
    background: #f7d002
}

.message-container-information:before {
    content: "Info"
}

.message-container-information:after {
    content: url(/fileadmin/images/neutral/info.svg);
    background: #76b8d8
}

.message-container-warning:before {
    content: "Achtung"
}

.message-container-warning:after {
    content: url(/fileadmin/images/neutral/alert.svg);
    background: #c00
}

svg.btn-play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 50px;
    width: 50px
}

a[data-type=youtube]:hover,span[data-type=youtube]:hover {
    cursor: pointer
}

a[data-type=youtube]:hover svg.btn-play circle,span[data-type=youtube]:hover svg.btn-play circle {
    fill: #9f1818
}

.video-inner {
    clear: both;
    position: relative
}

.video-inner .video-background {
    width: 100%;
    height: auto
}

.discount-badge {
    position: absolute;
    width: auto;
    display: flex;
    flex-direction: row
}

.discount-badge .std-discount,.discount-badge .promo-discount {
    width: 150px;
    padding: 6px;
    text-align: center;
    letter-spacing: .3px
}

.discount-badge .std-discount>span,.discount-badge .promo-discount>span {
    width: 100%;
    float: left
}

.discount-badge .std-discount .text,.discount-badge .promo-discount .text {
    font-size: 13px;
    line-height: 22px
}

@media(max-width: 767px) {
    .discount-badge .std-discount .text,.discount-badge .promo-discount .text {
        font-size:11px
    }
}

.discount-badge .std-discount .percent,.discount-badge .promo-discount .percent {
    top: -6px;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px
}

@media(max-width: 767px) {
    .discount-badge .std-discount .percent,.discount-badge .promo-discount .percent {
        font-size:36px;
        line-height: 40px
    }
}

@media(max-width: 767px) {
    .discount-badge .std-discount,.discount-badge .promo-discount {
        width:130px
    }
}

.discount-badge .std-discount {
    color: #fff;
    background-color: #c00;
    border: 1px solid #c00;
    border-top: none
}

.discount-badge .promo-discount {
    background-color: #fff;
    border: 1px solid #c6c6c6;
    border-top: none
}

.discount-badge .promo-discount .text {
    line-height: 14px;
    letter-spacing: -.7px
}

.discount-badge .promo-discount .text.upper {
    font-size: 17px;
    line-height: 17px;
    text-transform: uppercase
}

.discount-badge .promo-discount .percent {
    color: #c00
}

.discount-badge .until-price {
    width: 100%;
    margin: 4px auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
    float: left
}

.discount-badge.discount-selected-products .text.upper {
    font-size: 12px;
    line-height: 14px
}

.show-detail-extended .border {
    position: relative
}

.product-not-available-badge-triangle,.product-not-available-badge-rectangle {
    position: absolute;
    z-index: 1
}

.product-not-available-badge-triangle span,.product-not-available-badge-rectangle span {
    font-family: Vazir;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px
}

.product-not-available-badge-triangle {
    top: 0;
    right: 0;
    width: auto!important;
    padding: 0!important;
    border: 40px solid #c00;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.product-not-available-badge-triangle span {
    position: absolute;
    right: -60px;
    bottom: 2px;
    width: 90px;
    height: 25px;
    transform: rotate(45deg)
}

.product-not-available-badge-rectangle {
    bottom: 0;
    left: 0;
    padding: 3px 8px 4px;
    background-color: #c00
}

@media(max-width: 767px) {
    .product-not-available-badge-rectangle {
        bottom:10px;
        left: 10px
    }
}

.product-not-available-badge-rectangle span br {
    display: none
}

.grid-items2 .product-not-available-badge-triangle {
    border-top-right-radius: 4px
}

[lang=fr] .product-not-available-badge-triangle span,[lang=en] .product-not-available-badge-triangle span {
    right: -63px;
    bottom: -3px;
    height: 40px
}

.redesign1 .options-teaser.type4.col-sm-6 p.priceline,.redesign1.options-teaser.type4.col-sm-6 p.priceline {
    font-size: 38px
}

#salesContact a {
    color: inherit
}

#salesContact button {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    #salesContact button {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    #salesContact button {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    #salesContact button {
        min-width:190px
    }
}

@media(hover: hover) {
    #salesContact button:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

#salesContact button:active,#salesContact button.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

#salesContact button.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

#salesContact button.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

#salesContact button.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

#salesContact button.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    #salesContact button.btn-fw-mobile {
        width:100%
    }
}

#salesContact button .fa {
    font-size: 24px
}

#salesContact button .fa.fa-spinner {
    font-size: 18px
}

#salesContact button.icon-left:after,#salesContact button.icon-right:after {
    content: "";
    display: block;
    clear: both
}

#salesContact button.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

#salesContact button.icon-right {
    text-align: left
}

#salesContact button.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

#salesContact button svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.list-items1.col-sm-12>div>h2 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 16px
}

.accessory-box>.border>a.h4rep {
    font-size: 16px;
    color: #222;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.responsive-slider {
    width: 100%;
    overflow: hidden
}

.responsive-slider.cardslider-layout1 .slick-track {
    display: flex
}

.responsive-slider.cardslider-layout1 .slick-slide {
    height: auto!important
}

.responsive-slider.cardslider-layout1 .slick-slide>div,.responsive-slider.cardslider-layout1 .slick-slide .slider-item,.responsive-slider.cardslider-layout1 .slick-slide .card {
    height: 100%
}

.responsive-slider.cardslider-layout1 .slick-slide .card {
    display: flex!important;
    flex-direction: column;
    justify-content: space-between
}

.responsive-slider.cardslider-layout2 [class*=headline-]+.image-slider {
    margin-top: 24px
}

.responsive-slider.cardslider-layout2 .slick-track {
    display: flex
}

.responsive-slider.cardslider-layout2 .slick-track .slick-slide {
    width: auto;
    padding: 0
}

@media(min-width: 1200px) {
    .responsive-slider.cardslider-layout2 .slick-track .slick-slide {
        display:flex;
        height: auto;
        align-items: center;
        justify-content: center
    }
}

.responsive-slider.cardslider-layout2 .slick-track .slick-slide .slider-item {
    display: flex!important;
    flex-direction: column;
    align-items: center;
    min-height: 105px
}

@media(max-width: 767px) {
    .responsive-slider.cardslider-layout2 .slick-track .slick-slide .slider-item {
        margin:0 auto
    }
}

.responsive-slider.cardslider-layout2 .slick-track .slick-slide .slider-item img {
    margin: auto 0
}

@media(max-width: 1199px) {
    .responsive-slider.cardslider-layout2 .slick-track .slick-slide .slider-item img {
        max-width:100%;
        height: auto
    }
}

.responsive-slider.cardslider-layout2 .slick-track .slick-slide .slider-item .caption {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -.22px;
    color: #666;
    min-height: 40px
}

.responsive-slider.cardslider-layout2 .slick-prev,.responsive-slider.cardslider-layout2 .slick-next {
    width: 16px;
    height: 32px;
    z-index: 10
}

.responsive-slider.cardslider-layout2 .slick-prev:before,.responsive-slider.cardslider-layout2 .slick-next:before {
    content: " ";
    display: inline-block;
    background-image: url(/fileadmin/images/neutral/AngleRight_16x16.svg);
    background-size: cover;
    background-position: top center;
    width: 18px;
    height: 32px
}

.responsive-slider.cardslider-layout2 .slick-prev:before {
    background-image: url(/fileadmin/images/neutral/AngleLeft_16x16.svg)
}

.responsive-slider.cardslider-layout2 .slick-prev {
    left: 24px
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layout2 .slick-prev {
        left:0
    }
}

.responsive-slider.cardslider-layout2 .slick-next {
    right: 24px
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layout2 .slick-next {
        right:0
    }
}

.responsive-slider.cardslider-layout3 {
    overflow: visible
}

@media(min-width: 992px) and (max-width:1199px) {
    .responsive-slider.cardslider-layout3 {
        padding:0 16px
    }
}

.responsive-slider.cardslider-layout3 .slick-slider {
    overflow: visible
}

@media(max-width: 1199px) {
    .responsive-slider.cardslider-layout3 .slick-slider.custom-slick-padding {
        margin-left:-24px;
        margin-right: -24px;
        overflow: visible
    }
}

.responsive-slider.cardslider-layout3>.container>h1 {
    margin-bottom: 32px
}

.responsive-slider.cardslider-layout3 .slick-slide>div,.responsive-slider.cardslider-layout3 .slick-slide .slider-item,.responsive-slider.cardslider-layout3 .slick-slide .card {
    height: 100%
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .card {
    padding-bottom: 0;
    text-align: left
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .card-content {
    height: 100%
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial {
    position: relative;
    padding: 24px
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-type {
    position: absolute;
    left: 20px;
    top: -13px;
    padding: 4px 16px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    max-width: 80%;
    word-break: break-word
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-headline {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 24px
}

@media(max-width: 991px) {
    .responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-headline {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-info {
    display: inline-block;
    margin-bottom: 6px
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-info .reviewer {
    display: inline-block;
    font-weight: 700;
    margin-right: 8px
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-info .reviewer-location {
    margin-left: 8px;
    font-weight: 400
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-info .reviewer,.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-info .reviewer-location {
    font-size: 16px;
    line-height: 22px
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial .review-info .reviewer-rating {
    width: 104px;
    height: 18px;
    margin-top: 16px;
    margin-bottom: 16px
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial p {
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 24px
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .link-container {
    padding: 0 16px 24px;
    text-align: center
}

.responsive-slider.cardslider-layout3 .slick-slide .slider-item .testimonial {
    min-height: 310px
}

.responsive-slider.cardslider-layout3 .slick-prev,.responsive-slider.cardslider-layout3 .slick-next {
    width: 16px;
    height: 32px;
    z-index: 10
}

.responsive-slider.cardslider-layout3 .slick-prev:before,.responsive-slider.cardslider-layout3 .slick-next:before {
    content: " ";
    display: inline-block;
    background-image: url(/fileadmin/images/neutral/AngleRight_16x16.svg);
    background-size: cover;
    background-position: top center;
    width: 18px;
    height: 32px
}

.responsive-slider.cardslider-layout3 .slick-prev:before {
    background-image: url(/fileadmin/images/neutral/AngleLeft_16x16.svg)
}

.responsive-slider.cardslider-layout3 .slick-prev {
    left: -24px
}

@media(min-width: 1199px) {
    .responsive-slider.cardslider-layout3 .slick-prev {
        left:-40px
    }
}

.responsive-slider.cardslider-layout3 .slick-next {
    right: -24px
}

@media(min-width: 1199px) {
    .responsive-slider.cardslider-layout3 .slick-next {
        right:-40px
    }
}

.responsive-slider.cardslider-layout4 {
    margin: 0;
    padding: 0 16px
}

@media(min-width: 1200px) {
    .responsive-slider.cardslider-layout4 {
        padding:0 80px
    }
}

.responsive-slider.cardslider-layout4 .container {
    background: 0 0!important
}

.responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item {
    display: inline-block;
    padding: 0 16px
}

@media(min-width: 768px) {
    .responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item {
        padding:0 32px
    }
}

.responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item .card {
    padding: 0 32px
}

@media(min-width: 768px) {
    .responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item .card {
        padding:0 48px
    }
}

@media(min-width: 1200px) {
    .responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item .card {
        padding:0 112px
    }
}

.responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item h3,.responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item p {
    margin: 0!important
}

@media(min-width: 768px) {
    .responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item h3,.responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item p {
        font-size:16px;
        line-height: 22px
    }
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item h3,.responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item p {
        font-size:20px;
        line-height: 27px
    }
}

.responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item h3 {
    font-weight: 700
}

@media(max-width: 767px) {
    .responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item h3 {
        font-size:16px;
        line-height: 22px
    }
}

@media(max-width: 767px) {
    .responsive-slider.cardslider-layout4 .slick-slider .slick-slide .slider-item p {
        font-size:12px;
        line-height: 17px
    }
}

.responsive-slider.cardslider-layout4 .slick-prev,.responsive-slider.cardslider-layout4 .slick-next {
    width: 14px;
    height: 24px
}

.responsive-slider.cardslider-layout4 .slick-prev:before,.responsive-slider.cardslider-layout4 .slick-next:before {
    content: " ";
    display: inline-block;
    background-image: url(/fileadmin/images/neutral/AngleRight_16x16.svg);
    background-size: cover;
    background-position: top center;
    position: relative;
    width: 14px;
    height: 24px
}

.responsive-slider.cardslider-layout4 .slick-prev {
    left: -24px
}

@media(min-width: 768px) {
    .responsive-slider.cardslider-layout4 .slick-prev {
        left:-16px
    }
}

.responsive-slider.cardslider-layout4 .slick-prev:before {
    background-image: url(/fileadmin/images/neutral/AngleLeft_16x16.svg)
}

.responsive-slider.cardslider-layout4 .slick-next {
    right: -24px
}

@media(min-width: 768px) {
    .responsive-slider.cardslider-layout4 .slick-next {
        right:-16px
    }
}

.responsive-slider.cardslider-layout5+.cardslider-layout5 {
    margin-top: 20px
}

.responsive-slider.cardslider-layout5 .container {
    background: 0 0!important
}

.responsive-slider.cardslider-layout5 .headline-xl {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .responsive-slider.cardslider-layout5 .headline-xl {
        margin-bottom:40px
    }
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layout5 .headline-xl {
        margin-bottom:48px
    }
}

.responsive-slider.cardslider-layout5 .content-slider.slick-slider {
    overflow: visible
}

.responsive-slider.cardslider-layout5 .content-slider.slick-slider:not(.multiple-rows) .slick-slide>div {
    height: 100%
}

@media(max-width: 991px) {
    .responsive-slider.cardslider-layout5 .content-slider.slick-slider.multiple-rows .slick-slide>div {
        height:100%
    }
}

.responsive-slider.cardslider-layout5 .content-slider.slick-slider .slick-track {
    display: flex!important
}

.responsive-slider.cardslider-layout5 .content-slider.slick-slider .slick-slide {
    height: inherit!important
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layout5 .content-slider.slick-slider .slick-slide>div:first-child {
        margin-bottom:20px
    }
}

.responsive-slider.cardslider-layout5 .content-slider.slick-slider .slick-slide .slider-item>div {
    width: 100%;
    padding: 0
}

.responsive-slider.cardslider-layout5 .content-slider.slick-slider .slick-slide .slider-item .options-teaser {
    height: 100%
}

.responsive-slider.cardslider-layout5 .content-slider.slick-slider .slick-dots {
    margin-left: -16px
}

.responsive-slider.cardslider-layout5 .slick-prev,.responsive-slider.cardslider-layout5 .slick-next {
    width: 16px;
    height: 32px;
    z-index: 10
}

.responsive-slider.cardslider-layout5 .slick-prev:before,.responsive-slider.cardslider-layout5 .slick-next:before {
    content: " ";
    display: inline-block;
    background-image: url(/fileadmin/images/neutral/AngleRight_16x16.svg);
    background-size: cover;
    background-position: top center;
    width: 18px;
    height: 32px
}

.responsive-slider.cardslider-layout5 .slick-prev:before {
    background-image: url(/fileadmin/images/neutral/AngleLeft_16x16.svg)
}

.responsive-slider.cardslider-layout5 .slick-prev {
    left: 24px
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layout5 .slick-prev {
        left:0
    }
}

.responsive-slider.cardslider-layout5 .slick-next {
    right: 24px
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layout5 .slick-next {
        right:0
    }
}

.responsive-slider.cardslider-layoutvideos {
    overflow: visible
}

@media(min-width: 992px) and (max-width:1199px) {
    .responsive-slider.cardslider-layoutvideos {
        padding:0 16px
    }
}

.responsive-slider.cardslider-layoutvideos .slick-slider {
    overflow: visible;
    margin-bottom: 32px
}

@media(max-width: 1199px) {
    .responsive-slider.cardslider-layoutvideos .slick-slider.custom-slick-padding {
        margin-right:-24px;
        overflow: visible
    }
}

.responsive-slider.cardslider-layoutvideos .slick-slide>div,.responsive-slider.cardslider-layoutvideos .slick-slide .slider-item,.responsive-slider.cardslider-layoutvideos .slick-slide .card {
    height: 100%
}

.responsive-slider.cardslider-layoutvideos .slick-slide .card {
    padding-bottom: 24px
}

.responsive-slider.cardslider-layoutvideos .slick-slide .card-img-top {
    position: relative
}

.responsive-slider.cardslider-layoutvideos .slick-slide .card-img-top img {
    padding: 0
}

@media(max-width: 767px) {
    .responsive-slider.cardslider-layoutvideos .slick-slide .card-img-top .youtube-overlay p {
        font-size:12px!important;
        margin-bottom: 4px
    }
}

.responsive-slider.cardslider-layoutvideos .slick-slide .card-text {
    padding: 16px 32px;
    text-align: left
}

@media(max-width: 1199px) {
    .responsive-slider.cardslider-layoutvideos .slick-slide .card-text {
        padding:16px
    }
}

.responsive-slider.cardslider-layoutvideos .slick-slide .card-headline {
    margin: 16px auto 8px!important;
    -webkit-hyphens: initial;
    hyphens: initial
}

.responsive-slider.cardslider-layoutvideos .slick-slide .card-description {
    color: #444
}

.responsive-slider.cardslider-layoutvideos .slick-prev,.responsive-slider.cardslider-layoutvideos .slick-next {
    width: 16px;
    height: 32px;
    z-index: 10
}

.responsive-slider.cardslider-layoutvideos .slick-prev:before,.responsive-slider.cardslider-layoutvideos .slick-next:before {
    content: " ";
    display: inline-block;
    background-image: url(/fileadmin/images/neutral/AngleRight_16x16.svg);
    background-size: cover;
    background-position: top center;
    width: 18px;
    height: 32px
}

.responsive-slider.cardslider-layoutvideos .slick-prev:before {
    background-image: url(/fileadmin/images/neutral/AngleLeft_16x16.svg)
}

.responsive-slider.cardslider-layoutvideos .slick-prev {
    left: -24px
}

@media(min-width: 1199px) {
    .responsive-slider.cardslider-layoutvideos .slick-prev {
        left:-40px
    }
}

.responsive-slider.cardslider-layoutvideos .slick-next {
    right: -24px
}

@media(min-width: 1199px) {
    .responsive-slider.cardslider-layoutvideos .slick-next {
        right:-40px
    }
}

.responsive-slider.cardslider-layoutreferences {
    overflow: visible;
    margin-top: 24px
}

.responsive-slider.cardslider-layoutreferences .slick-slider {
    margin-bottom: 24px
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-track {
    display: flex
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-slide {
    padding-bottom: 24px;
    height: auto!important
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-slide>div {
    height: 100%
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-prev,.responsive-slider.cardslider-layoutreferences .slick-slider .slick-next {
    width: 16px;
    height: 32px;
    z-index: 10
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-prev:before,.responsive-slider.cardslider-layoutreferences .slick-slider .slick-next:before {
    content: " ";
    display: inline-block;
    background-image: url(/fileadmin/images/neutral/AngleRight_16x16.svg);
    background-size: cover;
    background-position: top center;
    width: 18px;
    height: 32px
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-prev:before {
    background-image: url(/fileadmin/images/neutral/AngleLeft_16x16.svg)
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-prev {
    left: 24px
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layoutreferences .slick-slider .slick-prev {
        left:0
    }
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-next {
    right: 24px
}

@media(min-width: 992px) {
    .responsive-slider.cardslider-layoutreferences .slick-slider .slick-next {
        right:0
    }
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-prev {
    left: -32px
}

.responsive-slider.cardslider-layoutreferences .slick-slider .slick-next {
    right: -32px
}

.responsive-slider.cardslider-layoutreferences .card {
    height: 100%
}

.responsive-slider.cardslider-layoutreferences .card .card {
    padding-bottom: 24px
}

.responsive-slider.cardslider-layoutreferences .card .testimonial {
    position: relative;
    padding: 32px 24px 48px
}

.responsive-slider.cardslider-layoutreferences .card .testimonial .reference-type {
    position: absolute;
    left: 24px;
    top: -13px;
    padding: 4px 16px;
    border-radius: 100px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    max-width: 80%;
    word-break: break-word
}

.responsive-slider.cardslider-layoutreferences .card .testimonial .reference-owner {
    margin-bottom: 8px
}

.responsive-slider.cardslider-layoutreferences .card .testimonial .reference-headline {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    display: block;
    margin: 8px 0 32px;
    color: #222
}

@media(max-width: 991px) {
    .responsive-slider.cardslider-layoutreferences .card .testimonial .reference-headline {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

.responsive-slider.cardslider-layoutreferences .card .testimonial .quote {
    line-height: 24px!important
}

.responsive-slider.cardslider-layoutreferences .card .testimonial>a:hover .reference-headline {
    color: #0060b7
}

.responsive-slider.cardslider-layoutreferences .card .link-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    text-align: center
}

.responsive-slider.cardslider-layoutreferences .card .testimonial {
    text-align: left
}

.responsive-slider .container {
    border: none;
    padding: 0 16px;
    width: auto
}

.responsive-slider .slick-slider {
    margin: 0
}

.responsive-slider .slick-slider.custom-slick-padding {
    margin-left: -1px;
    margin-right: -1px;
    padding: 0 1px;
    overflow: hidden
}

.responsive-slider .slick-slider .slick-list {
    margin: 0 -16px
}

.responsive-slider .slick-slider .slick-slide {
    outline: none
}

.responsive-slider .slick-slider .slick-slide .slider-item {
    padding: 0 16px
}

.responsive-slider .slick-slider .slick-slide>div {
    display: flex
}

.responsive-slider .slick-slider .slick-slide>div+div {
    margin-top: 24px
}

.responsive-slider .slick-slider .slick-slide .options-teaser {
    position: relative
}

.responsive-slider .slick-slider .custom-auto-height .slick-slide {
    padding-top: 1px;
    padding-bottom: 1px;
    height: auto!important
}

.responsive-slider .slick-slider .card {
    padding-bottom: 24px;
    text-align: center;
    position: relative
}

.responsive-slider .slick-slider .card img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.responsive-slider .slick-slider .card h3 {
    margin: 16px auto 8px
}

.responsive-slider .slick-slider .card .card-price {
    justify-content: center
}

.responsive-slider .slick-slider .card p {
    margin-bottom: 0
}

.responsive-slider .slick-slider .card .bodytext {
    padding: 48px 0
}

.responsive-slider .slick-slider .card .bodytext p {
    margin: 8px auto
}

.responsive-slider .slick-slider .card .card-buttons {
    display: table;
    margin: 0 auto
}

.responsive-slider .slick-slider .card [class*=btn-] {
    display: block;
    width: 100%
}

.responsive-slider .slick-slider .card [class*=btn-]+[class*=btn-] {
    margin-top: 8px
}

@media(max-width: 767px) {
    .responsive-slider .slick-slider.custom-slick-padding {
        margin-left:-16px;
        margin-right: -16px;
        padding: 0 1px
    }

    .responsive-slider .slick-slider.custom-slick-padding.custom-slick-padding-left:not(.custom-slick-padding-right) {
        margin-left: -24px;
        margin-right: 0
    }

    .responsive-slider .slick-slider.custom-slick-padding.custom-slick-padding-right:not(.custom-slick-padding-left) {
        margin-left: 0;
        margin-right: -32px
    }

    .responsive-slider .slick-slider .slick-list {
        margin: 0 -8px
    }

    .responsive-slider .slick-slider .slick-slide h3 {
        margin: 8px auto
    }

    .responsive-slider .slick-slider .slick-slide .slider-item {
        padding: 0 8px
    }

    .responsive-slider .slick-slider .slick-slide .card {
        padding-bottom: 8px
    }

    .responsive-slider .slick-slider .slick-slide .card .bodytext {
        padding: 24px 0
    }

    .responsive-slider .slick-slider .slick-slide .card .bodytext p {
        margin: 6px auto
    }

    .responsive-slider .slick-slider .slick-slide .card .card-buttons {
        display: block;
        margin: 0 24px
    }

    .responsive-slider .slick-slider .slick-slide img {
        width: 100%
    }
}

.responsive-slider .slick-slider ul.slick-dots {
    position: relative;
    bottom: 0;
    padding: 16px 0
}

.responsive-slider .slick-slider ul.slick-dots li {
    border-radius: 50%;
    background: 0 0;
    padding-left: 0;
    width: 16px;
    height: 16px;
    margin-left: 0;
    margin-right: 8px
}

.responsive-slider .slick-slider ul.slick-dots li:first-child {
    margin-left: 0
}

.responsive-slider .slick-slider ul.slick-dots li:last-child {
    margin-right: 0
}

.responsive-slider .slick-slider ul.slick-dots li button {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%
}

.responsive-slider .slick-slider ul.slick-dots li button:before {
    display: none
}

.responsive-slider .slick-slider ul.slick-dots li.slick-active button {
    background: #999
}

@media(min-width: 992px) {
    #content-container>:only-child .responsive-slider {
        padding:0 40px
    }

    #content-container>:only-child .responsive-slider .slick-prev {
        left: -40px
    }

    #content-container>:only-child .responsive-slider .slick-next {
        right: -40px
    }
}

.video-content .video-cover {
    height: 360px;
    width: 640px;
    background-position: center;
    background-size: cover;
    margin: 0 auto
}

.video-content .video-play {
    width: 72px;
    height: 51px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.video-content iframe+.video-cover+.video-play {
    z-index: -1
}

@media(max-width: 640px) {
    .video-content .video-cover,.video-content iframe {
        width:100%
    }

    .video-content .video-play {
        top: 200px
    }
}

.mode-slider-alternative .ce-row,.slider-alternative-row {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media(max-width: 991px) {
    .mode-slider-alternative .ce-row,.slider-alternative-row {
        flex-wrap:wrap
    }
}

.mode-slider-alternative .ce-row.border-none div[class*=-column],.slider-alternative-row.border-none div[class*=-column] {
    border: 0
}

.mode-slider-alternative .ce-row:before,.mode-slider-alternative .ce-row:after,.slider-alternative-row:before,.slider-alternative-row:after {
    display: none
}

.mode-slider-alternative .ce-row div[class*=-column],.slider-alternative-row div[class*=-column] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto!important;
    min-height: 50px;
    padding: 12px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

.mode-slider-alternative .ce-row div[class*=-column] figure,.slider-alternative-row div[class*=-column] figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

.mode-slider-alternative .ce-row div[class*=-column].has-caption,.mode-slider-alternative .ce-row div[class*=-column].has-caption~div[class*=-column],.slider-alternative-row div[class*=-column].has-caption,.slider-alternative-row div[class*=-column].has-caption~div[class*=-column] {
    min-height: 105px
}

@media(max-width: 991px) {
    .mode-slider-alternative .ce-row div[class*=-column].has-caption,.mode-slider-alternative .ce-row div[class*=-column].has-caption~div[class*=-column],.slider-alternative-row div[class*=-column].has-caption,.slider-alternative-row div[class*=-column].has-caption~div[class*=-column] {
        width:calc(50% - 8px)!important
    }
}

@media(max-width: 499px) {
    .mode-slider-alternative .ce-row div[class*=-column].has-caption,.mode-slider-alternative .ce-row div[class*=-column].has-caption~div[class*=-column],.slider-alternative-row div[class*=-column].has-caption,.slider-alternative-row div[class*=-column].has-caption~div[class*=-column] {
        width:100%!important
    }
}

.mode-slider-alternative .ce-row div[class*=-column] img,.slider-alternative-row div[class*=-column] img {
    width: auto!important;
    max-width: 100%;
    margin: auto 0
}

.mode-slider-alternative .ce-row div[class*=-column] .image-caption,.slider-alternative-row div[class*=-column] .image-caption {
    min-height: 40px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -.22px;
    text-align: center;
    color: #666
}

.slider-alternative-holder .cardslider-layout1 .card {
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    text-align: center;
    padding-bottom: 24px
}

.slider-alternative-holder .cardslider-layout1 h3 {
    margin: 16px auto 8px
}

.slider-alternative-holder .cardslider-layout1 .card-price {
    justify-content: center
}

.slider-alternative-holder .cardslider-layout1 .bodytext {
    padding: 32px 0
}

.slider-alternative-holder .cardslider-layout1 .bodytext p {
    margin: 4px auto
}

.slider-alternative-holder .cardslider-layout1 .card-buttons {
    display: block;
    margin: 0 auto
}

.slider-alternative-holder .cardslider-layout1 .card-buttons [class*=btn-] {
    display: block;
    width: 100%
}

.slider-alternative-holder .cardslider-layout1 .card-buttons [class*=btn-]+[class*=btn-] {
    margin-top: 8px
}

@media(max-width: 767px) {
    .slider-alternative-holder .cardslider-layout1 .card {
        padding-bottom:16px
    }

    .slider-alternative-holder .cardslider-layout1 h3 {
        margin: 8px auto
    }

    .slider-alternative-holder .cardslider-layout1 .bodytext {
        padding: 24px 0
    }

    .slider-alternative-holder .cardslider-layout1 .card-buttons {
        margin: 0 24px
    }
}

.slider-alternative-holder .cardslider-layout3 .testimonial {
    position: relative;
    padding: 24px
}

.slider-alternative-holder .cardslider-layout3 .testimonial .review-type {
    position: absolute;
    left: 20px;
    top: -13px;
    padding: 4px 16px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    max-width: 80%;
    word-break: break-word
}

.slider-alternative-holder .cardslider-layout3 .testimonial .review-headline {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 24px
}

@media(max-width: 991px) {
    .slider-alternative-holder .cardslider-layout3 .testimonial .review-headline {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

.slider-alternative-holder .cardslider-layout3 .testimonial .review-info {
    display: inline-block;
    margin-bottom: 6px
}

.slider-alternative-holder .cardslider-layout3 .testimonial .review-info .reviewer {
    display: inline-block;
    font-weight: 700;
    margin-right: 8px
}

.slider-alternative-holder .cardslider-layout3 .testimonial .review-info .reviewer-location {
    margin-left: 8px;
    font-weight: 400
}

.slider-alternative-holder .cardslider-layout3 .testimonial .review-info .reviewer,.slider-alternative-holder .cardslider-layout3 .testimonial .review-info .reviewer-location {
    font-size: 16px;
    line-height: 22px
}

.slider-alternative-holder .cardslider-layout3 .testimonial .review-info .reviewer-rating {
    width: 104px;
    height: 18px;
    margin-top: 16px;
    margin-bottom: 16px
}

.slider-alternative-holder .cardslider-layout3 .testimonial p {
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 24px
}

.slider-alternative-holder .cardslider-layout3 .link-container {
    padding: 0 16px 24px;
    text-align: center
}

.slider-alternative-holder .cardslider-layout4 .card {
    padding: 0 32px
}

@media(min-width: 768px) {
    .slider-alternative-holder .cardslider-layout4 .card {
        padding:0 48px
    }
}

@media(min-width: 1200px) {
    .slider-alternative-holder .cardslider-layout4 .card {
        padding:0 112px
    }
}

.slider-alternative-holder .cardslider-layout4 h3,.slider-alternative-holder .cardslider-layout4 p {
    margin: 0!important
}

@media(min-width: 768px) {
    .slider-alternative-holder .cardslider-layout4 h3,.slider-alternative-holder .cardslider-layout4 p {
        font-size:16px;
        line-height: 22px
    }
}

@media(min-width: 992px) {
    .slider-alternative-holder .cardslider-layout4 h3,.slider-alternative-holder .cardslider-layout4 p {
        font-size:20px;
        line-height: 27px
    }
}

.slider-alternative-holder .cardslider-layout4 h3 {
    font-weight: 700
}

@media(max-width: 767px) {
    .slider-alternative-holder .cardslider-layout4 h3 {
        font-size:16px;
        line-height: 22px
    }
}

@media(max-width: 767px) {
    .slider-alternative-holder .cardslider-layout4 p {
        font-size:12px;
        line-height: 17px
    }
}

.slider-alternative-holder .cardslider-layout5 .card {
    padding-bottom: 24px
}

.slider-alternative-holder .cardslider-layout5 .card>.ce-textpic {
    margin-left: 0;
    margin-right: 0
}

.slider-alternative-holder .cardslider-layout5 .card>.options-teaser {
    width: 100%;
    padding: 0;
    height: 100%
}

.slider-alternative-holder .cardslider-layout5 .card p {
    margin-bottom: 16px
}

.slider-alternative-holder .cardslider-layoutvideos .card {
    padding-bottom: 24px
}

.slider-alternative-holder .cardslider-layoutvideos .card-img-top {
    position: relative
}

.slider-alternative-holder .cardslider-layoutvideos .card-img-top img {
    padding: 0
}

@media(max-width: 767px) {
    .slider-alternative-holder .cardslider-layoutvideos .card-img-top .youtube-overlay p {
        font-size:12px!important;
        margin-bottom: 4px
    }
}

.slider-alternative-holder .cardslider-layoutvideos .card-text {
    padding: 16px 32px;
    text-align: left
}

@media(max-width: 1199px) {
    .slider-alternative-holder .cardslider-layoutvideos .card-text {
        padding:16px
    }
}

.slider-alternative-holder .cardslider-layoutvideos .card-headline {
    margin: 16px auto 8px!important;
    -webkit-hyphens: initial;
    hyphens: initial
}

.slider-alternative-holder .cardslider-layoutvideos .card-description {
    color: #444
}

.slider-alternative-holder .cardslider-layoutreferences .card {
    padding-bottom: 24px
}

.slider-alternative-holder .cardslider-layoutreferences .testimonial {
    position: relative;
    padding: 32px 24px 48px
}

.slider-alternative-holder .cardslider-layoutreferences .testimonial .reference-type {
    position: absolute;
    left: 24px;
    top: -13px;
    padding: 4px 16px;
    border-radius: 100px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    max-width: 80%;
    word-break: break-word
}

.slider-alternative-holder .cardslider-layoutreferences .testimonial .reference-owner {
    margin-bottom: 8px
}

.slider-alternative-holder .cardslider-layoutreferences .testimonial .reference-headline {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    display: block;
    margin: 8px 0 32px;
    color: #222
}

@media(max-width: 991px) {
    .slider-alternative-holder .cardslider-layoutreferences .testimonial .reference-headline {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

.slider-alternative-holder .cardslider-layoutreferences .testimonial .quote {
    line-height: 24px!important
}

.slider-alternative-holder .cardslider-layoutreferences .testimonial>a:hover .reference-headline {
    color: #0060b7
}

.slider-alternative-holder .cardslider-layoutreferences .link-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    text-align: center
}

.slider-alternative-holder .button-bar {
    margin-top: 32px
}

.slider-alternative-holder .discount-percent {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .35px;
    position: absolute;
    top: 8px!important;
    bottom: auto!important;
    left: 8px!important;
    right: auto!important;
    padding: 0 4px;
    color: #fff!important;
    border-radius: 4px;
    background-color: #c00;
    border: 2px solid #c00
}

.slider-alternative-holder .card-price {
    font-size: 16px;
    font-weight: 400
}

.slider-alternative-holder .card-price data {
    font-size: inherit;
    font-weight: 700
}

.slider-alternative-holder .card-price-full data {
    font-weight: 400
}

.content>div>.slider-alternative-holder {
    padding-left: 16px;
    padding-right: 16px
}

div.productdetail-container.productdetail-accessory h1,div.productdetail-container.productdetail-canopy h1 {
    font-weight: 700;
    color: #222
}

@media(max-width: 500px) {
    div.productdetail-container.productdetail-accessory h1 span,div.productdetail-container.productdetail-canopy h1 span {
        display:inline-block
    }
}

div.productdetail-container.productdetail-accessory div.subtitle-lg,div.productdetail-container.productdetail-canopy div.subtitle-lg {
    margin-bottom: 24px
}

div.productdetail-container.productdetail-accessory .product-configurator .headline,div.productdetail-container.productdetail-canopy .product-configurator .headline {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 28px;
    color: #222;
    letter-spacing: 0;
    text-transform: none
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .discount_price>*,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .discount_price>* {
    font-size: 40px
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    margin: 0
}

@media(max-width: 767px) {
    div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border {
        min-width:190px
    }
}

@media(hover: hover) {
    div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border:hover,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border:active,div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.active,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border:active,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.btn-md,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.btn-lg,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.btn-xl,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.btn-fw,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.btn-fw-mobile,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.btn-fw-mobile {
        width:100%
    }
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border .fa,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border .fa {
    font-size: 24px
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border .fa.fa-spinner,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border .fa.fa-spinner {
    font-size: 18px
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.icon-left:after,div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.icon-right:after,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.icon-left:after,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.icon-right:after {
    content: "";
    display: block;
    clear: both
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.icon-left svg,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.icon-right,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.icon-right {
    text-align: left
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border.icon-right svg,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice .cta-active-border svg,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice .cta-active-border svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice #quantity,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice #quantity {
    margin: 0!important;
    height: 48px!important
}

@media(max-width: 500px) {
    div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .productPrice #quantity,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .productPrice #quantity {
        font-size:16px
    }
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price .agb-link a,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price .agb-link a {
    font-size: inherit
}

div.productdetail-container.productdetail-accessory .price-box-partial .product-live-price span.price_label,div.productdetail-container.productdetail-canopy .price-box-partial .product-live-price span.price_label {
    color: #222
}

div.productdetail-container.productdetail-accessory .panel-body .btn-group>div>.btn.btn-default,div.productdetail-container.productdetail-canopy .panel-body .btn-group>div>.btn.btn-default {
    overflow: visible;
    box-shadow: none
}

div.productdetail-container.productdetail-accessory .panel-body .btn-group>div>.btn.btn-default:before,div.productdetail-container.productdetail-canopy .panel-body .btn-group>div>.btn.btn-default:before {
    display: none
}

div.productdetail-container.productdetail-accessory .panel-body .btn-group>div>.btn.btn-default:not(.active):hover,div.productdetail-container.productdetail-canopy .panel-body .btn-group>div>.btn.btn-default:not(.active):hover {
    border-color: #222!important
}

div.productdetail-container.productdetail-accessory .short-description ul.haken-gruen li,div.productdetail-container.productdetail-canopy .short-description ul.haken-gruen li {
    font-size: 16px
}

div.productdetail-container.productdetail-accessory .previewAttributes p,div.productdetail-container.productdetail-canopy .previewAttributes p {
    width: 100%
}

div.productdetail-container.productdetail-accessory .product-live-ticker a,div.productdetail-container.productdetail-canopy .product-live-ticker a {
    right: 0
}

div.productdetail-container.productdetail-accessory .simpleProduct>h1 {
    padding-left: 0
}

div.productdetail-container.productdetail-accessory .simpleProduct .dropdown-menu li>a {
    display: inherit!important
}

div.productdetail-container.productdetail-accessory .simpleProduct .selectpicker-container .btn {
    color: inherit!important;
    border-color: #c9c9c9;
    border-radius: 4px
}

@media(max-width: 767px) {
    div.productdetail-container.productdetail-accessory .simpleProduct .selectpicker-container .btn {
        display:flex
    }
}

div.productdetail-container.productdetail-accessory .simpleProduct .selectpicker-container .btn>.fa {
    top: 5px;
    margin-left: -8px
}

div.productdetail-container.productdetail-accessory .simpleProduct .selectpicker-container ul.dropdown-menu {
    padding-left: 0
}

div.productdetail-container .full_price {
    font-size: 20px
}

.ie11 .productdetail-accessory .panel-default>.selectpicker-container .data-content td.image img {
    max-width: 90px
}

.productlist-container.productlist-canopy .product-item-canopy p.priceline,.productlist-container.productlist-canopy .product-item-accessory p.priceline,.productlist-container.productdetail-canopy .product-item-canopy p.priceline,.productlist-container.productdetail-canopy .product-item-accessory p.priceline,.productlist-container.productlist-accessory .product-item-canopy p.priceline,.productlist-container.productlist-accessory .product-item-accessory p.priceline,.productlist-container.productdetail-accessory .product-item-canopy p.priceline,.productlist-container.productdetail-accessory .product-item-accessory p.priceline,.productlist-container.productlist-profile .product-item-canopy p.priceline,.productlist-container.productlist-profile .product-item-accessory p.priceline {
    color: #222
}

.productlist-container.productlist-canopy .product-item-canopy .product_name_1row,.productlist-container.productlist-canopy .product-item-accessory .product_name_1row,.productlist-container.productdetail-canopy .product-item-canopy .product_name_1row,.productlist-container.productdetail-canopy .product-item-accessory .product_name_1row,.productlist-container.productlist-accessory .product-item-canopy .product_name_1row,.productlist-container.productlist-accessory .product-item-accessory .product_name_1row,.productlist-container.productdetail-accessory .product-item-canopy .product_name_1row,.productlist-container.productdetail-accessory .product-item-accessory .product_name_1row,.productlist-container.productlist-profile .product-item-canopy .product_name_1row,.productlist-container.productlist-profile .product-item-accessory .product_name_1row {
    color: #222;
    display: inline-block;
    margin: 8px auto 4px;
    padding: 0 4px;
    font-weight: 600;
    width: 100%
}

@media(max-width: 500px) {
    .productlist-container.productlist-canopy .product-item-canopy .product_price_incl,.productlist-container.productlist-canopy .product-item-accessory .product_price_incl,.productlist-container.productdetail-canopy .product-item-canopy .product_price_incl,.productlist-container.productdetail-canopy .product-item-accessory .product_price_incl,.productlist-container.productlist-accessory .product-item-canopy .product_price_incl,.productlist-container.productlist-accessory .product-item-accessory .product_price_incl,.productlist-container.productdetail-accessory .product-item-canopy .product_price_incl,.productlist-container.productdetail-accessory .product-item-accessory .product_price_incl,.productlist-container.productlist-profile .product-item-canopy .product_price_incl,.productlist-container.productlist-profile .product-item-accessory .product_price_incl {
        padding:0 20px;
        line-height: 16px
    }
}

.productlist-container.productlist-canopy>[class*=col-],.productlist-container.productlist-accessory>[class*=col-],.productlist-container.productlist-profile>[class*=col-] {
    margin-bottom: 32px
}

.productlist-container.productlist-canopy .product-item-profile .product_name_1row,.productlist-container.productlist-accessory .product-item-profile .product_name_1row,.productlist-container.productlist-profile .product-item-profile .product_name_1row {
    font-size: 20px;
    color: #222!important
}

.profiles-list {
    margin: 0;
    padding: 0
}

@media(min-width: 500px) {
    .profiles-list {
        display:flex;
        flex-wrap: wrap
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .profiles-list {
        padding:0 8px!important
    }
}

.profiles-list-item {
    display: block;
    margin: 0 0 16px;
    padding: 0 16px!important;
    list-style: none;
    background-image: none!important
}

@media(min-width: 500px) {
    .profiles-list-item {
        flex:0 0 50%;
        max-width: 50%;
        margin-bottom: 32px
    }
}

@media(min-width: 768px) {
    .profiles-list-item {
        flex:0 0 33.333%;
        max-width: 33.333%
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .profiles-list-item {
        margin:0 0 16px;
        padding: 0 8px!important
    }
}

.profiles-list-item .profile-card-inner,.profiles-list-item .content-card-inner {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.profiles-list-item .profile-card div[class*=card-holder],.profiles-list-item .content-card div[class*=card-holder] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 1px
}

.profiles-list-item .profile-card-holder-first,.profiles-list-item .content-card-holder-first {
    position: relative;
    min-height: 1px
}

.profiles-list-item .profile-card-holder-first>*,.profiles-list-item .content-card-holder-first>* {
    display: block;
    width: 100%
}

.profiles-list-item .profile-card-holder-first .card-badges,.profiles-list-item .content-card-holder-first .card-badges {
    position: absolute;
    top: 8px!important;
    bottom: auto;
    left: 8px!important;
    right: 8px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: normal
}

.profiles-list-item .profile-card-holder-first .card-badges>div,.profiles-list-item .profile-card-holder-first .card-badges>span,.profiles-list-item .content-card-holder-first .card-badges>div,.profiles-list-item .content-card-holder-first .card-badges>span {
    position: relative;
    top: auto!important;
    bottom: auto!important;
    left: auto!important;
    right: auto!important
}

.profiles-list-item .profile-card-holder-first .card-badges>div:not(:last-child),.profiles-list-item .profile-card-holder-first .card-badges>span:not(:last-child),.profiles-list-item .content-card-holder-first .card-badges>div:not(:last-child),.profiles-list-item .content-card-holder-first .card-badges>span:not(:last-child) {
    margin-right: 8px
}

.profiles-list-item .profile-card-holder-first .card-badges>div:not(.discount-percent),.profiles-list-item .profile-card-holder-first .card-badges>span:not(.discount-percent),.profiles-list-item .content-card-holder-first .card-badges>div:not(.discount-percent),.profiles-list-item .content-card-holder-first .card-badges>span:not(.discount-percent) {
    display: block
}

.profiles-list-item .profile-card-holder-first .card-badges>div:not(.passivhaus-badge),.profiles-list-item .profile-card-holder-first .card-badges>span:not(.passivhaus-badge),.profiles-list-item .content-card-holder-first .card-badges>div:not(.passivhaus-badge),.profiles-list-item .content-card-holder-first .card-badges>span:not(.passivhaus-badge) {
    margin-bottom: 8px
}

.profiles-list-item .profile-card-holder-first .card-image,.profiles-list-item .content-card-holder-first .card-image {
    margin-bottom: 16px;
    padding: 0
}

.profiles-list-item .profile-card-holder-first .card-image img,.profiles-list-item .content-card-holder-first .card-image img {
    width: 100%;
    height: auto;
    display: block
}

.profiles-list-item .profile-card-holder-first .card-subheadline,.profiles-list-item .content-card-holder-first .card-subheadline {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .5px;
    color: #666;
    text-transform: uppercase;
    -webkit-hyphens: none;
    hyphens: none;
    text-transform: none;
    font-weight: 400;
    color: #222
}

.profiles-list-item .profile-card-holder-first .card-headline,.profiles-list-item .content-card-holder-first .card-headline {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.2px;
    margin-bottom: 12px
}

@media(max-width: 991px) {
    .profiles-list-item .profile-card-holder-first .card-headline,.profiles-list-item .content-card-holder-first .card-headline {
        font-size:20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -.2px
    }
}

.profiles-list-item .profile-card-holder-first .card-decription,.profiles-list-item .content-card-holder-first .card-decription {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
    padding-left: 18px!important;
    color: #222!important
}

.profiles-list-item .profile-card-holder-first .card-decription:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading),.profiles-list-item .content-card-holder-first .card-decription:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

.profiles-list-item .profile-card-holder-first .card-decription>*,.profiles-list-item .content-card-holder-first .card-decription>* {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit!important
}

.profiles-list-item .profile-card-holder-first .card-decription.unordered-list li::marker,.profiles-list-item .content-card-holder-first .card-decription.unordered-list li::marker {
    content: "• "
}

.profiles-list-item .profile-card-holder-last,.profiles-list-item .content-card-holder-last {
    margin-bottom: 24px;
    display: flex;
    flex-flow: column
}

.profiles-list-item .profile-card-holder-last .card-price,.profiles-list-item .content-card-holder-last .card-price {
    margin-bottom: 16px
}

.profiles-list-item .profile-card-holder-last .best-price,.profiles-list-item .content-card-holder-last .best-price {
    line-height: 24px
}

.profiles-list-item .profile-card-holder-last .credit-info,.profiles-list-item .content-card-holder-last .credit-info {
    margin-top: 12px!important
}

.profiles-list-item .profile-card-holder-last .raised-btn,.profiles-list-item .profile-card-holder-last .ghost-btn,.profiles-list-item .content-card-holder-last .raised-btn,.profiles-list-item .content-card-holder-last .ghost-btn {
    width: 100%
}

.profiles-list-item .profile-card-holder-first .discount-percent {
    top: 0!important;
    left: 0!important
}

.profiles-list-item .profile-card-holder-first:after {
    position: absolute;
    bottom: 16px;
    left: 24px;
    right: 24px;
    content: "";
    display: block
}

.profiles-list-item .profile-card-holder-first .card-decription li {
    padding-left: 0
}

.profiles-list-item .content-card-inner {
    min-height: 490px
}

@media(min-width: 500px) {
    .profiles-list-item .content-card-inner {
        min-height:485px
    }
}

@media(min-width: 768px) {
    .profiles-list-item .content-card-inner {
        min-height:480px
    }
}

@media(min-width: 992px) {
    .profiles-list-item .content-card-inner {
        min-height:500px
    }
}

@media(min-width: 1200px) {
    .profiles-list-item .content-card-inner {
        min-height:535px
    }
}

.profiles-list-item .content-card-holder-first .card-icon {
    position: absolute;
    top: 24px;
    left: 24px
}

.profiles-list-item .content-card-holder-first .card-icon .nf-icon-48x48 {
    display: none!important
}

.profiles-list-item .content-card-holder-first .card-icon .nf-icon-80x80 {
    display: block!important;
    width: 104px;
    height: 104px
}

.profiles-list-item .content-card-holder-first .card-decription {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.2px;
    margin-bottom: 8px;
    font-weight: 400!important
}

@media(max-width: 991px) {
    .profiles-list-item .content-card-holder-first .card-decription {
        font-size:20px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: -.2px
    }
}

.profiles-list-item .content-card-holder-first .card-decription li {
    padding-left: 16px
}

.profile-list-item .Badge_Rahmen_Galerie,.compare-profile-item .Badge_Rahmen_Galerie,.fv-product.show-detail-extended .Badge_Rahmen_Galerie,.fv-product.product-detail .Badge_Rahmen_Galerie {
    font-size: 11px;
    background-color: transparent;
    width: auto;
    text-align: left;
    border-radius: 0;
    border: none;
    padding: 0;
    color: transparent;
    font-weight: inherit
}

.profile-list-item .Badge_Rahmen_Galerie .Badge_Inhalt,.compare-profile-item .Badge_Rahmen_Galerie .Badge_Inhalt,.fv-product.show-detail-extended .Badge_Rahmen_Galerie .Badge_Inhalt,.fv-product.product-detail .Badge_Rahmen_Galerie .Badge_Inhalt {
    font-size: 14px
}

.compare-profile-item .profil-preis .btn-primary.btn-sm {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.link {
    display: block;
    height: 24px;
    margin-bottom: 8px;
    padding-left: 32px;
    text-decoration: underline;
    background-size: 24px;
    background-repeat: no-repeat
}

.link.uw {
    background-image: url(/fileadmin/images/neutral/icons/icon-Uw.svg)
}

.link.detail {
    background-image: url(/fileadmin/images/neutral/icons/icon-CAD.svg)
}

.link.video {
    background-image: url(/fileadmin/images/neutral/icon_play.png)
}

.link.pdf {
    background-image: url(/fileadmin/images/neutral/icons/icon-PDF.svg)
}

.link.profile {
    background-image: url(/fileadmin/images/neutral/icons/icon-profile.svg)
}

.link.farben {
    background-image: url(/fileadmin/images/neutral/icons/icon-colorselection.svg)
}

.link.verglasung {
    background-image: url(/fileadmin/images/neutral/icons/icon-glazing.svg)
}

.link.icon-montage {
    background-image: url(/fileadmin/images/neutral/icons/icon-montage.svg)
}

.link.pflege {
    background-image: url(/fileadmin/images/neutral/icons/icon-care.svg)
}

.link:hover {
    text-decoration: none
}

.fv-product .link {
    height: auto;
    min-height: 24px
}

.fv-product.show-detail-extended p.priceline {
    color: #222
}

.fv-product.show-detail-extended .detail-profile-item h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 8px;
    color: #444
}

@media(max-width: 991px) {
    .fv-product.show-detail-extended .detail-profile-item h2 {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

.fv-product.show-detail-extended .detail-profile-item p.priceline {
    margin-bottom: 0;
    font-size: 42px
}

.fv-product.show-detail-extended .detail-profile-item .full_price {
    font-size: 20px
}

.fv-product.show-detail-extended .show-discount-list {
    width: auto;
    margin-bottom: 5px
}

.fv-product.show-detail-extended .show-discount-list span {
    color: #0060b7;
    text-decoration: none
}

.fv-product.show-detail-extended .show-discount-list span:hover {
    text-decoration: underline
}

.blue-header .text>p {
    color: #fff!important
}

.uw-value-badge {
    padding: 0!important;
    position: relative;
    line-height: 0;
    margin-bottom: 8px
}

.uw-value-badge .uw-text {
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    font-weight: 600;
    color: #222
}

.uw-value-badge .uw-text sub#klein {
    font-size: 6px
}

.uw-value-badge .uw-value {
    position: absolute;
    bottom: 0;
    left: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #fff
}

p.credit-info {
    margin: 20px auto!important;
    font-size: 13px;
    line-height: 24px;
    color: #444!important;
    text-align: center;
    -webkit-hyphens: none;
    hyphens: none;
    background: 0 0
}

p.credit-info .link {
    display: inline;
    margin: 0;
    padding: 5px 0;
    color: inherit!important
}

p.credit-info img {
    position: relative;
    width: 100px!important;
    height: auto;
    vertical-align: baseline;
    margin-top: 0!important;
    top: 1px;
    margin-right: 4px
}

.grid-items1 p.credit-info,.grid-items2 p.credit-info,.productlist-container .credit-info,.detail-profile-item #price-box .credit-info {
    padding: 0 4px
}

.grid-items2 p.credit-info {
    margin-bottom: 0!important
}

.productlist-container .profile-card-holder-last .credit-info {
    margin-bottom: 8px!important
}

.productdetail-container .price-box .credit-info {
    text-align: left;
    margin-top: 4px!important;
    margin-bottom: 8px!important
}

.productdetail-container .price-box .credit-info br {
    display: none!important
}

.gecko .fv-product.show-detail-extended del.full_price {
    font-size: 20px!important
}

.gecko del.full_price,.gecko .promotion-active .card-price-full {
    text-decoration-thickness: 2px
}

.fv-start .likeh2 {
    font-size: 24px;
    color: #222
}

.fv-start#content-container p:not(.not-default-style):not(.product_price_old):not(.priceline):not(.font-grey-small) {
    font-size: 16px;
    line-height: 24px
}

.fv-start .col-one-step h3 {
    font-size: 16px
}

.fv-start .col-one-step p:not(.not-default-style):not(.product_price_old):not(.priceline):not(.font-grey-small) {
    font-size: 14px!important
}

.fv-start .redesign1 .col-sm-12.ftypen .border p.font-grey-small {
    font-size: 13px!important;
    line-height: 20px
}

.edge .redesign1 .col-sm-12.ftypen,.ie11 .redesign1 .col-sm-12.ftypen {
    padding: 0 1px;
    margin: 0 -2px
}

header .csc-firstHeader {
    padding: 0 16px;
    margin-bottom: 16px!important
}

div[class^=col]>header>.col-sm-12 {
    padding-left: 0
}

h3.img-caption {
    font-size: 18px;
    line-height: 20px
}

.headline-upselling+.font-grey-small {
    font-size: 12px!important;
    line-height: 19px
}

.padding-left {
    padding-left: 16px
}

.options-teaser.type1 .stoerer-round>p {
    line-height: 14px!important;
    font-weight: 700!important
}

.options-teaser.type1 ul.list li {
    font-size: 14px
}

.options-teaser.type1 .border>.contents {
    padding-top: 16px
}

@media(min-width: 768px) and (max-width:991px) {
    .options-teaser.type1 .border>.contents>h3 {
        -webkit-hyphens:auto;
        hyphens: auto
    }
}

.options-teaser.type1 .border>.contents>p {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.options-teaser.type1 .border>.contents>p:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

.options-teaser.type1 .border .discount-percent+h3 {
    margin-top: 16px
}

.options-teaser.type1 .border>h3>a:hover {
    transform: none!important
}

.options-teaser.type1 span {
    font-size: 14px
}

@media(min-width: 768px) and (max-width:991px) {
    .options-teaser.type1 .link-button svg {
        display:none
    }
}

@media(min-width: 483px) and (max-width:1200px) {
    .options-teaser.type1 .link-button .btn>a {
        display:block
    }
}

@media(min-width: 483px) and (max-width:767px) {
    .options-teaser.redesign1.type1 .border {
        align-items:flex-start;
        flex-flow: row
    }

    .options-teaser.redesign1.type1 .border>.contents {
        width: 49%
    }

    .options-teaser.redesign1.type1 .border>.contents .stoerer-round {
        width: 110px;
        height: 110px
    }

    .options-teaser.redesign1.type1 .border>.contents .stoerer-round .priceline {
        font-size: 32px!important;
        line-height: 40px!important;
        margin-left: 0
    }

    .options-teaser.redesign1.type1 .border>.contents .stoerer-round .priceline+p {
        margin-top: -5px
    }

    .options-teaser.redesign1.type1 .border>.contents ul.list {
        font-size: 16px
    }
}

.options-teaser:not(.type1):not(.type4) span.btn-primary {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    .options-teaser:not(.type1):not(.type4) span.btn-primary {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .options-teaser:not(.type1):not(.type4) span.btn-primary {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .options-teaser:not(.type1):not(.type4) span.btn-primary {
        min-width:190px
    }
}

@media(hover: hover) {
    .options-teaser:not(.type1):not(.type4) span.btn-primary:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.options-teaser:not(.type1):not(.type4) span.btn-primary:active,.options-teaser:not(.type1):not(.type4) span.btn-primary.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.options-teaser:not(.type1):not(.type4) span.btn-primary.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.options-teaser:not(.type1):not(.type4) span.btn-primary.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.options-teaser:not(.type1):not(.type4) span.btn-primary.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.options-teaser:not(.type1):not(.type4) span.btn-primary.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .options-teaser:not(.type1):not(.type4) span.btn-primary.btn-fw-mobile {
        width:100%
    }
}

.options-teaser:not(.type1):not(.type4) span.btn-primary .fa {
    font-size: 24px
}

.options-teaser:not(.type1):not(.type4) span.btn-primary .fa.fa-spinner {
    font-size: 18px
}

.options-teaser:not(.type1):not(.type4) span.btn-primary.icon-left:after,.options-teaser:not(.type1):not(.type4) span.btn-primary.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.options-teaser:not(.type1):not(.type4) span.btn-primary.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.options-teaser:not(.type1):not(.type4) span.btn-primary.icon-right {
    text-align: left
}

.options-teaser:not(.type1):not(.type4) span.btn-primary.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.options-teaser:not(.type1):not(.type4) span.btn-primary svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.options-teaser h3>a,.options-teaser h3>a:hover {
    color: #222!important
}

.options-teaser .btn-primary {
    background: #0060b7
}

.info-teaser .bodytext p {
    font-size: 13px;
    line-height: 20px
}

.synonymbox a,.synonymbox .prevnextarrow,.pagebrowser div a,.pagebrowser div .prevnextarrow {
    color: #0060b7
}

.synonymbox a,.pagebrowser div a {
    text-decoration: none
}

.synonymbox a:hover,.pagebrowser div a:hover {
    text-decoration: underline
}

.synonymbox {
    padding: 0!important
}

.synonymbox>span[class*=headline] {
    display: block
}

.synonymbox .link-container {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.synonymbox .link-container a {
    display: inline-block;
    color: #222;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    width: 50%;
    vertical-align: top;
    flex-direction: column;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-hyphens: auto;
    hyphens: auto
}

@media(min-width: 768px) {
    .synonymbox .link-container a {
        flex:0 0 33.333%;
        max-width: 33%
    }
}

@media(min-width: 1200px) {
    .synonymbox .link-container a {
        flex:0 0 25%;
        max-width: 25%
    }
}

@media(max-width: 767px) {
    .synonymbox .link-container {
        justify-content:space-between
    }
}

@media(max-width: 499px) {
    .synonymbox .link-container {
        display:flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px
    }

    .synonymbox .link-container a {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(max-width: 768px) {
    .pagebrowser>div {
        vertical-align:top
    }
}

.job-list-item .border h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0
}

.job-list-item .border p {
    margin: 0;
    font-size: 13px;
    line-height: 20px
}

.introtext {
    padding-top: 0
}

@media(max-width: 992px) {
    .introtext {
        font-size:14px!important
    }
}

.related-pages .item h3 {
    font-size: 20px
}

.content.widecontent>div>div>h1,.content.widecontent>div>div>div>h1 {
    padding-left: 14px
}

.content.widecontent .introtext {
    padding-left: 0!important;
    padding-right: 0!important;
    background: #fff!important
}

.step-point+div[class*=col-]:not(:last-child):after {
    left: calc(-8.333333335% - 18px)
}

@media(max-width: 992px) {
    .step-point+div[class*=col-]:not(:last-child):after {
        left:calc(-8.333333335% - 17px)
    }
}

@media(max-width: 768px) {
    .step-point+div[class*=col-]:not(:last-child):after {
        left:calc(-8.333333335% - 14px)
    }
}

@media(max-width: 500px) {
    .step-point+div[class*=col-]:not(:last-child):after {
        left:calc(-8.333333335% - 25px)
    }
}

#contact-form textarea,#reseller-form textarea {
    height: 100px!important
}

#contact-form textarea.form-control,#reseller-form textarea.form-control {
    border-radius: 4px
}

#contact-form textarea.error,#reseller-form textarea.error {
    background: 0 0
}

#contact-form select.form-control,#reseller-form select.form-control {
    padding: 7px 5px!important
}

.widecontent.content {
    width: 100%
}

.widecontent .tca-header div.image-col img:not([width]):not([style]):not([class*=auto-margin]),.widecontent .video-container img:not([width]):not([style]):not([class*=auto-margin]),.widecontent .col-sm-12 img:not([width]):not([style]):not([class*=auto-margin]),.widecontent .col-sm-12 img.img-responsive:not([class*=auto-margin]),.widecontent p>img:not([width]):not([style]):not([class*=auto-margin]),.widecontent .col-sm-6 a:not(.tiny)>img.img-responsive {
    width: 100%;
    height: auto
}

.widecontent .tca-header div.image-col .badge-rabatt span.big-text {
    font-size: 15px;
    padding: 0
}

.widecontent .accessory-box img {
    width: auto
}

.widecontent #price-box img {
    max-width: 100px
}

@media(min-width: 945px) {
    .widecontent .tca-header {
        display:flex
    }

    .widecontent .tca-header div.text-col {
        padding: 10px 70px 68px!important;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .widecontent .tca-header div.text-col h1,.widecontent .tca-header div.text-col h1+p {
        margin-bottom: 25px;
        padding: 0;
        width: 100%
    }

    .widecontent .tca-header div.text-col p.button-place {
        left: 50%;
        transform: translate(-50%)
    }

    .widecontent .tca-header div.image {
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden
    }

    .widecontent .tca-header div.image img {
        width: auto!important;
        height: auto!important;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        margin-left: 50%;
        transform: translate(-50%)
    }

    .widecontent .tca-header div.badge-35,.widecontent .tca-header div.badge-rabatt {
        display: none!important
    }
}

@media(min-width: 768px) {
    .widecontent .compare-profile-item .profile-list-item .profil-preis {
        padding-right:40px
    }
}

.widecontent .synonymbox {
    margin: 0;
    padding: 10px 15px
}

.widecontent .synonymbox .likeh2 {
    display: block;
    margin-bottom: 5px
}

.widecontent .synonymbox a {
    text-decoration: none
}

.widecontent .synonymbox a:hover {
    text-decoration: underline
}

.widecontent .synonymbox .divider-icon {
    padding: 0 5px
}

.widecontent .synonymbox .divider-icon:last-child {
    display: none
}

.widecontent .font-grey {
    color: #666
}

.redesign1>.ftypen-container {
    clear: both
}

@media(max-width: 991px) {
    .redesign1>.ftypen-container {
        margin-bottom:24px
    }
}

.redesign1>.ftypen-container .ftypen.col-sm-12 {
    clear: both;
    padding: 0 10px;
    margin-bottom: 24px
}

.redesign1>.ftypen-container .ftypen .collapse:not(.show) {
    display: block
}

@media(min-width: 992px) {
    .redesign1>.ftypen-container .ftypen .text-btn {
        display:none
    }
}

@media(max-width: 991px) {
    .redesign1>.ftypen-container .ftypen {
        margin-bottom:0
    }

    .redesign1>.ftypen-container .ftypen .text-btn .ftypen {
        display: block
    }

    .redesign1>.ftypen-container .ftypen .collapse:not(.in) {
        display: none
    }
}

.redesign1>.ftypen-container .ftypen a:not(.ghost-btn):not(.btn) svg {
    width: 84px;
    height: 84px
}

.redesign1>.ftypen-container .ftypen a:not(.ghost-btn):not(.btn) .border .paragraph-sm {
    font-size: 16px!important;
    line-height: 20px!important;
    display: flex;
    align-items: flex-end;
    height: 40px;
    flex-flow: wrap;
    justify-content: center
}

.redesign1>.ftypen-container div[id^=extendWindow] {
    width: 100%
}

.redesign1>.ftypen-container div[id^=extendWindow] .collapse-body {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
}

.redesign1>.ftypen-container div[id^=extendWindow] .collapse-body .ftypen-linkbar {
    width: 100%
}

.redesign1>.ftypen-container .ftypen-linkbar {
    margin: 32px 0
}

.redesign1>.ftypen-container .ftypen-linkbar.visible-xs {
    margin: 8px 0
}

.redesign1>.ftypen-container .ftypen-linkbar .text-btn {
    text-transform: none;
    font-weight: 400
}

.redesign1 .ftypen {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    cursor: initial;
    float: none
}

.redesign1 .ftypen a:not(.ghost-btn):not(.btn) {
    padding: 8px!important;
    flex: 0 0 16.666666%;
    max-width: 16.666666%
}

@media(max-width: 991px) {
    .redesign1 .ftypen a:not(.ghost-btn):not(.btn) {
        flex:0 0 33%;
        max-width: 33%
    }
}

@media(max-width: 499px) {
    .redesign1 .ftypen a:not(.ghost-btn):not(.btn) {
        flex:0 0 50%;
        max-width: 50%
    }
}

.redesign1 .ftypen a:not(.ghost-btn):not(.btn):hover .border,.redesign1 .ftypen a:not(.ghost-btn):not(.btn):active .border {
    background: 0 0!important;
    border-color: #0060b7
}

.redesign1 .ftypen a:not(.ghost-btn):not(.btn):hover svg *,.redesign1 .ftypen a:not(.ghost-btn):not(.btn):active svg * {
    stroke: #0060b7!important
}

.redesign1 .ftypen a:not(.ghost-btn):not(.btn):hover .paragraph-sm,.redesign1 .ftypen a:not(.ghost-btn):not(.btn):active .paragraph-sm {
    color: #0060b7!important
}

.redesign1 .ftypen a:not(.ghost-btn):not(.btn) .border {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    align-items: center;
    border-radius: 4px;
    border-color: #ddd;
    padding: 10px 10px 12px!important
}

.redesign1 .ftypen a:not(.ghost-btn):not(.btn) .border .paragraph-sm {
    font-size: 13px!important;
    margin-top: 8px;
    margin-bottom: 0
}

.carousel.slide .carousel-control {
    top: 38%
}

.carousel.slide .item .carousel-caption p {
    color: #fff!important
}

.company-slider.carousel {
    width: 100%
}

.company-slider.carousel .carousel-caption {
    position: absolute;
    bottom: 0;
    padding: 0;
    left: 0;
    background: #666;
    background: rgba(80,80,80,.75);
    width: 100%
}

.company-slider.carousel .carousel-caption p {
    color: #fff;
    display: block;
    margin: 0;
    font-size: 15px;
    padding: 10px
}

.company-slider.carousel .carousel-control.right span.fa {
    right: 50%;
    margin-right: -5px
}

.company-slider.carousel .carousel-control.left span.fa {
    left: 50%;
    margin-left: -5px
}

.company-slider.carousel .carousel-control .fa-chevron-left,.company-slider.carousel .carousel-control .fa-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    font-size: 12px;
    width: 10px;
    height: 12px;
    margin-top: -6px
}

.grid-items1 .discount-percent,.grid-items2 .discount-percent,.responsive-slider .discount-percent,.material-teaser .discount-percent,.options-teaser.type1 .discount-percent,.product-category-teaser .discount-percent {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .35px;
    position: absolute;
    top: 8px!important;
    bottom: auto!important;
    left: 8px!important;
    right: auto!important;
    padding: 0 4px;
    color: #fff!important;
    border-radius: 4px;
    background-color: #c00;
    border: 2px solid #c00
}

.options-teaser.type1>.border {
    position: relative
}

.options-teaser.type1>.border .contents {
    position: initial
}

.card-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    line-height: 28px;
    font-weight: 700;
    color: #222!important
}

.card-price:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

.card-price-discount {
    margin-right: 8px
}

.card-price-full {
    display: none
}

.promotion-active .card-price-discount {
    color: #c00!important
}

.promotion-active .card-price-full {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-size: 14px;
    line-height: 24px;
    color: #444!important;
    text-decoration: line-through;
    display: block
}

.promotion-active .card-price-full:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
    color: #444
}

.grid-items2 svg .fill-highlight {
    fill: #c00
}

.grid-items2 svg .fill-neutral {
    fill: #999
}

.placeholder-element {
    opacity: 0!important;
    visibility: hidden!important
}

#content-container .widecontent .col-lg-12>header>h1,#content-container .widecontent .col-sm-12>header>h1,#content-container .widecontent .col-xs-12>header>h1,#content-container .widecontent .col-md-12>header>h1,#content-container .content .col-lg-12>header>h1,#content-container .content .col-sm-12>header>h1,#content-container .content .col-xs-12>header>h1,#content-container .content .col-md-12>header>h1 {
    margin-left: 0;
    margin-right: 0
}

#content-container .container {
    border: none
}

.bx-wrapper a[data-gallery]:hover {
    text-decoration: none
}

.infobox-green,.infobox-blue {
    border: 1px solid;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 24px
}

.infobox-green svg,.infobox-blue svg {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.infobox-green header,.infobox-blue header {
    display: inline-block;
    margin-bottom: 8px
}

.infobox-green header *:nth-child(1),.infobox-blue header *:nth-child(1) {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.infobox-green header *:nth-child(2),.infobox-blue header *:nth-child(2) {
    margin-top: 8px
}

.infobox-green p,.infobox-blue p {
    margin-bottom: 0
}

.infobox-green {
    border-color: #007d00;
    background: rgba(1,142,66,.1)
}

.infobox-green * {
    color: #007d00!important
}

.infobox-blue {
    border-color: #044782;
    background: rgba(20,92,158,.1)
}

.infobox-blue * {
    color: #044782!important
}

.infobox header * {
    margin-bottom: 0
}

.gray-border {
    padding: 24px;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

@media(max-width: 767px) {
    .gray-border {
        margin-bottom:16px
    }
}

.gray-border ol {
    margin-bottom: 0
}

.table.table-responsive {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    font-size: inherit!important
}

.table.table-responsive table {
    width: 100%
}

@media(min-width: 500px) {
    .table.table-responsive table {
        table-layout:fixed
    }
}

.table.table-responsive table.ce-table-striped thead th {
    background: 0 0
}

.table.table-responsive table.ce-table-striped.table-header-left tr:last-child th {
    border-bottom: none
}

.table.table-responsive table.ce-table-striped:not(.table-header-top) tfoot tr * {
    background: #f6f6f6
}

.table.table-responsive table.ce-table-striped tbody tr:nth-child(odd) th,.table.table-responsive table.ce-table-striped tbody tr:nth-child(odd) td {
    background: #f6f6f6
}

.table.table-responsive table.ce-table-bordered * {
    border: 1px solid #ddd
}

.table.table-responsive table.ce-table td {
    -webkit-hyphens: auto
}

.table.table-responsive table th,.table.table-responsive table td {
    padding: 8px!important;
    border-right: 1px solid #ddd
}

.table.table-responsive table th:last-child,.table.table-responsive table td:last-child {
    border-right: none
}

@media(min-width: 768px) and (max-width:991px) {
    .table.table-responsive table th,.table.table-responsive table td {
        -webkit-hyphens:auto;
        hyphens: auto
    }
}

.table.table-responsive table thead th {
    background: 0 0;
    border-bottom: 1px solid #ddd
}

.table.table-responsive table tbody tr:first-child th,.table.table-responsive table tbody tr:first-child td {
    border-top: none
}

.table.table-responsive table tbody tr th,.table.table-responsive table tbody tr td {
    border-top: 1px solid #ddd
}

.table.table-responsive table tbody tr th {
    background: 0 0
}

.table.table-responsive table tfoot th,.table.table-responsive table tfoot td {
    border-top: 1px solid #ddd
}

.table.table-responsive table+.caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 16px;
    text-align: right;
    color: #666
}

.table.table-responsive .inline-link {
    margin-top: 0;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .table-responsive>.table-bordered>tbody>tr:first-child th,.table-responsive>.table-bordered>tbody>tr:last-child th {
        border-left:1px solid #ccc
    }

    .table-responsive>.table-bordered>tbody>tr:first-child td,.table-responsive>.table-bordered>tbody>tr:last-child td {
        border-left: 1px solid #ddd
    }

    .table-responsive>.table-bordered>tbody>tr:last-child td {
        border-bottom: 1px solid #ddd
    }

    .table-responsive>.table-bordered>tbody>tr th:first-child {
        border-left: 1px solid #ccc
    }

    .table-responsive>.table-bordered>tbody>tr th:last-child {
        border-right: 1px solid #ccc
    }

    .table-responsive>.table-bordered>tbody>tr td:first-child {
        border-left: 1px solid #ddd
    }

    .table-responsive>.table-bordered>tbody>tr td:last-child {
        border-right: 1px solid #ddd
    }
}

.responsive-table {
    width: calc(100% - 32px);
    margin-bottom: 16px
}

.responsive-table tr th,.responsive-table tr td {
    height: auto
}

.responsive-table thead th {
    padding: 8px;
    background-color: #eee
}

.responsive-table thead th:not(:first-child) {
    padding: 8px;
    border-color: #c9c9c9;
    border-top-color: #0060b7
}

.responsive-table tbody tr {
    margin-bottom: 16px;
    border-color: #c9c9c9
}

.responsive-table tbody tr th,.responsive-table tbody tr td {
    padding: 8px;
    border-color: #c9c9c9
}

@media(min-width: 768px) {
    .responsive-table tbody tr {
        margin-bottom:0
    }

    .responsive-table tbody tr:nth-child(2n)>*:not(th) {
        background-color: #f6f6f6
    }

    .responsive-table tbody tr:nth-child(odd)>*:not(th) {
        background-color: #fff
    }

    .responsive-table tbody tr:nth-child(2n)>th,.responsive-table tbody tr:nth-child(odd)>th {
        background-color: #eee
    }

    .responsive-table tbody tr th {
        border-left-color: #0060b7
    }
}

@media(min-width: 768px) {
    .responsive-table.shop-bundle thead>tr th {
        border-color:#c9c9c9
    }

    .responsive-table.shop-bundle thead>tr th:last-child {
        background-color: #eee
    }

    .responsive-table.shop-bundle tbody tr,.responsive-table.shop-bundle tbody tr th,.responsive-table.shop-bundle tbody tr td {
        background-color: initial
    }
}

.responsive-table.shop-bundle tbody tr td:last-child {
    background-color: #eee
}

.responsive-table-legende {
    width: 100%;
    padding: 0 16px
}

.responsive-table-legende>p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 16px;
    color: #666
}

.ce-table:not([class*=ce-table-]) tr th {
    background: #f9f9f9!important
}

.ce-table:not([class*=ce-table-]) tr th,.ce-table:not([class*=ce-table-]) tr td {
    border: 1px solid #979797!important
}

.ce-image.ce-center {
    text-align: center
}

.ce-image.ce-right {
    text-align: right
}

.ce-image .ce-column {
    display: inline-block
}

figure {
    padding: 0;
    margin-bottom: 0
}

figure figcaption {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #666;
    margin-top: 4px;
    margin-bottom: 24px;
    padding-top: 0;
    text-align: left
}

hr.trenner.no-margin {
    margin: 0!important
}

.panel-group .panel-grey>.panel-heading span:hover {
    background-color: #0060b7;
    border-color: #0060b7
}

.info-teaser a:hover .text p.heading {
    color: #0060b7
}

.info-teaser .text p.heading {
    font-weight: 700;
    line-height: 22px
}

@media(max-width: 768px) {
    .info-teaser .text p.heading p {
        line-height:18px
    }
}

.info-handwerker {
    padding: 24px 8px 8px;
    border-radius: 4px;
    background: #f6f6f6
}

@media(min-width: 768px) {
    .info-handwerker {
        padding:32px 16px
    }
}

.info-handwerker * {
    color: #000!important
}

@media(min-width: 768px) {
    .info-handwerker figure {
        width:16.666%
    }
}

@media(max-width: 991px) {
    .info-handwerker figure>.row img {
        width:100px;
        height: 100px
    }
}

@media(max-width: 767px) {
    .info-handwerker figure>.row {
        display:flex;
        align-items: center
    }

    .info-handwerker figure>.row figcaption {
        text-align: left;
        margin-left: 0
    }
}

.info-handwerker img {
    margin-bottom: 8px!important
}

.info-handwerker figcaption {
    font-size: 12px;
    line-height: 18px;
    white-space: break-spaces;
    margin-top: 0
}

.info-handwerker .heading {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 16px;
    margin: 0
}

.border .m-liste+.dash-list,.border .w-liste+.dash-list {
    padding: 20px!important
}

.carousel.slide .item .caption p {
    color: #222!important
}

.jumbotron {
    padding: 40px 16px!important
}

.jumbotron p.tcenter {
    margin-top: 16px;
    margin-bottom: 0
}

.jumbotron .h4.tcenter {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 8px;
    font-size: 20px!important;
    font-weight: 700
}

@media(max-width: 991px) {
    .jumbotron .h4.tcenter {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

@media(min-width: 992px) {
    .jumbotron .h4.tcenter {
        font-size:24px
    }
}

@media(min-width: 768px) {
    .jumbotron #button2 {
        margin:0!important
    }
}

.widecontent .tca-header .image-col p {
    color: #fff!important
}

.widecontent .tca-header .badge-rabatt>p {
    font-size: 14px;
    color: #222!important
}

.widecontent .tca-header .red-text td {
    color: #c00
}

.widecontent .tca-header div.text-col h1 {
    font-size: 24px;
    margin-left: 0;
    margin-right: 0
}

.widecontent .tca-header .text-center.button-place {
    margin: 0
}

.widecontent .tca-header .raised-btn {
    margin-bottom: 20px
}

@media(min-width: 945px) {
    .widecontent .tca-header div.text-col {
        padding:16px 24px 68px!important
    }

    .widecontent .tca-header div.text-col h1 {
        font-size: 32px;
        margin-bottom: 16px
    }
}

@media(min-width: 992px) {
    .widecontent .tca-header div.text-col h1 {
        font-size:32px
    }

    .widecontent .tca-header div.text-col p {
        font-size: 20px;
        font-weight: 400;
        line-height: 32px;
        font-size: 14px;
        line-height: 24px
    }

    .widecontent .tca-header div.text-col p:not(.headline):not(.caption):not(.salesContactHeader):not(.headline-upselling):not(.priceline):not(.heading) {
        color: #444
    }
}

@media(max-width: 500px) {
    .widecontent .tca-header div.text-col {
        padding:20px 15px 100px!important
    }

    .widecontent .tca-header div.text-col .raised-btn {
        padding: 13px 16px
    }
}

@media(max-width: 359px) {
    .widecontent .tca-header .image-col .badge-35 .big-text {
        font-size:32px
    }
}

.produkt-info #rConMargin>h2 {
    color: #444
}

.options-teaser-inner {
    border: none!important;
    background: #fff;
    height: 100%;
    display: flex;
    flex-flow: column;
    border-radius: 4px
}

.options-teaser-inner.opt-sprite.options-teaser-inner {
    overflow: hidden
}

.options-teaser-inner.opt-sprite.options-teaser-inner>span {
    background: url(/fileadmin/user_upload/Sprite_Teaser_KST_tinypng.jpg);
    width: 143%;
    height: 0;
    display: block;
    padding-bottom: 69%;
    background-size: 210%
}

.options-teaser-inner.opt-sprite.opt-ral-farben>.options-teaser-inner>span {
    background-position: 0 0
}

.options-teaser-inner.opt-sprite.opt-sprossen>.options-teaser-inner>span {
    background-position: 63.5% 0
}

.options-teaser-inner.opt-sprite.opt-detailzeichnungen>.options-teaser-inner>span {
    background-position: 127% 0
}

.options-teaser-inner.opt-sprite.opt-uw-werte>.options-teaser-inner>span {
    background-position: 0 25%
}

.options-teaser-inner.opt-sprite.opt-verglasung>.options-teaser-inner>span {
    background-position: 63% 25%
}

.options-teaser-inner.opt-sprite.opt-fensterbeschlaege>.options-teaser-inner>span {
    background-position: 127% 25%
}

.options-teaser-inner.opt-sprite.opt-fenstergriffe>.options-teaser-inner>span {
    background-size: 206%;
    background-position: 142% 50%
}

.options-teaser-inner.opt-sprite.opt-rolladen>.options-teaser-inner>span {
    background-size: 206%;
    background-position: 259% 50%
}

.options-teaser-inner.opt-sprite.opt-sicherheit>.options-teaser-inner>span {
    background-size: 206%;
    background-position: 193% 50%
}

.options-teaser-inner.opt-sprite.opt-fenstertypen>.options-teaser-inner>span {
    background-size: 206%;
    background-position: 324% 75%
}

.options-teaser-inner.opt-sprite.opt-zubehoer-tueren>.options-teaser-inner>span {
    background-size: 206%;
    background-position: 259% 75%
}

.options-teaser-inner.opt-sprite.opt-insektenschutz>.dce-12>span {
    background-size: 206%;
    background-position: 195% 75%
}

.options-teaser-inner.opt-sprite.opt-videos>.options-teaser-inner>span {
    background-size: 206%;
    background-position: 193% 100%
}

.options-teaser-inner.opt-sprite.opt-anleitungen>.options-teaser-inner>span {
    background-size: 206%;
    background-position: 259% 100%
}

.options-teaser-inner.opt-sprite.opt-vorteile-nachteile>.options-teaser-inner>span {
    background-size: 206%;
    background-position: 323% 100%
}

.options-teaser-inner .contents {
    padding: 16px
}

.options-teaser-inner .contents h3 {
    -webkit-hyphens: auto;
    hyphens: auto
}

.options-teaser-inner .contents p {
    font-size: 16px!important;
    margin-bottom: 0
}

.options-teaser-inner+.link-button span.fwd:not(.btn-primary) {
    background: 0 0;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    border: none;
    color: #0060b7!important;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 15px!important;
    border-radius: 80px
}

.options-teaser-inner+.link-button span.fwd:not(.btn-primary):hover {
    background: #f6f6f6
}

.options-teaser-inner+.link-button span.fwd:not(.btn-primary):active {
    background: #eee
}

@media(max-width: 767px) {
    .options-teaser.type1.col-xs-6 {
        width:100%!important
    }
}

.options-teaser.type1 .options-teaser-inner>span {
    background-color: #eee
}

.window-size-table.compatibility-matrix ul {
    padding: 0!important
}

.window-size-table.compatibility-matrix ul li::marker {
    content: ""
}

.dce-15 .easy-wrap .row {
    padding: 0 16px
}

.dce-15 .easy-wrap .items [class^=col-] {
    padding: 0 15px
}

@media(min-width: 768px) and (max-width:991px) {
    .dce-15 .easy-wrap .items .options-teaser h3 {
        font-size:16px;
        line-height: 24px
    }

    .dce-15 .easy-wrap .items .options-teaser p {
        font-size: 14px;
        line-height: 24px
    }
}

.dce-16 .nav li {
    font-size: 16px
}

.dce-16 .nav li.active a {
    color: #0060b7!important
}

.dce-16 .nav li a:hover {
    text-decoration: none!important
}

@media(max-width: 500px) {
    .dce-16 .review-item>.ce-bodytext p {
        font-size:13px!important
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmerXL {
    0% {
        background-position: -250px 0
    }

    to {
        background-position: 900px 0
    }
}

.splash-wrapper {
    border: none
}

.splash-container {
    border: none;
    margin-top: 15px
}

@media(max-width: 767px) {
    .splash-container {
        padding:0 12px
    }
}

@media(min-width: 768px) {
    .splash-container {
        padding:0;
        margin-top: 32px
    }
}

.splash-container+#content-container {
    display: none
}

.splash-container .breadcrumb-bar *,.splash-container .big-greybar,.splash-container .small-greybar,.splash-container .splash-image,.splash-container .splash-item-footer {
    animation: placeHolderShimmer 1s linear infinite forwards;
    background: #c1c1c1;
    background: linear-gradient(to right,#C1C1C1 8%,#e4e4e4 18%,#C1C1C1 33%);
    background-size: 880px 104px;
    position: relative
}

.splash-container .big-greybar {
    background-color: #ddd;
    height: 19px;
    margin-bottom: 10px
}

@media(max-width: 1200px) {
    .splash-container .big-greybar {
        margin-bottom:32px
    }
}

.splash-container .splash-image {
    width: 100%;
    height: 144px;
    display: block;
    margin-bottom: 5px
}

.splash-container .headbar {
    width: 100%;
    height: 28px;
    background: #666
}

@media(min-width: 768px) and (max-width:991px) {
    .splash-container .splash-header+.row {
        margin:0 -7px
    }
}

@media(max-width: 767px) {
    .splash-container .splash-header {
        margin:0 -10px
    }
}

.splash-container .splash-header .breadcrumb-bar {
    display: flex;
    width: 40%;
    margin-bottom: 21px
}

.splash-container .splash-header .breadcrumb-bar * {
    height: 10px
}

.splash-container .splash-header .breadcrumb-bar .first-level-bar {
    width: 13%;
    height: 10px
}

.splash-container .splash-header .breadcrumb-bar .second-level-bar {
    width: 28%;
    height: 10px
}

.splash-container .splash-header .breadcrumb-bar .third-level-bar {
    width: 26%
}

.splash-container .splash-header .breadcrumb-bar .icon-block {
    width: 11px;
    height: 10px;
    margin: 0 9px
}

@media(max-width: 499px) {
    .splash-container .splash-header .breadcrumb-bar .icon-block {
        margin-left:0
    }
}

.splash-container .splash-header .breadcrumb-bar .icon-block:last-of-type {
    background: red
}

.splash-container .splash-header .banner-bar {
    animation: placeHolderShimmerXL 1s linear infinite forwards;
    background: #c1c1c1;
    background: linear-gradient(to right,#C1C1C1 8%,#e4e4e4 18%,#C1C1C1 33%);
    background-size: 1200px 104px;
    margin-bottom: 26px;
    height: 77px
}

@media(min-width: 992px) {
    .splash-container .splash-header .banner-bar {
        height:105px
    }
}

@media(min-width: 1200px) {
    .splash-container .splash-header .banner-bar {
        height:122px
    }
}

.splash-container .splash-header .splash-title {
    margin-bottom: 29px
}

.splash-container .splash-header .splash-title .big-greybar {
    width: 34%;
    height: 27px;
    margin-bottom: 13px
}

@media(max-width: 499px) {
    .splash-container .splash-header .splash-title .big-greybar {
        width:93%
    }
}

.splash-container .splash-header .splash-title .small-greybar {
    width: 21%;
    height: 19px
}

@media(max-width: 499px) {
    .splash-container .splash-header .splash-title .small-greybar {
        width:64%
    }
}

.splash-container .col-md-3.affix-container {
    padding-right: 13px
}

.splash-container .col-md-3.affix-container .splash-image {
    margin-bottom: 0;
    height: 100px
}

.splash-container .col-md-3.affix-container>.small-greybar {
    width: 65%;
    height: 19px;
    margin-left: 5px;
    margin-bottom: 10px
}

.splash-container .col-md-3.affix-container .splash-sidebar {
    background: #f5f5f5;
    min-height: 412px;
    padding: 16px
}

.splash-container .col-md-3.affix-container .splash-sidebar .headbar,.splash-container .col-md-3.affix-container .splash-sidebar hr {
    width: calc(100% + 32px);
    margin: auto -16px
}

.splash-container .col-md-3.affix-container .splash-sidebar .headbar {
    margin-top: 20px;
    margin-bottom: 9px
}

.splash-container .col-md-3.affix-container .splash-sidebar hr {
    margin-top: 9px;
    margin-bottom: 13px
}

.splash-container .col-md-3.affix-container .splash-sidebar .price-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.splash-container .col-md-3.affix-container .splash-sidebar .small-greybar.pricebox {
    width: 35px;
    height: 18px
}

.splash-container .col-md-3.affix-container .splash-sidebar .small-greybar.pricebox:last-of-type {
    width: 68px
}

.splash-container .col-md-3.affix-container .sidebar-content>div {
    height: 10px;
    margin-bottom: 18px
}

.splash-container .col-md-3.affix-container .sidebar-content>div:nth-child(1) {
    width: 52%
}

.splash-container .col-md-3.affix-container .sidebar-content>div:nth-child(2) {
    width: 46%
}

.splash-container .col-md-3.affix-container .sidebar-content>div:nth-child(3) {
    width: 82%
}

.splash-container .col-md-3.affix-container .sidebar-content>div:nth-child(4) {
    width: 57%
}

.splash-container .col-md-3.affix-container .sidebar-content>div:nth-child(5) {
    width: 91%
}

.splash-container .col-md-3.affix-container .sidebar-content>div:nth-child(6) {
    width: 37%
}

.splash-container .col-md-3.affix-container .sidebar-content>div:nth-child(7) {
    width: 73%;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .splash-container .col-md-3.affix-container .splash-sidebar {
        margin-bottom:16px
    }
}

@media(min-width: 992px) {
    .splash-container .col-md-9.main-container {
        padding-left:28px
    }
}

.splash-container .col-md-9.main-container .headbar {
    width: calc(100% - 4px);
    height: 37px;
    margin-bottom: 16px
}

.splash-container .col-md-9.main-container .big-greybar {
    width: 80%
}

.splash-container .col-md-9.main-container .splash-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px
}

.splash-container .col-md-9.main-container .splash-header .big-greybar {
    margin-bottom: 0
}

.splash-container .col-md-9.main-container .row {
    margin-left: -10px;
    margin-right: -6px
}

.splash-container .col-md-9.main-container .row .col-sm-3.col-xs-12 {
    padding: 0 10px
}

.splash-container .col-md-9.main-container .section>.big-greybar.thin {
    margin-bottom: 10px
}

.splash-container .col-md-9.main-container .section>.big-greybar.thin:nth-child(4) {
    width: 39%
}

@media(min-width: 500px) {
    .splash-container .col-md-9.main-container .section>.big-greybar.thin {
        margin-bottom:35px
    }
}

.splash-container .col-md-9.main-container .section.splash-material {
    margin-bottom: 10px
}

.splash-container .col-md-9.main-container .section.splash-material>.big-greybar {
    width: 90%
}

@media(max-width: 499px) {
    .splash-container .col-md-9.main-container .section.splash-material .small-greybar {
        margin:32px 0
    }

    .splash-container .col-md-9.main-container .section.splash-material .big-greybar.thin.last {
        margin-bottom: 24px
    }
}

.splash-container .col-md-9.main-container .section.splash-profile {
    margin-bottom: 17px
}

.splash-container .col-md-9.main-container .section.splash-profile .headbar {
    height: 31px;
    margin-bottom: 24px
}

.splash-container .col-md-9.main-container .section.splash-profile>.big-greybar {
    width: 35%
}

@media(max-width: 499px) {
    .splash-container .col-md-9.main-container .section.splash-profile>.big-greybar {
        margin-top:24px;
        margin-bottom: 32px
    }
}

.splash-container .col-md-9.main-container .section.splash-profile .splash-four-col+.splash-four-col {
    margin-bottom: 26px
}

.splash-container .col-md-9.main-container .section.splash-profile .splash-item-big .big-greybar {
    margin-bottom: 26px
}

.splash-container .col-md-9.main-container .section.splash-profile .splash-item-big .big-greybar+.small-greybar {
    margin-top: 24px
}

@media(max-width: 499px) {
    .splash-container .col-md-9.main-container .section.splash-profile .small-greybar {
        margin:24px 0
    }
}

@media(max-width: 499px) {
    .splash-container .col-md-9.main-container .section.splash-colors {
        margin-bottom:0
    }

    .splash-container .col-md-9.main-container .section.splash-colors .splash-item-small,.splash-container .col-md-9.main-container .section.splash-colors .big-greybar.thin {
        margin-bottom: 16px
    }
}

.splash-container .col-md-9.main-container .section.splash-colors>.big-greybar {
    width: 45%
}

.splash-container .col-md-9.main-container .section.splash-colors .splash-six-col.row>div {
    padding: 0 9px
}

.splash-container .col-md-9.main-container .section.splash-colors .splash-item-small {
    display: flex;
    flex-direction: column;
    align-items: center
}

.splash-container .col-md-9.main-container .section.splash-colors .splash-item-small .splash-image {
    margin: -16px -16px 0;
    width: calc(100% + 32px);
    height: 124px
}

.splash-container .col-md-9.main-container .section.splash-colors .splash-item-small .small-greybar {
    width: 70%;
    height: 10px;
    margin: 24px 0
}

@media(max-width: 499px) {
    .splash-container .col-md-9.main-container .section.splash-colors .splash-item-small .small-greybar {
        margin-top:24px;
        margin-bottom: 32px
    }
}

.splash-container .col-md-9.main-container .section.splash-colors .splash-item-small .splash-item-footer {
    margin: 0 -16px -16px
}

.splash-container .col-md-9.main-container .splash-two-col .row>.col-sm-6 {
    padding-left: 10px;
    padding-right: 10px
}

.splash-container .col-md-9.main-container .splash-four-col {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-items: stretch
}

@media(max-width: 767px) {
    .splash-container .col-md-9.main-container .splash-four-col .col-sm-3.col-6 {
        padding:0 10px
    }
}

.splash-container .col-md-9.main-container .splash-four-col:last-of-type .splash-item {
    margin-bottom: 0
}

.splash-container .col-md-9.main-container .splash-four-col .splash-item-big,.splash-container .col-md-9.main-container .splash-four-col .splash-item-small {
    padding: 16px;
    vertical-align: top;
    text-align: center;
    margin-bottom: 32px
}

.splash-container .col-md-9.main-container .splash-four-col .splash-item-big .splash-image,.splash-container .col-md-9.main-container .splash-four-col .splash-item-small .splash-image {
    width: 100%;
    height: 160px
}

@media(max-width: 767px) {
    .splash-container .col-md-9.main-container .splash-four-col .splash-item-big .splash-image,.splash-container .col-md-9.main-container .splash-four-col .splash-item-small .splash-image {
        margin-bottom:10px
    }
}

.splash-container .col-md-9.main-container .splash-four-col .splash-item-big .small-greybar,.splash-container .col-md-9.main-container .splash-four-col .splash-item-small .small-greybar {
    width: 40%;
    height: 10px;
    display: inline-block
}

@media(max-width: 767px) {
    .splash-container .col-md-9.main-container .splash-four-col .splash-item-big,.splash-container .col-md-9.main-container .splash-four-col .splash-item-small {
        margin-bottom:16px
    }
}

.splash-container .col-md-9.main-container .splash-six-col {
    margin-bottom: 24px
}

.splash-container .col-md-9.main-container .splash-item-small,.splash-container .col-md-9.main-container .splash-item-big {
    padding: 16px;
    border: 1px solid #c1c1c1
}

.splash-container .col-md-9.main-container .splash-item-big {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.splash-container .col-md-9.main-container .splash-item-big .big-greybar {
    height: 16px;
    margin-bottom: 32px
}

.splash-container .col-md-9.main-container .splash-item-big .small-greybar {
    width: 40%;
    height: 10px
}

.splash-container .col-md-9.main-container .splash-item-big .small-greybar:first-of-type {
    margin-bottom: 24px
}

.splash-container .col-md-9.main-container .splash-item-big .splash-image {
    margin-bottom: 10px
}

.splash-container .col-md-9.main-container .splash-item-footer {
    width: calc(100% + 32px);
    margin: 15px -16px -16px;
    height: 30px
}

@media(max-width: 1200px) {
    .splash-container .col-md-9.main-container>.big-greybar {
        height:14px;
        margin-bottom: 11px
    }
}

.splash-container .big-greybar.thin,.splash-container .small-greybar.thin {
    height: 10px
}

.splash-container hr {
    border: 1px solid #d8d8d8;
    background: #d8d8d8;
    margin: 16px 0
}

@media(min-width: 768px) {
    .safari .splash-container .col-sm-3 {
        width:calc(25% - .5px)
    }

    .safari .splash-container .row,.safari .splash-container .splash-four-col.row {
        display: block
    }
}

.authentication-container #login-form #password-forgotten-btn {
    font-size: 14px
}

@media(max-width: 767px) {
    .authentication-container #login-form #password-forgotten-btn {
        margin-bottom:8px
    }
}

.authentication-container #loginBoxTitle,.authentication-container .headline-sm {
    margin-bottom: 16px
}

.authentication-container .form-group:before {
    content: "";
    display: block;
    clear: both
}

.authentication-container .form-group .input-group:focus .input-group-addon {
    border: 1px solid #7eb2ff;
    box-shadow: 0 0 0 5px #80bdffcc!important
}

.authentication-container .form-group .input-group:focus input[type=password].valid {
    border-right: none!important
}

@media(max-width: 991px) {
    .authentication-container #login-form {
        padding:0
    }

    .authentication-container #login-form button[type=submit] {
        color: #0060b7!important;
        background: #fff;
        border-color: #0060b7!important
    }

    .authentication-container #login-form button[type=submit]:focus,.authentication-container #login-form button[type=submit]:hover {
        background-color: #cce6ff
    }

    .authentication-container #login-form button[type=submit]:active {
        background: rgba(0,102,204,.25)!important
    }

    .authentication-container #loginBoxTitle {
        display: none
    }
}

.account-box {
    border: 1px solid #bdbdbd;
    padding: 20px
}

.account-box.checkout-container {
    padding: 20px
}

.account-box .account-header {
    margin-bottom: 16px
}

@media(max-width: 992px) {
    .account-box .account-header {
        font-weight:700;
        font-size: 16px
    }
}

.account-box .registration-intro {
    margin-bottom: 20px
}

.account-box ul.account-check-mark {
    margin-bottom: 40px
}

.account-box ul.account-check-mark>li {
    font-size: 14px;
    line-height: 20px
}

.account-box #pwd-container2 {
    display: block
}

.account-box #pwd-container2 .error {
    position: initial;
    bottom: 0
}

.account-box .form-horizontal {
    padding: 0
}

@media(max-width: 359px) {
    .account-box .form-horizontal {
        padding:0
    }
}

@media(min-width: 992px) {
    .account-box .form-horizontal .col-md-2.col-sm-3.col-xs-12 {
        padding-right:0
    }
}

.account-box .form-horizontal .input-group.error .pw-addon,.account-box .form-horizontal .input-group.success .pw-addon {
    border-color: #c00!important
}

.account-box .form-horizontal .input-group .input-group-addon .pw-addon {
    height: 40px;
    display: flex;
    align-items: center
}

.account-box .form-horizontal .blue-checkbox-container>div:last-child {
    font-size: 12px;
    color: #666;
    line-height: 19px
}

.account-box select#country {
    color: #222;
    width: 100%;
    height: 40px!important;
    padding: 8px!important;
    margin: 6px 0 9px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    font-size: 16px;
    transition: none;
    background: #fafafa
}

.account-box select#country.valid:hover,.account-box select#country:hover {
    border: 1px solid #444;
    outline: none;
    box-shadow: none
}

.account-box select#country:focus {
    outline: none;
    box-shadow: none
}

.account-box select#country:active,.account-box select#country:focus {
    border: 1px solid #7eb2ff!important
}

.account-box select#country:active~.input-group-addon,.account-box select#country:focus~.input-group-addon {
    border-color: #7eb2ff!important
}

.account-box select#country.valid {
    border: 1px solid #c9c9c9
}

.account-box select#country.error {
    color: #c00;
    border: 1px solid #c00!important;
    background-color: #e306131a!important
}

.account-box select#country.error+.input-group-addon {
    border-color: #c00
}

.account-box select#country::-moz-placeholder {
    color: #0009
}

.account-box select#country::placeholder {
    color: #0009
}

.account-box select#country.small {
    height: 40px
}

.account-box select#country.disabled,.account-box select#country[disabled],.account-box select#country[aria-disabled=true] {
    opacity: .5
}

.account-box select#country.disabled:hover,.account-box select#country[disabled]:hover,.account-box select#country[aria-disabled=true]:hover {
    cursor: not-allowed
}

.account-box {
    padding: 20px
}

@media(min-width: 992px) {
    .account-box {
        padding-top:40px;
        padding-bottom: 40px
    }
}

.account-box:after {
    content: "";
    display: block;
    clear: both
}

.account-box .form-group.form-headline-container {
    margin-left: -15px;
    margin-right: -15px
}

.header-cta>.myAccount {
    padding: 0
}

.type-cart .row>.col-xs-12>h1 {
    margin-left: 0
}

.type-cart .register-view .registered-info .btn-success {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    padding-left: 24px;
    padding-right: 24px;
    background: 0 0;
    border: 1px solid #0060b7;
    color: #0060b7;
    box-shadow: none;
    color: #0060b7!important
}

@media(max-width: 767px) {
    .type-cart .register-view .registered-info .btn-success {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .type-cart .register-view .registered-info .btn-success {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .type-cart .register-view .registered-info .btn-success {
        min-width:190px
    }
}

@media(hover: hover) {
    .type-cart .register-view .registered-info .btn-success:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.type-cart .register-view .registered-info .btn-success:active,.type-cart .register-view .registered-info .btn-success.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.type-cart .register-view .registered-info .btn-success.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.type-cart .register-view .registered-info .btn-success.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.type-cart .register-view .registered-info .btn-success.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.type-cart .register-view .registered-info .btn-success.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .type-cart .register-view .registered-info .btn-success.btn-fw-mobile {
        width:100%
    }
}

.type-cart .register-view .registered-info .btn-success .fa {
    font-size: 24px
}

.type-cart .register-view .registered-info .btn-success .fa.fa-spinner {
    font-size: 18px
}

.type-cart .register-view .registered-info .btn-success.icon-left:after,.type-cart .register-view .registered-info .btn-success.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.type-cart .register-view .registered-info .btn-success.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.type-cart .register-view .registered-info .btn-success.icon-right {
    text-align: left
}

.type-cart .register-view .registered-info .btn-success.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.type-cart .register-view .registered-info .btn-success svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    .type-cart .register-view .registered-info .btn-success:hover {
        box-shadow:none;
        border: 1px solid #0060b7;
        background: rgba(0,102,204,.1);
        color: #0060b7
    }
}

.type-cart .register-view .registered-info .btn-success:active,.type-cart .register-view .registered-info .btn-success.active {
    background: rgba(0,102,204,.25)!important
}

.type-cart .register-view .registered-info .btn-success:disabled,.type-cart .register-view .registered-info .btn-success .disabled,.type-cart .register-view .registered-info .btn-success[disabled] {
    color: #0003;
    background-color: transparent;
    border-color: #0003;
    cursor: auto
}

.type-cart .register-view .registered-info .btn-success svg {
    fill: #0060b7
}

@media(max-width: 500px) {
    .type-cart .register-view .registered-info .btn {
        width:100%
    }

    .type-cart .register-view .registered-info .btn.btn-blue {
        margin-bottom: 16px
    }
}

.type-cart .tab-pane .likeh1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 8px
}

@media(max-width: 991px) {
    .type-cart .tab-pane .likeh1 {
        font-size:16px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0
    }
}

.type-cart .tab-pane .form-group>label {
    padding-top: 0!important;
    font-size: 14px;
    line-height: 22px
}

@media(max-width: 359px) {
    .type-cart #login #updateLoginForm label {
        font-size:14px
    }
}

@media(max-width: 767px) {
    .type-cart #login #updateLoginForm {
        padding:0
    }
}

.type-cart #login #updateLoginForm .input-group .input-group-addon {
    height: 40px
}

@media(min-width: 768px) {
    .type-cart #data #updateAccountForm>.form-group .control-label:not(.radio-block),.type-cart #data #updateAccountForm>.form-group .control-label-value:not(.radio-block) {
        padding-top:0!important;
        padding-bottom: 0!important;
        font-size: 14px;
        line-height: 15px
    }

    .type-cart #data #updateAccountForm>.form-group .control-label:not(.text-right),.type-cart #data #updateAccountForm>.form-group .control-label-value:not(.text-right) {
        text-align: left!important
    }
}

.type-cart .btn>* {
    margin: 0 8px 0 0
}

@media(max-width: 768px) {
    .type-cart #updateAccountForm .control-label,.type-cart #updateLoginForm .control-label {
        height:auto
    }
}

#reset-password-errors {
    padding: 48px 48px 0
}

.tabbable .navbar .navbar-inner a {
    font-size: 16px
}

@media(min-width: 768px) and (max-width:991px) {
    .tabbable #addresses .form-group .col-sm-2.control-label[for=lastname],.tabbable #addresses .form-group .col-sm-1.control-label[for=zip] {
        padding-left:0
    }
}

#updateAccountForm .control-label:not(.radio-block),#updateLoginForm .control-label:not(.radio-block) {
    padding-top: 0!important;
    padding-bottom: 0!important;
    font-size: 14px;
    line-height: 15px
}

#updateAccountForm .control-label:not(.text-right),#updateLoginForm .control-label:not(.text-right) {
    text-align: left!important
}

#updateAccountForm #personal-data-email,#updateLoginForm #personal-data-email {
    word-break: break-all
}

div.col-bordered {
    padding-top: 20px;
    padding-bottom: 20px
}

@media(min-width: 992px) {
    div.col-bordered {
        padding-top:40px;
        padding-bottom: 40px
    }
}

.form-headline {
    margin-bottom: 16px
}

.order-list-container .link.pdf {
    background: 0 0;
    margin-bottom: 0
}

.order-list-container .pdf-logo {
    width: 24px;
    margin-right: 8px
}

.offer-list-container .link.pdf {
    margin-bottom: 0
}

@media(max-width: 991px) {
    .login-page-container {
        padding:0 16%
    }
}

#delete-address-yes-btn {
    margin-left: 0
}

@media(max-width: 767px) {
    .login-page-container {
        padding:0
    }
}

.zip-code-label {
    line-height: 15px;
    color: #222
}

#account-app form {
    max-width: 520px
}

#shoppingcart_form .cart-overview *,.table.cart .cart-overview * {
    color: #222;
    font-size: 14px;
    line-height: 22px
}

#shoppingcart_form h1.including-a,.table.cart h1.including-a {
    display: inline-block;
    align-items: center;
    margin-left: 0;
    margin-right: 16px;
    margin-bottom: 0;
    vertical-align: middle
}

@media(max-width: 991px) {
    #shoppingcart_form h1.including-a,.table.cart h1.including-a {
        margin-bottom:16px
    }
}

#shoppingcart_form .no-items+div .btn-checkout.btn-continue:before,.table.cart .no-items+div .btn-checkout.btn-continue:before {
    display: none
}

@media(max-width: 500px) {
    #shoppingcart_form .no-items+div .btn-checkout.btn-continue,.table.cart .no-items+div .btn-checkout.btn-continue {
        margin-bottom:8px
    }
}

@media(max-width: 359px) {
    #shoppingcart_form .no-items+div,.table.cart .no-items+div {
        display:flex;
        flex-direction: column;
        align-items: center
    }
}

#shoppingcart_form .paypal-express-btn,.table.cart .paypal-express-btn {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    background: #ffc439;
    text-transform: initial;
    color: #222!important;
    border-color: transparent
}

@media(max-width: 767px) {
    #shoppingcart_form .paypal-express-btn,.table.cart .paypal-express-btn {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    #shoppingcart_form .paypal-express-btn,.table.cart .paypal-express-btn {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    #shoppingcart_form .paypal-express-btn,.table.cart .paypal-express-btn {
        min-width:190px
    }
}

@media(hover: hover) {
    #shoppingcart_form .paypal-express-btn:hover,.table.cart .paypal-express-btn:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

#shoppingcart_form .paypal-express-btn:active,#shoppingcart_form .paypal-express-btn.active,.table.cart .paypal-express-btn:active,.table.cart .paypal-express-btn.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

#shoppingcart_form .paypal-express-btn.btn-md,.table.cart .paypal-express-btn.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

#shoppingcart_form .paypal-express-btn.btn-lg,.table.cart .paypal-express-btn.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

#shoppingcart_form .paypal-express-btn.btn-xl,.table.cart .paypal-express-btn.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

#shoppingcart_form .paypal-express-btn.btn-fw,.table.cart .paypal-express-btn.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    #shoppingcart_form .paypal-express-btn.btn-fw-mobile,.table.cart .paypal-express-btn.btn-fw-mobile {
        width:100%
    }
}

#shoppingcart_form .paypal-express-btn .fa,.table.cart .paypal-express-btn .fa {
    font-size: 24px
}

#shoppingcart_form .paypal-express-btn .fa.fa-spinner,.table.cart .paypal-express-btn .fa.fa-spinner {
    font-size: 18px
}

#shoppingcart_form .paypal-express-btn.icon-left:after,#shoppingcart_form .paypal-express-btn.icon-right:after,.table.cart .paypal-express-btn.icon-left:after,.table.cart .paypal-express-btn.icon-right:after {
    content: "";
    display: block;
    clear: both
}

#shoppingcart_form .paypal-express-btn.icon-left svg,.table.cart .paypal-express-btn.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

#shoppingcart_form .paypal-express-btn.icon-right,.table.cart .paypal-express-btn.icon-right {
    text-align: left
}

#shoppingcart_form .paypal-express-btn.icon-right svg,.table.cart .paypal-express-btn.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

#shoppingcart_form .paypal-express-btn svg,.table.cart .paypal-express-btn svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

#shoppingcart_form .paypal-express-btn:hover,.table.cart .paypal-express-btn:hover {
    background: #ffd36c
}

@media(max-width: 767px) {
    #shoppingcart_form .paypal-express-btn,.table.cart .paypal-express-btn {
        width:100%
    }
}

#shoppingcart_form .paypal-express-btn>img[src*=".svg"],.table.cart .paypal-express-btn>img[src*=".svg"] {
    width: 100px;
    height: 32px;
    margin: -19px -22px -17px;
    transform: scale(.5)
}

@media(min-width: 768px) and (max-width:991px) {
    #shoppingcart_form .top-btn-container .double-btn-container .paypal-express-btn,#shoppingcart_form .btn-tr-checkout #btn-container-payment .paypal-express-btn,.table.cart .top-btn-container .double-btn-container .paypal-express-btn,.table.cart .btn-tr-checkout #btn-container-payment .paypal-express-btn {
        margin-right:16px
    }
}

#shoppingcart_form .top-btn-container .double-btn-container,#shoppingcart_form #btn-container-payment,.table.cart .top-btn-container .double-btn-container,.table.cart #btn-container-payment {
    align-items: center
}

#shoppingcart_form .top-btn-container .double-btn-container .button-spacer,#shoppingcart_form #btn-container-payment .button-spacer,.table.cart .top-btn-container .double-btn-container .button-spacer,.table.cart #btn-container-payment .button-spacer {
    margin-left: 16px;
    margin-right: 16px
}

#shoppingcart_form .top-btn-container .double-btn-container .button-spacer+.btn-checkout,#shoppingcart_form #btn-container-payment .button-spacer+.btn-checkout,.table.cart .top-btn-container .double-btn-container .button-spacer+.btn-checkout,.table.cart #btn-container-payment .button-spacer+.btn-checkout {
    margin-left: 0
}

@media(max-width: 767px) {
    #shoppingcart_form .double-btn-container .btn,#shoppingcart_form .double-btn-container a,.table.cart .double-btn-container .btn,.table.cart .double-btn-container a {
        width:100%
    }

    #shoppingcart_form .double-btn-container>:not(:only-child),.table.cart .double-btn-container>:not(:only-child) {
        width: 100%
    }

    #shoppingcart_form .double-btn-container>:not(:only-child):first-of-type,.table.cart .double-btn-container>:not(:only-child):first-of-type {
        margin-bottom: 10px
    }
}

#shoppingcart_form .btn-tr-checkout>td>.btn-checkout,.table.cart .btn-tr-checkout>td>.btn-checkout {
    min-width: auto!important
}

#shoppingcart_form .btn-checkout,#shoppingcart_form .btn-checkout.btn-secondary-continue,#shoppingcart_form #continueShoppingButton,#shoppingcart_form .btn-checkout.btn-white-bordered,.table.cart .btn-checkout,.table.cart .btn-checkout.btn-secondary-continue,.table.cart #continueShoppingButton,.table.cart .btn-checkout.btn-white-bordered {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: 0 0;
    border: 1px solid #0060b7;
    color: #0060b7;
    box-shadow: none;
    color: #0060b7!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    #shoppingcart_form .btn-checkout,#shoppingcart_form .btn-checkout.btn-secondary-continue,#shoppingcart_form #continueShoppingButton,#shoppingcart_form .btn-checkout.btn-white-bordered,.table.cart .btn-checkout,.table.cart .btn-checkout.btn-secondary-continue,.table.cart #continueShoppingButton,.table.cart .btn-checkout.btn-white-bordered {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    #shoppingcart_form .btn-checkout,#shoppingcart_form .btn-checkout.btn-secondary-continue,#shoppingcart_form #continueShoppingButton,#shoppingcart_form .btn-checkout.btn-white-bordered,.table.cart .btn-checkout,.table.cart .btn-checkout.btn-secondary-continue,.table.cart #continueShoppingButton,.table.cart .btn-checkout.btn-white-bordered {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    #shoppingcart_form .btn-checkout,#shoppingcart_form .btn-checkout.btn-secondary-continue,#shoppingcart_form #continueShoppingButton,#shoppingcart_form .btn-checkout.btn-white-bordered,.table.cart .btn-checkout,.table.cart .btn-checkout.btn-secondary-continue,.table.cart #continueShoppingButton,.table.cart .btn-checkout.btn-white-bordered {
        min-width:190px
    }
}

@media(hover: hover) {
    #shoppingcart_form .btn-checkout:hover,#shoppingcart_form .btn-checkout.btn-secondary-continue:hover,#shoppingcart_form #continueShoppingButton:hover,#shoppingcart_form .btn-checkout.btn-white-bordered:hover,.table.cart .btn-checkout:hover,.table.cart .btn-checkout.btn-secondary-continue:hover,.table.cart #continueShoppingButton:hover,.table.cart .btn-checkout.btn-white-bordered:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

#shoppingcart_form .btn-checkout:active,#shoppingcart_form .btn-checkout.active,#shoppingcart_form .btn-checkout.btn-secondary-continue:active,#shoppingcart_form .btn-checkout.btn-secondary-continue.active,#shoppingcart_form #continueShoppingButton:active,#shoppingcart_form #continueShoppingButton.active,#shoppingcart_form .btn-checkout.btn-white-bordered:active,#shoppingcart_form .btn-checkout.btn-white-bordered.active,.table.cart .btn-checkout:active,.table.cart .btn-checkout.active,.table.cart .btn-checkout.btn-secondary-continue:active,.table.cart .btn-checkout.btn-secondary-continue.active,.table.cart #continueShoppingButton:active,.table.cart #continueShoppingButton.active,.table.cart .btn-checkout.btn-white-bordered:active,.table.cart .btn-checkout.btn-white-bordered.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

#shoppingcart_form .btn-checkout.btn-md,#shoppingcart_form .btn-checkout.btn-secondary-continue.btn-md,#shoppingcart_form #continueShoppingButton.btn-md,#shoppingcart_form .btn-checkout.btn-white-bordered.btn-md,.table.cart .btn-checkout.btn-md,.table.cart .btn-checkout.btn-secondary-continue.btn-md,.table.cart #continueShoppingButton.btn-md,.table.cart .btn-checkout.btn-white-bordered.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

#shoppingcart_form .btn-checkout.btn-lg,#shoppingcart_form .btn-checkout.btn-secondary-continue.btn-lg,#shoppingcart_form #continueShoppingButton.btn-lg,#shoppingcart_form .btn-checkout.btn-white-bordered.btn-lg,.table.cart .btn-checkout.btn-lg,.table.cart .btn-checkout.btn-secondary-continue.btn-lg,.table.cart #continueShoppingButton.btn-lg,.table.cart .btn-checkout.btn-white-bordered.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

#shoppingcart_form .btn-checkout.btn-xl,#shoppingcart_form .btn-checkout.btn-secondary-continue.btn-xl,#shoppingcart_form #continueShoppingButton.btn-xl,#shoppingcart_form .btn-checkout.btn-white-bordered.btn-xl,.table.cart .btn-checkout.btn-xl,.table.cart .btn-checkout.btn-secondary-continue.btn-xl,.table.cart #continueShoppingButton.btn-xl,.table.cart .btn-checkout.btn-white-bordered.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

#shoppingcart_form .btn-checkout.btn-fw,#shoppingcart_form .btn-checkout.btn-secondary-continue.btn-fw,#shoppingcart_form #continueShoppingButton.btn-fw,#shoppingcart_form .btn-checkout.btn-white-bordered.btn-fw,.table.cart .btn-checkout.btn-fw,.table.cart .btn-checkout.btn-secondary-continue.btn-fw,.table.cart #continueShoppingButton.btn-fw,.table.cart .btn-checkout.btn-white-bordered.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    #shoppingcart_form .btn-checkout.btn-fw-mobile,#shoppingcart_form .btn-checkout.btn-secondary-continue.btn-fw-mobile,#shoppingcart_form #continueShoppingButton.btn-fw-mobile,#shoppingcart_form .btn-checkout.btn-white-bordered.btn-fw-mobile,.table.cart .btn-checkout.btn-fw-mobile,.table.cart .btn-checkout.btn-secondary-continue.btn-fw-mobile,.table.cart #continueShoppingButton.btn-fw-mobile,.table.cart .btn-checkout.btn-white-bordered.btn-fw-mobile {
        width:100%
    }
}

#shoppingcart_form .btn-checkout .fa,#shoppingcart_form .btn-checkout.btn-secondary-continue .fa,#shoppingcart_form #continueShoppingButton .fa,#shoppingcart_form .btn-checkout.btn-white-bordered .fa,.table.cart .btn-checkout .fa,.table.cart .btn-checkout.btn-secondary-continue .fa,.table.cart #continueShoppingButton .fa,.table.cart .btn-checkout.btn-white-bordered .fa {
    font-size: 24px
}

#shoppingcart_form .btn-checkout .fa.fa-spinner,#shoppingcart_form .btn-checkout.btn-secondary-continue .fa.fa-spinner,#shoppingcart_form #continueShoppingButton .fa.fa-spinner,#shoppingcart_form .btn-checkout.btn-white-bordered .fa.fa-spinner,.table.cart .btn-checkout .fa.fa-spinner,.table.cart .btn-checkout.btn-secondary-continue .fa.fa-spinner,.table.cart #continueShoppingButton .fa.fa-spinner,.table.cart .btn-checkout.btn-white-bordered .fa.fa-spinner {
    font-size: 18px
}

#shoppingcart_form .btn-checkout.icon-left:after,#shoppingcart_form .btn-checkout.icon-right:after,#shoppingcart_form .btn-checkout.btn-secondary-continue.icon-left:after,#shoppingcart_form .btn-checkout.btn-secondary-continue.icon-right:after,#shoppingcart_form #continueShoppingButton.icon-left:after,#shoppingcart_form #continueShoppingButton.icon-right:after,#shoppingcart_form .btn-checkout.btn-white-bordered.icon-left:after,#shoppingcart_form .btn-checkout.btn-white-bordered.icon-right:after,.table.cart .btn-checkout.icon-left:after,.table.cart .btn-checkout.icon-right:after,.table.cart .btn-checkout.btn-secondary-continue.icon-left:after,.table.cart .btn-checkout.btn-secondary-continue.icon-right:after,.table.cart #continueShoppingButton.icon-left:after,.table.cart #continueShoppingButton.icon-right:after,.table.cart .btn-checkout.btn-white-bordered.icon-left:after,.table.cart .btn-checkout.btn-white-bordered.icon-right:after {
    content: "";
    display: block;
    clear: both
}

#shoppingcart_form .btn-checkout.icon-left svg,#shoppingcart_form .btn-checkout.btn-secondary-continue.icon-left svg,#shoppingcart_form #continueShoppingButton.icon-left svg,#shoppingcart_form .btn-checkout.btn-white-bordered.icon-left svg,.table.cart .btn-checkout.icon-left svg,.table.cart .btn-checkout.btn-secondary-continue.icon-left svg,.table.cart #continueShoppingButton.icon-left svg,.table.cart .btn-checkout.btn-white-bordered.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

#shoppingcart_form .btn-checkout.icon-right,#shoppingcart_form .btn-checkout.btn-secondary-continue.icon-right,#shoppingcart_form #continueShoppingButton.icon-right,#shoppingcart_form .btn-checkout.btn-white-bordered.icon-right,.table.cart .btn-checkout.icon-right,.table.cart .btn-checkout.btn-secondary-continue.icon-right,.table.cart #continueShoppingButton.icon-right,.table.cart .btn-checkout.btn-white-bordered.icon-right {
    text-align: left
}

#shoppingcart_form .btn-checkout.icon-right svg,#shoppingcart_form .btn-checkout.btn-secondary-continue.icon-right svg,#shoppingcart_form #continueShoppingButton.icon-right svg,#shoppingcart_form .btn-checkout.btn-white-bordered.icon-right svg,.table.cart .btn-checkout.icon-right svg,.table.cart .btn-checkout.btn-secondary-continue.icon-right svg,.table.cart #continueShoppingButton.icon-right svg,.table.cart .btn-checkout.btn-white-bordered.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

#shoppingcart_form .btn-checkout svg,#shoppingcart_form .btn-checkout.btn-secondary-continue svg,#shoppingcart_form #continueShoppingButton svg,#shoppingcart_form .btn-checkout.btn-white-bordered svg,.table.cart .btn-checkout svg,.table.cart .btn-checkout.btn-secondary-continue svg,.table.cart #continueShoppingButton svg,.table.cart .btn-checkout.btn-white-bordered svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    #shoppingcart_form .btn-checkout:hover,#shoppingcart_form .btn-checkout.btn-secondary-continue:hover,#shoppingcart_form #continueShoppingButton:hover,#shoppingcart_form .btn-checkout.btn-white-bordered:hover,.table.cart .btn-checkout:hover,.table.cart .btn-checkout.btn-secondary-continue:hover,.table.cart #continueShoppingButton:hover,.table.cart .btn-checkout.btn-white-bordered:hover {
        box-shadow:none;
        border: 1px solid #0060b7;
        background: rgba(0,102,204,.1);
        color: #0060b7
    }
}

#shoppingcart_form .btn-checkout:active,#shoppingcart_form .btn-checkout.active,#shoppingcart_form .btn-checkout.btn-secondary-continue:active,#shoppingcart_form .btn-checkout.btn-secondary-continue.active,#shoppingcart_form #continueShoppingButton:active,#shoppingcart_form #continueShoppingButton.active,#shoppingcart_form .btn-checkout.btn-white-bordered:active,#shoppingcart_form .btn-checkout.btn-white-bordered.active,.table.cart .btn-checkout:active,.table.cart .btn-checkout.active,.table.cart .btn-checkout.btn-secondary-continue:active,.table.cart .btn-checkout.btn-secondary-continue.active,.table.cart #continueShoppingButton:active,.table.cart #continueShoppingButton.active,.table.cart .btn-checkout.btn-white-bordered:active,.table.cart .btn-checkout.btn-white-bordered.active {
    background: rgba(0,102,204,.25)!important
}

#shoppingcart_form .btn-checkout:disabled,#shoppingcart_form .btn-checkout .disabled,#shoppingcart_form .btn-checkout[disabled],#shoppingcart_form .btn-checkout.btn-secondary-continue:disabled,#shoppingcart_form .btn-checkout.btn-secondary-continue .disabled,#shoppingcart_form .btn-checkout.btn-secondary-continue[disabled],#shoppingcart_form #continueShoppingButton:disabled,#shoppingcart_form #continueShoppingButton .disabled,#shoppingcart_form #continueShoppingButton[disabled],#shoppingcart_form .btn-checkout.btn-white-bordered:disabled,#shoppingcart_form .btn-checkout.btn-white-bordered .disabled,#shoppingcart_form .btn-checkout.btn-white-bordered[disabled],.table.cart .btn-checkout:disabled,.table.cart .btn-checkout .disabled,.table.cart .btn-checkout[disabled],.table.cart .btn-checkout.btn-secondary-continue:disabled,.table.cart .btn-checkout.btn-secondary-continue .disabled,.table.cart .btn-checkout.btn-secondary-continue[disabled],.table.cart #continueShoppingButton:disabled,.table.cart #continueShoppingButton .disabled,.table.cart #continueShoppingButton[disabled],.table.cart .btn-checkout.btn-white-bordered:disabled,.table.cart .btn-checkout.btn-white-bordered .disabled,.table.cart .btn-checkout.btn-white-bordered[disabled] {
    color: #0003;
    background-color: transparent;
    border-color: #0003;
    cursor: auto
}

#shoppingcart_form .btn-checkout svg,#shoppingcart_form .btn-checkout.btn-secondary-continue svg,#shoppingcart_form #continueShoppingButton svg,#shoppingcart_form .btn-checkout.btn-white-bordered svg,.table.cart .btn-checkout svg,.table.cart .btn-checkout.btn-secondary-continue svg,.table.cart #continueShoppingButton svg,.table.cart .btn-checkout.btn-white-bordered svg {
    fill: #0060b7
}

#shoppingcart_form .btn-checkout:before,#shoppingcart_form .btn-checkout.btn-secondary-continue:before,#shoppingcart_form #continueShoppingButton:before,#shoppingcart_form .btn-checkout.btn-white-bordered:before,.table.cart .btn-checkout:before,.table.cart .btn-checkout.btn-secondary-continue:before,.table.cart #continueShoppingButton:before,.table.cart .btn-checkout.btn-white-bordered:before {
    content: "";
    display: none
}

@media(max-width: 797px) {
    #shoppingcart_form #continueShoppingButton.hidden-xs,.table.cart #continueShoppingButton.hidden-xs {
        display:none
    }
}

#shoppingcart_form .btn-checkout:before,.table.cart .btn-checkout:before {
    padding: 0
}

#shoppingcart_form .btn-checkout.btn-continue,#shoppingcart_form .btn-checkout.btn-blue,.table.cart .btn-checkout.btn-continue,.table.cart .btn-checkout.btn-blue {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    #shoppingcart_form .btn-checkout.btn-continue,#shoppingcart_form .btn-checkout.btn-blue,.table.cart .btn-checkout.btn-continue,.table.cart .btn-checkout.btn-blue {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    #shoppingcart_form .btn-checkout.btn-continue,#shoppingcart_form .btn-checkout.btn-blue,.table.cart .btn-checkout.btn-continue,.table.cart .btn-checkout.btn-blue {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    #shoppingcart_form .btn-checkout.btn-continue,#shoppingcart_form .btn-checkout.btn-blue,.table.cart .btn-checkout.btn-continue,.table.cart .btn-checkout.btn-blue {
        min-width:190px
    }
}

@media(hover: hover) {
    #shoppingcart_form .btn-checkout.btn-continue:hover,#shoppingcart_form .btn-checkout.btn-blue:hover,.table.cart .btn-checkout.btn-continue:hover,.table.cart .btn-checkout.btn-blue:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

#shoppingcart_form .btn-checkout.btn-continue:active,#shoppingcart_form .btn-checkout.btn-continue.active,#shoppingcart_form .btn-checkout.btn-blue:active,#shoppingcart_form .btn-checkout.btn-blue.active,.table.cart .btn-checkout.btn-continue:active,.table.cart .btn-checkout.btn-continue.active,.table.cart .btn-checkout.btn-blue:active,.table.cart .btn-checkout.btn-blue.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

#shoppingcart_form .btn-checkout.btn-continue.btn-md,#shoppingcart_form .btn-checkout.btn-blue.btn-md,.table.cart .btn-checkout.btn-continue.btn-md,.table.cart .btn-checkout.btn-blue.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

#shoppingcart_form .btn-checkout.btn-continue.btn-lg,#shoppingcart_form .btn-checkout.btn-blue.btn-lg,.table.cart .btn-checkout.btn-continue.btn-lg,.table.cart .btn-checkout.btn-blue.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

#shoppingcart_form .btn-checkout.btn-continue.btn-xl,#shoppingcart_form .btn-checkout.btn-blue.btn-xl,.table.cart .btn-checkout.btn-continue.btn-xl,.table.cart .btn-checkout.btn-blue.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

#shoppingcart_form .btn-checkout.btn-continue.btn-fw,#shoppingcart_form .btn-checkout.btn-blue.btn-fw,.table.cart .btn-checkout.btn-continue.btn-fw,.table.cart .btn-checkout.btn-blue.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    #shoppingcart_form .btn-checkout.btn-continue.btn-fw-mobile,#shoppingcart_form .btn-checkout.btn-blue.btn-fw-mobile,.table.cart .btn-checkout.btn-continue.btn-fw-mobile,.table.cart .btn-checkout.btn-blue.btn-fw-mobile {
        width:100%
    }
}

#shoppingcart_form .btn-checkout.btn-continue .fa,#shoppingcart_form .btn-checkout.btn-blue .fa,.table.cart .btn-checkout.btn-continue .fa,.table.cart .btn-checkout.btn-blue .fa {
    font-size: 24px
}

#shoppingcart_form .btn-checkout.btn-continue .fa.fa-spinner,#shoppingcart_form .btn-checkout.btn-blue .fa.fa-spinner,.table.cart .btn-checkout.btn-continue .fa.fa-spinner,.table.cart .btn-checkout.btn-blue .fa.fa-spinner {
    font-size: 18px
}

#shoppingcart_form .btn-checkout.btn-continue.icon-left:after,#shoppingcart_form .btn-checkout.btn-continue.icon-right:after,#shoppingcart_form .btn-checkout.btn-blue.icon-left:after,#shoppingcart_form .btn-checkout.btn-blue.icon-right:after,.table.cart .btn-checkout.btn-continue.icon-left:after,.table.cart .btn-checkout.btn-continue.icon-right:after,.table.cart .btn-checkout.btn-blue.icon-left:after,.table.cart .btn-checkout.btn-blue.icon-right:after {
    content: "";
    display: block;
    clear: both
}

#shoppingcart_form .btn-checkout.btn-continue.icon-left svg,#shoppingcart_form .btn-checkout.btn-blue.icon-left svg,.table.cart .btn-checkout.btn-continue.icon-left svg,.table.cart .btn-checkout.btn-blue.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

#shoppingcart_form .btn-checkout.btn-continue.icon-right,#shoppingcart_form .btn-checkout.btn-blue.icon-right,.table.cart .btn-checkout.btn-continue.icon-right,.table.cart .btn-checkout.btn-blue.icon-right {
    text-align: left
}

#shoppingcart_form .btn-checkout.btn-continue.icon-right svg,#shoppingcart_form .btn-checkout.btn-blue.icon-right svg,.table.cart .btn-checkout.btn-continue.icon-right svg,.table.cart .btn-checkout.btn-blue.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

#shoppingcart_form .btn-checkout.btn-continue svg,#shoppingcart_form .btn-checkout.btn-blue svg,.table.cart .btn-checkout.btn-continue svg,.table.cart .btn-checkout.btn-blue svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

#shoppingcart_form .btn-checkout.btn-continue:before,#shoppingcart_form .btn-checkout.btn-blue:before,.table.cart .btn-checkout.btn-continue:before,.table.cart .btn-checkout.btn-blue:before {
    content: ""
}

@media(max-width: 768px) {
    #shoppingcart_form .btn-checkout.btn-continue,#shoppingcart_form .btn-checkout.btn-blue,.table.cart .btn-checkout.btn-continue,.table.cart .btn-checkout.btn-blue {
        padding-left:16px!important;
        padding-right: 16px!important
    }
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom,.table.cart .btn-checkout.cart-btn-save-bottom {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    border: 1px solid transparent;
    background: 0 0;
    color: #0060b7;
    padding-left: 8px;
    padding-right: 8px;
    box-shadow: none;
    border-radius: 80px
}

@media(max-width: 767px) {
    #shoppingcart_form .btn-checkout.cart-btn-save-bottom,.table.cart .btn-checkout.cart-btn-save-bottom {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    #shoppingcart_form .btn-checkout.cart-btn-save-bottom,.table.cart .btn-checkout.cart-btn-save-bottom {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    #shoppingcart_form .btn-checkout.cart-btn-save-bottom,.table.cart .btn-checkout.cart-btn-save-bottom {
        min-width:190px
    }
}

@media(hover: hover) {
    #shoppingcart_form .btn-checkout.cart-btn-save-bottom:hover,.table.cart .btn-checkout.cart-btn-save-bottom:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom:active,#shoppingcart_form .btn-checkout.cart-btn-save-bottom.active,.table.cart .btn-checkout.cart-btn-save-bottom:active,.table.cart .btn-checkout.cart-btn-save-bottom.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom.btn-md,.table.cart .btn-checkout.cart-btn-save-bottom.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom.btn-lg,.table.cart .btn-checkout.cart-btn-save-bottom.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom.btn-xl,.table.cart .btn-checkout.cart-btn-save-bottom.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom.btn-fw,.table.cart .btn-checkout.cart-btn-save-bottom.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    #shoppingcart_form .btn-checkout.cart-btn-save-bottom.btn-fw-mobile,.table.cart .btn-checkout.cart-btn-save-bottom.btn-fw-mobile {
        width:100%
    }
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom .fa,.table.cart .btn-checkout.cart-btn-save-bottom .fa {
    font-size: 24px
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom .fa.fa-spinner,.table.cart .btn-checkout.cart-btn-save-bottom .fa.fa-spinner {
    font-size: 18px
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom.icon-left:after,#shoppingcart_form .btn-checkout.cart-btn-save-bottom.icon-right:after,.table.cart .btn-checkout.cart-btn-save-bottom.icon-left:after,.table.cart .btn-checkout.cart-btn-save-bottom.icon-right:after {
    content: "";
    display: block;
    clear: both
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom.icon-left svg,.table.cart .btn-checkout.cart-btn-save-bottom.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom.icon-right,.table.cart .btn-checkout.cart-btn-save-bottom.icon-right {
    text-align: left
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom.icon-right svg,.table.cart .btn-checkout.cart-btn-save-bottom.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom svg,.table.cart .btn-checkout.cart-btn-save-bottom svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    #shoppingcart_form .btn-checkout.cart-btn-save-bottom:hover,.table.cart .btn-checkout.cart-btn-save-bottom:hover {
        background:#f6f6f6;
        box-shadow: none;
        color: #0060b7!important
    }
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom:active,.table.cart .btn-checkout.cart-btn-save-bottom:active {
    background: #eee!important;
    color: #0060b7
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom:disabled,#shoppingcart_form .btn-checkout.cart-btn-save-bottom.disabled,#shoppingcart_form .btn-checkout.cart-btn-save-bottom[disabled],.table.cart .btn-checkout.cart-btn-save-bottom:disabled,.table.cart .btn-checkout.cart-btn-save-bottom.disabled,.table.cart .btn-checkout.cart-btn-save-bottom[disabled] {
    color: #0003;
    background-color: transparent
}

#shoppingcart_form .btn-checkout.cart-btn-save-bottom svg,.table.cart .btn-checkout.cart-btn-save-bottom svg {
    fill: #0060b7
}

#shoppingcart_form .cart-product-preview span,.table.cart .cart-product-preview span {
    font-weight: 700
}

#shoppingcart_form .cart-product-preview span,#shoppingcart_form .cart-product-preview a,.table.cart .cart-product-preview span,.table.cart .cart-product-preview a {
    font-size: 14px
}

#shoppingcart_form .cart-help-box,.table.cart .cart-help-box {
    padding: 16px 0
}

#shoppingcart_form .cart-help-box>div>div,.table.cart .cart-help-box>div>div {
    font-size: 14px
}

#shoppingcart_form .cart-help-box>div>div.hotline,#shoppingcart_form .cart-help-box>div>div.reachability,.table.cart .cart-help-box>div>div.hotline,.table.cart .cart-help-box>div>div.reachability {
    text-align: left
}

#shoppingcart_form .cart-help-box>div>div.hotline,.table.cart .cart-help-box>div>div.hotline {
    font-size: 24px;
    color: #222
}

#shoppingcart_form .assembly-visible *,.table.cart .assembly-visible * {
    font-size: 13px;
    line-height: 20px
}

#shoppingcart_form .assembly-product-container .cart-link,.table.cart .assembly-product-container .cart-link {
    width: auto
}

#shoppingcart_form .assembly-container-disabled .assembly-apply-form,.table.cart .assembly-container-disabled .assembly-apply-form {
    padding: 0!important
}

#shoppingcart_form .assembly-footer .assembly-apply-form .assembly-email,.table.cart .assembly-footer .assembly-apply-form .assembly-email {
    width: 74%
}

#shoppingcart_form .assembly-footer .assembly-apply-form .assembly-apply-btn,.table.cart .assembly-footer .assembly-apply-form .assembly-apply-btn {
    margin-left: 10px;
    color: #fff
}

#shoppingcart_form .assembly-footer .assembly-apply-form>div:not(:first-of-type),.table.cart .assembly-footer .assembly-apply-form>div:not(:first-of-type) {
    height: auto
}

#shoppingcart_form .position-toolbar,.table.cart .position-toolbar {
    padding: 4px 0
}

#shoppingcart_form .position-toolbar>a,.table.cart .position-toolbar>a {
    float: left;
    text-align: left
}

@media(max-width: 767px) {
    #shoppingcart_form .position-toolbar>a,.table.cart .position-toolbar>a {
        margin-bottom:8px
    }
}

#shoppingcart_form .position-toolbar>a:not(:last-of-type),.table.cart .position-toolbar>a:not(:last-of-type) {
    margin-right: 16px
}

#shoppingcart_form tr.btn-tr-checkout,.table.cart tr.btn-tr-checkout {
    padding: 20px 0
}

#shoppingcart_form tr.btn-tr-checkout td:first-of-type,.table.cart tr.btn-tr-checkout td:first-of-type {
    padding: 20px 0!important
}

@media(max-width: 768px) {
    #shoppingcart_form tr.btn-tr-checkout td:first-of-type>button,.table.cart tr.btn-tr-checkout td:first-of-type>button {
        padding-left:8px!important;
        padding-right: 8px!important
    }
}

#shoppingcart_form tr.btn-tr-checkout #btn-container-payment>a,.table.cart tr.btn-tr-checkout #btn-container-payment>a {
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width: 500px) and (max-width:880px) {
    #shoppingcart_form tr.btn-tr-checkout #btn-container-payment,.table.cart tr.btn-tr-checkout #btn-container-payment {
        padding-left:0
    }

    #shoppingcart_form tr.btn-tr-checkout #btn-container-payment a.btn-checkout.btn-blue,.table.cart tr.btn-tr-checkout #btn-container-payment a.btn-checkout.btn-blue {
        margin-bottom: 16px
    }

    #shoppingcart_form tr.btn-tr-checkout #btn-container-payment>a,.table.cart tr.btn-tr-checkout #btn-container-payment>a {
        margin: 0
    }
}

#shoppingcart_form div.data-protection>a,.table.cart div.data-protection>a {
    font-size: inherit!important
}

#shoppingcart_form .description-column .position .label,.table.cart .description-column .position .label {
    font-size: 14px!important;
    color: inherit
}

#shoppingcart_form .description-column .position ul,.table.cart .description-column .position ul {
    padding-left: 24px
}

#shoppingcart_form .description-column .position ul>li,#shoppingcart_form .description-column .position ul>div>li,.table.cart .description-column .position ul>li,.table.cart .description-column .position ul>div>li {
    font-size: 14px
}

#shoppingcart_form .description-column .position ul>li::marker,#shoppingcart_form .description-column .position ul>div>li::marker,.table.cart .description-column .position ul>li::marker,.table.cart .description-column .position ul>div>li::marker {
    font-size: 11px
}

#shoppingcart_form .description-column .position ul>li.group-header,#shoppingcart_form .description-column .position ul>div>li.group-header,.table.cart .description-column .position ul>li.group-header,.table.cart .description-column .position ul>div>li.group-header {
    margin-left: -24px
}

#shoppingcart_form .description-column .position ul>div:last-of-type,.table.cart .description-column .position ul>div:last-of-type {
    padding: 0!important
}

#shoppingcart_form .description-column .position ul .show-hidden-controls,.table.cart .description-column .position ul .show-hidden-controls {
    margin-top: 16px;
    margin-left: -24px!important
}

@media(max-width: 500px) {
    #shoppingcart_form .cart-product-preview span,.table.cart .cart-product-preview span {
        -webkit-hyphens:auto;
        hyphens: auto;
        word-wrap: break-word;
        overflow-wrap: break-word
    }

    #shoppingcart_form .cart-product-preview>div:first-of-type,.table.cart .cart-product-preview>div:first-of-type {
        padding: 10px 6px 0;
        font-size: 14px
    }

    #shoppingcart_form .description-column .position-toolbar .cart-link,.table.cart .description-column .position-toolbar .cart-link {
        float: none;
        margin-right: 0;
        text-align: left
    }
}

#shoppingcart_form .product-column table tr,.table.cart .product-column table tr {
    display: flex;
    flex-direction: column
}

@media(max-width: 359px) {
    .type-cart>.breadcrumb-container {
        padding:0
    }
}

@media(min-width: 768px) {
    .type-cart>.breadcrumb-container {
        overflow:hidden
    }
}

#assembly-modal .assembly-select.btn-not-available {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    border: 1px solid transparent;
    color: #0060b7;
    padding-left: 8px;
    padding-right: 8px;
    box-shadow: none;
    border-radius: 80px;
    background: 0 0;
    color: #999;
    border-color: transparent;
    width: auto
}

@media(max-width: 767px) {
    #assembly-modal .assembly-select.btn-not-available {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    #assembly-modal .assembly-select.btn-not-available {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    #assembly-modal .assembly-select.btn-not-available {
        min-width:190px
    }
}

@media(hover: hover) {
    #assembly-modal .assembly-select.btn-not-available:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

#assembly-modal .assembly-select.btn-not-available:active,#assembly-modal .assembly-select.btn-not-available.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

#assembly-modal .assembly-select.btn-not-available.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

#assembly-modal .assembly-select.btn-not-available.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

#assembly-modal .assembly-select.btn-not-available.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

#assembly-modal .assembly-select.btn-not-available.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    #assembly-modal .assembly-select.btn-not-available.btn-fw-mobile {
        width:100%
    }
}

#assembly-modal .assembly-select.btn-not-available .fa {
    font-size: 24px
}

#assembly-modal .assembly-select.btn-not-available .fa.fa-spinner {
    font-size: 18px
}

#assembly-modal .assembly-select.btn-not-available.icon-left:after,#assembly-modal .assembly-select.btn-not-available.icon-right:after {
    content: "";
    display: block;
    clear: both
}

#assembly-modal .assembly-select.btn-not-available.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

#assembly-modal .assembly-select.btn-not-available.icon-right {
    text-align: left
}

#assembly-modal .assembly-select.btn-not-available.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

#assembly-modal .assembly-select.btn-not-available svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    #assembly-modal .assembly-select.btn-not-available:hover {
        background:#f6f6f6;
        box-shadow: none;
        color: #0060b7!important
    }
}

#assembly-modal .assembly-select.btn-not-available:active {
    background: #eee!important;
    color: #0060b7
}

#assembly-modal .assembly-select.btn-not-available:disabled,#assembly-modal .assembly-select.btn-not-available.disabled,#assembly-modal .assembly-select.btn-not-available[disabled] {
    color: #0003;
    background-color: transparent
}

#assembly-modal .assembly-select.btn-not-available svg {
    fill: #0060b7
}

#assembly-modal .assembly-select.ghost-btn-secondary {
    margin-top: 30px
}

#assembly-modal .modal-footer .assembly-to-cart {
    margin-left: 0;
    margin-top: 8px
}

#assembly-modal .modal-footer .assembly-btn-container {
    padding: 30px 0 20px;
    display: flex;
    align-items: center;
    flex-direction: column
}

#assembly-modal .modal-footer .assembly-btn-container .btn-blue.assembly-to-cart,#assembly-modal .modal-footer .assembly-btn-container .ghost-btn {
    width: auto!important
}

#assembly-modal .modal-footer .assembly-btn-container>div {
    float: none!important
}

#shoppingcart_form .cart-link,#confirmOrderForm .cart-link {
    text-decoration: none;
    padding: 8px;
    border-radius: 4px
}

#shoppingcart_form .cart-link:hover,#confirmOrderForm .cart-link:hover {
    background: #f3f3f3
}

@media(max-width: 500px) {
    #shoppingcart_form .cart-link,#confirmOrderForm .cart-link {
        display:block;
        margin-bottom: 16px
    }
}

#shoppingcart_form .cart-link svg,#confirmOrderForm .cart-link svg {
    margin-right: 4px;
    vertical-align: text-top
}

#confirmOrderForm #cart .position .cart-link {
    display: inline-block
}

@media(min-width: 500px) and (max-width:767px) {
    #confirmOrderForm .double-btn-container .btn-white-bordered {
        margin-right:8px
    }
}

@media(min-width: 768px) {
    #checkout-steps {
        width:116%;
        margin: 0 -8%;
        display: flex;
        justify-content: space-between;
        color: #747474;
        font-weight: 700;
        font-size: 14px;
        float: left
    }
}

@media(min-width: 768px) and (max-width:991px) {
    #checkout-steps.fvin-checkout-steps {
        width:112%;
        margin: 0 -6%
    }
}

#checkout-steps .checkout-block-step {
    position: relative;
    width: 20%;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
    border: none;
    background: 0 0
}

#checkout-steps .checkout-block-step:before,#checkout-steps .checkout-block-step:after {
    position: absolute;
    top: 17.5px;
    content: " ";
    width: calc(50% - 17.5px);
    height: 1px;
    border-top: 1px solid
}

#checkout-steps .checkout-block-step:before {
    left: 0
}

#checkout-steps .checkout-block-step:after {
    right: 0
}

#checkout-steps .checkout-block-step:first-child:before,#checkout-steps .checkout-block-step:last-child:after {
    display: none
}

#checkout-steps .checkout-block-step.previous {
    border: 1px solid #444
}

#checkout-steps .checkout-block-step.active:after,#checkout-steps .checkout-block-step.active~.checkout-block-step:before,#checkout-steps .checkout-block-step.active~.checkout-block-step:after {
    border-top: 1px solid #c8c8c8
}

#checkout-steps .checkout-block-step.active~.checkout-block-step {
    color: #c8c8c8
}

#checkout-steps .checkout-block-step.active .checkout-step-circle:before,#checkout-steps .checkout-block-step.active~.checkout-block-step .checkout-step-circle:before {
    display: none
}

#checkout-steps .checkout-block-step.active~.checkout-block-step .checkout-step-circle {
    color: #c8c8c8;
    border: 1px solid #c8c8c8
}

#checkout-steps .checkout-block-step.active .checkout-step-circle {
    color: #fff
}

#checkout-steps .checkout-block-step.disabled {
    color: #c8c8c8
}

#checkout-steps .checkout-block-step.disabled .checkout-step-circle.previous {
    border-color: #c8c8c8;
    cursor: auto;
    pointer-events: none
}

#checkout-steps .checkout-block-step.disabled .checkout-step-circle.previous:after {
    color: #c8c8c8
}

@media(max-width: 767px) {
    .checkout-block-step {
        font-size:10px;
        font-weight: 400
    }
}

#checkout-steps .checkout-block-step,.checkout-steps-mobile .checkout-block-step {
    color: #444
}

#checkout-steps .checkout-block-step:before,#checkout-steps .checkout-block-step:after,.checkout-steps-mobile .checkout-block-step:before,.checkout-steps-mobile .checkout-block-step:after {
    border-top-color: #444
}

#checkout-steps .checkout-block-step.active,.checkout-steps-mobile .checkout-block-step.active {
    color: #444
}

#checkout-steps .checkout-block-step.active .checkout-step-circle.active,.checkout-steps-mobile .checkout-block-step.active .checkout-step-circle.active {
    background-color: #444
}

#checkout-steps .checkout-step-circle,.checkout-steps-mobile .checkout-step-circle {
    position: relative;
    float: none;
    width: 35px;
    height: 35px;
    margin: 0 auto 5px;
    font-size: 16px;
    line-height: 33px;
    font-weight: 700;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    color: #c8c8c8
}

#checkout-steps .checkout-step-circle:before,.checkout-steps-mobile .checkout-step-circle:before {
    color: #444
}

#checkout-steps .checkout-step-circle.active,.checkout-steps-mobile .checkout-step-circle.active {
    background-color: #444;
    border: 1px solid #444;
    color: #fff
}

#checkout-steps .checkout-step-circle.previous,.checkout-steps-mobile .checkout-step-circle.previous {
    border: 1px solid #444;
    color: #444
}

#checkout-steps .checkout-step-circle.previous:after,.checkout-steps-mobile .checkout-step-circle.previous:after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    left: 8px;
    color: #444
}

#checkout-steps .checkout-step-circle.previous:hover,.checkout-steps-mobile .checkout-step-circle.previous:hover {
    cursor: pointer;
    background: #444
}

#checkout-steps .checkout-step-circle.previous:hover:after,.checkout-steps-mobile .checkout-step-circle.previous:hover:after {
    color: #fff
}

#checkout-steps .checkout-step-circle.disabled,#checkout-steps .checkout-step-circle.disabled:after,.checkout-steps-mobile .checkout-step-circle.disabled,.checkout-steps-mobile .checkout-step-circle.disabled:after {
    border-color: #c8c8c8;
    color: #c8c8c8;
    pointer-events: none
}

#checkout-steps>div.disabled,.checkout-steps-mobile>div.disabled {
    color: #c8c8c8
}

.checkout-steps-mobile .checkout-steps-line {
    background-color: #444;
    width: 75%;
    height: 1px;
    z-index: 10;
    position: absolute;
    margin-top: 17px
}

.checkout-steps-mobile .checkout-step-circle {
    width: 36px;
    height: 36px;
    border-color: #444;
    color: #444;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 22px
}

.checkout-steps-mobile .checkout-step-circle:after {
    position: absolute;
    left: 0
}

@media(min-width: 768px) {
    #payment-method-nav>div.active,.checkout-address-container .checkout-address-nav>div.active,#payment-method-content>div.active,.checkout-address-container .checkout-address-content>div.active {
        border:1px solid #0060b7
    }
}

#shoppingcart_form .cart-link,.type-cart .cart-link {
    color: #0060b7
}

#shoppingcart_form .cart-link svg,#shoppingcart_form .cart-link svg *,.type-cart .cart-link svg,.type-cart .cart-link svg * {
    fill: #0060b7!important
}

#shoppingcart_form .cart-address-btn:hover,.type-cart .cart-address-btn:hover {
    color: #0060b7
}

@media(min-width: 768px) and (max-width:880px) {
    .logged-in td>#btn-container-payment {
        align-items:center!important;
        flex-direction: inherit!important
    }

    .logged-in td>#btn-container-payment .btn-checkout {
        margin-bottom: 0!important
    }

    .btn-tr-checkout:not(.logged-in) .paypal-express-btn {
        margin-right: 0!important
    }
}

.targobank-cartblock {
    background: #eeeff0
}

.targobank-cartblock div {
    padding: 16px 0
}

.targobank-cartblock img {
    vertical-align: text-top;
    display: inline-block
}

.targobank-cartblock .link {
    display: block
}

.targobank-cartblock sup {
    font-size: 8px!important;
    font-weight: 700
}

.targobank-cartblock .link,#targobank-modal.modal .link {
    color: #0060b7!important;
    padding-left: 0!important
}

.targobank-cartblock .link:hover,#targobank-modal.modal .link:hover {
    cursor: pointer
}

@media(min-width: 768px) {
    tr.cart-overview #cart-overview-footer {
        min-height:350px
    }
}

tr.cart-overview #cart-overview-footer .highlighted-div>.highlight-order-info sup {
    font-size: 10px
}

@media(min-width: 768px) and (max-width:1199px) {
    tr.cart-overview #cart-overview-footer .info-box .highlight-order-info {
        display:inline-block
    }

    tr.cart-overview #cart-overview-footer .info-box .highlight-order-info b:first-child {
        display: block
    }
}

.agb-link {
    color: #000;
    font-weight: 600;
    text-decoration: underline
}

#content-container.type-cart {
    overflow-x: visible
}

@media(max-width: 767px) {
    #payPalModal {
        padding:0!important
    }
}

@media(max-width: 767px) {
    #payPalModal .modal-dialog {
        display:block!important;
        transform: none;
        transition: none
    }
}

@media(min-width: 768px) {
    #payPalModal .modal-dialog {
        max-width:520px
    }
}

@media(max-width: 767px) {
    #payPalModal .modal-content {
        height:100%
    }
}

@media(min-width: 768px) {
    #payPalModal .modal-content {
        padding:32px!important
    }
}

#payPalModal .modal-content .modal-body {
    padding: 0!important
}

#payPalModal .modal-content .modal-body label {
    text-align: left
}

@media(max-width: 767px) {
    #payPalModal .modal-content .modal-body p {
        font-size:14px;
        line-height: 22px
    }
}

#payPalModal .modal-header {
    padding: 0;
    margin-bottom: 24px
}

#payPalModal .modal-title {
    font-size: 20px;
    line-height: 28px
}

@media(min-width: 768px) {
    #payPalModal .modal-title {
        font-size:24px;
        line-height: 32px
    }
}

#payPalModal #agb-confirmation {
    font-size: 16px;
    border: none!important;
    padding: 24px;
    margin-bottom: 8px
}

#payPalModal #agb-confirmation.accepted,#payPalModal #agb-confirmation.not-accepted {
    background-color: #cce6ff80
}

#payPalModal #agb-confirmation.warning {
    background: rgba(204,0,0,.1)
}

#payPalModal #agb-confirmation .agb-icon {
    display: none!important
}

#payPalModal #agb-confirmation label {
    padding: 0;
    align-items: normal;
    font-weight: 400
}

#payPalModal #agb-confirmation span {
    margin: 0
}

#payPalModal #payPalError {
    padding: 0!important;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
    color: #c00;
    background: 0 0;
    border-left: none;
    transition: all .3s ease-in-out .1s;
    overflow: hidden
}

@media(max-width: 767px) {
    #payPalModal #payPalError {
        font-size:12px;
        line-height: 18px
    }
}

#payPalModal .checkbox-container label {
    font-size: 16px;
    line-height: 22px
}

#payPalModal .checkbox-container .checkbox {
    margin: 0 8px 0 0!important
}

#payPalModal .checkbox-container .checkbox:after {
    flex: 0;
    margin-top: 4px
}

#payPalModal .payment-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    height: 100%;
    text-align: center;
    padding: 5% 0;
    background: #e5f2ff;
    transition: opacity .4s;
    display: flex;
    align-items: center;
    flex-direction: column
}

#payPalModal .payment-loader .payment-label {
    margin-bottom: 64px
}

@media(min-width: 768px) {
    #payPalModal .payment-loader .payment-label {
        margin-bottom:32px
    }
}

#payPalModal .payment-loader .loader-icon {
    animation: fa-spin 2s infinite linear
}

#payPalModal .close {
    opacity: 1
}

#payPalModal .link {
    padding-left: 0;
    background: 0 0;
    border: none;
    text-decoration: underline;
    margin-bottom: 0!important;
    height: auto
}

@media(max-width: 767px) {
    #payPalModal .link {
        font-size:14px;
        line-height: 22px
    }
}

#payPalModal .link:hover {
    cursor: pointer
}

#payPalModal .modal-footer {
    padding: 15px 0 0
}

#payPalModal #paypal-button-container iframe {
    border-radius: 80px
}

.modal-open #download-offer-modal {
    display: block;
    opacity: 1
}

.select-dropdown-container {
    justify-content: center!important
}

.select-dropdown-container.reseller-project-selector .select-dropdown,.select-dropdown-container.reseller-project-selector-searchable .select-dropdown {
    margin-top: 23vh!important;
    max-height: 50vh!important;
    width: 410px!important;
    margin-left: 10px
}

.select-dropdown-container.reseller-project-selector .select-dropdown {
    margin-top: 10vh!important
}

.type-cart form {
    max-width: 520px
}

#shoppingcart_form {
    max-width: initial
}

.splash-container+#configurator-container {
    opacity: 0
}

#configurator-container,.type-configurator {
    font-size: 13px
}

#configurator-container .breadcrumb .next-icon:before,#configurator-container .breadcrumb .prev-icon:before,.type-configurator .breadcrumb .next-icon:before,.type-configurator .breadcrumb .prev-icon:before {
    margin-top: 0
}

@media(max-width: 767px) {
    #configurator-container .breadcrumb .prev-icon:before,.type-configurator .breadcrumb .prev-icon:before {
        margin-top:4px
    }
}

#configurator-container .description h1,.type-configurator .description h1 {
    padding-left: 15px
}

#configurator-container .configurator-custom-select button,#configurator-container .configurator-size-picker-container,.type-configurator .configurator-custom-select button,.type-configurator .configurator-size-picker-container {
    color: inherit;
    border: 1px solid #999
}

#configurator-container .configurator-pill-step,.type-configurator .configurator-pill-step {
    border: 2px solid #0060b7
}

#configurator-container .configurator-pill-step.previous,.type-configurator .configurator-pill-step.previous {
    color: #0060b7
}

#configurator-container .configurator-pill-step.active,#configurator-container .configurator-pill-step.previous:active,.type-configurator .configurator-pill-step.active,.type-configurator .configurator-pill-step.previous:active {
    background-color: #0060b7
}

#configurator-container .attribute-container .accordion-tooltip-container .tooltip-switch figcaption,.type-configurator .attribute-container .accordion-tooltip-container .tooltip-switch figcaption {
    word-break: break-word
}

#configurator-container .attribute-container .configurator-custom-select button.dropdown-toggle,.type-configurator .attribute-container .configurator-custom-select button.dropdown-toggle {
    white-space: nowrap
}

#configurator-container .attribute-container .yes-no-selection .blue-radio-container,#configurator-container .attribute-container .color-finish .blue-radio-container,.type-configurator .attribute-container .yes-no-selection .blue-radio-container,.type-configurator .attribute-container .color-finish .blue-radio-container {
    width: 100%;
    padding: 10px 24px 10px 20px
}

#configurator-container .attribute-container .yes-no-selection.active .blue-radio-container,#configurator-container .attribute-container .color-finish.active .blue-radio-container,.type-configurator .attribute-container .yes-no-selection.active .blue-radio-container,.type-configurator .attribute-container .color-finish.active .blue-radio-container {
    padding: 8px 24px 8px 18px
}

#configurator-container .configurator-half-first.size-picker-height input[type=tel],.type-configurator .configurator-half-first.size-picker-height input[type=tel] {
    height: 40px!important
}

#configurator-container .configurator-size-picker-container,.type-configurator .configurator-size-picker-container {
    color: #222;
    width: 100%;
    margin: 6px 0 9px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    font-size: 16px;
    transition: none;
    background: #fafafa;
    height: 40px!important;
    padding: 0!important;
    position: relative
}

#configurator-container .configurator-size-picker-container.valid:hover,#configurator-container .configurator-size-picker-container:hover,.type-configurator .configurator-size-picker-container.valid:hover,.type-configurator .configurator-size-picker-container:hover {
    border: 1px solid #444;
    outline: none;
    box-shadow: none
}

#configurator-container .configurator-size-picker-container:focus,.type-configurator .configurator-size-picker-container:focus {
    outline: none;
    box-shadow: none
}

#configurator-container .configurator-size-picker-container:active,#configurator-container .configurator-size-picker-container:focus,.type-configurator .configurator-size-picker-container:active,.type-configurator .configurator-size-picker-container:focus {
    border: 1px solid #7eb2ff!important
}

#configurator-container .configurator-size-picker-container:active~.input-group-addon,#configurator-container .configurator-size-picker-container:focus~.input-group-addon,.type-configurator .configurator-size-picker-container:active~.input-group-addon,.type-configurator .configurator-size-picker-container:focus~.input-group-addon {
    border-color: #7eb2ff!important
}

#configurator-container .configurator-size-picker-container.valid,.type-configurator .configurator-size-picker-container.valid {
    border: 1px solid #c9c9c9
}

#configurator-container .configurator-size-picker-container.error,.type-configurator .configurator-size-picker-container.error {
    color: #c00;
    border: 1px solid #c00!important;
    background-color: #e306131a!important
}

#configurator-container .configurator-size-picker-container.error+.input-group-addon,.type-configurator .configurator-size-picker-container.error+.input-group-addon {
    border-color: #c00
}

#configurator-container .configurator-size-picker-container::-moz-placeholder,.type-configurator .configurator-size-picker-container::-moz-placeholder {
    color: #0009
}

#configurator-container .configurator-size-picker-container::placeholder,.type-configurator .configurator-size-picker-container::placeholder {
    color: #0009
}

#configurator-container .configurator-size-picker-container.small,.type-configurator .configurator-size-picker-container.small {
    height: 40px
}

#configurator-container .configurator-size-picker-container.disabled,#configurator-container .configurator-size-picker-container[disabled],#configurator-container .configurator-size-picker-container[aria-disabled=true],.type-configurator .configurator-size-picker-container.disabled,.type-configurator .configurator-size-picker-container[disabled],.type-configurator .configurator-size-picker-container[aria-disabled=true] {
    opacity: .5
}

#configurator-container .configurator-size-picker-container.disabled:hover,#configurator-container .configurator-size-picker-container[disabled]:hover,#configurator-container .configurator-size-picker-container[aria-disabled=true]:hover,.type-configurator .configurator-size-picker-container.disabled:hover,.type-configurator .configurator-size-picker-container[disabled]:hover,.type-configurator .configurator-size-picker-container[aria-disabled=true]:hover {
    cursor: not-allowed
}

#configurator-container .configurator-size-picker-container .dropdown-container,.type-configurator .configurator-size-picker-container .dropdown-container {
    top: 40px
}

#configurator-container button#affix-into-cart-btn,.type-configurator button#affix-into-cart-btn {
    border-radius: 0;
    height: 34px
}

#configurator-container .accordion-tooltip-container p,#configurator-container .accordion-tooltip-container ul li,#configurator-container .child-accordion-tooltip-container p,#configurator-container .child-accordion-tooltip-container ul li,.type-configurator .accordion-tooltip-container p,.type-configurator .accordion-tooltip-container ul li,.type-configurator .child-accordion-tooltip-container p,.type-configurator .child-accordion-tooltip-container ul li {
    font-size: 13px;
    line-height: 21px;
    color: #222
}

#configurator-container .accordion-tooltip-container .tooltip-switch>.row.tooltip-switch,#configurator-container .child-accordion-tooltip-container .tooltip-switch>.row.tooltip-switch,.type-configurator .accordion-tooltip-container .tooltip-switch>.row.tooltip-switch,.type-configurator .child-accordion-tooltip-container .tooltip-switch>.row.tooltip-switch {
    margin: 0
}

#configurator-container .ral-color-group-container .configurator-custom-select .btn,#configurator-container .matt-color-group-container .configurator-custom-select .btn,.type-configurator .ral-color-group-container .configurator-custom-select .btn,.type-configurator .matt-color-group-container .configurator-custom-select .btn {
    padding: 4px 8px!important;
    height: 40px!important
}

#configurator-container .ral-color-input-container .ral-color-input,.type-configurator .ral-color-input-container .ral-color-input {
    margin-top: 0
}

#configurator-container .ral-color-input,.type-configurator .ral-color-input {
    font-size: 14px!important;
    font-weight: 600
}

#configurator-container .ral-color-input::-moz-placeholder,.type-configurator .ral-color-input::-moz-placeholder {
    color: #bdbdbd
}

#configurator-container .ral-color-input::placeholder,.type-configurator .ral-color-input::placeholder {
    color: #bdbdbd
}

@media(max-width: 767px) {
    #configurator-container .division-container>div,.type-configurator .division-container>div {
        width:100%;
        flex-direction: column-reverse
    }

    #configurator-container .division-container>div .division-height-container,.type-configurator .division-container>div .division-height-container {
        margin-bottom: 16px
    }
}

#configurator-container .division-container .division-width-container>div,.type-configurator .division-container .division-width-container>div {
    margin-right: 8px
}

#configurator-container .division-container .division-width-container div:last-child,.type-configurator .division-container .division-width-container div:last-child {
    margin-right: 0
}

#configurator-container .division-container .division-width-container div:last-child .einteilungBoxWidth,.type-configurator .division-container .division-width-container div:last-child .einteilungBoxWidth {
    margin-right: 8px
}

#configurator-container .btn.next-button.configurator-btn,.type-configurator .btn.next-button.configurator-btn {
    height: 56px
}

@media(max-width: 767px) {
    #configurator-container .progress-button,.type-configurator .progress-button {
        width:100%
    }
}

#configurator-container .progress-button.into-cart-button.configurator-btn button,.type-configurator .progress-button.into-cart-button.configurator-btn button {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

@media(max-width: 767px) {
    #configurator-container .progress-button.into-cart-button.configurator-btn button,.type-configurator .progress-button.into-cart-button.configurator-btn button {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    #configurator-container .progress-button.into-cart-button.configurator-btn button,.type-configurator .progress-button.into-cart-button.configurator-btn button {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    #configurator-container .progress-button.into-cart-button.configurator-btn button,.type-configurator .progress-button.into-cart-button.configurator-btn button {
        min-width:190px
    }
}

@media(hover: hover) {
    #configurator-container .progress-button.into-cart-button.configurator-btn button:hover,.type-configurator .progress-button.into-cart-button.configurator-btn button:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

#configurator-container .progress-button.into-cart-button.configurator-btn button:active,#configurator-container .progress-button.into-cart-button.configurator-btn button.active,.type-configurator .progress-button.into-cart-button.configurator-btn button:active,.type-configurator .progress-button.into-cart-button.configurator-btn button.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

#configurator-container .progress-button.into-cart-button.configurator-btn button.btn-md,.type-configurator .progress-button.into-cart-button.configurator-btn button.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

#configurator-container .progress-button.into-cart-button.configurator-btn button.btn-lg,.type-configurator .progress-button.into-cart-button.configurator-btn button.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

#configurator-container .progress-button.into-cart-button.configurator-btn button.btn-xl,.type-configurator .progress-button.into-cart-button.configurator-btn button.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

#configurator-container .progress-button.into-cart-button.configurator-btn button.btn-fw,.type-configurator .progress-button.into-cart-button.configurator-btn button.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    #configurator-container .progress-button.into-cart-button.configurator-btn button.btn-fw-mobile,.type-configurator .progress-button.into-cart-button.configurator-btn button.btn-fw-mobile {
        width:100%
    }
}

#configurator-container .progress-button.into-cart-button.configurator-btn button .fa,.type-configurator .progress-button.into-cart-button.configurator-btn button .fa {
    font-size: 24px
}

#configurator-container .progress-button.into-cart-button.configurator-btn button .fa.fa-spinner,.type-configurator .progress-button.into-cart-button.configurator-btn button .fa.fa-spinner {
    font-size: 18px
}

#configurator-container .progress-button.into-cart-button.configurator-btn button.icon-left:after,#configurator-container .progress-button.into-cart-button.configurator-btn button.icon-right:after,.type-configurator .progress-button.into-cart-button.configurator-btn button.icon-left:after,.type-configurator .progress-button.into-cart-button.configurator-btn button.icon-right:after {
    content: "";
    display: block;
    clear: both
}

#configurator-container .progress-button.into-cart-button.configurator-btn button.icon-left svg,.type-configurator .progress-button.into-cart-button.configurator-btn button.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

#configurator-container .progress-button.into-cart-button.configurator-btn button.icon-right,.type-configurator .progress-button.into-cart-button.configurator-btn button.icon-right {
    text-align: left
}

#configurator-container .progress-button.into-cart-button.configurator-btn button.icon-right svg,.type-configurator .progress-button.into-cart-button.configurator-btn button.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

#configurator-container .progress-button.into-cart-button.configurator-btn button svg,.type-configurator .progress-button.into-cart-button.configurator-btn button svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

#configurator-container .progress-button.into-cart-button,.type-configurator .progress-button.into-cart-button {
    margin: 0
}

#configurator-container .progress-button.into-cart-button:not(.loading)>button,.type-configurator .progress-button.into-cart-button:not(.loading)>button {
    width: 250px;
    height: 56px
}

#configurator-container .progress-button.into-cart-button.loading>button,.type-configurator .progress-button.into-cart-button.loading>button {
    min-width: initial;
    min-height: initial;
    width: 56px;
    height: 56px;
    border-width: 3px;
    border-color: #ddd;
    background: 0 0;
    padding: 0;
    border-radius: 40px;
    transition: background-color .3s,color .3s,width .3s,border-width .3s,border-color .3s;
    box-shadow: none
}

#configurator-container .progress-button.into-cart-button.loading>button:hover,#configurator-container .progress-button.into-cart-button.loading>button:active,#configurator-container .progress-button.into-cart-button.loading>button:focus,.type-configurator .progress-button.into-cart-button.loading>button:hover,.type-configurator .progress-button.into-cart-button.loading>button:active,.type-configurator .progress-button.into-cart-button.loading>button:focus {
    background: 0 0!important;
    box-shadow: none
}

#configurator-container .progress-button.into-cart-button.loading>button span,.type-configurator .progress-button.into-cart-button.loading>button span {
    margin: 0
}

#configurator-container .sprout-slider>.custom-value.preview,.type-configurator .sprout-slider>.custom-value.preview {
    border-radius: 4px;
    height: 40px;
    padding: 8px;
    font-size: 16px
}

@media(max-width: 767px) {
    #configurator-container div:not(.ral-color-group-container)>.bootstrap-select.configurator-custom-select.ral,.type-configurator div:not(.ral-color-group-container)>.bootstrap-select.configurator-custom-select.ral {
        margin-bottom:4px
    }
}

#configurator-container div:not(.ral-color-group-container)>.bootstrap-select.configurator-custom-select.ral>button,.type-configurator div:not(.ral-color-group-container)>.bootstrap-select.configurator-custom-select.ral>button {
    margin: 8px 0;
    height: 40px!important;
    padding: 0 8px!important;
    border-radius: 4px
}

#configurator-container div:not(.ral-color-group-container)>.bootstrap-select.configurator-custom-select.ral>button:active,.type-configurator div:not(.ral-color-group-container)>.bootstrap-select.configurator-custom-select.ral>button:active {
    background: inherit!important
}

#configurator-container .badges-wrapper,.type-configurator .badges-wrapper {
    left: 5px;
    top: 5px;
    z-index: 1
}

#configurator-container .badge,.type-configurator .badge {
    all: unset
}

#configurator-container .badge .generic-text-badge,.type-configurator .badge .generic-text-badge {
    margin-bottom: 5px
}

#configurator-container .absolute-badges-wrapper,#configurator-container .badges-wrapper>.badge,.type-configurator .absolute-badges-wrapper,.type-configurator .badges-wrapper>.badge {
    margin-bottom: 5px
}

#configurator-container .uw-value-badge,#configurator-container .energy-saving-badge,.type-configurator .uw-value-badge,.type-configurator .energy-saving-badge {
    padding: 0!important;
    position: relative;
    line-height: 0;
    margin-bottom: 8px
}

#configurator-container .uw-value-badge>svg,.type-configurator .uw-value-badge>svg {
    border-radius: 4px
}

#configurator-container .uw-value-badge>div,.type-configurator .uw-value-badge>div {
    position: absolute
}

#configurator-container .uw-value-badge>div.uw-text,.type-configurator .uw-value-badge>div.uw-text {
    top: 0;
    left: 5px;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    text-transform: none;
    font-weight: 600;
    color: #000
}

#configurator-container .uw-value-badge>div.uw-value,.type-configurator .uw-value-badge>div.uw-value {
    bottom: 0;
    left: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #fff
}

#configurator-container .energy-saving-text,.type-configurator .energy-saving-text {
    position: absolute!important;
    top: 35px;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    text-transform: none;
    font-weight: 600;
    color: #444;
    width: 100%;
    letter-spacing: .04em
}

#configurator-container .energy-saving-text>b,.type-configurator .energy-saving-text>b {
    letter-spacing: -.02em;
    font-weight: 800
}

#configurator-container .valid.width-division:not([disabled]),#configurator-container .valid.height-division:not([disabled]),#configurator-container .valid.configurator-size-input:not([disabled]),.type-configurator .valid.width-division:not([disabled]),.type-configurator .valid.height-division:not([disabled]),.type-configurator .valid.configurator-size-input:not([disabled]) {
    background: 0 0!important
}

@media(max-width: 991px) {
    #configurator-container .comparison-with-images .configurator-tile>.centered-name,.type-configurator .comparison-with-images .configurator-tile>.centered-name {
        font-size:16px
    }

    #configurator-container .comparison-with-images .configurator-tile>.centered-name .attribute-value-badge,.type-configurator .comparison-with-images .configurator-tile>.centered-name .attribute-value-badge {
        padding-left: 10px
    }

    #configurator-container .comparison-with-images .configurator-tile>.centered-name img,.type-configurator .comparison-with-images .configurator-tile>.centered-name img {
        max-width: 100px;
        margin-right: 10px;
        margin-top: 10px
    }
}

@media(max-width: 767px) {
    #configurator-container .multiple-selection-possibilities>.row,.type-configurator .multiple-selection-possibilities>.row {
        margin-left:0;
        margin-right: 0;
        padding: 0
    }
}

.ie11 .attribute-container .yes-no-selection .blue-radio-container {
    padding-right: 100px
}

.ie11 #configurator .configurator-color-tiles label.configurator-color-tile>span {
    width: 100%;
    margin: 8px auto;
    text-align: center;
    display: block
}

@media(max-width: 767px) {
    .configurator-size-picker-container>.dropdown-container>label.disabled {
        align-items:center
    }

    .configurator-size-picker-container>.dropdown-container>label.disabled .disabled-text {
        white-space: normal
    }
}

.type-cart .btn-checkout.btn-white-bordered {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-left: 24px;
    padding-right: 24px;
    background: 0 0;
    border: 1px solid #0060b7;
    box-shadow: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    color: #0060b7
}

@media(max-width: 767px) {
    .type-cart .btn-checkout.btn-white-bordered {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .type-cart .btn-checkout.btn-white-bordered {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .type-cart .btn-checkout.btn-white-bordered {
        min-width:190px
    }
}

@media(hover: hover) {
    .type-cart .btn-checkout.btn-white-bordered:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.type-cart .btn-checkout.btn-white-bordered:active,.type-cart .btn-checkout.btn-white-bordered.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.type-cart .btn-checkout.btn-white-bordered.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.type-cart .btn-checkout.btn-white-bordered.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.type-cart .btn-checkout.btn-white-bordered.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.type-cart .btn-checkout.btn-white-bordered.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .type-cart .btn-checkout.btn-white-bordered.btn-fw-mobile {
        width:100%
    }
}

.type-cart .btn-checkout.btn-white-bordered .fa {
    font-size: 24px
}

.type-cart .btn-checkout.btn-white-bordered .fa.fa-spinner {
    font-size: 18px
}

.type-cart .btn-checkout.btn-white-bordered.icon-left:after,.type-cart .btn-checkout.btn-white-bordered.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.type-cart .btn-checkout.btn-white-bordered.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.type-cart .btn-checkout.btn-white-bordered.icon-right {
    text-align: left
}

.type-cart .btn-checkout.btn-white-bordered.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.type-cart .btn-checkout.btn-white-bordered svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    .type-cart .btn-checkout.btn-white-bordered:hover {
        box-shadow:none;
        border: 1px solid #0060b7;
        background: rgba(0,102,204,.1);
        color: #0060b7
    }
}

.type-cart .btn-checkout.btn-white-bordered:active,.type-cart .btn-checkout.btn-white-bordered.active {
    background: rgba(0,102,204,.25)!important
}

.type-cart .btn-checkout.btn-white-bordered:disabled,.type-cart .btn-checkout.btn-white-bordered .disabled,.type-cart .btn-checkout.btn-white-bordered[disabled] {
    color: #0003;
    background-color: transparent;
    border-color: #0003;
    cursor: auto
}

.type-cart .btn-checkout.btn-white-bordered svg {
    fill: #0060b7
}

.type-cart .btn-checkout.btn-blue {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border: 1px solid #0060b7;
    border-radius: 80px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    padding-left: 24px;
    padding-right: 24px;
    background: #0060b7;
    border-color: #0060b7;
    color: #fff!important;
    display: inline-flex
}

@media(max-width: 767px) {
    .type-cart .btn-checkout.btn-blue {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .type-cart .btn-checkout.btn-blue {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .type-cart .btn-checkout.btn-blue {
        min-width:190px
    }
}

@media(hover: hover) {
    .type-cart .btn-checkout.btn-blue:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.type-cart .btn-checkout.btn-blue:active,.type-cart .btn-checkout.btn-blue.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.type-cart .btn-checkout.btn-blue.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.type-cart .btn-checkout.btn-blue.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.type-cart .btn-checkout.btn-blue.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.type-cart .btn-checkout.btn-blue.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .type-cart .btn-checkout.btn-blue.btn-fw-mobile {
        width:100%
    }
}

.type-cart .btn-checkout.btn-blue .fa {
    font-size: 24px
}

.type-cart .btn-checkout.btn-blue .fa.fa-spinner {
    font-size: 18px
}

.type-cart .btn-checkout.btn-blue.icon-left:after,.type-cart .btn-checkout.btn-blue.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.type-cart .btn-checkout.btn-blue.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.type-cart .btn-checkout.btn-blue.icon-right {
    text-align: left
}

.type-cart .btn-checkout.btn-blue.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.type-cart .btn-checkout.btn-blue svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

.type-cart .btn-checkout.btn-blue>i.fa-spinner {
    font-size: 16px;
    margin-right: 10px;
    margin-left: -10px
}

.type-cart .btn-checkout.btn-white-bordered,.type-cart .btn-checkout.btn-blue {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.type-cart .btn-checkout.btn-white-bordered:before,.type-cart .btn-checkout.btn-white-bordered:after,.type-cart .btn-checkout.btn-blue:before,.type-cart .btn-checkout.btn-blue:after {
    content: ""
}

.type-cart .address-container .double-btn-container {
    justify-content: initial
}

@media(min-width: 768px) {
    .type-cart .address-container .checkout-address-container .double-button-container .row:first-child {
        margin-right:16px
    }

    .type-cart .address-container .checkout-address-container .double-button-container .btn-save {
        margin-right: 0
    }

    .type-cart .address-container .checkout-address-container .multi-btn-container .row:first-child {
        margin-right: -16px;
        margin-bottom: 8px
    }
}

.type-cart form select.form-control {
    height: 40px!important;
    font-size: 16px
}

@media(max-width: 500px) {
    .type-cart .cart-address-btn {
        padding:0
    }
}

.type-cart .double-btn-container.bottom-btn-container {
    display: block
}

@media(max-width: 767px) {
    .type-cart .double-btn-container.bottom-btn-container {
        margin-top:0!important
    }
}

@media(max-width: 767px) {
    .type-cart .double-btn-container .btn-checkout.back {
        margin-bottom:8px
    }

    .type-cart .double-btn-container .btn-checkout.btn-blue {
        margin: 0
    }
}

.type-cart #delivery-address-container {
    margin: 0 -16px;
    padding: 0 16px
}

@media(max-width: 500px) {
    .type-cart .checkout-container .blue-radio-container.shipping-radio {
        align-items:baseline
    }

    .type-cart .checkout-container .blue-radio-container.shipping-radio>.blue-radio {
        float: none
    }

    .type-cart .checkout-container .blue-radio-container.shipping-radio>.shipping-span {
        display: inline-block
    }

    .type-cart .checkout-container .blue-radio-container.shipping-radio>.shipping-span .cart-radio-price-span {
        float: none;
        margin-left: 16px
    }
}

.type-cart .checkout-container .double-btn-container .btn-cancel {
    margin-top: 0;
    width: 100%
}

.type-cart .checkout-container div.clear {
    margin-bottom: 16px
}

.type-cart #paymentAccordion p {
    font-size: 14px
}

.type-cart #paymentAccordion #creditcardOwner,.type-cart #paymentAccordion #creditcardNumber,.type-cart #paymentAccordion #cvcNumber {
    color: #222;
    width: 100%;
    height: 40px!important;
    padding: 8px!important;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    font-size: 16px;
    transition: none;
    background: #fafafa;
    margin: 0
}

.type-cart #paymentAccordion #creditcardOwner.valid:hover,.type-cart #paymentAccordion #creditcardOwner:hover,.type-cart #paymentAccordion #creditcardNumber.valid:hover,.type-cart #paymentAccordion #creditcardNumber:hover,.type-cart #paymentAccordion #cvcNumber.valid:hover,.type-cart #paymentAccordion #cvcNumber:hover {
    border: 1px solid #444;
    outline: none;
    box-shadow: none
}

.type-cart #paymentAccordion #creditcardOwner:focus,.type-cart #paymentAccordion #creditcardNumber:focus,.type-cart #paymentAccordion #cvcNumber:focus {
    outline: none;
    box-shadow: none
}

.type-cart #paymentAccordion #creditcardOwner:active,.type-cart #paymentAccordion #creditcardOwner:focus,.type-cart #paymentAccordion #creditcardNumber:active,.type-cart #paymentAccordion #creditcardNumber:focus,.type-cart #paymentAccordion #cvcNumber:active,.type-cart #paymentAccordion #cvcNumber:focus {
    border: 1px solid #7eb2ff!important
}

.type-cart #paymentAccordion #creditcardOwner:active~.input-group-addon,.type-cart #paymentAccordion #creditcardOwner:focus~.input-group-addon,.type-cart #paymentAccordion #creditcardNumber:active~.input-group-addon,.type-cart #paymentAccordion #creditcardNumber:focus~.input-group-addon,.type-cart #paymentAccordion #cvcNumber:active~.input-group-addon,.type-cart #paymentAccordion #cvcNumber:focus~.input-group-addon {
    border-color: #7eb2ff!important
}

.type-cart #paymentAccordion #creditcardOwner.valid,.type-cart #paymentAccordion #creditcardNumber.valid,.type-cart #paymentAccordion #cvcNumber.valid {
    border: 1px solid #c9c9c9
}

.type-cart #paymentAccordion #creditcardOwner.error,.type-cart #paymentAccordion #creditcardNumber.error,.type-cart #paymentAccordion #cvcNumber.error {
    color: #c00;
    border: 1px solid #c00!important;
    background-color: #e306131a!important
}

.type-cart #paymentAccordion #creditcardOwner.error+.input-group-addon,.type-cart #paymentAccordion #creditcardNumber.error+.input-group-addon,.type-cart #paymentAccordion #cvcNumber.error+.input-group-addon {
    border-color: #c00
}

.type-cart #paymentAccordion #creditcardOwner::-moz-placeholder,.type-cart #paymentAccordion #creditcardNumber::-moz-placeholder,.type-cart #paymentAccordion #cvcNumber::-moz-placeholder {
    color: #0009
}

.type-cart #paymentAccordion #creditcardOwner::placeholder,.type-cart #paymentAccordion #creditcardNumber::placeholder,.type-cart #paymentAccordion #cvcNumber::placeholder {
    color: #0009
}

.type-cart #paymentAccordion #creditcardOwner.small,.type-cart #paymentAccordion #creditcardNumber.small,.type-cart #paymentAccordion #cvcNumber.small {
    height: 40px
}

.type-cart #paymentAccordion #creditcardOwner.disabled,.type-cart #paymentAccordion #creditcardOwner[disabled],.type-cart #paymentAccordion #creditcardOwner[aria-disabled=true],.type-cart #paymentAccordion #creditcardNumber.disabled,.type-cart #paymentAccordion #creditcardNumber[disabled],.type-cart #paymentAccordion #creditcardNumber[aria-disabled=true],.type-cart #paymentAccordion #cvcNumber.disabled,.type-cart #paymentAccordion #cvcNumber[disabled],.type-cart #paymentAccordion #cvcNumber[aria-disabled=true] {
    opacity: .5
}

.type-cart #paymentAccordion #creditcardOwner.disabled:hover,.type-cart #paymentAccordion #creditcardOwner[disabled]:hover,.type-cart #paymentAccordion #creditcardOwner[aria-disabled=true]:hover,.type-cart #paymentAccordion #creditcardNumber.disabled:hover,.type-cart #paymentAccordion #creditcardNumber[disabled]:hover,.type-cart #paymentAccordion #creditcardNumber[aria-disabled=true]:hover,.type-cart #paymentAccordion #cvcNumber.disabled:hover,.type-cart #paymentAccordion #cvcNumber[disabled]:hover,.type-cart #paymentAccordion #cvcNumber[aria-disabled=true]:hover {
    cursor: not-allowed
}

.type-cart #paymentAccordion #creditcardOwner,.type-cart #paymentAccordion #creditcardNumber {
    width: 260px
}

.type-cart #paymentAccordion #cvcNumber {
    width: 100px
}

.type-cart #paymentAccordion #expireMonth {
    margin-right: 8px
}

.type-cart #paymentAccordion #payment-method-content>.col-xs-12>div:first-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0
}

.type-cart #paymentAccordion #payment-method-content>.col-xs-12>div:last-child {
    font-size: 14px;
    color: #444
}

@media(min-width: 768px) {
    .type-cart #paymentAccordion .form-horizontal .control-label {
        margin-right:16px
    }
}

@media(max-width: 1199px) {
    .type-cart #paymentAccordion .payment-method-radio>img {
        width:unset;
        max-width: calc(100% - 40px)!important
    }
}

.type-cart .comment-text-area.form-control {
    margin: 0!important;
    width: 100%!important
}

.type-cart .address-container .multi-btn-container>:not(:last-child) {
    margin-right: 5px
}

.type-cart #payment-method-content #invoice_check {
    font-size: 16px
}

.type-cart #payment-method-content #invoice-b2c>.form-group {
    clear: both
}

.type-cart #deleteAddressConfirmation #myModalLabel,.type-cart .modal-mask #myModalLabel {
    font-weight: 700
}

.type-cart #deleteAddressConfirmation .modal-content,.type-cart .modal-mask .modal-content {
    padding: 24px
}

.type-cart #deleteAddressConfirmation .modal-header,.type-cart #deleteAddressConfirmation .modal-body,.type-cart #deleteAddressConfirmation .modal-footer,.type-cart .modal-mask .modal-header,.type-cart .modal-mask .modal-body,.type-cart .modal-mask .modal-footer {
    padding: 0!important;
    margin-bottom: 12px
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default,.type-cart .modal-mask .modal-footer .btn.btn-default {
    display: inline-block;
    position: relative;
    min-width: 72px;
    min-height: 24px;
    height: auto;
    border-radius: 80px;
    background: #0060b7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-decoration: none!important;
    transition: all .25s ease-in-out;
    cursor: pointer;
    outline: none;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    padding-left: 24px;
    padding-right: 24px;
    background: 0 0;
    border: 1px solid #0060b7;
    color: #0060b7;
    box-shadow: none
}

@media(max-width: 767px) {
    .type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default,.type-cart .modal-mask .modal-footer .btn.btn-default {
        white-space:inherit
    }
}

@media(min-width: 768px) {
    .type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default,.type-cart .modal-mask .modal-footer .btn.btn-default {
        min-width:160px
    }
}

@media(min-width: 1200px) {
    .type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default,.type-cart .modal-mask .modal-footer .btn.btn-default {
        min-width:190px
    }
}

@media(hover: hover) {
    .type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default:hover,.type-cart .modal-mask .modal-footer .btn.btn-default:hover {
        background:#0588ff;
        border: 1px solid transparent;
        color: #fff
    }
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default:active,.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.active,.type-cart .modal-mask .modal-footer .btn.btn-default:active,.type-cart .modal-mask .modal-footer .btn.btn-default.active {
    background: #004584!important;
    border: 1px solid transparent;
    color: #fff;
    outline: none
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.btn-md,.type-cart .modal-mask .modal-footer .btn.btn-default.btn-md {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.btn-lg,.type-cart .modal-mask .modal-footer .btn.btn-default.btn-lg {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.btn-xl,.type-cart .modal-mask .modal-footer .btn.btn-default.btn-xl {
    padding-top: 18px!important;
    padding-bottom: 18px!important
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.btn-fw,.type-cart .modal-mask .modal-footer .btn.btn-default.btn-fw {
    width: 100%
}

@media(max-width: 767px) {
    .type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.btn-fw-mobile,.type-cart .modal-mask .modal-footer .btn.btn-default.btn-fw-mobile {
        width:100%
    }
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default .fa,.type-cart .modal-mask .modal-footer .btn.btn-default .fa {
    font-size: 24px
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default .fa.fa-spinner,.type-cart .modal-mask .modal-footer .btn.btn-default .fa.fa-spinner {
    font-size: 18px
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.icon-left:after,.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.icon-right:after,.type-cart .modal-mask .modal-footer .btn.btn-default.icon-left:after,.type-cart .modal-mask .modal-footer .btn.btn-default.icon-right:after {
    content: "";
    display: block;
    clear: both
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.icon-left svg,.type-cart .modal-mask .modal-footer .btn.btn-default.icon-left svg {
    margin-left: 0;
    margin-right: 8px;
    vertical-align: sub
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.icon-right,.type-cart .modal-mask .modal-footer .btn.btn-default.icon-right {
    text-align: left
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.icon-right svg,.type-cart .modal-mask .modal-footer .btn.btn-default.icon-right svg {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default svg,.type-cart .modal-mask .modal-footer .btn.btn-default svg {
    fill: #fff;
    width: 16px;
    height: 16px
}

@media(hover: hover) {
    .type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default:hover,.type-cart .modal-mask .modal-footer .btn.btn-default:hover {
        box-shadow:none;
        border: 1px solid #0060b7;
        background: rgba(0,102,204,.1);
        color: #0060b7
    }
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default:active,.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default.active,.type-cart .modal-mask .modal-footer .btn.btn-default:active,.type-cart .modal-mask .modal-footer .btn.btn-default.active {
    background: rgba(0,102,204,.25)!important
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default:disabled,.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default .disabled,.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default[disabled],.type-cart .modal-mask .modal-footer .btn.btn-default:disabled,.type-cart .modal-mask .modal-footer .btn.btn-default .disabled,.type-cart .modal-mask .modal-footer .btn.btn-default[disabled] {
    color: #0003;
    background-color: transparent;
    border-color: #0003;
    cursor: auto
}

.type-cart #deleteAddressConfirmation .modal-footer .btn.btn-default svg,.type-cart .modal-mask .modal-footer .btn.btn-default svg {
    fill: #0060b7
}

@media(max-width: 767px) {
    .type-cart .well {
        margin-bottom:16px
    }
}

.type-cart .well>label {
    margin-bottom: 16px!important
}

.type-cart .well .d-flex>a {
    flex: 0 0 20%;
    margin-right: 16px
}

@media(min-width: 768px) {
    .type-cart .well .d-flex>a {
        flex:0 0 10%
    }
}

.type-cart .well p {
    font-size: 14px
}

.type-cart .well .margin {
    margin-bottom: 16px
}

.type-cart .row>.equalHWrap {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    justify-content: flex-start;
    -moz-column-gap: 24px;
    column-gap: 24px
}

@media(max-width: 768px) {
    .type-cart .row>.equalHWrap {
        flex-direction:column
    }
}

.type-cart .row>.equalHWrap .equalHItem {
    width: 50%
}

@media(max-width: 768px) {
    .type-cart .row>.equalHWrap .equalHItem {
        width:100%
    }
}

.type-cart .equalHWrap .equalHItem {
    background: #f6f6f6;
    border: 1px solid #bdbdbd;
    padding: 16px
}

.type-cart .equalHWrap .equalHItem #paymentMethodName {
    margin-bottom: 56px;
    font-size: 14px
}

.type-cart .equalHWrap .equalHItem address,.type-cart .equalHWrap .equalHItem #deliveryName {
    font-size: 14px
}

.type-cart .equalHWrap .accordion-header {
    margin-bottom: 0
}

.type-cart .equalHWrap .accordion-header>h3 {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.type-cart .equalHWrap .accordion-header>.cart-address-btn {
    position: inherit
}

@media(max-width: 992px) {
    .type-cart .equalHWrap .accordion-header>.cart-address-btn {
        margin-bottom:8px
    }
}

.type-cart .equalHWrap .accordion-header>.cart-address-btn.active {
    color: #0060b7
}

.type-cart .shop-link {
    font-size: 14px!important;
    color: #666!important
}

.type-cart #pleaseReadFirst .modal-footer {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .type-cart #agb-confirmation {
        margin-bottom:16px
    }
}

.safari .type-cart .btn-checkout.btn-blue:after,.safari .type-cart .btn-checkout.btn-blue:before,.safari .type-cart .btn-checkout.btn-white-bordered:after,.safari .type-cart .btn-checkout.btn-white-bordered:before {
    display: none
}

.multi-btn-container {
    display: block
}

.multi-btn-container .btn-save {
    margin-bottom: 8px
}

@media(max-width: 767px) {
    .multi-btn-container .btn-cancel {
        margin-bottom:8px
    }
}

.cart-address-btn {
    font-size: 14px;
    text-decoration: underline
}

.checkout-address-container .zip-code-label {
    line-height: 15px;
    color: #222
}

.configurator-tile-list .popover {
    padding: 15px 15px 22px;
    min-width: 300px;
    text-align: center
}

.configurator-tile-list .popover .popover-title {
    padding: 8px 8px 0;
    background: 0 0;
    border-bottom: none;
    text-align: right
}

.configurator-tile-list .popover .popover-content {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 16px
}

.configurator-tile-list .popover .popover-close {
    background: 0 0;
    border: none
}

.configurator-tile-list .popover .popup-value-switch {
    margin-top: 16px;
    margin-bottom: 16px
}

.configurator-tile-list .popover .popup-value-scroll {
    padding-left: 0
}

.payone-cc-message-wrap {
    display: none
}

.payone-input-mock {
    display: block;
    width: 300px
}

.payone-input-mock.payone-input-mock--pan,.payone-input-mock.payone-input-mock--cvc {
    margin-top: 10px
}

.payone-input-mock.payone-input-mock--cvc {
    width: 80px
}

.input-group .payone-input-mock--expire-month,.input-group .payone-input-mock--expire-year {
    position: relative;
    margin-bottom: 0;
    padding: 0
}

.input-group .payone-input-mock--expire-month,.input-group .payone-input-mock--expire-year {
    display: table-cell;
    width: 150px;
    float: left
}

.input-group .payone-input-mock--expire-month {
    margin-right: 16px
}

@media(max-width: 767px) {
    #payone-form .payone-input-mock {
        width:100%
    }

    #payone-form .input-group {
        display: flex;
        justify-content: space-between
    }

    #payone-form .input-group .payone-input-mock--expire-month,#payone-form .input-group .payone-input-mock--expire-year {
        width: 45%
    }
}

.payone-input-mock span {
    width: 100%
}

.payone-input-mock span iframe {
    width: 100%;
    height: 50px
}

#payone-cc-type iframe,#payone-cc-expire-month iframe,#payone-cc-expire-year iframe {
    padding-top: 0
}

.payone-input-mock iframe input,.payone-input-mock iframe input:focus {
    outline: none
}

#payone-form #payone-cc-submit {
    margin-top: 15px
}