@CHARSET "UTF-8";
/* variables           [18] */ 
/* konfigurator     [17115] */ @media all { .bk-link-resetKonfiguration{ font-size: .7rem; color: #fff; padding: .5em .75em; display: inline-block; background: rgb(241, 55, 47); border-radius: 1.5em; line-height: 1; } .bk-link-resetKonfiguration:hover{ color: #fff; background: #e10000; } .bk-link-devShowVariables{ font-size: .7rem; color: #fff; padding: .5em .75em; display: inline-block; background: rgba(45, 190, 15, 0.5); border-radius: 1.5em; line-height: 1; } .bk-link-devShowVariables:hover{ color: #fff; background: #00b100; } .gray {color: #aaa; } input[type=text][readonly], input[type=number][readonly] {color: #aaa;} input.valueInvalid {background-color:#fcc;} input[readonly]::-webkit-outer-spin-button, input[readonly]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[readonly][type=number] { -moz-appearance: textfield; } .bunsekonf-breadcrumb { margin-top: 2rem; font-size: .825rem; } .bunsekonf-breadcrumb ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; justify-content: space-between; } .bunsekonf-breadcrumb li { opacity: .5; white-space: nowrap; } .bunsekonf-breadcrumb li.bc-spacer { flex-grow:1; opacity: .333;} .bunsekonf-breadcrumb li.bc-spacer>div { width: 100%; height: 2px; margin-top: -1px; background: #fff; } .bunsekonf-breadcrumb li a { display: inline-flex; padding: .5em 1em; border-radius: 1em; line-height: 1em; box-shadow: 0 0 3px 0 rgba(0,0,0,.25); border:2px solid white; color: white; transition: all 0.33s;} .bunsekonf-breadcrumb li.is-finished,.bunsekonf-breadcrumb li.is-current { opacity: 1; } .bunsekonf-breadcrumb li.bc-spacer.bc-nextAvailable { opacity: 1; } .bunsekonf-breadcrumb li.is-finished a { color: #fff; } .bunsekonf-breadcrumb li.is-current a { background-color: #188df2; color: #fff; } .bunsekonf-breadcrumb li.is-available:hover a {background-color: rgba(24, 141, 242, 0.5);} .bunsekonf-breadcrumb li:not(.is-available) a { pointer-events: none; } .bk-stepbox-noticeBox {position:relative;display:none;background:rgb(24, 141, 242);border-radius:1.5rem; padding:1em;padding-left:100px;overflow:hidden;margin: 1.5em 0;} .bk-stepbox-noticeBox::before {content:"?";display:block;position:absolute;left:50px;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); opacity:0.5;padding:0.25em;font-size:250%;} .bk-stepbox-noticeBox.-important::before {content:"!"} .bk-stepbox-noticeBox p:last-child {margin-bottom:0;} .bunsekonf-step { padding: 1.5rem; background: rgba(0,0,0,.25); border-radius: 1.5rem; margin-bottom: 1.5rem; } .bunsekonf-step .step-header { margin: 0 0 1.5rem; } .bunsekonf-step .step-header > * { margin: 0; } .bunsekonf-step header {position:relative;} .bunsekonf-step .bk-stepbox-showNoticeLink {position:absolute;right:0;top:0;cursor:pointer; background:rgb(24, 141, 242);color:white; border-radius:100px;width:40px;height:40px;text-align:center;line-height:40px;} .bunsekonf-step .bk-stepbox-noticeBox {margin-bottom:1em;} #bunsekonf-form label { width: 100%; display: block; } #bunsekonf-form label,#bunsekonf-form label *,#bunsekonf-form label *::before,#bunsekonf-form label *::after { transition: all .25s; } #bunsekonf-form .radio-item + .radio-item,#bunsekonf-form .form-row + .form-row { margin-top: .5rem; } #bunsekonf-form .label-desc { font-size: .75rem; margin-bottom: .5rem; } #bunsekonf-form input[type="text"],#bunsekonf-form input[type="number"],#bunsekonf-form input[type="email"],#bunsekonf-form input[type="password"],#bunsekonf-form textarea,#bunsekonf-form select { width: 100%; background: #fff; padding: .125rem .375rem; border: none; outline: none; } #bunsekonf-form input[type="text"]:not([disabled]):not([readonly]),#bunsekonf-form input[type="number"]:not([disabled]):not([readonly]),#bunsekonf-form input[type="email"]:not([disabled]):not([readonly]),#bunsekonf-form input[type="password"]:not([disabled]):not([readonly]),#bunsekonf-form textarea:not([disabled]):not([readonly]),#bunsekonf-form select:not([disabled]):not([readonly]) {background: rgb(240, 196, 1);} #bunsekonf-form .input-small { max-width: 11rem; } #bunsekonf-form .input-medium { max-width: 20rem; } #bunsekonf-form .input-large { max-width: 30rem; } #bunsekonf-form label.label-radio { cursor: pointer; } #bunsekonf-form label.label-radio input { display: none; } #bunsekonf-form label.label-radio input + span { position: relative; padding-left: 2em; } #bunsekonf-form label.label-radio input + span::before,#bunsekonf-form label.label-radio input + span::after { position: absolute; top: 50%; left: 0; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%); } #bunsekonf-form label.label-radio input + span::before { width: 1.25em; height: 1.25em; border: 2px solid rgb(240, 196, 1); border-radius: 50%; content: ""; } #bunsekonf-form label.label-radio input + span::after { opacity: 0; width: 1.25em; height: .825em; margin-top: 1px; background: url(../images/check-solid-black.svg) center no-repeat; background-size: 100% 100%; content: ""; } #bunsekonf-form label.label-radio:hover input + span::before { background: rgba(255,255,255,.1); } #bunsekonf-form label.label-radio input:checked + span::before { background: rgb(240, 196, 1); } #bunsekonf-form label.label-radio input:checked[disabled] + span::before { background: #aaa; border-color: #aaa; } #bunsekonf-form label.label-radio input:checked + span::after { opacity: 1; } #bunsekonf-form label.label-radio >.-title>.-pflichtzusatzNotice {position:absolute;left:19px;top:-13px;color: white; font-size:175%;} #bunsekonf-form input.inputInvalid {border-color:red;background:#ffeeee;} #bunsekonf-form input.fakeDisabled {color:#888; pointer-events: none;} #bunsekonf-form .bunsekonf-footer button { margin: 0; } #bunsekonf-form .btn-nolayout { display: inline-flex; align-items: center; background: none; outline; none; border: 2px solid #ddd; padding: calc(.25rem - 1px) calc(1.5rem - 1px);margin-right: 1.5rem;font-size: inherit; color: #ddd;} #bunsekonf-form .btn-nolayout svg { width: 1.125em; height: 1.125em; margin-right: .25rem; } #bunsekonf-form .btn-nolayout:hover {background: rgba(0,0,0,0.25);border-color: rgba(255,255,255,0.75); color: #eee;} #bunsekonf-form button[disabled] {opacity:0.25;cursor:not-allowed;} #bunsekonf-form h3 {overflow:hidden;text-overflow: ellipsis;} #bunsekonf-form label.bk-checkbox { display: inline-block; margin:8px 0; width: auto; line-height: 1; cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #bunsekonf-form label.bk-checkbox input {position: absolute; pointer-events: none; height: 0;width: 0;opacity: 0;} #bunsekonf-form label.bk-checkbox >.-sprite {position: relative; display: inline-block; vertical-align: middle; height: 25px; width: 25px; background-color: #eee; transition: all 0.33s; } #bunsekonf-form label.bk-checkbox >.-sprite:not([disabled]):not([readonly]) {background: rgb(240, 196, 1);} #bunsekonf-form label.bk-checkbox:hover>input~.-sprite:not([disabled]):not([readonly]) { background-color: #e1e144; } #bunsekonf-form label.bk-checkbox >input[disabled]~.-sprite:not([disabled]):not([readonly]) { background-color: #999; } #bunsekonf-form label.bk-checkbox >input:checked~.-sprite { background-color: #2196F3; } #bunsekonf-form label.bk-checkbox >.-sprite:after { content: ""; position: absolute; left: 8px;top: 3px; display: none; width: 9px; height: 17px; border: solid black; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); } #bunsekonf-form label.bk-checkbox >input:checked~.-sprite:after {display: block;} .bk-pw-headfilter { padding: 1rem; background: rgba(0,0,0,.25); border-radius: 1.5rem; margin-bottom: 1.5rem; } .bk-pw-headfilter .bk-pw-hf-section:not(:first-child) { margin-top: 1em; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.05); } .bk-pw-headfilter .step-title { font-size: 1rem; margin: 0 0 .5rem; } .bk-pw-headfilter .step-text {font-size: 0.75rem;} .bk-pw-headfilter .bk-pw-hf-radios { font-size: .75rem; } .bk-pw-headfilter .bk-filterbox-showNoticeLink {float:right; margin-left:6px; cursor:pointer; background:rgb(24, 141, 242);color:white; border-radius:100px;width:30px;height:30px;text-align:center;line-height:30px; margin-top:5px;} .bk-input-number-wrap {position:relative; width:calc(11rem + 34px);} .bk-input-number-wrap >input[type=number] { -moz-appearance: textfield; } .bk-input-number-wrap >input::-webkit-outer-spin-button,.bk-input-number-wrap >input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} .bk-input-number-wrap >.-arrow {position:absolute;right:0;height:45%;width:30px;background: rgb(240, 196, 1);color:black;cursor: pointer;} .bk-input-number-wrap >.-arrow::after {display:block;position:absolute;left:50%;top:50%;content:"〉";transform-origin:center;} .bk-input-number-wrap >.-arrow:hover {filter: brightness(120%);} .bk-input-number-wrap >.-up {top:0;} .bk-input-number-wrap >.-down {bottom:0;} .bk-input-number-wrap >.-up::after {-webkit-transform:translate(-50%, -65%) rotate(-90deg);-ms-transform:translate(-50%, -65%) rotate(-90deg);transform:translate(-50%, -65%) rotate(-90deg);} .bk-input-number-wrap >.-down::after {-webkit-transform:translate(-50%, -35%) rotate(90deg);-ms-transform:translate(-50%, -35%) rotate(90deg);transform:translate(-50%, -35%) rotate(90deg);} .bk-finalproduct-hinweislink {cursor:pointer;display:inline-block;margin-left:6px; background:rgb(24, 141, 242);color:white; border-radius:100px;width:30px;height:30px;text-align:center;line-height:30px; margin-top:5px;} .bk-finalproduct-hinweislink:hover {color:white;} .bk-finalproduct-price {float:right;} .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-sideC {padding-left:20px;} .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-innerTable {text-align:center;margin:12px 0;} .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-innerTable td {background: rgba(24, 141, 242, 0.25); padding:0 8px; } .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-innerTable td.bk-ctt-headtd {background: rgba(24, 141, 242, 0.5); } .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-innerTable td:first-child {min-width:120px;text-align:left;} .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-innerTable ~.bk-ctt-innerTable {margin-top: 8px;} .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-headtd {padding-right:8px;vertical-align:bottom;font-weight:bold;} .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-headtd.-tuerType {text-align:right;width:40px;text-align:center;} .bk-conf-tuerenWahl table.bk-conf-tuerenTable .bk-ctt-spacer {height:1px;background:#AAA;} .bk-conf-tuerenWahl table.bk-conf-tuerenTable+table.bk-conf-tuerenTable {margin-top:1em;} .bk-conf-tuerenWahl .bk-ctt-simpliciations {color: gray; font-size:80%;} .bk-massAngaben { overflow-x:auto; } .bk-massAngaben .bk-ma-dynMassSkizze {position:relative;margin-left:130px;margin-top:-1px;} .bk-massAngaben .bk-ma-dynMassSkizze >img {filter:invert();width:600px;max-width:600px;min-width:600px;} .bk-massAngaben .bk-ma-floatInput {position:absolute; z-index:1;} .bk-massAngaben .bk-ma-floatInput label {line-height: 1.2;margin-bottom:4px;} .bk-massAngaben .bk-ma-floatInput .bk-ma-fi-minMaxLabel {font-size: 80%; color: #aaa;} .bk-zusatzWahl .bk-zs-section .bk-zs-sec-foldLink { cursor: pointer; position: relative; display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 2rem; } .bk-zusatzWahl .bk-zs-section .bk-zs-sec-foldLink .bk-zs-sec-fl-icon { transition: transform 0.33s; transform-origin: center; font-size: 1.5rem; } .bk-zusatzWahl .bk-zs-section.opened>.bk-zs-sec-title>.bk-zs-sec-foldLink>.bk-zs-sec-fl-icon {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); } .bk-zusatzWahl .bk-zs-section:not(.opened)>.bk-zs-sec-foldable {display: none; } .bk-zusatzWahl .bk-zs-section .bk-zs-sec-title { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; margin-bottom: .25rem; } .bk-zusatzWahl .bk-zs-section .bk-zs-sec-title .bk-zs-sec-ttl-text {font-size: 125%; vertical-align: middle; cursor: pointer;} .bk-zusatzWahl .bk-zs-section .bk-zs-sec-title .bk-zs-sec-ttl-marker { color: rgb(24, 141, 242); font-size: .6rem; display: inline; margin-left: .5rem; } .bk-zusatzWahl .bk-zs-sec-linkedArticle {overflow:hidden; margin-bottom:1.5em;border-left:3px solid #188DF2; } .bk-zusatzWahl .bk-zs-sec-linkedArticle >.bk-zs-sec-la-item>.bk-zusaetze-info {border-radius: 0.5rem; padding: 0.5rem; font-size: 0.75rem; margin-top: 0.5rem; margin-bottom: 0.25rem;} .bk-zusaetze-itemRow { font-size: .75rem; padding: .5rem; } .bk-zusaetze-itemRow:nth-child(odd) { background: rgba(255,255,255,.1); } .bk-zusaetze-itemRow > div { padding: .25rem .5rem; } .bk-zusaetze-itemRow >.-input input { width: 100%; } .bk-zs-zusatzInfoLink{ background: rgb(24, 141, 242); color: white; border-radius: 1em; width: 1.25em; height: 1.25em; display: inline-flex; align-items: center; justify-content: center; } .bk-zs-zusatzInfoLink:hover{ background: rgb(24, 141, 242); color: white; } .bk-zusaetze-info { background:rgb(24, 141, 242); border-radius:1.5rem; margin: 1rem; padding: 1rem; } .bk-zusaetze-info ul.bk-zusaetze-inf-footnotes { background: rgb(255, 255, 0); color: black; } .bk-zusaetze-info > *:last-child { margin-bottom: 0; } .bk-zusaetze-info .medium>.mediumHintergrund {color: white;background: rgb(0, 48, 89);} .bk-price-aufAnfrage { opacity: 0.5; } form#bunsekonf-form input.valueInvalid:not([disabled]):not([readonly]) {background-color:#F66;} form#bunsekonf-form label.label-required::AFTER {content:"*";font-weight:bold;color:red;} .bk-posLst-quick-main { border:2px solid rgb(24, 141, 242); background:rgba(24, 141, 242,0.25); } .bk-posLst-quick-main table.bk-posLst-preisTable {border-collapse: collapse;} .bk-posLst-quick-main table.bk-posLst-preisTable td {padding:4px 12px;line-height:1;} .bk-posLst-quick-main table.bk-posLst-preisTable tr td:nth-child(2) {text-align:right;white-space: nowrap;} .bk-posLst-quick-main table.bk-posLst-preisTable tr.-posListeLink td {text-align: center;} .bk-posLst-quick-main table.bk-posLst-preisTable tr.-rowGesamt td {border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5);} .bk-posLst-quick-main table.bk-posLst-preisTable tr.-posListeLink td {border-top:1px solid rgba(255,255,255,0.5);} table.bk-sumPosListe ,table.stdTable {border-collapse: collapse;} table.bk-sumPosListe >tbody>tr >td,table.stdTable >tbody>tr >td {vertical-align: top;padding:0.25em 0.5em;} table.bk-sumPosListe >tbody>tr.head,table.stdTable >tbody>tr.head {font-weight:bold;border-bottom:2px solid rgb(24, 141, 242);} table.bk-sumPosListe >tbody>tr:nth-child(odd),table.stdTable >tbody>tr:nth-child(odd) {background:rgba(24, 141, 242,0.1);} table.bk-sumPosListe >tbody>tr:nth-child(even),table.stdTable >tbody>tr:nth-child(even) {background:rgba(24, 141, 242,0.2);} table.bk-sumPosListe .-cellPrice,table.stdTable .-cellPrice {text-align: right; white-space: nowrap;} table.bk-sumPosListe .-sumRight,table.stdTable .-sumRight {text-align: right; } .login-form-error {border:5px solid white;background:#880000;padding:1em;margin:1em 0;} .login-form-loggedOut {padding: 0.5em;border: 2px solid rgb(24, 141, 242);background: rgba(24, 141, 242,0.25);margin:1em 0;} .bk-authLoggedIn {position:absolute;right:350px;top:190px; padding:0.5em; border:2px solid rgb(24, 141, 242); background:rgba(24, 141, 242,0.25); } table.bk-userManagementTable th {text-align: left;} table.bk-userManagementTable th:not(:first-child),table.bk-userManagementTable td:not(:first-child) {padding-left:20px;} } @media all and (max-width: 768px){ .bunsekonf-breadcrumb { font-size: .75rem; overflow-x: scroll; } .bunsekonf-breadcrumb li + li { margin-left: .5em; } } @media all and (min-width: 992px){ .bk-pw-headfilter { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; } .bk-pw-headfilter .bk-pw-hf-section:not(:first-child) { margin-left: 0.75em; padding-left: 0.75rem; border-left: 1px solid rgba(255,255,255,.1); margin-top: 0; padding-top: 0; border-top: none; } .bk-zusaetze-itemRow { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } .bk-zusaetze-itemRow > div { padding: 0 .5rem; } .bk-zusaetze-itemRow >.-input { width: 10%; } .bk-zusaetze-itemRow >.-input.-type-checkbox { width: 3%; } .bk-zusaetze-itemRow >.-input.-type-checkbox ~ .-title { width: 72%; } .bk-zusaetze-itemRow >.-mengeAuto { padding-left: 0; } .bk-zusaetze-itemRow >.-artnr { width: 10%; } .bk-zusaetze-itemRow >.-title { width: 65%; } .bk-zusaetze-itemRow >.-price { width: 10%; text-align: right; } .bk-zusaetze-itemRow >.-info { width: 5%; text-align: right; } .bk-zusaetze-itemRow >.-info a.bk-zs-zusatzInfoLink {cursor: pointer;} } @media all and (min-width: 1360px){ } @media all and (min-width: 1660px){ }