.konfigurator_vyn{margin:0 auto}.konfigurator_vyn .konfigurator_container{background:var(--primary);border-radius:var(--border-radius);padding:clamp(.938rem,.271rem + 3.33vw,1.875rem)}.konfigurator_vyn .konfigurator_container #block_steps,.konfigurator_vyn .konfigurator_container #block_form{padding:15px;border-radius:var(--border-radius);background:var(--gray-100);position:relative;min-height:250px}.konfigurator_vyn .konfigurator_container .konfigurator_headline{text-align:center;padding:10px 0 15px 0;position:relative}@media(min-width: 440px){.konfigurator_vyn .konfigurator_container .konfigurator_headline{padding:25px 0 25px 0}}.konfigurator_vyn .konfigurator_container .konfigurator_headline .__tagline{font-size:16px;line-height:16px;color:var(--text) !important}.konfigurator_vyn .konfigurator_container .konfigurator_headline .__headline{font-family:var(--font-headline);font-size:26px;line-height:32px;font-weight:700;color:var(--primary) !important;margin:0 0 10px 0}.konfigurator_vyn .konfigurator_container .konfigurator_headline .__textarea,.konfigurator_vyn .konfigurator_container .konfigurator_headline .__result{font-size:16px;line-height:16px;color:var(--text) !important}.konfigurator_vyn .konfigurator_container .konfigurator_headline .__textarea *,.konfigurator_vyn .konfigurator_container .konfigurator_headline .__result *{color:var(--text) !important}.konfigurator_vyn .konfigurator_container .konfigurator_headline .__result{margin:10px 0 0 0}.konfigurator_vyn .konfigurator_container .konfigurator_headline::before{content:"";width:100%;height:1px;background:rgba(52,58,64,.1098039216);position:absolute;bottom:0;left:0;display:block}.konfigurator_vyn .konfigurator_container .konfigurator_block_step .__headline_stap{font-family:var(--font-headline);font-size:20px;line-height:1.3;font-weight:700;text-align:center;padding:15px 0 0;margin:0 10px 0;color:var(--primary) !important}.konfigurator_vyn .konfigurator_container .konfigurator_block_step .__text_stap{font-size:15px;font-weight:400;text-align:center;color:var(--text) !important}.konfigurator_vyn .konfigurator_container .konfigurator_block_step .__step_liste{margin:25px 0 0 0 !important}.konfigurator_vyn .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .__beratung_bild{position:absolute;z-index:1;bottom:-5px;right:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end}.konfigurator_vyn .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .__beratung_bild img{width:auto;height:100%;object-fit:contain}.konfigurator_vyn .konfigurator_container .konfigurator_form .formular_content{background-color:rgba(0,0,0,0) !important;border-radius:initial !important;padding:0 !important}@media(min-width: 440px){.konfigurator_vyn .konfigurator_container .konfigurator_form .formular_content .row_flex{display:grid;grid-template-columns:1fr 1fr;gap:10px}}.konfigurator_vyn .konfigurator_container .konfigurator_buttons{margin:25px 0 0 0}.konfigurator_vyn .konfigurator_container .konfigurator_buttons.has-back .__button_back{position:absolute;bottom:-20px;right:15px}.konfigurator_vyn .konfigurator_container .konfigurator_buttons.has-both{display:flex;justify-content:space-between;width:100%;position:relative;bottom:-32px;margin:-10px 0 0}.konfigurator_vyn .konfigurator_container .konfigurator_buttons.has-both .__button_back{position:relative;left:0;right:initial;bottom:initial}.konfigurator_vyn .konfigurator_container .konfigurator_buttons.has-both .__button_next_multi{background:var(--secondary);color:#fff;border-radius:5px;padding:5px 15px;transition:var(--transition);cursor:pointer;position:relative;right:0;bottom:0}.konfigurator_vyn .konfigurator_container .konfigurator_buttons.has-both .__button_next_multi:hover{background:var(--gray-500)}.konfigurator_vyn .konfigurator_container .__button_next_multi{background:var(--secondary);color:#fff;border-radius:5px;position:absolute;bottom:-20px;padding:5px 15px;right:15px;transition:var(--transition);cursor:pointer}.konfigurator_vyn .konfigurator_container .__button_next_multi:hover{background:var(--gray-500)}.konfigurator_vyn .konfigurator_container .__button_back_stap,.konfigurator_vyn .konfigurator_container .__button_back{background:var(--secondary);color:#fff;border-radius:5px;position:absolute;bottom:-20px;padding:5px 15px;right:15px;transition:var(--transition);cursor:pointer}.konfigurator_vyn .konfigurator_container .__button_back_stap:hover,.konfigurator_vyn .konfigurator_container .__button_back:hover{background:var(--gray-500)}.konfigurator_vyn .wpcf7 form.sent .wpcf7-response-output{display:none !important}.konfigurator_vyn .wpcf7 form.failed .wpcf7-response-output{background:#dc3232}.konfigurator_vyn .wpcf7 form.invalid .wpcf7-response-output{background:red}.konfigurator_vyn .wpcf7 .wpcf7-response-output{border:none;margin:10px -15px -15px -15px !important;padding:15px 20px 20px !important;border-radius:0px 0px 5px 5px !important;width:calc(100% + 30px)}.konfigurator_vyn .form-success{display:flex;justify-content:center;flex-direction:column;text-align:center;padding:30px 20px 0;height:100%}.konfigurator_vyn .form-success p{color:var(--text) !important}.konfigurator_vyn .form-success .__headline{font-size:28px;margin:0 0 10px 0;font-weight:700;font-family:var(--font-headline);color:var(--primary) !important}.konfigurator_vyn .form-success .__button{margin:10px 0 0 0}.konfigurator_vyn .form-success .close-success{color:#fff !important}.konfigurator_vyn .loader_kv_form{color:#74c313 !important;font-size:5px;width:.5rem;height:.5rem;border-radius:50%;position:relative;left:50%;top:40px;text-indent:-9999em;animation:LoadForm 2s infinite linear;transform:translateZ(0) translateX(-50%);display:block}@keyframes LoadForm{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 0,2em 2em 0 .2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0em 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 .2em,-2em 2em 0 0,-3em 0em 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0,-2em -2em 0 .2em}}.konfigurator_block_step label.label_item.label_error{border:2px solid #d93025}.konfigurator_block_step label.label_item.label_error .__bild,.konfigurator_block_step label.label_item.label_error .__icon{outline:2px solid #d93025;outline-offset:2px}.konfigurator_block_step .__step_error{margin:20px 0 0 0;padding:.75rem 1rem;border-radius:4px;background:#fdecea;border:1px solid #f5c2c0;color:#b3261e;font-size:.9rem;font-weight:500}.konfigurator_block_step .konfigurator_buttons{margin-top:.25rem}.konfigurator_vyn.thema_grid.thema_vertical{width:100%}@media(min-width: 770px){.konfigurator_vyn.thema_grid.thema_vertical{width:480px}}.konfigurator_vyn.thema_grid.thema_vertical .konfigurator_container .konfigurator_block_step .__step_liste{display:grid;grid-template-columns:1fr;gap:15px;margin:0 auto;width:fit-content}@media(min-width: 480px){.konfigurator_vyn.thema_grid.thema_vertical .konfigurator_container .konfigurator_block_step .__step_liste{grid-template-columns:repeat(2, 1fr)}}.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container{width:100%;margin:0 auto}@media(min-width: 770px){.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container{min-width:480px;max-width:fit-content}}.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste{display:grid;gap:15px;margin:0 auto;width:fit-content;grid-template-columns:1fr}@media(min-width: 480px){.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 480px){.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_3{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 770px){.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 480px){.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_4,.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_5,.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_6{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 770px){.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_4,.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_5,.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_6{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 992px){.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_4,.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_5,.konfigurator_vyn.thema_grid.thema_horizontal .konfigurator_container .konfigurator_block_step .__step_liste.total_items_6{grid-template-columns:repeat(4, 1fr)}}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste{width:100% !important}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item{width:100%;position:relative}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link{cursor:pointer;width:100%;height:100px;border-radius:10px;background:var(--gray-300);transition:var(--transition);display:flex;align-items:end;justify-content:start;position:relative;z-index:1;box-shadow:0 5px 20px rgba(0,0,0,.1019607843);overflow:hidden;border:5px solid rgba(0,0,0,0)}@media(min-width: 768px){.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link{height:144px}}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item input,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link input{display:none}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .__icon,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link .__icon{position:absolute;z-index:9;font-size:20px;top:10px;left:10px;display:none}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .__icon i,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link .__icon i{color:var(--gray-100)}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .__bild_box,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link .__bild_box{width:100%;height:100%;background:#008c07;display:flex;justify-content:end;align-items:start}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .__bild_box .__bild,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link .__bild_box .__bild{width:100%;height:100%}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .__bild_box .__bild img,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link .__bild_box .__bild img{width:100%;height:100%;object-fit:contain;border:none;box-shadow:initial;transform:scale(1);transition:all .5s ease-in-out}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item:hover,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link:hover{box-shadow:0 5px 20px rgba(0,0,0,.6)}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item:hover .__bild img,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link:hover .__bild img{transform:scale(1.2)}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item.active,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link.active{border-color:#383838}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item.active .__icon,.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link.active .__icon{display:block}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .item_text{padding:10px 10px 0px 12px;color:#000;font-size:17px;line-height:1.1;font-weight:700;width:100%;display:block}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item{background:#008c07}.konfigurator_vyn.thema_grid .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .beratung_link{border-bottom:0}.konfigurator_vyn.thema_liste{width:100%}@media(min-width: 770px){.konfigurator_vyn.thema_liste{width:480px}}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item.inaktiv a.labelinaktiv_item{background-color:var(--gray-300);text-decoration:none}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item.inaktiv a.labelinaktiv_item .item_icon svg path{fill:var(--gray-800)}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item.inaktiv a.labelinaktiv_item .item_name span{color:var(--gray-800)}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item.inaktiv a.labelinaktiv_item .item_name svg path{fill:var(--gray-800)}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item{background-color:var(--gray-700);border-radius:5px;margin:5px 0 0 0;display:grid;grid-template-columns:25px 1fr;column-gap:7px;padding:12px 12px 12px 15px;align-items:center;justify-items:end;cursor:pointer;transition:var(--transition)}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item input,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item input{display:none}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .item_icon,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item .item_icon{width:25px;height:25px}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .item_icon svg,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item .item_icon svg{width:100%;height:100%}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .item_icon svg path,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item .item_icon svg path{fill:var(--primary)}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .item_name,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item .item_name{position:relative;padding:0 20px 0 0;display:block;text-align:right}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .item_name span,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item .item_name span{font-weight:600;color:#fff;display:block;font-size:16px;line-height:18px;transition:var(--transition)}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .item_name svg,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item .item_name svg{position:absolute;top:0;right:0;width:10px}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item .item_name svg path,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item .item_name svg path{fill:#fff}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item:hover,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item.active,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item:hover,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item.active{background:var(--primary) !important;box-shadow:0 5px 20x rgba(0,0,0,.6)}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item:hover .item_icon svg path,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item.active .item_icon svg path,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item:hover .item_icon svg path,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item.active .item_icon svg path{fill:var(--gray-100) !important}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item:hover .item_name span,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item.active .item_name span,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item:hover .item_name span,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item.active .item_name span{color:var(--gray-100) !important}.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item:hover .item_name svg path,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .label_item.active .item_name svg path,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item:hover .item_name svg path,.konfigurator_vyn.thema_liste .konfigurator_container .konfigurator_block_step .__step_liste .__step_liste_item .labelinaktiv_item.active .item_name svg path{fill:var(--gray-100) !important}