@CHARSET "UTF-8";
/* variables           [18] */ 
/* konfigurator      [5184] */ @keyframes spin { 0% { -webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg); } } @media all { #dp-konfigurator.is-loading::after { content: ""; display: block; border: 6px solid #d2e6f2; border-top-color: #004878; border-radius: 50%; width: 50px; height: 50px; margin: 2rem 0; animation: spin 1.5s linear infinite; } #dp-konfigurator .form-row { transition: all .5s; padding-left: 1rem; margin-left: -1rem; width: 100%; } #dp-konfigurator .form-row .error-message { display: none; color: red; margin-top: .75rem; } #dp-konfigurator .form-row.has-error { border-left: 2px solid red; margin-left: 0; } #dp-konfigurator .form-row.has-error .error-message { display: block; } #dp-konfigurator .form-row + .form-row { margin-top: 2.5rem; } #dp-konfigurator label { width: 100%; display: block; max-width: 640px; flex-shrink: 1; } #dp-konfigurator label,#dp-konfigurator label *,#dp-konfigurator label *::before,#dp-konfigurator label *::after { transition: all .25s; } #dp-konfigurator .label-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } #dp-konfigurator .label-wrapper + .label-wrapper { margin-top: .5rem; } #dp-konfigurator .label-more { margin-left: .5rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; } #dp-konfigurator .label-more > * + * { margin-left: .5rem; } #dp-konfigurator .label-more .more-image { width: 2rem; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px #004878; } #dp-konfigurator .label-more .more-extlink { font-size: .825rem; } #dp-konfigurator label.label-radio { border: 3px solid #eee; cursor: pointer; border-radius: .75rem; overflow: hidden; position: relative; } #dp-konfigurator label.label-radio input { display: none; } #dp-konfigurator label.label-radio input + span { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: center; margin-left: 2.4em; padding: .7em 1em; line-height: 1em; background: #eee; } #dp-konfigurator label.label-radio input + span::before { opacity: 0; position: absolute; top: 0; right: 100%; width: 2.4em; height: 100%; background: url(../images/check-solid.svg) center no-repeat; background-size: 1.2em; content: ""; } #dp-konfigurator label.label-radio:hover { border-color: #e0e0e0; } #dp-konfigurator label.label-radio:hover input + span { background-color: #e0e0e0; } #dp-konfigurator label.label-radio input:checked + span::before { opacity: 1; } #dp-konfigurator label.label-radio .deselector { display: none; } #dp-konfigurator label.label-radio input:checked ~ .deselector { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; } #dp-konfigurator .color-labels { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; flex-wrap: wrap; } #dp-konfigurator .color-labels .color-label { width: 250px; margin-right: 1rem; } #dp-konfigurator .color-labels .color-item { width: 5em; height: 5em; margin: 0 auto .5rem; display: block; } #dp-konfigurator .deselect-radio { opacity: 0; display: inline-block; margin-top: .5rem; font-size: .875rem; display: inline-flex; align-items: center; } #dp-konfigurator .deselect-radio.is-visible { opacity: 1; } #dp-konfigurator .pflichtfeld-info { font-size: .75rem; font-style: italic; margin-top: .5rem; margin-bottom: 0; } #konfigurator-pages #pages-container > fieldset { display: none; } #konfigurator-pages #pages-container > fieldset.is-current-page { display: block; } #konfigurator-pages #pages-container > fieldset.is-loading::after { content: ""; display: block; border: 6px solid #d2e6f2; border-top-color: #004878; border-radius: 50%; width: 50px; height: 50px; margin: 2rem 0; animation: spin 1.5s linear infinite; } #konfigurator-pages #pages-container .step-item { margin: 0 0 2.5rem; } #konfigurator-pages #pages-navigation { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; align-items: flex-start; flex-direction: column; } #konfigurator-pages #pages-navigation .pages-navbtn { margin-bottom: .5rem; } #konfigurator-pages #pages-navigation .pages-navbtn.navbtn-inactive { background: rgba(0,0,0,.2); } #konfigurator-pages #pages-navigation .pages-navbtn.navbtn-hidden { display: none; } #konfigurator-pages #pages-navigation .pages-navbtn.navbtn-back { font-size: .75rem; border: none; outline: none; background: none; color: #999; padding: 0; } #konfigurator-pages #pages-navigation .pages-navbtn.navbtn-next,#konfigurator-pages #pages-navigation .pages-navbtn.navbtn-submit { padding: .25em 1.25em; color: #fff; border: none; outline: none; border-radius: .75rem; } #konfigurator-pages #pages-navigation .pages-navbtn.navbtn-next { background: #004878; } #konfigurator-pages #pages-navigation .pages-navbtn.navbtn-submit { background: #ffa000; } } @media all and (min-width: 576px){ } @media all and (min-width: 768px){ } @media all and (min-width: 992px){ } @media all and (min-width: 1360px){ } @media all and (min-width: 1600px){ }