.modularform_funnel .categoryList { list-style: none; position: relative; display: flex; text-align: center; border-bottom: 2px solid gray; padding: 0 !important; min-width: 320px; } .modularform_funnel .categoryList .categoryItem { padding: 20px; padding-bottom: 20px; text-align: center; padding-bottom: 1.5rem; flex: 1 1 0%; } .modularform_funnel .categoryList:not(:first-of-type) { display: none; } .modularform_funnel span.helpico { font-size: var(--size-default); position: relative; top: -5px; } .modularform_funnel span.helpico.answerhelp { font-size: inherit; position: relative; top: 0; margin-left: 5px; } .modularform_funnel .blockHeadline, .modularform_funnel .questionHeadline { } .modularform_funnel .headline-start .blockHeadline, .modularform_funnel .headline-start .questionHeadline { text-align:left !important; } .modularform_funnel .headline-center .blockHeadline, .modularform_funnel .headline-center .questionHeadline { text-align:center !important; } .modularform_funnel .funnelQuestion.text-start .description { text-align:left !important; } .modularform_funnel .funnelQuestion.text-center .description { text-align:center !important; } .modularform_funnel .blockSubline, .modularform_funnel .questionSubline { margin-bottom:10px; } .modularform_funnel .questionSubline { margin-top:10px; } @media (min-width: 992px) { .modularform_funnel .topCont, .modularform_funnel .funnelBtnCont, .modularform_funnel .answerCont { padding-top: 2rem; padding-bottom: 2rem; } } @media (max-width: 991px) { .modularform_funnel .topCont { padding-left: 0; padding-right: 0; width: auto; min-width: 10px; margin-bottom: 50px; margin-bottom: 1em; } } .modularform_funnel .answerCont { padding-top: 1rem; } .modularform_funnel .funnelQuestionHeadlineCont { padding-bottom: 1rem; } .modularform_funnel .funnelQuestion { min-height: 150px; width: 100% !important; } .modularform_funnel .funnelQuestion.border { border:none !important; } @media (min-width: 992px) { .modularform_funnel .funnelQuestion { min-height: 320px; min-height: 480px; min-height: 120px; } } .modularform_funnel .modularinputgroup { background-color: var(--color-background-funnel); padding-bottom: 0px; transition: height 0.15s ease 0s; overflow:hidden; overflow: visible; min-height: 200px; } .modularform_funnel .modularinputgroup .funnelQuestion { display:none; position: relative; border: 1px solid transparent; } .modularform_funnel .modularinputgroup .funnelQuestion:first-of-type { display:block; } .modularform_funnel .modularinputgroup .funnelQuestion:first-of-type .topCont { } .modularform_funnel .funnelQuestion.headline-before .col-image { width: 50%; margin-left: 0; margin-right: auto; margin-bottom: 1rem; flex-direction: column; } .modularform_funnel .funnelQuestion.headline-before.headline-center .col-image { margin-left: auto; } .modularform_funnel .funnelQuestion.headline-before .col-questions { width: 100%; } .modularform_funnel .funnelQuestion.headline-before .col-questions.col-headline-before { width: 100%; padding-left: 0; padding-left: calc(var(--bs-gutter-x) * .5); } .modularform_funnel .funnelQuestion.headline-before .col-headline-before .headline { margin-bottom:3rem; margin-bottom: 0.7em; } .modularform_funnel .funnelQuestion.headline-before .row.align-items-center { /*align-items: start !important;*/ } .modularform_funnel .funnelQuestion.headline-before .row.justify-content-center { justify-content: start !important; } .modularform_funnel .funnelQuestion.headline-before .topCont { padding-top:0; } .modularform_funnel .funnelQuestion.headline-before .description { /* font-size: var(--size-medium); */ /* line-height: var(--line-medium); */ } @media (min-width: 992px) { .modularform_funnel .funnelQuestion.headline-before .col-image { width: 33%; margin-left: unset; margin-right: unset; margin-bottom: unset; } .modularform_funnel .funnelQuestion.headline-before .col-questions { width: 66%; padding-left: 3rem; } } @media (max-width: 991px) { .modularform_funnel .funnelQuestion.headline-before .funnel_radiobutton .btn-inputLabel { padding: 10px 20px; } } @media (max-width: 992px) { .modularform_funnel .btnText { word-break: break-all; } } .modularform_funnel .col-image { position:relative; flex-direction: column; } .modularform_funnel .backContainer { padding-top: 8px; } .modularform_funnel .backContainer.backContainerInImage { position: absolute; right: calc(0.75rem + 1rem); top: 1rem; z-index: 2; background-color: var(--color-white); padding: 0 15px 0 10px; color: var(--color-default); padding:0; } .modularform_funnel .modularform_btn_back_arrow { position:relative; line-height: 200%; } .modularform_funnel .backContainer.backContainerInImage .modularform_btn_back_arrow { padding: 0 15px 0 10px; } .modularform_funnel .modularform_btn_back_arrow_invisible { position:relative; opacity: 0 !important; cursor: default !important; } .modularform_funnel .funnelQuestion_type_5 .backContainer.backContainerInImage {display:none;} .modularform_funnel .counter.counter-numbers {padding-top: 8px; text-align:right;} .modularform_funnel .counter.counter-numbers .countertotal { padding-right:0.7em;} .modularform_funnel .funnelBtnCont .btn.modularform_btn_next {min-width:180px;} .modularform_funnel .funnelBtnCont .circleButton.modularform_btn_back, .modularform_funnel .funnelBtnCont .circleButton.modularform_btn_next { background-image: url('https://mcrcp.mcrobots.slxhost.de/images/global/svg/pfeil_4b4a49.svg'); } .modularform_funnel .funnelBtnCont .circleButton.modularform_btn_back:hover, .modularform_funnel .funnelBtnCont .circleButton.modularform_btn_next:hover { filter: var(--funnel-ico-hover-filter); } .modularform_funnel .funnelBtnCont .circleButton.modularform_btn_back { transform: rotate(180deg); } .modularform_funnel .funnelBtnCont .circleButton.modularform_btn_back, .modularform_funnel .funnelBtnCont .circleButton.modularform_btn_next { cursor: pointer; background-position: center; background-repeat: no-repeat; } .modularform_funnel .funnelBtnCont .circleButton { position: relative; justify-content: center; align-items: center; font-size: 34px; margin: auto; color: var(--color-default); border-radius: 50%; height: 38px; width: 38px; } .modularform_funnel .funnelBtnCont { margin: auto; width: fit-content; display: flex; gap: 20px; margin-top: 20px; margin-bottom: 20px; } .modularform_funnel .funnel_progressBar { position: absolute; height: 10px; bottom: 0px; background-color: var(--color-highlight); } /* .modularform_funnel .funnel_checkbox { text-align: left; float: left; margin: 5px; width: calc(33.3% - 10px); }*/ .modularform_funnel .funnel_checkbox.hasIcon { transition: background-color 0.2s ease, color 0.2 ease, fill 0.2s ease; padding: 10px 15px 20px 15px; border: 1px solid transparent; border-radius: 0px; } .modularform_funnel .funnelQuestion.hasImage .funnel_checkbox.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.hasImage .funnel_radiobutton.hasIcon .btn-inputLabel { width: 200px; } /* stattdessen rounded-30 Klasse nehmen .modularform_funnel .funnelQuestion.hasImage .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnelQuestion.hasImage .funnel_radiobutton .btn-inputLabel { border-radius: 30px; } */ .modularform_funnel .funnelQuestion.hasImage .funnel_checkbox.hasIcon, .modularform_funnel .funnelQuestion.hasImage .funnel_radiobutton.hasIcon { width: auto; } @media (min-width: 1200px) { .modularform_funnel .funnel_checkbox.hasIcon.colWidth10 { width: 20%; } } /* .modularform_funnel .funnel_checkbox label { cursor: pointer; position: relative; text-align: center; padding-left: 0; justify-content: center; align-content: center; align-self: center; display: flex; flex-direction: column; } */ .blockColorClass_highlight1.modularform_funnel .replaced_icon { fill: var(--color-white); } .blockColorClass_highlight1.modularform_funnel .btn-inputLabel:hover .replaced_icon { fill: var(--color-highlight); } .modularform_funnel .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .funnel_radiobutton.hasIcon .replaced_icon { margin: auto; width:100%; margin-bottom: 10px; } @media (min-width: 768px) { .modularform_funnel .icon-s .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .icon-s .funnel_radiobutton.hasIcon .replaced_icon, .modularform_funnel .smallicons .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .smallicons .funnel_radiobutton.hasIcon .replaced_icon { height: 50px; } .modularform_funnel .icon-m .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .icon-m .funnel_radiobutton.hasIcon .replaced_icon, .modularform_funnel .normalicons .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .normalicons .funnel_radiobutton.hasIcon .replaced_icon { height: 75px; } .modularform_funnel .icon-l .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .icon-l .funnel_radiobutton.hasIcon .replaced_icon, .modularform_funnel .bigicons .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .bigicons .funnel_radiobutton.hasIcon .replaced_icon{ height: 100px; } .modularform_funnel .icon-xl .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .icon-xl .funnel_radiobutton.hasIcon .replaced_icon, .modularform_funnel .bigericons .funnel_checkbox.hasIcon .replaced_icon, .modularform_funnel .bigericons .funnel_radiobutton.hasIcon .replaced_icon{ height: 150px; } } .modularform_funnel .funnel_checkbox.hasIcon .form-check-input[type='checkbox'] { display: none; } .modularform_funnel .funnel_checkbox.isChecked { background-color: var(--color-white); border: 1px solid var(--color-default); } .modularform_funnel .funnel_checked_container { display: flex; /* align-items: center; */ justify-content: center; flex-wrap: wrap; } .modularform_funnel .form-check.coldesgnOverwrite.col-w20{width: 20%;} @media (min-width: 576px) { .modularform_funnel .form-check.coldesgnOverwrite.col-sm-w20{width: 20%;} } @media (min-width: 768px) { .modularform_funnel .form-check.coldesgnOverwrite.col-md-w20{width: 20%;} } @media (min-width: 992px) { .modularform_funnel .form-check.coldesgnOverwrite.col-lg-w20{width: 20%;} } @media (min-width: 1200px) { .modularform_funnel .form-check.coldesgnOverwrite.col-xl-w20{width: 20%;} } /* Kontaktformular Frage mit w-100 -- alle Fragen untereinander */ .modularform_funnel .w-100 .answerCont {} .modularform_funnel .w-100 .answerCont .row{} .modularform_funnel .w-100 .answerCont .row .funnel_contact_container {} @media (min-width: 1200px) { .modularform_funnel .w-100 .answerCont .row .funnel_contact_container {width:50%;} } .modularform_funnel .w-100 .col-12.col-submit-textinput { width:100% !important; margin-bottom:1rem !important; } .modularform_funnel .w-100 .col-12.col-submit-textinput + .col-12.col-submit-textinput { margin-bottom:0 !important; } .modularform_funnel .form-label { margin-bottom: 0; } .modularform_funnel .funnel_checkradio_container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item { padding: 0px 10px 0px 10px; display: flex; flex-wrap: wrap; flex-direction: column; flex: 0 1 auto; align-content: center; } .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.hasIcon { /* padding: 10px 15px 20px 15px; */ } .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item .form-check-label.btn-inputLabel { } .modularform_funnel .noborder .funnel_checkradio_container .funnel_checkradio_item.hasIcon .form-check-label.btn-inputLabel, .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.hasIcon .form-check-label.btn-inputLabel { border-color:transparent; } .modularform_funnel .border .funnel_checkradio_container .funnel_checkradio_item.hasIcon .form-check-label.btn-inputLabel { border-color: var(--color-highlight); } .blockColorClass_highlight1.modularform_funnel .border .funnel_checkradio_container .funnel_checkradio_item.hasIcon .form-check-label.btn-inputLabel { border-color: var(--color-white); } @media only screen and (min-width : 481px) { .modularform_funnel .answerCont .row.d-flex { display: flex; flex-wrap: wrap; } .modularform_funnel .answerCont .row.d-flex > [class*='col-'] { display: flex; flex-direction: column; } .modularform_funnel .answerCont .row.d-flex.row:after, .modularform_funnel .answerCont .row.d-flex.row:before { display: flex; } .modularform_funnel .funnelQuestion_type_5 .answerCont .row.d-flex {align-items: start !important;} } .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item .ItemWrapperOuter { width:100%; } .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item .ItemWrapperOuter .ItemWrapperInner { width:100%; } @media (min-width: 768px) { .modularform_funnel .funnelQuestion.spacedbuttons .ItemWrapperOuter {width:300px;} .modularform_funnel .funnelQuestion.spacedbuttons .ItemWrapperOuter .ItemWrapperInner {} } /* @media (min-width: 1260px) { .modularform_funnel .funnel_checked_container { flex-wrap: unset; } }*/ /* .modularform_funnel .hasImage .funnel_checked_container { flex-wrap: wrap; } .modularform_funnel .funnel_checked_container > div.funnel_checkbox { flex-wrap: wrap; }*/ /* .form-check { width: 100%; } */ .modularform_funnel .funnelQuestion .form-check, .modularform_funnel .funnel_radiobutton .form-check, .modularform_funnel .funnel_checkbox .form-check { padding: 0 0.7em 0.7em 0.7em; } @media (min-width: 992px) { .modularform_funnel .funnelQuestion .form-check, .modularform_funnel .funnel_radiobutton .form-check, .modularform_funnel .funnel_checkbox .form-check { padding: 0.7em; } } @media (min-width: 992px) { .modularform_funnel .funnelQuestion.w-15 .form-check{ width:15%; } .modularform_funnel .funnelQuestion.w-16 .form-check{ width:16.667%; } .modularform_funnel .funnelQuestion.w-20 .form-check{ width:20%; } .modularform_funnel .funnelQuestion.w-25 .form-check{ width:25%; } .modularform_funnel .funnelQuestion.w-33 .form-check{ width:33.33%; } .modularform_funnel .funnelQuestion.w-50 .form-check{ width:50%; } } /* @media (max-width: 767px) { .modularform_funnel .sm-zweispaltig.funnelQuestion .form-check, .modularform_funnel .sm-zweispaltig .funnel_radiobutton .form-check, .modularform_funnel .sm-zweispaltig .funnel_checkbox .form-check { width: 50%; } } @media (max-width: 991px) { .modularform_funnel .md-zweispaltig.funnelQuestion .form-check, .modularform_funnel .md-zweispaltig .funnel_radiobutton .form-check, .modularform_funnel .md-zweispaltig .funnel_checkbox .form-check { width: 50%; } } */ .modularform_funnel .endOfForm { margin-bottom: 20px; display: none; max-width: var(--width-extrasmallwidth); margin-left: auto; margin-right: auto; } .modularform_funnel .funnelQuestion .imgContentWrapper, .modularform_funnel .funnel_radiobutton .imgContentWrapper, .modularform_funnel .funnel_checkbox .imgContentWrapper { display: block; width: 100%; position: relative; padding-top: 0px; height: 0; padding-bottom: 100%; margin-bottom: 10px; } .modularform_funnel .funnel_radiobutton .iconLabel .imgContent, .modularform_funnel .funnel_checkbox .iconLabel .imgContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* width: 240px; */ /* height: 240px; */ background-size: cover; /* border-radius: 10px; */ background-position: center; } .modularform_funnel .funnel_upload_container { display: flex; align-items: center; justify-content: center; } .modularform_funnel .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnel_radiobutton .btn-inputLabel { padding: 10px 10px; color: var(--color-highlight); background-color: var(--color-white); border: 2px solid var(--color-highlight); margin-top: 5px; margin-bottom: 5px; width: 100%; height:100%; display: flex; align-items: center; text-align: center; justify-content: center; flex-wrap: wrap; } .modularform_funnel .funnel_checkbox .btn-inputLabel span, .modularform_funnel .funnel_radiobutton .btn-inputLabel span { } /* @media (min-width: 768px) { .modularform_funnel .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnel_radiobutton .btn-inputLabel { white-space: nowrap; } }*/ @media (min-width: 768px) { .modularform_funnel .funnel_checkbox .btn-inputLabel:hover, .modularform_funnel .funnel_radiobutton .btn-inputLabel:hover { padding: 10px 10px; color: var(--color-white); background-color: var(--color-highlight); border: 2px solid var(--color-highlight); } .modularform_funnel .funnel_checkbox .btn-inputLabel:hover .replaced_icon svg, .modularform_funnel .funnel_radiobutton .btn-inputLabel:hover .replaced_icon svg { fill: var(--color-white); } } .modularform_funnel .funnel_checkbox .btn-inputLabel.checked { color: var(--color-white); background-color: var(--color-highlight); border: 2px solid var(--color-highlight); } .modularform_funnel .funnel_checkbox .btn-inputLabel.checked .replaced_icon svg { fill: var(--color-white); } .modularform_funnel .funnel_checkbox.hasIcon .btn-inputLabel, .modularform_funnel .funnel_radiobutton.hasIcon .btn-inputLabel { padding: 0.75rem; } .modularform_funnel .funnelQuestion.rounded-0 .form_funnel, .modularform_funnel .funnelQuestion.rounded-0 .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-0 .funnel_radiobutton .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-0 .funnel_checkbox.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-0 .funnel_radiobutton.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-0 .modularform_btn_next, .modularform_funnel .funnelQuestion.rounded-0 .modularform_btn_back, .modularform_funnel .funnelQuestion.rounded-0 .modularform_btn_send, .modularform_funnel .funnelQuestion.rounded-0 .funnel_radiobutton .iconLabel .imgContent, .modularform_funnel .funnelQuestion.rounded-0 .funnel_checkbox .iconLabel .imgContent { border-radius: 0px; } .modularform_funnel .funnelQuestion.rounded-10 .form_funnel, .modularform_funnel .funnelQuestion.rounded-10 .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-10 .funnel_radiobutton .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-10 .funnel_checkbox.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-10 .funnel_radiobutton.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-10 .modularform_btn_next, .modularform_funnel .funnelQuestion.rounded-10 .modularform_btn_back, .modularform_funnel .funnelQuestion.rounded-10 .modularform_btn_send, .modularform_funnel .funnelQuestion.rounded-10 .funnel_radiobutton .iconLabel .imgContent, .modularform_funnel .funnelQuestion.rounded-10 .funnel_checkbox .iconLabel .imgContent { border-radius: 10px; } .modularform_funnel .funnelQuestion.rounded-20 .form_funnel, .modularform_funnel .funnelQuestion.rounded-20 .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-20 .funnel_radiobutton .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-20 .funnel_checkbox.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-20 .funnel_radiobutton.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-20 .modularform_btn_next, .modularform_funnel .funnelQuestion.rounded-20 .modularform_btn_back, .modularform_funnel .funnelQuestion.rounded-20 .modularform_btn_send, .modularform_funnel .funnelQuestion.rounded-30 .funnel_radiobutton .iconLabel .imgContent, .modularform_funnel .funnelQuestion.rounded-30 .funnel_checkbox .iconLabel .imgContent { border-radius: 20px; } .modularform_funnel .funnelQuestion.rounded-30 .form_funnel, .modularform_funnel .funnelQuestion.rounded-30 .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-30 .funnel_radiobutton .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-30 .funnel_checkbox.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-30 .funnel_radiobutton.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-30 .modularform_btn_next, .modularform_funnel .funnelQuestion.rounded-30 .modularform_btn_back, .modularform_funnel .funnelQuestion.rounded-30 .modularform_btn_send, .modularform_funnel .funnelQuestion.rounded-30 .funnel_radiobutton .iconLabel .imgContent, .modularform_funnel .funnelQuestion.rounded-30 .funnel_checkbox .iconLabel .imgContent { border-radius: 30px; } .modularform_funnel .funnelQuestion.rounded-40 .form_funnel, .modularform_funnel .funnelQuestion.rounded-40 .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-40 .funnel_radiobutton .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-40 .funnel_checkbox.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-40 .funnel_radiobutton.hasIcon .btn-inputLabel, .modularform_funnel .funnelQuestion.rounded-40 .modularform_btn_next, .modularform_funnel .funnelQuestion.rounded-40 .modularform_btn_back, .modularform_funnel .funnelQuestion.rounded-40 .modularform_btn_send, .modularform_funnel .funnelQuestion.rounded-40 .funnel_radiobutton .iconLabel .imgContent, .modularform_funnel .funnelQuestion.rounded-40 .funnel_checkbox .iconLabel .imgContent { border-radius: 40px; } .modularform_funnel .label_input_dsb { font-size: var(--size-small); text-align: start !important; } .modularform_funnel .funnel_valid { text-align: start !important; } .modularform_funnel .funnel_checkbox .funnel_valid { text-align: center !important; color: red; } .modularform_funnel .funnel_valid > small { font-size: 12px; color: red; } .modularform_funnel .modularform_btn_next span.spinner-border { width: 1.5rem; height: 1.5rem; } .modularform_funnel .viewImageContainer { position: absolute; background-size: cover; background-position:center; bottom: 0; left: auto; right: auto; width: 100%; height: 100%; } .modularform_funnel .viewImageButtonContainer { width: 200px; height: 200px; background-size: contain; border-radius: 10px; background-repeat: no-repeat; } /* HIGHLIGHT BACKGROUND */ .modularform_funnel.blockColorClass_highlight1 a, .modularform_funnel.blockColorClass_highlight1 a:hover { color: var(--color-white); } .modularform_funnel.blockColorClass_highlight1 .funnel_checkbox .btn-inputLabel, .modularform_funnel.blockColorClass_highlight1 .funnel_radiobutton .btn-inputLabel { color: var(--color-white); background-color: var(--color-highlight); border: 2px solid var(--color-white); } .modularform_funnel.blockColorClass_highlight1 .funnel_checkbox .btn-inputLabel:hover, .modularform_funnel.blockColorClass_highlight1 .funnel_radiobutton .btn-inputLabel:hover { color: var(--color-highlight); background-color: var(--color-white); border: 2px solid var(--color-white); -webkit-box-shadow: 0px 0px 15px 0px #00000091 !important; box-shadow: 0px 0px 15px 0px #00000091 !important; } .modularform_funnel.blockColorClass_highlight1 .funnel_checkbox .btn-inputLabel:hover .replaced_icon svg, .modularform_funnel.blockColorClass_highlight1 .funnel_radiobutton .btn-inputLabel:hover .replaced_icon svg { fill: var(--color-highlight); } .modularform_funnel.blockColorClass_highlight1 .funnel_checkbox .btn-inputLabel.checked { color: var(--color-highlight); background-color: var(--color-white); border: 2px solid var(--color-white); /* -webkit-box-shadow: 0px 0px 15px 0px #ffffff !important; box-shadow: 0px 0px 15px 0px #ffffff !important; */ } .modularform_funnel.blockColorClass_highlight1 .funnel_checkbox .btn-inputLabel.checked .replaced_icon svg { fill: var(--color-highlight); } .modularform_funnel.blockColorClass_highlight1 .funnel_checkbox.hasIcon .btn-inputLabel, .modularform_funnel.blockColorClass_highlight1 .funnel_radiobutton.hasIcon .btn-inputLabel { /* padding: 0.75rem; */ } .modularform_funnel.blockColorClass_highlight1 .funnelQuestion .form_funnel { border: 1px solid var(--color-white); } /* fullscreen extraklasse f�r blocks mit Bild links und text rechts */ @media (min-width: 992px) { .modularform_funnel.fullscreen {} .modularform_funnel.fullscreen .mod_cont { padding:0 !important; } .modularform_funnel.fullscreen .mod_cont > .container { max-width: 1320px; max-width: 100%; } .modularform_funnel.fullscreen .mod_cont > .container > .row {} .modularform_funnel.fullscreen .mod_cont > .container > .row .funnelQuestion, .modularform_funnel.fullscreen .mod_cont > .container > .row .funnelQuestion .answerCont { min-height: 100vh; padding: 0 !important; display: flex; width: 100%; } .modularform_funnel.fullscreen .mod_cont > .container > .row .funnelQuestion { display:none; } .modularform_funnel.fullscreen .mod_cont > .container > .row .funnelQuestion:first-of-type { display:flex; } .modularform_funnel.fullscreen .mod_cont > .container .row { flex: 1 0 auto; display: flex; flex-direction: row; justify-content: left !important; } .modularform_funnel.fullscreen .mod_cont > .container .row .col-image { flex: 1 1 auto; height: 100%; padding-left:0; max-width:50%; overflow:hidden; } .modularform_funnel.fullscreen .mod_cont > .container .row .col-questions { max-width: 660px; /* 1320px / 2 */ } .modularform_funnel.fullscreen .mod_cont > .container > .row .funnelQuestion .imgContentWrapper { height: 100%; padding: 0; margin: 0; } } /* in frage mit extraklasse highlightbtn */ .modularform_funnel .highlightbtn .btn-inputLabel, .modularform_funnel .highlightbtn .btn-inputLabel:visited { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); font-size: calc(var(--size-button) * 2); padding-left: 30px; padding-right: 30px; line-height:140%; } .modularform_funnel .highlightbtn .btn-inputLabel:hover { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-highlight); font-size: calc(var(--size-button) * 2); padding-left: 30px; padding-right: 30px; } .modularform_funnel .highlightbtn .btn-check:focus+.btn-inputLabel, .modularform_funnel .highlightbtn .btn-inputLabel:focus { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-highlight); box-shadow: 0 0 0 0rem #000; font-size: calc(var(--size-button) * 2); padding-left: 30px; padding-right: 30px; } /* in frage mit extraklasse highlightbtn - auf blockColorClass_highlight1 block */ .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-inputLabel, .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-inputLabel:visited { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); font-size: calc(var(--size-button) * 2); padding-left: 30px; padding-right: 30px; } .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-inputLabel:hover { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-white); font-size: calc(var(--size-button) * 2); padding-left: 30px; padding-right: 30px; } .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-check:focus+.btn-inputLabel, .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-inputLabel:focus { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-white); box-shadow: 0 0 0 0rem #000; font-size: calc(var(--size-button) * 2); padding-left: 30px; padding-right: 30px; } @media (max-width: 991px) { .modularform_funnel .highlightbtn .btn-inputLabel, .modularform_funnel .highlightbtn .btn-inputLabel:visited { font-size: calc(var(--size-button) * 1); padding-left: 30px; padding-right: 30px; } .modularform_funnel .highlightbtn .btn-inputLabel:hover { font-size: calc(var(--size-button) * 1); padding-left: 30px; padding-right: 30px; } .modularform_funnel .highlightbtn .btn-check:focus+.btn-inputLabel, .modularform_funnel .highlightbtn .btn-inputLabel:focus { font-size: calc(var(--size-button) * 1); padding-left: 30px; padding-right: 30px; } /* in frage mit extraklasse highlightbtn - auf blockColorClass_highlight1 block */ .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-inputLabel, .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-inputLabel:visited { font-size: calc(var(--size-button) * 1); padding-left: 30px; padding-right: 30px; } .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-inputLabel:hover { font-size: calc(var(--size-button) * 1); padding-left: 30px; padding-right: 30px; } .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-check:focus+.btn-inputLabel, .blockColorClass_highlight1.modularform_funnel .highlightbtn .btn-inputLabel:focus { font-size: calc(var(--size-button) * 1); padding-left: 30px; padding-right: 30px; } } @-webkit-keyframes fadeInDownFullscreenFunnel { from { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownFullscreenFunnel { from { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownFullscreenFunnel { -webkit-animation-name: fadeInDownFullscreenFunnel; animation-name: fadeInDownFullscreenFunnel; } /* Datepicker */ .modularform_funnel .funnel_datepicker_container .input-group .datepickerdate { box-shadow: none; outline: none; /* border: none; */ } .modularform_funnel .funnel_datepicker_container .input-group .datepickertime { box-shadow: none; outline: none; /* border: none; */ } .modularform_funnel .funnel_datepicker_container .input-group-addon { min-width: 40px; text-align: center; font-size: var(--size-h5); color: var(--color-highlight); cursor: pointer; padding-left: 5px; } .modularform_funnel .funnel_datepicker_container .datepickerdate_group .input-group .input-group-addon { position: absolute; right: 0; top: 3px; bottom: 0; margin: auto; z-index: 100; } .modularform_funnel .funnel_datepicker_container .datepickertime_group .input-group .input-group-addon { position: absolute; right: 0; top: 4px; bottom: 0; margin: auto; z-index: 100; } .modularform_funnel .endOfForm .h2{ color:var(--color-highlight); margin-bottom: 0.5em; } .modularform_funnel .endOfForm .textBlockText{ /* font-size: var(--size-medium); line-height: var(--line-medium); font-family: var(--font-medium); font-style: var(--style-medium); font-weight: var(--weight-medium); */ font-size: var(--size-medium); line-height: var(--line-default); font-family: var(--font-default); font-style: var(--style-default); font-weight: var(--weight-default); } .modularform_funnel .inputLabel {display:none;} .modularform_funnel .col-submit-textinput { margin-bottom: 1rem; } .modularform_funnel .funnel_contact_container .row-contact-container { margin-bottom: 1rem; } .modularform_funnel .form-check-dsb { margin-top: 1rem; } .noback.modularform_funnel .backContainer {display:none !important;} .u23design.modularform_funnel {} .u23design.modularform_funnel .inputLabel { display: block; color: var(--color-highlight); margin-top: 5px; } @media (max-width: 991px) { .u23design.modularform_funnel .col-submit-textinput { margin-bottom:0 !important; } .u23design.modularform_funnel .funnel_contact_container .row-contact-container { margin-bottom:0; } .modularform_funnel .form-check-dsb { margin-top: 2rem;} } .designb.u23design.modularform_funnel {} .designb.u23design.modularform_funnel .container {max-width: 1600px;} /* extrawidewidth */ .designb.u23design.modularform_funnel .funnel_checked_container { justify-content: start; } .designb.u23design.modularform_funnel .replaced_icon { fill: var(--color-highlight4); transition:all 0.15s ease; margin-bottom:30px; } .designb.u23design.modularform_funnel .funnel_checkbox .btn-inputLabel, .designb.u23design.modularform_funnel .funnel_radiobutton .btn-inputLabel { color:var(--color-highlight4); border-color:var(--color-highlight4); font-size: var(--size-h4); line-height: var(--line-h4); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } .designb.u23design.modularform_funnel .funnel_checkbox .btn-inputLabel:hover, .designb.u23design.modularform_funnel .funnel_radiobutton .btn-inputLabel:hover { background-color:transparent; color: var(--color-highlight); border-color:var(--color-highlight); } .designb.u23design.modularform_funnel .noborder .funnel_checkradio_container .funnel_checkradio_item.hasIcon .form-check-label.btn-inputLabel, .designb.u23design.modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.hasIcon .form-check-label.btn-inputLabel { border-color:transparent; } .designb.u23design.modularform_funnel .funnel_checkbox .btn-inputLabel:hover .replaced_icon svg, .designb.u23design.modularform_funnel .funnel_radiobutton .btn-inputLabel:hover .replaced_icon svg { fill: var(--color-highlight); } /* 60/70 bold h2 */ .designb.u23design.modularform_funnel .funnelQuestionHeadlineCont .h3 { font-size: var(--size-h2); line-height: var(--line-h2); font-family: var(--font-h2); font-style: var(--style-h2); font-weight: var(--weight-h4); } @media (min-width: 992px) { /* .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion:first-of-type, .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion.visShowHandler { display: none; flex-direction: row; flex-wrap: wrap; } .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion:first-of-type {display:flex;} .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion.hiddenShowHandler {display: none;} .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion.visShowHandler {display:flex !important;} .designb.u23design.modularform_funnel .backContainer {width:40px;} .designb.u23design.modularform_funnel .backContainer + .col-10 {width:calc(100% - 40px);} / * .funnelQuestionHeadlineCont* / .designb.u23design.modularform_funnel .funnelQuestionHeadlineCont {text-align:left;} .designb.u23design.modularform_funnel .funnelQuestion .funnelQuestionDescriptionRow { flex: 1 1 33.33%; } .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion .answerCont {flex: 1 1 66.66%;} */ /* .designb.u23design.modularform_funnel .funnelQuestionDescriptionRow .col-10 {margin-left:auto; margin-right:auto;} */ .designb.u23design.modularform_funnel .funnel_checked_container { justify-content: center; } .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion:first-of-type {} .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion {} .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion .funnelQuestionDescriptionRow {width: 33.33%; float: left; padding-top: 20px; padding-bottom: 20px; text-align:left;} .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion .answerCont {width: 66.66%; float: left; padding-top: 0;} .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion .funnelQuestionDescriptionRow .funnelQuestionHeadlineCont .row.justify-content-center.align-items-center.text-center { text-align: left !important; align-items: start !important; justify-content: start !important; } .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion .funnelQuestionDescriptionRow .funnelQuestionHeadlineCont .row.justify-content-center.align-items-center.text-center .funnel_input_container { width:100%; } .designb.u23design.modularform_funnel .modularinputgroup .funnelQuestion .funnelQuestionDescriptionRow .funnelQuestionHeadlineCont .row.justify-content-center.align-items-center.text-center .questionHeadline { text-align: left !important; } .designb.u23design.modularform_funnel .backContainer {width:40px;} .designb.u23design.modularform_funnel .backContainer + .col-10 {width:calc(100% - 40px);} /* .funnelQuestionHeadlineCont */ } .u23design.modularform_funnel .funnel_checkbox .funnel_valid { margin-top:30px; font-size:var(--size-small); line-height:var(--line-small); text-align: left !important; color: #F8033C; /* background-color:#F8033C; */ } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .backContainer { width: 40px; position: absolute; left: -36px; font-size: var(--size-big); line-height: var(--line-big); top: 35px; color: var(--color-medium); } @media (min-width: 992px) { .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .backContainer { width: 50px; left: -80px; top: 25px; } } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .questionContainer {width:100%;} .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .h3.questionHeadline { font-size: var(--size-default); line-height: var(--line-default); font-family: var(--font-bold); font-style: var(--style-bold); font-weight: var(--weight-bold); text-align:left; order: 2; margin-bottom: 15px; } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .h5.questionSubline { font-size: var(--size-h2); line-height: var(--line-h2); font-family: var(--font-h2); font-style: var(--style-h2); font-weight: var(--weight-h2); color: var(--color-highlight3); text-align:left; order: 1; margin-bottom: 50px; } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .description.textblockText { font-size: var(--size-default); line-height: var(--line-default); font-family: var(--font-default); font-style: var(--style-default); font-weight: var(--weight-default); text-align:left; order: 3; margin-bottom: 15px; } .designc.u23design.modularform_funnel .form-control[type="text"]::placeholder, .designc.u23design.modularform_funnel .form-control[type="email"]::placeholder, .designc.u23design.modularform_funnel .form-control[type="password"]::placeholder { color:transparent; } @media (min-width: 992px) { .designc.u23design.modularform_funnel .funnel_checked_container { justify-content: center; } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .funnelQuestionDescriptionRow .funnelQuestionHeadlineCont .row.justify-content-center.align-items-center.text-center { text-align: left !important; align-items: start !important; justify-content: start !important; } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion:first-of-type {} .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion {} .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .funnelQuestionDescriptionRow {width: 100%; /*float: left;*/ padding-top: 20px; padding-bottom: 20px; text-align:left;} .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .answerCont {width: 100%; /*float: left;*/ padding-top: 0;} .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion .funnel_input_container { display:flex; flex-direction:column; flex-wrap:wrap } /* checkboxes cont */ .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_3 .funnel_checkbox_group { padding-left:0; padding-right:0; } /* file upload */ .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_6 .funnel_upload_container { display:block; margin-left:0; margin-right:auto; margin-bottom: 20px; } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_6 .funnel_upload_container > .row { padding:0; margin:0; } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_6 .funnel_upload_container .form-check.funnel_input { padding:0; position: relative; } /* ihre daten */ .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_5 { /* display: flex; */ align-content: start; align-items: start; } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_5.visShowHandler {display: flex;} .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_5 .funnel_contact_container {width:100%; } .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_5 .funnelQuestionDescriptionRow {width:33%; padding-top: 20px; padding-bottom: 20px;} .designc.u23design.modularform_funnel .modularinputgroup .funnelQuestion.funnelQuestion_type_5 .answerCont {width:77%; padding-top: 20px; padding-bottom: 20px;} .designc.u23design.modularform_funnel .funnelBtnCont { margin-left: 0; margin-top: 0; } } .blockColorClass_highlight1.modularform_funnel .endOfForm .h2 {color:#fff;} .modularform_funnel .showFileUploadInfo {} .modularform_funnel .showFileUploadInfo .showFileUploadInfoP {} .modularform_funnel .showFileUploadInfo .showFileUploadInfoRemove {padding-left: 5px;} .modularform_funnel .showFileUploadInfo .showFileUploadInfoRemove:hover {cursor:pointer;} .modularform_funnel .showFileUploadInfo .showFileUploadInfoRemove i {} .funnelQuestion.hasImage[data-thisquestionnextkey="1"] .funnelQuestionDescriptionRow {display:none;} .modularform_funnel .dateError { font-size: var(--size-small); line-height: var(--line-small); padding-bottom:calc(var(--size-small) / 2); } .modularform_funnel .dateError small {} @media (max-width: 575px) { .tempus-dominus-widget.timepicker-sbs .td-row { display: flex; flex-direction: column; } .tempus-dominus-widget.timepicker-sbs .td-row .td-half { flex: 0 0 auto; width: 100% !important; } } .modularform_funnel .funnel_valid.is-invalid { font-size: 12px; color: red; } .modularform_funnel .requireminone .btnWeiterOhneEingabe { display:none !important; } /* todo in def rein*/ @media (min-width: 992px) { .text-start.mod_facts_table .justify-content-lg-center { justify-content: start !important; } } /* todo in def rein*/ /* klassen an frage angehängt */ .funnelQuestion.headline-start .funnelQuestionDescriptionRow .row.text-center .h3 {text-align: left !important; margin-bottom: 2rem;} .funnelQuestion.text-start .funnelQuestionDescriptionRow .row.text-center {text-align: left !important; justify-content: start !important;} .modularform_funnel .funnelQuestion.text-start .funnel_checked_container { justify-content: start !important; } .modularform_funnel .modularinputgroup .funnelQuestion.headline-start:first-of-type .backContainer, .modularform_funnel .modularinputgroup .funnelQuestion.text-start:first-of-type .backContainer {display:none;} .modularform_funnel .modularinputgroup .funnelQuestion.headline-start:first-of-type .funnel_checkradio_item, .modularform_funnel .modularinputgroup .funnelQuestion.text-start:first-of-type .funnel_checkradio_item {width:auto; padding-left: 0;} .modularform_funnel .funnelQuestion.text-start .col-10.questionContainer {width:100%;} .modularform_funnel .funnelQuestion.text-start .funnel_input_container {width:100%;} .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont .form-check-label.btn-inputLabel { cursor: default; box-shadow: none !important; } .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont { display: none; flex: 1 1 auto; cursor: default; } .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont, .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont .form-check-label.btn-inputLabel, .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont .form-check-label.btn-inputLabel:hover { background-color: transparent; border-color: transparent; color: var(--color-default); } .modularform_funnel .funnel_radiobutton .phoneLinkDesktop.btn-inputLabel .replaced_icon, .modularform_funnel .funnel_radiobutton .phoneLinkDesktop.btn-inputLabel:hover .replaced_icon { width: 20px; height: 20px; margin-bottom: 0; margin-right: 5px; position: relative; top: -6px; } .modularform_funnel .funnel_radiobutton .phoneLinkDesktop.btn-inputLabel .replaced_icon svg, .modularform_funnel .funnel_radiobutton .phoneLinkDesktop.btn-inputLabel:hover .replaced_icon svg { fill: var(--color-default); } .blockColorClass_color4.modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont, .blockColorClass_color4.modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont .form-check-label.btn-inputLabel, .blockColorClass_color4.modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont .form-check-label.btn-inputLabel:hover { color: var(--color-white); } .blockColorClass_color4.modularform_funnel .funnel_radiobutton .phoneLinkDesktop.btn-inputLabel .replaced_icon svg, .blockColorClass_color4.modularform_funnel .funnel_radiobutton .phoneLinkDesktop.btn-inputLabel:hover .replaced_icon svg { fill: var(--color-white); } .blockColorClass_highlight1.modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont, .blockColorClass_highlight1.modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont .form-check-label.btn-inputLabel, .blockColorClass_highlight1.modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont .form-check-label.btn-inputLabel:hover { color: var(--color-white); } .blockColorClass_highlight1.modularform_funnel .funnel_radiobutton .phoneLinkDesktop.btn-inputLabel .replaced_icon svg, .blockColorClass_highlight1.modularform_funnel .funnel_radiobutton .phoneLinkDesktop.btn-inputLabel:hover .replaced_icon svg { fill: var(--color-white); } .modularform_funnel .phoneLinkDesktop .replaced_icon, .modularform_funnel .phoneLinkDesktop .replaced_icon svg { fill: var(--color-default); } .blockColorClass_color4.modularform_funnel .phoneLinkDesktop .replaced_icon, .blockColorClass_color4.modularform_funnel .phoneLinkDesktop .replaced_icon svg { fill: var(--color-white); } .blockColorClass_highlight1.modularform_funnel .phoneLinkDesktop .replaced_icon, .blockColorClass_highlight1.modularform_funnel .phoneLinkDesktop .replaced_icon svg { fill: var(--color-white); } .modularform_funnel .phoneLink { display: flex; } .modularform_funnel .phoneLinkDesktop .replaced_icon, .modularform_funnel .phoneLink .btn-inputLabel .replaced_icon { width: 20px; height: 20px; margin-bottom: 0; margin-right: 5px; position: relative; top: -2px; width: 2em; height: 1.5em; margin-bottom: 0; margin-right: 5px; position: relative; top: 0.25em; margin-top: -0.5em; } .modularform_funnel .phoneLink .form-check-label { height:auto; } .modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel .replaced_icon, .modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel .replaced_icon svg{ fill: var(--color-highlight); } .modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel:hover .replaced_icon, .modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel:hover .replaced_icon svg{ fill: var(--color-white); } .blockColorClass_color4.modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel .replaced_icon, .blockColorClass_color4.modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel .replaced_icon svg{ fill: var(--color-white); } .blockColorClass_color4.modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel:hover .replaced_icon, .blockColorClass_color4.modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel:hover .replaced_icon svg{ fill: var(--color-default); } .blockColorClass_highlight1.modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel .replaced_icon, .blockColorClass_highlight1.modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel .replaced_icon svg{ fill: var(--color-white); } .blockColorClass_highlight1.modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel:hover .replaced_icon, .blockColorClass_highlight1.modularform_funnel .phoneLink .funnel_radiobutton .btn-inputLabel:hover .replaced_icon svg{ fill: var(--color-default); } /* @media (min-width: 992px) { .modularform_funnel .funnel_checkradio_container .funnel_checkradio_item.phoneLinkDesktopCont {display:flex;} .modularform_funnel .phoneLink {display:none;} } */ @media (max-width: 575px) { .modularform_funnel .tel-link .funnel_checkradio_container { /* background:red; */ flex-direction: column; } .modularform_funnel .tel-link .funnel_checkradio_container .funnel_checkradio_item { /* background:blue; */ width:100% !important;; } .modularform_funnel .tel-link .funnel_checkradio_container .funnel_checkradio_item .funnel_radiobutton { width:100%; } } .modularform_funnel .bildunterschriftElement { font-size: var(--size-small); line-height: var(--line-small); position: relative; top: -0.33em; } .modularform_funnel .bildunterschriftElement span {font-style: italic;} div.boxed.defaultMargin.modularform_funnel > .mod_cont > .container { padding-top: 2rem; padding-bottom: 2rem; } div:not(.boxed).defaultMargin.modularform_funnel > .mod_cont { padding-top: 80px; padding-bottom: 60px; } .tdbackdrop {display:block; position:fixed; left:0; top:0; right:0; bottom:0;} @media (min-width:992px) { .blockheadline-h1.modularform_funnel .topCont { padding-bottom:4rem } .blockheadline-h1.modularform_funnel .topCont .funnel_input_container.col-lg-9 { width:100%; } } .label-visible.modularform_funnel .inputLabel, .modularform_funnel .funnelQuestion.label-visible .inputLabel { display: block; } .modularform_funnel .funnelQuestion_type_1 .inputLabel:has(+ .form-control[type="text"]), .modularform_funnel textarea.form-control+.inputLabel, .modularform_funnel .form-control[type="text"]+.inputLabel, .modularform_funnel .form-control[type="email"]+.inputLabel, .modularform_funnel .form-control[type="password"]+.inputLabel { opacity:0; transition:opacity 0.3s ease } .modularform_funnel .funnelQuestion_type_1 .inputLabel:has(+ .form-control[type="text"]:not(:placeholder-shown)), .modularform_funnel textarea.form-control:not(:placeholder-shown)+.inputLabel, .modularform_funnel .form-control[type="text"]:not(:placeholder-shown)+.inputLabel, .modularform_funnel .form-control[type="email"]:not(:placeholder-shown)+.inputLabel, .modularform_funnel .form-control[type="password"]:not(:placeholder-shown)+.inputLabel { opacity:1 } .modularform_funnel .form-control[type="text"]:has(+ .funnel_valid + .inputLabel) { margin-bottom:1.5rem; } .label-visible.modularform_funnel .form-control[type="text"]:has(+ .funnel_valid + .inputLabel), .modularform_funnel .funnelQuestion.label-visible .form-control[type="text"]:has(+ .funnel_valid + .inputLabel) { margin-bottom:0.75rem; } .modularform_funnel .icon-box.funnelQuestion {} .modularform_funnel .icon-box.funnelQuestion .form-check {} .modularform_funnel .icon-box.funnelQuestion .form-check.hasIcon {} .modularform_funnel .icon-box.funnelQuestion .form-check .ItemWrapperOuter { min-height: 150px; height: 100%; aspect-ratio: 4 / 3; } .modularform_funnel .icon-box.funnelQuestion .form-check .ItemWrapperOuter .ItemWrapperInner { height: 100%; } .modularform_funnel .icon-box.funnelQuestion .form-check .btn-inputLabel {} .modularform_funnel .icon-box.funnelQuestion .form-check .btn-inputLabel .btnText {} .modularform_funnel .icon-box.funnelQuestion .funnel_checkradio_container .funnel_checkradio_item.hasIcon .form-check-label.btn-inputLabel {border-color: var(--color-highlight);} .modularform_funnel .bg-image-box.funnelQuestion {} .modularform_funnel .bg-image-box.funnelQuestion .form-check {} .modularform_funnel .bg-image-box.funnelQuestion .form-check.hasIcon {} .modularform_funnel .bg-image-box.funnelQuestion .form-check .ItemWrapperOuter { min-height: 150px; height: 100%; aspect-ratio: 4 / 3; } .modularform_funnel .bg-image-box.funnelQuestion .form-check .ItemWrapperOuter .ItemWrapperInner { height: 100%; } .modularform_funnel .bg-image-box.funnelQuestion .form-check .btn-inputLabel {} .modularform_funnel .bg-image-box.funnelQuestion .form-check .btn-inputLabel .btnText {} .modularform_funnel .bg-image-box.funnelQuestion .funnel_checkradio_container .funnel_checkradio_item.hasIcon .form-check-label.btn-inputLabel {border-color: var(--color-highlight);} .modularform_funnel .funnelQuestion_type_5 .col-weitereAngabenHl{ color: var(--color-medium); display: none; } .modularform_funnel .funnelQuestion_type_5 .col-optional{ display: none; } .modularform_funnel .funnelQuestion_type_5 .col-weitereAngabenHl.validatedRequiredSuccess{ display: block; } .modularform_funnel .funnelQuestion_type_5 .col-optional.validatedRequiredSuccess{ display: block; }