/* Fonts */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-display: fallback;
    font-weight: 400;
    src: url('../fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('../fonts/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

body {
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
}

#cista {
    background-color: #ffffff;
    box-shadow: none;
    margin: 0 auto;
    max-width: 1920px;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, legend {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    padding: 1px 0px;
    margin: 1px 0px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 0.04em;
}

h5, h6, legend {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

h2 {
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 10px;
    text-align: center;
}

h1, h3 {
    background: none repeat scroll 0 0 #f6f6f6;
    font-size: 16px;
    line-height: 30px;
    padding: 3px 15px;
}

h1 {
    margin-bottom: 15px;
    text-align: center;
}

h3, h4 {
    margin-bottom: 10px;
}

h4 {
    font-size: 16px;
    line-height: 28px;
}

h5, legend {
    font-size: 16px;
    line-height: 22px;
}

h6 {
    font-size: 13px;
    line-height: 25px;
}

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

ul, ol {
    margin-bottom: 15px;
}

a, a:visited {
    color: #ea7c13;
    cursor: pointer;
}

a:hover, a:focus {
    color: #000000;
    text-decoration: none;
}


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

ul li a,
ul li a:visited,
.header-warenkorb a,
.header-warenkorb a:visited,
.header-merkliste a,
.header-merkliste a:visited,
.item a,
.item a:visited,
.rubrik_item a,
.rubrik_item a:visited,
.panel-title a,
.panel-title a:visited {
    color: #000000;
}

#panel_flaechen .panel-title a,
#panel_flaechen .panel-title a:visited {
    color: #ffffff;
}

.edit_flaeche .fa-pencil-square-o:before {
    background: transparent;
    color: #000;
}

.title i {
    color: #ea9457;
}

.bold {
    font-weight: normal;
}

.color {
    color: #ea9457;
}

.important {
    background-color: #f5e7dd;
    border: 2px solid #ea9457;
    margin: 0;
    padding: 15px;
}

.close {
    opacity: 1;
    color: #ffffff;
    text-shadow: none;
}

.close:hover, .close:focus {
    color: #ffffff;
    cursor: pointer;
    opacity: 1;
}

.alert-info {
    background-color: #666;
    border-color: #000000;
    color: #ffffff;
}

.popover {
    font-size: 13px;
}

.popover.text-normal {
    color: #666666;
}

.sep {
    height: 5px;
    background: url("../img/sep.png") repeat;
}

.hidden-desktop {
    display: none;
}

hr {
    margin: 15px 0px 10px 0px;
    padding: 0px;
    border-top: 0px;
    border-bottom: 1px solid #eeeeee;
    height: 0px;
}

hr.trennlinie {
    border-bottom: 1px solid lightgray;
    margin: 0px;
}

.bor {
    height: 5px;
    margin: 10px 0px 10px 0px;
    background: url('../img/sep.png') repeat-x;
}

.center {
    text-align: center;
}

.horizontal-links a {
    margin-right: 20px;
}

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

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

.well {
    background: #fafafa;
    border: 1px solid #eeeeee;
    padding: 10px 15px;
    box-shadow: inset 0px 0px 2px #eeeeee;
    margin: 20px 0px;
}

.error {
    padding: 5px 10px;
    margin: 20px 0;
}

dl.dl-horizontal.dl-sm dt {
    width: 120px;
}

dl.dl-horizontal.dl-sm dd {
    margin-left: 130px;
}

body.shepherd-active .shepherd-target.shepherd-enabled {
    position: relative;
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.5);
    z-index: 10;
    pointer-events:  auto;
    transition: all 0.3s ease;
    max-width: 100%;
}

body.shepherd-active .shepherd-step {
    pointer-events:  auto;
    z-index: 9999;
}

body.shepherd-active {
    pointer-events:  none !important;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content {
    /*background-color: #ec7405;*/
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
    /*border-bottom-color: #ec7405;*/
}

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-footer {
    padding: 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-footer .shepherd-buttons li + li {
    margin-left: 10px;
}

.shepherd-content.modal_auswahl .btn {
    padding-top: 9px;
}

.modal_auswahl form {
    margin: 0;
}

.modal-rechnung-zahlen form {
    margin: 0px;
}


/*
.container.main > * {
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0.3;
}

body:not(.shepherd-active) .container.main > * {
    opacity: 1;
}

.container.main .shepherd-target.shepherd-enabled {
    opacity: 1;
}
*/

/* Main Content */
.container.main {
    /*margin-top: 20px;*/
}

.col-md-3 .title:first-child,
.col-md-9 .title:first-child {
    margin-bottom: 18px;
}

.col-md-9 .items:first-child {
    margin-top: 0;
}

body.start .main .col-xs-12 > a,
body.rubrik .main .col-xs-12 > a,
body.gruppe .main .col-xs-12 > a,
body.inhalt .main .col-xs-12 > a,
body.start_app .main .col-xs-12 > a,
body.rubrik_app .main .col-xs-12 > a,
body.gruppe_app .main .col-xs-12 > a,
body.inhalt_app .main .col-xs-12 > a {
    display: block;
}

body.start .main .col-xs-12 > a > .img-responsive,
body.rubrik .main .col-xs-12 > a > .img-responsive,
body.gruppe .main .col-xs-12 > a > .img-responsive,
body.inhalt .main .col-xs-12 > a > .img-responsive,
body.start_app .main .col-xs-12 > a > .img-responsive,
body.rubrik_app .main .col-xs-12 > a > .img-responsive,
body.gruppe_app .main .col-xs-12 > a > .img-responsive,
body.inhalt_app .main .col-xs-12 > a > .img-responsive {
    margin: 0 auto;
}

.img-center {
    margin: 0 auto;
}

/* graue Boxen */
.box-grau {
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    margin: 0 0 20px;
    overflow: hidden;
}

.box-grau h4 {
    background: none repeat scroll 0 0 #f6f6f6;
    margin: 0 0 10px;
    padding: 0 20px;
}

.box-grau .box-inner {
    padding: 0 20px 15px;
}

.box-grau ul {
    margin-bottom: 0;
}

.box-grau.vorteile ul li span.fa {
    color: #ec7405;
}

.text-info {
    color: #666666;
}

.bg-primary {
    background-color: #096fb7;
}

.border-primary {
    background-color: #ffffff;
    border: 2px solid #ea7c13;
    border-radius: 5px;
    color: #ea7c13;
}

.bg-important {
    background-color: #ffffff;
    border: 1px solid #e16d1a;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 #e16d1a;
    padding: 15px;
    transition: box-shadow 1s ease 0s;
}

#cookie-hinweis {
    background-color: #666666;
    color: #ffffff;
    display: none;
}

#cookie-hinweis .btn-info {
    padding: 5px 15px;
    line-height: normal;
    margin-left: 15px;
    background: none;
    background-color: #0055AD;
    color: #ffffff;
    border-color: #0055AD;
    float: right;
    font-size: 16px;
}

.bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .btn-default.btn.btn_abholung_wechseln {
    color: #fff;
}

.bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .btn-default.btn.btn_abholung_wechseln:hover {
    color: #005E8F;
    border-color: #005E8F;
}

#cookie-hinweis .btn-info:hover,
.btn_abholung_wechseln:hover,
.bestellprozess_schritt_1_warenkorb.warenkorb table a.btn_abholung_wechseln:hover {
    background-color: #fff;
    color: #0055AD;
}

.btn_abholung_wechseln:hover,
.bestellprozess_schritt_1_warenkorb.warenkorb table a.btn_abholung_wechseln:hover {
    color: #005E8F;
}

#cookie-hinweis form {
    text-align: left;
}

#cookie-hinweis .container {
    padding: 10px 15px 10px 15px;
}

/* Form */

form {
    margin: 5px 0px;
}

form * {
    /*font-size:13px !important;*/
}

form div.buttons,
.buttons.oben {
    /*margin: 0.6em 0 0.5em;*/
    text-align: right;
    padding-bottom: 15px;
}

form label img.fragezeichen {
    margin: 0 0 0 2px;
    vertical-align: middle;
    width: 20px;
}

.form-control {
    border: 1px solid #d1d1d1;
    border-radius: 0px;
}

.form-control.label-clear {
    background-color: #fff;
}

.AbholHinweis {
    background-color: #f5e7dd;
    border: 2px solid #ea7c13;
    margin-top: 25px;
}

.AdresseHinweis {
    padding: 20px;
}


/* Modal */

.modal-header {
    background: none repeat scroll 0 0 #003056;
    border-radius: 6px 6px 0 0;
    text-align: center;
}

.modal-title {
    color: #ffffff;
}

.modal-dialog.modal-wide {
    width: 1020px;
}

.modal-body h1,
.modal-body h2 {
    display: none;
    visibility: hidden;
}

/* Panel */
.panel-heading {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 3px 15px;
}

.panel-heading h3 {
    background-color: transparent;
    padding: 0;
}

.panel-default > .panel-heading {
    color: #666666;
}

.panel-primary {
    border-color: #ec7405;
}

.panel-primary > .panel-heading {
    background-color: #ec7405;
    border-color: #ec7405;
    color: #fff;
}

.panel-primary > .panel-heading > .panel-title > a {
    color: #ffffff;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ec7405;
}

/* Button */

a.btn, a.btn:visited, a.btn:hover {
    color: #333333;
}

a.btn {
    font-weight: 600;
}

.btn {
    font-size: 16px;
}

a.btn-lg {
    font-size: 18px;
}

.btn-secondary,
a.btn-secondary {
    background-color: #ffffff;
    border: 1px solid #dad7d7;
    color: #ec7405;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active,
a.btn-secondary:hover, a.btn-secondary:focus, a.btn-secondary:active, a.btn-secondary.active {
    background: linear-gradient(to bottom left, #ec7405, #eda674);
    border: 1px solid #dad7d7;
    color: #ffffff;
}

a.btn-primary, a.btn-primary,
a.btn-warning, a.btn-warning:visited, a.btn-warning:hover,
a.btn-danger, a.btn-danger:visited, a.btn-danger:hover,
a.btn-success, a.btn-success:visited, a.btn-success:hover,
a.btn-inverse, a.btn-inverse:visited, a.btn-inverse:hover {
    color: #ffffff;
}

.btn {
    border-radius: 1px;
}

.btn-primary,
.btn-primary:active,
.btn-primary.active {
    background: #ea7c13;
    border: 1px solid #ea7c13;
    color: #ffffff;
    box-shadow: none;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.btn-primary-inverse,
.btn-primary-inverse:active,
.btn-primary-inverse.active {
    background: #ffffff;
    border: 1px solid #ea7c13;
    color: #ea7c13;
    box-shadow: none;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
}

.btn-primary-inverse:hover,
.btn-primary-inverse:active,
.btn-primary-inverse:visited {
    background: #ea7c13;
    border: 1px solid #ea7c13;
    color: #ffffff;
    box-shadow: none;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
}

.btn-default {
    position: relative;
    overflow: hidden;
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    background: #fff;
    border: 1px solid #ea7c13;
    color: #ea7c13;
}

.btn-blau,
.btn-blau:active,
.btn-blau.active {
    background: #005E8F;
    border: 1px solid #005E8F;
    color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

.btn-blau:hover,
.btn-blau:focus {
    background-color: #ffffff;
    color: #005E8F;
    border-color: #005E8F;
    box-shadow: none;
}

.btn-primary:after,
.btn-default:after,
.btn-blau:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, .5);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
}

a.btn.btn-blau {
    color: #fff;
}

a.btn.btn-blau:hover {
    color: #005E8F;
}

.container-full {
    margin: 0 auto;
    width: 100%;
}

.trenner-extra {
    height: 30px;
    background: #f0f0f0;
    margin: 15px 0px;
}

.btn-primary:hover > .ink,
.btn-default:hover > .ink {
    /*
    animation: ripple 1s ease-out;
    */
}

.header_merkliste .btn-primary:hover,
.header_warenkorb .btn-primary:hover,
.header-merkliste-button:hover,
.header-merkliste-button:hover a {
    border-left: none;
    border-color: lightgrey;
    background-color: rgba(255,255,255,0);
}

.header_merkliste:hover .fa-heart-o {
    color: #ea7c13;
}

.search .input-group-btn .btn-default {
    padding: 0px;
}

.header_warenkorb .btn-primary:hover span,
.search .input-group-btn .btn-default:hover span{
    color: #ea7c13;
}

.header_merkliste .btn-primary,
.header_warenkorb .btn-primary {
    box-shadow: none;
}

.search .input-group-btn .btn-default:hover {
    border-color: lightgrey;
    background-color: #fff;
}

.search .input-group-btn .btn-default:hover .bold {
    color: #000000;
}

.ink {
    /*
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: all;
    */
}

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

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

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

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

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

.bestellschein .modulGutschein .type-text {
    width: 50%;
    float: left;
    padding: 7px 9px 6px 9px;
}

.bestellschein .modulGutschein .type-button input {
    margin: 5px 0px 0px 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    padding: 4px 10px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.bestellschein .modulGutschein .type-button input:hover {
    color: #ea7c13;
    border-color: #ea7c13;
}

.row.cart.bestellprozess_schritt_1_warenkorb.warenkorb .col-md-4.buttons .btn.btn-default {
    font-weight: 400;
}

.nav_warenkorb.hidden-sm.hidden-md.btn-default:hover,
.nav_merkliste.hidden-sm.hidden-md.btn-default:hover {
    background-color: transparent;
    color: #000000;
}

.nav_warenkorb.hidden-sm.hidden-md.btn-default:hover span,
.nav_warenkorb.hidden-sm.hidden-md.btn-default:hover .wert,
.nav_merkliste.hidden-sm.hidden-md.btn-default:hover span {
    color: #ec7405;
}

.checkout.bestellprozess_schritt_4_zahlung .col-sm-offset-1.col-sm-11.btn-default:hover {
    background-color: #ebebeb;
    border-color: #adadad;
}

.start .container h1,
.rubrik .container h1,
.gruppe .container h1,
.gruppe .container h3,
.start_app .container h1,
.rubrik_app .container h1,
.gruppe_app .container h1,
.gruppe_app .container h3,
.panel-group .panel-default .panel-heading,
.panel-group .panel-default .panel-heading h2,
.panel-group .panel-default .panel-heading h3,
.panel-group .panel-default .panel-heading h4,
.zahlungsart .popover-title,
.kaeuferschutz .popover-title,
.Flaechenplaner .popover-title,
.TelefonPrivat .popover-title,
.TelefonGeschaeft .popover-title,
.TelefonMobil .popover-title,
.baugewerbe_registrieren .popover-title,
.bestellung_anmerkung_panel .panel-heading,
.container.leistungen .panel-heading,
.bestellung_anschrift .anschrift .panel-heading,
.bestellung_anschrift_app .anschrift .panel-heading,
.bestellung_anschrift .lieferanschrift .panel-heading,
.bestellung_anschrift_app .lieferanschrift .panel-heading,
.bestellung_anschrift .lieferanschrift .panel-heading .sattelzughinweis,
.bestellung_uebersicht .rechnungsadresse .panel-heading,
.bestellung_uebersicht_app .rechnungsadresse .panel-heading,
.bestellung_uebersicht_app .rechnungsadresse .panel-heading .fa-edit:before,
.bestellung_uebersicht .rechnungsadresse .panel-heading .fa-edit:before, .fa-pencil-square-o:before,
.bestellung_uebersicht .lieferadresse .panel-heading,
.bestellung_uebersicht_app .lieferadresse .panel-heading,
.bestellung_uebersicht_app .lieferadresse .panel-heading .fa-edit:before,
.bestellung_uebersicht .lieferadresse .panel-heading .fa-edit:before, .fa-pencil-square-o:before,
.bestellung_uebersicht .zahlung  .panel-heading,
.bestellung_uebersicht_app .zahlung  .panel-heading,
.bestellung_uebersicht_app .zahlung  .panel-heading .fa-edit:before,
.bestellung_uebersicht .zahlung  .panel-heading .fa-edit:before, .fa-pencil-square-o:before,
.artikel .product-main .artikel_bezeichnung,
.artikel .product-main .artikelmerkmale_desktop h3,
.product-main .artikelmerkmale_mobil h3,
.artikel .zubehoer .title,
.artikel_app .product-main .artikel_bezeichnung,
.artikel_app .product-main .artikelmerkmale_desktop h3,
.artikel_app .zubehoer .title,
.zubehoer_mobil .panel-title,
#frmUebersicht .tcart thead .bild,
#frmUebersicht .tcart thead .daten,
#frmUebersicht .tcart thead .menge,
#frmUebersicht .tcart thead .preis,
#frmUebersicht .tcart thead .gesamtpreis,
#modalKontakt .modal-header,
#modalKontakt .modal-title,
#abholung_modal_dialog .modal-header,
#abholung_modal_dialog .modal-title,
.geschaeftskonto_registrierung h1,
.geschaeftskonto_bestaetigt_erfolg h1,
h1.titel_blau,
#login .modal-header,
#login .modal-header h4,
#login .modal-header .close,
.Flaechenplaner .flaechenplaner_uebersicht,
.popover-vergleichsliste h3,
.ts-kaeuferschutz .produkt .popover-title,
.youtube_videos .panel-heading,
.artikel_personalisiert .popover-title,
#modalFlaechenplanerEinstieg h3,
#topnav_shopauswahl .land label,
#topnav_shopauswahl .kundengruppe > label,
h4.titel_blau,
h3.titel_blau,
h2.titel_blau,
.artikeldaten .mengenformel_input .popover-title,
.eingabefelder .panel-heading,
.modulGutschein .panel-heading,
.panel-blau .panel-heading {
    background-color: #003056;
    color: #fff;
    border-radius: 0;
    padding: 0 10px;
    min-height: 28px;
}

#collapsePanelFlaechen .fa-pencil-square-o:before {
    padding: 0;
    background-color: #fff;
    color: #000;
}

#collapsePanelFlaechen .fa:before {
    color: #000;
}

.Flaechenplaner #collapsePanelFlaechen .btn-default:hover .fa:before {
    color: #ea7c13;
}

#modalKontakt .modal-header,
#login .modal-header h4,
#login .modal-header .close {
    padding: 15px;
}

.bestellung_anschrift .lieferanschrift .panel-heading .sattelzughinweis,
.panel-group .panel-default .panel-heading h3.sattelzughinweis {
    padding: 0px;
}

#login .modal-header .close {
    background: transparent;
}

#frmAnschrift .panel-group.toggle_text .panel-default .panel-heading {
    padding: 0px 10px;
}

.panel-group.toggle_text .panel-default .panel-heading {
    padding: 3px 15px;
    line-height: initial;
}

.ts-kaeuferschutz .produkt .popover-title,
.artikel_personalisiert .popover-title,
h4.titel_blau {
    text-align: center;
    font-weight: bold;
}

.TelefonPrivat .popover-content,
.TelefonGeschaeft .popover-content,
.TelefonMobil .popover-content {
    font-weight: normal;
}

.TelefonPrivat .popover,
.TelefonGeschaeft .popover,
.TelefonMobil  .popover {
    width: 400px;
}

.btn-transparent {
    background-color: transparent;
}

.btn-info {
    background: linear-gradient(to top, #dad7d7, #f0f0f0);
    border: 1px solid #dad7d7;
    color: #666666;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    border: 1px solid #dad7d7;
    color: #666666;
    background-color: #fff;
}

.btn.planer-starten {
    font-weight: 600;
    text-transform: uppercase;
    background-color: #0055AD;
    border-color: #0055AD;
}

.btn-fp-app {
    display: none !important;
}

.button {
    margin: 10px 0px 5px 0px;
}

button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

.button a, .button a:visited {
    font-size: 14px;
}

button.close {
}

body.start .main .col-md-9 a.btn,
body.rubrik .main .col-md-9 a.btn,
body.gruppe .main .col-md-9 a.btn,
body.start_app .main .col-md-9 a.btn,
body.rubrik_app .main .col-md-9 a.btn,
body.gruppe_app .main .col-md-9 a.btn {
    margin-bottom: 25px;
}

.important .ui-icon-alert,
.WarenKorbHinweisFrachtpauschale .ui-icon-alert {
    float: left;
    margin: 0 5px 0 0;
}

/* Social */

.social {
    font-size: 13px;
    padding: 0px;
}

.social .list-inline > li {
    padding-left: 0;
}

.social li a {
    display: inline-block;
    height: 32px;
    width: 32px;
    margin-top: 20px;
    padding: 0px;
}

.social li a img {
    width: 100%;
}

.apps .list-inline > li {
    margin-top: 5px;
}

.footer_unten .impressum {
    display: flex;
}

.social #facebook-icon {
    background-position: -40px -40px;
}

.social #twitter-icon {
    background-position: -134px -40px;
}

.social #googleplus-icon {
    background-position: -181px -40px;
}

.social #youtube-icon {
    background-position: -134px -228px;
}

.social #pinterest-icon {
    background-position: -87px -40px;
}

.social #instagram-icon {
    background-position: -40px -228px;
}

.social #blog-icon {
    background-position: -181px -322px;
}

.zahlungsmethoden img {
    margin-right: 5px;
    width: 56px;
    height: 40px;
}

/* Font Awesome */
.fa-angle-right,
.fa-angle-left,
ul li .fa-check,
.fa-phone,
.fa-fax,
.fa-envelope {
    margin: 0 5px 0 0;
}

/* Back to top */

.totop {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 104400;
}

.totop a, .totop a:visited {
    background: #ec7405;
    display: block;
    width: 30px;
    height: 30px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
}

.totop a:hover {
    background: #ea9457;
    color: #ffffff;
    text-decoration: none;
}

/* Image alignment*/

.alignleft, img.alignleft {
    margin-right: 8px;
    margin-top: 5px;
    display: inline;
    float: left;
}

.alignright, img.alignright {
    margin-left: 8px;
    margin-top: 5px;
    display: inline;
    float: right;
}

.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

/* 1-3 Column */

.onethree-left {
    float: left;
    width: 25%;
}

.onethree-right {
    float: right;
    width: 70%;
}

/* Half column */

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

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

.container {
    width: 100%;
}

.container.p0 {
    padding: 0;
}

/* Title */

.title, legend {
    margin-bottom: 8px;
    padding-bottom: 3px;
    padding-left: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.main .col-md-3 .title {
    padding-left: 24px;
}

.title i, legend i {
    margin-right: 3px;
}

/* Header */

header {
    margin-bottom: 0px;
}

header > .container {
    height: 195px;
}

header .logo h1 a, header .logo h1 a:visited, header .logo h1 a:hover {
    font-size: 35px;
    text-decoration: none;
    font-weight: 400;
}

header .logo a, header .logo a:visited, header .logo a:hover {
    border: none;
}

header .logo .meta {
    color: #888888;
    line-height: 15px;
    padding: 0px;
    margin: 0px;
}

header .row.search {
    padding-top: 10px;
}

header #tsBox,
header .tsBox {
    padding-top: 30px;
    text-align: center;
}

header .hlinks > span {
    font-size: 16px;
    padding: 5px 0;
}

header .hlinks > span > span {
    margin: 0 0 0 15px;
}

header .hlinks a, header .hlinks a:visited {
    text-decoration: none;
}

header .hlinks a:hover {
}

header .lr {
}

header form input, header form button {
    margin-bottom: 10px !important;
}

header .ts-logo {
    padding: 15px 0 0;
    text-align: center;
}

/* Navigation */
#categorie_navigation {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

body.bestellung_anschrift #categorie_navigation,
body.bestellung_zahlung #categorie_navigation,
body.bestellung_uebersicht #categorie_navigation,
body.bestellung_bestaetigung #categorie_navigation {
    /*display: none;*/
}

#categorie_navigation.fixed {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #ec7405;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 101;
}

#categorie_navigation.fixed .navbar {
    border-bottom: none;
}

/* Logo in Fixed Nav */
.nav_logo {
    display: none;
    position: absolute;
    left: 5px;
    top: -2px;
    z-index: -1;
}
#categorie_navigation.fixed .nav_logo {
    display: block;
}

/** Warenkorb in Nav **/
.nav_merkliste {
    background: transparent;
    color: #000000;
    display: none;
    padding: 5px;
    position: absolute;
    right: 85px;
    top: 1px;
    z-index: -1;
    text-align: center;
}
.nav_merkliste .MerklisteInhalt span,
.nav_merkliste .jetzt_bestellen .merkliste_leer_icon {
    color: #000000;
}

header .header-merkliste-button:hover .fa-heart.merkliste_leer_icon {
    color: #EC7405;
}

.nav_warenkorb {
    background: transparent;
    color: #000000;
    display: none;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 1px;
    z-index: -1;
    text-align: center;
}

.nav_outer_suche {
    display: none;
    position: absolute;
    right: 235px;
    top: 2px;
}

.nav_outer_suche > form > div.input-group {
    width: 241px;
}

.nav_outer_suche .fa.fa-search {
    font-size: 16px;
    top: 6px;
    left: 15px;
}

.nav_outer_suche > form > div.input-group > span > button,
.nav_outer_suche > form > div.input-group > input {
    height: 30px!important;
}

#categorie_navigation.fixed .nav_merkliste,
#categorie_navigation.fixed .nav_warenkorb,
#categorie_navigation.fixed .nav_outer_suche {
    display: block;
}

.nav_merkliste .MerklisteInhalt,
.nav_warenkorb .WarenkorbInhalt {
    color: #ffffff;
    float: left;
    height: auto;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 0;
    width: auto;
}
.nav_merkliste .WarenkorbInhalt a div,
.nav_warenkorb .WarenkorbInhalt a div {
    float: left;
    margin: 0 5px 0;
    color: #000000;
}

.nav_merkliste .jetzt_bestellen .fa-heart {
    font-size: 1.4em;
}

.fixed .nav_merkliste .jetzt_bestellen .fa-heart {
    font-size: 17px;
}

.fixed .nav_merkliste,
.fixed .nav_warenkorb {
    padding: 0px;
}

.nav_warenkorb .jetzt_bestellen .fa-shopping-cart {
    color: #000000;
    font-size: 1.4em;
}

.navbar {
    padding: 0px !important;
    margin: 0px;
    color: #000000;
    border-top: none;
    border-bottom: none;
    border-radius: 0px;
    filter: none !important;
    border-left: 0px !important;
    border-right: 0px !important;
    font-size: 17px;
}

.navbar-default {
    background-color: #ffffff;
    border-color: transparent;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.navbar .container > .navbar-header,
.navbar .container > .navbar-collapse {
    padding-left: 0px;
}

.navbar ul {
    margin: 0px;
    padding: 0px;
}

.navbar ul li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.navbar ul li.menu-rubrik {
    display: block;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #ec7405;
}

.navbar button {
    background: #ec7405;
    font-size: 13px;
}

.navbar button:hover {
    background: #ec7405;
}

.navbar-toggle {
    float: none;
}

.navbar-toggle .icon-bar {
    background: #ffffff;
}

.navbar .caret {
    border-top-color: #ec7405 !important;
    border-bottom-color: #ec7405 !important;
    display: none;
    visibility: hidden;
}

.navbar .nav {
}

.navbar .nav > li > a {
    border: medium none;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .04em;
    padding: 23px 8px 8px 8px;
    text-shadow: none!important;
    transition: background 1s ease 0s;
    margin-top: 0px;
}

.navbar .nav > li.aktiv > a {
    color: #ea7c13;
    border-bottom: 5px solid #ec7405;
}

/*
.navbar .nav > li > a:after {
    color: #666666;
    content: ".";
    font-weight: bold;
    margin: 0 0 5px 15px;
    position: relative;
    top: -4px;
}
*/

.navbar .nav > li.open > a:after {
    color: #ffffff;
}

.navbar .nav > li > a {
    border-bottom: 5px solid #ffffff;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a.open {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    background: transparent;
    border: none;
    color: #ec7405;
    border-bottom: 5px solid #ec7405;
}



.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
    background: #ec7405 !important;
    border: none;
    color: #ffffff;
    box-shadow: none;
}

#categorie_navigation.fixed .navbar {
    min-height: 20px;
}

#categorie_navigation.fixed .navbar .nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
}

.nav-collapse a {
    font-weight: normal !important;
    text-shadow: none !important;
}

.nav-collapse .nav > li > a {
    font-weight: 700;
}

/** Drowdown YAMM **/
#categorie_navigation .dropdown-menu {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0px 0px;
    margin: 0px;
    z-index: 2000;
    min-height: 220px;
    border-bottom: 1px solid #cdcdcd !important;
}

/** Rubriken in erster Reihe weiter nach oben ziehen */
#categorie_navigation .dropdown.number-wp .dropdown-menu,
#categorie_navigation .dropdown.number-fzwp .dropdown-menu,
#categorie_navigation .dropdown.number-kp .dropdown-menu,
#categorie_navigation .dropdown.number-vlf .dropdown-menu,
#categorie_navigation .dropdown.number-ls .dropdown-menu,
#categorie_navigation .dropdown.number-df .dropdown-menu {
    top: 100%;
}

/*
#categorie_navigation .dropdown-menu li > a {
    padding: 10px;
    text-shadow: none !important;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    border-bottom: none;
    font-size: 16px;
    color:#000000;
    display: inline-block;
    width: 38%;
}

#categorie_navigation .dropdown-menu a:hover,
#categorie_navigation .dropdown-menu a:focus {
    filter: none !important;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    border-bottom: none;
    color: #ec7405;
}
*/

.dropdown-menu li.gruppe-link > a {
    padding: 5px 0px;
}

#categorie_navigation .dropdown-menu::after,.navbar .nav>li>a:hover
#categorie_navigation .dropdown-menu::before {
    border: none !important;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    border-radius: 0px !important;
}

.nav-collapse .dropdown-menu li + li a {
    margin-bottom: 0px !important;
}

/*.service .dropdown-menu {
    left: -110px;
}*/

.service .shopauswahl.dropdown-menu {
    left: -235px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #ec7405;
}

/* Modal Login */

#login .modal-footer {
    margin-top: 0;
    text-align: left;
}

#login .lead {
    margin-bottom: 0;
}

/* Page heading */

.page-head {
    padding: 20px 0px;
    box-shadow: inset 0px 0px 4px #bbbbbb;
    background: #f8f8f8;
    border-bottom: 1px solid #dddddd;
}

.page-head h2 {
    color: #777777;
    font-size: 23px;
    line-height: 33px;
}

.page-head h4 {
    color: #999999;
    font-size: 15px;
}

/* Content */

.content {
    margin: 20px 0px;
}

.content ul li {
    list-style-type: circle;
    padding: 1px 0px;
    margin: 0px;

}

.lists ul {
    margin: 0px;
    margin-left: -15px;
}

.tab-pane ul {
    margin: 0px;
    margin-left: 25px;
    padding: 0px;
}

.tab-pane .artikel_filter ul {
    margin-left: -5px;
}

/* Promobox */

.promo {
    margin: 10px 0px;
}

.promo .pcol-left {
    width: 38%;
    float: left;
    text-align: center;
}

.promo .pcol-right {
    width: 58%;
    float: right;
}

.promo .pbox {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    padding: 25px 25px;
    box-shadow: 0px 0px 4px #888888;
    border: 1px solid #ffffff;
    min-height: 130px;
    max-height: 250px;
    margin: 10px 0px;
}

.promo a, .promo a:visited, .promo a:hover {
    color: #ffffff;
    text-decoration: none;
}

.promo img {
    width: 70px;
    max-height: 120px;
}

.promo .rcolor {
    background: #ff5d5e;
    color: #ffffff;
}

.promo .bcolor {
    background: #5eb2d9;
    color: #ffffff;
}

.promo .gcolor {
    background: #54da4d;
    color: #ffffff;
}

.promo .pmed {
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
}

.promo .psmall {
    font-size: 13px;
    line-height: 20px;
}

/* Cart */

.cart {
    margin: 0 0 15px;
}

.cart-wrapper {
    margin-left: 15px;
    margin-right: 15px;
}

.cart-wrapper .row > div:not(.row) {
    float: left;
    position: relative;
    min-height: 1px;
    padding: 5px 15px;
}

.cart-wrapper .row.cart-item .gesamtpreis {
    float: right;
}

.cart-wrapper .cart-header {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    font-weight: 700;
}

.cart-wrapper div.bild {
    width: 17%;
}

.cart-wrapper div.daten {
    width: 40%;
}

.cart-wrapper .cart-item:not(.zuschlag) div.daten .bezeichnung,
.cart-wrapper .cart-item:not(.zuschlag) div.daten .artikel_zusatztext {
    line-height: normal;
}

.cart-wrapper div.daten .bezeichnung {
    font-weight: 700;
}

.cart-wrapper div.daten .dl-horizontal {
    margin-top: 10px;
}

.cart-wrapper div.daten a,
.cart-wrapper div.daten a:visited,
.cart-wrapper div.daten a:hover,
.cart-wrapper div.daten a:active {
    color: inherit;
}

.cart-wrapper div.aktion {
    width: 11%;
}

.cart-wrapper div.menge {
    text-align: right;
    width: 12%;
}

.cart-wrapper div.preis {
    text-align: right;
    width: 10%;
}

.cart-wrapper div.gesamtpreis {
    text-align: right;
    width: 10%;
}

.cart-item {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.cart-item .montage {
    display: none;
}

body.shepherd-active .cart-item.shepherd-enabled {
    border: 2px solid #000000;
}

body.shepherd-active .cart-item.shepherd-enabled .montage {
    display: block;
    text-align: center;
}

body.shepherd-active .cart-item.shepherd-enabled .montage .dropdown-toggle {
    border: 2px solid #e16d1a;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

body.shepherd-active .cart-item.shepherd-enabled .montage .open .dropdown-toggle {
    border-color: #fff;
    box-shadow: none;
}

ul.montagearten {
    text-align: left;
    font-size: 16px;
    border: 2px solid #ea7c13 !important;
}

ul.montagearten.dropdown-menu li > a {
    padding: 5px 0;
    margin-left: 20px;
    margin-right: 20px;
}

ul.montagearten.dropdown-menu li {
    border-top: 2px solid #ccc;
}

ul.montagearten.dropdown-menu li:first-child {
    border: none;
}

form[name="frmBefestigungBestellen"] .summe_brutto .row,
.befestigung-item .row {
    margin-left: 0;
    margin-right: 0;
}

form[name="frmBefestigungBestellen"] .summe_brutto .row > div,
.befestigung-item .row > div {
    padding-left: 0;
    padding-right: 0;
}

.befestigung-item:not(.summe_brutto) .row > div {
    border-top: 1px solid #ddd;
}

form[name="frmBefestigungBestellen"] .summe_brutto .row + .row {
    border-top: 1px solid #ddd;
}

form[name="frmBefestigungBestellen"] .summe_brutto {
    border-bottom: 1px solid #666;
    padding-top: 15px;
    margin-bottom: 30px;
}

.cart-wrapper .cart-footer {
    margin-top: 25px;
}

.cart-wrapper .summe_netto,
.cart-wrapper .summe_brutto {
    font-weight: 700;
}

.cart-wrapper .zuschlag-warenkorb .text,
.cart-wrapper .summe_netto .text,
.cart-wrapper .summe_brutto .text {
    float: left;
    width: 90%;
    text-align: right;
}

.cart-wrapper .zuschlag-warenkorb .wert,
.cart-wrapper .summe_netto .wert,
.cart-wrapper .summe_brutto .wert {
    float: right;
    width: 10%;
    text-align: right;
}

/* Verlauf */
.bestellprozess_verlauf .breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 8px 0px;
}
.bestellprozess_verlauf .breadcrumb .balken {
    background-color: #ebebeb;
    color: #000000;
    font-weight: bold;
    list-style-type: none;
    position: relative;
    text-align: center;
    height: 32px;
    line-height: 32px;
}
.bestellprozess_verlauf .breadcrumb .letzter {
}

.bestellprozess_verlauf .breadcrumb .active {
    background-color: #0055AD;
}
.bestellprozess_verlauf .breadcrumb .active a {
    color: #ffffff;
}
.bestellprozess_verlauf .breadcrumb .arrow {
    background-color: #ffffff;
    border-bottom: 16px solid transparent;
    border-left: 20px solid #ebebeb;
    border-top: 16px solid transparent;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.bestellprozess_verlauf .breadcrumb .active .arrow {
    border-left: 20px solid #0055AD;
}

/* Warenkorb */
.tcart th.menge,
.tcart th.preis,
.tcart th.gesamtpreis {
    text-align: right;
}

.tcart th.menge,
.tcart td.menge {
    min-width: 80px;
}

.tcart .bild {
    text-align: center;
}

.tcart .bezeichnung {
    font-weight: 700;
}

.tcart tr.enthaltene_steuer td {
    font-size: 11px;
}

.bestellprozess_schritt_1_warenkorb .warenkorb {
    background-color: #ebebeb;
    /*border: 1px solid #d1d1d1;*/
    border-radius: 4px;
    margin-bottom: 20px;
}

body.bestellschein .ts_video {
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: #dddddd;
    border-bottom-width: 1px;
    padding-bottom: 5px;
    width: auto;
}

body.bestellschein .ts_video p {
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

body.bestellschein form[name="frmBestellschein"] .form-group {
    margin-bottom: 0;
}

body.bestellschein .gutschein {
}

body.bestellschein .gutschein .modulGutschein {
    margin: 0 20px;
}

body.bestellschein .gutschein .modulGutschein .gutschein_hinweise {
    font-size: 14px;
}

.angebot-per-mail {
}

.angebot-per-mail .btn {
    display: inline-block;
}

.angebot-per-mail .panel-body {
    font-size: 14px;
    padding-top: 20px;
}

.angebot-per-mail .panel-body,
.gutschein .panel-body {
    min-height: 90px;
}

.angebot-per-mail .panel-body .hinweis {
    padding: 6px 0;
}

.angebot-per-mail .panel-body img.zahlung_info {
    margin-top: 3px;
}

.bestellprozess_schritt_1_warenkorb .fa-shopping-cart {
    font-size: 20px;
    margin-right: 5px;
}

.bestellprozess_schritt_1_warenkorb table.tcart td.item-input input {
    min-width: 50px;
}

.bestellprozess_schritt_1_warenkorb table.tcart .aktion .btn {
    padding: 6px 0 3px;
    text-align: center;
    width: 36px;
}

.bestellprozess_schritt_1_warenkorb table.tcart .aktion .btn .fa {
    font-size: 18px;
}

.bestellprozess_schritt_1_warenkorb h3.title {
    line-height: 40px;
}

.bestellprozess_schritt_1_warenkorb h3.title .btn {
    display: inline-block;
    margin-bottom: 6px;
}

.bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .btn-default {
    margin-right: 10px;
    min-width: 250px;
}

table.tcart .dl-horizontal {
    margin-top: 5px;
}

table.tcart .dl-horizontal dt {
    width: 90px;
}

table.tcart .dl-horizontal dd {
    margin-left: 110px;
}

form #btnBack,
form #btnSubmit {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    letter-spacing: 0.04em;
    width: 120px;
}

.mein_konto_verwalten_box_mobil form #btnSubmit {
    width: 100%;
}

.mein_konto_verwalten_box_mobil form {
    margin: 0px;
}


body.bestellung_anschrift .main form[name="frmLogin"] .login_anmelden_btn_div,
body.bestellung_anschrift .main form[name="frmLogin"] .login_passwort_vergessen_div {
    /*display: inline;*/
}

body.bestellung_anschrift #collapse_1 .login_anmelden_btn_div {
    width: 100%;
    display: block;
    float: left;
}

body.bestellung_anschrift #collapse_1 .login_anmelden_btn_div button,
body.bestellung_anschrift #collapse_1 .login_passwort_vergessen_div a {
    width: 100%;
}

body.bestellung_anschrift #collapse_1 .login_passwort_vergessen_div {
    width: 100%;
    float: left;
}

.bestellprozess_schritt_2_anschrift .buttons.oben {
    margin-top: 5px;
    margin-bottom: 10px;
}

.bestellprozess_schritt_2_anschrift .buttons #btnBack,
.checkout #btnBack {
    margin-right: 10px;
    width: 120px;
    margin-top: 15px;
}

.mein_zahlungsoptionen button.btnSubmit {
    font-weight: 700;
    float: right;
    padding: 17px 23px;
    font-size: 18px;
    margin-bottom: 20px;
}


.checkout.bestellprozess_schritt_4_zahlung .buttons #btnBack {
    width: 120px;
}

.bestellprozess_schritt_2_anschrift form .control-label.col-sm-4 {
    padding-right: 0;
}

.bestellprozess_schritt_2_anschrift form label img.fragezeichen {
    margin: 0 0 0 2px;
    vertical-align: middle;
    width: 20px;
}

.bestellprozess_schritt_2_anschrift form #prefix_sattelzug {
    display: none;
    visibility: hidden;
}

.bestellprozess_schritt_2_anschrift form .important.sattelzug {
    margin: 20px 0px 19px 0px;
    padding: 10px 20px 5px 20px;
}

.sattelzug_LKW {
    width: 435px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
}

.panel-heading .panel-title.sattelzughinweis {
    font-size: 18px;
    color: white;
}

.bestellprozess_schritt_2_anschrift form .important.sattelzug span {
    padding-left: 20px;
}

.bestellprozess_schritt_2_anschrift form .lieferadresse {
    margin: 14px 0 0;
}

.bestellprozess_schritt_2_anschrift form .radioRechnungsadresse > div,
.bestellprozess_schritt_2_anschrift form .radioLieferadresse > div,
.bestellprozess_schritt_2_anschrift .anrede_auswahl .radioFrau > div,
.bestellprozess_schritt_2_anschrift .anrede_auswahl .radioHerr > div,
.bestellprozess_schritt_2_anschrift .erechnung_auswahl .radioerechnung > div,
form[name="frmFormular"] .radioRechnungsadresse > div,
form[name="frmFormular"] .radioLieferadresse > div,
.baugewerbe_registrieren .anrede_auswahl .radioFrau > div,
.baugewerbe_registrieren .anrede_auswahl .radioHerr > div,
.reklamation.gutschrift-wahl.medium .radio,
.reklamation.gutschrift-wahl .radio{
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 0px;
    box-shadow: none;
    transition: box-shadow 1s ease 0s;
    -webkit-transition: box-shadow 1s ease;
    -moz-transition: box-shadow 1s ease;
    -o-transition: box-shadow 1s ease;
    transition: box-shadow 1s ease;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 0;
}

.form-group.erechnung_auswahl .col-sm-8 {
    padding: 0px;
}

.bestellprozess_schritt_2_anschrift .radioerechnung {
    padding-top: 1px;
}

.erechnung.frage {
    font-weight: normal;
}

.radioerechnung label {
    padding: 5px 95px 10px 0px;
}

.bestellprozess_schritt_2_anschrift form .radioRechnungsadresse > div,
.bestellprozess_schritt_2_anschrift form .radioLieferadresse > div,
form[name="frmFormular"] .radioRechnungsadresse > div,
form[name="frmFormular"] .radioLieferadresse > div {
    padding-right: 15px;
}

form[name="frmFormular"] .radioRechnungsadresse .radio,
form[name="frmFormular"] .radioLieferadresse .radio {
    padding-top: 0;
}

.radioLieferadresse .radio,
.radioRechnungsadresse .radio{
    padding-left: 15px;
}

.bestellprozess_schritt_2_anschrift form.form-horizontal .auswahl-lieferung .form-group {
    margin: 0;
}
.bestellprozess_schritt_2_anschrift form.form-horizontal .radio {
    padding-top: 0;
    height: 28px;
}

.bestellprozess_schritt_2_anschrift form label[for="idLieferungR"],
.bestellprozess_schritt_2_anschrift form label[for="idLieferungL"] {
    font-weight: 700;
}

body.bestellung_anschrift .leistungen,
body.bestellung_zahlung .leistungen {
    margin-top: 20px;
}

.container.leistungen .panel.panel-default .panel-body ul {
    margin-bottom: 0;
}

.bestellprozess_schritt_3_lieferung form[name="frmLieferung"] label {
    font-size: 19px;
    font-weight: 200;
    margin-left: 10px;
}
.login .registrieren {
    margin: 50px 0;
}
.login .registrieren .button {
    margin-bottom: 10px;
}
.login .registrieren .button a {
    padding: 6px 12px;
}
.bestellprozess_schritt_3_lieferung form[name="frmLieferung"] input[name="parrEingabe[Versandart]"] {
    margin-top: 28px;
}
.bestellprozess_schritt_3_lieferung form[name="frmLieferung"] .versandart .row {
    margin-left: 10px;
}
.bestellprozess_schritt_3_lieferung form[name="frmLieferung"] .versandart .row div {
    padding: 0;
}
.bestellprozess_schritt_3_lieferung form[name="frmLieferung"] .versandart small {
    font-size: 70%;
}
.bestellprozess_schritt_3_lieferung form[name="frmLieferung"] .rechnungsadresse {
    margin-top: 20px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .col-sm-offset-1.col-sm-11 {
    background-color: #ffffff;
    border-top: 1px solid #dfdfdf;
    margin-left: 8.33333%;
    margin-right: 8.33333%;
    padding: 0 15px 10px 15px;
    min-height: 70px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption:last-child .col-sm-offset-1.col-sm-11 {
    border-bottom: 1px solid #dfdfdf;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .col-sm-offset-1.col-sm-11:hover,
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption.active .col-sm-offset-1.col-sm-11 {
    background-color: #f9f9f9;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption {
    position: relative;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption .radio {
    padding-left: 0;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption .material-icons {
    display: none;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption.active .material-icons {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption .zahlung_text {
    font-size: 13px;
    margin-bottom: 10px;
    display: inline-block;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption.active .zahlung_text {
    font-weight: bold;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption .zahlung_info {
    font-size: 11px;
    display: none;
    line-height: 14px;
    padding-left: 115px;
    width: 85%;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption .zahlung_img {
    width: 115px;
    display: inline-block;
    float: left;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption.active .zahlung_info {
    display: block;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption img {
    max-width: 90px;
    max-height: 50px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .form-group {
    margin-bottom: 0;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption label[for="idZahlungP"] a,
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption label[for="idZahlungP"] a:hover,
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption label[for="idZahlungP"] a:active,
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption label[for="idZahlungP"] a:focus,
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .zahlungsoption label[for="idZahlungP"] a:visited {
    color: #0070ba;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] img.zahlung_info,
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] img.ts_kaeuferschutz {
    margin: 0 0 0 10px;
    vertical-align: middle;
    width: 25px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] img.ts_kaeuferschutz {
    cursor: pointer;
}

.kaeuferschutz .popover {
    max-width: 300px;
    width: 300px;
}

.kaeuferschutz .popover a {
    text-decoration: underline;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] label {
    display: block;
}
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] label[for="idBIC"],
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] label[for="idKontonummer"],
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] label[for="idBankleitzahl"] {
    display: inline-block;
    line-height: normal;
}
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] input[type="radio"] {
    visibility: hidden;
}
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] input[type="checkbox"] {
    margin-top: 12px;
}

.ts-kaeuferschutz-div .checkbox {
    padding-left: 17px;
}

.kaeuferschutz_summe {
    padding-left: 37px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] label .zahlungsart {
    font-size: 18px;
    font-weight: 200;
    margin-left: 10px;
    width: 100%;
    overflow: hidden;
    display: block;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] label .zahlungsart .popover {
    font-size: 14px;
    line-height: normal;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] label[for="idTSKaeuferschutzExc"] {
    line-height: normal;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] label[for="idTSKaeuferschutzExc"] .zahlungsart {
    display: inline-block;
    margin-top: 8px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz {
    background-color: #ffffff;
    border: none;
    box-shadow: none;
    margin-left: 15px;
    padding: 0 15px 20px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .form-group {
    margin-left: 0;
    margin-right: 0;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .seals {
    text-align: center;
    margin-top: 10px;
}

.zahlung_fehler .bg-danger {
    padding: 15px;
}
form[name="frmUebersicht"] {
    margin: 0;
}

.bestellprozess_schritt_1_warenkorb .rechnungsadresse .col-xs-3 {
    padding-right: 0;
}

.bestellprozess_schritt_1_warenkorb div.col-md-8 div.gutscheincode .GutscheinWert {
    font-weight: 700;
}
.bestellprozess_schritt_1_warenkorb .panel-title .fa {
    font-size: 21px;
    line-height: 28px;
    margin-top: 3px;
}

.bestellprozess_schritt_1_warenkorb .sattelzug {
    margin-top: 15px;
}

.leistungen h5 {
    margin: 0 0 10px;
    font-weight: 700;
}
.leistungen .gutscheine {
    background-color: #ffffff;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
}
.leistungen .gutscheine .fa-info-circle {
    display: block;
    font-size: 25px;
    height: 60px;
    margin: 0 10px 0 0;
}
.leistungen .zahlungsmethoden .list-inline > li {
    padding: 0;
}

/* Checkout */

body.bestellung_anschrift .checkout,
body.bestellung_zahlung .checkout,
body.bestellung_bestaetigung .checkout {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
body.bestellung_anschrift .checkout h1,
body.bestellung_zahlung .checkout h1,
body.bestellung_uebersicht .checkout h1,
body.bestellung_bestaetigung .checkout h1 {
    margin-bottom: 0;
}

.zahlung_modaldialoge .modal-header {
    background-color: #003056;
    margin: 1px;
}

.zahlung_modaldialoge .modal-header .modal-title,
.zahlung_modaldialoge .modal-header span {
    color: #fff;
}

.zahlung_modaldialoge .modal-header button {
    opacity: 1;
}

.checkout h5.title {
    background-color: #ebebeb;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

.checkout .form-horizontal {
}

/* Breadcrump / Verlaufsanzeige */
.breadcrumb {
    padding: 0px 0px 0px 24px;
    font-size: 12px;
    margin: 10px 0px 5px 0px;
    background-color: transparent;
}
.breadcrumb > li + li:before {
    content: "/ ";
}
.breadcrumb > li.back:before {
    content: "";
}

/* Item */

.items {
    margin: 20px 0px;
}

.items .breadcrumb {
    background: transparent;
    border: 0px solid #eeeeee;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    border-radius: 0px;
    border-bottom: 1px solid #f3f3f3;
}

.items .item {
    background-color: #ffffff;
    margin: 0 auto 20px auto;
    padding: 15px 0;
    border-radius: 0px;
    border: 1px solid #e2e2e2;
    box-shadow: none;
    -webkit-transition: box-shadow 1s ease;
    -moz-transition: box-shadow 1s ease;
    -o-transition: box-shadow 1s ease;
    transition: box-shadow 1s ease;
}

.items .flaeche.item {
    border: none;
    box-shadow: none;
}

.items .item:hover {
    box-shadow: inset 0px 0px 5px #cccccc;
    -webkit-transition: box-shadow 1s ease;
    -moz-transition: box-shadow 1s ease;
    -o-transition: box-shadow 1s ease;
    transition: box-shadow 1s ease;
}

.items .item .ico {
    color: #ffffff;
    display: inline-block;
    width: 35px;
    height: 20px;
    margin-left: 5px;
}

.items .item hr {
    margin: 0 20px 5px;
    border-bottom: 1px solid #e2e2e2;
}

.items .item .item-image {
    max-height: 210px;
    min-height: 210px;
    position: relative;
}

.items .item .item-image .sold_out {
    border-bottom: 100px solid #ebebeb;
    border-left: 100px solid transparent;
    bottom: 0;
    height: 100px;
    position: absolute;
    right: 0;
    width: 100px;
}
.items .item .item-image .sold_out .sold_out_text {
    bottom: -95px;
    font-size: 90%;
    line-height: 14px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-align: right;
    width: 75px;
}

.items .item .item-image img {
    border-radius: 4px 4px 0 0;
    display: block;
    margin: 0 auto;
    width: auto;
}

.items .item .item-details {
    max-height: 130px;
    min-height: 130px;
    padding: 0 5px;
}

.items .item .item-details h5 {
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 3px;
    text-align: center;
}

.items .item .item-details h5 a {
    color: #666666;
    border-bottom: none;
}

.items .item .item-details h5 a:hover {
    text-decoration: none;
}

.items .item .item-details p {
    line-height: 18px;
    margin: 0 0 3px;
    text-align: center;
}

.items .item .item-details p.artikel_zusatztext {
    float: left;
}

.items .item .item-details .lieferstatus {
    font-size: 11px;
}

.items .item .item-price {
    font-size: 19px;
    font-weight: 700;
    text-align: left;
}
.items .item .item-price .artikel_preis_bisher {
    text-decoration: line-through;
    padding-right: 5px;
}
.items .item .item-price .artikel_preis_jetzt {
    color: #ff0000;
    font-size: 18px;
}
.items .item .zum_artikel {
    float: right;
    padding-right: 15px;
}

.empfehlung_text {
    color: #ea7c13;
    float: none;
    font-size: 18px;
    font-weight: 700;
    margin: 20px 1px;
    text-align: center;
    width: 115px;
    border: 1px solid #ea7c13;
    padding: 6px 0px;
}

.gruppe_artikel_merkmale .Besonderheit {
    color: red;
    font-weight: bold;
}

/* Zuletzt gesehen */
.box-grau.col1_zuletzt {
    border: none;
}

.box-grau.col1_zuletzt h4 {
    border: 1px solid #d1d1d1;
    border-radius: 4px 4px 0 0;
}

.box-grau.col1_zuletzt .items {
    margin: 15px 0;
}

.box-grau.col1_zuletzt .items .item {
    padding: 10px;
}

/* Product main details */
.product-main {
    /*margin-top: 20px;*/
}

.product-main .item-image {
    background-color: #ffffff;
    height: 300px;
    overflow: hidden;
    text-align: center;
}
.product-main .item-image #artikelbild_ez {
    display: inline;
}
.product-main .artikel_weitere_ansichten {
    margin: 0px 60px;
}
.product-main .artikel_weitere_ansichten .items {
    position: relative;
}
.product-main .artikel_weitere_ansichten .owl-buttons > div,
.product-main .artikel_weitere_ansichten .owl-nav > div {
    font-size: 40px;
    position: absolute;
    top: 20px;
}
.product-main .artikel_weitere_ansichten .owl-buttons .owl-prev,
.product-main .artikel_weitere_ansichten .owl-nav .owl-prev {
    left: -35px;
}
.product-main .artikel_weitere_ansichten .owl-buttons .owl-next,
.product-main .artikel_weitere_ansichten .owl-nav .owl-next {
    right: -35px;
}

.product-main .artikel_mindestbestellmenge {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    color: red;
    font-weight: bold;
}

#modal-flexslider .modal-dialog {
}
#modal-flexslider .modal-body {
    cursor: default;
}
#modal-flexslider .modal-close {
    position: absolute;
    right: 22px;
    top: 16px;
    z-index: 9999999;
}
#modal-flexslider .modal-body .flexslider {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.flexslider:hover .flex-next {
    right: 10px;
}

.flexslider:hover .flex-prev {
    left: 10px;
}

#artikel-flexslider .slides img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#artikel-flexslider .slides li {
    height: 532px;
}

#frmArtikel .flex-direction-nav a.flex-next {
    background: url("/layouts/images/next-flex.png") no-repeat;
}

#frmArtikel .flex-direction-nav a.flex-prev {
    background: url("/layouts/images/prev-flex.png") no-repeat;
}

#frmArtikel .flex-direction-nav a {
    top: -200px;
}

#artikel-flexslider .flex-direction-nav a {
    top: 45%;
    opacity: 1;
    display: block;
    height: 55px;
}

.artikel #lightboxOverlay,
.artikel #lightbox,
.modal.fade.in:not(#modalFlaechenplaner) {
    cursor: url("/layouts/images/kreuz_weiss.png"), auto !important
}

.modal.fade.in .modal-content {
    cursor: auto;
}
.lb-nav {
    cursor: auto;
}

.lb-data .lb-number,
.lb-data .lb-details {
    display: none!important;
}

.lb-closeContainer {
    position: absolute;
    top: 0px;
    right: -30px;
}

.lb-closeContainer .lb-close {
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    background: url("/layouts/images/kreuz_weiss.png") top right no-repeat;
    background-size: contain;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-closeContainer .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* Owl Button mit Text durch Bild ersetzen */
.owl-prev .mdl-button--fab {
    background: url(/layouts/images/prev-flex-shop.png) no-repeat;
    box-shadow: none;
    background-position: center;
    background-size: 13px 21px;
}

.owl-next .mdl-button--fab {
    background: url(/layouts/images/next-flex-shop.png) no-repeat;
    box-shadow: none;
    background-position: center;
    background-size: 13px 21px;
}

.owl-next .mdl-button--fab,
.owl-prev .mdl-button--fab {
    border-radius: 0px;
}

.owl-next .mdl-button:hover,
.owl-prev .mdl-button:hover,
.owl-next .mdl-button--fab:active,
.owl-prev .mdl-button--fab:active {
    background-color: transparent;
    box-shadow: none;
}

.artikel_bild #modal-flexslider #artikel-flexslider {
    cursor: default;
}

.artikel_bild .modal.in .modal-dialog {
    transform: translate(0%,50%);
}

.artikel_bild #modal-flexslider .modal-close {
    display: none;
}

.artikel_bild #modal-flexslider .modal-body {
    height: 420px;
}

#modal-flexslider .modal-close button {
    font-size: 30px;
}
#modal-flexslider .flexslider .slides img {
    height: inherit;
    width: initial;
}

.product-main .artikel_zusatztext {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: normal;
    margin: 0 0 20px;
}

.product-main .artikel_trennleiste {
    border-bottom: 1px solid #dddddd;
    height: auto;
    padding: 0;
    margin-bottom: 20px;
}

.product-main .artikel_preis {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-align: right;
}

.product-main .artikel_preis .artikel_preis_bisher {
    text-decoration: line-through;
    padding-right: 10px;
    font-size: 18px;
}
.product-main .artikel_preis .artikel_preis_jetzt {
    color: #ff0000;
}

.product-main .artikel_lieferstatus {
    margin: 0;
    text-align: right;
}

.product-main .artikel_preistyp {
    text-align: center;
}

/* Elevate Zoom Gallery */
.zoomContainer {
    z-index: 100;
}
.product-main .zoomWrapper {
    display: inline-block;
}
.product-main .gallery_ez {
    margin: 5px 0 0;
}

.product-main .gallery_ez img {
    border: 2px solid #f6f6f6;
}

.product-main .warenkorb {
    padding: 20px 0;
}

.product-main .social {
    text-align: right;
}

.product-main .artikel_nummer,
.product-main .artikel_hersteller {
}

.product-main .artikel_hersteller span {
    font-weight: bold;
}

.product-main .nav-tabs {
    margin-top: 10px;
}

.product-main button.order-ajax,
.product-main button.liefernachricht-modal {
    border-radius: 0;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    padding: 17px 23px 17px 23px;
}

.product-main button.muster-ajax {
    margin-top: 5px;
}

.popover .popover-title a.close {
    color: white;
    opacity: 1;
}

.popover-title {
    font-size: 18px;
}

.popover .popover-title a.close .material-icons {
    font-size: 18px;
}

.popover .popover-title a.merkliste_vergleichen_close_btn,
.popover .popover-title a.merkliste_artikel_close_btn,
.popover .popover-title a.merkliste_popover_close_btn {
    color: #ffffff;
}

.popover .popover-title a.merkliste_vergleichen_close_btn,
.popover .popover-title a.merkliste_artikel_close_btn {
    float: right;
}

.product-main .btn_warenkorb {
    overflow: visible;
    position: relative;
    margin: 0;
}
.product-main .btn_warenkorb .overlay {
    background-color: #000000;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    cursor: not-allowed;
}

.product-main .btn_warenkorb .overlay.overlay_important {
    display: block!important;
    visibility: visible!important;
}

.product-main .btn_warenkorb .popover {
    border: 1px solid #003056;
    max-width: 320px;
}

.merkliste .popover-title,
.product-main .btn_warenkorb .popover-title,
.popover-kantteile .popover-title,
.kantteile-carousel .popover-title{
    background-color: #003056;
    color: #ffffff;
    text-align: center;
}

.product-main .btn_warenkorb .popover .artikel_auf_merkliste_text_div {
    text-align: center;
}

.product-main .btn_warenkorb .popover-content h4 {
    text-align: center;
    font-size: 16px;
}

.product-main .btn_warenkorb .popover.top > .arrow {
    border-top-color: #003056;
}

.product-main .mengenformel_input {
    margin-bottom: 5px;
}

.product-main .mengenformel_input .ui-icon-alert {
    margin: 4px 0 0 5px;
    float: left;
    display: none;
}

.product-main .mengenformel {
    position: relative;
}

.product-main #ajax_loader {
    background-color: #ffffff;
    padding: 10px 45px;
    position: absolute;
    text-align: center;
    z-index: 10;
    display: none;
}

.product-main div.artikel_preis_gross {
    text-align: left;
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: bold;
}

.form-group.ergebnis {
    margin-bottom: 0px;
}

.product-main .artikeldaten {
    background: none repeat scroll 0 0 #f3f3f3;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 1em;
    font-size: 13px;
}

.product-main .artikeldaten.merkmale-wrapper {
    border-bottom: 1px solid #dddddd;
}

.btn-weitere-merkmale {
    border-top: 1px solid transparent;
    border-radius: 0;
}

.product-main .artikeldaten.merkmale-wrapper ~ .artikeldaten {
    margin-top: 20px;
}

.product-main .artikeldaten.merkmale-wrapper > .form-group {
    margin-bottom: 0;
    margin-top: 15px;
}
.product-main .artikeldaten.merkmale-wrapper > .form-group:first-child {
    margin-top: 0;
}

.product-main .ergebnis.einzelpreis .form-control-static {
    float: left;
}

.product-main table.artikelrabatt {
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.product-main table.artikelrabatt td {
    text-align: right;
}

.product-main table.artikelrabatt td.GesamtMengeWarenkorb {
    border-top: none;
    padding-bottom: 10px;
    font-weight: 700;
}

.product-main img.fragezeichen {
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: inline-block;
}

div.artikel_staffel_img,
div.artikel_rabatt_img {
    display: inline;
}
div.artikel_staffel_img img.fragezeichen,
div.artikel_rabatt_img img.fragezeichen {
    margin: 0 0 0 10px;
    vertical-align: middle;
}
.product-main h5.artikel_staffel,
.product-main h5.artikel_rabatt {
}
.product-main div.artikel_staffel,
.product-main div.artikel_rabatt {
    padding-bottom: 10px;
    text-align: right;
    padding-bottom: 0;
}

.product-main div.artikel_rabatt .activeMenge {
    background-color: #ea7c13;
    color: #ffffff;
    font-weight: bold;
}

.product-main .einzelpreis .alleMengenanzeigen {
    margin-top: -5px;
    cursor: pointer;
    display: block;
}

/*
.product-main .einzelpreis .alleMengenanzeigen span {
    border: 1px;
    border-style: solid;
    border-color: black;
    border-radius: 2px;
    padding: 2px;
}*/

.product-main div.artikel_rabatt .hiddenMenge {
    display: none;
}

.product-main div.artikel_rabatt .abMenge {
    text-align: left;
}

.product-main div.artikel_rabatt tr:first-child td {
    border-top: none;
}

.product-main div.artikel_rabatt tr:first-child td:first-child {
    border-top-left-radius: 0px;
}

.product-main div.artikel_rabatt tr:first-child td:last-child {
    border-top-right-radius: 0px;
}

.product-main div.artikel_rabatt tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.product-main div.artikel_rabatt tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

div.LieferStatus  .popover .popover-title {
    font-weight: 600;
    padding: 10px;
}

div.LieferStatus  .popover .popover-content {
    padding: 10px;
}

div.LieferStatus  .popover {
    width: 230px;
}

.product-main .artikel_hinweise {
    font-size: 11px;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 10px;
    margin-bottom: -10px;
}

.product-main .artikel_hinweise .zuschlag > div:nth-child(odd) {
    padding-right: 0;
}

.product-main .zuschlag .zuschlag_aktion .aktionspreis {
    text-decoration: line-through;
    margin: 0 5px 0 0;
}

.product-main .zuschlag .zuschlag_aktion .aktion {
    color: #ff0000;
    margin: 0 0 0 5px;
}

.product-main .artikel_hinweise .links {
    text-align: right;
}

.product-main .artikel_hinweise .form-group {
    margin-bottom: 0;
}

.product-main label[for="idPersonalisiert0"] {
    font-size: 11px;
    font-weight: normal;
}

.product-main .artikel_personalisiert .rechts .type-text {
    display: inline-block;
    vertical-align: middle;
}

.grecaptcha-badge {
    z-index: 999;
}

/** Hinweis Baugewerbe **/
#hinweis_baugewerbe {
    margin-bottom: 5px;
}

#hinweis_baugewerbe .content {
    background-color: #ffffff;
    border-right: 1px solid #b8afaf;
    border-left: 1px solid #b8afaf;
    border-bottom: 1px solid #b8afaf;
    margin: 0;
    padding: 10px;
    text-align: left;
    font-size: 16px;
}

#hinweis_baugewerbe .content .buttons a:first-child {
    width: 44%;
    margin-right: 2%;
    float: left;
    margin-left: 15px;
}

#hinweis_baugewerbe .content .buttons a:last-child  {
    width: 44%;
    margin-left: 2%;
    float: left;
    height: 40px;
}

#hinweis_baugewerbe .content .button {
    margin: 5px 0 0;
}

#hinweis_baugewerbe .content .button a {
    display: block;
}

/* Empfehlungen / Zubehör */
.container.zubehoer {
    margin-top: 0px;
}

#zubehoer_panel .container.zubehoer {
    padding: 0px;
}

.zubehoer .items .item {
    height: 205px;
}

.zubehoer .items .item .zum_artikel .btnZumProdukt {
    padding: 3px 6px;
    display: block;
}

.zubehoer .items .item .aktion {
    padding-left: 0;
}

.zubehoer .items .item .artikelbild {
    height: 120px;
}

#zubehoer_carousel.items .item {
    height: 300px;
    padding: 15px;
}

#zubehoer_carousel .custom-nav > a {
    cursor: pointer;
}

#zubehoer_carousel .custom-nav > a.prev {
    margin-right: 10px;
}

/* Recent posts */

/* Owl carousel */

.rp {
    margin-top: 20px;
    margin-bottom: 20px;
}

.owl-carousel .owl-item {
    padding: 0 20px;
}

/* Recent posts carousel */

.recent-news .recent-item {
    position: relative;
}

.recent-news .item {
    margin: 0;
}

.recent-news .item h4 {
    margin-top: 15px !important;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
}

.recent-news .item h4 a, .recent-news .item h4 a:hover {
    color: #777777;
    text-decoration: none;
}

.recent-news .item h4 a span {
    color: #ea9457;
}

.recent-news .item p {
    color: #999999;
}

.recent-news .item a img {
}

.recent-news .custom-nav a i {
    background: #ea9457;
    width: 22px;
    height: 22px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    border-radius: 40px;
    text-align: center;
    font-size: 11px;
    position: absolute;
    top: -37px;
    color: #ffffff;
}

.recent-news .custom-nav a.prev i {
    right: 26px;
}

.recent-news .custom-nav a.next i {
    right: 0px;
}

/* Product slider (Flexslider) */

.product-slider .flexslider {
    margin-bottom: 10px;
}

.product-slider .flexslider img {
    max-height: 270px;
    width: auto;
    margin: 0 auto;
}

/* Flex slider for image */

.flexslider ul {
    padding: 0px;
    margin: 0px;
}

.flexslider ul li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.artikel .flexslider ul li{
    position: relative;
}
#gotoZubehoer .flexslider ul li, #modalFlaechenplaner .flexslider ul li{
    position: initial;
}
#gotoZubehoer .flex-control-nav{
    bottom:-25px;
}

.container.flex-main {
    width: 90%;
}

.flex-main .flexslider {
    margin: 0;
    border-top: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    border-bottom: none;
    box-shadow: none;
    border-radius: 0px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}

.flex-main .flexslider .slides > li {
    position: relative;
}

.flex-main .flex-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    color: #ffffff;
    display: block;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 92%;
    left: 0;
    letter-spacing: 0.06em;
    margin: 1% 0 0 4%;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 245px;
}

.flex-main .flex-caption ul {
    margin: 0 0 10px 20px;
}

.flex-main .flex-caption ul li {
    list-style: outside none circle;
}

.flex-main .flex-caption .button {
    margin: 20px 0 0;
}

.flex-main .flex-caption .button a {
    display: block;
    width: 100%;
}

.flex-main .flexslider:hover .flex-next {
    border: none;
    right: 5px;
}

.flex-main .flexslider:hover .flex-prev {
    border: none;
    left: 5px;
}


/* Blog */

.blog .entry h2 {
    font-size: 22px;
    line-height: 32px;
}

.blog .entry h2 a, .blog .entry h2 a:visited, .blog .entry h2 a:hover {
    text-decoration: none;
    color: #777777;
}

.blog .meta {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin: 8px 0px;
    padding: 4px 8px;
    color: #888888;
    font-size: 11px;
    background: #eeeeee url('../img/cream.png') repeat;
}

.blog .meta a, .blog .meta a:visited {
    color: #555555;
}

.blog .meta i {
    margin-right: 3px;
    margin-left: 3px;
}

.blog .bthumb {
    margin: 10px 0px 5px 0px;
    padding: 1px;
    box-shadow: 0px 0px 1px #777777;
}

.blog .bthumb2 {
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 6px;
    padding: 1px;
    box-shadow: 0px 0px 1px #777777;
}

.blog .bthumb3 {
    float: left;
    max-width: 150px;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 6px;
    padding: 1px;
    box-shadow: 0px 0px 1px #777777;
}

.blog .bthumb2 img {
    margin: 0px;
}

.blog .entry {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.posts .social {
    font-size: 16px;
}

.posts .social i {
    box-shadow: inset 0px 0px 1px #333333;
    height: 25px;
    width: 25px;
    line-height: 25px;
    margin: 0px 5px 0px 0px;
    border-radius: 3px;
    color: #ffffff;
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
    text-align: center;
}

.posts i.facebook {
    background: #3c5b9b;
}

.posts i.twitter {
    background: #2daae1;
}

.posts i.google-plus {
    background: #f63e28;
}

.posts i.pinterest {
    background: #cb2027;
}

.posts i.linkedin {
    background: #0173b2;
}

.posts .social i:hover {
    background: #000000;
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
}

.posts .social a, .posts .social a:visited, .posts .social a:hover {
    color: #ffffff;
    text-decoration: none;
}

.posts .tags a {
    background: #ea9457;
    border: 1px solid #ec7405;
    display: inline-block;
    font-weight: normal;
    padding: 0px 5px;
    color: #ffffff;
    border-radius: 4px;
    font-size: 13px;
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
}

.posts .tags a:hover {
    background: #ec7405;
    border: 1px solid #ec7405;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
}

/* Comments */

.comments > ul > li {
    background: none;
    padding: 0px;
}

.comments .comment {
    margin: 10px 0px;
    padding: 7px 10px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    border-bottom: 2px solid #dddddd;
}

.comments img {
    max-width: 60px;
}

.comments ul {
    margin: 0px;
    padding: 0px;
}

.comments ul li {
    list-style-type: none;
}

.comment .avatar {
    margin-top: 5px;
    margin-right: 8px;
    padding: 1px;
    background: #ffffff;
    border: 1px solid #aaaaaa;
}

.comment .cmeta {
    font-size: 12px;
}

.comment p {
    margin-top: 5px;
}

.comments .reply {
    margin-left: 15px;
}

.respond .title, .comments .title {
    padding: 10px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

/* Sidebar */

.sidebar {
    margin-top: 10px;
}

.sidebar h4 {
    font-size: 13px;
    color: #555555;
    line-height: 18px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.widget ul {
    margin: 0px;
}

.sidebar .widget {
    background: #ffffff;
    padding: 8px 10px;
    margin-bottom: 10px;
    border: 1px solid #eeeeee;
    border-top: 1px solid #ea9457;
}

.sidebar .widget .form-search {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Sidebar nav */

#nav {
    margin-bottom: 20px;
}

#nav > li > div {
    border-left: 3px solid #ea9457;
}

#nav > li > div > a {

}

#nav div > .fa {
    font-size: 18px;
    float: right;
    cursor: pointer;
}

#nav div > .fa-angle-up {
    /*color: #ea9457;*/
}

/* Sidebar page navigation */

#navi > li > div {
    border-left: 3px solid #ea9457;
}

/* Pagination */

.paging {
    width: 270px;
    clear: both;
    padding: 6px 0;
    line-height: 17px;
    font-size: 13px;
}

.paging span, .paging a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 5px 8px;
    text-decoration: none;
    width: auto;
    color: #666666;
    background: #ffffff;
    border: 1px solid #dddddd;
    font-weight: normal;
}

.paging a:hover {
    background: #ea9457;
    border: 1px solid #ec7405;
    color: #ffffff;
}

.paging .current {
    background: #ea9457;
    border: 1px solid #ec7405;
    padding: 5px 8px;
    color: #ffffff;
}

/* 404 Page */

.error-page .big-text {
    font-size: 170px;
    line-height: 180px;
    color: #999999;
}

/* Item review */

.nav-tabs {
    margin-bottom: 10px;
}

/*
.btn-primary {
    background: linear-gradient(to top, #ec7405, #eda674);
    border: 1px solid #d36605;
    color: #ffffff;
}
*/

.nav-tabs > li > a {
    border-radius: 0px;
    border-color: #dddddd;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    font-size: 16px;
}

.nav-tabs > li > a:hover,
.artikel .artikel_merkliste_btn .border:hover,
.artikel .artikel_vergleichsliste_btn .border:hover,
.artikel .artikel_teilen_btn .border:hover {
    background: white;
    border: 1px solid #ea7c13 !important;
    color: #ea7c13;
}

.artikel .nav-tabs > li > a:hover {
    border-color: #ea7c13;
    border-right-color: #ccc;
}

.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: #ea7c13;
    border: 1px solid #ea7c13;
    color: #ffffff;
    border-radius: 0px;
}

.item-review {
    background: #fafafa;
    margin: 10px 0px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    padding: 10px;
}

.item-review .rmeta {
    font-style: italic;
}

/* Careers */

.career .nav > li {
    background: none;
    padding: 0px;
    list-style-type: none;
}

/* Sidebar page navigation */

#navi {
    margin: 0px;
    padding: 0px;
}

#navi li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#navi > li > a {
    display: block;
    padding: 10px 10px;
    color: #777777;
    text-decoration: none;
    border-bottom: 1px solid #eeeeee;
    background-color: #fafafa;
}

#navi > li > a:hover {
    color: #666666;
    background-color: #f3f3f3;
    border-bottom: 1px solid #dddddd;
}

/* Sidebar items */

.sitem {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.sitem img {
    margin-top: 5px;
    max-width: 45px;
}

/* Support */

#slist p {
    display: none;
    margin: 5px 0px;
    padding: 5px 10px;
    background: #ffffff;
    line-height: 25px;
    border: 1px solid #eeeeee;
}

#slist {
    margin-left: 15px;
}

ul#slist {
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
}

#slist li {
}

#slist li a {
    display: block;
    margin-bottom: 10px;
}

.support input {
    border-radius: 5px;
    border: 1px solid #dddddd;
    padding: 5px 10px;
}

/* Contact #1 */

.gmap iframe {
    width: 100%;
}

/* Support contact */

.scontact p {
    margin: 4px 0px;
}

/* Updated */

header .hlinks {
    margin: 8px 0 10px;
    text-align: right;
}

.filterform input {
    padding-left: 6px;
    border: 1px solid #eeeeee;
}

.items .tab-content {
    padding: 0 15px;
}

/* Revolution Slider */

.tp-banner-container {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    padding: 0px;
    background: #f9f9f9;
}

.tp-banner {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}

.tp-banner ul {
    display: none;
}

.tp-banner ul li {
    list-style-type: none;
    padding-top: 0;
    padding-bottom: 0;
}

.tp-banner .largepinkbg {
    background: #d2322d;
}

.tp-banner .mediumwhitebg {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    padding-top: 10px;
    line-height: 20px;
    color: #666666;
}

.tp-banner .img-tag {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    font-size: 13px !important;
    color: #ffffff;
    background: #d2322d;
    border-radius: 100px;
    font-weight: bold;
}

.tp-banner .large_bold_white {
    font-family: 'Open Sans', sans-serif;
    font-size: 45px;
    color: #666666;
}

.tp-banner .medium_light_white {
    font-size: 18px;
    line-height: 28px;
    color: #888888;
}

.tp-banner a.btn {
    border: 0px;
    padding: 9px 14px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
}

/* Footer */

footer {
    background: none repeat scroll 0 0 #ffffff;
    border-top: none;
    bottom: 0;
    height: auto;
    left: 0;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    width: 100%;
    z-index: 100;
    padding-bottom: 0;
    line-height: 18px;
}

#footer_helper {
    height: 0;
}

.footer_hr {
    border-bottom: 1px solid #d8d8d8;
}

.footer_header {
    background-color: #ffffff;
    font-size: 11px;
    margin: -19px auto 15px;
    text-align: center;
    width: 225px;
}

footer h5,
footer .h5 {
    font-weight: 600;
    margin: 0 0 15px;
}

footer h5 a:hover,
footer .h5 a:hover {
    color: #ea7c13;
}

footer h5.hilfe a,
footer .h5.hilfe a {
    color: #ea7c13;
}

footer ul {
    margin-left: 0px;
    margin: 0px;
    padding-left: 15px;
}

footer ul li {
    list-style-type: none;
    margin-bottom: 5px;
}

footer .bottomnav_navigation,
footer .bottomnav {
    padding: 0;
}

footer > .container {
    padding: 0;
}

footer .bottomnav_navigation {
    border-top: 2px solid #ea7c13;
    padding-top: 30px;
}

footer .bottomnav_navigation .padding-mobil {
    max-width: 1920px;
    margin: 0 auto;
}

footer .widget {
}

footer .copy {
    margin-bottom: 5px;
    font-size: 11px;
}

footer .zahlungsmethoden p {
    margin-bottom: 10px;
}

footer .zahlungsmethoden img {
    margin: 0 5px 5px 0;
}

/*
footer .social {
    margin: 25px 0 0;
}*/

footer form[name="frmNewsletterModul"] .form-group {
    width: 60%;
}

footer form[name="frmNewsletterModul"] .fa {
    z-index: 5;
}

footer .unternehmen .widget {
    text-align: right;
}

.bottomnav.col-md-12,
.bottomnav.col-md-12  .col-md-3.col-lg-offset-1.col-sm-12.fragen_antworten {
    position: static;
}

footer.nonfixed .bottomnav_navigation {
    border-top: 2px solid #ea7c13;
    padding-top: 20px;
}

footer #showFooter {
    cursor: pointer;
    display: block;
    font-size: 25px;
    position: absolute;
    left: 8px;
    top: 2px;
}

footer.nonfixed #showFooter {
    display: none;
}

footer.open {
    bottom: 0;
    height: auto;
}

/* SyLinx Search */

div.nav_outer_suche form[name="frmSuche"] button {
    border-radius: 0;
}

form[name="frmSuche"] button:hover,
form[name="frmSuche"] button:active,
form[name="frmSuche"] button:focus {
    background-color: transparent;
    color: #000000;
}

form[name="frmSuche"] #idSuche {
    background-color: #F8F8F8;
    font-size: 16px;
    height: 34px;
    padding: 6px 12px;
    width: auto;
}

.search .fa-search {
    font-size: 21px;
    color: #000000;
    cursor: pointer;
}

.icons .search .input-group:hover .fa {
    color: #ea7c13;
}

/* Autocomplete Suche */
ul.ui-autocomplete.suggest {
    padding: 0 5px;
    z-index: 10000;
}

ul.ui-autocomplete.suggest li.ui-menu-item {
    margin: 5px 0;
}

ul.ui-autocomplete.suggest li.ui-menu-item .thumbnail {
    margin-bottom: 0;
}

ul.ui-autocomplete.suggest li.ui-menu-item .small {
    display: block;
}

/* Warenkorb */

.btn-primary.header-warenkorb-button {
    border: none;
    background: transparent;
}

.header-merkliste-button a.iconMerkliste,
.header-warenkorb-button a.iconWarenkorb {
    border: none;
    color: #000000;
    display: block;
    height: 24px;
    width: 25px;
}

.header-merkliste-anzahl,
.header-warenkorb-anzahl {
    border-radius: 0;
    border-left: none;
}


.header-warenkorb-button .fa-shopping-cart {
    font-size: 23px;
}

.header-merkliste-button .fa-heart,
.header-merkliste-button .fa-heart-o {
    font-size: 25px;
}

.iconMerkliste.btn-primary {
    background: transparent;
}

/* Warenkorb Modal Dialog */
#cart tbody .datenbild {
    float: left;
    margin: 0 5px 0 0;
    text-align: center;
}

#cart thead .gesamtpreis,
#cart tbody .gesamtpreis,
#cart tfoot .wert {
    text-align: right;
    width: 18%;
}

#cart thead .menge,
#cart tbody .menge {
    text-align: right;
    width: 15%;
}

#cart tbody dl.dl-horizontal {
    float: left;
    min-width: 230px;
}

#cart tbody dl.dl-horizontal dt {
    width: 40%;
}

#cart tbody dl.dl-horizontal dd {
    margin-left: 43%;
}

#cart tfoot .text {
    font-weight: 700;
    text-align: right;
}

#cart .datentext {
    margin-left: 125px;
    min-width: 230px;
}

#cart .modal-footer a.btn {
    display: inline-block;
}

.titelbild {
    padding: 0;
}

.pfeil_rechts {
    margin: 0 0 3px 10px;
    vertical-align: middle;
}

/* jQuery UI */
.ui-widget {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #666666;
    z-index: 1000;
}



.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: none;
    color: #212121;
    font-weight: normal;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
}

/** TS-Bewertungen **/
.ts-bewertungen {
}
.ts-bewertungen a {
}
.ts-bewertungen .bewertung_box {
    display: block;
}
.ts-bewertungen .bewertung_box .bewertung {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}
.ts-bewertungen .bewertung_box .rating_count_text {
    margin-bottom: 10px;
    font-size: 14px;
}
.ts-bewertungen .bewertung_box .bewertungen_anzeigen a {
    font-size: 14px;
    color: #000;
}
.ts-bewertungen .stars {
    display: block;
    height: 17px;
    width: 93px;
    margin: 5px 0;
    background: url("../img/rating_stars.png") repeat scroll 0 0 transparent;
}
.ts-bewertungen .stars.stars_0 {
    background-position: 0 0;
}
.ts-bewertungen .stars.stars_1 {
    background-position: 0 85px;
}
.ts-bewertungen .stars.stars_2 {
    background-position: 0 68px;
}
.ts-bewertungen .stars.stars_3 {
    background-position: 0 51px;
}
.ts-bewertungen .stars.stars_4 {
    background-position: 0 34px;
}
.ts-bewertungen .stars.stars_5 {
    background-position: 0 17px;
}

/* Mein Konto verwalten */
.mein-konto-verwalten .willkommen {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    margin: 10px 0;
    padding: 10px 0;
}
.mein-konto-info .bg-success {
    padding: 10px;
}

/* Mein Konto Belege */
.belege h4.panel-title {
    line-height: 22px;
}

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

.belege .panel-heading {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.belege h4.panel-title {
    padding-left: 0px !important;
    padding-right: 0px !important;

}

.belege .panel-title-arrow-div {
    padding-right: 10px;
}

#belegeuebersicht {
    margin-bottom: 10px;
}

.panel-group.belege {
    margin-bottom: 0px;
}

.belege .summe_netto {
    border-top: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
    border-right: none;
}

.belege .zuschlag-warenkorb {
    border-top: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
    border-right: none;
}

.belege .summe_brutto {
    border-top: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
    border-right: none;
    margin-bottom:10px;
}

.belege td.text-right, .belege td.Bezeichnung, .belege td.Artikelnummer  {
    border-bottom: 1px solid #ddd;
}

.belege .cart-item td.text-right {
    border-bottom: 0px solid #fff;
}

.belege-header {
    background-color: #003056;
    color: white;
}

.mein_belege .panel-group .panel-default .panel-heading h4 {
    background-color: #ffffff;
}

.belege .panel-title .Vorname{
    float: left;
    margin-right: 3px;
}

.belege .panel-body .pakete {
    margin: 10px 0 20px;
}

.belege .panel-body .pakete .Paketnummer {
    float: left;
    margin-right: 5px;
}

/* Newsletter */
.newsletter-status .bg-info {
    padding: 10px;
    margin: 20px 0;
}

/** Modul Shop Auswahl **/
.shopauswahl {
    background-color: #ffffff;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2), 5px 5px 5px rgba(0, 0, 0, 0.2);
    display: none;
    min-width: 390px;
    padding: 20px;
    text-align: left;
    z-index: 15000;
}
.shopauswahl div.schliessen {
    text-align: right;
}
.shopauswahl a.close {
    background: url("/../../../jquery/css/ui-lightness/images/ui-icons_222222_256x240.png") repeat scroll 157px 113px transparent;
    cursor: pointer;
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 0;
    width: 16px;
}
.shopauswahl span.close {
    margin: 0 0 0 15px;
    color: #333333;
}
.shopauswahl h3 {
    margin: 10px 0;
}

.shopauswahl .benutzer {
    color: #003056;
}
#login-ajax .arrow_down {
    margin: 0 0 0 5px;
}
.shopauswahl select#idLand {
    margin-top: 5px;
}
.shopauswahl .kundengruppe .radio.privat {
    margin-top: 0;
}

#modalShopauswahl .modal-header,
#modalShopauswahl .modal-header .modal-title{
    background-color: #003056;
    color: #fff;
}

#modalShopauswahl .modal-header {
    margin: 1px;
}

/* Gruppe */
.row.gruppenuebersicht {
    margin-bottom: 20px;
}

/** Topnav Navigation Telefonnummern, Login und Shopauswahl **/
header .topnav_shopauswahl,
header .topnav_navigation,
header .baugewerbe_anmeldung {
    float: right;
}

header .topnav_shopauswahl button img {
    margin: 0 3px 2px 0;
    vertical-align: middle;
}

header .dropdown button.dropdown-toggle,
header a.btn,
header a.btn:hover,
header a.btn:visited {
    color: #ffffff;
    font-size: 12px;
}

header .topnav_telefonnummern {
    float: right;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    width: 195px;
    text-align: center;
}

header .topnav_telefonnummern .btnOrangeBlock {
    background-color: #ea7c13;;
    color: #ffffff;
    margin: 0 0 0 5px;
    padding: 0.3em 0.8em;
}

header .topnav_telefonnummern .btnOrangeBlock a {
    color: #ffffff;
}

header .topnav_telefonnummern .popover {
    color: #666666;
}

.list-shopauswahl {
    min-width: inherit;
    padding: 3px 0;
}

.list-shopauswahl li {
    padding: 0;
}

.list-shopauswahl li a {
    line-height: normal;
    padding: 0 6px 2px 6px;
    margin: 2px;
}

.list-shopauswahl li.active a,
.list-shopauswahl li a:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,.4);
}

header .topnav_login,
header .topnav_navigation {
    float: right;
}

header .topnav_login > a,
header .topnav_navigation > a,
span.anmelden {
    font-size: 12px;
}

/** Back to top **/
#back-to-top {
    background-color: #ffffff;
    bottom: 185px;
    box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.1);
    display: none;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    padding: 0.4em 1em;
    position: fixed;
    right: 0px;
}
#back-to-top:hover {
    cursor: pointer;
}
#back-to-top .arrow_up {
    border-color: transparent transparent #666666;
    margin: 0 0 0 5px;
}

/* Autocomplete Plz */
ul.ui-autocomplete.ac-plz {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Drowdown Menü */
.dropdown-menu li > button {
    border: none;
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.dropdown-menu > li > button:hover,
.dropdown-menu > li > button:focus {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none;
}

/* Mein Konto */
#beleg .dl-horizontal dt {
    width: 250px;
}

#beleg .dl-horizontal dd {
    margin-left: 270px;
}

#beleg .dl-horizontal .Belegnummer {
    font-size: 15px;
}

#beleg .dl-horizontal .Belegnummer {
    font-size: 15px;
}

#beleg .dl-horizontal dt {
    font-size: 15px;
}

#beleg .dl-horizontal dd {
    font-size: 15px;
}

#beleg  dl dt {
    font-weight: normal;
}

#beleg  .Zahlbetrag {
    font-weight: bold;
}

/* Baugewerbe Anmeldung */
body.baugewerbe_ajax {
    background-color: transparent;
}

.baugewerbe_ajax .buttons .row {
    margin-bottom: 40px;
}

body.baugewerbe_ajax form {
    width: 95%;
}

body.baugewerbe_ajax form .TelefonGeschaeft {
    margin-top: 30px;
}

body.baugewerbe_ajax form label img.fragezeichen {
    margin:0 0 0 2px;
    vertical-align:middle;
    width:20px;
}

/* Kontakt Modal */
body.kontakt_ajax {
    background-color: transparent;
    cursor: auto;
    width: 98%;
}

.kontakt_ajax .fileupload-buttons .fileinput-button.ajax:hover {
    color: #96bbf7;
    background-color: #fff;
}

body.kontakt_ajax > .row {
    margin: 0;
}

body.kontakt_ajax img.logo {
    height: 90px;
}

body.kontakt_ajax .dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90px;
}

body.kontakt_ajax .dl-horizontal dd {
    margin-left: 110px;
}

body.kontakt_ajax #idBild {
    margin: 0 auto;
}

body.kontakt_ajax .upload .form-group {
    margin-bottom: 5px;
}

body.kontakt_ajax .buttons {
    margin-top: 15px;
}

/* jQuery mmenu */
a#menu-toggle {
    display: block;
    position: absolute;
    left: 5px;
    padding-top: 10px;
    z-index: 99;
}

a#menu-toggle .icon-bar {
    background: #222222 none repeat scroll 0 0;
    border-radius: 1px;
    display: block;
    height: 3px;
    width: 22px;
}

#menu-close {
    background: rgba(0, 0, 0, 0) url("/layouts/dwz_bootstrap/img/button_close.png") no-repeat scroll 0 0;
    color: inherit;
    display: block;
    height: 24px;
    left: 14px;
    position: absolute;
    top: 14px;
    width: 24px;
}

#menu-close-arrow {
    border-color: transparent #000000 transparent transparent;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    display: none;
    height: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 0;
}

#mmenu:not( .mm-menu ) {
    display: none;
}

.mm-listview > li > a,
.mm-listview > li > span {
    color: #222222;
}
.mm-listview a,
.mm-listview a:hover,
.mm-listview a:visited {
    color: #222222;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mm-listview li.active a,
.mm-listview li.active a:hover,
.mm-listview li.active a:visited {
    color: #ea7c13;
}

.mm-menu.mm-theme-white .mm-listview > li .mm-prev::before,
.mm-menu.mm-theme-white .mm-listview > li .mm-next::after,
.mm-menu.mm-theme-white .mm-listview > li .mm-arrow::after {
    border-color: #222222;
}

.mm-menu .mm-navbar button#dropdownMenuShopAuswahl {
    padding: 0;
    color: #222222;
}

.mm-menu.mm-theme-white .mm-navbar-top-1 {
    background-color: #c2c2c2;
    color: #222222;
    height: 50px;
}

.mm-navbar-top-2 {
    top: 10px;
}

.mm-hasnavbar-top-2 .mm-panel {
    top: 50px;
}

.mm-menu.mm-theme-white .mm-navbar .topnav_shopauswahl {
    padding: 12px 0;
}

.mm-menu.mm-theme-white .mm-navbar .topnav_telefonnummern {
    padding: 10px;
}

.mm-menu.mm-theme-white .mm-navbar .topnav_telefonnummern a {
    border-radius: 5px;
    display: block;
    margin: 0px auto 0;
    padding: 5px 8px 1px;
    width: 100%;
    color: #fff;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal;
}

.mm-menu.mm-theme-white .mm-navbar .topnav_telefonnummern a span.fa-phone {
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
}

.mm-menu .mm-navbar .topnav_shopauswahl img {
    margin: 0 3px 2px 0;
    vertical-align: middle;
    padding-top: 3px;
}

#topnav_shopauswahl .radio.privat label {
    padding-top: 10px;
}

.mm-navbar-bottom {
    height: 50px;
}

.mm-menu ul.social li {
    padding: 0 1px;
}

#suche-toggle {
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 21px;
    left: 70px;
    position: absolute;
    top: 15px;
}

.table.table-striped.tcart,
.tableartikel,
.zusatz.unten,
.zuschlag-warenkorb {
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
}

.tablespace {
    border-left: 1px solid white;
    border-right: 1px solid white;
    height: 30px;
}

.tcart.bezeichnung.versand {
    text-align: right;
}

.daten.kostenzuschlag {
    text-align: left;
}

.tcart.bezeichnung.versand-zuschlag {
    text-align: left;
}

.zusatz.unten-mobil {
    border-top-style: solid;
}

.zusatz.unten-mobil {
    display: flex;
    height: 100%;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: lightgrey;
}

.kostenzuschlag-mobil {
    text-align: left;
    padding: 0px;
}

.gesamtpreis.text-right.middle {
    vertical-align: middle;
}

.streichpreis {
    text-decoration: line-through;
    font-weight: 700;
}

.btn-streichpreis {
    position: relative;
    float: left;
    font-size: 18px;
}

.kostenzuschlag-dialog {
    text-align: right;
}

.versandkosten-mobil {
    padding: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

.warenkorb_mobil .warenkorb_mobil_fuss .versandkosten-mobil.abholung_wechseln {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd;
}

.border-top-mobil {
    border-top-style: solid;
    border-width: 1px;
    border-color: lightgrey;
}

.border-bottom-mobil {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    margin-bottom: 10px;
}

.zusatz.unten-mobil.col-xs-12 {
    padding: 0px;
}

.artikel_btn_merkmale a.btnZumProdukt.btn.btn-primary.btn-block {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.zuschlag-warenkorb .text,
.zuschlag-warenkorb .wert{
    text-align: right;
}

.zuschlag-warenkorb .text {
    font-weight: normal;
}

.button-close-vergleich {
    width: 17px;
    float: right;
    font-family: "Times New Roman";
    font-size: 30px;
    margin: 15px 7px 0px 7px;
    color: #CCC;
}

.reklamation {
    margin-bottom: 20px;
}

#frmReklamation,
#fileupload,
.geschaeftskonto_bestaetigt_erfolg .geschaeftskonto_bestaetigt_text,
.referenzen_text {
    border: 1px solid #dddddd;
    border-radius: 4px;
    /*margin: 0px;*/
    padding: 15px;
}

.reklamation_text {
    margin-bottom: 40px;
    font-weight: 700;
}

.gutschrift-wahl.block {
    display: block;
}

.reklamation-bild .type-text label  {
    display: none;
}

.reklamation-bild .type-text .uploadify-queue {
    float: left;
}

.reklamation-recaptcha {
    margin-bottom: 15px;
}

.nav-tabs.kontakt-formular > li {
    width: 33.33333333%;
    padding-right: 5px;
}

.nav-tabs.kontakt-formular > li:last-child {
    padding-right: 0px;
}

.kontakt-formular > li >  a {
    margin: 0px;
}

.bild_upload input {
    display: none;
}

.bild_upload .filenames {
    margin-bottom: 10px;
}

.select_bild {
    width: 150px;
    margin-bottom: 15px;
}

a.btn.select_bild {
    font-size: 16px;
    font-weight: 400;
    display: inline-table;
}

a.btn.select_bild.medium {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#btnSubmitKontakt.btn-primary,
#btnSubmitRueckruf.btn-primary,
#btnSubmitReklamation.btn-primary {
    font-size: 16px;
}

.fehler-recaptcha {
    color: #a94442;
    font-weight: bold;
}

.reklamation .help-block {
    margin-bottom: 0px;
}

.reklamation #frmReklamation .help-block {
    margin-bottom: 0;
    margin-top: 0;
}

.reklamation #frmReklamation #hinweis_bilder .help-block {
    margin-left: -15px;
}

.reklamation .logo.col-xs-6 {
    height: auto;
}

.button-reklamation.text-center.vorlage-reklamation .grecaptcha-badge,
.button-baugewerbe-registrieren.text-center.vorlage-baugewerbe-registrieren .grecaptcha-badge {
    margin-bottom: 190px;
}

.reklamation {
    margin-bottom: 20px;
}

#frmReklamation {
    border: 1px solid #dddddd;
    margin: 0px;
    padding: 15px;
    border-top:none;
}

.btn-group-kundengruppe label,
form[name=frmFormular] .eingabefelder .btn-group-kundengruppe label {
    text-align: center;
}

.btn-group-kundengruppe label.btn,
form[name=frmFormular] .eingabefelder .btn-group-kundengruppe label.btn,
#frmBaugewerbe_registrieren .btn-group-kundengruppe label.btn {
    font-size: 14px;
    box-shadow: none;
}

.btn-group-kundengruppe label.btn-default:hover,
.btn-group-kundengruppe label.btn-default:active,
.referenzen .btn-default:hover,
.referenzen .btn-default:active {
    background: #ffffff;
    border: 1px solid #ea7c13;
    color: #ea7c13;
}

.reklamation_text {
    margin-bottom: 40px;
    font-weight: 700;
}

.gutschrift-wahl.block {
    display: block;
}

.reklamation-bild .type-text label  {
    display: none;
}

.reklamation-bild .type-text .uploadify-queue {
    float: left;
}

.reklamation-recaptcha {
    margin-bottom: 15px;
}

.ueberschrift_kontaktformular_mobil {
    display: none;
}

.warenkorb_mobil .warenkorb_artikel {
    border-bottom: 1px solid lightgrey;
}

/* Google ReCaptcha */
div.g-recaptcha > div > div {
    margin: 0 auto;
}

div.g-recaptcha > div {
    width: auto!important;
    height: auto!important;
}

.loading_kontakt img{
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.form-horizontal .artikeldaten .control-label {
    text-align: left;
    padding-right: 0;
    position: relative;
}

.artikeldaten .col-sm-3{
    padding-right: 0px;
    padding-left: 10px;
}

.form-horizontal .form-control-static {
    padding-left: 4px;
}

.form-horizontal .artikeldaten .control-label .alleMengenanzeigen {
    text-align: right;
}

.login_passwort_vergessen_div a {
    height: 38px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-top: 8px;
}

.video {
    cursor: pointer;
}

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

.responsive-video .video {
    border: 1px solid #000000;
    width: 95%;
}

.responsive-video .video + .responsive-video .video {
    margin-left: 5%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio */
    /*padding-bottom: 28%; /* Default for two videos 4:3 ratio in one row */
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

#modalVideo button.close {
    background-color: #ffffff;
    background-position: 3px 3px;
    height: 28px;
    position: absolute;
    right: -29px;
    top: 0;
    width: 29px;
}

#modalVideo .modal-dialog{
    width: 60%;
}

#modalVideo .modal-content iframe {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.popover-title.telefon_haendler,
.LieferStatus .popover-title,
.popover-filter .popover-title {
    background-color: #003056;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
}
.col-sm-5.col-xs-12.feld_ort {
    padding-right: 0px;
}

.border.rechnungsadresse.col-sm-12 {
    border-bottom:lightgrey solid 1px;
    margin-bottom:23px;
}

.col-xs-12.col-sm-5.feld_telefon {
    padding-left:10px;
}

.control-label.col-sm-4.col-xs-12.feld_telefonmobil {
    margin-top:15px;
}

.col-xs-12.col-sm-5.feld_telefonmobilvorwahl {
    margin-top:15px;
    padding-left:10px;
}

#anschrift_h img{
    margin-top:20px;
    height:25px;
    padding-left:5px;
}

.label_auswahl_telefon {
    margin-top:5px;
}

.feld_lieferort {
    padding-left:0px;
}

/** Übernahme aus custim.css **/
/* Pagination */
ul.pagination > li {
    display: inline-block;
}

ul.pagination > li > a,
ul.pagination > li > span {
    color: #ffffff;
    background-color: #ea7c13;
    border: 1px solid #ea7c13;
    height: 47px;
}

ul.pagination > li > a:hover,
ul.pagination > li > span:hover,
ul.pagination > li > a:focus,
ul.pagination > li > span:focus {
    color: #ea7c13;
    background-color: #ffffff;
    border-color: #ea7c13;
}

ul.pagination > .active > a,
ul.pagination > .active > span,
ul.pagination > .active > a:hover,
ul.pagination > .active > span:hover,
ul.pagination > .active > a:focus,
ul.pagination > .active > span:focus {
    color: #ffffff;
    background-color: #ff9641;
    border-color: #ff8421;
}

ul.pagination > .disabled > span,
ul.pagination > .disabled > span:hover,
ul.pagination > .disabled > span:focus,
ul.pagination > .disabled > a,
ul.pagination > .disabled > a:hover,
ul.pagination > .disabled > a:focus {
    color: #999999;
    background-color: #ffffff;
    border-color: #dddddd;
}

/* Sidebar Modul*/
.sidebar-module, .content-module {
    margin-top: 20px;
}

.kundennummer_login {
    padding-bottom: 15px;
    font-weight: bold;
}

.kundennummer_login_label {
    font-weight: bold;
    margin-right: 5px;
}

.btn.btn-info.passwort,
.btn.btn-info.registrieren,
.btn.btn-info.konto_aendern,
.btn.btn-info.rechnung_zahlen,
.btn.btn-info.rechnung_uebersicht,
.login_angemeldet #btnAbmelden {
    background-color: white;
    background: none;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    letter-spacing: 0.04em;
    font-weight: 400;
    font-size: 16px;
    height: 36px;
}

.btn.btn-info.konto_aendern,
.btn.btn-info.rechnung_zahlen,
.btn.btn-info.rechnung_uebersicht {
    margin-left: 5px;
    padding-left: 6px;
    padding-right: 6px;
}

.btn.btn-info.rechnung_zahlen {
    margin-left: 0px;
}

.mein_login_registrieren {
    padding-left: 40px;
    margin-top: 10px;
}

.login_angemeldet #btnAbmelden {
    background: #ea7c13;
    border: 1px solid #ea7c13;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    color: #ffffff;
    height: 35px;
    margin-left: 5px;
}

.login_angemeldet {
    margin-top: 15px;
}

.col-xs-12.buttons.vergleichsliste {
    margin-top: 15px;
}

#vergleichsliste .artikelbild img {
    max-height: 100px;
    width: auto;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .seals {
    margin-top: -100px;
    right: -120px;
}

.bestellung_uebersicht.versandbedingungen .form-group,
#frmUebersicht .form-group {
    border: 1px solid red;
    padding-left: 5px;
    background: #fff;
}

#frmUebersicht .postfix {
    padding-left: 0px;
}

/* Material Design Buttons */
.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: rgba(158,158,158,.2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0,0,0,.12)
}

.mdl-button:active {
    background-color: rgba(158,158,158,.4)
}

.mdl-button.mdl-button--colored {
    color: rgb(255,87,34)
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0,0,0,.12)
}

input.mdl-button[type="submit"] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: rgba(158,158,158,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
    background-color: rgba(158,158,158,.4)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);
    background-color: rgba(158,158,158,.4)
}

.mdl-button--raised.mdl-button--colored {
    background: rgb(255,87,34);
    color: rgb(255,255,255)
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: rgb(255,87,34)
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: rgb(255,87,34)
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: rgb(255,87,34)
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: rgb(255,255,255)
}

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158,158,158,.2);
    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
    position: relative;
    line-height: normal
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px,-12px);
    transform: translate(-12px,-12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle,#fff,#000)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
    background-color: rgba(158,158,158,.4)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);
    background-color: rgba(158,158,158,.4)
}

#gruppe-carousel .mdl-button--fab:focus:not(:active) {
    box-shadow: none;
    background-color: transparent;
}

.mdl-button--fab.mdl-button--colored {
    background: rgb(255,171,64);
    color: rgb(66,66,66)
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: rgb(255,171,64)
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: rgb(255,171,64)
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: rgb(255,171,64)
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: rgb(66,66,66)
}

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px,-12px);
    transform: translate(-12px,-12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle,#fff,#000)
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
    color: rgb(255,87,34)
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: rgb(255,255,255)
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(255,87,34)
}

.mdl-button--accent.mdl-button--accent {
    color: rgb(255,171,64)
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: rgb(66,66,66)
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(66,66,66);
    background-color: rgb(255,171,64)
}

.mdl-button[disabled][disabled],.mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0,0,0,.26);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab[disabled][disabled],.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0,0,0,.12);
    color: rgba(0,0,0,.26)
}

.mdl-button--raised[disabled][disabled],.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0,0,0,.12);
    color: rgba(0,0,0,.26);
    box-shadow: none
}

.mdl-button--colored[disabled][disabled],.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0,0,0,.26)
}

.mdl-button .material-icons {
    vertical-align: middle
}

.mdl-button--fab .material-icons {
    color: transparent;
}

/* Ripple Aninmation */

.mdl-ripple.is-animating {
    transition: transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1);
}

.mdl-ripple.is-visible {
    opacity: 0.3;
}

.mdl-ripple {
    background: #fff;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 50px;
    overflow: hidden;
}

#login .mein_login_anmelden,
#login .mein_login_registrieren {
    margin-left: 197px;
}

#mein_login_anmelden_registrieren .form-group .col-sm-8 input {
    width: 299px;
}

#modalDialogBestaetigung .modal-header {
    background-color: #003056;
    margin: 1px;
}

#modalDialogBestaetigung .modal-title {
    color: white;
}

#modalDialogBestaetigung .btn-default {
    background: #ea7c13;
    border: 1px solid #ea7c13;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    color: white;
}

.mein_login_anmelden_border {
    border-top: 1px solid lightgrey;
    margin-top: 50px;
}

#login .mein_login_anmelden.hinweis {
    margin: 0px;
    padding: 0px 20px 0px 20px;
}

.btn_warenkorb .popover a.btn {
    font-size: 16px;
    padding: 6px 2px;
}

#hinweis_baugewerbe > .btn-info {
    background: #005E8F;
    border: 1px solid #005E8F;
    color: white;
    font-weight: bold;
}

#hinweis_baugewerbe > .btn-info:hover {
    background: #fff;
    color: #005e8f;
}

.topnav_login .top_haendler_registrierung,
header a.btn.top_haendler_registrierung,
.mobile_geschaeftsaccount a {
    background-color: #005E8F;
    color: white;
}

.bild_upload .select_bild {
    background-color: #005E8F;
    border-color: #005E8F;
}

.bild_upload .select_bild:hover {
    color: #005E8F;
    border: 1px solid #005E8F;
}

.mm-listview .mobile_geschaeftsaccount a {
    color: white;
}

.mein_login_anmelden.hinweis .text-center,
#hinweis_baugewerbe .text-center {
    text-align: left;
}

.mein_login_anmelden.hinweis hr {
    display: none;
}

.mein_login_anmelden.hinweis .text-center {
    margin: 0px;
}

.text_geschaeftaccount p {
    font-weight: bold;
}

.btn_abholung_wechseln,
.bestellprozess_schritt_1_warenkorb.warenkorb table a.btn_abholung_wechseln,
.abholung_wechseln_form a.btn {
    background-color: #005E8F;
    border-color: #005E8F;
    color: white;
}

.telefonnummer_auswahl .anschrift_h.fragezeichen {
    margin-top: 20px;
}

.UVP_preis.textGrossFett.artikel_preis_gross {
    font-size: 13px;
}

.UVP_preis.textGrossFett.artikel_preis_gross .form-control-static {
    font-weight: normal;
}

.preis_haendler_label {
    padding: 7px 10px 0px 10px;
}

.preis_haendler_wert {
    padding: 0px 10px 0px 10px;
}

#frm_rechnung_bezahlen {
    margin-left: 15px;
    width: 100%;
    padding-right: 30px;
}

.belege .panel-title {
    font-size: 16px;
}

.beleg_kopf_links {
    font-weight: bold;
}

.belege th.Menge,
.belege th.syEinzelpreisBrutto,
.belege th.syGesamtpreisBrutto  {
    text-align: right;
}

#frm_rechnung_bezahlen .rechnung_bezahlen_div {
    float: none;
}

#frm_rechnung_bezahlen .rechnung_bezahlen_button {
    float: none;
}

.mein_belege_vorkasse .mein_belege .beleg_kopf_links {
    width: 10%;
}

.belege .auswahl_vorkasse {
    margin: 0px;
}

.mein_zahlung #beleg .BelegVorname,
.mein_zahlung #beleg .FremdwaehrungBrutto{
    display: none;
}

.mein_zahlung #beleg .Zahlbetrag {
    font-weight: normal;
    margin-top: 0px;
}

.mein_zahlung #beleg dt.Belegnummer,
.mein_zahlung #beleg dt.Datum,
.mein_zahlung #beleg dt.Zahlbetrag,
.mein_zahlung #beleg dt.Zahlungsbedingung {
    font-weight: bold;
}

.mein_zahlung .belege .buttons {
    margin-bottom: 10px;
}

.mein_aendern #idBenutzer.form-control,
.mein_aendern #idEmail.form-control {
    cursor: no-drop;
}

.mein_aendern .panel-heading h3 {
    text-align: center;
}

.mein_belege .zahlungsart_skonto button {
    margin-left: 10px;
}

.btn.btn-primary.skonto_anzeigen {
    background: #005E8F;
    border-color: #005E8F;
    width: auto;
}

.mein_belege .belege .zahlungsart_skonto,
.mein_belege .belege .zahlungsart_skonto_betrag {
    margin: 20px 5px 20px 15px;
}

.mein_belege .belege .zahlungsart_skonto_wert,
.mein_belege .belege .zahlungsart_skonto_betrag_wert,
.ueberweisung_wert {
    color: red;
    font-weight: bold;
}

.buttons.ppplus #btnZahlung{
    float: right;
}

#modalFlaechenplaner .modal-header,
#modalFlaechenplanerEinstieg .modal-header {
    background-color: #003056;
}

#modalFlaechenplaner .modal-header .modal-title,
#modalFlaechenplanerEinstieg .modal-header .modal-title {
    color: white;
}

.Flaechenplaner .bestellprozess_verlauf .breadcrumb .active {
    background-color: #0055AD;
}

.Flaechenplaner .bestellprozess_verlauf .breadcrumb .active .arrow {
    border-left: 20px solid #0055AD;
}

.Flaechenplaner .panel-default>.panel-heading,
.Lichtplattenplaner .panel-default>.panel-heading{
    background-color: #ea7c13;
}

.Flaechenplaner .panel-default>.panel-heading h3,
.Lichtplattenplaner .panel-default>.panel-heading h3 {
    color: white;
}

#modalFlaechenplaner button.close span,
#modalFlaechenplanerEinstieg button.close span,
#modalKontakt button.close span,
#abholung_modal_dialog button.close {
    color: white;
    font-size: 25px;
}

.baugewerbe_registrieren .anrede_auswahl .radioHerr {
    padding-right: 5px;
    padding-left: 0;
}

.baugewerbe_registrieren .anrede_auswahl .radioFrau {
    padding-left: 5px;
    padding-right: 0;
}

form.form-horizontal .baugewerbe_registrieren .radio {
    padding-top: 1px;
}

.baugewerbe_registrieren #btnAktivierungsmailZusenden {
    margin-top: 10px;
}

.dach_wand_planer_sidebar {
    list-style: none;
    padding-left: 0px;
}

.dach_wand_planer_sidebar a {
    background-color: #4285F3;
    border-color: #4285F3;
}

.dach_wand_planer_sidebar a:hover,
.btn-primary.planer-starten:hover,
a.btn-primary.planer-starten:hover {
    border-color: #4285F3;
    color: #4285F3;
}

.gutschein_hinweise {
    padding: 10px;
}

.gutschein_hinweise .fehler,
.gutschein_hinweise .GutscheinGebucht,
.gutschein_hinweise .GutscheinWert,
.inhalt .passwort_email_wert {
    color: red;
    font-weight: bold;
}

.bestellung_uebersicht .gutscheincode.panel,
.bestellung_bestaetigung .gutscheincode.panel {
    display: none;
}

#mmenu.eingeloggt .mobile_geschaeftsaccount {
    display: none;
}

#idNachricht {
    min-height: 110px;
}

#kontakt #idNachricht {
    min-height: 110px;
}

.table-striped > tbody > tr.hinweis.versandfreiab.haendler > td,
.warenkorb_mobil .hinweis.versandfreiab.haendler{
    background-color: transparent;
    color: red;
    font-weight: bold;
    text-align: right;
    border-right: 1px solid white;
    border-left: 1px solid white;
}

.hinweis.versandfreiab .text {
    color: red;
    font-weight: bold;
}

.warenkorb_mobil .hinweis.versandfreiab.haendler {
    text-align: left;
}

.warenkorb .frachtfrei.haendler > td {
    text-align: right;
}

.warenkorb .frachtfrei.haendler .text {
    font-weight: bold;
}

.warenkorb .frachtfrei.haendler.mobil .text {
    font-weight: normal;
}

.warenkorb .frachtfrei.haendler.mobil .wert {
    float: right;
}

.belege #loading_zahlung {
    position: absolute;
}

.belege #loading_zahlung img {
    position: relative;
    left: 710px;
    top: -10px;
}

.passwort_vergessen_form_div .col-sm-7 {
    margin-left: 23%;
}

.mein_belege #accordion .panel-heading {
    background-color: #f9fdff;
}

.mein_belege #accordion .panel-heading .panel-title div,
.mein_belege #accordion .panel-heading .panel-title i {
    color: #003056;
}

.panel-group.belege .panel-heading .panel-title i {
    font-size: 25px;
}

.trennlinie_zahlungen:last-child {
    display: none;
}

.geschaeftskonto_login .text_haendler_login,
.geschaeftskonto_login_app .text_haendler_login {
    margin-top: 20px;
    margin-bottom: 70px;
    border-top: 1px solid lightgrey;
    padding-top: 20px;
}

.geschaeftskonto_login .text_haendler_login hr{
    display: none;
}

.geschaeftskonto_login .eingabefelder label {
    text-align: left;
    font-weight: bold;
}

.geschaeftskonto_login .login_passwort_vergessen_div .btn {
    font-size: 16px;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.fileinput-button input {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    opacity: 0;
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

#frmBaugewerbe_registrieren .Strasse .hausnummer_input {
    padding: 0px;
    margin-left: 5px;
}

.inhalt .gruppenuebersicht .col-md-4,
.inhalt_app .gruppenuebersicht .col-md-4{
    margin-bottom: 5px;
}

.bestellung_anschrift_app .bestellprozess_schritt_2_anschrift,
.bestellung_uebersicht_app #btnSubmit {
    margin-bottom: 50px;
}

.bestellung_anschrift_app .bestellprozess_schritt_2_anschrift.no-padding-xs {
    margin: 0px;
}

.text_geschaeftaccount ul,
.geschaeftskonto_bestaetigt_erfolg ul,
#mein_login_anmelden_registrieren ul,
.text_haendler_login ul {
    list-style: none;
    padding-left: 15px;
}

.geschaeftskonto_bestaetigt_erfolg .button_start {
    text-align: center;
}

#modal-flexslider .modal-lg {
    width: 65%;
}

#rueckruf .flex-control-nav {
    bottom: -40px;
}

#rueckruf .flex-main .flex-caption {
    bottom: -70px;
    top: auto;
    background: none;
    color: #666;
    text-align: center;
    font-size: 18px;
    width: 100%;
    margin-left: 0px;
}

#rueckruf .inhalt_anrufen {
    text-align: center;
}

.kontakt_ajax .flex-image.flexslider {
    width: 530px;
    margin-right: auto;
    margin-left: auto;
}

#rueckruf .flex-image.flexslider .slides li .flex-caption p {
    margin: 0px;
}

#rueckruf .flex-control-paging li a.flex-active,
#rueckruf .flex-control-paging li a:hover {
    background: #869791;
}

#rueckruf  .flex-control-paging li a {
    background: #d6d6d6;
    box-shadow: none;
    width: 10px;
    height: 10px;
}

#rueckruf .flex-main .flex-direction-nav {
    display: block;
}

#rueckruf .flex-direction-nav .flex-next {
    right: -60px;
}

#rueckruf .flex-main .flexslider:hover .flex-prev,
#rueckruf .flex-direction-nav .flex-prev{
    left: -55px;
}

#rueckruf .flex-direction-nav a.flex-next {
    background: url(/layouts/images/next-flex-shop.png) no-repeat;
    background-position: center;
    background-size: 13px 21px;
}


#rueckruf .flex-direction-nav a.flex-prev {
    background: url(/layouts/images/prev-flex-shop.png) no-repeat;
    background-position: center;
    background-size: 13px 21px;
}

#rueckruf a {
    color: #666666;
}

.reklamation .nachricht {
    margin-top: 5px;
}

.zahlungsart .popover h3 {
    text-align: center;
    font-weight: bold;
}

.warenkorb .warenkorb-anzahl {
    height: 55px;
}

.merkliste .btn-primary[disabled] {
    background-color: #ea7c13;
    border-color: #ea7c13;
}

.merkliste .btn-default[disabled],
.merkliste .btn_vergleichen{
    color: #fff;
    background-color: #005E8F;
    border-color: #005E8F;
}

.merkliste a.btn_vergleichen.btn.btn-default {
    color: #fff;
}

.merkliste a.btn.btn-default:hover {
    color: #005E8F;
    border-color: #005E8F;
}

#merkliste .btn_vergleichen:hover {
    background-color: #fff;
}

.popover-merkliste h3 {
    font-weight: bold;
}

canvas#canvas-confetti {
    width: 100%;
    display: block;
    position: relative;
    z-index: 99;
    pointer-events: none;
    height: 240px;
}

#content-confetti {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.mm-page #content-confetti {
    width: auto;
}

#content-confetti .kasten-gruen {
    background-color: forestgreen;
    color: white;
    text-align: center;
    padding: 20px;
    /*margin-right: 30px;*/
    font-weight: bold;
}
/*
.mm-page #content-confetti .kasten-gruen {
    margin-right: 15px;
}
*/
#content-confetti .kasten-gruen i {
    font-size: 40px;
}

#content-confetti .uebersicht-daten {
    padding: 15px;
    text-align: center;
    /*margin-right: 30px;*/
    font-weight: bold;
}

#canvas-confetti {
    border: solid 1px #ddd;
    margin-bottom: 15px;
}

.reklamation .form-group.TelefonPrivat input {
    padding-right: 3px;
}

.control-label.reklamation-bild.medium {
    text-align: center;
}

.reklamation_anhang.medium {
    padding-top: 10px;
}

.reklamation.gutschrift-wahl.medium .radio {
    width: 15%;
    float: left;
    margin-right: 15px;
}

.reklamation.gutschrift-wahl.medium .radio label {
    padding: 5px 50px 5px 0px;
}

.reklamation.gutschrift-wahl.medium label,
.reklamation.gutschrift-wahl label {
    width: 100%;
    padding-bottom: 10px;
}

#frmReklamation .reklamation.gutschrift-wahl label,
#frmReklamation_kontakt .reklamation.gutschrift-wahl label {
    display: inline-block;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#frmReklamation .reklamation.gutschrift-wahl > label {
    padding-bottom: 15px;
}

#frmReklamation_kontakt .reklamation.gutschrift-wahl > label {
    padding-bottom: 10px;
}

#frmReklamation .reklamation.gutschrift-wahl input,
#frmReklamation_kontakt .reklamation.gutschrift-wahl input {
    margin-top: 8px;
}

.reklamation.gutschrift-wahl.medium .reklamation_anhang label {
    padding-top: 20px;
}

.reklamation-bild .reklamation_anhang label {
    padding-top: 10px;
    padding-bottom: 10px;
}

.checkout.bestellprozess_schritt_1_warenkorb .rechnungsadresse .col-xs-4,
.checkout.bestellprozess_schritt_1_warenkorb .lieferadresse .col-xs-3 {
    width: 25%;
    padding-right: 0px;
}

.checkout.bestellprozess_schritt_1_warenkorb .rechnungsadresse .col-xs-4 i.fa-envelope-o {
    padding-right: 2px;
}

#frmReklamation_kontakt .dropdown {
    padding: 0px;
}

.artikeldaten #hinweis_baugewerbe .content ul li {
    list-style-type: none;
}

#modalDialogBestaetigung .modal-footer {
    text-align: center;
}

#topnav_shopauswahl .land label,
#topnav_shopauswahl .kundengruppe > label {
    width: 100%;
    text-align: center;
}

.bestellbestaetigung_daten .bestellprozess_bestellbestaetigung {
    border: 1px solid #ddd;
    height: 230px;
}

.bestellbestaetigung_daten ol {
    padding-left: 20px;
}

.bestellprozess_bestellbestaetigung p {
    padding: 5px;
}

.bestaetigung_content {
    min-height: 280px;
}

.anmeldung_geschaeftskonto hr {
    border-color: #ddd;
}

.merkliste .btn-primary:focus {
    color: #fff;
}

.has-success .form-control,
.has-success .form-control-feedback {
    border-color: green;
    color: green;
}

.has-success .control-label,
.has-error .control-label,
.auswahl-lieferung .has-success .radio {
    color: #000000;
}

.has-feedback .form-control {
    padding-right: 25px;
}

.form-group.Ort .col-sm-2.col-xs-12 {
    padding-right: 0px;
}

.form-horizontal .Ort .form-control-feedback {
    right:0px;
}

.form-horizontal .Ort .feld_lieferort .form-control-feedback {
    right: 15px;
}

.form-group #idLand,
.form-group #idLieferLand {
    cursor: not-allowed;
}

.telefonnummer_auswahl.has-feedback .form-control {
    padding-right: 0px;
    padding-left: 10px;
}

.auswahl-lieferung .radio span {
    display: none;
}

.has-error .form-control-feedback {
    top: 0;
    right: 15px;
    position: absolute;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.Strasse .help-block,
.Ort .help-block,
.telefonnummer_auswahl .help-block,
.LieferStrasse .help-block,
.LieferOrt .help-block {
    color: red;
}

.lieferadresse .LieferTelefon1 #idLieferTelefon1Vorwahl {
    padding-right: 3px;
}

.lieferadresse .LieferOrt .col-sm-2 {
    padding-right: 0px;
}

.form-group.has-success.has-feedback .form-control#idLand,
.form-group.has-success.has-feedback .form-control#idLieferLand {
    border-color: #d1d1d1;
    color: #999999;
}

.form-horizontal .has-feedback.Land .form-control-feedback,
.form-horizontal .has-feedback.LieferLand .form-control-feedback,
.telefonnummer_auswahl.has-success .fa-exclamation-triangle {
    display: none;
}

.form-horizontal .has-feedback .form-control-feedback,
.telefonnummer_mobil .fa {
    z-index: 5;
}

@media (max-width: 767px) {
    #frmBaugewerbe_registrieren.form-horizontal .has-feedback .hausnummer_input .form-control-feedback {
    }
}

@media (min-width: 768px) {
    #frmBaugewerbe_registrieren.form-horizontal .has-feedback .hausnummer_input .form-control-feedback {
        right: -5px;
    }
}

.baugewerbe_registrieren.eingabefelder .anschrift_h.form-group,
.alle_nummern_sichtbar .anschrift_h.form-group {
    position: relative;
    margin: 0px;
}

.anschrift .Ort .help-block,
.lieferadresse .LieferOrt .help-block,
.lieferadresse .LieferStrasse .help-block.LieferHausnummer,
.anschrift .Strasse .help-block.Hausnummer {
    width: max-content;
    width: -moz-max-content;
}

.anschrift .Ort .feld_ort.has-error,
.lieferadresse .LieferOrt .feld_lieferort.has-error,
.telefonnummer_auswahl.lieferadressetelefon.form-group.has-error.has-feedback,
.telefonmobil.has-error.has-feedback {
    position: relative;
}

.feld_telefonmobilvorwahl .help-block.TelefonMobilRufnummer,
.help-block.ajax.TelefonMobilRufnummer {
    position: absolute;
    width: max-content;
    width: -moz-max-content;
    top: 45px;
    left: 0px;
}

.help-block.ajax.TelefonMobilRufnummer {
    top: 30px;
}

.start_eingabe.col-sm-12 .help-block.ajax.TelefonMobilRufnummer {
    top: 75px;
}

.gewerbekunde .start_eingabe.col-sm-12 .help-block.ajax.TelefonMobilRufnummer {
    top: 40px;
}

.telefonnummer_auswahl.lieferadressetelefon.form-group.has-error.has-feedback {
    margin-bottom: 50px;
}

.lieferadresse .LieferOrt .feld_lieferort .help-block {
    position: absolute;
    left: -115px;
    top: 55px;
}

.lieferadresse .LieferOrt .feld_lieferort .help-block {
    left: -133px;
}

.telefonmobil.has-error .fa-check,
.telefonnummer_mobil .has-success .fa-exclamation-triangle,
.form-horizontal .anrede_auswahl.has-feedback .form-control-feedback,
.form-horizontal .erechnung_auswahl.has-feedback .form-control-feedback {
    display: none;
}

.form-horizontal .LieferTelefon1.has-feedback .form-control-feedback {
    right: 15px;
}

.has-error .form-control-feedback {
    z-index: 5;
}

.has-feedback .telefonnummer_geschaeft.lieferadressetelefon   .form-control-feedback.ajax,
.has-feedback .telefonnummer_geschaeft.mobil.lieferadressetelefon .form-control-feedback.ajax {
    right: 0px;
}

.telefonnummer_geschaeft.lieferadressetelefon .fa-check:nth-child(2) {
    right: 15px;
}

#anschrift_HRBNummer .has-success.ajax .form-control,
#auftragsnummer_anschrift .has-success.ajax .form-control,
#anschrift_LieferTelefon1.has-success.ajax .form-control {
    border-color: #d1d1d1;
    color: #555;
}

#anschrift_LieferTelefon1.has-success.ajax .has-error .form-control {
    border-color: red;
    color: red;
}

#anschrift_HRBNummer .has-success.ajax .form-control-feedback,
#auftragsnummer_anschrift .has-success.ajax .form-control-feedback,
#anschrift_LieferTelefon1.has-success.ajax .form-control-feedback {
    display: none;
}

#anschrift_LieferTelefon1.has-success.ajax .has-error .fa-exclamation-triangle.form-control-feedback {
    display: block;
}

#anschrift_LieferTelefon1.has-success.ajax .has-error .input-group-addon {
    background-color: #eee;
    border-color: #ccc;
}

.LieferPlz .form-control-feedback,
.form-horizontal .LieferOrt .LieferPlz.has-feedback .form-control-feedback {
    right: 0px;
}

#anschrift_Strasse .help-block.Strassenname,
#anschrift_Strasse .hausnummer .help-block,
#anschrift_Ort .Plz .help-block,
#anschrift_Ort .Ort .help-block,
#anschrift_LieferStrasse .LieferStrassenname .help-block,
#anschrift_LieferStrasse .LieferHausnummer .help-block,
.lieferanschrift .LieferOrt .LieferPlz .help-block,
.lieferanschrift .LieferOrt .LieferOrt .help-block {
    margin: 0px;
}

.lieferanschrift .LieferOrt .LieferPlz .help-block.ajax {
    margin-bottom: 10px;
}

#anschrift_Unternehmensform .has-success.Unternehmensform .fa-check {
    display: none;
}

.has-error .form-control {
    border-color: #e40000;
}

.has-success .form-control,
.has-success .form-control-feedback {
    border-color: #3bc83c
}

.has-success .form-control-feedback {
    color: #3bc83c;
}

.has-error .form-control-feedback,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline{
    color: red;
}

.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-success .form-control {
    color: #666;
}

#anschrift_Strasse .Strassenname.has-feedback .form-control-feedback {
    right: 0px;
}

.template-upload.fade,
.template-download.fade {
    opacity: 1;
}

.fileinput-button.btn.btn-success {
    background-color: #96BBF7;
    border-color: #96BBF7;
    font-size: 16px;
}

#frmReklamation .fileinput-button.btn:hover {
    color: #96bbf7;
    background: #fff;
}

.template-download .btn-danger {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-size: 16px;
}

.btn.btn-warning.cancel {
    font-size: 16px;
}

.reklamation_erhalten {
    text-align: center;
    margin-bottom: 10px;
}

.btn-filter,
.btn-filter:active,
.btn-filter:focus,
.btn-filter:hover,
a.btn-filter,
a.btn-filter:active,
a.btn-filter:focus,
a.btn-filter:hover,
a.btn-filter:visited {
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    border-width: 3px;
}

.filter-unterschied .btn-filter,
.filter-unterschied a.btn-filter:visited {
    background-color: #ebebeb;
    color: #9b9b9b;
}

a.btn-filter:active,
a.btn-filter:hover {
    border-color: #ea7c13;
    color: #ea7c13;
}

.product-main .artikel_filter:not(.panel-body) {
    margin: 0 0 30px;
    padding: 10px;
}

.product-main .artikel_filter .merkmal {
    margin-bottom: 20px;
}

.product-main .artikel_filter ul.list-filter li {
    margin-bottom: 5px;
}

.product-main .artikel_filter .merkmal .filter-carousel:not(.owl-carousel) {
    margin-left: -3px;
    margin-right: -3px;
}

.product-main .list-filter .active-filter .btn-filter,
.product-main .flexslider .active-filter .btn-filter {
    border-color: #ea7c13;
    border-width: 3px;
}

.product-main .flexslider .active-filter .btn-filter:hover {
    color: inherit;
}

.product-main .filter-carousel.farbe .item-farbe {
    width: 10%;
    float: left;
    overflow: hidden;
    padding: 1px 3px;
    position: relative;
}

.product-main .merkmal.farbe .bullet {
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 6px;
    border: 2px solid #fff;
}

.product-main .merkmal.farbe .bullet.green {
    background-color: #1bb308;
}

.product-main .merkmal.farbe .bullet.red {
    background-color: #ea7c13;
}

.product-main .merkmal .hinweis {
    margin-left: 10px;
}

.product-main .merkmal .hinweis br {
    display: none;
}

.product-main .merkmal.farbe .hinweis .bullet {
    border-width: 1px;
}

.product-main .merkmal.farbe .filter-carousel.farbe .item-farbe .bullet,
.product-main .merkmal.farbe .flexslider.farbe .item-farbe .bullet {
    position: absolute;
    top: 5px;
    z-index: 1;
    left: 7px;
}

.filter.flexslider {
    border: none;
    box-shadow: none;
    margin: 0px;
}

.product-main .merkmal.farbe .flexslider.farbe .item-farbe {
    padding: 1px 3px;
}

.product-main .merkmal .flexslider .item-block > div {
    padding: 0px 3px;
}

.artikel_filter .flexslider ul {
    margin: 0px 10px;
}

.artikel_filter .flexslider .slides {
    margin-bottom: 0px!important;
}

.artikel_filter.flexslider .flex-control-nav {
    display: none;
}

#frmArtikel .artikel_filter .flexslider .flex-direction-nav a.flex-next,
.artikelmerkmale_mobil.varianten .artikel_filter .flexslider .flex-direction-nav a.flex-next  {
    background: url(/layouts/images/next-flex-shop.png) no-repeat;
    background-size: 13px 21px;
    background-position: center;
    margin: 0px;
}

#frmArtikel .artikel_filter .flexslider .flex-direction-nav a.flex-prev,
.artikelmerkmale_mobil.varianten .artikel_filter .flexslider .flex-direction-nav a.flex-prev {
    background: url(/layouts/images/prev-flex-shop.png) no-repeat;
    background-size: 13px 21px;
    background-position: center;
    margin: 0px;
}

.artikel_filter .flexslider .flex-direction-nav a {
    width: 25px;
    height: 25px;
    top: 20%;
}

.artikel_filter .flexslider.farbe .flex-direction-nav a {
    top: 35%;
}

.artikel_filter .flexslider .flex-direction-nav .flex-next {
    right: -13px;
}

.artikel_filter .flexslider .flex-direction-nav .flex-prev {
    left: -15px;
}

.artikel_filter .flex-control-nav {
    display: none;
}

.flexslider .flex-direction-nav a.flex-prev.flex-disabled,
.flexslider .flex-direction-nav a.flex-next.flex-disabled {
    display: none;
}

.product-main .filter-carousel.mobile.farbe .item-farbe {
    width: 100%;
}

.filter-carousel .owl-nav > div {
    position: absolute;
    top: calc(50% - 18px);
}

.filter-carousel .owl-nav .material-icons {
    font-size: 36px;
    color: #ea7c13;
}

.filter-carousel .owl-nav .owl-prev {
    left: -30px;
}

.filter-carousel .owl-nav .owl-next {
    right: -30px;
}

.filter-carousel.owl-carousel .owl-item {
    padding: 0;
}

.popover-filter .popover-content {
    padding: 15px;
}

.popover-filter .close-popover {
    cursor: pointer;
    position: absolute;
    right: 3px;
    font-size: 20px;
    top: 7px;
    color: #ffffff;
}

.kontakt_ajax #frmReklamation {
    border: none;
    padding: 0px;
}

.fileinput-button.btn.btn-success.ajax,
.table.table-striped.presentation.ajax {
    margin-left: 15px;
}

.table.table-striped.presentation.ajax {
    max-width: 96%;
}

#frmReklamation .nachricht.ajax {
    width: 104%;
}

#frmReklamation .reklamation .dropdown,
#frmReklamation .reklamation .reklamation_grund {
    padding: 0px;
}

#frmReklamation .reklamation .reklamation_grund label {
    padding: 7px 150px 7px 0px;
}

.artikeldetail.vorschaubild img,
.artikeldetail.vorschaubild .owl-video-tn {
    border-bottom: 3px solid #fff;
    margin-bottom: 10px;
}

.artikeldetail.vorschaubild:hover img,
.artikeldetail.vorschaubild:hover .owl-video-tn,
.artikeldetail.vorschaubild.active img,
.artikeldetail.vorschaubild.active .owl-video-tn {
    border-color: #ea7c13;
}

#frmArtikel .owl-carousel .owl-video-wrapper {
    background: transparent;
}

#frmArtikel .items .owl-carousel .item {
    border: none;
    box-shadow: none;
    height: 570px;
    vertical-align: middle;
    margin-bottom: 0px;
}

#frmArtikel .owl-carousel .owl-video-tn {
    background-size: auto;
}

#auswahl-thumbnail {
    max-height: 600px;
    overflow-y: scroll;
}

#scrollUp,
#scrollDown {
    width:50px;
    height:50px;
    font-size: 40px;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
}

#scrollUp.disabled i,
#scrollDown.disabled i {
    color: #ccc;
}

#auswahl-thumbnail::-webkit-scrollbar {
    display:none;
}

#auswahl-thumbnail {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#auswahl-thumbnail .vorschaubild {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    padding-right: 0;
    box-sizing: content-box;
    margin-bottom: 10px;
}

.artikeldetail.vorschaubild.youtube {
    position: relative;
}

.artikeldetail.vorschaubild.youtube .owl-video-play-icon {
    position: absolute;
    height: 30px;
    width: 30px;
    background: url(../../../jquery/plugins/owl-carousel/dist/assets/owl.video.play.png) no-repeat;
    left: 45px;
    top: 35px;
    background-size: cover;
}

.header-warenkorb.wert,
.header-merkliste,
.header-suche.wert,
.fixed .nav_merkliste .wert,
.fixed .nav_warenkorb .wert {
    font-size: 10px;
}

.fixed .wert {
    line-height: 1;
}

.header-hinweis .inhalt {
    color: #ffffff;
    font-size: 13px;
    padding-top: 1px;
}

.start .main .item {
    position: relative;
    margin-bottom: 25px;
}

.start .main .item .btnOrange.btn-block.start,
.rubrik_item .btnOrange.btn-block.start{
    position: absolute;
    top: 40%;
    width: 220px;
    left: 19%;
}

#modalFlaechenplanerEinstieg .rubrik_item .btnOrange.btn-block.start {
    left: 16%;
}

#modalFlaechenplanerEinstieg .rubrik_item h3 {
    background: transparent;
    color: #000;
}

.rubrik_item.verlegeprofil .btnOrange.btn-block.start {
    left: 35%;
}

.start .item .btnOrange.btn-primary,
.rubrik_item .btnOrange.btn-block.start {
    background-color: transparent;
    border: 2px solid #ea7c13;
    box-shadow: none;
    color: #ea7c13;
}

.btn.btn-primary:visited {
    color: #ffffff;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    color: #ea7c13;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #ffffff;
    color: #ea7c13;
    border-color: #ea7c13;
    box-shadow: none;
}

.btn:active,
.btn:focus {
    outline: none;
}

body.start .item .btnOrange.btn-primary:hover,
.rubrik_item .btnOrange.btn-primary:hover {
    background-color: #ea7c13;
    border-color: #ea7c13;
    color: #ffffff;
}

.start .item:hover img,
.rubrik_item:hover img{
    opacity: 0.3;
}

.start #modalFlaechenplaner .item:hover img {
    opacity: 1;
}

.icons .warenkorb,
.icons .merkliste,
.icons .search {
    text-align: center;
}

.icons .search {
    position: relative;
}

.header-warenkorb-button .iconWarenkorb,
.header-merkliste-button .iconMerkliste{
    margin: 0 auto;
}

.item h3,
.rubrik_item h3 {
    background: transparent;
    text-align: center;
    color: #000000;
}

.table.artikelrabatt tr:nth-child(2) {
    border-bottom: 1px solid #ddd;
}

.artikel_bild .items .owl-carousel .owl-nav .owl-prev,
.artikel_bild .items .owl-carousel .owl-nav .owl-next {
    display: none;
}

.fixed .container_nav {
    margin: 0 auto;
    width: fit-content;
}

.header-hinweis ul {
    list-style: none;
    padding-left: 15px;
}

.header-hinweis ul li {
    font-size: 12px;
    float: left;
    margin-right: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

header .icons {
    padding-top: 5px;
}

.icons #idSucheToggle {
    position: relative;
}

.icons #idFrmSuche {
    position: absolute;
    left: -40px;
    margin-top: 5px;
}

.icons .search #idFrmSuche .input-group-btn {
    z-index: 99;
}

#idSucheToggle:hover .fa,
#idSucheToggleFixed:hover .fa {
    color: #ea7c13;
    cursor: pointer;
}

#categorie_navigation #idSucheToggleFixed {
    display: none;
}

#categorie_navigation.fixed #idSucheToggleFixed {
    display: table;
    position: absolute;
    right: 175px;
    top: 0px;
    text-align: center;
}

#categorie_navigation.fixed .container_nav {
    float: left;
    margin-left: 5%;
}

#idSucheToggle.suche.icon .wert {
    line-height: 2;
    cursor: pointer;
}

.rubrik_item {
    padding-bottom: 15px;
    text-align: center;
}

.items .item .artikeldetail {
    padding-left: 0px;
}

.filter.sortieren .form-group,
.filter.sortieren .form-control,
.filter.sortieren .planer-starten {
    width: 100%;
}

.filter.sortieren .btn.planer-starten {
    text-transform: none;
}

#filter-wrapper .dropdown.filter.zustand {
    position: relative;
}

#filter-wrapper .dropdown .btn-filter-faq {
    position: absolute;
    right: -30px;
    top: 5px;
}

.yamm .collapse,
#categorie_navigation,
.navbar.navbar-default.yamm {
    position: unset;
}

#categorie_navigation .yamm-content {
    border-top: 1px solid lightgrey;
}

.bestellprozess_schritt_2_anschrift label {
    font-weight: normal;
}

.ts-kaeuferschutz-div-video {
    padding: 10px 15px;
}

.bottomnav_navigation li a {
    font-size: 14px;
}

.artikel .zubehoer .tab-content {
    padding: 0px;
}

.filter-wrapper.filter {
    border-top: 1px solid #eee;
    margin-top: 25px;
}

.filter.sortieren #filter-wrapper form {
    width: 91.66666667%;
}

.rubrik_item .rubrik_name {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

.list-unstyled.menue-punkte {
    margin: 0px 9%;
}

.gruppe .col-md-offset-2.col-md-4.col-sm-6.col-xs-12,
.gruppe .col-md-4.col-sm-6.col-xs-12 {
    padding-bottom: 15px;
}

.artikel .artikeldetail.vorschaubild img {
    width: 100%;
}

.artikel .artikeldetail.vorschaubild {
    cursor: pointer;
}

.active .aktion .artikel_preis {
    position: relative;
    padding-left: 15px;
    padding-top: 15px;
}

.active .aktion .zum_artikel {
    position: absolute;
    right: 10px;
    top: 195px;
    width: 170px;
}

#zubehoer_panel .active .aktion .zum_artikel,
#zubehoer_panel .items .item .zum_artikel {
    position: inherit;
    margin: 0 auto;
    float: none;
}

.artikel .product-main #zubehoer_panel .artikel_bezeichnung {
    background: transparent;
    padding: 0px;
}

.zubehoer_desktop .auswahl_zubehoer {
    list-style: none;
    margin: 0px 0px 15px 0px;
}

.zubehoer_desktop .auswahl_zubehoer .auswahl_button {
    float: left;
}

#zubehoer_gruppe1_button.active,
#zubehoer_gruppe2_button.active,
#zubehoer_rest_button.active {
    background: transparent;
    color: #ea7c13;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border-color: #ea7c13;
}

#zubehoer_gruppe1_button,
#zubehoer_gruppe2_button,
#zubehoer_rest_button{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-right: 6px;
    cursor: pointer;
    border: 1px solid #ccc;
}

.panel_auswahl_kategorie {
    font-weight: bold;
}

#zubehoer_gruppe1_button:hover,
#zubehoer_gruppe2_button:hover,
#zubehoer_rest_button:hover{
    border-color: #ea7c13;
    background: transparent;
    color: #ea7c13;
}

#zubehoer_gruppe1_button.active:hover,
#zubehoer_gruppe2_button.active:hover,
#zubehoer_rest_button.active:hover {
    background: transparent;
    color: #ea7c13;
}

.artikel .nav-tabs > li > a {
    border: 1px solid #ccc;
    margin-right: 6px;
    border-radius: 0px;
}

.artikel .nav-tabs > li.active > a {
    background: #ea7c13;
    color: #fff;
    border-color: #ea7c13;
}

#zubehoer_panel .aktion,
#zubehoer_panel .artikel_langtext {
    position: unset;
}

#zubehoer_panel .aktion {
    margin-top: 10px;
    position: absolute;
    top: 35px;
    right: 10px;
}

.close-menu:before {
    content: 'close';
}

.close-menu {
    background-color: transparent;
    position: absolute;
    right: -60px;
    cursor: pointer;
}

.filter.sortieren #filter-wrapper .form-group.sortieren {
    position: relative;
}

.filter.sortieren #filter-wrapper .sortieren i {
    position: absolute;
    right: 42px;
    background-color: #fff;
    top: 50px;
    font-size: 18px;
}

.filter.sortieren #filter-wrapper.fixed .sortieren i {
    right: 30px;
}

.filter.sortieren #filter-wrapper.fixed {
    width: 15%;
}

.filter .badge {
    margin-left: 5px;
}

.artikel_filter .farbe small {
    font-size: 11px;
}

.gruppe .artikel_preis_div .artikel_preis {
    margin-top: 10px;
    float: left;
    margin-left: 15px;
}

.gruppe .container h3.close-menu {
    background-color: transparent;
    color: #000;
}

.owl-stage > .owl-item > .item > .aktion > .zum_artikel {
    padding-top: 5px;
}

.owl-stage > .owl-item > .item > .aktion > .item-price {
    padding-right: 0px;
    text-align: center;
}

.owl-stage > .owl-item > .item > .aktion > .zum_artikel {
    width: 100%;
    padding-right: 0px;
}

.owl-stage > .owl-item > .item > .aktion > .zum_artikel > .btnZumProdukt {
    width: 50%;
    margin-left: 25%;
}

.bestellprozess_verlauf .breadcrumb a,
.bestellprozess_verlauf .breadcrumb .ohne_link {
    font-size: 16px;
}

#filter-wrapper .sortieren select,
.suche .sortieren select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}

.suche .lead {
    font-size: 16px;
}

.suche h1 {
    font-size: 18px;
}

#container_main,
#container_product {
    position: relative;
}

.modal-open #container_main,
.modal-open #container_product {
    max-width: 100vw;
}

#shadow_menu,
#shadow_menu_product,
#shadow_menu_footer {
    background-color: #000000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 111;
}

.shepherd-active .nonfixed #shadow_menu_footer {
    /*background-color: transparent;*/
}

.shepherd-active #cista header.fixed-top {
    background: #fff;
    z-index: 10;
}

.shepherd-active .navbar .nav>li>a {
    border-color: rgba(0, 0, 0, -0.5);
}

.shepherd-active [id^='tsbadge'] [id^='BadgeContainer'],
.shepherd-active .etrusted-badge-container,
.shepherd-active #button_kontaktformular,
.mm-wrapper_opening .etrusted-badge-container,
.mm-wrapper_opening #button_kontaktformular,
.mm-wrapper_opening  [id^='minimized-trustbadge']  {
    display: none!important;
}

header .hinweis-header,
header .topnav.service {
    background: #ea7c13;
}

header .topnav_login a.btn,
header .topnav_navigation a.btn {
    font-weight: normal;
}

.anschrift #anschrift_Ort .feld_ort {
    padding-right: 0px;
    margin-left: 5px;
}

#product-main .dach_wand_planer_artikeldetail {
    text-align: center;
    list-style: none;
    padding: 0px;
}

.item .artikeldetail .artikel_preis_div {
    display: none;
}

.item .button_preis_artikel .zum_artikel {
    float: right;
}

.item .button_preis_artikel .zum_artikel a {
    padding: 6px;
    width: 120px;
}

.artikeldetail .gruppe_artikel_merkmale ul {
    margin: 0px;
}

.gruppe .rubrik_item h3 {
    color: #000000;
    background-color: transparent;
}

.bestellprozess_schritt_4_zahlung .kaeuferschutz {
    margin: 0 0 0 15px;
}

.bestellprozess_schritt_2_anschrift form label[for=idLieferungR],
.bestellprozess_schritt_2_anschrift form label[for=idLieferungL] {
    font-weight: normal;
}

.popover-content {
    font-size: 16px;
}

#frmReklamation .reklamation_nachricht .form-group label,
#frmReklamation_kontakt .nachricht.ajax .form-group label {
    margin-top: 15px;
    width: 100%;
}

.checkout .bestellbestaetigung_daten {
    padding-top: 15px;
}

.bestellprozess_schritt_2_anschrift .buttons #btnSubmit,
.bestellung_zahlung #btnZahlung {
    padding: 17px 23px;
    font-weight: bold;
}

.artikeldaten .mengenformel_input .popover-title {
    text-align: center;
    font-weight: bold;
}

#frmBaugewerbe_registrieren .btn {
    font-size: 18px;
}

header .topnav.service {
    padding-right: 0px;
    padding-left: 0px;
}

header .topnav.service .top_haendler_registrierung {
    padding-bottom: 7px;
    border-left: 2px solid #fff;
    font-size: 12px;
    font-weight: 400;
    float: right;
}

#mein_login_anmelden_registrieren #btnSubmit,
#hinweis_baugewerbe .content .btnGrau.btn-primary,
.buttons #btnSubmit,
.buttons #btnZahlung,
.warenkorb #btnSubmit,
.rechnung_bezahlen_button {
    font-size: 18px;
}

#mein_login_anmelden_registrieren .btn-info.passwort,
#mein_login_anmelden_registrieren .btn-info.registrieren,
#mein_login_anmelden_registrieren .btn,
#hinweis_baugewerbe .content .btnGrau,
.bestellprozess_schritt_1_warenkorb form[name=frmBestellschein] .buttons .btn-default {
    font-size: 16px;
}

#mein_login_anmelden_registrieren .btn.passwort,
#mein_login_anmelden_registrieren .btn.registrieren {
    width: 180px;
    float: right;
}

#hinweis_baugewerbe .content .btn-info {
    color: black;
    background: transparent;
    border-color: #ccc;
}

#mein_login_anmelden_registrieren .btn-info.registrieren:hover,
#mein_login_anmelden_registrieren .btn-info.passwort:hover,
#mein_login_anmelden_registrieren .btn:hover,
#hinweis_baugewerbe .content .btn-info:hover {
    color: #ea7c13;
    border-color: #ea7c13;
    background: transparent;
}

#mein_login_anmelden_registrieren .lead {
    font-size: 16px;
    text-align: center;
}

#mein_login_anmelden_registrieren #btnAbmelden {
    float: right;
}

#mein_login_anmelden_registrieren .passwort_mittig,
.fehlerseite {
    text-align: center;
}

.fehlerseite p {
    margin-top: 15px;
}

.buttons.oben {
    margin-bottom: 15px;
}

#idSkontoAbziehen:hover {
    color: #005E8F;
    border: 1px solid #005E8F;
    background: transparent;
}

.bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .buttons .btn-default {
    width: 160px;
    margin-top: 15px;
    float: left;
}

.bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .buttons .btn-default:hover,
.bestellprozess_schritt_2_anschrift form #btnBack:hover,
.checkout.bestellprozess_schritt_4_zahlung .buttons #btnBack:hover {
    color: #ea7c13;
    border-color: #ea7c13;
    background: #fff;
}

.buttons #btnBack {
    width: 25%;
}

#topnav_shopauswahl .land .radio input[type=radio],
.kundengruppe .radio input[type=radio]{
    margin-top: 4px;
}

.bestellung_uebersicht #btnSubmit {
    float: right;
    width: 25%;
}

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

.topnav.service .dropdown-menu a {
    font-size: 12px;
}

.btn_warenkorb .btn-primary:focus,
.btn_in_den_warenkorb:focus {
    background-color: transparent;
    border-color: #ea7c13;
    color: #ea7c13;
}

.header-hinweis ul li a,
.header-hinweis ul li a:visited {
     color: #ffffff;
}

ul.aktive-merkmale li {
    padding: 5px 10px 5px 15px;
    border: 1px solid #cccccc;
    margin: 0 5px 5px 5px;
    cursor: pointer;
    font-size: 10px;
    color: #909090;
}

.filter ul.aktive-merkmale li .material-icons {
    font-size: 14px;
    margin-top: 8px;
    float: right;
    margin-left: 5px;
    display: block;
}

#body-loader-spinner {
    top: calc(50% - 60px);
}

.merkliste .table .preis {
    padding: 0px;
    width: 110px;
}

.dach_und_wandplaner_inhalt .rubrik_item .btn-fp-desktop {
    border: none;
    box-shadow: none;
    background: transparent;
}

.suche_vorschlag .small.nummer {
    padding: 15px 0px;
    display: block;
}

.ui-widget {
    background: #ffffff;
    border-radius: 0px;
    cursor: pointer;
}

.ui-menu-item .thumbnail-bild {
    max-height: 55px;
}

.ui-autocomplete .thumbnail {
    border: none;
    max-height: 65px;
}

.lead {
    font-size: 16px;
}

.suche_leer .lead.center {
    padding: 15px;
}

.suche_leer .btn-center {
    margin-bottom: 60px;
}

.bestaetigung_content .startseite .btn {
    background: transparent;
    color: #333;
    box-shadow: none;
    border: 1px solid #ccc;
}

.bestaetigung_content .startseite .btn:hover {
    border-color: #ea7c13;
    color: #ea7c13;
}

.bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] #btnSubmit,
.bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .btn-primary,
.bestellprozess_schritt_2_anschrift .buttons #btnSubmit,
.bestellung_zahlung #btnZahlung,
.uebersicht #frmUebersicht .btn-lg {
    width: 380px;
    font-weight: bold;
    float: right;
    padding: 17px 23px;
    font-size: 18px;
    margin-bottom: 20px;
}

.artikeldetail.vorschaubild.video {
    position: relative;
}

#frmArtikel .youtube_playbutton {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 10px;
}

#frmArtikel .youtube_playbutton img {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    border: none;
    width: auto;
    margin: auto;
}
#frmArtikel .youtube_playbutton.bigger img {
    height: 50px;
}

#frmArtikel .owl-carousel .owl-video-play-icon {
    background: url(/layouts/dwz_bootstrap/img/YouTube-playicon.png) no-repeat;
    margin-left: -15px;
    margin-top: -15px;
}


.sortierung_selector,
.sortierung > li {
    cursor: pointer;
}

.sortierung {
    display: none;
    position: absolute;
    margin: 0;
    z-index: 99;
    list-style: none;
    background: white;
    border: 1px solid #ccc;
    padding: 5px 10px;
    width: 83%;
}

.sortierung_selector.dropdown-toggle {
    width: 91.66666667%;
}

.sortierung-icon {
    position: relative;
}

.sortierung-icon i {
    position: absolute;
    top: -25px;
    right: 27px;
    font-size: 18px;
    cursor: pointer;
}

.mm-menu.mm-theme-white .mm-navbar > *,
.mm-menu.mm-theme-white .mm-navbar a {
    color: #fff;
}

img.center {
    margin: 0 auto;
}

.fixed #idFrmSuche .input-group {
    display: inline-flex;
}

.fixed #idFrmSuche {
    position: relative;
}

.fixed #idFrmSuche form {
    position: absolute;
    right: 205px;
    top: 40px;
}

#idFrmSuche form button,
#idFrmSuche form button .fa {
    background-color: #ea7c13;
    color: #fff;
}

.fixed #idSucheMenuFix.sichtbar {
    display: block;
}

#idSucheMenuFix.sichtbar {
    display: none;
}

#modalDialog .youtube_videos {
    display: block;
}

.modal-title-youtube {
    color: #fff;
    background-color: #003056;
    text-align: center;
    position: relative;
    font-weight: 600;
}

#modal-youtube-close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
}

.modal-youtube {
    width: 100%;
}

.youtube_videos div.panel-body iframe.youtube_video,
.artikel_bilder div.mobil-video-youtube iframe.youtube_video{
    display: block;
    margin: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 480px;
    max-height: 360px;
    vertical-align: middle;
    top: 0;
    left: 0;
    right: 0;
}

iframe.modal-youtube,
iframe.youtube_video {
    border: none;
}

.shopauswahl.dropdown-menu {
    font-size: 16px;
}

.aspect-ratio > img,
.aspect-ratio > .artikel_bilder,
.aspect-ratio.artikel_bilder > .flexslider,
.aspect-ratio > noscript {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.artikeldetail.vorschaubild .aspect-ratio > img,
.aspect-ratio > img {
    margin: auto;
    width: 100%;
}

.aspect-ratio.r-1-1 {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.aspect-ratio.r-2-1 {
    position: relative;
    width: 100%;
    padding: 50% 0 0 0;
}

.aspect-ratio.r-4-3 {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}

.aspect-ratio.r-16-9 {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}

.aspect-ratio.r-25-9 {
    position: relative;
    width: 100%;
    padding: 36% 0 0 0;
}

.aspect-ratio.r-4-1 {
    position: relative;
    width: 100%;
    padding: 25% 0 0 0;
}

.aspect-ratio.r-Thumbnail {
    position: relative;
    width: 100%;
    padding: 104% 0 0 0;
}

.aspect-ratio.r-artikel_bilder {
    position: relative;
    width: 100%;
    padding: 112.7536231884058% 0 0 0;
}
@media (min-width: 1200px) {
    .aspect-ratio.r-artikel_bilder {
        position: relative;
        width: 100%;
        padding: 84.94623655913979% 0 0 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .aspect-ratio.r-artikel_bilder {
        position: relative;
        width: 100%;
        padding: 106.94736842105264% 0 0 0;
    }
}

.aspect-ratio.r-kantteile {
    position: relative;
    width: 100%;
    padding: 44.39% 0 0 0;
}

.aspect-ratio.r-Team {
    position: relative;
    width: 100%;
    padding: 26.866666666% 0 0 0;
}

.aspect-ratio.r-made-in-germany {
    position: relative;
    width: 100%;
    padding: 96.75% 0 0 0;
}

.aspect-ratio.r-DuW {
    position: relative;
    width: 100%;
    padding: 14.7916666666666% 0 0 0;
}

.aspect-ratio.r-Dachrinne-Kunststoff {
    position: relative;
    width: 100%;
    padding: 156.25% 0 0 0;
}
.p-r-Dachrinne-Kunststoff {
    padding-right: calc(100% - 640px);
}

.aspect-ratio.r-Dachrinne-Stahl {
    position: relative;
    width: 100%;
    padding: 143.4720229% 0 0 0;
}
.p-r-Dachrinne-Stahl {
    padding-right: calc(100% - 697px);
}

.aspect-ratio.r-Beschichtung {
    position: relative;
    width: 100%;
    padding: 113.8% 0 0 0;
}
.p-r-Beschichtung {
    padding-right: calc(100% - 500px);
}

.aspect-ratio.r-Zahlung {
    position: relative;
    width: 100%;
    padding: 71.484375% 0 0 0;
}
.p-r-Zahlung {
    padding-right: calc(100% - 120px);
}

.aspect-ratio.r-pdf {
    position: relative;
    width: 100%;
    padding: 76% 0 0 0;
}

.kantteile-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.artikeldetail.vorschaubild img {
    margin: auto;
}

/* Bilder im Menü */

@media(max-width: 1320px){
    .img-navigation-gruppe {
        max-width: 240px;
    }
}
@media(max-width: 1140px){
    .img-navigation-gruppe {
        max-width: 230px;
    }
}
@media(max-width: 975px){
    .img-navigation-gruppe {
        max-width: 200px;
    }
}
.list-unstyled.menue-punkte {
    position: relative;
}

.links_zeile li {
    float: left;
}

.footer_unten {
    background: #4a4a4a;
    margin: 0;
    padding: 20px 20px 40px 20px;
    color: #fff;
}

.footer_unten a,
.impressum ul li a {
    color: #fff;
}

footer.nonfixed .bottomnav_navigation {
    padding-bottom: 0px;
}

.bottomnav_navigation .fragen_antworten {
    margin-bottom: 15px;
}

.footer_ueberschrift {
    font-size: 14px;
}

.social .footer_ueberschrift {
    margin-left: -5px;
}

.footer_unten .apps {
    text-align: center;
}

.footer_unten .social_media {
    text-align: right;
}

.footer_unten .social_media .social {
    display: inline-block;
    text-align: center;
}

#body-loader-spinner-fp {
    top: 50%;
}

.modal_auswahl .close {
    float: left;
    background-color: #B22222;
    text-align: center;
    padding: 0px;
}

.modal_auswahl .close a {
    background-color: transparent;
    border: 2px solid #B22222;
    color: white;
    padding: 12px 2px 6px 2px;
    display: block;
}

.modal_auswahl .close a:hover {
    background: #fff;
    color: #B22222;
}

.modal_auswahl .check  {
    background-color: #ea7c13;
    text-align: center;
    padding: 0px;
}

.modal_auswahl .check .btn.btn-primary {
    display: block;
    border: 2px solid #008000;
    background: #008000 ;
}

.modal_auswahl .check .btn:hover {
    color: #008000;
    background-color: #fff;
}

.modal_auswahl .shepherd-buttons .check.only-next .btn.btn-primary,
.modal_auswahl .check.hinweis-befestigung-warenkorb .btn.btn-primary,
#modalFragezeichenZahlung .modal-dialog .btn-primary,
.bestellung_uebersicht .modal-dialog .btn-primary {
    background: #ea7c13;
    border-color: #ea7c13;
}

.modal_auswahl .shepherd-buttons .check.only-next .btn.btn-primary:hover,
.modal_auswahl .check.hinweis-befestigung-warenkorb .btn.btn-primary:hover,
#modalFragezeichenZahlung .modal-dialog .btn-primary:hover,
.bestellung_uebersicht .modal-dialog .btn-primary:hover {
    background: #fff;
    color: #ea7c13;
}

.modal_auswahl .check.hinweis-befestigung-warenkorb .btn.btn-primary {
    background: #008000;
    border-color: #008000;
}

.modal_auswahl .check.hinweis-befestigung-warenkorb .btn.btn-primary:hover {
    color: #008000;
}

.modal_auswahl .btn {
    border: none;
    box-shadow: none;
    padding: 12px 2px 6px 2px;
}

.modal_auswahl .modal-body {
    padding: 20px 15px 0px 15px;
    text-align: center;
}

.modal_auswahl .modal-body table {
    text-align: left;
}

.modal_auswahl i {
    font-size: 30px;
}

.modal_auswahl .btn {
    font-size: 30px;
    line-height: 34px;
    height: 56px;
}

.modal_auswahl .modal-header {
    display: none;
}

/*.modal_auswahl .modal-dialog {
    top: 35%;
}

#abholung_modal_dialog.modal_auswahl .modal-dialog {
    top: 10%;
}*/

.modal_befestigung_berechnen .modal-dialog {
    top: inherit;
}

.modal_auswahl {
    text-align: center;
}

.modal_befestigung_berechnen .modal-body {
    text-align: left;
}

.modal_befestigung_berechnen .modal-body small {
    font-size: 10px;
}

#modalKonfigurator .close {
    float: left;
}

#modalMerklisteArtikel a {
    margin: 0px;
}

#abholung_modal_dialog .modal-footer {
    padding: 0px 15px;
}

.btn_unterschiede:focus {
    background-color: #ea7c13;
}

.btn_unterschiede.btn.btn-primary:hover {
    color: #ea7c13!important;
    background-color: #fff;
}

#modalMerklisteHinweis button {
    width: 100%;
    border: 2px solid #ea7c13;
    margin-top: 20px;
    background: #ea7c13;
}

#modalMerklisteHinweis button:hover {
    color: #ea7c13;
    background: transparent;
}

#modalMerklisteHinweis .modal-body {
    padding: 20px 0px 0px 0px;
}

#modalMerklisteHinweis .modal-body .text.merkliste {
    padding: 0px 15px;
}

#frmDachformauswahl .error {
    color: red;
    padding: 0px;
}

.modal-flaechenplaner {
    overflow: hidden;
}

.modal-flaechenplaner #chat-widget-container,
.mm-opened #chat-widget-container,
.OverlayOpen #chat-widget-container {
    display: none;
}

#body-loader-spinner-fp,
#body-loader-fp {
    z-index: 9999999999!important;
}

.modal-content,
.modal-header {
    border-radius: 0px;
}

.ts-kaeuferschutz-div {
    padding-left: 30px;
}

.ts-kaeuferschutz-div {
    margin-bottom: 20px;
}

.btn_in_den_warenkorb_span {
    float: right;
    margin-left: 15px;
}

.bestellung_uebersicht.versandbedingungen .fa-exclamation-triangle {
    margin-top: 7px;
}

#modalFragezeichenZahlung .modal-footer button,
.bestellung_uebersicht .modal-footer button:not(.kc_fab_main_btn) {
    float: left;
    width: 100%;
    padding: 12px;
}

.bestellung_uebersicht .modal-header {
    display: none;
}

.bestellung_uebersicht #modalKontakt .modal-header {
    display: block;
}

#modalFragezeichenZahlung .modal-footer,
.bestellung_uebersicht .modal-footer {
    padding: 0px;
}

#modalFragezeichenZahlung .modal-body-fragezeichen {
    padding: 15px;
    text-align: justify;
}

.margintop15 {
    margin-top: 15px;
}

.marginbottom15 {
    margin-bottom: 15px;
}

.popover-vergleichsliste .popover-content,
.popover-kantteile .popover-content,
#FpEmailPopover .panel-body,
#modalFlaechenplanerEinstieg .modal-footer {
    padding: 0px;
}

.popover-kantteile .popover-content .text-center p {
    padding: 0px 15px;
}

.popover-vergleichsliste button,
.popover-kantteile button,
#FpEmailPopover button,
#modalFlaechenplanerEinstieg .modal-footer button {
    width: 100%;
}

#FpEmailPopover .button,
#FpEmailPopover form {
    margin: 0px;
}

#FpEmailPopover .form-group,
#FpEmailPopover .hinweis p {
    padding: 15px;
}

#modalFlaechenplaner .tabelle_werte {
    padding: 0px;
}

#frmReklamation .TelefonPrivat > label {
    text-align: left;
}

.bestellschein .container.oben {
    margin-top: 15px;
}

#frmReklamation .reklamation.gutschrift-wahl {
    margin-bottom: 30px;
}

#frmReklamation .reklamation.gutschrift-wahl .radio,
#frmReklamation_kontakt .reklamation.gutschrift-wahl .radio {
    padding-left: 30px;
}

/*mmenu mobil*/

.mm-popup {
    transition: opacity;
    opacity: 0;
    box-shadow: none;
    height: 100%;
    min-height: 100px;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    z-index: 2;
    background-color: #fff;
}

#mmenu {
    top: 100px !important;
}

.mm-popup.mm-opened {
    opacity: 1;
    z-index: 999;
}

html.mm-opening .mm-slideout {
    transform: none;
}

.mm-popup a#menu-toggle {
    height: 45px;
}

.mm-popup .mm-navbar.mm-navbar-2 {
    background-color: transparent;
    height: max-content;
}

.mm-popup .topnav_telefonnummern a.modalKontakt {
    padding: 5px 8px 1px 8px;
}

.mm-menu .mm-listview.social > li:after {
    border: none;
}

html.mm-opened.mm-popup #mm-blocker {
    height: 110px;
    width: 60px;
}

#cista header {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    background: #fff;
    max-width: 1920px;
}

#cista header.fixed-desktop {
    border-bottom: 1px solid #ea7c13;
}

.hinweisbox #cista header.fixed-desktop {
    border-color: green;
}

#cista header.fixed-desktop .hinweis-header,
#cista header.fixed-desktop .topnav.service {
    display: none;
}

#cista header.fixed-desktop .logo img {
    width: 65%;
    top: 50%;
    padding-top: 5px;
    transition: width 0.1s ease-in-out;
}

.bestellprozess_schritt_1_warenkorb .buttons.oben .btn-default {
    float: left;
    font-weight: normal;
}

.bestellprozess_schritt_1_warenkorb .buttons.oben .btn-default:hover {
    color: #ea7c13;
    border-color: #ea7c13;
    background-color: #fff;
}

.vergleichsliste .artikel_liste.owl-carousel {
    display: inline-block;
    width: 83.33333333%;
}

.cookie_hinweis_input {
    float: left;
}

.modal-open #livechat-compact-container,
.modal-open #livechat-eye-catcher,
.modal-open #chat-widget-container {
    display: none!important;
}

.suche_vorschlag .small {
    display: block;
}

#idSucheMenu #idFrmSuche i {
    position: absolute;
    right: 65px;
    top: 5px;
    z-index: 99;
}

.telefon_zeichen_hinweis {
    color: red;
    padding: 0px 10px;
    margin-bottom: 15px;
}

html.freezePage{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.mm-popup.mm-opening #livechat-compact-view,
.mm-popup.mm-opening #chat-widget-container {
    display: none;
}

.mm-popup.mm-opening .etrusted-badge-container,
.modal-open .etrusted-badge-container,
.cookie-aktiv .etrusted-badge-container {
    display: none!important;
}

.ui-menu .ui-menu-item {
    border-bottom: 1px solid #ccc;
}

#mmenu .social li {
    float: left;
    padding: 10px 0px 0px 10px;
}

.popover,
.popover.top,
.popover-title,
#uebersicht_flaechen .panel,
#uebersicht_flaechen .panel-heading {
    border-radius: 0px;
}

h3.flaechenplaner_uebersicht {
    display: none;
}

#frmKontakt .eingabefelder label,
#frmRueckruf label{
    font-weight: bold;
}

.alle_auswaehlen .label_alle_auswaehlen {
    cursor: pointer;
}

.popover.kantteilzuweisen .popover-content .text-center {
    padding: 10px 10px 0px 10px;
}

.popover.kantteilzuweisen .popover-content,
.popover.kantteilzuweisen .popover-content .text-center.buttons-bottom {
    padding: 0px;
}

.vergleichsliste_btn_vergleichen .btn_unterschiede.btn.btn-primary:focus {
    color: #fff;
}

.vergleichsliste_btn_vergleichen .btn_unterschiede.btn.btn-primary:focus:hover {
    color: #ea7c13;
}

.merkliste .col-md-4.buttons,
.merkliste .table-merkliste .col-md-4 {
    padding-left: 115px;
}

.tab-content #produktinfo,
.container.zubehoer .zubehoer_desktop {
    min-height: 500px;
}

#modalFragezeichenLaenge .modal-content{
    margin-left: auto;
    margin-right: auto;
}

/* calendar */

#KalenderLiefer table.calendar		{ border-left:1px solid #999; border-collapse: separate}
#KalenderLiefer tr.calendar-row	{  }
#KalenderLiefer td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
#KalenderLiefer td.calendar-day:hover	{ background:#eceff5; }
#KalenderLiefer td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
#KalenderLiefer td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
#KalenderLiefer div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
#KalenderLiefer td.calendar-day, #KalenderLiefer td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
#KalenderLiefer .highlighted {
    background: #66d46e !important;
    border-collapse: separate;
}
#KalenderLiefer .highlighted .day-number{
    background: #0c9e0a !important;
}
#KalenderLiefer .highlightedred {
    background: #f55342 !important;
    border-collapse: separate;
}
#KalenderLiefer .highlightedred .day-number{
    background: #c54639 !important;
}

#KalenderLiefer .currentDay {
    background: #005e8f !important;
    border-collapse: separate;
}

#KalenderLiefer .currentDay .day-number{
    background: #18496f !important;
}

#KalenderLiefer td.head-woche {
    background:#ccc;
    text-align:center;
    width:30px;
    padding:5px;
    border-bottom:1px solid #999;
    border-top:1px solid #999;
    border-right:1px solid #999;
    font-weight: bold;
}

#KalenderLiefer td.weeknr	{
    background:#ccc;
    min-height:80px;
    font-size:12px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    text-align: center;
    font-weight: bold;
}
#KalenderLiefer .weekend {
    border-bottom: 1px dotted #999 !important; border-right: 1px dotted #999 !important;
}

#KalenderLiefer .weekend .day-number {
    background: #d5d5d5;
}

.KalenderLegende {
    margin-top:15px;
}

.KalenderLegende .KalenderLegendeFarbeLiefer {
    margin-right: 10px;
    height: 90%;
    width: 8%;
    color: #66d46e !important;
    background: #66d46e !important;
    float: left;
}

.KalenderLegende .KalenderLegendeFarbeAktuell {
    margin-right: 10px;
    height: 90%;
    width: 8%;
    color: #005e8f !important;
    background: #005e8f !important;
    float: left;
}

.KalenderLegende .KalenderLegendeFarbeFerien {
    margin-right: 10px;
    height: 90%;
    width: 8%;
    color: #f55342 !important;
    background: #f55342 !important;
    float: left;
}

#chat-widget-container {
    z-index: 2147483646!important;
    bottom: 5px!important;
}

.cart-item .item-input.aktion .btn-sm,
.warenkorb_mobil .warenkorb_artikel .aktion .btn-sm {
    width: 40px;
}

#frmReklamation_kontakt .fileinput-button.btn.btn-success.ajax {
    margin-left: 0px;
}

#filter-mobil .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.zuschlag-warenkorb a.btn.btn_abholung_wechseln {
    color: #fff;
}

.zuschlag-warenkorb a.btn.btn_abholung_wechseln:hover {
    color: #005E8F;
    border-color: #005E8F;
}

#modalArtikelLoeschen .modal-dialog,
#hinweisVersandkosten .modal-dialog {
    top: 40%;
}

#modalArtikelLoeschen .close,
#hinweisVersandkosten .close {
    float: left;
    padding: 0px;
}

#modalArtikelLoeschen .check,
#hinweisVersandkosten .check {
    padding: 0px;
}

#modalArtikelLoeschen .close a,
#modalArtikelLoeschen .check a,
#hinweisVersandkosten .check a {
    width: 100%;
    padding: 12px 2px 6px;
    border-width: 2px;
    border-radius: 0px;
}

#modalArtikelLoeschen .content,
#hinweisVersandkosten .content {
    padding: 15px;
    margin: 0px;
    text-align: center;
}

#modalArtikelLoeschen .content .ueberschrift {
    font-weight: bold;
}

#modalArtikelLoeschen .close a {
    background-color: #b22222;
    color: #fff;
    border-color: #b22222;
}

#modalArtikelLoeschen .check a.btn.btn-primary,
#hinweisVersandkosten .check a.btn.btn-primary {
    background: #008000;
    border-color: #008000;
    box-shadow: none;
}

#modalArtikelLoeschen .check a.btn.btn-primary:hover,
#hinweisVersandkosten .check a.btn.btn-primary:hover {
    background-color: #fff;
    color: #008000;
    border-color: #008000;
}

#modalArtikelLoeschen .close a:hover {
    background-color: #fff;
    color: #b22222;
    border-color: #b22222;
}

#modalArtikelLoeschen .modal-content {
    width: 380px;
}

.zahlungsmethoden-methoden.row div {
    padding-left: 0px;
}

.abholung_wechseln_form:hover a {
    color: #005E8F;
    border-color: #005E8F;
    background: #fff;
}

.product-main .artikel_filter ul.list-filter li.filter-nichtvorhanden {
    display: none;
}

#filter-mobil .filter.filter-tab {
    overflow: scroll;
}

.popover.firstblech button {
    width: 100%;
}

.popover.firstblech {
    padding: 0px;
}

.artikel_filter .list-filter li:hover a {
    background: #fff;
}

.Flaechenplaner .btn-default:hover {
    color: #ea7c13;
    background-color: #fff;
    border-color: #ea7c13;
}

#modalFlaechenplaner .modal-content .overlay.openPopoverEmail.hidden {
    display: block!important;
    visibility: visible!important;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    z-index: 10;
    opacity: 0.6;
}

#FpEmailPopover label.control-label {
    padding-bottom: 10px;
}

#modalFragezeichenLaenge .modal-content {
    width: 400px;
}

.hinweislieferzeit {
    margin-bottom: 20px;
}

.artikeldaten .artikel_mindestbestellmenge.mengenformel {
    padding-right: 0px;
}

.bestellprozess_schritt_1_warenkorb .hinweis.versandfreiab.haendler {
    margin-right: -15px;
}

#btnGutschein {
    line-height: initial;
    margin-top: 7px;
    padding: 7px 10px 6px 10px;
}

#mmenu.subopened .dropdown.topnav_shopauswahl {
    display: none;
}

#mmenu .dropdown.topnav_shopauswahl {
    display: block;
}


.mm-navbar.mm-navbar-top.mm-navbar-top-2 {
    z-index: 4;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255,255,255,.1);
}

.mobil_button_abmelden #btnSubmit {
    border: none;
    background: none;
    color: #222;
    padding: 0px;
}

.mobil_button_abmelden form {
    margin: 0px;
    padding: 10px 0px;
}

.steuersatz_einzel .text,
.cart-footer .summe_netto .wert,
.cart-wrapper .zuschlag-warenkorb.versandkosten .text,
.cart-wrapper .zuschlag-warenkorb.zuschlaege .text,
#frmUebersicht .tcart.bezeichnung.versand {
    font-weight: normal;
}

.cart-footer .summe_netto .wert,
.warenkorb_mobil .warenkorb_mobil_fuss .nettobetrag-mobil,
#frmUebersicht .table .summe_netto {
    font-weight: bold;
}

.cart-footer .summe_netto,
.warenkorb_mobil .warenkorb_mobil_fuss .nettobetrag-mobil,
#frmUebersicht .table .summe_netto {
    border-top: 1px solid #ddd;
}

.warenkorb_mobil_fuss .steuer_einzel {
    border-top: 1px solid #ddd;
}

#frmUebersicht .daten.kostenzuschlag {
    text-align: right;
}

#frmUebersicht .daten.kostenzuschlag .bezeichnung {
    font-weight: normal;
}

.montage .dropup.open button {
    color: transparent;
    background: #fff;
}

.open .montagearten.dropdown-menu > li:hover {
    background: #f5f5f5;
}

.geschaeftskonto_login .rahmen,
.mein_passwort .rahmen,
.rahmen.rahmen_passwort_vergessen {
    margin-bottom: 15px;
}

.reklamation #frmReklamation {
    margin-bottom: 50px;
    /*margin-top:70px;*/
}

.referenzen .referenzen_text {
    margin-bottom: 15px;
}

#app_hinweis {
    background-color: #808080;
    padding: 0px;
    display: block;
    color: white;
}

#app_hinweis .container {
    padding: 0px 5px 0px 5px;
}

.app_hinweis_bild img {
    width: 80%;
    padding-bottom: 10px;
}

.app_hinweis_bild {
    width: 60px;
    float: left;
    padding: 5px 0px 0px 7px;
}

.button-close-app {
    width: 17px;
    float: right;
}

.app_button {
    float: right;
}

.app_hinweis_text {
    width: 40%;
    float: left;
    font-size: 10px;
    padding-top: 10px;
    line-height: 13px;
}

.app_hinweis_text_title {
    font-weight: bold;
}

.app_hinweis_anzeigen .btn {
    font-size: 10px;
}

.app_hinweis_anzeigen .btn {
    background: #ec7405;
    border-radius: 2px;
    padding: 4px 12px 4px 12px;
    border: 1px solid #ec7405;
}

.prefix_gruppe_inhalt > .panel-body {
    border: 1px solid #e2e2e2;
    box-shadow: 0 2px 6px 0 #e2e2e2;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
}

.prefix_gruppe_inhalt .panel-body p {
    margin-bottom: 0px;
}

.prefix_gruppe_inhalt.mobil p {
    margin: 15px 0px 0px 0px;
}

body.gruppe .main .col-md-9 .zum_artikel a.btn {
    margin-bottom: 0px;
}

.items .item .button_preis_artikel .zum_artikel {
    padding-right: 0px;
}

.popover.popover-vergleichsliste {
    padding: 0px;
}

.popover.popover-vergleichsliste button {
    border-radius: 0px;
}

.popover.popover-vergleichsliste > .popover-content > .text-center.vergleichsliste {
    padding: 0px 5px;
}

[id^='tsbadge'] {
    left: 0!important;
    max-width: max-content;
    max-width: -moz-max-content;
    max-width: 100px;
}

.modal-open [id^=minimized-trustbadge],
.OverlayOpen [id^=minimized-trustbadge]
{
    opacity: 0!important;
}

[id^='tsbadge'] [id^='BadgeContainer'] {
    max-width: 100px!important;
}

.searchOpen #chat-widget-container,
.searchOpen .etrusted-badge-container {
    display: none!important;
}

.searchOpen [id^=minimized-trustbadge],
.mm-opened [id^=minimized-trustbadge] {
    display: none!important;
}

.visible-surface {
    display: none;
}

#hinweisbox {
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.hinweisbox_mobil_anzeige {
    display: none;
}

#hinweisbox_desktop {
    text-align: center;
}

#hinweisbox .text {
    white-space: nowrap;
    margin: 0;
    text-align:center;
}

.fixed-desktop #hinweisbox .text {
    margin: 5px 0px 0px 0px;
}

.hinweisbox_mobil_anzeige #hinweisbox .text {
    margin: 0;
}

.fixed-desktop #hinweisbox {
    margin-bottom: 0px;
}

#hinweisbox a {
    color: #fff;
}

#frmArtikel #auswahl-thumbnail .owl-video-tn {
    min-height: 100px;
    background-size: cover;
}

.cart-footer .summe_netto.gutschein,
.cart-footer .summe_netto.gutschein .wert,
.warenkorb_mobil .warenkorb_mobil_fuss div.gutschein {
    color: green;
    font-weight: normal;
}

.filter-wrapper .dropdown.filter .btn-default,
.filter .sortierung_selector.dropdown-toggle,
.suche #button_sortieren {
    background-color: #ebebeb;
}

.suche #button_sortieren {
    text-align: left;
    padding-left: 10px;
}

.filter-wrapper .dropdown.open.filter .btn-default,
.filter .sortierung_selector.dropdown-toggle.active,
.suche #button_sortieren.active {
    background-color: #003056;
    color: #fff;
}

#filter-wrapper.sortierung-open .sortierung-icon i,
.suche .sortierung-open .sortierung-icon i {
    color: #fff;
}

form[name=frmBefestigungBestellen] .summe_brutto.benoetigt,
#modalBefestigungAnzeigen .befestigung-item.summe_brutto {
    border-top: 2px solid #000;
}

.table-striped.befestigung tr:nth-child(odd) {
    background-color: #f9f9f9;
}

#modalBefestigungAnzeigen .table .artikel-befestigung .nicht-lieferbar {
    color: #FF0000;
    font-weight: bold;
}

#modalBefestigungAnzeigen .table .artikel-befestigung .bild img {
    max-width: 50px;
}

#modalBefestigungAnzeigen .befestigung-item .bild {
    text-align: center;
    padding-top: 10px;
}

#modalBefestigungAnzeigen .befestigung-item .bild img {
    max-height: 80px;
}

#modalBefestigungAnzeigen .befestigung-item .gesamt-item {
    border-top: 2px solid #000;
}

#modalBefestigungAnzeigen .befestigung-item .bezeichnung-item {
    border-bottom: 1px solid #000;
}

.shepherd-active #cista header.fixed-desktop {
    position: inherit;
}

/* Start Design Checkboxen */
#frmUebersicht .form-group label,
.ts-kaeuferschutz-div .form-group label,
.table-merkliste tr label,
.merkliste_mobil .text.aktion label,
.merkliste_mobil .alle_auswaehlen label,
.form-group .checkbox label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#frmUebersicht .form-group label input,
.ts-kaeuferschutz-div .form-group label input,
.table-merkliste tr label input,
.merkliste_mobil .text.aktion label input,
.merkliste_mobil .alle_auswaehlen label input,
.form-group .checkbox label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#frmUebersicht .checkmark,
.ts-kaeuferschutz-div .checkmark,
.table-merkliste .checkmark,
.merkliste_mobil .checkmark,
.form-group .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

#frmUebersicht .form-group:hover label input ~ .checkmark,
.ts-kaeuferschutz-div .form-group:hover label input ~ .checkmark,
.table-merkliste tr:hover label input ~ .checkmark,
.merkliste_mobil .text.aktion:hover label input ~ .checkmark,
.merkliste_mobil .alle_auswaehlen:hover label input ~ .checkmark {
    background-color: #eee;
}

#frmUebersicht .form-group label input:checked ~ .checkmark,
.ts-kaeuferschutz-div .form-group label input:checked ~ .checkmark,
.table-merkliste tr label input:checked ~ .checkmark,
.merkliste_mobil .text.aktion label input:checked ~ .checkmark,
.merkliste_mobil .alle_auswaehlen label input:checked ~ .checkmark,
.form-group label input:checked ~ .checkmark {
    background-color: green;
}

#frmUebersicht .checkmark:after,
.ts-kaeuferschutz-div .checkmark:after,
.table-merkliste .checkmark:after,
.merkliste_mobil .checkmark:after,
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

#frmUebersicht .form-group label input:checked ~ .checkmark:after,
.ts-kaeuferschutz-div .form-group label input:checked ~ .checkmark:after,
.table-merkliste tr label input:checked ~ .checkmark:after,
.merkliste_mobil .text.aktion label input:checked ~ .checkmark:after,
.merkliste_mobil .alle_auswaehlen label input:checked ~ .checkmark:after,
.form-group label input:checked ~ .checkmark:after {
    display: block;
}

#frmUebersicht .form-group label .checkmark:after,
.ts-kaeuferschutz-div .form-group label .checkmark:after,
.table-merkliste tr label .checkmark:after,
.merkliste_mobil .text.aktion label .checkmark:after,
.merkliste_mobil .alle_auswaehlen label .checkmark:after,
.form-group label .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Ende Design Checkboxen */

.merkliste_mobil .text.aktion label {
    margin: 0px;
}

.modal-dialog .btn-primary {
    background: #008000;
    border-color: #008000;
}

.modal-dialog .btn-primary:hover {
    background: #fff;
    color: #008000;
}

#modalFlaechenplaner .modal-dialog .btn-primary,
.modal-dialog #mein_login_anmelden_registrieren .btn-primary,
.modal-dialog .modal-body-fragezeichen .btn-primary,
.modal-dialog .filterFaqMerkmal .btn-primary {
    background: #ea7c13;
    border-color: #ea7c13;
    color: #fff;
}

#modalFlaechenplaner .modal-dialog .buttons.bestaetigung .btn-primary {
    font-size: 18px;
    padding: 17px 23px;
    font-weight: 700;
}

#modalFlaechenplanerEinstieg .modal-dialog .btn-primary {
    background: transparent;
    color: #ea7c13;
}

#modalFlaechenplaner .modal-dialog .btn-primary:hover,
.modal-dialog #mein_login_anmelden_registrieren .btn-primary:hover,
.modal-dialog .modal-body-fragezeichen .btn-primary:hover,
.modal-dialog .filterFaqMerkmal .btn-primary:hover {
    color: #ea7c13;
    background: transparent;
}

#modalFlaechenplanerEinstieg .modal-dialog .btn-primary:hover {
    background: #ea7c13;
    color: #fff;
}

.ts-kaeuferschutz-div .checkmark {
    top: 3px;
}

.ts-kaeuferschutz-div .form-group label {
    padding-left: 25px;
}

.artikel_bilder > .flexslider > ul > li:nth-child(1) {
    display: block;
    -webkit-backface-visibility: initial;
    width: 100%;
}
.flexslider > .slides:after {
    content: "";
}

.artikel_bilder .flexslider,
.zubehoer_mobil .flexslider {
    border: none;
    box-shadow: none;
    margin-bottom: 0px;
}

#frmArtikel .artikel_bilder .flex-direction-nav a.flex-prev {
    background: url(/layouts/images/prev-flex-shop.png) no-repeat;
    background-position: center;
    background-size: 13px 21px;
}

#frmArtikel .artikel_bilder .flex-direction-nav a.flex-next {
    background: url(/layouts/images/next-flex-shop.png) no-repeat;
    background-position: center;
    background-size: 13px 21px;
}

#frmArtikel .flex-control-nav {
    position: initial;
    padding-top: 5px;
}

#frmArtikel .flexslider .slides {
    display: flex;
    align-items: center;
}

.zubehoer_mobil .flex-direction-nav a {
    width: 45px;
    height: 45px;
}

.zubehoer_mobil .flex-direction-nav a.flex-next {
    background: url(/layouts/images/next-flex-shop.png) no-repeat;
    background-position: center;
    top: 47%;
    background-size: 13px 21px;
}

.zubehoer_mobil .flex-direction-nav a.flex-prev {
    background: url(/layouts/images/prev-flex-shop.png) no-repeat;
    background-position: center;
    top: 47%;
    background-size: 13px 21px;
}

.zubehoer_mobil .flexslider .slides img {
    width: auto;
    margin: 0 auto;
}

.zubehoer_mobil .flex-direction-nav .flex-next {
    right: -10px;
}

.zubehoer_mobil .flex-direction-nav .flex-prev {
    left: -10px;
}

.zubehoer_mobil .item .beschreibung {
    padding: 0px 35px;
    text-align: center;
}

.items .zubehoer_mobil .item .zum_artikel {
    width: 125px;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: #000;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 8px;
    content: '';
    height: 12px;
    margin-top: -5px;
    margin-left: 5px;
    position: absolute;
    opacity: .3;
    transition: all .4s ease-in-out;
    width: 34px;
}
.material-switch > label::after {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    content: '';
    height: 15px;
    left: -4px;
    margin-top: -5px;
    margin-left: 5px;
    position: absolute;
    top: -2px;
    transition: all .3s ease-in-out;
    width: 15px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    /*
    background: inherit;
    opacity: 0.5;
    */
}
.material-switch > input[type="checkbox"]:checked + label::after {
    /*
    background: inherit;
    */
    left: 20px;
}

.material-switch > .switch-state {
    margin: 0 5px;
    opacity: 0.5;
    cursor: pointer;
    font-size: 12px;
}

.material-switch > .switch-state.active {
    opacity: 1;
}

header .material-switch > .heading {
    font-weight: 600;
}

#mmenu .material-switch {
    color: #fff;
    background-color: #005E8F;
    line-height: 34px;
}

#mmenu .material-switch > .heading {
    display: block;
    font-weight: normal;
}

#mmenu .material-switch > .switch-state.state-off {
    margin-left: 20px;
}

header .material-switch.switch-kundengruppe {
    color: #fff;
    font-size: 13px;
    padding: 0px 0 3px 5px;
    width: max-content;
    background-color: #005E8F;
    float: right;
}

#mmenu .material-switch.switch-kundengruppe > label::before {
    background: #000;
}

.main .material-switch.switch-kundengruppe > label::before,
.main .material-switch.switch-kundengruppe > label::after {
    background: #ea7c13;
}

.main #frmAnschrift .material-switch.switch-kundengruppe > label::before,
.main #frmAnschrift .material-switch.switch-kundengruppe > label::after {
    background: #ea7c13;
}

.main #frmAnschrift .material-switch.switch-kundengruppe>.switch-state.active {
    color: #ea7c13;
}

#mmenu .material-switch.switch-kundengruppe > label::after {
    background: #fff;
}

.main .material-switch.switch-kundengruppe > .switch-state {
    font-weight: 600;
    opacity: 0.3;
    display: inline-block;
    padding: 7px 8px;
}

.main .material-switch.switch-kundengruppe > .switch-state.active,
#mmenu .material-switch > .switch-state.active {
    color: #ea7c13;
    opacity: 1;
}

#mmenu .material-switch > .switch-state.active {
    color: #fff;
}

#mmenu .top_haendler_registrierung_mobil {
    background: #005E8F;
}

#mmenu .top_haendler_registrierung_mobil a {
    color: #fff;
    font-size: 16px;
    font-weight: inherit;
    padding-left: 20px;
    border-top: 20px solid #f2f2f2;
    display: block;
    text-align: left;
}

.material-switch.switch-center {
    text-align: center;
}

.material-switch.switch-center > * {
    text-align: left;
}

#modalDialog .material-switch.switch-kundengruppe {
    display: none;
}

.checkout .konto_anlegen .vorteile {
    max-width: 520px;
    margin: 0 auto;
}

.anmeldung_geschaeftskonto .material-switch .control-label {
    text-align: left;
    width: 36%;
}

#modalFlaechenplanerEinstieg .modal-footer {
    display: none;
}

.bestellprozess_schritt_2_anschrift .buttons #btnBack:hover,
.bestellung_anschrift .login_passwort_vergessen_div .btn.btn-default:hover {
    color: #ea7c13;
    background: #fff;
    border-color: #ea7c13;
}

.artikel_filter a.btn-filter:hover {
    background-color: #fff!important;
    color: #000!important;
}

.product-main .list-filter:not(.farbe) .active-filter .btn-filter:hover {
    background-color: #fff!important;
}

.product-main .list-filter .active-filter .btn-filter:hover {
    cursor: not-allowed;
}

.button-registrieren-bestaetigung {
    background: #005E8F;
    border-color: #005E8F;
}

.button-registrieren-bestaetigung.btn.btn-primary:hover {
    background: #fff;
    color: #005E8F;
    border-color: #005E8F;
}

.telefonnummer_mobil.start_eingabe .telefonmobil {
    padding: 0px 10px 0px 0px;
}

.alle_nummern_sichtbar .telefon-max {
    padding-left: 10px;
}

.alle_nummern_sichtbar .telefonnummer_mobil.start_eingabe .telefonmobil.telefon-max {
    padding: 0px 15px 0px 10px;
}

.form-horizontal .telefonnummer_auswahl .has-feedback .form-control-feedback.ajax {
    right: 0px;
}

.telefonnummer_auswahl.alle_nummern_sichtbar .telefonnummer_privat,
.telefonnummer_auswahl.alle_nummern_sichtbar .telefonnummer_mobil,
.telefonnummer_auswahl.alle_nummern_sichtbar .telefonnummer_geschaeft {
    margin-bottom: 15px;
}

.telefon-max.ajax.has-success .fa-exclamation-triangle {
    display: none;
}

.baugewerbe_registrieren.eingabefelder .anschrift_h.form-group .fragezeichen.telefonmobil,
.alle_nummern_sichtbar .anschrift_h.form-group .fragezeichen.telefonmobil {
    position: absolute;
    right: 60px;
    top: 3px;
    border: 2px solid #e16d1a;
    border-radius: 20px;
    padding: 0px 7px 1px 6px;
    cursor: pointer;
    color: #e16d1a;
    margin-left: 5px;
    line-height: normal;
    z-index: 99;
}

.baugewerbe_registrieren.eingabefelder .anschrift_h.form-group .fragezeichen.telefonmobil {
    height: 25px;
    width: 25px;
}

.alle_nummern_sichtbar .anschrift_h.form-group .fragezeichen.telefonmobil {
    top: unset;
    bottom: 20px;
    padding-top: 3px;
    right: 85px;
}

body:not(.geschaeftskonto_login) .ueberschrift_haendler_login {
    display: none;
}

#telefon_zeichen_hinweis_land:after {
    content: ' (+)';
}

ul.pagination li form {
    float: left;
    margin: 0;
}

ul.pagination li form .form-control {
    height: 75px;
    border-radius: 0;
    border-left: none;
    border-right: none;
}

ul.pagination li:first-child form .form-control {
    border-left: 1px solid #ddd;
}

ul.pagination li:last-child form .form-control {
    border-right: 1px solid #ddd;
}

ul.pagination li form .form-control:hover {
    cursor: pointer;
}

ul.pagination li form .form-control:active,
ul.pagination li form .form-control:focus {
    border-color: #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
}

ul.pagination li .material-icons {
    vertical-align: middle;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.etrusted-tb-card {
    left: 0px;
    width: fit-content;
}

#tsbadge4_db8d3657bdbe440c985ae127463eaad4 .menu_db8d3657bdbe440c985ae127463eaad4__container {
    left: 0px;
    right: auto!important;
}

#idFrmSuche .form-control:focus {
    border-color: transparent;
}

#idFrmSuche i.material-icons {
    cursor: pointer;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    border-color: #e16d1a;
    background: #e16d1a;
    color: #fff;
}

footer .bottomnav_navigation .fa-plus,
footer .bottomnav_navigation .fa-minus {
    float: left;
    margin-top: 4px;
    margin-right: 15px;
}

#accordion_zubehoer_mobil .box_zubehoer_mobil .panel-body {
    border: none;
    margin-bottom: 0px;
}

#accordion_zubehoer_mobil .box_zubehoer_mobil .panel-title {
    display: block;
    padding: 0px 10px;
    font-weight: 600;
    line-height: inherit;
}

#frmReklamation_kontakt .TelefonPrivat.has-error .form-control-feedback {
    right: 15px;
    top: 34px;
}

.bestellung_uebersicht .postfix.platzhalter {
    line-height: 15px;
}

td.justify {
    text-align: justify;
}

#FpEmailPopover .modal_auswahl .check {
    background: green;
}

.mein_passwort .passwort_vergessen_form_div label {
    font-weight: bold;
}

.uebersicht #frmUebersicht .btn-lg {
    font-size: 20px;
}

.checkout label[for=idBewertungsmail],
.checkout label[for=idVersandbedingungen],
.checkout .postfix {
    margin-top: 12px;
    line-height: normal;
}

#modalFragezeichen.telefonnummer .modal-body-fragezeichen button {
    width: 100%;
    background: green;
    border-color: green;
}

#modalFragezeichen.telefonnummer .modal-body-fragezeichen button:hover {
    color: green;
    background: #fff;
}

.modal-body-fragezeichen .anschrift_h {
    padding: 15px;
}

#modalFlaechenplaner #dachform-carousel .owl-nav .owl-next {
    right: -20px;
}

#modalFlaechenplaner #dachform-carousel .owl-nav .owl-prev {
    left: -20px;
}

.GutscheinFehler .btn-primary {
    width: 100%;
}

.modal-body-GutscheinFehler {
    padding: 15px;
}

.GutscheinFehler .modal-header .close {
    margin-top: -12px;
}

.modal-dialog .GutscheinFehler .btn-primary {
    background-color: #e16d1a;
    border-color: #e16d1a;
}

.modal-dialog .GutscheinFehler .btn-primary:hover {
    background-color: #fff;
    color: #e16d1a;
}

#dachform-carousel img {
    width: 100%;
    padding: 0px 3px;
}

.tabelle_wechsel {
    padding: 0px;
}

.tabelle_wechsel li {
    list-style: none;
    border: 1px solid #ddd;
    padding: 5px;
}

.tabelle_wechsel li:nth-child(odd) {
    background-color: #eee;
}

body.hinweisbox .anchor {
    display: block;
    position: relative;
    top: -20px;
}

a.zuFAQ {
    background: #005E8F;
    color: #fff;
    padding: 6px 12px;
    border: 1px solid #005E8F;
    font-weight: bold;
    height: 41px;
    line-height: 25px;
}

.zuFAQ:hover {
    background: #fff;
    color: #005E8F;
}

.einzelbilder img {
    border-radius: 100px;
    width: 200px;
}

.links_einzel .link a {
    border: 2px solid #e16d1a;
    background: #e16d1a;
    width: 220px;
    display: block;
    margin: 0 auto;
    color: #fff;
    cursor: pointer;
    padding: 6px 0px;
    font-weight: bold;
}

.links_einzel .link a:hover {
    color: #e16d1a;
    background: #fff;
    border-color: #e16d1a;
}

ul.ueber-uns {
    list-style: none;
    padding: 0px;
}

ul.tabelle_wechsel a {
    display: block;
}

.haken_gruen {
    font-weight: bold;
    color: green;
}

.name_border {
    font-weight: bold;
    border-bottom: 2px solid #e16d1a;
    padding: 0px 15px;
}

.left.panel-title-arrow-div {
    float: none;
    padding-right: 10px;
}

.preiskasten-trenner {
    width: 47%;
    float: left;
}

.preiskasten-trenner.plus {
    width: 6%;
    font-size: 25px;
    line-height: 10px;
}

.preiskasten-trenner hr {
    border-color: #d3d3d3;
    margin: 5px 0px;
}

.preiskasten-trenner.links {
    padding-left: 15px;
}

.preiskasten-trenner.rechts {
    padding-right: 15px;
}

.youtube_videos p:first-child {
    text-align: center;
}

footer .padding-mobil .fa-envelope {
    margin: 0px 12px 0px 0px;
    font-size: 25px;
}

footer .padding-mobil .fa-phone {
    margin: 0px 12px 0px 0px;
    font-size: 25px;
}

.no-margin {
    margin: 0px;
}

.Flaechenplaner p.achtung {
    line-height: initial;
}

.red {
    color: red;
}

.gruppe .link.item {
    cursor: pointer;
}

.eine_nummer_sichtbar #anschrift_h_fragezeichen {
    display: none;
}

.gruppe .artikelbild {
    position: relative;
}

.dreieck-topseller,
.dreieck-aktion {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 100px solid transparent;
    border-top: 100px solid #d4af37;
    position: absolute;
    z-index: 99;
    top: 0;
}

.dreieck-aktion {
    border-left: 0px solid transparent;
    border-right: 100px solid transparent;
    border-top: 100px solid #00662f;
}

#gallery .dreieck-topseller,
#gallery .dreieck-UVPProzent,
#gallery .dreieck-aktion,
#frmArtikel .flexslider .slides .dreieck-topseller,
#frmArtikel .flexslider .slides .dreieck-aktion,
#frmArtikel .flexslider .slides .dreieck-UVPProzent {
    top: 0px;
}

#gallery .dreieck-topseller,
#gallery .dreieck-aktion,
#gallery .dreieck-UVPProzent,
#gallery .text-topseller{
    left: 20px;
}

.text-topseller,
.text-aktion {
    color: #fff;
    position: absolute;
    transform: rotate(-45deg);
    top: 22px;
    font-weight: bold;
    z-index: 100;
    background-color: transparent;
}

.text-aktion {
    background-color: transparent;
    left: 20px;
}

#frmArtikel .text-aktion {
    left: 7px;
}

#frmArtikel .text-UVPProzent {
    left: 15px;
}

.dreieck-UVPProzent {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 100px solid transparent;
    border-top: 100px solid #005E8F;
    position: absolute;
    z-index: 99;
}

.text-UVPProzent {
    color: #fff;
    position: absolute;
    transform: rotate(-45deg);
    top: 22px;
    left: 33px;
    font-weight: bold;
    z-index: 100;
}

.artikel_merkliste_btn span.border,
.artikel_vergleichsliste_btn span.border,
.artikel_teilen_btn span.border {
    border: 1px solid #ccc;
    display: block;
    padding: 10px;
}

#InputURL {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

#modalTeilenArtikel .close {
    padding: 10px;
    background-color: #b22222;
    border: 2px solid #b22222;
}

#modalTeilenArtikel .close:hover {
    color: #b22222;
    background-color: #fff;
}

#modalTeilenArtikel .copy {
    background-color: green;
    color: #fff;
    padding: 12px 10px 13px 10px;
    border: 2px solid green;
}

#modalTeilenArtikel .copy:hover {
    color: green;
    background-color: #fff;
}

.header-vergleichen-button .fa {
    color: #000;
    font-size: 25px;
}

.header-vergleichen-button a {
    background: transparent;
    border: none;
    box-shadow: none;
}

.header-vergleichen-button.header-vergleichen-button-desktop {
    display: inherit;
    text-align: center;
    line-height: 22px;
}

.header-vergleichen-button.header-vergleichen-button-desktop:hover .fa {
    color: #ea7c13;
}

.header_vergleichsliste .header-vergleichen a, .suchen-vergleichen a {
    font-size: 10px;
    color: #000;
}

.vergleichen .header_vergleichsliste .header-vergleichen, .suchen-vergleichen {
    line-height: 25px;
    margin-top: -1px;
}

.vergleichen .header_vergleichsliste .header-vergleichen a, .suchen-vergleichen a {
    display: block;
}

.icons .vergleichen {
    padding: 0px;
}

.icons .search:hover .header-suche.wert,
.icons .vergleichen:hover .header-vergleichen a,
.icons .vergleichen:hover .header-vergleichen-button .fa,
.icons .merkliste:hover .header-merkliste span,
.icons .warenkorb:hover .fa,
.icons .warenkorb:hover .header-warenkorb span {
    color: #ea7c13;
}

.btn_unterschiede.btn-primary[disabled] {
    background-color: #ea7c13;
    border-color: #ea7c13;
}

.vergleichsliste_btn_vergleichen.not-allowed {
    cursor: not-allowed;
}

header .topnav.service .top_haendler_registrierung.visible-lg.visible-md.hidden {
    display: none!important;
}

#vergleichsliste .artikel.vergleichsliste_einzel form {
    margin: 0px;
}

ul.artikel_vorteile {
    list-style: none;
    overflow: hidden;
    margin: 10px 0 0;
    padding: 0;
    font-size: 14px;
}

ul.artikel_vorteile li {
    padding: 0;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    width: 50%;
    float: left;
}

/*
ul.artikel_vorteile li:before {
    font-family: "Material Icons";
    display: block;
    content: "\E5CA";
    color: #36b81d;
    font-size: 20px;
    left: -30px;
    position: absolute;
}
*/

.gruppe.boxAktion {
    position: absolute;
    bottom: 35px;
}

.items .item .zum_artikel,
body.gruppe .main .items a.btn.zum_artikel {
    padding: 17px 23px;
    margin: 15px 0px 0px 0px;
    font-size: 18px;
}

.gruppe .ArtikelMerken {
    border:1px solid #ccc;
    margin-bottom: 10px;
}

.gruppe .ArtikelVergleichen {
    border:1px solid #ccc;
}

.gruppe .ArtikelMerken:hover,
.gruppe .ArtikelVergleichen:hover {
    border-color: #ea7c13;
}

.gruppe .ArtikelMerken:hover a,
.gruppe .ArtikelVergleichen:hover a {
    color: #ea7c13;
}

.gruppe .ArtikelMerken a,
.gruppe .ArtikelVergleichen a {
    display: block;
}

.gruppe .artikel_farben.merkmal_wert,
.suche .artikel_farben.merkmal_wert {
    display: initial;
    padding: 0px;
}

.gruppe .artikelpreis,
.suche .artikelpreis {
    text-align: right;
    font-weight: bold;
    font-size: 22px;
}

a.FooterLink {
    color: #000000; !important;
}

a.FooterLink:hover {
    color: #ea7c13;
}

.gruppe .gruppe_artikel_merkmale .Farben .merkmal_name,
.suche .gruppe_artikel_merkmale .Farben .merkmal_name {
    width: max-content;
    float: left;
    padding: 0px 5px 0px 15px;
}

.text.popover-inhalt {
    padding: 15px 15px 0px 15px;
}

#zubehoer_panel .zubehoer_hinweistext .panel-body {
    padding: 15px 0px;
}

.items .item .gruppe_artikel_merkmale ul {
    font-size: 14px;
    padding-left: 5px;
}

.gruppe .items h4.artikel_bezeichnung {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px;
}

.artikelrabatt .btn {
    font-size: 13px;
    padding: 0px;
    vertical-align: unset;
    border: none;
    color: #ea7c13;
}

.artikelrabatt .btn:hover {
    color: #000;
}

.footer_unten .apps img,
.button_app img{
    height: 45px;
}

.made_in_germany {
    padding-left: calc(50% - 75px);
    padding-right: calc(50% - 75px);
    margin-top: 25px;
}

.made_in_germany img {
    width: 150px;
    height: auto;
}

.panel,
.panel-group .panel,
.panel-heading,
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle{
    border-radius: 0px;
}

#btnSubmitReklamation.btn-primary[disabled] {
    background: #ea7c13;
    border: 1px solid #ea7c13;
    color: #fff;
    cursor: not-allowed;
    pointer-events: all;
}

.panel_text {
    padding: 15px;
    border: 1px solid #dddddd;
    border-radius: 0px;
    margin-bottom: 15px;
}

.hover-white:hover {
    color: #fff;
}

/*.modal_muster .modal-dialog {
    top: 35%;
}*/

.cart-wrapper .row.hinweis.versandkostenfrei .text-right,
.warenkorb_mobil_fuss .hinweis.versandkostenfrei .text-right {
    float: right;
    color: red;
    font-weight: bold;
}

.items .zwischenblock {
    position: relative;
    border: none
}

.items .zwischenblock {
    padding-bottom: 0px;
}

.items .zwischenblock img {
    margin-top: -15px;
}

.items .zwischenblock.item:hover {
    box-shadow: none;
}

.flex-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-container .flex-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1px;
}

.owl-carousel .owl-item.active .owl-lazy {
    opacity: 1;
}

#profile-carousel.items .item .checkmark.check {
    right: 3px;
    top: 3px;
}

#modalFlaechenplaner .checkmark {
    width: 20px;
    height: 20px;
    background: #ccc;
}

#modalFlaechenplaner .checkmark.green {
    background: green;
}

#modalFlaechenplaner .checkmark.check.green .hook {
    width: 6px;
    height: 14px;
    border: solid white;
    border-width: 0px 3px 3px 0px;
    position: absolute;
    left: 7px;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#panel_artikel .artikel .check.checkmark {
    z-index: 9;
}

#gruppe-carousel.items .item .check.checkmark {
    right: 25px;
    top: 6px;
}

#verlegeprofile-carousel.items .item .check.checkmark {
    right: 6px;
    top: 6px;
}

#modalArtikelNichtLieferbar .close,
#modalArtikelNichtLieferbar .check,
#modalFehlerZubehoer .close,
#modalFehlerZubehoer .check {
    padding: 0px;
}

#modalArtikelNichtLieferbar .close a,
#modalArtikelNichtLieferbar .check input,
#modalFehlerZubehoer .close a,
#modalFehlerZubehoer .check input{
    width: 100%;
}

#modalArtikelNichtLieferbar  .modal-dialog .modal-body-fragezeichen .check:hover,
#modalFehlerZubehoer  .modal-dialog .modal-body-fragezeichen .check:hover {
    background: #fff;
    color: green;
}

#modalArtikelNichtLieferbar  .modal-dialog .modal-body-fragezeichen .padding15,
#modalFehlerZubehoer  .modal-dialog .modal-body-fragezeichen .padding15 {
    padding: 15px;
}

#modalArtikelNichtLieferbar .modal-dialog .modal-body-fragezeichen .check:hover i,
#modalFehlerZubehoer .modal-dialog .modal-body-fragezeichen .check:hover i{
    color: green;
}

#modalArtikelNichtLieferbar .check i,
#modalFehlerZubehoer .check i {
    position: absolute;
    top: 15px;
    color: #fff;
    left: calc(50% - 15px);
    cursor: pointer;
}

.artikeldaten_box .artikeldaten .lieferstatus_8 {
    color: red;
    font-weight: bold;
}

.rahmen {
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
}

.modal-open #button_kontaktformular,
.searchOpen #button_kontaktformular {
    display: none;
}

#button_kontaktformular {
    position: fixed;
    bottom: 15px; /*Test: 245*/
    right: 10px;
    z-index: 999;
}

#button_kontaktformular .close {
    color: #000;
    position: absolute;
    right: 0px;
    top: -5px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0px 4px 0px 5px;
    border-radius: 100px;
}

#button_kontaktformular .sprechblase {
    padding-top: 20px;
}

#button_kontaktformular .close img {
    max-height: 12px;
    width: auto;
}

#button_kontaktformular .text {
    background: #fff;
    padding: 10px;
    font-size: 15px;
    line-height: initial;
    border-radius: 5px;
    /*box-shadow: rgba(0,0,0,.2) 0 5px 20px;*/
    color: #000;
}

#button_kontaktformular .bild img {
    max-height: 60px;
    width: auto;
    border-radius: 100px;
    margin-top: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px;
}

.zuschlag-warenkorb .fragezeichen,
.warenkorb_mobil .fragezeichen {
    border: 2px solid #005e8f;
    border-radius: 20px;
    padding: 0px 7px;
    cursor: pointer;
    color: #005e8f;
    font-weight: bold;
    margin-left: 10px;
}

#hinweisVersandkosten .text {
    padding: 15px;
}

ul.pagination.pagination-lg > li > a {
    padding: 25px 40px;
    height: 75px;
}

#filter-wrapper .fa-pencil {
    display: none;
}

.warenkorb_mobil_fuss .hinweis.versandkostenfrei .text-right {
    text-align: left;
    float: left;
}

#frmUebersicht .warenkorb_mobil_fuss .hinweis.versandkostenfrei .text-right {
    border-top: 1px solid #d3d3d3;
    width: 100%;
}

#modalFlaechenplaner .artikel_merkmale_tabelle .artikeldaten {
    position: relative;
}

#modalFlaechenplaner .artikel_merkmale_tabelle .fragezeichen {
    position: absolute;
}

#modalFlaechenplaner .staffelpreis_flaechenplaner .table .abMenge {
    border-right: 1px solid #ddd;
}

#modalFlaechenplaner .staffelpreis_flaechenplaner .table tbody {
    border: 1px solid #ddd;
}

.navbar ul.menue-punkte li.menu-gruppe {
    text-align: center;
    position: relative;
    min-height: 200px;
}

#categorie_navigation .menu-gruppe .gruppe-link .hover {
    position: absolute;
    width: 170px;
    top: 38%;
    left: 29%;
    border: 2px solid #ea7c13;
    font-weight: 600;
    color: #ea7c13;
}

#categorie_navigation .menu-gruppe .gruppe-link .hover:hover {
    background-color: #ea7c13;
    color: #fff;
}

.menu-gruppe .gruppe-link:hover img {
    /*opacity: 0.3;*/
    transform: scale(0.9);
}
.menu-gruppe .gruppe-link img {
    transition: transform .2s;
}

.dropdown-menu li .gruppe-titel {
    font-weight: 600;
    margin:0px 20px;
}

#mmenu .mmenu-bild {
    width: 37px;
    float: left;
    margin-right: 10px;
    margin-top:5px;
}

#mmenu #menu_mobil .mm-listitem__text,
#mmenu .menu-gruppe .mm-listitem__text {
    line-height: 25px;
}

#mmenu .mobile_flaechenplaner a {
    line-height: 25px;
}

.no-padding {
    padding: 0px;
}

.btn-lg.planer-start {
    padding: 25px 0px;
}

.artikel .owl-stage > .owl-item > .image {
    height: 570px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 25%;
}

#flaechenplaner-ajax-content .material .panel-body {
    padding: 15px 30px;
}
/*
.link_kontakt.mm-listitem {
    border-top: 30px solid #f0f0f0;
}
*/
.link_kontakt.mm-listitem .fa {
    font-size: 25px;
    padding-right: 10px;
}

#modalArtikelLoeschen .platzhalter {
    background-color: #fff;
}

#modalArtikelLoeschen .btn_alle_loeschen {
    background: #fff;
    color: #000;
    border-color: #fff;
    font-size: 14px;
    font-weight: normal;
}

#modalArtikelLoeschen .btn_alle_loeschen:hover {
    border-color: #ea7c13;
    color: #ea7c13;
}

#product-main .panel-group.artikelmerkmale_mobil,
.panel.panel-default.buttonPlanerMobil {
    margin-bottom: 10px;
    border: none;
}

.panel.panel-default.buttonPlanerMobil a {
    text-align: left;
    color: #ec7405;
    border-color: #ec7405;
    background-color: #fff;
    text-transform: none;
    padding: 10px 16px 9px 16px;
    width: 100%;
}

.shepherd-content .shepherd-header {
    padding: 0px;
}

.shepherd-content .shepherd-text {
    font-size: 18px;
    line-height: 40px;
}

.shepherd-content .shepherd-footer .btn.btn-primary {
    width: 100%;
    border-radius: 0px;
    font-size: 18px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    line-height: 34px;
    background: #ec7405;
    border: 2px solid #ec7405;
}

.shepherd-content .shepherd-footer .btn.btn-primary:hover {
    color: #ec7405;
    background: #fff;
}

.shepherd-content .shepherd-footer .btn.btn-primary.close,
.shepherd-content .shepherd-footer .btn.btn-primary.check {
    width: 50%;
    margin: 0px;
}

.shepherd-content .shepherd-footer .btn.btn-primary.close {
    background-color: #b22222;
    border-color: #b22222;
}

.shepherd-content .shepherd-footer .btn.btn-primary.close:hover {
    color: #b22222;
    background-color: #fff;
}

.shepherd-content .shepherd-footer .btn.btn-primary.check {
    background-color: green;
    border-color: green;
}

.shepherd-content .shepherd-footer .btn.btn-primary.check:hover {
    color: green;
    background-color: #fff;
}

.shepherd-content .shepherd-footer .btn.btn-primary.check.only-ready {
    width: 100%;
}

#vergleichsliste .artikel_liste.flexslider {
    border: none;
    box-shadow: none;
}

#vergleichsliste .artikel_liste.flexslider .flex-direction-nav,
#vergleichsliste .artikel_liste.flexslider .flex-control-paging {
    display: none;
}

.bewertung.star .fa {
    color: #fcd932;
    font-size: 11px;
}

.ts-bewertungen .border-left {
    border-left: 1px solid #ddd;
}

.ts-bewertungen .ts-logo {
    padding: 0px 10px;
}

#ownTSBadge {
    width: 170px;
    height: 75px;
    border: 1px solid #ddd;
    margin-left: 0px;
}

#ownTSBadge .zerifiziert {
    font-size: 12px;
    background: #ffdc0f;
    border-bottom: 1px solid #ffdc0f;
    padding: 2px 5px 0px 5px;
    margin-top: 3px;
    line-height: 22px;
}

#ownTSBadge img {
    margin-top: 3px;
}

#ownTSBadge a {
    color: #000;
}

#cf-root.cookiefirst-root > div {
    /*z-index: 2147483648;*/
}

[id^=minimized-trustbadge] ._ms3tn21 {
    left: 95px!important;
}

[id^=trustbadge-container] {
    z-index: 999999!important;
}

#varianten-carousel .lieferbar,
.Lichtplattenplaner #gruppe-carousel .lieferbar {
    position: absolute;
    width: calc(100% - 35px);
    color: red;
    font-weight: bold;
    bottom: 0px;
    font-size: 14px;
}

.Lichtplattenplaner #gruppe-carousel .lieferbar {
    text-align: center;
    width: calc(100% - 10px);
    font-size: 14px;
}

#modalFlaechenplaner .summen .wert.LieferStatusManuell_8 .btn-filter-faq {
   display: none;
}

.vorwahl-telefon {
    background: #f3f3f3;
    border: 1px solid #d1d1d1;
    padding: 1px 0px 1px 10px;
}

#frmKontakt .vorwahl-telefon,
#frmRueckruf .vorwahl-telefon,
#frmReklamation_kontakt .vorwahl-telefon {
    padding: 2px 0px 2px 10px;
}

#MyCustomTrustbadge {
    width: 160px;
    height: 80px;
    position: fixed;
    bottom: 15px;
    left: 0px;
}

#frmReklamation_kontakt .has-success .radio {
    color: #000;
}

#frmReklamation_kontakt .dropdown-content.has-success .form-control-feedback,
#frmReklamation .reklamation_grund .form-control-feedback,
#frmKontakt .nachricht .fa,
.fileupload-buttons .fa {
    display: none;
}

#frmReklamation_kontakt .fa-check.ajax,
#frmKontakt .fa-check.ajax,
#frmReklamation_kontakt .fa-exclamation-triangle.ajax,
#frmKontakt .fa-exclamation-triangle.ajax,
#frmRueckruf .fa-check.ajax,
#frmRueckruf .fa-exclamation-triangle.ajax {
    color: green;
    position: absolute;
    right: 10px;
    top: 34px;
}

#frmKontakt .fa-check.ajax,
#frmKontakt .fa-exclamation-triangle.ajax {
    top: 0px;
}

#frmKontakt .Telefon .fa.ajax,
#frmRueckruf .Telefon .fa.ajax,
#frmReklamation_kontakt .TelefonPrivat .fa.ajax {
    top: 0px;
    z-index: 99;
}

#frmReklamation_kontakt .fa-exclamation-triangle.ajax,
#frmKontakt .fa-exclamation-triangle.ajax,
#frmRueckruf .fa-exclamation-triangle.ajax {
    color: red;
}

#frmReklamation_kontakt .dropdown {
    position: initial;
}

#frmKontakt .eingabefelder .type-text {
    position: relative;
}

#frmRueckruf .rueckruf-nachricht .type-text {
    position: initial;
}

.nachricht .form-group {
    position: initial;
}


.bestellung_anschrift #collapse_1 .btn-default {
    padding-right: 20px;
}

.bestellung_anschrift #collapse_1 .btn-default:hover {
    color: #ea7c13;
    border-color: #ea7c13;
}

#frmReklamation_kontakt .auswahl-reklamation {
    width: 100%;
    display: inline-block;
}

#frmReklamation_kontakt .auswahl-reklamation .radio {
    width: 25%;
    float: left;
    margin-top: 0px;
    margin-right: 15px;
}

#frmKontakt .help-block.nachricht {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#btnSubmitKontakt.btn-primary:hover,
#btnSubmitReklamation.btn-primary:hover,
#frmRueckruf #btnSubmitRueckruf:hover {
    background: #fff;
    color: #ea7c13!important;
}

#frmKontakt .nachricht.ajax .help-block {
    border-bottom: 1px solid #ccc;
}

.template-download .btn-danger:hover {
    border-color: #ea7c13;
    color: #ea7c13;
}

.template-download td:first-child {
    display: none;
}

.template-download td:nth-child(2) {
    width: 60%;
}

.template-download td:nth-child(3) {
    width: 20%;
}

.template-download td:nth-child(4) {
    width: 20%;
}

.files .template-download .name {
    width: 100%;
}

.help-block.fehler.radio.reklamation {
    display: inline-block;
    padding: 0px;
}

#btnSubmitKontakt.btn-primary.btn.disabled,
#btnSubmitReklamation.btn-primary.btn.disabled,
#btnSubmitRueckruf.btn-primary.btn.disabled {
    color: #808080;
    background-color: #753E0A;
    border-color: #753E0A;
    opacity: 1;
    pointer-events: visible;
}

.passwort_zuruecksetzen #btnSubmit.disabled {
    color: #808080;
    background-color: #753E0A;
    border-color: #753E0A;
}

body.kontakt #rueckruf.tab-pane {
    margin-bottom: 70px;
}

#btnSubmitKontakt.btn-primary.btn.disabled:hover,
#btnSubmitReklamation.btn-primary.btn.disabled:hover {
    pointer-events: visible;
    cursor: not-allowed;
    color: grey!important;
}

#btnSubmitKontakt.btn-primary.btn.disabled:active,
#btnSubmitReklamation.btn-primary.btn.disabled:active {
    pointer-events: none;
}

#frmReklamation_kontakt .has-feedback .form-control-feedback {
    top: 0px;
}

#frmKontakt .has-feedback .form-control-feedback {
    top: 33px;
}

.reklamation .full-width .col-sm-4 {
    width: 100%;
}

.reklamation .full-width .col-sm-8 {
    width: 50%;
}

.reklamation .full-width label {
    text-align: left;
}

.fileinput-button.btn,
#btnSubmitKontakt.btn-primary.btn,
#btnSubmitRueckruf.btn-primary.btn,
#btnSubmitReklamation.btn-primary.btn {
    width: 220px;
    padding: 10px 0px;
}

#btnSubmitKontakt.btn-primary.btn,
#btnSubmitRueckruf.btn-primary.btn,
#btnSubmitReklamation.btn-primary.btn {
    font-weight: 700;
    padding: 17px 23px;
    font-size: 20px;
}

#frmKontakt .table,
#frmReklamation_kontakt .table {
    margin-bottom: 10px;
}
#frmReklamation .table{
    margin-bottom: 0px !important;
}

.artikeldaten select {
    cursor: pointer;
}

body.bestellung_bestaetigung #button_kontaktformular,
body.bestellung_bestaetigung #chat-widget-container {
    display: none;
}

body.bestellung_bestaetigung #chat-widget-container {
    opacity: 0;
    visibility: hidden;
}

#frmReklamation .reklamation_nachricht .form-group label {
    text-align: left;
}

.btn-default.bestellschein-loeschen:hover i,
.Lichtplattenplaner #btnFpReset:hover,
.aktion .btn-default:hover i {
    color: #ea7c13;
}

#modalFlaechenplaner select {
    cursor: pointer;
}

.popover.check_dachform {
    top: 50%!important;
}

.product-main .btn_warenkorb .btn-default {
    margin-top: 5px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.merkliste-buttons.row .artikel_merkliste {
    padding-right: 0px;
}

.merkliste-buttons.row .artikel_vergleichsliste {
    padding: 0px 5px;
}

.merkliste-buttons.row .artikel_teilen {
    padding-left: 0px;
}

.merkliste-buttons .btn {
    font-size: 14px;
}

#modalSendWarenkorb .panel-default,
#modalSendMerkliste .panel-default {
    margin: 0px;
}

#modalSendWarenkorb .type-text,
#modalSendWarenkorb .erfolg .text.text-center,
#modalSendMerkliste .type-text,
#modalSendMerkliste .erfolg .text.text-center {
    padding: 15px;
}

#modalSendWarenkorb .erfolg .check,
#modalSendMerkliste .erfolg .check {
    color: #fff;
    border: 2px solid #ea7c13;
}

#modalSendWarenkorb .erfolg .check:hover,
#modalSendMerkliste .erfolg .check:hover {
    background-color: #fff;
    color: #ea7c13;
}

#modalSendWarenkorb .close,
#modalSendMerkliste .close {
    border: 2px solid #b22222;
}

#modalSendWarenkorb .close:hover,
#modalSendMerkliste .close:hover {
    color: #b22222;
    background-color: #fff;
}

#modalSendWarenkorb .check,
#modalSendMerkliste .check {
    border: 2px solid green;
}

#modalSendWarenkorb .check:hover,
#modalSendMerkliste .check:hover {
    color: green;
    background-color: #fff;
}

.merkliste_mobil .download_merkliste {
    width: 100%;
    margin-bottom: 15px;
}

.merkliste .btnsendPDF.hidden-xs {
    margin-left: 15px;
}

#email_send_warenkorb {
    text-align: left;
}

.Hinweise.PasswortNeu .green {
    color: green;
}

.Hinweise.PasswortNeu .red {
    color: red;
}

#modalDialog .buttons-bottom .btn-primary,
.modal-dialog .modal-body-fragezeichen .btn-primary,
#modalFragezeichenZahlung .modal-dialog .btn-primary,
.bestellung_uebersicht .modal-dialog .btn-primary {
    background: green;
}

#modalDialog .buttons-bottom .btn-primary:hover,
.modal-dialog .modal-body-fragezeichen .btn-primary:hover,
#modalFragezeichenZahlung .modal-dialog .btn-primary:hover,
.bestellung_uebersicht .modal-dialog .btn-primary:hover {
    background: #fff;
    color: green;
}

#modalFragezeichenZahlung .modal-dialog .btn-primary,
.bestellung_uebersicht .modal-dialog .btn-primary {
    border-color: green;
}

#kontakt #frmKontakt .width50,
#reklamation #frmReklamation_kontakt .width50,
#rueckruf #frmRueckruf .width50 {
    width: 50%;
    float: left;
}

#kontakt #frmKontakt .width50:nth-child(odd),
#reklamation #frmReklamation_kontakt .width50:nth-child(odd),
#rueckruf #frmRueckruf .width50.RueckrufName,
#rueckruf #frmRueckruf .width50.RueckrufEmail {
    padding-right: 10px;
}

#reklamation #frmReklamation_kontakt .TelefonPrivat.width50 {
    padding: 0px;
}

.bestellung_anschrift #collapse_1 .btn-default.registrieren {
    display: block;
    width: 100%;
    float: right;
    font-size: 16px;
}

#frmKontakt .help-block,
#frmRueckruf .help-block {
    margin: 0px;
}

.border-kontakt {
    border: 1px solid #ccc;
    border-top: none;
    display: inline-block;
}

.border-registrieren {
    border: 1px solid #ccc;
    display: inline-block;
}

.nav-tabs.kontakt-formular > li:first-child a {
    border-left: none;
}

.nav-tabs.kontakt-formular > li:last-child a {
    border-right: none;
}
.nav-tabs.kontakt-formular.no-margin > li:first-child a {
    border-left: 1px solid #ddd;
}

.artikeldaten .fragezeichen,
.anschrift .fragezeichen.telefonmobil,
.ts-kaeuferschutz-div .ts_kaeuferschutz,
.btn-filter-faq .fragezeichen {
    border: 2px solid #e16d1a;
    border-radius: 20px;
    cursor: pointer;
    color: #e16d1a;
    margin-left: 5px;
    height: 26px;
    width: 26px;
    display: inline-block;
    position: relative;
}

.panel-primary.mein_konto_verwalten_box_mobil {
    border-color: #ddd;
}

.col-vds-5 {
    width: 20%;
    float: left;
}

header .header-mobil #tsBox,
header .header-mobil .tsBox {
    padding-top: 10px;
    padding-right: 5px;
}

#modalLiefernachrichtBenachrichtigung form .form-group label {
    text-align: left;
}

#modalLiefernachrichtBenachrichtigung form .form-group .checkbox {
    padding-left: 0;
}

#modalLiefernachrichtBenachrichtigung .modal-dialog {
    top: 30px;
}

.checkbox label[for="idDatenschutz"] {
    font-size: 13px;
}

.checkbox label[for="idDatenschutz"] input[type="checkbox"] {
    margin-top: 8px;
}

#modalLiefernachrichtBenachrichtigung form .check {
    position: relative;
}

#modalLiefernachrichtBenachrichtigung form .check .overlay {
    background-color: #000;
    height: 100%;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    cursor: not-allowed;
}

body.suche form,
body.suche_artikel form {
    margin: 0;
    position: relative;
}

body.suche form[name=frmSuche] #idSuche,
body.suche_artikel form[name=frmSuche] #idSuche {
    border: 2px solid #ea7c13;
    width: 100%;
    height: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

body.suche form .type-button,
body.suche_artikel form .type-button {
    position: absolute;
    right: 0;
    top: 0;
}

body.suche form .type-button button,
body.suche_artikel form .type-button button {
    height: 50px;
    padding: 0 10px;
}

body.suche form .btn-primary:hover,
body.suche_artikel form .btn-primary:hover {
    background: #fff;
}

body.suche_artikel .suche_form {
    margin: 0px 0 100px 0;
}

.bestellprozess_schritt_1_warenkorb .buttons.oben .fa-shopping-cart {
    font-size: 20px;
}

#modalFlaechenplaner .modal-dialog #FpEmailPopover .btn-primary,
#modalSendWarenkorb .erfolg .check {
    background: green;
    border-color: green;
}

.bestellung_bestaetigung .bestaetigung_content .btn {
    font-weight: normal;
    font-size: 17px;
}

.bestellung_bestaetigung  .button-registrieren-bestaetigung {
    font-weight: bold;
    font-size: 18px;
}

#dachform-carousel.items .item,
#gruppe-carousel.items .item,
#verlegeprofile-carousel.items .item {
    position: relative;
}

.lieferstatusbutton_8 a {
    pointer-events: none;
    cursor: default;
    color: #000;
}

/*** Responsive ***/

/* Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img,
    .img-responsive, .thumbnail a > img,
    .thumbnail > img {
        width: 100%;
    }

    footer {
        position: inherit;
    }

    body.shepherd-active .shepherd-enabled {
        position: relative;
        box-shadow: 0px 0px 0px 99999px rgba(0,0,0,0.5);
        z-index: 10;
        pointer-events: auto;
        transition: all .3s ease;
        max-width: 100%;
    }
}

@media (max-width: 440px) {
    .bestellprozess_schritt_2_anschrift form .switch-kundengruppe .control-label.col-sm-4 {
        display: block;
    }
}


@media (max-width: 900px) and (min-width: 441px) {

    .mollie_status .main .text-center.mstatus {
        margin-top: 110px !important;
    }


}


@media (max-width: 1079px) and (min-width: 901px) {
    .mollie_status .main .text-center.mstatus {
        margin-top: 180px !important;
    }


}

.text-danger {
    color: #ff0000;
}

.belege .panel {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0);
}

.belege .showPos {
    margin-left: 15px;
    margin-right: 15px;
}

.belege .showWrapper.row {
    margin-left: 0px;
    margin-right: 30px;
}

.belege .fa {
    color: #0A246A;
    font-size: 20px !important;
}

.belege .positionen .cart-item {
    border-top-width: 0px;
}

.belege .summe_netto td, .belege .zuschlag-warenkorb td, .belege .summe_brutto td  {
    border-top-width: 0px;

}

.belege .summe_netto td.text, .belege .zuschlag-warenkorb td.text, .belege .summe_brutto td.text  {
    border-top: 1px solid #ddd;
}

.belege .summe_netto td.wert, .belege .zuschlag-warenkorb td.wert, .belege .summe_brutto td.wert  {
    border-top: 1px solid #ddd;
}

.mollie_status .main .text-center.mstatus {
    margin-top: 74px;
}

.belege .sum {
    border-top-width: 2px;
    border-top-color: black;
}



.rechnung_bezahlen_button:hover {
    color: green !important;
    background-color: #fff !important;
}


.buttonRechzahl {
    background-color: green !important;
    border-color: green !important;
    font-weight: 600;
}

button:focus.buttonRechzahl, button:visited.buttonRechzahl , button:hover.buttonRechzahl {
    background-color: #fff !important;
    color: green !important;
    border-color: green !important;
}

.mein_zahlungsoptionen #btnZahlung {
    width: 380px;
    font-weight: 700;
    float: right;
    padding: 17px 23px;
    font-size: 18px;
    margin-bottom: 20px;
}

.mein_zahlungsoptionen #btnZahlung {
    width: 380px;
    font-weight: 700;
    float: right;
    padding: 17px 23px;
    font-size: 18px;
    margin-bottom: 20px;
}

.mein_zahlungsoptionen #btnBack {
    float: left;
}

.mein_zahlung .zahlungshinweis {
    margin: 10px;
}

.widerruf_ausgeschlossen {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.8em;
}

.marquee {
    height: 34px;
    overflow: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(-0.1px, 0, 0);
}

/* CSS speziell für Safari Browser */
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
    @media (max-width: 1024px) and (min-width: 992px) {
        #app_hinweis {
            padding: 0 !important;
        }
    }
}

@media(max-width: 992px) {
    .belege h4 {
        text-align: left;
    }

    header #tsBox,
    header .tsBox {
        padding-top: 0;
        text-align: center;
    }

    header #tsBox img,
    header .tsBox img {
        height: 49px;
        width: auto;
        position: absolute;
        left: -15px;
        margin-top: -4px;
    }

    header .logo.logo-header {
        padding-left: 0;
    }

    .belege .stat {
        font-weight: 300 !important;
    }
    .mein_zahlungsoptionen .btnSubmit {
       width: 50% !important;
    }


    .belege .collapse .panel-body {
        border-top-color: #fff !important;
    }


    .panel-group .row {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .belege .panel-body {
        border-top-color: #fff !important;
    }

    .belege .panel.panel-default.toggle_text{
        border-color: #fff;
    }

    .panel-body.btnArea {
        border-top-color: #fff !important;
    }

    .buttons {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mein_konto_verwalten_box_mobil .buttons {
        padding: 0px;
    }

    .mein_konto_verwalten_box_mobil {
        padding: 0px;
    }

    .belege .btn-primary:focus, .btn-primary:hover {
        background-color: #ea7c13;
        color: #fff !important;
    }

    belege .btn.btn-primary:hover {
        background-color: #f3b500;
        color: #fff;
    }


    .belege .btn-primary.opened {
        background-color: #fff !important;
        color: #f3b500 !important;
    }



    .lieferStat {
        padding-left: 15px !important;
    }

    .panel-group.close_panel.belege {
        margin-bottom: 45px;
    }

    .Anzahlung {
        padding-left: 0px;
        padding-right: 0px;
    }

}

@media (max-width: 767px) {
    .fileupload-buttonbar .toggle,
    .files .toggle,
    .files .btn span {
        display: none;
    }


    #modalRechzahl .modal-content {
        width: auto;
    }

    #idFilterMobil.fixed {
        margin-top: 53px;
    }

    .files .name {
        width: 80px;
        word-wrap: break-word;
    }
    .files audio,
    .files video {
        max-width: 80px;
    }
    .files img,
    .files canvas {
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px)  {
    .artikel .artikelrabatt .abMenge {
        width: 60%;
    }

    header #tsBox img,
    header .tsBox img {
        height: 46px;
        width: auto;
        position: absolute;
        left: 50px;
        top: 6px;
    }

    .vergleichen .header_vergleichsliste .header-vergleichen {
        margin-top: 0;
    }

    .start .item .rubrik_name {
        border: 2px solid #ea7c13;
        width: 100%;
        display: block;
        color: #ea7c13;
        padding: 3px 0px;
        margin-top: 10px;
    }

    #idFilterMobil.fixed {
        margin-top: 0px;
    }

    .gruppe .dreieck-aktion,
    .gruppe .dreieck-topseller,
    .gruppe .dreieck-UVPProzent,
    .gruppe .text-aktion,
    .gruppe .text-topseller,
    .gruppe .text-UVPProzent {
        z-index: 98;
    }

    #modalFlaechenplanerEinstieg .rubrik_item h3 {
        color: #ea7c13;
    }

    #modalFlaechenplaner .modal-dialog,
    #modalFlaechenplanerEinstieg .modal-dialog {
        margin: 0px;
        width: 100%;
    }

    .btn.btn-info.registrieren {
        width: 100%;
    }

    .items .zubehoer_mobil .item .zum_artikel {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .zubehoer .items .item .aktion {
        position: unset;
    }

    .youtube_videos.ueber_uns .panel.col-md-offset-4 {
        margin-left: 25%;
    }

    .items .zwischenblock {
        padding-bottom: 20px;
    }

    #frmBaugewerbe_registrieren .Strasse .hausnummer_input {
        margin-left: 0px;
        padding-right: 15px;
    }

    .login_anmelden_btn_div #btnSubmit,
    .login_passwort_vergessen_div a,
    .login_registrierung_div .btn.btn-info.registrieren {
        width: 100%;
        margin: 0px;
    }

    #chat-widget-container {
        bottom: 10px!important;
    }

    .gruppe .items .link .artikelbild img {
        max-height: 300px;
    }

    #hinweisbox {
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .mm-hasnavbar-top-2 .mm-panel {
        top: 50px;
    }

    .bestellprozess_schritt_1_warenkorb.warenkorb .buttons .btn-primary.btn-zur-kasse {
        width: 380px;
        padding: 17px 23px;
    }

    .bestellschein .container.oben {
        margin-top: 10px;
    }

    .button-close-app {
        font-family: "Times New Roman";
        font-size: 30px;
        margin: 13px 7px 0px 7px;
        color: #CCC;
    }

    .app_hinweis_anzeigen {
        float: right;
        padding-top: 12px;
        width: 85px;
        margin-right: 5px;
    }

    .breadcrumb {
        display: none;
    }

    .button_app .google_play {
        float: right;
    }

    #mmenu.mm-popup {
        top: 100px;
    }

    #mmenu .dropdown.topnav_shopauswahl,
    #mmenu .topnav_telefonnummern {
        display: none;
    }

    #cookie-hinweis .button_cookieHinweis button {
        float: left;
        margin-left: 0px;
    }

    .button_cookieHinweis {
        width: 15%;
        float: none;
        margin: 0 auto;
    }

    #topnav_shopauswahl .land .radio input[type="radio"],
    .kundengruppe .radio input[type="radio"] {
        margin-top: 9px;
    }

    #idSucheMenu #idFrmSuche .input-group {
        position: fixed;
        top: 104px;
        left: 0px;
        width: 100%;
    }

    .hinweisbox #idSucheMenu #idFrmSuche .input-group {
        top: 110px;
    }

    .hinweisbox #idSucheMenu #idFrmSuche i {
        top: 13px;
    }

    #idSucheMenu #idFrmSuche .input-group input {
        width: 105%;
        height: 50px;
    }

    #idSucheMenu #idFrmSuche .input-group .input-group-btn {
        right: 43px;
    }

    #idSucheMenu #idFrmSuche .input-group .input-group-btn button {
        padding: 13px 25px 12px 20px;
    }

    #idSucheMenu #idFrmSuche .input-group input {
        box-shadow: none;
        border-color: #ccc;
    }

    #ui-id-2 {
        left: 0px!important;
        width: 100%!important;
    }

    .footer_unten .impressum {
        padding-bottom: 10px;
    }

    .menu-rubrik.ds, .menu-rubrik.bp,
    .menu-rubrik.kp {
        display: none;
    }

    .footer_unten {
        margin-right: 0;
    }

    .rubrik_item h3,
    body.start .main .col-xs-12>a.rubrik_name {
        color: #ea7c13;
        border: 2px solid #ea7c13;
        font-size: 18px;
        padding: 3px 0px;
        margin-top: 10px;
    }

    .rubrik_item h3:hover,
    body.start .main .col-xs-12>a.rubrik_name:hover {
        color: #fff;
        background: #ea7c13;
    }

    .artikel .owl-stage>.owl-item>.image img {
        max-width: 100%;
    }

    .product-main .artikel_weitere_ansichten .items {
        margin: 5px;
    }

    .bottomnav_navigation .fragen_antworten {
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;
        margin-bottom: 0px;
    }

    .bottomnav_navigation .fragen_antworten ul,
    .bottomnav_navigation .zahlungsmethoden ul {
        margin-top: 10px;
    }

    .row.cart.bestellprozess_schritt_1_warenkorb.warenkorb .col-md-4.buttons .btn.btn-default {
        float: left;
    }

    .bestellprozess_schritt_1_warenkorb form[name=frmBestellschein] .btn-primary {
        margin-bottom: 30px;
    }

    .bestellprozess_schritt_2_anschrift form .oben #btnBack,
    .bestellprozess_schritt_2_anschrift form .buttons #btnBack,
    .checkout.bestellprozess_schritt_4_zahlung .buttons #btnBack {
        float: left;
    }

    .bottomnav_navigation .widget .open li a {
        color: #666;
    }

    .uebersicht #frmUebersicht .btn-lg {
        width: 100%;
    }

    .panel.material .auswahl .form-group {
        display: block;
        padding: 5px 0px;
    }

    .bestellprozess_schritt_1_warenkorb form[name=frmBestellschein] .unten #btnSubmit {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .owl-stage > .owl-item > .item > .aktion > .zum_artikel > .btnZumProdukt {
        position: absolute;
        width: 150px;
        right: 60px;
        top: 35px;
    }

    .owl-stage>.owl-item>.item>.aktion>.zum_artikel {
        width: auto;
        position: relative;
    }

    .bestellung_anschrift #body-loader-spinner,
    .bestellung_zahlung #body-loader-spinner,
    .bestellung_uebersicht #body-loader-spinner,
    .bestellschein #body-loader-spinner {
        position: fixed!important;
        top: 50%!important;
    }

    canvas#canvas-confetti {
        height: 310px;
    }

    .bestellprozess_schritt_2_anschrift form .buttons button {
        margin-left: 15px;
    }

    .bestellprozess_schritt_2_anschrift .buttons #btnSubmit {
        margin-right: 15px;
    }

    .bestellprozess_schritt_2_anschrift .buttons.oben #btnSubmit {
        margin-right: 0px;
    }

    .bestellprozess_schritt_2_anschrift form .buttons.oben button {
        margin-left: 0px;
    }

    .product-main table.artikelrabatt td {
        text-align: left;
    }

    #cookie-hinweis {
        bottom: 0px;
        height: 100px;
    }

    #cookie-hinweis button {
        margin: 10px;
    }

    .mm-menu.mm-theme-white .mm-navbar .topnav_telefonnummern a {
        font-size: large;
        padding: 4px 0px 5px 5px;
    }

    #modalFlaechenplaner .owl-carousel .owl-item img {
        width: 150px;
    }

    .artikel_bild .items .owl-carousel .owl-nav .owl-prev,
    .artikel_bild .items .owl-carousel .owl-nav .owl-next {
        display: block;
    }

    #accordion_zubehoer_mobil .owl-nav .owl-next,
    #accordion_zubehoer_mobil .owl-nav .owl-prev {
        top: 140px!important;
    }

    #idFrmSuche form button {
        padding: 5px;
    }

    .alle_nummern_sichtbar .anschrift_h.form-group .fragezeichen.telefonmobil {
        bottom: -15px;
        right: 30px;
    }

    .mm-menu.mm-theme-white .mm-navbar>*,
    .mm-menu.mm-theme-white .mm-navbar a {
        color: rgba(0,0,0,.3);
    }

    .hinweis_insel {
        padding-left: 15px;
    }

    .checkout.bestellprozess_schritt_4_zahlung .container,
    .bestellprozess_verlauf .container,
    .checkout.bestellprozess_schritt_1_warenkorb .uebersicht {
        padding-left: 0px;
        padding-right: 0px;
    }

    .bestaetigung_content .startseite {
        margin-bottom: 15px;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .seals {
        margin-top: -90px;
        right: -290px;
    }

    .bestellprozess_schritt_4_zahlung .kaeuferschutz {
        margin: -85px 0 0 15px;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz label {
        height: 140px;
    }

    header .hinweis-header .inhalt ul {
        padding-left: 0px;
    }

    .header-hinweis ul li {
        padding-right: 10px;
    }

    header .hinweis-header {
        height: 36px;
    }

    .mm-listview .mobile_flaechenplaner a {
        color: #ffffff;
        background-color: #ea7c13;
    }

    #filter-wrapper .fixed .aktive-merkmale-outer {
        background-color: #ffffff;
        margin: 0px;
        border-bottom: 1px solid black;
    }

    #filter-wrapper .fixed .btn-thick {
        border-left: none;
        border-right: none;
        margin-top: 18px;
    }

    .hinweisbox #filter-wrapper .fixed .btn-thick {
        margin-top: 14px;
    }

    .artikelmerkmale_mobil .accordionBtn.collapsed.collapseKonfiguration {
        color: #ea7c13;
        background-color: transparent;
        border: 2px solid #ea7c13;
    }

    #frmArtikel .artikeldaten .mengenformelMitStaffel .col-sm-9.rechts {
        width: 23%;
    }

    .bestellung_anschrift .eine_nummer_sichtbar .telefon_auswahl_select {
        text-align: right;
        padding-top: 0;
    }

    .bestellung_uebersicht #frmUebersicht .bestellung_anmerkung_panel {
        display: unset;
    }

    #anschrift_Strasse .Strassenname.has-feedback .form-control-feedback,
    .form-horizontal .Ort .form-control-feedback {
        right: 15px;
    }

    .anschrift #anschrift_Ort .feld_ort {
        padding-right: 15px;
    }

    #accordion_zubehoer_mobil .owl-item .artikelbild img {
        width: auto;
        height: 130px;
        max-height: none;
    }

    #frmUebersicht .panel-default.bestellung_anmerkung_panel {
        border-color: white;
    }

    #frmUebersicht .bestellung_anmerkung_panel #idAnmerkung {
        border: 1px solid #ccc;
        border-top: none;
    }

    #kantteile-carousel .artikel.profilfueller .beschreibung {
        padding: 0px;
    }

    .panel.material .auswahl .form-group label {
        display: block;
    }

    .footer_unten .social_media {
        text-align: center;
    }

    .footer_unten .impressum .links_zeile {
        margin: 0 auto;
    }

    .footer_unten .apps {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center;
        margin: 0px 15px;
    }

    .mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next) {
        background: #ea7c13!important;
    }

    .form-horizontal .telefonmobil.ajax.has-feedback .input-group .form-control-feedback {
        right: 0px;
        top: 0px;
    }
    #cista {
        padding-top: 82px;
    }
}

@media (max-width: 1275px) {
    .owl-stage > .owl-item > .image img,
    .owl-stage > .owl-item > .item img {
        display: inline;
        width: 100%;
        max-width: 500px;
    }

    /* mobiles Trusted Shop Badge, statt Desktop Variante*/
    /*
    [id^=minimized-trustbadge] {
        display: none!important;
    }
    */

    .etrusted-badge-container {
        display: block!important;
    }

    #cista .flex-main .flexslider .flex-direction-nav {
        display: none;
    }

    .empfehlung_text_desktop {
        display: none;
    }

    .container {
        width: 100% !important;
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    header .logo {
        text-align: center;
        margin-bottom: 10px;
    }

    header form {
        width: 100%;
        margin: 0px auto;
        max-width: 300px;

    }

    header .header-warenkorb,
    header .header-warenkorb-anzahl,
    header .header-warenkorb-button,
    header .header-merkliste,
    header .header-merkliste-anzahl,
    header .header-merkliste-button {
        margin: 0;
    }

    header .row.search {
        padding-top: 10px;
    }

    .flex-main .flex-caption > p {
        margin-bottom: 5px;
    }

    .sitem img {
        max-width: 35px;
    }

    .product-main .item-image {
        height: auto;
        width: auto;
        max-width: 500px;
        max-height: 500px;
    }

    .zubehoer .items .item {
        height: 330px;
    }

    .zubehoer .items .item .aktion {
        float: right;
        margin-top: 10px;
    }

    .zubehoer .items .item .artikel_langtext {
        margin-top: 15px;
    }

    .zubehoer .items .item .artikelbild {
        height: auto;
    }

    #zubehoer_carousel.items .item .aktion {
        float: none;
    }

    /* Autocomplete Plz */
    ul.ui-autocomplete.ac-plz li.ui-menu-item {
        padding: 2px 0;
    }

    footer .newsletter {
        margin-top: 20px;
    }

    html.freezePage #cista {
        max-width: 100vw;
    }
}

@media (max-width: 900px) {
    .start .item:hover img,
    .rubrik_item:hover img {
        opacity: 1;
    }

    .mein_zahlungsoptionen .zahlung {
        margin-left: 15px;
    }

    .artikel_farben .merkmal_name {
        font-size: 14px;
        font-weight: 700;
    }

    .mein_belege_vorkasse .beleg_kopf_links{
        width: 25% !important;
        float: left;
    }

    .mein_belege_vorkasse .beleg_kopf_rechts{
        width: 75% !important;
        float: left;
    }

    footer h5:hover,
    footer .h5:hover {
        color: #000;
    }

    footer .bottomnav_navigation a {
        color: #000;
    }

    #cista header.fixed {
        background: none repeat scroll 0 0 #f6f6f6;
        border-bottom: 1px solid #ea7c13;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0 auto;
        z-index: 99;
    }

    #cista header.fixed .container:first-child {
        display: none;
    }

    #idFilterMobil {
        padding: 0px;
        margin: 0px 0px 15px 0px;
        z-index: 99;
    }

    .gruppe .main h1 {
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .rubrik .main h1, .inhalt .main h1, .referenzen .main h1, .reklamation .main h1 {
        margin-top: 15px;
    }

    .suche_artikel h1, .geschaeftskonto_login h1{
        margin-top: 15px !important;
    }

    .container.leistungen .seals {
        text-align: center;
    }

    .vergleichsliste .merkmale .merkmal_name {
        padding-right: 5px;
    }

    .bestellung_bestaetigung .container.leistungen,
    .bestellung_bestaetigung_app .container.leistungen {
        display: none;
    }

    .vergleichsliste .merkmale .merkmal_name {
        padding-right: 5px;
    }

    .vergleichsliste .artikel_delete_icon {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
        border: none;
        padding-right: 2px;
        padding-left: 2px;
        border-radius: 2px;
    }

    .vergleichsliste_btn .vergleichsliste_btn_vergleichen,
    .vergleichsliste_btn .vergleichsliste_btn_zurueck {
        display: inline-block;
    }

    .vergleichsliste_btn .vergleichsliste_btn_vergleichen a,
    .vergleichsliste_btn .vergleichsliste_btn_zurueck a {
        font-size: 16px;
    }

    .vergleichsliste_btn .vergleichsliste_btn_vergleichen {
        float: right;
    }

    .vergleichsliste_btn .vergleichsliste_btn_zurueck {
        float: left;
    }

    .merkliste_mobil .buttons > span > a {
        font-size: 16px;
    }

    .merkliste .buttons .btn_in_den_warenkorb {
        float: right;
    }

    .btn_merkliste_artikel_loeschen {
        margin-left: 15px;
    }

    .merkliste .alle_auswaehlen {
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .abholung_wechseln_form {
        padding: 0;
        margin-bottom: 0;
        margin-top: 4px;
    }

    .youtube_playbutton .youtube_playbutton_icon{
        margin: auto!important;
    }

    .product-main .btn_warenkorb .popover .row div:first-child a {
        font-size: 13px;
    }

    .product-main .btn_warenkorb .popover .row div:last-child a {
        font-size: 13px;
    }

    .product-main .artikel_hinweise > div > div.col-xs-8:nth-child(odd) {
        padding-right: 0;
        width: 195px;
    }

    .product-main .artikel_hinweise > div > div.col-xs-4:nth-child(even) {
        padding-left: 0;
    }

    .bestellung_uebersicht .lieferadresse  .panel-body,
    .bestellung_uebersicht .zahlung   .panel-body,
    .bestellung_uebersicht .rechnungsadresse .panel-body {
        text-align: left;
    }

    .bestellprozess_schritt_2_anschrift .anrede_auswahl .radioHerr,
    .baugewerbe_registrieren .anrede_auswahl .radioHerr {
        padding-right: 5px;
        padding-left: 0;
    }
    .bestellprozess_schritt_2_anschrift .anrede_auswahl .radioFrau,
    .baugewerbe_registrieren .anrede_auswahl .radioFrau {
        padding-left: 5px;
        padding-right: 0;
    }

    body.bestellschein .ts_video {
        margin-right: 15px;
        margin-left: 15px;
        padding-right: 0;
        padding-left: 0;
        width: auto!important;
    }

    .telefonnummer_auswahl .telefonnummer_privat label,
    .telefonnummer_auswahl .telefonnummer_geschaeft label,
    .telefonnummer_auswahl .telefonnummer_mobil label {
        padding-left: 15px;
    }

    .telefonnummer_auswahl.eine_nummer_sichtbar  .telefonnummer_privat .input-group,
    .telefonnummer_auswahl.eine_nummer_sichtbar  .telefonnummer_geschaeft .input-group,
    .telefonnummer_auswahl.eine_nummer_sichtbar  .telefonnummer_mobil .input-group,
    .telefonnummer_auswahl.eine_nummer_sichtbar  .telefon_auswahl_alle_anzeigen,
    #frmAnschrift .vorwahl-telefon {
        margin-top: 0px;
    }

    #frmAnschrift .lieferadresse .vorwahl-telefon,
    #frmAnschrift .gewerbekunde .vorwahl-telefon {
        margin-top: 0px;
    }

    .telefonnummer_auswahl.alle_nummern_sichtbar  .telefonnummer_privat .input-group,
    .telefonnummer_auswahl.alle_nummern_sichtbar  .telefonnummer_geschaeft .input-group,
    .telefonnummer_auswahl.alle_nummern_sichtbar  .telefonnummer_mobil .input-group {
        width: 83%;
    }

    body.kontakt_ajax .dl-horizontal dd {
        text-align: center;
        margin-left: 0;
    }

    .bestellschein .ts_video p {
        margin-top: 0!important;
    }

    .bestellschein .container h1{
        margin-bottom: 5px;
    }

    .bestellschein  .container .cart .row .col-md-8 {
        display: none;
    }

    .panel_image {
        text-align: center;
        transform: translateY(50%);
    }

    .toggle_text h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 1px;
    }

    .product-main .artikel_kurztext {
        color: red;
        margin-top: 0;
        margin-bottom: 15px;
        text-align: center;
        font-weight: bold;
    }

    .rechnung_deaktiviert .hinweis_text {
        position: absolute;
        top: 65%;
        text-align: center;
        width: 100%;
        font-weight: bold;
        color: red;
    }

    .passwort_vergessen_form_div {
        text-align: center;
    }

    .passwort_vergessen_text {
        text-align: center;
    }

    .belege .lead,
    .belege {
        text-align: center;
    }

    form[name="frmFormular"] .radioRechnungsadresse,
    form[name="frmFormular"] .radioLieferadresse {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 25px;
        margin-right: 25px;
    }

    .paypalplus_bezahlart #btnBack {
        float: left;
        margin-left: 5px;
    }

    .paypalplus_bezahlart #btnZahlung {
        float: right;
        margin-right: 5px;
    }

    .paypalplus_zahlung .pull-right {
        float: none!important;
    }

    form[name="frmRechnung"] > .col-sm-8.col-sm-offset-4 {
        text-align: center;
    }

    form[name="frmRechnung"] > .form-group > div > input {
        width: 40%;
    }

    form[name="frmRechnung"] {
        margin-top: 0;
    }

    .geschaeftskonto_login .rahmen {
        margin-bottom: 0px;
    }

    .checkout > form[name="frmLogin"] > .form-group > div > input {
        width: 40%;
    }

    form[name="frmRechnung"] input,
    .checkout > form[name="frmLogin"] input {
        display: block;
        margin: 0 auto;
    }

    .login_anmelden_btn_div input {
        width: 140px;
        height: 40px;
    }

    .belege #beleg dd {
        margin-left: 0;
        width: 50%;
        display: inline-block;
        text-align: left;
    }

    .belege #beleg dt {
        text-align: left;
        width: 50%;
        display: inline-block;
    }

    form[name="frmPaypalPlus"],
    .paypal_logo {
        text-align: center;
    }

    #cookie-hinweis {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99;
    }

    .panel-group .panel-title-arrow-div-loadingclass .fa-caret-up,
    .panel-group .collapse-loadingclass  {
        display: none;
    }

    #hinweisbox .marquee p {
        position: absolute;
        width: auto;
        height: 100%;
        margin: 0;
        white-space: nowrap;
        overflow: initial;
        line-height: 34px;
        text-align: center;
        /* Starting position */
        -moz-transform:translateX(0%);
        -webkit-transform: translate3d(-0.1px, 0, 0);
        transform:translateX(0%);
        /* Apply animation to this element */
        -moz-animation: marquee_mobil 10s linear infinite;
        -webkit-animation: marquee_mobil 10s linear infinite;
        animation: marquee_mobil 10s linear infinite;
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        z-index:100;
    }
    #hinweisbox .marquee p span {
        -webkit-backface-visibility: hidden;
        -webkit-transform:translate3d(0,0,0);
    }

    #hinweisbox #hinweisbox_desktop {
        display: none;
    }

    .artikelmerkmale_mobil {
        margin-top: 0px;
    }

    .panel-group.artikelmerkmale_mobil.varianten {
        margin-bottom: 0px;
        margin-top: 30px;
    }

    #frmArtikel .btn.planer-starten {
        margin-bottom: 40px;
    }

    .artikelmerkmale_mobil .accordionBtn.collapsed {
        color: #ec7405;
        background: none;
        background-color: #fff;
        text-align: left;
        border: 1px solid #ec7405;
        font-size: 18px;
        font-weight: 600;
    }

    .artikelmerkmale_mobil.varianten .accordionBtn.collapsed.accordionBtnActive {
        color: #fff;
        background-color: #ea7c13;
    }

    .artikelmerkmale_mobil .accordionBtn.collapsed.accordionBtnActive {
        color: #fff;
        background: #ec7405;
    }

    .panel-group .panel {
        border-radius: 2px;
    }

    .artikelmerkmale_mobil .panel.panel-default {
        margin-bottom: 10px;
    }

    .artikelmerkmale_mobil .panel.panel-default:first-child {
        margin-top: 30px;
    }

    .artikelmerkmale_mobil .accordionBtn {
        -webkit-font-smoothing: antialiased;
        background: linear-gradient(to bottom left, #ec7405, #eda674);
        border: 1px solid #d36605;
        box-sizing: border-box;
        color: #ffffff;
        cursor: auto;
        display: block;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 44px;
        line-height: 22px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin-right: 1px;
        outline-color: rgb(102, 102, 102);
        outline-style: none;
        outline-width: 0px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        position: relative;
        text-align: center;
        text-decoration: none;
        width: 100%;
    }

    .artikelmerkmale_desktop{
        display: none;
    }

    .artikel_trennleiste > .artikel_langtext {
        margin-top: 0;
    }

    #frmArtikel {
        margin-top: 0;
    }

    .product-main h1 {
        margin-bottom: 0px;
    }

    .important.sattelzug label[for="idSattelzug"] {
        font-size: 12px;
    }

    #login .modal-footer > ul > li:first-child {
        float: left;
    }

    #login .modal-footer > ul > li:last-child {
        float: right;
    }

    #login .modal-footer > ul > li > a {
        font-size: 12px;
    }

    #cista {
        box-shadow: none;
    }

    .btn_warenkorb .popover .popover-content .row .col-xs-6,
    .btn_warenkorb .popover .popover-content .row .col-sm-6 {
        padding: 1px 5px!important;
        font-size: 12px!important;
        line-height: 1.5!important;
        border-radius: 3px!important;
    }

    .btn_warenkorb .popover .popover-content .row .col-xs-6:first-child > a {
        float: left;
    }

    .btn_warenkorb .popover .popover-content .row .col-xs-6:last-child > a {
        float: right;
    }

    header.fixed {
        background: none repeat scroll 0 0 #ffffff;
        border-bottom: 1px solid #ec7405;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0 auto;
        z-index: 99;
    }

    h1, h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .onethree-left {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .onethree-right {
        float: none;
        width: 100%;
        text-align: center;
    }

    .flex-main .flex-caption {
        /*display: none !important;*/
    }

    .flex-direction-nav .flex-prev {
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        right: 10px;
    }

    .slider-features, footer, .page-head, .navbar-inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    header {
        margin-bottom: 0;
    }

    .hinweisbox header > .container {
        margin: 0px;
    }

    header .logo {
        float: left;
        margin-bottom: 0;
        text-align: center;
    }

    header form {
        width: 100%;
        margin: 0px auto;
        max-width: 300px;

    }

    header form input, header form button {
        margin-bottom: 0 !important;
    }

    header .lr {
        display: block;
    }

    header .hlinks > span {
        background: transparent !important;
        border: none !important;
        color: #888888;
        padding: 0px;
    }

    header .hlinks a, header .hlinks a:visited {
        color: #555555;
    }

    header .hlinks a:hover {
        color: #222222;
    }

    header div.header_warenkorb,
    header div.header_merkliste {
        margin-top: 0px;
    }

    header .header-warenkorb-button,
    header .header-merkliste-button {
        border-radius: 4px;
    }

    header .header-merkliste-button,
    header .header-warenkorb-button {
        background-color: transparent;
        border-radius: 0 4px 4px 0;
        border: none;
    }

    header .header-merkliste-button a.iconMerkliste,
    header .header-warenkorb-button a.iconWarenkorb {
        color: #222222;
    }

    header .header-merkliste-button .merkliste-icon-mobil,
    header .header-warenkorb-button .fa-shopping-cart {
        font-size: 27px;
    }

    header .header-merkliste-button .vergleichsliste-icon-mobil {
        font-size: 30px;
    }

    header .topnav_telefonnummern .btnOrangeBlock {
        background-color: transparent;
        border: 1px solid #ec7405;
        border-radius: 3px;
        margin: 0 0 0 5px;
        padding: 0.3em 1.1em;
    }

    header .topnav_telefonnummern .btnOrangeBlock a {
        color: #ec7405;
        display: block;
        font-size: 20px;
    }

    header .topnav_telefonnummern .btnOrangeBlock a .fa-phone {
        margin: 0;
    }

    header .row.search {
        display: none;
        padding-bottom: 10px;
    }

    .logo img {
        margin-top: 5px;
        height: 38px;
    }

    .container.flex-main {
        margin-top: 10px;
    }

    #categorie_navigation {
        margin-bottom: 0;
        margin-top: 0;
    }

    .shopauswahl {
        min-width: 270px;
    }

    .shopauswahl .land,
    .shopauswahl .kundengruppe {
        margin-top: 15px;
    }

    .navbar-default {
        background-color: #ffffff;
        border-color: transparent;
    }

    .navbar .nav {
        margin-left: 0px !important;
        border: 0px !important;
    }

    .navbar .nav > li > a {
        border: 0px !important;
    }

    .navbar .nav > li {
        border-bottom: 1px dotted #ec7405;
    }

    .navbar .nav > li > a:after {
        content: inherit;
    }

    .nav_merkliste,
    .nav_warenkorb {
        border-radius: 4px;
        right: 10px;
        top: 7px;
        z-index: 1;
    }

    .dropdown-menu {
        border: 0px !important;
    }

    .navbar .nav {
        border-left: 0px !important;
    }

    .container.flex-main {
        margin-bottom: 5px;
    }

    .flex-main .flex-caption {
        /*display: none;*/
        font-size: 10px;
        height: auto;
        line-height: 16px;
        margin: 1% 0 0 1%;
        max-height: 92%;
        padding: 5px 10px;
    }

    .flex-main .flex-caption > p {
        margin-bottom: 0;
    }

    .flex-main .flex-direction-nav {
        display: none;
    }

    .flex-main .flex-control-nav {
        display: block;
    }

    .page-head {
        text-align: center;
    }

    .product-main .item-image {
        height: auto;
        width: auto;
        max-width: 500px;
        max-height: 500px;
    }

    .product-main .nav-tabs > li {
        width: 33%;
        text-align: center;
    }

    .product-main .nav-tabs > li > a {
        border-radius: 4px;
    }

    #zubehoer_carousel.items .item {
        height: 100%;
        overflow: hidden;
    }

    .items .item {
        max-height: inherit;
    }

    .items .item .item-price,
    .items .item .item-price .artikel_preis,
    .items .item .zum_artikel {
        padding-left: 0;
    }

    .items .item .aktion {
        margin-top: 10px;
        text-align: right;
    }

    .items .item .item-price {
        margin: 6px 15px 0 0;
    }

    .zubehoer_mobil.items .item .item-price {
        margin: 0;
    }

    .zubehoer_mobil.items .item .zum_artikel {
        margin: 0;
    }

    .zubehoer_mobil .panel.panel-default {
        margin-bottom: 10px;
    }

    .zubehoer_mobil .panel-title {
        color: #fff;
    }

    .zubehoer_mobil .owl-buttons > div,
    .zubehoer_mobil .owl-nav > div {
        color: #ea9457;
        font-size: 45px;
        position: absolute;
        top: 105px;
    }

    .zubehoer_mobil .owl-buttons .owl-prev,
    .zubehoer_mobil .owl-nav .owl-prev {
        left: -5px;
    }

    .zubehoer_mobil .owl-buttons .owl-next,
    .zubehoer_mobil .owl-nav .owl-next {
        right: -5px;
    }

    .zubehoer_mobil .owl-buttons .fa-angle-left,
    .zubehoer_mobil .owl-buttons .fa-angle-right,
    .zubehoer_mobil .owl-nav .fa-angle-left,
    .zubehoer_mobil .owl-nav .fa-angle-right {
        margin: 0;
    }

    .zubehoer_mobil img {
        max-height: 120px;
    }

    .empfehlung_text {
        float: none;
        text-align: center;
        width: 100%;
    }

    footer {
        background: none repeat scroll 0 0 #c2c2c2;
        border-top: 1px solid #ea7c13;
        bottom: auto;
        height: auto;
        left: auto;
        margin: inherit;
        position: inherit;
        width: auto;
        z-index: inherit;
        padding: 0;
    }

    footer #showFooter {
        display: none;
    }

    footer .bottomnav_navigation {
        padding: 0;
    }

    footer h5,
    footer .h5 {
        margin: 0;
    }

    footer h5 .fa-angle-up,
    footer h5 .fa-angle-down,
    footer .h5 .fa-angle-up,
    footer .h5 .fa-angle-down {
        float: right;
        font-size: 19px;
    }

    footer .widget {
        padding: 10px;
    }

    footer .zahlungsmethoden .widget {
        border-bottom: none;
    }

    .widget .social {
        margin-top: 25px;
    }

    .widget .social {
        margin-top: 25px;
    }

    .newsletter .widget {
        border: none;
    }

    footer .widget > ul,
    footer .zahlungsmethoden-methoden {
        display: none;
    }

    footer .newsletter {
        margin-top: 0px;
    }

    .carousel_app .item,
    .carousel_app .item .image,
    .carousel_app .item .owl-video-wrapper,
    .carousel_app .item .owl-video-wrapper .owl-video-tn {
        min-height: 370px!important;
    }

    .carousel_app .owl-nav .owl-next,
    .carousel_app .owl-nav .owl-prev{
        top: 150px!important;
    }

    .aktive-merkmale-outer {
        overflow-x: scroll;
        height: 50px;
        width: 100%;
        margin-top: 15px;
        overflow-y: hidden;
    }

    ul.aktive-merkmale {
        width: 100000px;
    }

    .product-main .artikel_filter .merkmal .filter-carousel-wrapper {
        margin-left: 15px;
        margin-right: 15px;
    }

    .btn-filter,
    a.btn-filter,
    a.btn-filter:active,
    a.btn-filter:focus,
    a.btn-filter:hover,
    a.btn-filter:visited {
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    }

    form[name="frmBefestigungBestellen"] .summe_brutto {
        font-weight: 700;
    }

    .befestigung-item {
        border-bottom: 1px solid #666666;
        text-align: left;
    }

    .befestigung-item:nth-of-type(odd) {
        background-color: #ffffff;
    }

    .befestigung-item:nth-of-type(even) {
        background-color: #f3f3f3;
    }

    .befestigung-item.summe_brutto:nth-of-type(even) div.row:nth-of-type(odd) {
        background-color: #f3f3f3;
    }

    .befestigung-item.summe_brutto:nth-of-type(even) div.row:nth-of-type(even) {
        background-color: #fff;
    }

    body div#cista {
        padding-top: 65px;
    }
    body.hinweisbox div#cista {
        padding-top: 90px;
    }
}
.suche_artikel h1, .geschaeftskonto_login h1{
    margin-top: 1px;
}

.mein_zahlungsoptionen .auswahl_vorkasse {
    padding: 0px 20px 20px 20px;
}

.mein_zahlung .beleg_kopf_links{
    text-align: left;
}

.mein_zahlung .beleg_kopf_rechts{
    text-align: left;
}

.mein_zahlung .verwendungszweck{
    text-align: left;
}

.mein_zahlungsoptionen .buttons.ppplus {
    padding-right: 15px !important;
}

.mein_zahlungsoptionen .zahlungrow .btnSubmit {
    margin-top: 15px;
}

.mein_zahlungsoptionen .zahlungrow .btnBack {
    margin-top: 25px !important;
}




@media (max-width: 1500px) and (min-width: 900px) {
    .mein_zahlung .verwendungszweck .beleg_kopf_links{
        width: 100% !important;
    }

    .mein_zahlung .verwendungszweck .beleg_kopf_rechts{
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    ul.artikel_vorteile {
        margin-bottom: 0px;
        margin-top: 15px;
    }

    #frmMeinAendern .btn-primary {
        width: 100%;
    }

    .checkout>form[name=frmLogin]>.form-group>div>input {
        width: 100%;
    }

    .anschrift .fragezeichen.telefonmobil {
        position: absolute;
        top: 60px;
        right: -25px;
    }

    #modalArtikelLoeschen .modal-content {
        width: 100%;
    }

    .border-kontakt {
        border: none;
    }

    .nav-tabs.kontakt-formular > li:first-child a {
        border-left: 1px solid #ccc;
    }

    .nav-tabs.kontakt-formular > li:last-child a {
        border-right: 1px solid #ccc;
    }

    #vergleichsliste_leer .btn,
    #merkliste_leer .btn,
    #warenkorb_leer .btn {
        display: block;
        font-size: 20px;
        padding: 17px 23px;
        font-weight: 700;
    }

    #frmUebersicht .buttons {
        padding: 0px;
    }

    #modalFlaechenplanerEinstieg .rubrik_item .btnOrange.btn-block.start {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        height: auto;
    }

    .geschaeftskonto_login .belege .lead {
        display: none;
    }

    .geschaeftskonto_login .checkout #btnSubmit,
    .mein_passwort form #btnSubmit,
    .referenzen .btn,
    #frmBaugewerbe_registrieren .btn {
        width: 100%;
    }


    .geschaeftskonto_login .checkout #btnSubmit,
    .mein_passwort form #btnSubmit,
    #frmBaugewerbe_registrieren .btn,
    .referenzen .btn.btn-primary {
        font-size: 20px;
        padding: 17px 23px;
        font-weight: bold;
    }

    .geschaeftskonto_login .login_passwort_vergessen_div .btn,
    .geschaeftskonto_login .btn.btn-info.registrieren,
    .referenzen .btn.btn-default {
        font-size: 18px;
        padding: 10px;
        height: auto;
    }

    .referenzen .buttons,
    .anmeldung_geschaeftskonto .buttons{
        padding: 0px;
    }

    #modalFragezeichen .modal-dialog {
        top: 35%;
    }

    .artikel #modalFragezeichen .modal-dialog {
        top: 0%;
        margin: 0px;
    }

    #frmAnschrift .control-label {
        font-weight: 700;
    }

    .anmeldung_geschaeftskonto .hausnummer_input {
        padding: 0px 15px;
    }

    .mein_zahlungsoptionen #btnZahlung {
        width: 50%;
    }
    .mein_zahlungsoptionen .auswahl_vorkasse {
        padding: 0px 0px 20px 0px;
    }

    .mein_zahlungsoptionen .auswahl_vorkasse {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mein_zahlungsoptionen button {
        margin-left:25px !important;
    }

    /*.modal-dialog {
        margin: 10px 0px;
    }*/

    .gruppe.modal-open #cista header {
        z-index: 99;
    }

    /*#abholung_modal_dialog.modal_auswahl .modal-dialog {
        top: 20%;
    }

    #modalBefestigungBerechnen .modal-dialog {
        top: 25%;
    }*/

    #modalFragezeichenLaenge .modal-dialog {
        top: 15%;
    }

    /*#modalFragezeichenZahlung .modal-dialog {
        top: 25%;
    }*/

    #modalFragezeichenLaenge .modal-dialog.modalKalendar {
        top: 0%;
        margin-top: 0px;
    }

    body.shepherd-active .warenkorb_artikel.shepherd-target.shepherd-enabled {
        margin-left: -15px;
        margin-right: -15px;
        max-width: calc(100% + 30px);
        padding: 0px 15px;
    }

    body.gruppe #modalDialog .modal-dialog {
        margin-top: 70px;
    }

    body.gruppe #modalDialog.maxFenster .modal-dialog {
        margin: 0px;
        width:80% !important;
    }

    .modal.in.maxFenster .modal-dialog {
        margin: 0px;
    }

    #frmBaugewerbe_registrieren .btn-group.btn-group-kundengruppe {
        width: 100%;
    }

    #frmUebersicht .LieferStatus {
        line-height: initial;
    }

    .telefonnummer_auswahl.alle_nummern_sichtbar .telefonnummer_geschaeft .input-group,
    .telefonnummer_auswahl.alle_nummern_sichtbar .telefonnummer_mobil .input-group,
    .telefonnummer_auswahl.alle_nummern_sichtbar .telefonnummer_privat .input-group {
        width: auto;
    }

    #frmAnschrift .alle_nummern_sichtbar .vorwahl-telefon {
        margin-top: 0px;
    }

    #frmKontakt .fileinput-button,
    #frmKontakt #btnSubmitKontakt,
    #frmReklamation_kontakt .fileinput-button,
    #frmReklamation_kontakt #btnSubmitReklamation,
    #frmRueckruf #btnSubmitRueckruf,
    #frmReklamation .fileinput-button,
    #frmReklamation #btnSubmitReklamation {
        width: 100%;
        font-size: 18px;
        padding: 10px 0px;
    }

    #frmKontakt #btnSubmitKontakt,
    #frmRueckruf #btnSubmitRueckruf,
    #frmReklamation_kontakt #btnSubmitReklamation {
        font-size: 20px;
        padding: 17px 23px;
        font-weight: 700;
    }

    #frmReklamation .fileupload-buttonbar {
        margin-right: -15px;
        margin-left: -15px;
    }

    #frmKontakt .table,
    #frmReklamation_kontakt .table {
        margin-bottom: 10px;
    }

    #login .mein_login_registrieren {
        margin-left: 0;
        padding-left: 15px;
    }

    #mein_login_anmelden_registrieren .btn.passwort,
    #mein_login_anmelden_registrieren .btn.registrieren {
        float: none;
        margin: 0;
        width: 220px;
        font-size: 16px;
    }

    .mein_belege_vorkasse .beleg_kopf_links{
        width: 100% !important;
    }

    .mein_belege_vorkasse .beleg_kopf_rechts{
        width: 100% !important;
    }

    .belege .panel-title {
        font-size: 16px !important;
    }

    .belege .beleg_kopf_rechts {
        width: 100%;
    }

    .belege h4 {
        line-height: 24px !important;
    }


    .belege .beleg_kopf_rechts {
        float: none;
        text-align: left;
    }



    .frm_rechnung_bezahlen select.pZahlungsauswahl {
        margin-left: 20px;
        margin-bottom: 15px;
    }

    #modalLieferzeit .modal-content {
        width: auto;
    }

    #mein_login_anmelden_registrieren .btn.passwort {
        margin-top: 30px;
    }

    #mein_login_anmelden_registrieren .btn.registrieren {
        margin-top: 15px;
    }

    #frmReklamation_kontakt .reklamation-formular.mobil .type-text {
        position: relative;
    }

    .modal-open.freezePage,
    .modal-open.freezePage #modalKontakt .modal-content {
        overflow: hidden;
        position: fixed;
        height: 100%;
    }

    .modal-open.freezePage #modalKontakt .modal-content {
        width: 100%;
    }

    .modal-open.freezePage #modalKontakt .modal-body {
        padding: 0px;
    }

    body.kontakt_ajax {
        padding: 20px;
    }

    form.form-horizontal .baugewerbe_registrieren .anrede_auswahl input {
        margin-top: 4px;
    }

    #frmBaugewerbe_registrieren .Strasse .hausnummer_input {
        padding: 0px 30px 0px 0px;
    }

    #frmReklamation .reklamation .reklamation_grund label,
    #frmReklamation_kontakt .reklamation_grund label {
        padding: 0px;
        display: block;
    }
    #frmReklamation .reklamation .reklamation_grund input,
    #frmReklamation_kontakt .reklamation_grund input {
        margin-top: 7px;
        margin-left: 0px;
        margin-right: 10px;
    }

    #frmReklamation .reklamation .reklamation_grund input {
        margin-top: 4px;
    }

    #frmReklamation .radio {
        padding-left: 0px;
    }

    #frmReklamation_kontakt .reklamation_grund label {
        margin-bottom: 5px;
    }

    .reklamation.dropdown-content .fa {
        display: none;
    }

    #frmKontakt .vorwahl-telefon,
    #frmRueckruf .vorwahl-telefon {
        padding: 0px 0px 0px 10px;
        height: 34px;
    }

    #frmReklamation_kontakt .vorwahl-telefon {
        padding: 0px 0px 0px 10px;
    }

    #frmBaugewerbe_registrieren .vorwahl-telefon,
    #frmReklamation .vorwahl-telefon,
    #frmAnschrift .lieferadresse .vorwahl-telefon,
    #frmReklamation_kontakt .vorwahl-telefon,
    #frmAnschrift .vorwahl-telefon {
        height: 34px;
    }

    #varianten-carousel .lieferbar {
        bottom: 20px;
    }

    .Lichtplattenplaner #gruppe-carousel .lieferbar {
        bottom: 5px;
    }

    .tabelle_sonderposten_td,
    .tabelle_sonderposten_img{
        width: 100px;
    }

    .tabelle_sonderposten_img {
        max-width: initial;
    }

    #ownTSBadge {
        width: 180px;
        margin: 0 auto 15px auto;
        height: 95px;
        background: #fff;
    }

    #ownTSBadge .ts-logo {
        padding: 0px 10px;
    }

    #ownTSBadge img {
        margin-top: 7px;
    }

    .ts-bewertungen .bewertung_box .bewertung {
        line-height: 22px;
    }

    #MyCustomTrustbadge {
        margin: 0px auto 15px auto;
    }

    .bewertungen_anzeigen .fa-star {
        margin-right: 15px;
    }

    .panel.panel-default.buttonPlanerMobil .fa {
        padding-right: 2px;
    }

    #modalFlaechenplaner .btnDachrinnen {
        font-size: 18px;
        width: 100%;
    }

    .artikel_mindestbestellmenge.mengenformel {
        padding-left: 3px;
        margin-left: -15px;
    }

    .bestellung_anschrift .login_anmelden_btn_div,
    .bestellung_anschrift .login_passwort_vergessen_div {
        text-align: center;
    }

    .bestellung_anschrift .login_anmelden_btn_div {
        margin-bottom: 15px;
    }

    .row.weitere_bilder img,
    body.gruppe .main .row.weitere_bilder .col-xs-12 > a > .img-responsive,
    .row.weitere_bilder div.aspect-ratio.r-1-1 {
        margin-bottom: 15px;
    }

    .geschaeftskonto_login .login_passwort_vergessen_div {
        margin-top: 0px;
    }

    #filter-wrapper .fa-pencil {
        display: initial;
    }

    ul.pagination li form .form-control,
    ul.pagination.pagination-lg>li>a {
        height: 47px;
    }

    ul.pagination.pagination-lg>li>a {
        padding: 10px 16px;
    }

    #button_kontaktformular {
        bottom: 15px;
    }

    .mein_aendern .panel-default,
    .mein_konto_verwalten_box_mobil {
        border: none;
        box-shadow: none;
    }

    .rahmen {
        border: none;
        padding: 0px;
    }

    .mein_aendern .panel-default .panel-body {
        padding: 0px;
    }

    .mein_konto_verwalten_box_mobil .panel-body {
        padding: 10px 0px;
    }

    .mobil_button_abmelden form,
    .mobil_button_abmelden #btnSubmit {
        width: 100%;
    }

    .mobil_button_abmelden #btnSubmit {
        text-align: left;
    }

    .mobil_button_abmelden form {
        padding: 10px 0px 10px 20px;
    }

    #modalFlaechenplaner .Lichtplattenplaner .panel.variantenauswahl .panel-heading {
        margin-bottom: 15px;
    }

    body.kontakt_ajax {
        width: 100%;
        overflow-x: hidden;
    }

    #profile-carousel.items .item,
    .Lichtplattenplaner #material-carousel.items.owl-carousel .item {
        padding-bottom: 25px;
    }

    .Lichtplattenplaner #verlegeprofile-carousel.owl-carousel .owl-item {
        padding-bottom: 30px;
    }

    #modalFlaechenplaner .checkmark {
        width: 25px;
        height: 25px;
    }

    #profile-carousel.items .item.active .checkmark.check,
    #profile-carousel.items .item .checkmark.check,
    #varianten-carousel.items .item .check.checkmark,
    #dachform-carousel.items .item .check.checkmark,
    #panel_artikel .artikel .check.checkmark,
    #panel_befestigung .items .item .check.checkmark,
    #panel_sonstiges .items .item .check.checkmark,
    #material-carousel.items .item .check.checkmark,
    #gruppe-carousel.items .item .check.checkmark,
    #verlegeprofile-carousel.items .item.active .check.checkmark {
        bottom: 0px;
        top: auto;
        right: calc(50% - 10px);
    }

    #verlegeprofile-carousel.items .item.active .check.checkmark,
    #verlegeprofile-carousel.items .item .check.checkmark {
        top: 25px;
        right: calc(50% - 10px);
    }

    .Lichtplattenplaner #gruppe-carousel.items .item.alle .check.checkmark {
        bottom: -25px;
    }

    #modalFlaechenplaner .checkmark.check.green .hook {
        left: 9px;
        top: 4px;
    }

    #panel_befestigung .items .item.montage {
        padding-bottom: 30px;
        margin-bottom: 0px;
    }

    #sonstiges-carousel .item.row .artikel_langtext {
        min-height: 85px;
    }

    #frmReklamation_kontakt .reklamation.gutschrift-wahl input,
    #frmReklamation .reklamation.gutschrift-wahl input {
        margin-top: 11px;
    }

    #frmReklamation .reklamation.gutschrift-wahl label {
        padding-top: 0px;
    }

    .gruppe #modalFlaechenplanerEinstieg,
    .gruppe #modalFlaechenplaner,
    .gruppe #modalKontakt {
        z-index: 99999;
    }

    #frmAnschrift .panel-heading h3 {
        line-height: inherit;
    }

    .bestellung_anschrift .panel-group.toggle_text .panel-default .panel-heading {
        padding: 5px 15px;
    }

    #frmAnschrift .lieferanschrift .panel-group.toggle_text .panel-default .panel-heading {
        padding: 5px 10px;
    }

    .bestellung_uebersicht .checkout .panel-heading h3 {
        line-height: inherit;
        padding: 0px;
    }

    .bestellung_uebersicht .checkout .panel-heading span.fa.fa-edit.pull-right {
        margin-top: 5px;
    }

    #modalFlaechenplaner #verlegeprofile-carousel .owl-nav .owl-prev,
    #modalFlaechenplaner #verlegeprofile-carousel .owl-nav .owl-next {
        top: calc(30% - 20px)!important;
    }

    .inhalt #artikel_bilder_carousel .owl-nav {
        display: block!important;
    }

    #modalFlaechenplaner #kantteile-carousel .owl-nav .owl-next {
        right: 0px;
    }

    #panel_artikel .items .item.kantteile {
        padding: 10px 10px 25px 10px;
    }

    #frmAnschrift .lieferanschrift .panel-body {
        padding-top: 15px;
    }

    .panel_text {
        border: none;
        padding: 0px;
    }

    .button_app:nth-child(2) img {
        float: right;
    }

    .gruppe .items .item,
    .gruppe_app .items .item {
        padding: 0px 0px 15px 0px;
    }

    .gruppe .link.item,
    .gruppe_app .link.item {
        margin-bottom: 10px;
    }

    #modalFlaechenplaner .modal-content,
    #modalFlaechenplaner .modal-dialog {
    }

    #modalFlaechenplaner .modal-dialog,
    #modalFlaechenplanerEinstieg .modal-dialog,
    #modalKontakt .modal-dialog,
    #modalBefestigungAnzeigen .modal-dialog {
        margin: 0px;
    }

    #modalFlaechenplaner .panel-body,
    #modalFlaechenplaner .owl-carousel .owl-item,
    #modalFlaechenplaner #dachform-carousel .owl-item,
    #modalFlaechenplaner .warenkorb_mobil .artikel_container,
    #modalFlaechenplaner .warenkorb_mobil .warenkorb_artikel_liste .warenkorb_artikel {
        padding: 0px;
    }

    #modalFlaechenplaner .panel-default,
    #modalFlaechenplaner .items .item,
    #modalFlaechenplaner .panel,
    #modalFlaechenplaner .warenkorb_mobil .warenkorb_artikel {
        border: none;
        box-shadow: none;
    }

    #modalFlaechenplaner #varianten-carousel.items .item {
        margin: 0px;
    }

    #modalFlaechenplaner #varianten-carousel.items .item {
        width: 100%;
        padding-bottom: 25px;
    }

    #modalFlaechenplaner #varianten-carousel .item-block > div {
        padding: 0px 5px;
    }

    #modalFlaechenplaner .warenkorb_mobil .warenkorb_artikel .artikel_container,
    #modalFlaechenplaner .warenkorb_mobil .artikel_preise {
        padding: 0px;
    }

    #modalFlaechenplaner .warenkorb_mobil .artikel_gesamtpreis.text-right {
        padding-left: 5px;
    }

    #modalFlaechenplaner .modal-body.uebersicht {
        margin-bottom: 60px;
    }

    #modalFlaechenplaner .warenkorb_mobil .artikel_bezeichnung {
        border-top: 1px solid #ddd;
    }

    .made_in_germany img {
        width: 150px;
    }
    .made_in_germany {
        margin-top: 0;
    }

    .items .item {
        box-shadow: none;
        border: none;
        border-bottom: 2px solid #ddd;
        border-radius: 0px;
    }

    .items .zwischenblock img {
        margin-top: 0px;
    }

    .items .item:hover {
        box-shadow: none;
    }

    .inhalt .panel_text,
    .inhalt .panel-body,
    .reklamation #frmReklamation,
    .no-padding-xs {
        padding: 0px;
    }

    .prefix_gruppe_inhalt>.panel-body {
        border: none;
        box-shadow: none;
        padding: 0px;
    }

    #frmUebersicht .postfix {
        padding-left: 0px;
    }

    body.gruppe .items .artikelbild,
    body.gruppe .items .merken,
    body.suche .items .artikelbild,
    body.suche .items .merken {
        padding-left: 0px;
    }

    body.gruppe .items .artikeldetail,
    body.gruppe .items .vergleichen,
    body.suche .items .artikeldetail,
    body.suche .items .vergleichen {
        padding-right: 0px;
    }

    .gruppe .items h4.artikel_bezeichnung {
        border-bottom: none;
    }

    .panel-group.toggle_text .panel-default,
    .panel-group.artikelmerkmale_mobil .panel-default,
    .zubehoer_mobil .panel-group .panel-default,
    .zubehoer .items .item,
    .youtube_videos .panel,
    .referenzen .referenzen_text,
    .inhalt .panel_text,
    .inhalt .panel-default,
    .reklamation #frmReklamation,
    .no-border-xs {
        border: none;
        box-shadow: none;
    }

    .panel-group.toggle_text .panel-body,
    .panel-group.artikelmerkmale_mobil .panel-body,
    .youtube_videos .panel-body {
        padding: 15px 0px;
    }

    #modalTeilenArtikel .close,
    #modalTeilenArtikel .copy {
        height: 65px;
        border-radius: 0px;
    }

    #frmArtikel .text-aktion {
        left: 3px;
        top: 20px;
    }

    .items .item .dreieck-topseller,
    .items .item .dreieck-aktion {
        border-right: 80px solid transparent;
        border-top: 80px solid #d4af37;
        z-index: 100;
    }

    .items .item .dreieck-aktion {
        border-top: 80px solid #00662f;
    }

    .items .item .dreieck-UVPProzent {
        border-right: 80px solid transparent;
        border-top: 80px solid #005E8F;
    }

    .items .item .text-topseller {
        line-height: initial;
        font-size: 13px;
    }

    .items .item .text-aktion {
        font-size: 13px;
        line-height: initial;
        left: 0px;
        top: 20px;
    }

    .items .item .item .gruppe_artikel_merkmale ul {
        font-size: 12px;
        line-height: 25px;
    }

    .items .item .artikelbild {
        padding-right: 5px;
    }

    .items .item .Farben .merkmal_name {
        font-weight: 700;
        font-size: 14px;
        line-height: 25px;
    }

    body.shepherd-active [id^=trustbadge-container] {
        display: none
    }

    #modalBefestigungAnzeigen .ajax-loader-spinner {
        top: 50%;
    }

    .befestigung-item.summe_brutto {
        font-size: 17.5px;
    }

    #modalBefestigungAnzeigen .lead {
        font-size: 17.5px;
    }

    #modalBefestigungAnzeigen.bestaetigung .modal-dialog {
        top: 30%;
    }

    ul.artikel_vorteile li {
        float: left;
        width: 50%;
        font-size: 14px;
    }

    .modal_befestigung_berechnen .modal-body small {
        line-height: 20px;
        display: block;
        margin-bottom: 20px;
    }

    .artikeldaten .control-label,
    .artikeldaten .artikel_hinweise {
        padding-left: 4px;
    }

    .merkliste-buttons .btn-default.artikel_vergleichsliste_btn,
    .merkliste-buttons .artikel_teilen_btn,
    .merkliste-buttons .artikel_merkliste_btn {
        font-size: 15px;
    }

    .zum_artikel {
        width: 100%;
    }

    .gruppe .ArtikelMerken {
        margin: 0px;
        text-align: center;
    }

    .gruppe .ArtikelVergleichen {
        text-align: center;
    }

    .gruppe .merken {
        padding-right:5px;
    }

    .gruppe .vergleichen {
        padding-left: 5px;
    }

    .gruppe_artikel_merkmale .Farben .merkmal_wert.artikel_farben {
        margin-left: 15px;
    }

    .gruppe .artikelpreis {
        padding-bottom: 15px;
    }

    header .header-warenkorb-button,
    header .header-merkliste-button {
        padding-left: 15px;
        padding-right: 8px;
    }

    .text-UVPProzent {
        left: 8px;
        top: 13px;
    }

    .artikel_merkliste_btn span.border,
    .artikel_vergleichsliste_btn span.border,
    .artikel_teilen_btn span.border {
        font-size: 14px;
        padding: 10px 3px;
    }

    #frmUebersicht .form-group:hover label input~.checkmark {
        background-color: #ccc;
    }

    #frmUebersicht .form-group label input:checked~.checkmark {
        background-color: green;
    }

    .alle_nummern_sichtbar .anschrift_h.form-group .fragezeichen.telefonmobil {
        bottom: 20px;
        right: 20px;
    }

    #uebersicht_flaechen .panel-heading .panel-title-arrow-div {
        float: left;
    }

    a.zuFAQ {
        width: 100%;
        display: block;
        text-align: center;
    }

    .left.panel-title-arrow-div {
        padding: 0px;
    }

    .links_einzel .link a {
        margin-bottom: 15px;
        width: 100%;
    }

    p.no-margin-xs {
        margin-bottom: 0px;
    }

    .einzelbilder > div {
        margin-bottom: 15px;
    }

    .panel-group.toggle_text .panel-title {
        padding: 0px 10px;
        position: relative;
    }

    .panel-group.toggle_text .panel-title .panel-title-arrow-div i {
        position: absolute;
        right: -5px;
        top: 5px;
    }

    .panel-group.toggle_text .panel-title .left.panel-title-arrow-div i {
        position: absolute;
        left: -10px;
        top: 5px;
    }

    #modalFlaechenplaner #varianten-carousel .owl-nav .owl-next {
        right: -15px;
    }

    #modalFlaechenplaner #varianten-carousel .owl-nav .owl-prev {
        left: -15px;
    }

    .bestellung_uebersicht #modalDialog .panel_text {
        border: none;
        padding: 0px;
    }

    #modalKontakt.modal {
        padding-top: 0px;
    }

    #modalKontakt.modal .modal-dialog,
    #modalKontakt.modal .modal-content,
    #modalKontakt.modal .modal-body {
        height: 100%;
    }

    #iframeKontakt {
        height: 90% !important;
    }

    body.hinweisbox .anchor {
        display: block;
        position: relative;
        top: -25px;
    }

    #frmReklamation_kontakt .TelefonPrivat.has-error .form-control-feedback {
        top: 38px;
    }

    body.bestellung_anschrift #collapse_1 .login_anmelden_btn_div,
    body.bestellung_anschrift #collapse_1 .login_passwort_vergessen_div,
    body.bestellung_anschrift #collapse_1 .login_passwort_vergessen_div {
        display: block;
        width: 100%;
    }

    body.bestellung_anschrift #collapse_1 .login_passwort_vergessen_div {
        padding: 0px;
    }

    .bestellung_anschrift #collapse_1 .btn-default.registrieren {
        display: block;
    }

    body.bestellung_anschrift #collapse_1 .login_anmelden_btn_div button {
        font-size: 20px;
        padding: 17px 23px;
        font-weight: 700;
    }

    body.bestellung_anschrift #collapse_1 .login_passwort_vergessen_div a {
        margin-top: 10px;
    }

    body.bestellung_anschrift #collapse_1 .login_passwort_vergessen_div a,
    .bestellung_anschrift #collapse_1 .btn-default.registrieren {
        font-size: 18px;
        padding: 10px;
        height: auto;
    }

    body.bestellung_anschrift .main form[name=frmLogin] .login_passwort_vergessen_div a {
        width: 220px;
    }

    .geschaeftskonto_login .login_passwort_vergessen_div a.btn,
    .bestellung_anschrift #collapse_1 .btn-default.registrieren {
        width: 100%;
    }

    #frmBaugewerbe_registrieren .anmeldung_geschaeftskonto,
    #frmBaugewerbe_registrieren .anmeldung_geschaeftskonto .baugewerbe_registrieren.eingabefelder {
        padding: 0px;
        border: none;
    }

    #frmBaugewerbe_registrieren .btn-group-kundengruppe label.btn,
    .btn-group-kundengruppe label.btn, form[name=frmFormular] .eingabefelder .btn-group-kundengruppe label.btn {
        padding: 10px;
        width: 100%;
        margin: 5px 0px 5px 0px;
        font-size: 16px;
    }

    .mein_passwort .passwort_vergessen_form_div label {
        float: left;
    }

    .mein_passwort .passwort_vergessen_form_div .has-feedback .form-control-feedback {
        top: 40px;
    }

    .telefonnummer_auswahl.eine_nummer_sichtbar .has-error .form-control-feedback {
        top: 0px;
        right: 10px;
    }

    .form-horizontal .telefonnummer_auswahl .has-feedback .form-control-feedback.ajax {
        top: 0px;
    }

    .telefonnummer_auswahl.eine_nummer_sichtbar {
        margin-bottom: 35px;
    }

    .alle_nummern_sichtbar .telefonnummer_mobil.start_eingabe .telefonmobil.telefon-max {
        padding-left: 0px;
        padding-right: 10px;
    }

    .alle_nummern_sichtbar .telefon-max {
        padding-left: 0px;
        padding-right: 10px;
    }

    .telefonnummer_auswahl .telefonnummer_geschaeft label,
    .telefonnummer_auswahl .telefonnummer_mobil label,
    .telefonnummer_auswahl .telefonnummer_privat label {
        padding-left: 0px;
    }

    .form-horizontal .has-feedback .telefon.form-control-feedback {
        top: 15px;
    }

    .form-horizontal .ajax.has-feedback .telefon.form-control-feedback,
    .form-horizontal .alle_nummern_sichtbar .has-feedback .telefon.form-control-feedback {
        top: 0px;
    }

    .margintop15-mobil {
        margin-top: 15px;
    }

    #modalFragezeichenLaenge .modal-content {
        width: auto;
    }

    #rueckruf .container.flex-main {
        display: block;
    }

    #frmArtikel .youtube_playbutton.artikeldetail img {
        top: -150px;
        width: auto;
        height: 40px;
        left: 43%;
    }

    .zubehoer_mobil .tab-pane .item-price,
    .items .zubehoer_mobil .item .aktion {
        position: unset;
    }

    .items .zubehoer_mobil .item .zum_artikel {
        position: inherit;
        float: none;
        margin: auto;
    }

    .zubehoer_mobil .flexslider {
        margin-bottom: 30px;
    }

    .ts-kaeuferschutz-div .checkbox {
        padding-left: 0px;
    }

    #frmUebersicht .checkmark {
        top: 5px;
    }

    #frmArtikel #accordionKonfiguration .owl-nav {
        display: block!important;
    }

    #frmBaugewerbe_registrieren.form-horizontal .TelefonGeschaeft.has-feedback .form-control-feedback,
    #frmBaugewerbe_registrieren.form-horizontal .TelefonMobil.has-feedback .form-control-feedback {
        right: 0px;
    }

    #frmBaugewerbe_registrieren .button-baugewerbe-registrieren.vorlage-baugewerbe-registrieren {
        margin: 25px 0px;
    }

    .help-block.ajax.TelefonMobilRufnummer {
        max-width: 100%;
    }

    .form-group.TelefonMobil.has-error {
        margin-bottom: 50px;
    }

    .baugewerbe_registrieren.eingabefelder .anschrift_h.form-group .fragezeichen.telefonmobil {
        right: 25px;
        top: 45px;
    }

    #hinweisbox {
        margin: 0px 0px 5px 0px;
    }

    #chat-widget-container {
        bottom: 0px!important;
    }

    .cart.merkliste {
        margin: 0px;
    }

    .vergleichsliste .artikel_delete_icon {
        background: transparent;
    }

    .warenkorb_artikel_liste .buttons.vergleichsliste {
        margin-bottom: 15px;
    }

    .reklamation #frmReklamation {
        margin-bottom: 15px;
    }

    .montagearten.dropdown-menu {
        padding-top: 0px;
    }

    .modal .btn.btn-info.passwort {
        margin: 0px;
    }

    .modal .btn.btn-info.passwort {
        padding-top: 8px;
        height: 40px;
    }

    .modal .mein_login_registrieren {
        margin-top: 0px;
        text-align: center;
    }

    .mein_konto_verwalten_box_mobil .panel-heading,
    .mein_aendern .eingabefelder .panel-heading {
        text-align: center;
    }

    #modalShopauswahl .text-center.dwz_e {
        padding-bottom: 15px;
    }

    footer h5:hover,
    footer .h5:hover {
        color: #000;
    }

    footer h5.hilfe a,
    footer .h5.hilfe a {
        color: #000;
    }

    .bestellschein .container.oben {
        margin-top: 5px;
    }

    body.hinweisbox div>div#cista {
        padding-top: 90px;
    }

    #filter-mobil {
        margin-top: 15px;
    }

    #filter-mobil .footer {
        bottom: 15px;
    }

    #filter-mobil .filter.filter-tab {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .hinweisbox #filter-mobil .filter.filter-tab {
        padding-top: 100px;
    }

    #filter-mobil .filter.filter-tab h3 {
        margin-top: 15px;
    }

    .bestellprozess_schritt_1_warenkorb .buttons .btn-default {
        float: left;
        margin-top: 10px;
    }

    .bestellprozess_schritt_1_warenkorb .buttons .btn-zur-kasse {
        float: right;
        padding: 17px 23px;
        width: 50%;
    }

    body.bestellung_bestaetigung #cista {
        padding-top: 60px;
    }

    .button-close-app {
        font-family: "Times New Roman";
        font-size: 30px;
        margin: 10px 7px 0px 7px;
        color: #CCC;
    }

    .app_hinweis_anzeigen {
        float: right;
        padding-top: 8px;
        width: 85px;
        margin-right: 5px;
    }

    .ts-bewertungen {
        margin-top: inherit;
    }

    .cookie-aktiv #livechat-compact-view,
    .cookie-aktiv #livechat-compact-container,
    .cookie-aktiv #chat-widget-container {
        display: none;
    }

    #idSucheMenu #idFrmSuche i {
        top: 15px;
    }

    #idSucheMenu #idFrmSuche .input-group {
        position: fixed;
        top: 57px;
        left: 0px;
    }

    #idSucheMenu #idFrmSuche .input-group input {
        width: 105%;
        height: 50px;
    }

    #idSucheMenu #idFrmSuche .input-group .input-group-btn {
        right: -10px;
    }

    #idSucheMenu #idFrmSuche .input-group .input-group-btn button {
        padding: 12px 25px 11px 20px;
    }

    #idSucheMenu #idFrmSuche .input-group input {
        box-shadow: none;
        border-color: #ccc;
    }

    .titel_startseite {
        margin-top: 15px;
    }

    .merkliste #livechat-compact-container,
    .vergleichsliste #livechat-compact-container,
    .modal-open #livechat-compact-container {
        display: none;
    }

    .vergleichsliste .artikel_liste.owl-carousel {
        width: 50%;
        border-right: 1px solid #fff;
    }

    .form-horizontal .telefonmobil.ajax.has-feedback .input-group .form-control-feedback {
        right: 0px;
        top: 0px;
    }

    .kaeuferschutz_summe {
        padding-left: 0px;
    }

    .artikel_nummer_name {
        padding: 0px;
        font-weight: bold;
    }

    html.mm-opened.mm-popup #mm-blocker {
        height: 60px;
        width: 60px;
    }

    html.mm-opened.mm-popup .hinweisbox #mm-blocker {
        height: 100px;
    }

    .mm-popup .dropdown.topnav_shopauswahl {
        padding-top: 6px;
    }

    .mm-slideout .container.flex-main {
        display: none;
    }

    .warenkorb_artikel_liste .cart-item {
        border-left: none;
        border-right: none;
    }

    /*.checkout .bestellbestaetigung_daten {
        height: 435px;
    }*/

    .bestellprozess_schritt_2_anschrift .buttons.oben {
        margin: 0px;
    }

    .hinweis_insel {
        padding-left: 0;
        padding-right: 0;
    }

    #panel_flaechen .input-group-btn > button {
        margin-top: -3px;
    }

    #flaechen-carousel .input-group-btn:last-child > a.btn {
        padding: 0px 10px 1px 11px;
        top: -2px;
    }

    .gruppe .artikelbild img {
        width: 100%;
        max-height: 100%;
    }

    .bestellung_uebersicht.versandbedingungen .has-error .form-control-feedback {
        bottom: 10px;
        top: auto;
        right: 0px;
    }

    .bestellung_anschrift #body-loader-spinner,
    .bestellung_zahlung #body-loader-spinner,
    .bestellung_uebersicht #body-loader-spinner,
    .bestellschein #body-loader-spinner {
        position: fixed!important;
        top: calc(45% - 120px)!important;
    }

    #body-loader-spinner-fp {
        position: fixed!important;
        top: 50%!important;
        margin-left: 0%!important;
    }

    .owl-stage > .owl-item > .item > .aktion > .zum_artikel {
        top: 0px;
        position: relative;
        right: 0px;
    }

    .bottomnav_navigation .fragen_antworten {
        margin-bottom: 0px;
    }

    .social li a,
    .apps .list-inline>li {
        margin-top: 0px;
    }

    .footer_unten {
        margin: 0;
        padding: 0;
    }

    .footer_unten .apps {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }

    footer .widget {
        border-bottom: 1px solid #666;
    }

    footer .ts-bewertungen.widget {
        border-bottom: 0;
    }

    .footer_unten .impressum .links_zeile {
        margin: 0 auto;
    }

    .footer_unten .social_media {
        text-align: center;
        padding-bottom: 100px;
    }

    .footer_unten .social_media.ts {
        padding-bottom: 0px;
    }

    .footer_unten .social_media ul li {
        margin-right: 10px;
        padding-bottom: 0px;
    }

    .footer_unten .social_media ul li:last-child {
        margin-right: 0px;
    }

    .footer_unten .apps ul li {
        padding-bottom: 0px;
    }

    .footer_unten .impressum {
        padding: 0px;
    }

    .checkout.bestellprozess_schritt_4_zahlung .buttons #btnBack {
        width: 90px;
        margin: 10px 0px 0px 0px;
    }

    .zubehoer .items {
        margin: 0px;
    }

    .zubehoer .zubehoer_hinweistext .panel-body ul {
        padding-left: 20px;
    }

    .zubehoer .items .item {
        height: 290px;
        margin: 0px;
    }

    .box_zubehoer_mobil .flex-control-nav {
        line-height: 25px;
    }

    #accordion_zubehoer_mobil.panel-group {
        margin-bottom: 0px;
    }

    .zubehoer .items .item .artikel_langtext {
        margin-top: 10px;
    }

    .fixed ul.aktive-merkmale li {
        padding: 0px 10px 0px 15px;
    }

    .aktive-merkmale .filter-checkbox {
        margin-top: 7px;
    }

    .ui-widget.ui-autocomplete {
        left: 15px!important;
        width: calc(100% - 30px)!important;
        border-radius: unset;
    }

    .bestellprozess_schritt_2_anschrift .buttons #btnBack,
    .bestellung_zahlung .buttons #btnBack {
        float: left;
    }

    .bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .buttons .btn-default {
        width: 40%;
    }

    .btnOrangeBlock .fa-envelope {
        color: white;
        font-size: large;
    }

    .ueberschrift_kontaktformular_mobil {
        display: block;
        font-size: 16px;
        font-weight: bold;
    }

    .ueberschrift_kontaktformular_mobil span {
        border-bottom: 1px solid #000;
    }

    .mail_kontaktformular_text,
    .rueckruf_kontaktformular_text,
    .reklamation_kontaktformular_text {
        display: block;
    }

    li.tab-kontakt a {
        padding: 10px 2px 10px 2px !important;
    }

    .reklamation.gutschrift-wahl .radio:first-child {
        margin-right: 10px;
    }

    .reklamation.gutschrift-wahl .col-xs-6 label {
        padding: 10px 40px 10px 0px;
    }

    .reklamation.gutschrift-wahl .col-xs-6 .radio {
        padding-top: 5px;
    }

    #reklamation .reklamation.gutschrift-wahl .radio label {
        padding: 0px 30px 0px 0px;
    }

    #ArtikelDateien {
        overflow: auto;
    }

    .artikelmerkmale_mobil .artikel_merkmale_tabelle {
        font-size: 17.5px;
        margin-bottom: 15px;
    }

    .ts-kaeuferschutz-div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ts-kaeuferschutz {
        margin-left: 0!important;
        width: 100%;
    }

    .product-main .nav.nav-tabs li:nth-child(odd) > a {
        margin-right: 2.5px;
        margin-bottom: 5px;
    }

    .product-main .nav.nav-tabs li:nth-child(even) > a {
        margin-left: 2.5px;
        margin-bottom: 5px;
    }

    .product-main .nav.nav-tabs {
        border-bottom: none;
    }

    .bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] #btnSubmit {
        margin-bottom: 40px;
        width: 100%;
    }

    .bestellprozess_schritt_2_anschrift form #btnBack {
        width: 25%;
    }

    .bestellprozess_schritt_2_anschrift .buttons #btnSubmit,
    .bestellung_zahlung #btnZahlung {
        width: 50%;
    }

    .row.gutscheine_heandler .panel.bestellung_anmerkung_panel,
    .row.anmerkung,
    .row.anmerkung .panel.bestellung_anmerkung_panel {
        margin: 0px;
    }

    .bestellschein .modulGutschein .type-text {
        width: 62%;
    }

    body {
        line-height: 34px;
    }

    .artikelmerkmale_mobil .accordionBtn.collapsed {
        font-size: 18px;
    }

    .product-main button.order-ajax,
    .product-main button.liefernachricht-modal {
        font-size: 18px;
    }

    .btn {
        font-size: 18px;
    }

    h1, h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .product-main .artikel_hinweise {
        font-size: 11px;
    }

    .logo img {
        height: 58px;
        margin: 0 auto;
        max-height: 60px;
    }

    header > .container {
        background: none;
        height: auto;
        margin: 0px;
    }

    a#menu-toggle {
        padding-top: 10px;
    }

    header div.header_merkliste,
    header div.header_warenkorb,
    header div.header_vergleichsliste {
        height: 50px;
        line-height: 5px;
    }

    header div.header_vergleichsliste {
        padding: 0px;
    }

    header .text-bezeichnung {
        font-size: 8px;
        text-align: center;
        display: block;
        margin-top: 5px;
        color: #000;
    }

    .header_vergleichsliste:hover .fa,
    .header_warenkorb:hover .fa {
        color: #ea7c13;
    }

    header #idSucheToggle .text-bezeichnung {
        position: absolute;
        left: 40%;
        top: 39px;
    }

    header .text-bezeichnung.menu {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    header .header-mobil #tsBox,
    header .header-mobil .tsBox {
        padding-top: 5px;
    }

    .header_warenkorb.col-xs-2 {
        width: 16.66666667%;
    }

    form div.buttons {
        text-align: center;
    }

    .col-left, .promo .pcol-left {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .col-right, .promo .pcol-right {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .promo .pcol-right {
        text-align: center;
    }

    .promo .pbox {
        height: auto !important;
    }

    .tp-caption a.btn {
        padding: 3px 5px !important;
        font-size: 9px !important;
        box-shadow: none;
    }

    .tp-banner .img-tag {
        display: none;
    }

    .product-main .item-image {
        height: auto;
        width: auto;
        max-width: 500px;
        max-height: 500px;
    }

    #zubehoer_carousel.items .item {
        height: 100%;
        overflow: hidden;
    }

    .product-main .nav-tabs > li {
        width: 50%;
    }

    .product-main .nav-tabs > li > a {
        border-radius: 4px;
    }

    #cookie-hinweis {
        text-align: center
    }

    .bestellprozess_schritt_1_warenkorb .buttons {
        text-align: center;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .btn-default {
        float: left;
        font-weight: bold;
        padding: 6px 10px;
    }

    .bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .btn-primary {
        float: right;
        width: 170px;
        font-weight: bold;
    }

    .modulGutschein form > .row > .col-xs-8 {
        padding-right: 0;
    }

    .radioRechnungsadresse {
        margin-bottom: 15px;
    }

    .angebot-per-mail .panel-body {
        text-align: center;
    }

    .bestellprozess_schritt_2_anschrift .buttons #btnBack {
        float: left;
    }

    .bestellprozess_schritt_4_zahlung .buttons #btnBack {
        float: left;
        margin-left: 15px;
    }

    .bestellprozess_schritt_2_anschrift .buttons #btnSubmit {
        float: right;
    }

    .bestellprozess_schritt_4_zahlung .buttons #btnSubmit {
        float: right;
        margin-right: 15px;
    }

    .bestellprozess_schritt_1_warenkorb .buttons {
        width: 100%;
    }

    .bestellprozess_schritt_1_warenkorb .pull-right, .bestellprozess_schritt_1_warenkorb .pull-right #btnSubmit {
        width: 100%;
    }

    .bestellprozess_schritt_1_warenkorb form[name="frmUebersicht"] #btnSubmit {
        width: 100%;
    }

    form .pull-right input {
        margin-bottom: 10px;
    }

    form #idAnmerkung {
        height: 64px;
    }

    span.fa.fa-edit.pull-right {
        width: auto;
        margin-top: 0;
    }

    .bestellprozess_schritt_4_zahlung .buttons > #btnBack, .bestellprozess_schritt_4_zahlung .buttons > #btnSubmit {
        margin-left: 0;
        margin-right: 0;
    }

    .bestellprozess_schritt_4_zahlung .form-group {
        margin-left: 0;
        margin-right: 0;
    }

    .bestellprozess_schritt_4_zahlung .form-group > div {
        margin-left: 0!important;
        width: 100%;
    }

    .btn.planer-starten {
        display: block;
    }

    .widget .social {
        margin-top: 5px;
    }

    .bottomnav_navigation .mobil_apps {
        margin: 45px 15px 0px 15px;
        border-top: 1px solid #666666;
    }

    footer .widget.hidden-lg {
        border-bottom: none;
    }

    .form-horizontal .form-control-static {
        padding-left: 0px;
    }

    .col-sm-6.col-xs-10.telefonnummer_mobil.start_eingabe,
    .col-xs-2.col-sm-2.telefon_auswahl_alle_anzeigen {
        top: 0px;
    }

    .btn-primary.header-warenkorb-button.ink-effekt{
        position: inherit;
    }

    #cookie-hinweis {
        height: 155px;
        bottom: 0px;
    }

    #cookie-hinweis .container {
        margin-top: 10px;
        padding: 0px;
    }

    #cookie-hinweis .btn-info {
        padding: 5px 6px;
        line-height: normal;
        width: 75%;
        margin-top: 10px;
        margin-left: 0px;
        float: none;
    }

    #cookie-hinweis form {
        text-align: center;
        margin: 5px;
    }

    .cookie_hinweis_input {
        padding-bottom: 15px;
    }

    #cookie-hinweis {
        display: none;
    }

    .bestellung_anschrift .col-sm-5.col-xs-12.feld_ort {
        padding-right: 15px;
    }

    .bestellprozess_schritt_2_anschrift .form-group {
        margin-bottom: 5px;
    }

    .telefonnummer_auswahl.eine_nummer_sichtbar,
    .telefonnummer_auswahl.alle_nummern_sichtbar {
        margin-bottom: 35px;
    }

    .start_eingabe.col-sm-12 .help-block.ajax.TelefonMobilRufnummer {
        top: 115px;
    }

    .hinweis_insel {
        margin-top: 10px;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .seals {
        margin-top: -100px;
        margin-left: 120px;
    }

    .ts-kaeuferschutz.col-sm-9.col-xs-10 {
        height: 170px;
    }

    #login .mein_login_anmelden {
        margin-left: 0px;
        text-align: center;
    }

    #mein_login_anmelden_registrieren #btnSubmit {
        display: block;
        margin: 0 auto;
        width: 220px;
        font-weight: 700;
    }

    #login .mein_login_anmelden.hinweis {
        text-align: left;
    }

    .mein_aendern .mein_konto_verwalten_box_mobil {
        display: none;
    }

    .mein_login_registrieren_haendler {
        text-align: center;
    }

    .btn.btn-info.registrieren {
        margin-left: inherit;
    }

    .mein_login_anmelden_border {
        margin-top: 15px;
    }

    #mein_login_anmelden_registrieren .form-group .col-sm-8 input {
        width: 100%;
    }

    .mein_login_anmelden .btn.btn-default.btn-info.passwort {
        margin-top: 60px;
    }

    .mein_login_registrieren {
        margin-top: 150px;
    }

    .radioerechnung label {
        padding: 5px 20px 10px 0;
    }

    .erechnung.frage {
        top: 15px;
    }

    .erechnung.frage,
    .col-xs-12.col-sm-5.feld_telefonmobilvorwahl,
    .col-xs-12.col-sm-5.feld_telefon {
        padding: 0px;
    }

    .col-xs-12.col-sm-5.feld_telefonmobilvorwahl {
        margin: 0px;
    }

    .telefonnummer_auswahl .anschrift_h.fragezeichen {
        margin-top: 50px;
    }

    .telefonnummer_geschaeft.start_eingabe label {
        padding-left: 0px;
    }

    .anschrift_h.fragezeichen .popover {
        width: 140px;
    }

    .anschrift_h.fragezeichen .popover-content {
        padding: 5px;
    }

    .Ort .feld_lieferort {
        padding-left: 15px;
    }

    .telefonnummer_auswahl .telefonnummer_geschaeft label {
        padding-left: 0px;
    }

    .preis_haendler_wert .form-control-static {
        padding-left: 5px;
    }

    .beleg_kopf_links,
    .Waehrungscode {
        width: 48%;
    }

    .beleg_kopf_rechts {
        width: 45%;
    }

    .beleg_kopf_links,
    .beleg_kopf_rechts {
        float: left;
        text-align: left;
    }

    .belege .table {
        text-align: left;
    }

    .belege .panel-title {
        height: 100px;
        font-size: 13px;
    }

    .belege .lieferStat {
        padding-left: 0px !important;
    }

    .FremdwaehrungBrutto > .Waehrungscode {
        float: left;
        width: 15px;
    }

    #frm_rechnung_bezahlen {
        text-align: left;
        margin-bottom: 20px;
    }

    .belege .rechnung_bezahlen_button {
        margin-top: 25px;
        float: none;
    }

    .belege .table-striped.positionen th {
        text-align: left;
    }

    #frm_rechnung_bezahlen .rechnung_bezahlen_div {
        float: none;
    }

    .mein_belege .belege .auswahl_vorkasse p {
        text-align: left;
    }

    .mein_belege .belege .mein_belege_vorkasse.verwendungszweck {
        text-align: left;
    }

    .mein_belege .belege .mein_belege_vorkasse.verwendungszweck .bold {
        font-weight: bold;
    }

    .mein_belege .belege .zahlungsart_skonto_wert {
        display: block;
    }

    .mein_belege .belege #idSkontoAbziehen {
        margin: 0 auto;
    }

    .auswahl_vorkasse .mein_belege_vorkasse .beleg_kopf_rechts.iban {
        width: 51%;
    }

    .mm-menu.mm-theme-white .mm-navbar .topnav_telefonnummern a {
        margin-left: 65px;
    }

    .mein_belege .zahlungsart_skonto {
        width: 91%;
    }

    #kontakt #idNachricht {
        min-height: 100px;
    }

    .tcart.bezeichnung.versand-zuschlag,
    .tcart.bezeichnung.versand {
        font-weight: normal;
    }

    .warenkorb_mobil .nettobetrag-mobil {
        border-top: 1px solid lightgrey;
    }

    .belege #loading_zahlung img {
        left: 265px;
        top: 40px;
    }

    .passwort_vergessen_form_div .col-sm-7 {
        margin-left: 0px;
    }

    .geschaeftskonto_login .btn.btn-info.registrieren {
        width: 100%;
        margin-left: 0px;
    }

    .geschaeftskonto_login .login_passwort_vergessen_div .btn {
        margin-left: 0px;
    }

    .mein_belege .checkout.rahmen.mein_belege {
        width: 100%;
    }

    .checkout.rahmen.mein_belege .login_anmelden_btn_div {
        width: 100%;
    }

    .mein_belege .checkout>form[name="frmLogin"]>.form-group>label {
        width: 100%;
    }

    #modalFlaechenplanerEinstieg .modal-content .col-md-4,
    .col-md-4 .btn-fp-app {
        padding-bottom: 5px;
    }

    #mmenu .mobile_flaechenplaner {
        background-color: #ea7c13;
    }

    #mmenu .mobile_flaechenplaner a {
        color: white;
    }

    #modalFlaechenplaner #FpEmailPopover .panel-heading {
        background-color: #003056;
    }

    #FpEmailPopover {
        margin-top: 160px;
    }

    .zubehoer_mobil .panel-title {
        color: #fff;
    }

    #frmUebersicht .panel.panel-default.bestellung_anmerkung_panel {
        display: inline-block;
        width: 100%;
    }

    #frmArtikel .artikelmerkmale_mobil .panel-body h3 {
        background-color: #003056;
        color: white;
    }

    .bestellprozess_schritt_2_anschrift #btnSubmit,
    .checkout #btnSubmit {
        margin-bottom: 30px;
        width: 220px;
        font-weight: bold;
    }

    .mein_belege .checkout #btnSubmit,
    .mein_belege .login_passwort_vergessen_div a {
        width: 100%;
    }

    .bestellung_uebersicht #btnSubmit {
        width: 100%;
    }

    #frmBaugewerbe_registrieren .Strasse .hausnummer_input {
        margin-left: 15px;
    }

    .bestellprozess_schritt_1_warenkorb .btn-default {
        padding: 6px;
    }

    .bestellprozess_schritt_2_anschrift #btnBack,
    .bestellprozess_schritt_4_zahlung #btnBack {
        width: 90px;
    }

    .bestellprozess_schritt_1_warenkorb .rechnungsadresse .email div:nth-child(2) {
        word-wrap: break-word;
    }

    .geschaeftskonto_bestaetigt_erfolg,
    .inhalt .panel_text .col-xs-12 {
        margin-bottom: 5px;
    }

    .inhalt #cista .container.main .col-md-9.col-sm-9 .geschaeftskonto_bestaetigt_text img {
        margin-bottom: 10px;
    }

    .bottomnav_navigation li {
        padding: 5px 0px;
        margin: 0px;
    }

    .bottomnav_navigation li:nth-child(1),
    .bottomnav_navigation .zahlungsmethoden-methoden li,
    .bottomnav_navigation .newsletter li,
    .bottomnav_navigation .footer_apps li {
        border-top: none;
    }

    #accordion_zubehoer_mobil .owl-nav div.owl-next,
    #accordion_zubehoer_mobil .owl-nav div.owl-prev {
        top: 115px!important;
    }

    #artikel_bilder_carousel .owl-video-wrapper .owl-video-tn {
        background-size: cover;
    }

    .start_app .main .col-md-9.col-sm-9,
    .start_app .cart .anmerkung,
    .checkout.bestellprozess_schritt_4_zahlung,
    .checkout.bestellprozess_schritt_1_warenkorb,
    .widget .footer_apps {
        margin-bottom: 50px;
    }

    .totop {
        display: none!important;
    }

    .kontakt_ajax .flex-image.flexslider {
        width: 100%;
    }

    #rueckruf .flex-main .flex-direction-nav {
        display: none;
    }

    .inhalt_anrufen .ueberschrift_kontaktformular_mobil {
        margin-bottom: 10px;
    }

    body.kontakt_ajax .buttons,
    #frmKontakt .buttons {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
    }

    .reklamation-formular .buttons {
        margin-bottom: 0px;
        padding: 0px;
    }

    #frmReklamation .reklamation {
        margin-bottom: 0px;
    }

    #frmReklamation .fileupload-buttons {
        text-align: center;
    }

    #frmKontakt .grecaptcha-badge,
    #frmReklamation .grecaptcha-badge,
    #frmBaugewerbe_registrieren .grecaptcha-badge,
    #frmRueckruf .grecaptcha-badge,
    .grecaptcha-badge {
        visibility: hidden;
    }

    .artikel #cista > .container.main {
        display: none;
    }

    .Flaechenplaner .modal-body.overlay {
        background: rgba(0, 0, 0, 0.5);
    }

    #uebersicht_flaechen .overlay,
    .artikel_bild.overlay {
        background: transparent;
        opacity: 0.5;
    }

    #uebersicht_flaechen .overlay .panel-heading {
        background-color: #ec7405;
    }

    #FpEmailPopover .text-success {
        color: #333;
    }

    canvas#canvas-confetti {
        height: 100%;
    }

    .reklamation.gutschrift-wahl.medium .radio {
        width: 43%;
    }

    .gruppe .items .item .aktion,
    .gruppe .items .item .zum_artikel,
    .gruppe .items .item .item-price {
        margin-top: 0px;
    }

    .gruppe .items .item .item-price .artikel_preis {
        float: left;
        margin-top: 15px;
        margin-left: 30px;
    }

    .items .item .artikeldetail {
        margin-left: 0px;
    }

    .bestellprozess_schritt_2_anschrift form.form-horizontal .radio input {
        margin-top: 3px;
    }

    .bestellprozess_schritt_2_anschrift form.form-horizontal .radio {
        height: 30px;
    }

    .bestellprozess_schritt_2_anschrift .anrede_auswahl .radioFrau>div,
    .bestellprozess_schritt_2_anschrift .anrede_auswahl .radioHerr>div {
        padding-top: 0px;
    }

    .empfehlung_text.empfehlung_text_mobile {
        float: left;
        text-align: center;
        padding-left: 0px;
        margin-top: 0px;
    }

    .reklamation-formular .dropdown .dropdown-auswahl {
        padding: 7px 15px;
        border: 1px solid #d1d1d1;
    }

    .reklamation-formular .dropdown .dropdown-auswahl:after {
        content: "∨";
        float: right;
    }

    .reklamation.dropdown-content label.ueberschrift {
        display: none;
    }

    .reklamation.dropdown-content .reklamation_grund {
        border: 1px solid #d1d1d1;
        width: 100%;
    }

    #modalDialogBestaetigung .modal-dialog {
        width: 90%;
    }

    .telefonnummer_auswahl.alle_nummern_sichtbar .telefonnummer_geschaeft label {
        padding-left: 0px;
    }

    .reklamation_nachricht label {
        margin-left: 0px;
        padding-top: 15px;
    }

    .shopauswahl .land {
        margin-top: 0px;
    }

    .shopauswahl .radio label {
        color: #222;
    }

    .merkliste .alle_auswaehlen {
        border-bottom: 2px solid #ddd;
        padding-bottom: 15px;
    }

    .bestellbestaetigung_daten .bestellprozess_bestellbestaetigung {
        height: 250px;
    }

    .bestaetigung_content {
        min-height: auto;
        padding: 10px;
    }

    .bestaetigung_content .startseite .btn,
    .bestaetigung_content .lieferzeiten {
        margin-bottom: 10px;
    }

    .bestaetigung_content .lieferzeiten,
    .bestaetigung_content .startseite {
        padding: 0px 5px;
    }

    .bestaetigung_content .lieferzeiten a {
        padding: 6px 5px;
    }

    #vergleichsliste.vergleichsliste {
        padding: 0px;
    }

    #accordion_1 .panel_image {
        transform: translateY(0%);
    }

    .form-group.Ort .col-sm-2.col-xs-12,
    .lieferadresse .LieferOrt .col-sm-2 {
        padding-right: 15px;
    }

    .form-horizontal .Ort .form-control-feedback,
    .LieferPlz .form-control-feedback {
        right: 15px;
    }

    .feld_lieferort {
        padding-left: 15px;
    }

    #frmReklamation .reklamation .reklamation_grund {
        padding-left: 15px;
    }

    .product-main .merkmal .hinweis {
        margin-left: 0;
        display: block;
        line-height: 16px;
    }

    .product-main .merkmal .hinweis br {
        display: inline;
    }

    .start .main .item .btnOrange.btn-block.start {
        background-color: #ffffff;
        color: #ea7c13;
    }

    .active-filter .btn {
        font-size: 13px;
    }

    .gruppe .items .item .zum_artikel {
        padding-right: 0px;
    }

    .header-suche.wert {
        display: none;
    }

    #idSucheToggle .fa-search {
        position: absolute;
        left: 40%;
        top: 10px;
        font-size: 25px;
    }

    form[name="frmSuche"] #idSuche {
        width: -webkit-fill-available;
    }

    .owl-stage > .owl-item > .item > .aktion > .zum_artikel > .btnZumProdukt {
        position: absolute;
        top: 20px;
        right: 10px;
    }

    .zubehoer .items .item .artikel_langtext {
        min-height: 60px;
    }

    .zubehoer .items .item .artikelbild {
        min-height: 120px;
    }

    .owl-carousel h4.artikel_bezeichnung {
        min-height: 45px;
    }

    h2 {
        font-size: 18px;
    }

    .search .input-group-btn .btn-default {
        padding: 5px 5px 2px 5px;
    }

    #cista header.fixed {
        position: fixed;
    }

    .bestellung_zahlung #btnZahlung {
        float: right;
    }

    .bestellprozess_schritt_4_zahlung .buttons>#btnBack {
        width: 120px;
    }

    .filter.sortieren #filter-wrapper form {
        margin: 0px;
        width: 50%;
        float: left;
        border: 2px solid black;
        padding-bottom: 1px;
    }

    .filter.sortieren #filter-wrapper .sortieren i {
        left: 43%;
        width: max-content;
        top: 13px;
    }

    #filter-wrapper .sortieren select {
        border: none;
        color: #000000;
    }

    .filter-wrapper.filter {
        border: none;
    }

    #filter-wrapper .filter-wrapper.filter {
        padding: 0px;
        margin: 0px;
    }

    #idFilterMobil.fixed .btn-thick {
        border-left: none;
        border-right: none;
        margin-top: 6px;
    }

    .hinweisbox #idFilterMobil.fixed .btn-thick {
        margin-top: 13px;
    }

    body.start .main .item a .img-responsive {
        margin: 0 auto;
    }

    .start .main .item {
        margin-bottom: 15px;
    }

    .start .main .item:nth-child(odd),
    .rubrik .rubrik_item:nth-child(odd),
    .inhalt_faq .rubrik_item:nth-child(odd),
    .inhalt_montage .rubrik_item:nth-child(odd){
        padding-right: 5px;
    }

    .start .main .item:nth-child(even),
    .rubrik .rubrik_item:nth-child(even),
    .inhalt_faq .rubrik_item:nth-child(even),
    .inhalt_montage .rubrik_item:nth-child(even) {
        padding-left: 5px;
    }

    .rubrik_item .btnOrange.btn-block.start,
    .start .main .item .btnOrange.btn-block.start {
        position: unset;
        width: 100%;
        margin-top: 10px;
        font-size: 16px;
        white-space: normal;
        height: 45px;
        display: table-cell;
    }

    .rubrik_item .table100,
    .start .table100{
        display: table;
        width: 100%;
    }

    .start .item > a {
        padding-bottom: 10px;
    }

    .owl-stage>.owl-item>.item img {
        width: auto;
    }

    .active .aktion .artikel_preis {
        padding-top: 0px;
    }

    .artikelmerkmale_mobil .accordionBtn.collapsed.collapseKonfiguration {
        color: #ea7c13;
        background-color: transparent;
        border: 1px solid #ea7c13;
    }

    .checkout .uebersicht,
    .checkout.bestellprozess_schritt_4_zahlung .zahlung,
    .checkout.bestellprozess_schritt_4_zahlung .ts-kaeuferschutz-div,
    .checkout.bestellprozess_schritt_4_zahlung .buttons {
        padding: 0px;
    }

    .bestellung_zahlung #btnZahlung {
        width: 180px;
    }

    .bestellung_uebersicht.versandbedingungen .form-group,
    #frmUebersicht .form-group,
    #frmUebersicht .postfix {
        font-size: 13px;
    }

    #frmUebersicht .checkbox input[type="checkbox"] {
        margin-top: 10px;
    }

    #frmUebersicht .checkbox {
        margin-top: 0px;
        padding-left: 0px;
    }

    .mm-listview {
        font-size: 16px;
    }

    .start .main .item .btnOrange.btn-block.start:hover {
        background-color: #ea7c13;
        border-color: #ea7c13;
        color: #ffffff;
    }

    .filter.sortieren #filter-wrapper .filter-wrapper {
        padding: 0px;
    }

    .filter .dach_wand_planer_sidebar {
        margin: 10px 0px 0px 0px;
    }

    #idFilterMobil {
        z-index: 105;
    }

    .mm-opening #idFilterMobil {
        z-index: 98;
    }

    .gruppe h1 {
        margin-bottom: 0px;
    }

    .anschrift #anschrift_Ort .feld_ort {
        margin-left: 0px;
        padding-right: 15px;
    }

    #anschrift_Strasse .Strassenname.has-feedback .form-control-feedback {
        right: 15px;
    }

    #filter-wrapper .fixed .filter.aktive-merkmale-outer {
        background-color: #ffffff;
        margin: 0px;
        border-bottom: 1px solid #000000;
        height: 39px;
    }

    .fixed .filter ul.aktive-merkmale li .material-icons,
    .filter ul.aktive-merkmale li .material-icons {
        margin-top: 11px;
    }

    .cart-item .montage select {
        width: 100%;
    }

    footer .bottomnav_navigation a {
        color: #000;
    }

    footer .bottomnav_navigation h5 a {
        color: #000;
    }

    .anmeldung_geschaeftskonto .material-switch .control-label {
        width: 100%;
        display: inline-block;
    }

    /* Start Footer mit Hintergund*/
    footer .bottomnav_navigation .padding-mobil ul {
        background: #eee;
    }

    footer .padding-mobil {
        margin: 0px -20px;
    }

    footer .padding-mobil .widget {
        padding: 10px 0px 0px 0px;
    }

    footer .padding-mobil li,
    footer .padding-mobil .bewertung_box,
    footer .padding-mobil div[class^="col-"].zahlungsmethoden {
        padding: 0px 15px;
    }

    footer .padding-mobil .zahlungsmethoden-methoden.open li {
        padding: 0px 10px;
    }

    footer .padding-mobil .widget .h5,
    footer .padding-mobil .widget h5 {
        padding: 0 15px 10px 15px;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .04em;
        font-family: inherit;
    }

    footer .padding-mobil div[class^="col-"],
    footer .padding-mobil .no-padding-mobil {
        padding: 0px 1px;
    }
    /* Ende Footer mit Hintergund*/
}

@media (max-width: 364px) {
    .inhalt_faq .rubrik_item:nth-child(odd),
    .inhalt_montage .rubrik_item:nth-child(odd),
    .rubrik .rubrik_item:nth-child(odd),
    .start .main .item:nth-child(odd) {
        padding-right: 4px;
    }
    .inhalt_faq .rubrik_item:nth-child(even),
    .inhalt_montage .rubrik_item:nth-child(even),
    .rubrik .rubrik_item:nth-child(even),
    .start .main .item:nth-child(even) {
        padding-left: 4px;
    }
}

@media (max-width: 350px) {

    .vergleichsliste_btn .vergleichsliste_btn_vergleichen a,
    .vergleichsliste_btn .vergleichsliste_btn_zurueck a {
        font-size: 12px;
    }

    .header_warenkorb.col-xs-2 {
        width: 16.66666667%;
    }

    .product-main .artikel_hinweise {
        font-size: 9px;
    }

    .product-main #idPersonalisiert0 {
        width: 95px;
    }


    #frmArtikel .table.table-condensed.artikelrabatt {
        font-size: 11px;
    }

    .eingabefelder-reklamation .dropdown {
        font-size: 16px;
    }

    .footer_unten .impressum a {
        font-size: 11px;
    }
}

.lowercaseSpan {
    text-transform: none;
}

.startseiteinhalth2 {
    margin-top: 20px;
}

.artikel_bezeichnung {
    word-wrap: break-word;
}

.item .artikel_bezeichnung a {
    color: #000000;
}

.zubehoer .items .box_zubehoer_mobil .item .artikel_bezeichnung {
    font-size: 18px;
    line-height: 28px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 1px 0;
    margin: 1px 0 10px;
    font-weight: 600;
    color: #000;
    letter-spacing: .04em;
}

@media(max-width: 768px) {
    .modal-lg {
        width: auto;
    }

    .reklamation .full-width .col-sm-8 {
        width: 100%;
    }

    .hinweisbox_mobil_anzeige {
        display: block;
    }

    .hinweisbox_desktop_anzeige {
        display: none;
    }

    .form-control {
        font-size: 16px;
    }

    #hinweisbox {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }

    .bewertungen_anzeigen .fa-star {
        margin-right: 12px;
    }

    #frmArtikel .artikel_bilder {
        padding-top: 5px;
    }

    .artikel_bilder .item.video .mobil-video-youtube {
        background-size: cover;
        margin: auto;
        max-width: 480px;
        max-height: 360px;
    }

    #frmArtikel .youtube_playbutton.bigger img {
        height: 40px;
    }

    footer .padding-mobil .fa-envelope {
        font-size: 15px;
    }

    .link_dachplaner {
        background: #ea7c13;
    }

    .link_dachplaner h5 span,
    .link_dachplaner .h5 span {
        padding-right: 15px;
    }

    .link_dachplaner h5,
    .link_dachplaner .h5 {
        color: #fff;
    }

    .vergleichsliste_btn_vergleichen .btn_unterschiede.btn.btn-primary:focus:hover {
        background: #ea7c13;
        color: #fff;
    }

    #chat-widget-container {
        bottom: 0!important;
    }

    .inhalt_datenschutz a {
        word-break: break-all;
    }

    .product-main h1.artikel_bezeichnung {
        margin-top: 15px;
    }

    .gruppe .rubrik_item h3 {
        color: #ea7c13;
    }

    .mm-menu .mm-navbar button#dropdownMenuShopAuswahl {
        float: left;
        padding-left: 15px;
    }
    .mm-menu_offcanvas{
        width: 100% !important;
    }
}

@media(min-width: 768px) {
    #modalWarenkorb .modal-sm {
        width: 330px;
    }

    #frmAnschrift .control-label {
        font-weight: 700;
    }

    .reklamation .dropdown-auswahl {
        display: none;
    }

    #ownTSBadge {
        background: #fff;
    }

    .artikel_bilder .item.video .mobil-video-youtube {
        min-height: 370px;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

    #modalMerklisteArtikel .modal-sm {
        width: max-content;
    }

    #modalMerklisteHinweis .modal-sm {
        width: 460px;
    }

    .modal-content.GutscheinFehler {
        width: 460px;
    }

    .gruppe .artikelbild {
        padding-right: 0px;
        max-height: 280px;
    }
}

@media(max-width: 1024px) {
    .anschrift #anschrift_Ort .feld_ort {
        margin-left: 0px;
        padding-right: 15px;
    }

    .bestellprozess_schritt_2_anschrift .buttons #btnBack {
        float: left;
    }

    #frmAnschrift .control-label {
        text-align: left;
    }

    #profile-carousel.items .item {
        padding-top: 25px;
    }

    .anschrift .anrede_auswahl .radio label {
        padding: 0px;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz {
        height: 165px;
        width: 365px;
    }

    .header_warenkorb,
    .header_warenkorb .header-warenkorb {
        width: max-content;
    }

    .header-hinweis ul li {
        padding-right: 0px;
    }

    .fixed .container_nav {
        margin: 0px;
    }

    .fixed .navbar .nav>li>a {
        padding: 10px 5px;
        font-size: 13px;
    }

    .nav_warenkorb {
        display: block;
    }

    .header-hinweis .inhalt ul {
        font-size: 12px;
    }

    html .hinweisbox #cista {
        padding-top: 154px;
    }
}

@media(max-width: 1024px) {
    .belege .table-striped .Bezeichnung {
        text-align: left;
    }

    .belege .table-striped .Zusatz {
        text-align: left;
    }
}


@media (max-width: 1024px) and (min-width: 768px) {
    #categorie_navigation.fixed .container_nav {
        margin-left: 0px;
    }

    .hinweisbox_desktop_anzeige {
        display: none;
    }

    .hinweisbox_mobil_anzeige  {
        display: block;
    }

    .gruppe #MyCustomTrustbadge {
        display: none;
    }

    .hinweisbox_mobil_anzeige #hinweisbox {
        margin: 0px;
    }

    #mmenu {
        top: 65px!important;
    }

    .hinweisbox #mmenu {
        top: 90px!important;
    }

    .panel.panel-default.buttonPlanerMobil .fa {
        padding-right: 12px;
    }

    .telefonnummer_auswahl.eine_nummer_sichtbar .has-error .form-control-feedback {
        top: 0;
        right: 10px;
    }

    .owl-stage>.owl-item>.item>.aktion>.zum_artikel>.btnZumProdukt,
    .owl-stage>.owl-item>.item>.aktion>.zum_artikel {
        position: unset;
        margin: 0px;
    }

    .owl-stage>.owl-item>.item>.aktion>.zum_artikel {
        margin-right: 15px;
    }

    #accordion_zubehoer_mobil .owl-stage .item .artikel_bezeichnung {
        min-height: 95px;
    }

    .zubehoer .items .item {
        height: 350px;
    }

    .active .aktion .zum_artikel {
        top: 245px;
    }

    .bestellprozess_schritt_1_warenkorb form[name="frmBestellschein"] .buttons .btn-default {
        width: 150px;
    }

    #anschrift_Strasse .Strassenname.has-feedback .form-control-feedback,
    .form-horizontal .Ort .form-control-feedback {
        right: 15px;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .seals {
        right: -270px;
    }
}

@media(min-width: 1025px) {
    #app_hinweis {
        display: none;
    }

    .mein_belege .kein_beleg {
        min-height: 150px;
    }

    header .icons {
        padding: 7px 10px 0px 0px;
    }

    .header-warenkorb-button .fa-shopping-cart {
        padding-left: 10px;
    }

    .icons > .merkliste {
        padding: 0px;
    }

    .icons > .warenkorb {
        padding-left: 10px;
    }
}

@media (max-width: 1275px) and (min-width: 1025px) {
    .header_warenkorb {
        width: 190px;
    }

    #app_hinweis {
        padding-top: 0px!important;
    }

    .header_warenkorb .header-warenkorb.hidden-md,
    .header_warenkorb .header-warenkorb {
        display: block!important;
    }

    header .icons .text-bezeichnung {
        font-size: 10px;
        color: #000;
    }

    header .icons .warenkorb .text-bezeichnung {
        display: none;
    }

    #idSucheMenu #idFrmSuche i {
        right: 35px;
    }

    #idFrmSuche form button {
        padding: 5px;
    }

    .navbar .nav > li > a {
        margin-top: 0px;
    }

    #app_hinweis {
        display: block;
    }

    header .header-hinweis ul {
        padding-left: 15px;
    }

    #cista header .logo.logo-header a img {
        width: 90px;
        top: 10px;
        left: -25px;
    }

    .artikel .owl-stage>.owl-item>.image {
        height: 100%;
    }

    #frmArtikel .items .owl-carousel .item {
        height: auto;
    }

    #frmArtikel .owl-carousel .owl-video-tn {
        background-color: #000;
    }

    .anschrift #anschrift_Ort .feld_ort {
        margin-left: 0px;
        padding-right: 15px;
    }

    .form-horizontal .Ort .form-control-feedback {
        right: 10px;
    }

    #anschrift_Strasse .Strassenname.has-feedback .form-control-feedback {
        right: 15px;
    }

    .bestellprozess_schritt_1_warenkorb .panel-title .fa {
        font-size: 16px;
    }

    .header_merkliste .header-merkliste,
    .header_warenkorb .header-warenkorb {
        width: 141px;
        text-align: center;
    }

    .header-hinweis ul li {
        font-size: 11px;
    }

    .header_warenkorb,
    .header_warenkorb .header-warenkorb,
    .header_merkliste .header-merkliste {
        width: max-content;
    }

    #categorie_navigation.fixed .navbar .nav>li>a {
        font-size: 11px;
    }

    .nav_warenkorb {
        display: block;
    }

    .header_warenkorb {
        margin: 0 auto;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .start .main .item .btnOrange.btn-block.start,
    .rubrik_item .btnOrange.btn-block.start {
        left: 14%;
    }

    .col-md-offset-12k5.rubrik_item .btnOrange.btn-block.start {
        left: 17.5%;
    }

    #cista header .logo.logo-header a img {
        left: 0px;
    }
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .navbar .nav > li > a {
        /*padding: 12px 5px;*/
        font-size: 13px;
    }
}
@media (min-width: 1200px) and (max-width: 1370px) {
    .icons #idFrmSuche {
        left: -175px;
        margin-top: 5px;
    }

    /*header .icons {
        padding: 5px 0px 0px 0px;
        position: absolute;
        right: 30px;
    }*/

    header .icons > .search {
        padding: 0px;
    }

    #topnav_shopauswahl .land .radio input[type=radio],
    .kundengruppe .radio input[type=radio] {
        margin-top: 9px;
    }

    .radioerechnung label {
        padding: 5px 70px 10px 0;
    }

    .container.bestellprozess_schritt_2_anschrift .col-sm-5.feld_telefonmobilvorwahl {
        width: 53.666667%;
    }

    #frmArtikel #auswahl-thumbnail .owl-video-tn {
        min-height: 60px;
    }

    #frmArtikel .youtube_playbutton img {
        height: 10px;
    }

    #idFrmSuche form button {
        padding: 4px 5px 5px 5px;
    }

    #idSucheMenu #idFrmSuche i {
        right: 35px;
    }

    #button_sortieren,
    .dropdown.filter .btn {
        font-size: 15px;
    }

    #filter-wrapper.fixed {
        margin-top: 50px;
    }

    #filter-wrapper .btn-fp-desktop.planer-starten {
        font-size: 14px;
    }

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

    .social .list-inline > li {
        padding-right: 0px;
    }

    .cart-wrapper .row > div.item-input.aktion {
        padding: 5px 10px;
    }

    .form-group.Ort .col-lg-5.feld_ort {
        width: 29%;
    }

    .bestellung_uebersicht .tcart .bild {
        width: 12%;
    }

    .bestellung_uebersicht .tcart .bild img {
        width: 100%;
    }

    .btn_vergleichen.btn.btn-default,
    .btn.btn_in_den_warenkorb {
        font-size: 16px;
    }

    .merkliste .col-md-4.buttons, .merkliste .table-merkliste .col-md-4 {
        padding-left: 15px;
    }

    .table-merkliste .item-input.aktion {
        width: 100px;
    }

    .col-lg-8.hinweis-header {
        width: 50%;
    }

    .col-lg-3.topnav.service {
        width: 41.666%;
    }

    .col-lg-offset-1:not(.hinweis-header) {
        margin-left: 0%;
    }

    .col-lg-10 {
        width: 100%;
    }

    .col-lg-10.items {
        width: 83.33333333%;
    }

    #frmArtikel .col-lg-1.abstand {
        width: 0%;
    }

    #frmArtikel .col-lg-3.artikeldaten_box {
        width: 39%;
    }

    .bestellprozess_schritt_2_anschrift .col-lg-5.anschrift,
    .bestellprozess_schritt_2_anschrift .col-lg-5.lieferanschrift {
        width: 50%;
    }

    .checkout.bestellprozess_schritt_1_warenkorb .col-lg-7.uebersicht {
        width: 74.9%;
    }

    .header-hinweis ul li {
        font-size: 12px;
    }

    .col-lg-offset-1.impressum,
    .col-lg-offset-1.fragen_antworten {
        margin-left: 8.33333333%;
    }

    .telefon_auswahl_select .label_auswahl_telefon {
        float: right;
    }

    .telefon_auswahl_select {
        padding-right: 0px;
    }

    #categorie_navigation {
        padding: 0px;
    }

    #chat-widget-container {
        bottom: 0px!important
    }

    .hidden-surface {
        display: none;
    }

    .visible-surface {
        display: block!important;
    }

    #cista .logo >a > img {
        width: 115%!important;
    }

    .logo-header img {
        top: -20px!important;
    }

    #cista header.fixed-desktop .logo img {
        top: 0px!important;
    }

    .bottomnav_navigation .col-md-3.fragen_antworten {
        width: 20%;
    }

    .bottomnav_navigation .col-lg-3.zahlungsmethoden {
        width: 30%;
    }
}

@media (min-width: 1276px) and (max-width: 1462px) {
    #cista .fixed-desktop .logo>a>img {
        width: 90%!important;
    }

    body.gruppe.artikelgruppen [id^="tsbadge"] {
        display: none !important;
    }

    #idSucheMenu #idFrmSuche i {
        right: 45px;
    }
/*
    .navbar .nav > li > a {
        padding: 10px 7px;
    }
*/
    #filter-wrapper.fixed {
        margin-top: 0px;
    }

    .form-group.Ort .col-lg-5.feld_ort {
        width: 41%;
    }

    .col-lg-8.hinweis-header {
        width: 57%;
    }

    .col-lg-3.topnav.service {
        width: 34.666%;
    }
}

@media(max-width: 1380px) {

    .nav_logo{
        display: none!important;
    }
}

@media (min-width: 1700px) {
    .popover.check_dachform {
        top: 35%!important;
    }
}

@media (max-width: 1700px) {
    .nav_merkliste {

    }

    .filter.sortieren #filter-wrapper .sortieren i {
        right: 40px;
    }

    .filter.sortieren #filter-wrapper.fixed .sortieren i {
        right: 24px;
    }

    .nav_outer_suche {
        display: none!important;
    }
}

@media (min-width: 1276px) {
    .anschrift .anrede_auswahl .radio label,
    .lieferanschrift .anrede_auswahl .radio label {
        padding: 5px 100px 5px 0px;
    }

    #topnav_shopauswahl .land .radio input[type=radio],
    .kundengruppe .radio input[type=radio] {
        margin-top: 8px;
    }

    .bestellprozess_schritt_1_warenkorb form[name=frmBestellschein] .buttons .btn-default {
        float: none;
    }

    .warenkorb .cart-wrapper .cart-footer {
        margin-top: 0px;
    }

    .button_cookieHinweis {
        float: left;
    }

    #frmReklamation .fileupload-buttonbar {
        margin-left: 0;
    }

    #frmArtikel .owl-carousel .owl-dots {
        display: none;
    }

    .gutscheine_heandler {
        width: 65%;
        float: left;
    }

    .product-main .artikel_hinweise .zuschlag>div:nth-child(odd),
    .product-main .artikel_hinweise .artikel_hinweis>div:nth-child(odd),
    .product-main .artikel_hinweise .LieferStatus>div:nth-child(odd),
    .product-main .artikel_hinweise .artikel_nummer>div:nth-child(odd),
    .product-main .artikel_hinweise .artikel_marke>div:nth-child(odd) {
        padding-left: 15px;
    }

    #categorie_navigation {
        padding: 0px;
    }

    .bestellprozess_schritt_1_warenkorb .row.anmerkung {
        margin: 0px;
    }

    .bs-docs-nav.hidden-xs.fixed {
        min-height: 45px;
    }

    .telefonnummer_auswahl .telefon_auswahl_select{
        text-align: right;
        padding: 0;
    }

    .artikel .owl-stage > .owl-item > .image img,
    .artikel .owl-stage > .owl-item > .item img {
        display: inline;
        width: 100%;
        max-width: 100%;
        max-height: 760px;
    }

    .inhalt .owl-stage > .owl-item > .image img,
    .inhalt .owl-stage > .owl-item > .item img {
        display: inline;
        width: 100%;
    }

    .form-group.TelefonPrivat input,
    .form-group.TelefonGeschaeft input,
    .form-group.TelefonMobil input,
    .form-group.Fax input,
    .telefonnummer_auswahl.form-group input {
        height: 32px!important;
    }

    .header-warenkorb {
        text-align: center;
    }

    .zubehoer img {
        max-height: 100px;
    }

    #zubehoer_panel .artikelbild img {
        margin: 0 auto;
    }

    .btnOrange, .btnZumProdukt {
        height: 41px;
        line-height: 25px;
    }

    .empfehlung_text_mobile {
        display: none;
    }

    #cista .flex-main .slides img {
        width: 1856px;
    }

    .flex-caption > p {
        margin-bottom: 10px;
    }

    .flex-caption > div:last-child > a {
        margin-top: 10px;
    }

    .flex-caption > div:last-child > p {
        margin-bottom: 0;
    }

    .zubehoer .items .item {
        height: 290px;
    }

    .LieferTelefon1 #idLieferTelefon1Vorwahl, .LieferTelefon1 #idLieferTelefon1Rufnummer {
        height: 32px!important;
    }

    .input-group-btn > button {
        width: 45px!important;
        height: 34px;
        border: 1px solid lightgrey;
    }

    .number-wp {

    }

    .navbar {
        min-height: 38px;
    }

    .number-tud {

    }

    .number-wp a {
        /*
        margin-left: -60px;
        */
    }

    .number-fzwp a {

    }

    .number-ls a {
        padding-left: 55px!important;
        padding-right: 55px!important;
    }

    .number-tud  a {

    }

    .number-cp a {
        padding-left: 60px!important;
        padding-right: 60px!important;
    }

    .number-pl a {

    }

    .number-sa a {

    }

    .zubehoer .btnZumProdukt {
        line-height: 32px
    }

    .zubehoer .items .item .artikelbild {
        height: max-content;
    }

    .artikel_preis > .preisText {
        display: block;
    }

    #opoverNewsletter {
        width: auto;
    }

    #opoverNewsletter > input {
        height: 32px!important;
        line-height: 1.42857143;
    }

    label[for="idHausnummer"],
    label[for="idLieferHausnummer"],
    label[for="idOrt"] {
        padding-left: 0;
        padding-right: 0;
        width: 5.333333%;
    }

    .baugewerbe_registrieren label[for="idOrt"] {
        width: 33.33333333%;
        padding: 7px 15px 0px 15px;
    }

    .Strasse div.col-sm-5.col-xs-12,
    .LieferStrasse  div.col-sm-5.col-xs-12 {
        width: 44.666667%;
        padding-right: 0;
    }

    html .hinweisbox #cista {
        padding-top: 126px;
    }
}

@media (min-width: 1276px) and (max-width: 1370px) {
    .icons>.merkliste {
        padding: 0 0 0 10px;
    }
}
/*@media (min-width: 1463px) and (max-width: 1554px) {
    .navbar .nav > li > a {
        padding: 10px 15px;
    }
}*/

@media (min-width: 1463px) and (max-width: 1536px) {
    /*#categorie_navigation {
        width: 70%;
    }
    header .col-lg-3.icons {
        width: 21%;
    }*/
}

@media (min-width: 1350px) and (max-width: 1500px) {
    #cista {
        /*padding-top: 98px!important;*/
    }

    .anschrift .anrede_auswahl .radio label,
    .lieferanschrift .anrede_auswahl .radio label {
        padding: 0px;
    }

    .merkliste .col-md-4.buttons,
    .merkliste .table-merkliste .col-md-4 {
        padding-left: 0px;
    }
}

.empfehlung_text_desktop {
    width: 220px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.eingabefelder {
    /*width: 675px;*/
}

#cookie-hinweis {
    text-align: center;
    position: fixed;
    z-index: 9999;
    width: 100%;
    margin-top: 100px;
    bottom: 0px;
}

#cookie-hinweis a {
    color: #ffffff;
    text-decoration: underline;
}

.artikel_variante {
    border: 2px solid #ea7c13;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.inhalt .carousel-planer .owl-stage > .owl-item > .image {
    text-align: center;
    height: 415px;
    vertical-align: middle;
    width: 100%;
}

.owl-stage > .owl-item > .item {
    text-align: center;
}

@media (max-width: 750px) {
    .fax, .phoneText, .phoneNumber, .mailText, .mailNumber {
        display: none;
    }

    .kontakt_ajax > .dl-horizontal {
        text-align: center;
        margin-left: 0;
    }

    modal-rechnung-zahlen {
        min-width: 500px;
    }

    #zubehoer_carousel {
        margin-bottom: 0;
    }

    .bestellprozess_schritt_1_warenkorb > .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .bestellprozess_schritt_1_warenkorb > .col-md-12 .form-group {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 751px) {
    .mobileSymbol {
        display: none;
    }


    .modal-rechnung-zahlen {
        min-width: 720px;
    }


}

@media (max-width: 991px) {
    body {
        cursor: pointer; /* Safari Bug um Tooltip zu schließen */
    }

    .no-border-mobile {
        border: none;
        box-shadow: none;
    }

    .no-padding-mobile {
        padding: 0px;
    }

    .passwort_zuruecksetzen #btnSubmit {
        width: 100%;
    }

    #frmAnschrift .lieferanschrift .panel .no-padding-mobile {
        padding-top: 15px;
    }

    #frmReklamation {
        border: none;
        padding: 0px;
    }

    .prefix_gruppe_inhalt > .panel-body {
        border: none;
        box-shadow: none;
        padding: 0px;
    }

    footer .padding-mobil .fa-envelope {
        font-size: 15px;
    }

    .link_dachplaner h5,
    .link_dachplaner .h5 {
        color: #fff;
    }

    .link_dachplaner h5 span,
    .link_dachplaner .h5 span {
        padding-right: 15px;
    }

    .link_dachplaner {
        background: #ea7c13;
    }

    .etrusted-badge-container {
        display: block!important;
    }

    /*
    [id^=minimized-trustbadge] {
        display: none!important;
    }
    */

    header .icons .warenkorb .text-bezeichnung {
        color: #000;
    }

    .zubehoer .items .item {
        position: relative;
        border: none;
        box-shadow: none;
        margin-bottom: 0px;
        padding: 0px;
    }

    .angebot-per-mail .panel-body {
        padding-top: 25px;
    }

    .inhalt #cista .container.main .col-md-9.col-sm-9 img {
        margin: 0 auto;
    }

    .artikel #cista .product-main #frmArtikel .artikel_bild .item-image {
        margin: 0 auto;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz {
        margin-bottom: 15px;
    }

    header > .container {
        background: none;
        height: auto;
    }

    .container {
        width: 100%;
        margin: 0 auto;
    }

    #cista header {
        border-bottom: 1px solid #ec7405;
    }

    body #cista {
        padding-top: 65px;
    }

    body.hinweisbox #cista {
        padding-top: 95px;
    }
}

@media (max-width: 991px) and (min-width: 901px) {
    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .col-sm-offset-1.col-sm-11,
    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz {
        width: 95%;
        margin-right: 2.5%;
        margin-left: 2.5%;
    }

    .product-main .artikel_trennleiste {
        margin-top: -15px;
    }
}

@media (min-width: 481px) and (max-width: 991px) {
    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .col-md-4.col-sm-12.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .logo img {
        height: 53px;
    }

    .titel_startseite {
        margin-top: 15px;
    }

    header .text-bezeichnung.menu {
        position: absolute;
        top: 35px;
        font-size: 10px;
        left: 17px;
    }

    header .icons .warenkorb .header_warenkorb {
        width: auto;
    }

    header .icons .text-bezeichnung {
        font-size: 10px;
    }

    .icons .merkliste,
    .icons .vergleichsliste,
    .icons .search,
    .icons .warenkorb {
        padding: 0px;
    }

    .vergleichen .header_vergleichsliste .header-vergleichen {
        line-height: unset;
    }

    .header-vergleichen-button.header-vergleichen-button-desktop {
        line-height: 25px;
    }

    header .icons .header-merkliste {
        margin-top: 4px;
    }

    header .icons .header-warenkorb-button a.iconWarenkorb {
        margin-bottom: 2px;
    }

    header .topnav.service,
    header .hinweis-header {

    }

    .icons .search #idSucheToggle .wert {
        display: none;
    }

    .icons #idFrmSuche {
        left: 75px;
        top: 45px;
    }

    .fixed .icons #idFrmSuche {
        left: 270px;
        top: 5px;
    }

    .icons #idFrmSuche .input-group {
        display: inline-flex;
    }

    #idFilterMobil {
        background: #fff;
        border-bottom: 1px solid #ccc;
    }

    #accordion_zubehoer_mobil .artikelbild img {
        height: 100px;
        max-width: none;
        width: auto;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .seals {
        right: -260px;
    }

    #frmUebersicht .bestellung_anmerkung_panel .panel-heading {
        display: inline-block;
        width: 100%;
    }

    .rubrik_item .btnOrange.btn-block.start,
    .start .main .item .btnOrange.btn-block.start {
        position: unset;
        width: 100%;
    }

    .active .aktion .zum_artikel {
        position: absolute;
        top: 10px;
        left: 45px;
    }

    .bestellprozess_schritt_1_warenkorb .table {
        font-size: 13px;
    }

    .anschrift #anschrift_Ort .feld_ort {
        margin: 0px;
    }
}

@media (max-width: 380px) {
    .mm-opened .social li a {
        width: 28px;
    }

    .product-main .artikeldaten {
        font-size: 12px;
    }

    .footer_unten .social_media ul li {
        margin-right: 5px;
    }
}

@media (max-width: 340px) {
    #cookie-hinweis form {
        font-size: 13px;
        margin: 5px 15px 5px 15px;
    }

    .cookie_hinweis_input {
        padding-bottom: 5px;
        font-size: 12px;
    }

    .mm-opened .social li a {
        width: 28px;
    }

    #frmArtikel .table.table-condensed.artikelrabatt {
        font-size: 10px;
    }

    #modalFragezeichenLaenge .modal-content {
        width: auto;
    }

    .bestaetigung_content {
        margin-top: 285px;
    }

    canvas#canvas-confetti {
        height: 685px;
    }

    .bestellprozess_schritt_1_warenkorb .buttons .btn-zur-kasse {
        width: 45%;
        padding: 17px 5px;
    }

    .row.cart.bestellprozess_schritt_1_warenkorb.warenkorb .col-md-4.buttons .btn.btn-default {
        font-size: 15px;
    }

    #modalArtikelLoeschen .modal-content {
        width: 300px;
    }

    .mm-listview .mobil-service-menu {
        margin-bottom: 40px;
    }

    #mmenu .social li {
        padding: 5px 0px 0px 3px;
    }

    .footer_unten .apps ul li {
        width: 45%;
    }

    .footer_unten .social_media ul li {
        margin-right: 9px;
        width: 9%;
    }

    #filter-mobil .footer {
        margin-bottom: 30px;
    }

    .bestellprozess_schritt_1_warenkorb form[name=frmBestellschein] .buttons .btn-default {
        width: 34%;
        font-size: 10px;
        margin-right: 0px;
    }

    .bestellprozess_schritt_2_anschrift form #btnBack {
        width: 35%;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz {
        width: 100%;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .seals {
        margin-left: 85px;
    }

    .bestellprozess_schritt_1_warenkorb .rechnungsadresse .email div:nth-child(2),
    .bestellprozess_schritt_1_warenkorb .rechnungsadresse .col-xs-11 {
        width: auto;
    }

    .artikel_merkmale_tabelle {
        font-size: 10px;
    }

    #uebersicht_flaechen .panel-body {
        max-height: none!important;
    }

    #content_fp-schritt.Flaechenplaner .summen,
    #uebersicht_flaechen .warenkorb_artikel .artikel_daten {
        font-size: 12px;
    }

    .Flaechenplaner .summe_brutto {
        font-size: 11px;
    }

    .product-main .FormelRechnunginput {
        width: 95px;
    }

    #frmArtikel .rechts {
        padding-right: 0px;
    }

    .artikel_merkliste_btn {
        font-size: 15px;
    }

    .owl-stage>.owl-item>.item img {
        max-width: 210px;
    }

    .merkliste_mobil .buttons>span>a {
        font-size: 12px;
    }

    .btn_in_den_warenkorb_span {
        margin-top: 3px;
    }

    .owl-stage>.owl-item>.item>.aktion>.zum_artikel>.btnZumProdukt {
        width: 70%;
    }

    .zubehoer .items .item .artikel_langtext {
        min-height: 80px;
    }

    .zubehoer .items .item {
        height: 360px;
    }

    #product-main #frmArtikel .planer-starten {
        font-size: 16px;
    }

    .auswahl-verlegerichtung .ueberschrift {
        display: block;
    }
}


@media (min-width: 901px) {
    .mein_zahlungsoptionen button.btnSubmit {
        width: 380px !important;
    }

    .mein_zahlungsoptionen .zahlungrow {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mein_belege .login_anmelden_btn_div {
        float: left;
    }

    .mein_zahlungsoptionen .zahlung {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd;
        padding-right: 30px;
    }

    .mein_zahlungsoptionen .buttons {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .checkout .login_passwort_vergessen_div a {
        width: auto;
        float: right;
        font-size: 16px;
    }

    .checkout .login_passwort_vergessen_div.haendler a {
        width: 100%;
    }

    .login_haendler a.registrieren {
        width: 100%;
    }

    .login_haendler .registrieren:hover {
        border-color: #ea7c13;
        color: #ea7c13;
    }

    .login_haendler label {
        font-size: 16px;
    }

    .checkout .login_passwort_vergessen_div a:hover {
        color: #ea7c13;
    }

    .lieferadresse > .anrede_auswahl {
        margin-top: 20px;
    }

    .vergleichsliste .artikel_delete_icon {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 20px;
        border: none;
        padding-right: 2px;
        padding-left: 2px;
        border-radius: 2px;
        background-color: white;
    }

    .vergleichsliste_btn {
        float: right;
    }

    .vergleichsliste_btn .vergleichsliste_btn_vergleichen {
        margin-left: 5px;
    }

    .vergleichsliste_btn .vergleichsliste_btn_vergleichen,
    .vergleichsliste_btn .vergleichsliste_btn_zurueck {
        display: inline-block;
    }


    .product-main .btn_warenkorb .popover .row div:first-child {
        padding-left: 5px;
        padding-right: 5px;
    }

    .product-main .btn_warenkorb .popover .row div:last-child {
        padding-left: 5px;
        padding-right: 5px;
    }

    .product-main .artikel_hinweise > div > div.col-sm-3:nth-child(odd) {
        padding-right: 0;
        padding-left: 10px;
    }

    .product-main .artikel_hinweise > div > div.col-sm-9:nth-child(even) {
        padding-left: 22px;
    }

    .bestellprozess_schritt_2_anschrift form .important.sattelzug label {
        margin-left: 5px;
    }

    .bestellprozess_schritt_2_anschrift form .important.sattelzug input {
        margin-left: 0;
    }

    .bestellprozess_schritt_2_anschrift .anrede_auswahl .radioHerr {
        padding-right: 5px;
        padding-left: 0;
    }
    .bestellprozess_schritt_2_anschrift .anrede_auswahl .radioFrau {
        padding-left: 5px;
        padding-right: 0;
    }

    body.bestellschein .ts_video {
        margin-right: 36px;
        margin-left: 36px;
        padding-right: 0;
        padding-left: 0;
    }

    .modal-dialog .modal-body .warenkorb thead .daten {
        padding-left: 24%;
    }

    .col-md-offset-youtube-05 {
        margin-left: 4%;
    }

    .toggle_text h2 {
        margin-bottom: 1px;
        font-size: 22px;
    }

    .product-main .artikel_kurztext {
        color: red;
        margin: 15px 0 0;
        text-align: center;
        font-weight: bold;
    }

    .product-main .artikel_kurztext + div > .btn.planer-starten {
        margin-top: 15px;

    }

    .bestellung_uebersicht #btnSubmit {
        margin-bottom: 15px;
        padding: 18px 23px 18px 23px;
        font-weight: bold;
        font-size: 18px;
    }

    .rechnung_deaktiviert .hinweis_text {
        position: absolute;
        left: 50%;
        top: 35%;
        font-weight: bold;
        color: red;
        transform: rotate(-10deg);
    }

    .mein_belege .beleg_kopf_rechts,
    .mein_belege .beleg_kopf_links,
    .mein_belege .FremdwaehrungBrutto .Waehrungscode {
        display: inline-block;
    }

    .mein_belege .beleg_kopf_links {
        width: 25%;
    }

    .mein_belege_vorkasse .bold {
        font-weight: bold;
    }

    .mein_zahlung .rahmen {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mein_zahlung .rahmen .belege{
        padding-top:10px;
    }

    .mein_zahlung .checkout.rahmen {
        width: 100%;
    }

    .mein_zahlung .checkout .login_anmelden_btn_div {
        margin-left: 127px;
    }

    .rahmen .checkout>form[name="frmLogin"]>.form-group>label {
        width: 33%;
    }

    #montage table img {
        width: 100%;
    }

    .passwort_vergessen_form_div .form-group label {
        text-align: left;
        width: 23%;
    }

    .passwort_vergessen_form_div .form-group input[type="submit"] {
        margin-left: 22%;
    }

    body:not(.mein_aendern) .eingabefelder {
        width: 675px;
    }

    body.geschaeftskonto_registrierung .eingabefelder {
        width: 100%;
    }

    .baugewerbe_registrieren.eingabefelder {
        width: 100%;
    }

    form[name="frmFormular"] .eingabefelder label {
        text-align: left;
    }

    form[name="frmFormular"] .radioLieferadresse {
        float: right;
        margin-right: 10px;
    }

    form[name="frmFormular"] .radioRechnungsadresse {
        margin-left: 10px;
    }

    .paypalplus_bezahlart #btnBack {
        margin-right: 10px;
    }

    .paypal_logo {
        margin-left: 28%;
    }

    form[name="frmPaypalPlus"] {
        margin-left: 23%;
    }

    html, body, body > #mm-0 {
        height: 100%;
    }

    body.mein_belege > #mm-0 {
        height: 80%;
    }

    body > #mm-0 > #cista {
        min-height: 100%;
    }

    .belege #beleg dd {
        margin-left: 0;
    }

    .belege #beleg dt {
        text-align: left;
        width: 200px;
    }

    form[name="frmRechnung"] > .form-group > label {
        text-align: left;
        padding-right: 0;
        width: 30%;
    }

    form[name="frmRechnung"] > .col-sm-8.col-sm-offset-4 {
        margin-left: 29%;
        width: auto;
    }

    form[name="frmRechnung"] > .form-group > div > input {
        width: 156%;
    }

    .checkout > form[name="frmLogin"] > .form-group > label {
        text-align: left;
    }

    .checkout > form[name="frmLogin"]  #btnSubmit {
        height: 38px;
        width: 100%;
        font-size: 16px;
    }

    .checkout > .vlist {
        margin-left: 19%;
        list-style-type: none;
    }

    .panel-group .panel-title-arrow-div-loadingclass .fa-caret-down {
        display: none;
    }

    #hinweisbox .marquee p {
        position: absolute;
        width: auto;
        height: 100%;
        margin: 0;
        white-space: nowrap;
        line-height: 34px;
        text-align: center;
        /* Starting position */
        -moz-transform:translateX(100%);
        -webkit-transform: translate3d(100%, 0, 0);
        transform:translateX(100%);
        /* Apply animation to this element */
        -moz-animation: marquee_desktop 20s linear infinite;
        -webkit-animation: marquee_desktop 20s linear infinite;
        animation: marquee_desktop 20s linear infinite;
        -webkit-backface-visibility: hidden;
    }

    #hinweisbox #hinweisbox_mobil {
        display: none;
    }

    .artikelmerkmale_mobil {
        display: none;
    }

    .item-image iframe {
        height: 300px;
        width: 395px;
    }

    .flex-caption {
        margin-top: 0!important;
        height: auto!important;
        padding-bottom: 5px!important;
    }

    #vergleichsliste_hinweis {
        display: none;
    }
}

.mobileSymbol {
    text-align: center;
}

.mobileSymbol > div > a {
    background-color: #ea7c13;
    border: 1px solid #d36605;
    border-radius: 5px;
    display: inline-block;
    margin: 0px auto 0;
    padding: 5px 8px 1px;
    width: 52px;
    height: 45px;
}

.mobileSymbol > div {
    display: inline-block;
}

.mobilePhoneDiv {
    margin-right: 5px;
}

.mobileMailDiv{
    margin-left: 5px;
}

.mobileSymbol > div > a > span {
    color: white;
    font-size: 35px;
    line-height: 35px;
    margin: 0;
    text-align: center;
}

#frmKontakt > .eingabefelder {
    width: auto;
}

@media screen and (max-width: 330px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 355px) {
    .merkmal_panel > .panel-body {
        padding: 5px;
    }

    .belege #beleg .dl-horizontal dd {
        margin-left: 0;
    }
}

.warenkorb_mobil .warenkorb_mobil_fuss .text {
    word-wrap: break-word;
}

.warenkorb_mobil .warenkorb_mobil_fuss .text, .warenkorb_mobil .warenkorb_mobil .wert {
    padding: 0;
}

.warenkorb_mobil .warenkorb_mobil_fuss .wert {
    text-align: right;
}

.warenkorb_mobil .warenkorb_mobil_fuss div {
    padding: 0;
    border: none;
}

.warenkorb_mobil .warenkorb_mobil_fuss div.versandkosten.mobil.anleitung {
    border-bottom: 1px solid #cacaca;
}

.warenkorb_mobil .warenkorb_mobil_bold {
    font-weight: bold;
}

.warenkorb_mobil .artikel_bild {
    padding: 0;
}

.warenkorb_mobil .artikel_bild img {
    width: 100%;
    height: 100%;
}

.warenkorb_mobil .artikel_bezeichnung {
    padding: 0;
}

.warenkorb_mobil .artikel_daten, .warenkorb_mobil .artikel_daten .text, .warenkorb_mobil .warenkorb_artikel_liste, .warenkorb_mobil .artikel_zusatz, .warenkorb_mobil .artikel_preise span,
.warenkorb_mobil .warenkorb_artikel .aktion, .warenkorb_mobil .artikel_preise, .warenkorb_mobil .warenkorb_mobil_fuss .wert, .warenkorb_mobil .warenkorb .col-md-12,
.warenkorb_mobil .warenkorb_artikel_liste, .warenkorb_mobil .warenkorb_artikel .artikel_container, .warenkorb_mobil .warenkorb_artikel .artikel_container .artikel_daten,
.warenkorb_mobil .warenkorb_artikel,
.merkliste .warenkorb_artikel .artikelnummer {
    padding: 0;
}

.warenkorb_mobil .artikel_daten a,
.bestellprozess_schritt_1_warenkorb.warenkorb table a,
.merkliste table a,
.merkliste_mobil .warenkorb_artikel a {
    color: #000000;
}

.warenkorb_mobil .warenkorb_artikel .aktion a:first-child {
    margin-right: 0;
}

.warenkorb_mobil .warenkorb_artikel .aktion a:nth-child(2) {
    margin-right: 5px;
}

.warenkorb_mobil .warenkorb_artikel .text-left.aktion a:nth-child(1) {
    margin-right: 5px;
}

.warenkorb_mobil .artikel_container .artikel_bezeichnung {
    margin-top: 5px;
}

.warenkorb_mobil .warenkorb .gesamtpreisdiv {
    border-top: 2px solid #ddd;
}

.warenkorb_mobil .aktion {
    margin-bottom: 5px;
    margin-top: 5px;
}

.warenkorb_mobil .aktion a {
    float: right!important;
}

.warenkorb_mobil .aktion.text-left a {
    float: left!important;
}

.warenkorb_mobil .warenkorb_artikel {
    border-top: 1px solid #ddd;
    display: inline-block;
    border-right: 0px;
    border-left: 0px;
}

.warenkorb_mobil .warenkorb_artikel_liste .warenkorb_artikel:first-child {
    border-top: none;
}

.warenkorb_mobil .artikel_container {
    display: inline-block;
}

.warenkorb_mobil .warenkorb_mobil_underline {
    text-decoration: underline;
}

.warenkorb_mobil .artikel_nummer {
    padding-left: 15px;
    font-size: 16px;
    margin-bottom: 10px;
}

.warenkorb_mobil .artikel_preise {
    display: inline-block;
    text-align: right;
}

.warenkorb_mobil .artikel_preise .artikel_einzelpreis {
    font-size: 10px;
    color: DarkGray ;
}

.warenkorb_mobil .warenkorb_mobil_fuss > div:last-child {
    margin-bottom: 10px;
    font-size: 16px;
    margin-top: 5px;
}

.warenkorb_mobil .versandkosten {
    margin-bottom: 0!important;
    border-top: 1px solid #ddd;
}

.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th, .table-striped>thead>tr>th, .table-striped>tfoot>tr>th,
.table-striped > tfoot > tr > td {
    background-color: white;
}

.bestellprozess_schritt_1_warenkorb .warenkorb {
    background-color: white;
}

#warenkorb_leer,
#merkliste_leer,
#vergleichsliste_leer {
    text-align: center;
}

#frmWarenkorbEmail .TelefonPrivat.Telefon #idTelefonPrivatVorwahl,
#frmWarenkorbEmail .TelefonPrivat.Telefon #idTelefonPrivatRufnummer {
    height: 32px!important;
}

@media (max-width: 992px) {
    footer .bottomnav_navigation {
        border-top: none;
        line-height: 34px;
    }

    .btnArea {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .belege .rechnungsadresse {
        padding-left: 0px !important;
    }

    .belege .lieferadresse {
        padding-left: 0px !important;
    }

    .belege .Lieferdatum {
        text-align: left !important;
        padding-left: 15px !important;
    }

    .belege .rechnungsadresse {
        text-align: left;
    }

    .belege .lieferadresse {
        text-align: left;
    }

    #filter-mobil {
        margin-top: 30px;
    }

    #cista header {
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
        background: #fff;
    }

    .gruppe #cista header {
        z-index: 9999;
    }

    .shepherd-active #cista header {
        position: absolute;
        border-bottom: 1px solid #7F5200;
    }

    #container_main {
        padding-top: 0px;
    }

    .bestellung_bestaetigung.hinweisbox #container_main {
        padding-top: 30px;
    }

    .youtube_videos div.panel-body[data-youtube-id] {
        padding-right: calc(50% - 240px);
        padding-left: calc(50% - 240px);
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 980px;
    }

    .belege .panel-title {
        font-size: 15px !important;
    }

    .btnArea {
        padding-right: 25px;
        padding-left: 0px;
    }

    .col-md-offset-12k5 {
        margin-left: 12.5%;
    }

    body.rubrik .rubrik_item.einzel {
        margin-left: calc(33.33333333% + 67px);
    }

    #frmDachformauswahl .artikeldaten .input-group {
        width: 260px;
    }

    #modalFlaechenplaner .modal-footer .btn {
        font-size: 16px;
    }

    #cista .logo > a > img {
        height: auto;
        width: 100%;
    }

    .logo-header {
        position: relative;
    }

    .logo-header img {
        position: absolute;
        top: -40px;
        left: 0px;
    }

    header #tsBox #tsSeal > a > img,
    header .tsBox .tsSeal > a > img {
        width: auto;
        height: 42px;
    }

    header #tsBox,
    header .tsBox {
        padding-top: 0;
    }

    header > .container {
        height: auto;
    }

    header .hinweis-header,
    header .topnav.service {
        background: #ea7c13;
    }

    header .hinweis-header {
        padding: 0px;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz {
        height: 165px;
        margin-bottom: 20px;
    }

    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts_video,
    .bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts_video > a {
        width: 100%;
    }

    #modalKontakt .modal-dialog.modal-lg {
        width: 800px;
    }

    a#menu-toggle {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {

    .filter.sortieren #filter-wrapper.fixed {
        width: 22%;
    }

    .items .item .zum_artikel, body.gruppe .main .items a.btn.zum_artikel {
        padding: 15px;
    }

    .gruppe .ArtikelMerken a, .gruppe .ArtikelVergleichen a {
        font-size: 16px;
    }

    .artikel #frmArtikel .owl-stage > .owl-item > .image {
        vertical-align: inherit;
    }

    .artikel .product-main .gallery_ez,
    .artikel .product-main .artikel_weitere_ansichten .items {
        margin: 0px;
    }

    /* mobiles Trusted Shop Badge, statt Desktop Variante*/
    [id^=minimized-trustbadge] {
        display: none!important;
    }

    .etrusted-badge-container {
        display: block!important;
    }

    .product-main .artikel_weitere_ansichten {
        margin: 0px;
    }

    #frmArtikel .owl-carousel .owl-item {
        padding: 0px;
    }

    #frmArtikel #gallery .dreieck-UVPProzent,
    #frmArtikel #gallery .dreieck-aktion,
    #frmArtikel #gallery .dreieck-topseller,
    #frmArtikel #gallery .text-topseller,
    #frmArtikel .text-aktion {
        left: 0px;
    }

    #frmArtikel .text-UVPProzent {
        left: 10px;
    }

    header .icons .text-bezeichnung {
        font-size: 10px;
        color: #000;
    }

    .dreieck-UVPProzent {
        border-right: 80px solid transparent;
        border-top: 80px solid #005e8f;
    }

    .dreieck-aktion,
    .dreieck-topseller {
        border-right: 80px solid transparent;
        border-top: 80px solid #d4af37;
    }

    .dreieck-aktion {
        border-right: 80px solid transparent;
        border-top: 80px solid #00662f;
    }

    .text-aktion,
    .text-topseller,
    .text-UVPProzent {
        font-size: 12px;
        top: 20px;
        line-height: normal;
    }

    .text-UVPProzent {
        left: 30px;
    }

    .gruppe .artikel_farben.merkmal_wert {
        padding: 15px;
    }

    .bestellprozess_schritt_1_warenkorb .cart-wrapper .cart-footer {
        margin-top: 0px;
    }

    body.rubrik .rubrik_item h3 {
        min-height: 70px;
    }

    .merkliste .col-md-4.buttons,
    .merkliste .table-merkliste .col-md-4 {
        padding-left: 0px;
    }

    .table-merkliste td.in_den_warenkorb_td {
        padding-left: 9px;
    }

    #vergleichsliste.vergleichsliste {
        margin-left: -15px;
        margin-right: -15px;
    }

    #idSucheMenu #idFrmSuche i {
        right: 30px;
    }

    #idFrmSuche form button .fa {
        padding: 5px;
    }

    .table-merkliste .item-input.aktion {
        width: 100px;
    }

    .bestellschein #body-loader-spinner,
    .bestellung_anschrift #body-loader-spinner,
    .bestellung_uebersicht #body-loader-spinner,
    .bestellung_zahlung #body-loader-spinner {
        position: fixed!important;
        top: 50%!important;
    }

    .bestellschein #body-loader,
    .bestellung_anschrift #body-loader,
    .bestellung_uebersicht #body-loader,
    .bestellung_zahlung #body-loader {
        position: fixed!important;
    }

    .bestellung_uebersicht .uebersicht .panel-title {
        font-size: 13px;
        font-weight: bold;
    }

    .bestellung_uebersicht .uebersicht .panel-body {
        font-size: 13px;
    }

    #cista header.fixed-desktop .logo img {
        width: 80px;
    }

    .img-navigation-gruppe {
        right: 20%;
    }

    .navbar .nav > li > a {
        margin-top: 0px;
        padding: 10px 15px;
    }

    .logo-header img {
        top: 10px;
        left: -20px;
    }

    #cista .logo > a > img {
        width: 90px;
    }

    #cista header.fixed-desktop .logo img {
        padding-top: 15px;
    }

    .footer_unten .apps li {
        width: 45%;
        margin-top: 15px;
    }

    .footer_unten .impressum .links_zeile li a {
        font-size: 12px;
    }

    #product-main .btn.planer-starten {
        margin-bottom: 15px;
    }

    #cookie-hinweis .btn-info {
        float: left;
    }

    body.gruppe .main .col-md-9 .zum_artikel a.btn {
        margin-bottom: 0px;
    }

    .item .button_preis_artikel .zum_artikel {
        padding-right: 0px;
        padding-top: 10px;
    }

    .empfehlung_text_desktop {
        display: block;
    }

    .empfehlung_text.empfehlung_text_mobile {
        display: none;
    }

    .artikelmerkmale_desktop .nav-tabs > li > a {
        padding: 10px 4px;
    }

    .artikel .container.zubehoer .title {
        display: none;
    }

    .header-hinweis ul li {
        font-size: 11px;
    }

    .app_hinweis_anzeigen .btn.btn-primary.btn-fp-desktop {
        float: right;
        margin-right: 15px;
        margin-top: 10px;
        font-size: 15px;
    }

    #auswahl-thumbnail .vorschaubild {
        width: 100px;
        margin: 0 auto;
        padding-right: 0px;
    }

    .zubehoer .items .item {
        height: 265px;
    }

    .active .aktion .zum_artikel {
        top: 165px;
    }

    .cart-wrapper .row > div.item-input.aktion {
        padding: 5px 10px;
    }

    .rechnungsadresse.panel .email {
        word-break: break-word;
    }
}

.ts-kaeuferschutz .kaeuferschutz .produkt {
    margin-left: 15px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz,
.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz .checkbox {
    padding: 0px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz label #idTSKaeuferschutzExc {
    margin: 25px 0px 0px 20px;
}

.bestellprozess_schritt_4_zahlung form[name="frmZahlung"] .ts-kaeuferschutz label .zahlungsart {
    width: 240px;
    margin-top: 18px;
}

@media (min-width: 481px) {

}

@media (min-width: 481px) and (max-width: 767px) {
    .icons .search #idSucheToggle {
        left: 20%;
    }
    #cista {
        padding-top: 84px;
    }
    .hinweisbox #cista {
        padding-top: 95px;
    }
}

@media (min-width: 1371px) and (max-width: 1590px) {
    .eine_nummer_sichtbar.form-group #idTelefonMobilRufnummer {
        width: 130%;
    }
}

@media (max-width: 599px) {
    .kundenbewertungen_classic {
        width: 100%!important;
    }

    .kundenbewertungen_classic > a {
        margin-left: 0!important;
    }
}

#frmArtikel .flexslider .grouped_elements img {
    border: none;
    cursor: zoom-in;
}

.artikel_bild > .artikel_weitere_ansichten .owl-prev span,
.artikel_bild > .artikel_weitere_ansichten  .owl-next span {
    color: #ea9457;
}

@media(min-width: 501px) and (max-width: 900px) {
    .flex-image.flexslider .slides li .flex-caption p {
        line-height: 28px;
        margin-bottom: 5px;
    }
}

@media(min-width: 769px) and (max-width: 992px) {

}

@media (min-width: 501px) and (max-width: 700px) {
    .flex-image.flexslider .slides li .flex-caption {
        font-size: 18px;
        min-width: 40%;
    }
}

@media (min-width: 701px) and (max-width: 900px) {
    .flex-image.flexslider .slides li .flex-caption {
        font-size: 22px;
        min-width: 40%;
    }
}

@media(max-width: 500px) {
    .flex-main .flex-caption {
        width: 140px;
    }

    body.kontakt_ajax .dl-horizontal dt:first-child {
        display: none;
    }
}

@media(min-width: 901px) and (max-width: 1275px) {
    #hinweisbox{
        margin-left: 14px;
        margin-right: 14px;
    }

    .flex-image.flexslider .slides li .flex-caption div {
        margin-top: 10px;
    }

    .flex-image.flexslider .slides li .flex-caption {
        padding-top: 5px;
    }
}

.bestellung_uebersicht.versandbedingungen .form-group.has-error {
    background-color: #f5e7dd;
    border: 2px solid #ea9457;
    padding-left: 5px;
}

#artikel_technischedetails_bild,
#artikel_technischedetails_bild_mobil {
    text-align: center;
    margin-bottom: 15px;
}

#artikel_technischedetails_bild > img,
#artikel_technischedetails_bild_mobil > img {
    max-width: 100%;
    max-height: 150px;
}

.artikel_merkmale_tabelle {
    width: 100%;
}

.artikel_merkmale_tabelle tr td {
    width: 50%;
    padding: 5px;
}

.artikel_merkmale_titel {
    font-weight: bold;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.artikelmerkmale_desktop > ul > li > a {
    cursor: pointer!important;
    font-weight: 600;
}

.artikelmerkmale_desktop > ul > li.active > a {
    cursor: default!important;
}

.warenkorb_artikel.cart-item.shepherd-target .artikel_container .aendern .aktion a  {
    display: none;
}

.artikelmerkmale_desktop h2 {
    font-weight: 600;
    color: black;
    text-align: left;
}

.artikelmerkmale_desktop #produktinfo h2 {
    background-color: #003056;
    color: #fff;
    padding: 3px 15px;
    line-height: 30px;
}

.artikelmerkmale_mobil h2 {
    text-align: left;
    background-color: #003056;
    color: #fff;
    padding: 3px 15px;
    line-height: 24px;
}

.artikelmerkmale_desktop h3 {
    font-weight: 600;
}

.chromeSelectionPlaceholder {
    -webkit-user-select: none;
}

.artikelmerkmale_desktop {
    padding-right: 0;
    padding-left: 0;
}

.artikelmerkmale_desktop .kundenbewertungen_hidden,
.artikelmerkmale_mobil .kundenbewertungen_hidden,
.product-main .kundenbewertungen_hidden {
    display: none;
}

.artikelmerkmale_desktop ul {
    margin-bottom: 0;
}

.artikelmerkmale_desktop div[role="tabpanel"] {
    border: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
    padding: 5px 5px 15px 5px;
}

.artikel .artikelmerkmale_desktop .nav-tabs {
    border: none;
}

.artikelmerkmale_desktop .zubehoer_hinweistext div[role="tabpanel"],
.zubehoer_hinweistext .panel-default {
    border: none;
    padding: 0px;
}

#zubehoer_panel .items {
    margin: 0px;
}

#kundenbewertungen_desktop .ts-header-title,
#kundenbewertungen_desktop .ts-header-subtitle,
#kundenbewertungen_mobil .ts-header-title,
#kundenbewertungen_mobil .ts-header-subtitle {
    display: none;
}

/* Move it (define the animation) */
@-moz-keyframes marquee_desktop {
    from { -moz-transform: translate(0, 0); }
    100% { -moz-transform: translate(-100%, 0); }
}
@-webkit-keyframes marquee_desktop {
    from { -webkit-transform: translate3d(0, 0, 0) }
    100% { -webkit-transform: translate3d(-100%, 0, 0) }
}
@keyframes marquee_desktop {
    from {
        -moz-transform: translate(0, 0); /* Browser bug fix */
        -webkit-transform: translate3d(0, 0, 0); /* Browser bug fix */
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0); /* Browser bug fix */
        -webkit-transform: translate3d(100%, 0, 0); /* Browser bug fix */
        transform: translate(-100%, 0);
    }
}

@-moz-keyframes marquee_mobil {
    from { -moz-transform: translate(0, 0); }
    100% { -moz-transform: translate(-100%, 0); }
}
@-webkit-keyframes marquee_mobil {
    from { -webkit-transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-100%, 0, 0); }
}
@keyframes marquee_mobil {
    from {
        -moz-transform: translate(0, 0); /* Browser bug fix */
        -webkit-transform: translate3d(0, 0, 0); /* Browser bug fix */
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0); /* Browser bug fix */
        -webkit-transform: translate3d(-100%, 0, 0); /* Browser bug fix */
        transform: translate(-100%, 0);
    }
}

/* Nur wenn hover auch über Elemente schwebt (also nur auf Desktop. mobil macht :hover Probleme, weil Klicks als :hover erkannt werden.) */
@media (hover: hover) {
    .marquee:hover {
        animation-play-state: paused;
    }
}

.panel_text p:last-child {
    margin-bottom: 0;
}

.panel_text > .nomarginbutton {
    margin-bottom: 0;
}

.panel-title.text_uppercase {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #666666;
}

.panel-title-arrow-div {
    display: inline-block;
    float: right;
}

.panel-title-arrow-div .arrow-toggle-class {
    display: none;
}

@media print {

    .artikel_bezeichnung {
        word-wrap: normal;
    }

    body {
        font-size: 12px;
    }

    footer,
    header,
    [id^=minimized-trustbadge],
    #chat-widget-container,
    .btn.planer-starten,
    #cookie-hinweis,
    #frmCookieHinweis {
        display: none;
    }

    .cart-wrapper  div.menge {
        width: 14%;
    }

    .cart-wrapper div.preis {
        width: 15%;
    }

    .cart-wrapper div.gesamtpreis {
        width: 14%;
    }

    .cart-header .aktion,
    .cart-body .cart-item .item-input.aktion,
    .cart-item .btn_abholung_wechseln{
        display: none;
    }

    .cart-item a[href]:after {
        content: none!important;
    }

    .artikeldaten_box {
        margin-bottom: 200px;
        max-height: inherit;
    }

    .made_in_germany img {
        width: 100px;
    }

    .artikelmerkmale_mobil .panel.panel-default:first-child {
        margin-top: 150px;
    }

    #app_hinweis,
    #cista {
        padding-top: 0px!important;
    }

    .table_adresse_print {
        float: right;
        margin-right: 80px;
    }

    .social,
    h3.title,
    #suche-toggle,
    .nav.navbar-nav,
    #zubehoer_carousel,
    .header-merkliste-button,
    .header-warenkorb-button,
    .fa-shopping-cart::before,
    .iconMerkliste.inaktiv::after,
    .iconWarenkorb.inaktiv::after {
        display: none;
    }

    .artikel_bild {
        display: block!important;
    }

    .owl-stage > .owl-item > .image{
        width: 400px;
        margin-right: 10px;
    }

    .owl-carousel .owl-item {
        padding: 0px;
    }

    .collapse {
        display: block!important;
    }

    .reviews {
        position: absolute;
        left: 1500px;
    }

    #accordion {
        margin-top: -300px;
    }

    .owl-item.active {
        width: 400px!important;
    }

}

@media (max-width: 1199px) {
    #cista {
        padding-top: 126px;
    }

    .hinweisbox #cista {
        padding-top: 164px;
    }
}


@media (min-width: 1200px) {
    .artikeldaten_box {
        max-height: 450px;
    }

    .mein_zahlung .belege .zahlmod {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }


    .mein_zahlung .backButton {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
    }

    #frmReklamation .select-telefon {
        width: 70px;
    }

    #frmArtikel .artikel_bilder .flex-direction-nav,
    .artikel_bilder .flexslider .flex-control-nav {
        display: none;
    }

    #frmArtikel .artikel_bilder {
        padding-bottom: 15px;
    }

    #frmArtikel .artikel_bilder .flexslider {
        margin: 0px 70px;
    }

    body:not(.hinweisbox) #cista {
        padding-top: 98px;
    }

    body.hinweisbox #cista {
        padding-top: 126px;
    }
}

@media (min-width: 1280px) and (max-width: 1400px) {
    .artikelmerkmale_desktop>ul>li>a {
        font-size: 16px;
    }

    .nav-tabs>li>a {
        padding: 10px 5px;
    }

    .artikel .nav-tabs>li>a {
        margin-right: 3px;
    }
}

@media (min-width: 1401px) and (max-width: 1550px) {
    .artikelmerkmale_desktop>ul>li>a {
        font-size: 16px;
    }

    .nav-tabs>li>a {
        padding: 10px 5px;
    }
}

.belege .lead {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 15px;
}

.konto_verwalten_liste,
.service_liste {
    padding-left: 20px;
}

.paypal_plus_bezahlen_logo {
    height: 35px;
}

.bestellprozess_schritt_4_zahlung .paypalplus_bezahlart {
    width: 100%;
}

.rechnung_deaktiviert {
    background-color: #ededed!important;
}

.paypalplus_bezahlart #btnZahlung {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    letter-spacing: 0.04em;
    width: 120px;
}


.paypalplus_zahlungbestaetigung .paypal_rechnungsdaten dt {
    display: inline-block;
    width: 25%;
}

.paypalplus_zahlungbestaetigung .paypal_rechnungsdaten dd {
    display: inline-block;
    width: 75%;
}

.mein_belege .rahmen {
    margin-bottom: 15px;
}

.mein-konto-info {
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin: 0;
}

.mein-konto-info > p {
    margin: 0;
}

.rahmen_passwort_vergessen > p {
    text-align: center;
    margin-bottom: 0;
}

.rahmen_passwort_vergessen a {
    margin-top: 15px;
    margin-bottom: 15px;
}

.paypalplus_zahlungbestaetigung .paypal_plus_zahlungsbestaetigung_soziale_medien {
    text-align: center;
    margin-top: 15px;
}

.paypalplus_zahlungbestaetigung .zum_shop_btn {
    text-align: center;
}

.youtube_videos .panel-body {
    cursor: pointer;
    position: relative;
}

.youtube_videos .panel-heading {
    text-align: center;
    font-weight: 600;
}

.panel_youtube {
    padding-bottom: 0;
}

.panel_text .youtube_videos  {
    padding-bottom: 0;
}

.youtube_videos .panel .panel-body > img {
    margin:auto;
}

.youtube_videos .youtube_playbutton {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.youtube_videos .youtube_playbutton .youtube_playbutton_icon {
    height: 35px;
    width: 50px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.toggle_text .panel-body p,
.inhalt .panel_text p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.panel_ul {
    padding-left: 10px;
    margin-bottom: 0;
}

.bonitaet_infotext,
#content-confetti .uebersicht-daten strong {
    color: red;
}

.modal-dialog .modal-body .warenkorb tbody .datentext {
    color: #666666;
}

.telefonnummer_auswahl.eine_nummer_sichtbar .telefonnummer_geschaeft,
.telefonnummer_auswahl.eine_nummer_sichtbar .telefonnummer_mobil,
.telefonnummer_auswahl.eine_nummer_sichtbar .telefonnummer_privat,
.telefonnummer_auswahl.eine_nummer_sichtbar .telefonnummer_mobil label,
.telefonnummer_auswahl.eine_nummer_sichtbar .telefonnummer_geschaeft label,
.telefonnummer_auswahl.eine_nummer_sichtbar .telefonnummer_privat label {
    display: none;
}

.telefonnummer_auswahl .start_eingabe {
    display: block!important;
}

.telefon_auswahl_alle_anzeigen span,
.product-main .einzelpreis .alleMengenanzeigen span {
    border: 2px solid #e16d1a;
    border-radius: 20px;
    padding: 6px 7px 4px 6px;
    cursor: pointer;
    color: #e16d1a;
}

.product-main .einzelpreis .alleMengenanzeigen span {
    border: 2px solid #005e8f;
    color: #005e8f;
}

.telefon_auswahl_alle_anzeigen span,
.ts-kaeuferschutz-div .ts_kaeuferschutz {
    border-color: #005e8f;
    color: #005e8f;
}

.btn-filter-faq,
.btn-filter-faq .fragezeichen,
.artikeldaten .fragezeichen {
    border-color: #005e8f;
    color: #005e8f;
}

.btn-filter-faq {
    position: absolute;
}

#filter-mobil .btn-filter-faq {
    position: unset;
}

.fragezeichen .fa-question,
.ts_kaeuferschutz .fa-question {
    position: absolute;
    left: 6px;
    top: 3px;
    font-size: 16px;
}

.merkmal-auswahl .btn-filter-faq .fragezeichen {
    padding-top: 3px;
    padding-bottom: 1px;
}

.artikeldaten .fragezeichen i,
.bestellprozess_schritt_4_zahlung .zahlung_info i,
.anschrift .fragezeichen.telefonmobil i,
.ts-kaeuferschutz-div .ts_kaeuferschutz i {
    font-size: initial;
}

.bestellprozess_schritt_4_zahlung .zahlung_info,
.anschrift .fragezeichen.telefonmobil {
    font-size: 12px;
    padding-left: 5px;
}

.telefonnummer_auswahl.alle_nummern_sichtbar .telefon_auswahl_select,
.telefonnummer_auswahl.alle_nummern_sichtbar .telefon_auswahl_alle_anzeigen {
    display: none;
}

.telefonnummer_auswahl .telefon_auswahl_select select {
    border: none;
    font-weight: bold;
    margin-top: 6px;
}

.bestellung_bestaetigung .checkout .container .lead {
    margin-top: 18px;
    background-color: #f5e7dd;
    border: 2px solid #ea9457;
    padding: 5px;
}

body.start h1, body.start h2, body.start h3,
body.rubrik h1, body.rubrik h2, body.rubrik h3,
body.gruppe h1, body.gruppe h2, body.gruppe h3 {
    font-size: 16px;
    font-weight: 600;
}

#gesamtpreisAnzeigeText {
    display: none;
}

.formelFeldOhneEingabe {
    border-color: #ea7c13;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.overlay_hidden {
    visibility: hidden;
    display: none;
}

#gesamtpreisAnzeigeMwst {
    font-weight: normal;
    font-size: 13px;
}

.mengenformelOhneStaffel {
    margin-bottom: 15px;
}

.einzelpreisRahmen {
    background-color: #ea7c13;
    border-radius: 2px;
    padding-top: 2px!important;
    padding-bottom: 2px!important;
    padding-left: 5px!important;
    padding-right: 10px!important;
    color: white;
    font-weight: bold;
}

.artikel_farben .artikel_farbe {
    width: 30px;
    height: 20px;
    display: inline-block;
    border: 1px solid #dedede;
    vertical-align: sub;
}

.gruppe_artikel_merkmale .merkmal_name {
    font-weight: bold;
}
.gruppe_artikel_merkmale .merkmal_wert {
    word-wrap:break-word;
}

.gruppe_artikel_merkmale {
    padding: 0;
}

.gruppe_artikel_merkmale ul {
    padding: 0;
    list-style-type: none;
}

.artikel_preis_div {
    padding: 0;
}

.versandkosten_betrag {
    vertical-align: middle!important;
}

.product-main .btn_warenkorb .btn-default + .btn-default {
    margin-left: 2px;
}

.artikel_teilen_wert_btn div {
    overflow: hidden;
}

.artikel_teilen_wert_btn:hover {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.artikel_teilen_wert_btn .copy {
    color: #0055AD;
    font-weight: bold;
}

.modal_auswahl .artikel_auf_vergleichsliste_text_hinweis_div .close {
    background-color: green;
}

.modal_auswahl .artikel_auf_vergleichsliste_text_hinweis_div .close a {
    border-color: green;
}

.modal_auswahl .artikel_auf_vergleichsliste_text_hinweis_div .close a:hover {
    color: green;
}

.paddingleft0 {
    padding-left: 0px;
}

a.artikel_merkliste_popover_ja_btn {
    margin-left: 5px;
    width: 230px;
    font-size: 15px;
}

.header_merkliste {
    display: block;
}

@keyframes header_icon_scale {
    from {transform: scale(1,1)}
    50% {transform: scale(1.5,1.5)}
    to {transform: scale(1,1)}
}

.header_icon_animation {
    animation-name: header_icon_scale;
    animation-duration: 2s;
}

.merkliste-gefuellt-icon {
    color: yellow;
}

.in_den_warenkorb {
    min-width: 25px!important;
}

.order-ajax .fa.fa-shopping-cart,
.artikel_merkliste_btn .fa.fa-heart,
.btn-blau .fa {
    margin-right: 10px;
}

.label_alle_auswaehlen {
    margin-bottom: 0;
}

.table>thead>tr>th.alle_auswaehlen {
    padding-left: 9px;
}

#merkliste_leer,
#vergleichsliste_leer
{
    display: none;
}

.vergleichsliste .artikel_ueberschrift,
.vergleichsliste .merkmal_ueberschrift {
    font-weight: bold;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
}

.vergleichsliste .artikel_ueberschrift a {
    color: #666666;
}

.vergleichsliste .artikel_ueberschrift .artikelbild,
.vergleichsliste .merkmal_ueberschrift .merkmalbild {
    min-height: 100px;
    max-height: 100px;
}

.vergleichsliste .merkmale,
.vergleichsliste .artikel_liste ,
.vergleichsliste .artikel_liste .artikel,
.vergleichsliste .artikel_liste.owl-carousel .owl-item {
    padding-left: 0;
    padding-right: 0;
}

.vergleichsliste .merkmale .merkmal_name:nth-of-type(even),
.vergleichsliste .artikel_liste .merkmal:nth-of-type(even) {
    background-color: #f9f9f9;
}

.vergleichsliste .merkmale .merkmal_name,
.vergleichsliste .artikel_liste .merkmal {
    border-top: 1px solid #ddd;
    word-wrap: break-word;
}

.vergleichsliste .merkmale .merkmal_name {
    font-weight: bold;
}

.hinweis_insel {
    margin-bottom: 15px;
    font-size: 11px;
}

.btn_vergleichen_span.deaktiviert,
.btn_in_den_warenkorb_span.deaktiviert {
    cursor: not-allowed;
}

.vergleichsliste_btn_unten {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bestellung_anmerkung_panel_bestellschein,
.modulGutschein.panel {
    margin-top: 10px;
}

.bestellung_anmerkung_panel .panel-body {
    padding: 0;
}

.bestellung_anmerkung_panel .panel-body textarea {
    border: 0;
}

.sattelzug-has-error,
.versandbedingungen-has-error {
    color: #a94442;
}

.item.row .artikel_langtext {
    padding: 0;
    min-height: 130px;
}

.zubehoer  .item.row .artikel_langtext {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 45px;
}

.zubehoer_desktop ul img {
    width: 150px;
    height: auto;
    max-height: 120px;
}

.zubehoer  h3 {
    background-color: #ea7c13;
    color: white;
}

.bestellung_uebersicht.versandbedingungen > .form-group.col-xs-12 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.bestellung_uebersicht.versandbedingungen > .form-group.has-error > .checkbox {
    padding-left: 25px;
}

.bestellung_uebersicht.versandbedingungen > .versandbedingungen-has-error.col-xs-12 {
    padding-left: 25px;
    padding-right: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    color: red;
}

#vergleichsliste .overlay {
    display: none;
    background-color: rgba(0, 0, 0, 0.35);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.text-center.vergleichsliste {
    margin-bottom: 10px;
    font-size: 16px;
}

.popover-vergleichsliste h3 {
    text-align: center;
    position: relative;
    font-weight: bold;
}

.merkliste .buttons {
    margin-bottom: 15px;
    text-align: right;
}

.bestellung_uebersicht.versandbedingungen > .form-group.col-xs-12 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.bestellung_uebersicht.versandbedingungen > .form-group.has-error > .checkbox {
    padding-left: 25px;
}

.bestellung_uebersicht.versandbedingungen > .versandbedingungen-has-error.col-xs-12 {
    padding-left: 25px;
    padding-right: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}

.footer_apps li {
    list-style-type: none;
    display: inline-block;
}

.footer_apps li a {
    height: 40px;
    width: auto;
    background: none;
}

.footer_apps li a img {
    height: 41px;
}

.footer_apps {
    padding: 0px;
}

.social h5 {
    margin-top: 20px;
}

.newsletter .col-md-8.col-sm-7 {
    padding: 0px;
}

h5.hilfe {
    float: right;
}

.land .radio {
    margin-top: 0px;
    margin-bottom: 5px;
}

.popover-merkliste .btn-primary {
    margin-top: 7px;
}

.popover-merkliste.bottom {
    margin-top: 20px;
}

.merkliste .popover {
    max-width: 370px;
}

.artikel_bezeichnung.warenkorb_mobil_bold.tcart.bezeichnung.versand.border-top-mobil {
    text-align: left;
}

.border-primary.lead.mobil.ts-banner {
    margin: 0px 0px 10px 0px;
    text-align: center;
    padding: 0px 30px 0px 30px;
}

.kundennummer_login_label{
    padding-right: 3px;
}

.login_anmelden_btn_div.col-sm-6 #btnSubmit {
    font-size: 13px;
}

.mein_belege .kundennummer_login_label {
    padding-right: 15px;
    padding-left: 0px;
}

.kundennummer_login .email_adresse {
    font-weight: normal;
}

.form-filter .form-group {
    margin-bottom: 15px;
}

.form-filter .form-group select {
    width: 100%;
}

ul.aktive-merkmale li.clear.all {
    background-color: #003056;
    color: #ffffff;
}

ul.aktive-merkmale li.clear.all .material-icons {
    color: #ffffff;
}

ul.aktive-merkmale li .btn.close {
    display: inline-block;
    margin-left: 5px;
}

ul.aktive-merkmale li.filter_farben .filter-checkbox {
    margin-top: 1px;
}

.filter {
    margin-bottom: 15px;
    font-size: 14px;
}

.filter .btn {
    font-size: 14px;
}

.filter .dropdown-toggle {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.filter .dropdown-toggle .material-icons {
    font-size: 20px;
    float: right;
}

.filter .dropdown .dropdown-toggle.merkmal-active .material-icons {
    color: #00a244;
}

.filter .dropdown-menu {
    padding: 10px 0;
    min-width: 100%;
}

.filter .dropdown-menu .scrollable-menu {
    max-height: 300px;
}

.filter .dropdown-menu .scrollable-menu li {
    cursor: pointer;
    padding: 5px 20px;
    display: flex;
    align-items: center;
}

.filter .dropdown-menu li .merkmal_text {
    display: inline-block;
    line-height: 14px;
    font-size: 13px;
}

.filter .dropdown-menu li.active {

}

.filter-checkbox {
    display: inline-block;
    height: 24px;
    width: 24px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    flex-shrink: 0;
}

.aktive-merkmale .filter-checkbox {
    height: 20px;
    width: 20px;
}

.filter .filter-items li:not(.active) .material-icons {
    display: none;
}

.filter .filter-items li a:hover .material-icons {
    display: block;
}

.filter-checkbox .material-icons {
    font-size: 22px;
}

.filter li.filter-speichern {
    padding: 10px 20px 5px 20px;
}

.filter li.filter-speichern > button {
    text-align: center;
}

.filter li.filter-speichern > button.btn-primary {
    color: #ffffff;
    border: 1px solid #ea7c13;
    text-transform: capitalize;
}

.filter li.filter-speichern > button.btn-primary:hover,
.filter li.filter-speichern > button.btn-primary:focus {
    background-color: inherit;
    color: #ea7c13;
    text-decoration: none;
}

.filter li.filter-speichern > button.btn-default {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}

.filter button.btn-block .material-icons {
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 5px;
}

.filter button.btn-block .fa {
    margin-right: 5px;
}

#filter-mobil {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 100%;
    max-height: 100vh;
    z-index: 1049;
    background-color: #ffffff;
    padding: 60px 10px 10px 10px;
}

#filter-mobil button.btn-block {
    padding: 15px 10px;
    font-weight: 700;
}

#filter-mobil button.dropdown-toggle {
    margin-bottom: 5px;
}

#filter-mobil button.btn-block .material-icons {
    font-size: 18px;
    position: relative;
    top: 2px;
    float: right;
    margin-right: 0;
}

#filter-mobil .filter-tab {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 100%;
    max-height: 100vh;
    z-index: 1049;
    background-color: #ffffff;
    padding: 10px;
}

#filter-mobil .headline {
    width: 50%;
    float: left;
}

#filter-mobil .werte {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 40%;
    margin-left: auto;
    text-align: right;
    color: #999;
    font-weight: 400;
    float: left;
}

#filter-mobil .clear.all {
    color: #ea7c13;
}

#filter-mobil .clear.all:before {
    content: '';
    width: 1px;
    height: 15px;
    margin: 0px 9px 0 5px;
    color: #ffffff;
    font-size: 16px;
    border-left: 1px solid #ffffff;
    display: inline-block;
    position: relative;
    top: 2px;
}

#filter-mobil .clear.all .material-icons {
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

#filter-mobil li.filter-speichern,
#filter-mobil .footer {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0;
    bottom: 0;
}

#filter-mobil .button-merkmale button:last-of-type,
#filter-mobil .button-merkmale .filter-items li:last-of-type{
    margin-bottom: 120px;
}

#filter-mobil .button-merkmale .filter-speichern button:last-of-type {
    margin-bottom: 0px;
}

#filter-mobil li.filter-speichern button .material-icons {
    float: left;
    display: block;
    margin-right: 5px;
    font-size: 21px;
}

#filter-mobil .merkmal {
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #dddddd;
    margin: 10px 0;
}

.btn-thick {
    color: #000000;
    background-color: #fff;
    border: 2px solid #000000;
    text-transform: uppercase;
    font-weight: 700;
}

#idFilterMobil .btn-thick {
    color: #fff;
    background-color: #005E8F;
    border-color: #005E8F;
}

.btn-thick:hover,
.btn-thick:focus,
.btn-thick:active {
    background-color: #fff;
    color: #ea7c13;
    border: 2px solid #ea7c13;
    box-shadow: none;
}

.btn-black {
    color: #ffffff;
    background-color: #000000;
    border: 2px solid #000000;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active {
    background-color: #fff;
    color: #000000;
    border: 2px solid #000000;
    box-shadow: none;
}

.btn-center {
    text-align: center;
}

#filter-mobil .footer .btn,
#filter-mobil .filter-speichern .btn {
    text-transform: uppercase;
}

#filter-mobil .footer button.btn-block .material-icons {
    float: left;
}

#filter-mobil .merkmal.active {
    color: #6aa244;
}

.text-uppercase {
    text-transform: uppercase;
}

.table > thead > tr > th.valign-middle,
.table > tbody > tr > th.valign-middle,
.table > tfoot > tr > th.valign-middle,
.table > thead > tr > td.valign-middle,
.table > tbody > tr > td.valign-middle,
.table > tfoot > tr > td.valign-middle {
    vertical-align: middle;
}

.scrollable-menu {
    height: auto;
    overflow-y: auto;
}

#mmenu li.menu_trenner {
    background: #f7f7f7;
    height: 25px;
    float: none;
    display: block;
}

#mmenu img.mmenu-bild[src$="leer_44.png"],
.youtube_videos img.youtube_playbutton_icon[src$="leer_44.png"],
.zahlungsmethoden img[src$="leer_44.png"] {
    height: 44px;
    width: 44px;
}

.youtube_videos img.youtube_playbutton_icon:not(.loaded),
.zahlungsmethoden img:not(.loaded) {
    height: unset;
    width: unset;
}

.form-group.width-reklamation {
    width: 53%;
}

#idSucheToggle a {
    color: #000;
}

@media (min-width: 1200px) {
    .float-reklamation {
        float: right;
    }
}

@media (min-width: 992px) {
    .float-telefon {
        float: right;
    }
}

.padding-reklamation {
    padding: 0 15px !important;
}

.padding-reklamation2 {
    padding-left: 30px !important;
}

#button-padding {
    width: 220px !important;
}

.reklamation.reklamation-margin {
    margin-bottom: 0;
}

#frmReklamation .reklamation.reklamation-margin.gutschrift-wahl {
    margin-bottom: 0;
}

#button-width-reklamation {
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .padding-telefon {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 1199px) {
    .abstand-eingabefelder {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1562px) {

    body.suche_artikel .suche_form {
        margin: 0px 0 100px 0;
    }
}

.nachricht-margin {
    margin-top: 10px;
}

.reklamation_grund .radio input {
    min-height: auto;
    margin-top: 7px;
}

.form-group.Nummer .control-label {
    white-space: nowrap;
}

@media (max-width: 991px) {
    .padding-telefon {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 1199px) {
    .abstand-eingabefelder {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1562px) {

    body.suche_artikel .suche_form {
        margin: 0px 0 100px 0;
    }
}

.nachricht-margin {
    margin-top: 10px;
}

.reklamation_grund .radio input {
    min-height: auto;
    margin-top: 7px;
}

.input-group .vorwahl-breite {
    width: 60px;
}

.input-group.telefonflex {
    display: flex;
}

.input-group-addon.telefoninput {
    display: flex;
    align-items: center;
}

@media (max-width: 1275px) {
    .landesvorwahl {
        height: 34px !important;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .alle_nummern_sichtbar #idTelefonMobilRufnummer,
    .alle_nummern_sichtbar #idTelefonPrivatRufnummer,
    .alle_nummern_sichtbar #idTelefonGeschaeftRufnummer {
        width: 276px;
    }
}

@media (min-width: 851px) and (max-width: 910px) {
    .alle_nummern_sichtbar #idTelefonMobilRufnummer,
    .alle_nummern_sichtbar #idTelefonPrivatRufnummer,
    .alle_nummern_sichtbar #idTelefonGeschaeftRufnummer {
        width: 330px;
    }
}

@media (min-width: 911px) and (max-width: 991px) {
    .alle_nummern_sichtbar #idTelefonMobilRufnummer,
    .alle_nummern_sichtbar #idTelefonPrivatRufnummer,
    .alle_nummern_sichtbar #idTelefonGeschaeftRufnummer {
        width: 365px;
    }
}

@media (min-width: 992px) and (max-width: 1069px) {
    .alle_nummern_sichtbar #idTelefonMobilRufnummer,
    .alle_nummern_sichtbar #idTelefonPrivatRufnummer,
    .alle_nummern_sichtbar #idTelefonGeschaeftRufnummer {
        width: 294px;
    }
}

@media (min-width: 1070px) and (max-width: 1110px) {
    .alle_nummern_sichtbar #idTelefonMobilRufnummer,
    .alle_nummern_sichtbar #idTelefonPrivatRufnummer,
    .alle_nummern_sichtbar #idTelefonGeschaeftRufnummer {
        width: 320px;
    }
}

@media (min-width: 1111px) and (max-width: 1199px) {
    .alle_nummern_sichtbar #idTelefonMobilRufnummer,
    .alle_nummern_sichtbar #idTelefonPrivatRufnummer,
    .alle_nummern_sichtbar #idTelefonGeschaeftRufnummer {
        width: 355px;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .telefonmobillabel {
        text-align: right;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .telefonmobillabel {
        text-align: left !important;
    }
}

@media (max-width: 480px) {
    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil {
        bottom: 19px;
        right: 42px;
    }
    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil.withError {
        bottom: 19px;
        right: 42px;
    }
}

@media (min-width: 481px) {
    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil {
        bottom: 19px;
        right: 68px;
    }
    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil.withError {
        bottom: 18px;
        right: 68px;
    }
}

@media (min-width: 768px) {
    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil {
        bottom: 20px;
        right: 38px;
    }
    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil.withError {
        bottom: 18px;
        right: 38px;
    }
}

@media (min-width: 992px) {
    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil {
        bottom: 20px;
        right: 38px;
    }

    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil.withError {
        bottom: 19px;
        right: 38px;
    }
}

@media (min-width: 1199px) {
    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil {
        right: 9%;
    }

    .alle_nummern_sichtbar .anschrift_h.form-group #fragezeichentelefon.fragezeichen.telefonmobil.withError {
        right: 9%;
    }
}

.vorwahl-padding {
    padding-right: 9px;
}

.has-feedback .form-control.vorwahl-breite {
    padding-right: 9px;
}

#fragezeichen_registrieren {
    top: -46px;
}

.input-group.telefonflex.warn-rechts .fa {
    right: 0;
}

@media (max-width: 767px) {
    #fragezeichen_registrieren {
        top: -44px;
    }
}

.registrieren_abstand_rechts {
    width: 73%;
}

#fragezeichen_registrieren {
    left: 95%;
}

@media (max-width: 480px) {
    #fragezeichen_registrieren {
        left: 91%;
    }
    .searchv{
        width: 100px !important;
    }
}

.baugewerbe_registrieren label[for="idHausnummer"],
.baugewerbe_registrieren label[for="idLieferHausnummer"] {
    padding-left: 0;
    padding-right: 0;
    width: 5.7%;

}

.baugewerbe_registrieren #idHausnummer,
.baugewerbe_registrieren #idLieferHausnummer {
    padding-right: 0;
}

@media (max-width: 767px) {
    .baugewerbe_registrieren #idHausnummer,
    .baugewerbe_registrieren #idLieferHausnummer {
        padding-top: 6px;
        padding-right: 12px;
        padding-bottom: 6px;
        padding-left: 12px;
    }
    .baugewerbe_registrieren .hausnummer_input {
        padding-right: 15px;
        padding-left: 15px;
    }
    .baugewerbe_registrieren label[for="idHausnummer"],
    .baugewerbe_registrieren label[for="idLieferHausnummer"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.radiomac {
    margin-top:  7px !important;
    min-height: auto !important;
}

@media (max-width: 480px) {
    .border-registrieren {
        border: 0;
    }
    .fileupload-kontakt-btn{
        padding-left: 0px !important;
    }
}

.mobil_button_abmelden #btnSubmit {
    font-family: Arial,Helvetica,sans-serif;
    color: rgba(0, 0, 0, 0.7);
}

#mobil-mmenu-konto .mm-btn {
    border-left: 0;
}

.bestellung_bestaetigung .mm-page #container_main {
    padding-top: 15px;
}

.bestellung_bestaetigung .mm-page .bestellbestaetigung_daten {
    padding-top: 0;
}

.blocksatz {
    display: flex;
    justify-content: center;
    text-align: justify;
}

.blocksatz-abholung {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#modalArtikelNichtLieferbar .padding15 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: justify;
}
/*Verweise auf der Suchseiten*/
.searchdiv{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.searchva img{
    transition: transform .2s;
}
.searchva:hover img{
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
.searchv {
    width: 128px;
}
.searchv img {
    border-radius: 50%;
}
.searchv h3 {
    font-size: 1.15rem;
    position: relative;
    padding: 0px !important;
    text-align: center;
}
.such_form_con{
    padding:0px;
}
/*ENDE Verweise auf der Suchseite*/

@media (max-width: 650px) {
    .searchdiv{
        flex-wrap: nowrap !important;
        justify-content: flex-start;
        overflow:auto;
        white-space: nowrap;
    }
    .searchdiv::-webkit-scrollbar{
        -webkit-appearance: none;
        width: 20px;
        height: 6px;
    }
    .searchdiv::-webkit-scrollbar:vertical {
        width: 20px;
    }
    .searchdiv::-webkit-scrollbar:horizontal {
        width: 6px;
    }
    .searchdiv::-webkit-scrollbar-thumb{
        border: none;
        background-color: #EA7C13;
    }
    .searchdiv::-webkit-scrollbar-track{
        border-radius: 0px;
        background-color: #ffffff;
    }
    #content-confetti .kasten-gruen{
        padding: 10px;
        font-weight: bold;
        line-height: 28px;
    }
    #content-confetti .kasten-gruen i{
        font-size: 30px;
    }
    #content-confetti .uebersicht-daten{
        padding: 10px;;
        line-height: 28px;
        font-weight: normal;
    }
    .umfrage-content{
        padding: 0px 15px !important;
    }
    canvas#canvas-confetti {
        height: 100%;
    }
}
.sprechblase{
    display:none;
}
.sprechblase-con{
    min-width: 230px;
    background: #fff;
    padding: 14px;
    font-size: 14px;
    line-height: initial;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 20%) 0 5px 20px;
    color: #000;
}
.sprechblase-row .leftside{
    padding-right: 2px;
}
.sprechblase-row .leftside button, .sprechblase-row .rightside button, .sprechblase-bottom-row button, .sprechblase-row .leftside span, .sprechblase-row .rightside span, .sprechblase-bottom-row span{
    font-size: 1.45rem;
}
.rightside button, .sprechblase-bottom-row button{
    background-color: rgb(254, 251, 242);
    color:rgb(93, 49, 7);
}
.rightside button, .leftside button, .sprechblase-bottom-row button{
    border-radius: 6px !important;
    border:none !important;
    padding: 8px !important;
}
.leftside button:hover{
    color: rgb(255, 255, 255) !important;
    background-color: rgb(175, 93, 14);
}
.rightside button:hover, .sprechblase-bottom-row button:hover{
    color: rgb(97, 72, 0);
    background-color: rgb(251, 235, 219);
}
.sprechblase-row .rightside{
    padding-left: 2px;
}
.sprechblase-bottom-row{
    margin-top:5px;
    padding-left: 15px;
    padding-right: 15px;
}
/* Umfrage Container Bestellabschluss */
.umfrage{
    margin-bottom: 30px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.umfrage-content{
    padding: 15px;
    border: 2px solid #003056;
}
.umfrage-content-header{
    text-align: center;
    color: #ea7c13;
    font-weight: bold;
    font-size:19px;
}
.umfrage-content-smalltext{
    font-size: 13px;
}
.umfrage-btn{
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 40px;
    height: 30px;
    line-height: 18px !important;
}
@media (min-width: 992px) {
    .umfrage-btn {
        max-width: 400px;
    }
}
.bestellbestaetigung_daten p, .umfrage-content p{
    text-align: justify !important;
}
.kasten-gruen p{
    text-align: center !important;
}
.checkout .konto_anlegen .vorteile{
    margin:0;
}
.checkout .konto_anlegen .vorteile ul{
    list-style-type: none;
    padding-left: 0px;
}
.checkout .konto_anlegen .vorteile ul span{
    color: green;
    font-size:22px;
}
.checkout .form-horizontal .control-label{
    text-align: left;
}
.form-contain{
    margin:0;
}
.form-contain .form-group .control-label{
    text-align: left;
}
.form-contain .form-group div{
    float:none;
}
.form-subtext, .btn-contain, .btn-form-contain, .button_zurueck .lieferzeiten{
    margin-left: 0;
}

.password-check{
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 13px !important;
    line-height: 20px;
}
.password-check li{
    float:none;
    width: 100%;
}
.text-one{
    color: black;
    font-weight: normal;
}
.text-one strong{
    color: black !important;
}
@media (max-width: 767px) {
    .umfrage-content-subtext {
        line-height: 26px;
    }
    .umfrage-btn{
        margin-bottom: 40px;
    }
    #content-confetti{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .umfrage-btn a{
        white-space: normal;
        font-size: 16px;
        padding:10px
    }
    .bestellbestaetigung_daten{
        margin-bottom: 10px;
    }
    .umfrage-content{
        border: 0px;
    }
    .kasten-gruen p:nth-child(1) {
        display: none !important;
    }
    .kasten-gruen p:nth-child(2) {
        text-align: justify !important;
        margin-bottom: 0px;
    }
    .btn-form-contain{
        padding-left: 0px;
        padding-right: 0px;
    }
    .umfrage-content-smalltext{
        font-size: 10px;
    }
    .fileupload-btn{
        padding-left: 15px;

    }
}

@media (max-width: 992px) {
    .umfrage-btn a{
        white-space: normal;
        padding:10px
    }
    .fileupload-kontakt-btn{
        padding-left: 15px;
    }
}
.btn-icon-header, .btn-icon-header-merkliste{
    background-color: rgba(255, 255, 255, 0);
    border: none;
}
.header-warenkorb-button a span{
    padding-left:0px !important;
}
.header-warenkorb.wert.hidden-xs.hidden-sm.hidden-md{
    line-height: 25px;
}
.icons .col-vds-5{
    width: 17%;
}
.btn-icon-header-merkliste, .icons .vergleichen, .icons .warenkorb{
    margin: 0 4px;
    padding:0px;
}
header .icons{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 10000;
}
#modalFlaechenplaner .modal-dialog, #modalFlaechenplanerEinstieg .modal-dialog {
    margin-top:0px !important;
}
.maxFenster .modal-dialog{
    width:80%;
    margin:0 auto;
}

@media (max-width: 992px) {
    .youtube_videos_wrapper {
        width:90% !important;
        margin: 0 auto;
    }
}
@media (min-width: 481px) and (max-width: 1024px){
    .umfrage-content{
        margin-top: 270px;
    }
}
@media (min-width: 481px) and (max-width: 768px){
    .umfrage-content{
        margin-top: 270px;
    }
}
@media (max-width: 480px) {
    .maxFenster .modal-dialog{
        width:90% !important;
        margin:0 auto !important;
    }
    .youtube_videos_wrapper {
        width:100% !important;
    }
}
@media (min-width: 993px) {
    .youtube_videos_wrapper {
        width:60% !important;
        margin: 0 auto;
    }
}
@media (min-width: 1025px) {
    .bestellbestaetigung_daten{
        min-height: 310px;
    }
}
@media (min-width: 1277px) {
    .youtube_videos_wrapper {
        width:35% !important;
        margin: 0 auto;
    }
    .bestellbestaetigung_daten{
        min-height: 270px;
    }
}
@media (max-width: 375px) {
    .bestellbestaetigung_daten{
        min-height: 370px;
    }
    #content-confetti .kasten-gruen{
        margin-right:0px;
    }
}
#canvas-confetti{
    display: none !important;
}
.warenkorb_mobil .warenkorb_mobil_bold{
    font-size: 17.5px;
}

.modalKalendar{
    top:0px
}

.modalKalendar .modal-content{
    width: 100% !important;
}
.modalKalendar button{
    margin-top:15px;
}
.yamm-wrapper{
    margin-top: -57px;
    padding-top: 57px;
    z-index: 0;
}
#navbar_menu .dropdown-toggle{
    z-index: 100000;
}
.fixed-position {
    position: fixed;
 }
.mm-wrapper_blocking{
    position: fixed !important;
    overflow: hidden !important;
}
#cista header .logo.logo-header a img{
    z-index: 10000;
}
.hoverin{
    background-color: #ea7c13;
    color: #fff;
    transition: all .2s ease-out;
}
.yamm .yamm-content {
    padding: 10px 30px 0px 30px;
}
a.gruppe-link{
    height: 200px;

}
.service .dropdown-menu{
    z-index: 100000;
}
.dropdown.topnav_navigation.open, button#dropdownMenuService:focus-visible, button#dropdownMenuService:focus, button#dropdownMenuService:active{
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    outline: none !important;
}

.artikel_bilder #mobile-flex .flex-control-nav {
    display: none !important;
}

#mobile-flex .flex-control-nav li{
    display: none !important;
}

.modal-backdrop .artikel_bilder #mobile-flex .flex-control-nav {
    display: block !important;
}

.mobile-zoom {
    float: right;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    width: 50px;
    height: 50px;
    box-shadow: 1px 2px 4px grey;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    border: 0;
    color: #f3b500;
}

#mobile-zoom-img-src {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .lb-closeContainer {
        display: none;
    }
    .aspect-ratio.r-artikel_bilder.visible-xs.mobile-flex {
        padding: 95% 0 0 0;
        width: 90%;
        margin-left: 5%;
    }
}

#scrollRight {
    float: right;
    position: absolute;
    right: 10px;
    margin-top: 35px;
    font-size: 35px;
}

#scrollLeft {
    float: left;
    position: absolute;
    left: 10px;
    margin-top: 35px;
    font-size: 35px;
}

.artikeldetail.vorschaubild.mobile-vorschaubild img{
    border-bottom: 0;
}

.artikeldetail.vorschaubild.mobile-vorschaubild .yellow-border{
    border-top: 3px solid #fff;
}

.artikeldetail.vorschaubild.mobile-vorschaubild.active .yellow-border{
    border-color: #f3b500;
}
@media (max-width: 767px) {
    .lightbox {
        top: 25vh !important;
        height: 100vh !important;
        width: 100vw !important;
        left: 0px !important;
        position: fixed;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .lightbox {
        top: 18vh !important;
        height: 100vh !important;
        width: 100vw !important;
        left: 0px !important;
        position: fixed;
    }
}
#mobile-zoom-modal {
    background-color: white;
    position: fixed;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

#mobile-zoom-modal .flexslider{
    width: 100vw;
    height: 91vh;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

#mobile-zoom-modal .flexslider .flex-control-nav {
    bottom: 10px;
}

#mobile-zoom-modal #mobile-slides{
    height: 97vh;
    display: flex;
    align-items: center;
}

#mobile-zoom-modal .mobil-video-youtube {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 10px;
}

#mobile-zoom-modal .mobil-video-youtube img {
    height: 40px;
    width: auto;
}

.zoom-modal-close {
    position: fixed;
    right: 25px;
    top: 25px;
    display: flex;
    justify-content: center;
    z-index: 100;
    border: 0;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    height: 39px;
    width: 39px;
    background-color: rgb(42 42 42);
    overflow: hidden;
    border-radius: 50%;
}

.zoom-modal-close i{
    font-size: 25px;
    color: #5e5e5e;
}

#frmArtikel .artikel_bilder #mobile-flex .flex-direction-nav a.flex-prev {
    left: -10%;
}

#frmArtikel .artikel_bilder #mobile-flex .flex-direction-nav a.flex-next {
    right: -10%;
}
@media (min-width: 768px) {
    #frmArtikel .artikel_bilder #mobile-flex .flex-direction-nav a.flex-prev {
        left: -5%;
    }

    #frmArtikel .artikel_bilder #mobile-flex .flex-direction-nav a.flex-next {
        right: -5%;
    }
}

#flexslider-mobil-modal #mobile-slides {
    height: 87vh;
}

.zoom-ytp {
    height: 100%;
}

.zoom-ytp iframe {
    height: 100%;
    width: 100%;
}

#mobile-zoom-modal .flex-nav-next .flex-next{
    background: url(/useruploads/images/right-arrow.svg) no-repeat 0 0;
    background-size: 40px;
    right: 20px;
}

#mobile-zoom-modal .flex-nav-prev .flex-prev{
    background: url(/useruploads/images/left-arrow.svg) no-repeat 0 0;
    background-size: 40px;
    left: 20px;
}

#mobile-zoom-modal .flex-direction-nav a {
    height: 40px;
    margin: -25px 0 0;
}

.no-overflow {
    overflow: hidden;
}

.close-svg {
    display: block;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    flex-basis: 24px;
}

.mobile-vorschaubild {
    float: left;
    width: 75px;
    margin-right: 2px;
    margin-left: 2px;
}

#mobile-flex .aspect-ratio.r-4-3.youtube_playbutton.bigger.mobil-video-youtube {
    max-width: 100%;
}

#mobile-zoom-modal .video-youtube {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 10px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

#mobile-zoom-modal .video-youtube img{
    height: 48px;
    width: auto;
    right: unset;
    bottom: unset;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: -24px;
}
.header-icons{
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    z-index: 10000;
    margin-top: 6px;
}
.header-icons a{
    text-align: center;
    margin: 0px 8px;
    text-decoration: none;
    color:black;
    line-height:normal;
}
.header-icons a:hover{
    color: #ea7c13;
}
.header-icons a svg{
    width: 24px;
}
.header-icons a div{
    font-size: 12px;
}
.footer-icons svg{
    width: 24px;
}
.footer-icon-phone{
    margin: 2px 0px 0px 0px;
    position: absolute;
    width: 19px !important;
}
.header_vergleichsliste, .header_merkliste, .header_warenkorb {
    display: none !important;
}
.tab-icons{
    width: 16px;
    display: inline-block;
    padding-top: 3px;
    position: absolute;
}
@media (max-width: 480px){
    .tab-icons{
        position: relative;
    }
    .header-icons a div{
        font-size: 9px;
    }
    .header-icons a{
        margin: 0px 10px;
    }
    .mail_kontaktformular_text, .reklamation_kontaktformular_text, .rueckruf_kontaktformular_text{
        margin-left: 0px !important;
    }
    .frmReklamation-margin{
        margin-top:45px;
    }
    .no-border-tab li{
        border-left:none !important;
        border-right:none !important;
    }
    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        margin-left: 0px;
        position:absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }
    .material-switch > label::after {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 5px rgba(0,0,0,.3);
        content: '';
        height: 20px;
        left: -4px;
        margin-top: -8px;
        margin-left:0px;
        position: absolute;
        top: -2px;
        transition: all .3s ease-in-out;
        width: 20px;
    }
    .material-switch > .switch-state {
        margin: 0 5px;
        opacity: 0.5;
        cursor: pointer;
        font-size: 16px;
    }
    .border-bottom{
        border-bottom: none !important;
    }
    #container_main {
        top: 0px!important;
    }
    #mmenu{
        top:70px !important;
    }
    #mmenu.mtop{
        top:100px !important;
    }
}
@media (max-width: 320px) {
    .header-icons a {
        margin: 0px 3.5px;
    }
    .header-icons{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
.topnav_navigation>ul.dropdown-menu{
    top:29px !important;
}
.header-hinweis svg{
    height: 14px;
}
.mm-listitem svg{
    position: absolute !important;
    margin-left:8px;
}
.mm-menu .mm-text{
    margin-left: 46px;
}
.border-bottom{
    border-bottom: 1px solid #ea7c13;
}