html, body { scroll-behavior: smooth !important; } .promo_intro .teaser_container{margin:0 auto;padding-bottom:0!important;text-align:center;width:80%}@media screen and (max-width:1100px){.promo_intro .teaser_container{padding-bottom:20px!important}}.promo_intro .teaser_container div h2{margin-bottom:0}.promo_intro .teaser_container div h3{margin-bottom:1em}.promo_intro .teaser_container div a button.btn{margin:1em 0!important}@media screen and (max-width:767px){.promo_intro .teaser_container{width:96%}} .bg_grau{background-color:#f7f7f7}.colored-bar{background:#f6d000;background:-webkit-gradient(linear,left top,right top,from(#f6d000),color-stop(50%,#fff),to(#411564));background:-webkit-linear-gradient(left,#f6d000,#fff 50%,#411564);background:-moz-linear-gradient(left,#f6d000 0,#fff 50%,#411564 100%);background:linear-gradient(90deg,#f6d000,#fff 50%,#411564);height:.7em;width:100%}.bg_grey{background-color:#f7f7f7}.bg_white{background-color:#fff}.bg_iwblila{background-color:#411564}.bg_iwbweiss{background-color:#fff}.text-uppercase,h2{text-transform:uppercase}h2{font-size:34px;line-height:42px}h1,h2{font-weight:200}@media(min-width:1200px){h1,h2{font-size:2.2rem}}@media(max-width:767px){h1,h2{font-size:1.7rem;line-height:32px}}h3{font-size:22px;text-transform:uppercase}@media(max-width:767px){h3,h4,h5,h6{font-size:1.3rem}}h2,h5{text-align:center}a{color:#411564}a,a.tel{text-decoration:none}a.mailto{text-decoration:underline}p{color:#636366;font-size:16px;line-height:24px;margin:1em 0}ul li{list-style:disc}ul.timeline_list li{list-style:none!important}ul.check{color:#636366;margin:1em 0 0 10px}ul.check li{font-size:16px;line-height:1.5em;list-style:none!important;padding-left:1em}ul.check li:before{background-repeat:no-repeat;color:#f6d000;content:"✔︎";display:block;font-size:1.2em;height:15px;left:-1.2em;position:relative;top:15px;width:16px}ul.check.center li{margin-bottom:1em}ul.check.center li:before{background-repeat:no-repeat;color:#f6d000;content:"✔︎";display:inline;font-size:1.2em;height:15px;left:-.3em;position:relative;top:0;width:16px}ul ol,ul.check ol{counter-increment:count;list-style:none;margin:.8em 0}ul ol:before,ul.check ol:before{content:counter(count) "."}.bolder{font-weight:700}@media(max-width:1079px){.singleteaser{margin-top:3em}}.singleteaser div.container--right.column-50{margin:0;text-align:left}@media screen and (max-width:1079px){.singleteaser div.container--right.column-50{display:block!important;float:none;max-width:100%!important}.singleteaser div.container--right.column-50 .content__element-text_blocks__headline-container{text-align:center}}.singleteaser div.container--right.column-50 .content__element-text_blocks__subheadline{margin-bottom:0;text-align:left}.singleteaser div.container--right.column-50 .content__element-text_blocks__teaser_container__text{margin:2em 0 0;padding-right:2em}@media screen and (max-width:800px){.singleteaser div.container--right.column-50 .content__element-text_blocks__teaser_container__text{padding-right:0}}.singleteaser div.container--right.column-50 .teaserimage{float:right}@media screen and (max-width:1079px){.singleteaser div.container--right.column-50 .teaserimage{float:none!important}}.singleteaser div.container--right.column-50 .teaserimage .content__element-text_blocks__image-container{width:100%}.singleteaser div.container--right.column-50 .teaserimage .content__element-text_blocks__image-container img{height:100%;width:100%}@media screen and (max-width:1079px){.singleteaser div.container--left.column-50.heroteaser{display:block!important;float:none;max-width:100%!important}.singleteaser div.container--left.column-50.heroteaser .content__element-text_blocks__headline-container,.singleteaser div.container--left.column-50.heroteaser .content__element-text_blocks__subheadline{text-align:center}}.singleteaser div.container--left.column-50.heroteaser div .content__element-text_blocks__headline-container{margin:0!important}.singleteaser div.container--left.column-50.heroteaser div .content__element-text_blocks__headline-container h2{text-align:left!important}.singleteaser div.container--left.column-50.heroteaser div .content__element-text_blocks__subheadline{text-align:left}.singleteaser div .content__element-white.flex-item.container--right.column-50.switch-align{float:left;padding-right:1em}@media(max-width:767px){.singleteaser div .content__element-white.flex-item.container--right.column-50.switch-align{padding-right:0!important}}.singleteaser div .content__element-white.flex-item.container--left.column-50.switch-align{float:right;padding-left:1em}@media(max-width:767px){.singleteaser div .content__element-white.flex-item.container--left.column-50.switch-align{padding-left:0!important}}.singleteaser.minimal button.btn--orange{background-color:rgba(0,0,0,0)!important;border:0!important;color:#411564!important;margin:0!important;padding-left:0!important;text-decoration:underline!important}.heroteaser div.container--left.column-60 div .content__element-text_blocks__headline-container,.heroteaser div.container--left.column-60 div h2,.heroteaser div.container--left.column-60 div h3{text-align:left!important}.heroteaser div.container--left.column-60 div .content__element-text_blocks__headline-container{margin:-10px 0 2em}.heroteaser div.container--left.column-60 div .content__element-text_blocks__headline-container h3{margin:4px 0 .5em}@media screen and (max-width:800px){.heroteaser div.container--left.column-60 div .content__element-text_blocks__headline-container{margin:0 auto!important}.heroteaser div.container--left.column-60 div .content__element-text_blocks__headline-container h2,.heroteaser div.container--left.column-60 div .content__element-text_blocks__headline-container h3{text-align:center!important}}.heroteaser div.container--left.column-60 div a button.btn{margin:1.5em 0!important}@media screen and (max-width:800px){.container--right.column-40{width:100%!important}}.heroteaser div .whitebox,.singleteaser div .whitebox{background:#fff;border-radius:5px;margin:1em auto;padding:2.5em;width:100%}.heroteaser div .whitebox:first-child,.heroteaser div .whitebox:nth-child(2),.singleteaser div .whitebox:first-child,.singleteaser div .whitebox:nth-child(2){padding:2.5em 2.5em 0}@media(max-width:767px){.heroteaser div .whitebox:first-child,.heroteaser div .whitebox:nth-child(2),.singleteaser div .whitebox:first-child,.singleteaser div .whitebox:nth-child(2){padding:1.5em 1.5em 0}}.heroteaser div .whitebox div a .btn,.singleteaser div .whitebox div a .btn{margin:1em 0 2em!important}.content__element-text_blocks__whitebox-container{width:inherit}.content__element-text_blocks__whitebox-container h3{font-family:FFFago_Offc_Bold,sans-serif;font-size:28px;margin:0 0 1.2em}@media(max-width:767px){.content__element-text_blocks__whitebox-container h3{font-size:1.7rem}}.content__element-text_blocks__whitebox-container a{color:#411564;display:block;line-height:1em;margin-bottom:-4px;text-decoration:none}.content__element-text_blocks__whitebox-container a span{font-size:18px}.content__element-text_blocks__whitebox-container a img{bottom:3px;float:right;position:relative;width:20px}.content__element-text_blocks__whitebox-container hr{border-bottom:1px solid #eee;border-top-width:0;margin:.5em 0 1.5em;position:relative;top:12px}.content__element-text_blocks__whitebox-container address{color:#636366;font-size:16px;line-height:13px}.content__element-text_blocks__whitebox-container address a{color:#411564;font-size:22px;font-weight:600}.iwb-subpage.detail .content .content__element-white.flex-item.container--right.column-50,.iwb-subpage.full .content .content__element-white.flex-item.container--right.column-50{display:inline-block;float:left;margin-right:2em}@media(max-width:1079px){.iwb-subpage.detail .content .content__element-white.flex-item.container--right.column-50,.iwb-subpage.full .content .content__element-white.flex-item.container--right.column-50{float:right}}@media screen and (max-width:967px){.iwb-subpage.detail .content .content__element-white.flex-item.container--right.column-50,.iwb-subpage.full .content .content__element-white.flex-item.container--right.column-50{display:block;float:none;padding-left:0;width:100%!important}}.iwb-subpage.detail .content .content__element-white.flex-item.container--left,.iwb-subpage.full .content .content__element-white.flex-item.container--left{display:inline-block;float:none}.iwb-subpage.detail .content .content__element-white.flex-item.container--right,.iwb-subpage.full .content .content__element-white.flex-item.container--right{clear:both;display:inline-block;vertical-align:top;width:43%!important}@media(max-width:1079px){.iwb-subpage.detail .content .content__element-white.flex-item.container--right,.iwb-subpage.full .content .content__element-white.flex-item.container--right{width:100%}}.iwb-subpage.detail .content.heroteaser .content__element-white.flex-item.container--left.column-50,.iwb-subpage.full .content.heroteaser .content__element-white.flex-item.container--left.column-50{float:left;padding-right:1em}@media screen and (max-width:967px){.iwb-subpage.detail .content.heroteaser .content__element-white.flex-item.container--left.column-50,.iwb-subpage.full .content.heroteaser .content__element-white.flex-item.container--left.column-50{display:block;width:100%}}@media(max-width:1079px){.iwb-subpage.detail .content.singleteaser,.iwb-subpage.full .content.singleteaser{margin-top:3em}}.iwb-subpage.detail .content.singleteaser .content__element .content__element-white.flex-item.container--left.column-100.heroteaser,.iwb-subpage.full .content.singleteaser .content__element .content__element-white.flex-item.container--left.column-100.heroteaser{width:100%}.iwb-subpage.detail .content.singleteaser div.switch-align .content__element-white.flex-item.container--right.column-50,.iwb-subpage.full .content.singleteaser div.switch-align .content__element-white.flex-item.container--right.column-50{float:right;padding-right:1em}@media(max-width:767px){.iwb-subpage.detail .content.singleteaser div.switch-align .content__element-white.flex-item.container--right.column-50,.iwb-subpage.full .content.singleteaser div.switch-align .content__element-white.flex-item.container--right.column-50{padding-right:0}}.iwb-subpage.detail .content.singleteaser div.switch-align .content__element-white.flex-item.container--left.column-50,.iwb-subpage.full .content.singleteaser div.switch-align .content__element-white.flex-item.container--left.column-50{float:left;padding-left:1em}@media(max-width:767px){.iwb-subpage.detail .content.singleteaser div.switch-align .content__element-white.flex-item.container--left.column-50,.iwb-subpage.full .content.singleteaser div.switch-align .content__element-white.flex-item.container--left.column-50{padding-left:0}} section.private-tarifcalc .tarif-calculator__overlapping.tabbed figure.content__element.content__element-purple div.gas-calc { display: none } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc { background: #411564; letter-spacing: .3px; line-height: 1.5em; width: 100% } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-element { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around { margin-bottom: 1em } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element-half { -webkit-box-flex: 1!important; -moz-box-flex: 1!important; -webkit-flex: 1 0 45%!important; -ms-flex: 1 0 45%!important; flex: 1 0 45%!important } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; height: 48px; -webkit-justify-content: center; justify-content: center; min-width: 170px } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element div.pos-rel { vertical-align: top } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element div.pos-rel input.form-iwb__textinput { background-color: #fff; border: 1px solid #ccc; border-radius: 5px!important; -webkit-box-shadow: none; box-shadow: none; display: block!important; font-size: 14px; height: 50px; padding-left: 14px; padding-top: 20px; position: relative; width: 240px } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element div.pos-rel label.form-iwb__float-label { z-index: 0 } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element div.flex-block { vertical-align: top } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element div.flex-block input.form-iwb__textinput { background-color: #fff; border: 1px solid #ccc; border-radius: 5px!important; -webkit-box-shadow: none; box-shadow: none; display: block!important; font-size: 14px; height: 50px; padding-left: 14px; padding-top: 20px; position: relative; width: 240px } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element div.flex-block label.form-iwb__float-label { z-index: 0 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-single-select~div.chosen-container a.chosen-single { opacity: 0 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-single-select~div.chosen-container div.chosen-drop div.chosen-search { display: none!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-single-select~.chosen-container { display: block } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-select~div.chosen-container { z-index: 3!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-select~div.chosen-container a.chosen-single { border-bottom: 0; height: 6em; top: -4em } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-select~div.chosen-container a.chosen-single span { padding: 0 7px; top: 3px } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-select~.chosen-container { display: block } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.tariff-chosen { background-color: #fff; border-radius: 5px; color: rgba(0,0,0,0)!important; height: 50px; left: 0; position: absolute; top: .4em; width: 240px } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container.chosen-container-active.chosen-with-drop { top: 7em!important; width: 90%!important; z-index: 11111!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container { background-color: rgba(0,0,0,0); left: 0; position: absolute!important; top: 8em!important; width: 18em!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container a.chosen-single { color: #888; font-size: 15px; padding: 11px } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container a.chosen-single span { font-size: 15px; padding: 0 11px } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container div.chosen-drop div.chosen-search input.form-iwb__textinput { border-radius: 5px!important; -webkit-box-shadow: none; box-shadow: none; position: relative; z-index: 3 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container label.form-iwb__float-label { z-index: 1 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container .chosen-single { opacity: 0 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container .chosen-drop { border-radius: 8px; -webkit-box-shadow: 2px 8px 28px rgba(0,0,0,.3); box-shadow: 2px 8px 28px rgba(0,0,0,.3); margin: -80px auto; overflow: hidden } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container .chosen-drop .chosen-results { background-color: #fff; border-radius: 8px; margin: 0 auto; padding: 0 1em; width: 97% } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container .chosen-drop .chosen-results li { color: #636366; padding-left: 0!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container .chosen-drop .chosen-results li.active-result.highlighted { background: none!important; color: #411564!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container .chosen-drop .chosen-results li.active-result { border-bottom: 1px solid #bbb!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container .chosen-drop .chosen-results li.active-result:last-child { border: none!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel { display: block; margin: 0 auto; vertical-align: top } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel input.form-iwb__textinput { background-color: rgba(0,0,0,0); border-radius: 5px!important; -webkit-box-shadow: none; box-shadow: none; position: relative; z-index: 3 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel label.form-iwb__float-label { z-index: 1 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel select { background-color: #fff } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel div.chosen-container { position: absolute; top: 0; z-index: 2 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel .loadAllStreets { color: #fff; display: block; font-size: 12px; position: relative; text-decoration: underline; top: -1.5em } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.flex-input-wrapper.failed { background-image: none } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.flex-input-wrapper.failed .form-iwb__textinput,section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.flex-input-wrapper.failed .form-iwb__textinput:focus { border: 2px solid #d43516; opacity: 1; outline: none } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.flex-input-wrapper.success { background-image: none } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.flex-input-wrapper.success .form-iwb__textinput,section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.flex-input-wrapper.success .form-iwb__textinput:focus { border: 2px solid #00aa96; opacity: 1; outline: none } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix.failed { background-image: none } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix.failed .form-iwb__textinput,section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix.failed .form-iwb__textinput:focus { border: 2px solid #d43516; opacity: 1; outline: none } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix.success { background-image: none } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix.success .form-iwb__textinput,section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix.success .form-iwb__textinput:focus { border: 2px solid #00aa96; opacity: 1; outline: none } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block.private { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 48px; -webkit-justify-content: center; justify-content: center; margin: 12px auto } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block.private a { padding: 0 8px } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.calculate-button { left: .5em; top: 5px } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.calculate-button button.btn-submit { height: 50px; margin: 0 auto!important; padding: 16px!important; position: relative; width: 85%!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-drop { margin: -105px auto; top: 5em; width: 97% } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.currenthelp div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active .chosen-single .chosen-drop { top: 5em!important } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas { margin: 0 auto!important } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.text-center { text-align: center } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.text-center span.text-smaller { font-size: 14px; position: relative; top: .5em!important } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.holder-bar { min-height: 45px } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.holder-bar div.flex-element { display: block; margin: 0 auto } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.holder-bar div.flex-element a.private-gas { background-image: url(images/house_off.svg); background-repeat: no-repeat; -webkit-background-size: 20px 20px; background-size: 20px; display: inline-block; padding: 0 12px; width: 13% } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.holder-bar div.flex-element a.private-gas.on { background-image: url(images/house_on.svg) } section.private-tarifcalc.first_tariff .tarif-calculator__overlapping.tabbed figure.content__element.content__element-purple div.gas-calc { display: none } section.private-tarifcalc.first_tariff.single .tarif-calculator__overlapping.tabbed figure.content__element.content__element-purple div.gas-calc { display: block } @media screen and (min-width: 1080px) { section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element-half { -webkit-box-flex:1!important; -moz-box-flex: 1!important; -webkit-flex: 1 0 auto!important; -ms-flex: 1 0 auto!important; flex: 1 0 auto!important } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 24% } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element:first-child { margin-left: 5%; margin-right: -2em } section.private-tarifcalc .tabbed figure.content__element.content__element-purple div.gas-calc form.form-iwb .flex-space-around .form-iwb__element:last-child { margin-right: 0 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix { display: block } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.holder-bar { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px) } } @media screen and (max-width: 1079px) { section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-select~div.chosen-container a.chosen-single { top:0 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.tariff-chosen { margin: 0 auto; width: 100% } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container { width: 100%!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select { height: 48px; margin: -5px 5%!important; width: 89.5%!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container { margin: -50px auto; top: 6em!important; z-index: auto } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container .chosen-single.chosen-default,section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single.chosen-default { z-index: 1 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.calculate-button { left: 0; margin: 1em auto 0; text-align: center; top: 0; } #broadband-pre-start-container{margin-left:5%;} section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.calculate-button button.btn-submit { margin: 0 auto!important; -webkit-transform: translateY(1.5px); -moz-transform: translateY(1.5px); -ms-transform: translateY(1.5px); transform: translateY(1.5px); width: 90%!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb .currenthelp { text-align: left } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-drop { margin: -59px 5.5%!important; width: 99.5% } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single .chosen-single.chosen-default { opacity: 1; top: 0 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.currenthelp div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single { top: 3em!important; width: 100%!important; z-index: 1111!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.currenthelp div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single .chosen-single { top: 3em!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.currenthelp div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single~.currenthelp-link { top: 0; z-index: 0 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.currenthelp div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single~.currenthelp-link a.loadAllStreets { z-index: 0 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.currenthelp div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single.chosen-wth-drop { top: 3em!important; width: 100%!important; z-index: 1111!important } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.currenthelp div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix .chosen-container.chosen-container-single.chosen-wth-drop .chosen-single { top: 3em!important } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.text-center span.text-smaller { top: -1em!important } section.private-tarifcalc .tarif-calculator__overlapping figure.content__element.content__element-purple div.electricity-calc form.form-iwb .flex-element .form-iwb__element div.js-values_gas div.pos-rel.holder-bar div.flex-element a.private-gas { -webkit-background-size: 25px 25px; background-size: 25px; padding: 12px; width: 10% } } @media screen and (min-width: 1080px) { section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.chosen-select~div.chosen-container a.chosen-single { top:-6em; z-index: 3 } section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container { top: 7em!important } } @media screen and (max-width: 767px) { section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix select.tariff-chosen { width:90%!important } } @media screen and (min-width: 360px) { section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container { top:3em!important } } @media screen and (max-width: 480px) { section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block div.pos-rel.flex-input-wrapper.selectrix div.chosen-container { top:6em!important } } @media screen and (max-width: 600px) { section.private-tarifcalc .tarif-calculator__overlapping div.content__tabs figure.content__element div.gas-calc form.form-iwb div.flex-element.flex-space-around div.form-iwb__element.flex-block.private { width:100% } } .type-selection-question { margin-bottom: .5em; margin-left: 59px } @media screen and (min-width: 768px)and (max-width:1079px) { .type-selection-question { margin-left:50px } } @media screen and (max-width: 767px) { .type-selection-question { margin-left:38px } } .type-selection { margin-bottom: 0; margin-right: 255px!important; top: 3px } @media screen and (min-width: 1080px) { .type-selection { margin-right:248px!important } } .calculate-button { left: 0!important } @media screen and (max-width: 1079px) { section.business-tarifcalc .tabbed .heat-pump-calc form.form-iwb .currenthelp,section.private-tarifcalc .tabbed .heat-pump-calc form.form-iwb .currenthelp { -webkit-box-ordinal-group:4!important; -moz-box-ordinal-group: 4!important; -ms-flex-order: 3!important; -webkit-order: 3!important; order: 3!important } } @media screen and (min-width: 1080px) { .form-iwb__element .form-iwb__radioinput { width:440px!important } } @media screen and (min-width: 768px)and (max-width:1079px) { .form-iwb__element .form-iwb__radioinput { width:100%!important } } .form-iwb__element .form-iwb__radioinput .radio { margin: 5px 0 3%!important; padding-right: 0!important; right: 3px; width: 89.6%!important } @media screen and (min-width: 768px) { .form-iwb__element .form-iwb__radioinput .radio { -webkit-box-orient:horizontal!important; -webkit-box-direction: normal!important; -moz-box-orient: horizontal!important; -moz-box-direction: normal!important; -webkit-flex-direction: row!important; -ms-flex-direction: row!important; flex-direction: row!important; -webkit-flex-wrap: nowrap!important; -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } } @media screen and (min-width: 768px)and (max-width:1079px) { .form-iwb__element .form-iwb__radioinput .radio { margin:5px auto 3%!important } } @media screen and (max-width: 767px) { .form-iwb__element .form-iwb__radioinput .radio { margin:0 auto!important; width: 100%!important } } .form-iwb__element .form-iwb__radioinput .radio input { margin: auto!important } .form-iwb__element .form-iwb__radioinput .radio input[type=radio]:checked+label:before { margin-right: 2px!important } .form-iwb__element .form-iwb__radioinput .radio label { -webkit-box-pack: start!important; -moz-box-pack: start!important; -ms-flex-pack: start!important; font-weight: 400!important; -webkit-justify-content: flex-start!important; justify-content: flex-start!important; max-height: 50px; padding-left: 30px!important; width: 100%!important } @media only screen and (min-width: 1023px) { .form-iwb__element .form-iwb__radioinput .radio label { max-width:100%!important } } @media screen and (max-width: 767px) { .form-iwb__element .form-iwb__radioinput .radio label { border:0!important; left: 4px!important; margin: 0 5%!important } } @media screen and (max-width: 767px) { .form-iwb__element .form-iwb__radioinput .radio label:first-of-type { border-radius:5px 5px 0 0!important; width: 95%!important } } @media screen and (max-width: 767px) { .form-iwb__element .form-iwb__radioinput .radio label:last-of-type { border-radius:0 0 5px 5px!important; margin-bottom: 1.5em!important; width: 95%!important } } .bg_grau { background-color: #f7f7f7 } .colored-bar { background: #f6d000; background: -webkit-gradient(linear,left top,right top,from(#f6d000),color-stop(50%,#fff),to(#411564)); background: -webkit-linear-gradient(left,#f6d000,#fff 50%,#411564); background: -moz-linear-gradient(left,#f6d000 0,#fff 50%,#411564 100%); background: linear-gradient(90deg,#f6d000,#fff 50%,#411564); height: .7em; width: 100% } .bg_grey { background-color: #f7f7f7 } .bg_white { background-color: #fff } .bg_iwblila { background-color: #411564 } .bg_iwbweiss { background-color: #fff } .text-uppercase,h2 { text-transform: uppercase } h2 { font-size: 34px; line-height: 42px } h1,h2 { font-weight: 200 } @media(min-width: 1200px) { h1,h2 { font-size:2.2rem } } @media(max-width: 767px) { h1,h2 { font-size:1.7rem; line-height: 32px } } h3 { font-size: 22px; text-transform: uppercase } @media(max-width: 767px) { h3,h4,h5,h6 { font-size:1.3rem } } h2,h5 { text-align: center } a { color: #411564 } a,a.tel { text-decoration: none } a.mailto { text-decoration: underline } p { color: #636366; font-size: 16px; line-height: 24px; margin: 1em 0 } ul li { list-style: disc } ul.timeline_list li { list-style: none!important } ul.check { color: #636366; margin: 1em 0 0 10px } ul.check li { font-size: 16px; line-height: 1.5em; list-style: none!important; padding-left: 1em } ul.check li:before { background-repeat: no-repeat; color: #f6d000; content: "✔︎"; display: block; font-size: 1.2em; height: 15px; left: -1.2em; position: relative; top: 15px; width: 16px } ul.check.center li { margin-bottom: 1em } ul.check.center li:before { background-repeat: no-repeat; color: #f6d000; content: "✔︎"; display: inline; font-size: 1.2em; height: 15px; left: -.3em; position: relative; top: 0; width: 16px } ul ol,ul.check ol { counter-increment: count; list-style: none; margin: .8em 0 } ul ol:before,ul.check ol:before { content: counter(count) "." } .bolder { font-weight: 700 } input[type=password],input[type=search],input[type=text] { border-radius: 0 } input[type=checkbox]:checked,input[type=checkbox]:not(:checked) { left: -9999px; position: absolute } input[type=radio] { height: 0; margin-left: -10px; visibility: hidden; width: 0 } .doIt,input[type=checkbox],input[type=hidden] { height: 0; margin: auto; visibility: hidden; width: 0 } .checkbox-wrapper { -ms-flex-align: start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; margin: 0 0 45px; position: relative; width: 100% } .checkbox-wrapper .iwb-checkmark { -ms-flex-negative: 0; border: 2px solid #bdbdbd; bottom: auto; -webkit-flex-shrink: 0; flex-shrink: 0; height: 30px; left: 0; margin: 0; pointer-events: none; position: absolute; right: auto; top: -7px; width: 30px } .checkbox-wrapper input:checked~.iwb-checkmark svg { bottom: auto; height: 28px; left: auto; margin: 0; position: absolute; right: -2px; top: -7px; width: 24px } .checkbox-wrapper input:not(:checked)~.iwb-checkmark svg { display: none } .checkbox-wrapper label { cursor: pointer; min-height: 25px; padding: 0 0 0 58px; -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out } .chosen-container+.form-iwb__float-label { visibility: hidden } .form-iwb__field-section { margin: 3em 0 } .iwb-form__subheadline { font-size: .9375rem; line-height: 18px; margin-top: 1em; text-transform: none } .form-iwb { display: block } .form-iwb__element { margin-bottom: .625rem; position: relative; width: 85% } @media screen and (max-width: 600px) { .form-iwb__element { width:93% } } .form-iwb__element .form-iwb__radioinput { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .form-iwb__element .form-iwb__radioinput,.form-iwb__element .form-iwb__radioinput .radio { -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start } .form-iwb__element .form-iwb__radioinput .radio { margin: 0 0 5px .5em; padding-right: 15px; position: relative; width: 100% } @media screen and (max-width: 767px) { .form-iwb__element .form-iwb__radioinput .radio { margin:0 5px } } .form-iwb__element .form-iwb__radioinput .radio label:first-of-type { border-radius: 5px 0 0 5px } .form-iwb__element .form-iwb__radioinput .radio label:last-of-type { border-radius: 0 5px 5px 0; margin: 0 0 0 -1px } .form-iwb__element .form-iwb__radioinput .radio label { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-align-items: center; align-items: center; background: #fff; border: 1px solid #c1a5e3; color: #411564; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 600; -webkit-justify-content: center; justify-content: center; margin-right: -5px; padding: 15px 10px; pointer-events: all; position: relative; -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,color,max-width,border-color,border-radius,background,min-height,padding; -moz-transition-property: width,color,max-width,border-color,border-radius,background,min-height,padding; transition-property: width,color,max-width,border-color,border-radius,background,min-height,padding; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; width: 130px } @media only screen and (min-width: 1023px) { .form-iwb__element .form-iwb__radioinput .radio label { max-width:200px; padding: 15px 10px } } @media screen and (max-width: 767px) { .form-iwb__element .form-iwb__radioinput .radio label { left:0; width: 50% } } @media screen and (min-width: 600px) { .form-iwb__element .form-iwb__radioinput .radio { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0 } } .form-iwb__element .form-iwb__radioinput .radio input[type=radio]:checked+label { background: #beafd0; border: 1px solid #87679e } .form-iwb__element .form-iwb__radioinput .radio input[type=radio]:checked+label:before { background: #00aa96; border: 4px solid #fff; -webkit-box-shadow: 0 0 0 2px #411564; box-shadow: 0 0 0 2px #411564; content: ""; height: 16px; width: 16px } .form-iwb__element .form-iwb__radioinput .radio label:before { border: 1px solid #bdbdbd; border-radius: 100%; content: ""; display: inline-block; height: 18px; left: -10px; margin: 10px 0!important; position: relative; width: 18px } .form-iwb__element .form-iwb__radioinput .radio.failed label { border: 1px solid #d43516 } .form-iwb__element .form-iwb__radioinput .radio.success label { border: 1px solid #00aa96!important } @media screen and (min-width: 768px) { .form-iwb__element .form-iwb__radioinput { width:290px } } .form-iwb__element .input-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse } .form-iwb__element .input-wrapper:after { background: #411564; bottom: 0; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: auto; -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,background; -moz-transition-property: width,background; transition-property: width,background; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; width: 0; z-index: 2222 } .form-iwb__element .input-wrapper input,.form-iwb__element .input-wrapper label { height: 35px; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out } .form-iwb__element .input-wrapper input { -webkit-appearance: none; background: rgba(0,0,0,0); border: 0; border-bottom: 1px solid #ccc; border-radius: 0; cursor: text; font-family: inherit; font-size: 1.2em; padding: 0; position: relative; top: 2px } @media screen and (max-width: 600px) { .form-iwb__element .input-wrapper input { width:100% } } .form-iwb__element .input-wrapper input:focus { border-bottom: 2px solid #411564; font-size: 1.2em; outline: 0 } .form-iwb__element .input-wrapper input,.form-iwb__element .input-wrapper input:focus { margin-top: 5px } .form-iwb__element .input-wrapper label { letter-spacing: .05em; text-transform: uppercase } .form-iwb__element .input-wrapper input+label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .form-iwb__element .input-wrapper input:-moz-placeholder-shown+label { cursor: text; position: relative; top: 1em; -moz-transform: translateY(2.1rem) scale(1); transform: translateY(2.1rem) scale(1); -moz-transform-origin: left bottom; transform-origin: left bottom; z-index: 0 } .form-iwb__element .input-wrapper input:-ms-input-placeholder+label { cursor: text; position: relative; top: 1em; -ms-transform: translateY(2.1rem) scale(1); transform: translateY(2.1rem) scale(1); -ms-transform-origin: left bottom; transform-origin: left bottom; z-index: 0 } .form-iwb__element .input-wrapper input:placeholder-shown+label { cursor: text; position: relative; top: 1em; -webkit-transform: translateY(2.1rem) scale(1); -moz-transform: translateY(2.1rem) scale(1); -ms-transform: translateY(2.1rem) scale(1); transform: translateY(2.1rem) scale(1); -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; z-index: 0 } .form-iwb__element .input-wrapper input::-webkit-input-placeholder { opacity: 0; -webkit-transition: inherit; transition: inherit } .form-iwb__element .input-wrapper input::-moz-placeholder { opacity: 0; -moz-transition: inherit; transition: inherit } .form-iwb__element .input-wrapper input:focus::-moz-placeholder,.form-iwb__element .input-wrapper input:focus::-webkit-input-placeholder { font-size: .8em; opacity: 1; text-transform: uppercase } .form-iwb__element .input-wrapper input:not(:-moz-placeholder-shown)+label { cursor: text; font-size: .7em; opacity: .5; position: relative; top: 20px; -moz-transform: translate(0) scale(1); transform: translate(0) scale(1) } .form-iwb__element .input-wrapper input:not(:-ms-input-placeholder)+label { cursor: text; font-size: .7em; opacity: .5; position: relative; top: 20px; -ms-transform: translate(0) scale(1); transform: translate(0) scale(1) } .form-iwb__element .input-wrapper input:focus+label,.form-iwb__element .input-wrapper input:not(:placeholder-shown)+label { cursor: text; font-size: .7em; opacity: .5; position: relative; top: 20px; -webkit-transform: translate(0) scale(1); -moz-transform: translate(0) scale(1); -ms-transform: translate(0) scale(1); transform: translate(0) scale(1) } .form-iwb__col { width: 100% } @media screen and (min-width: 700px) { .form-iwb__col { -webkit-box-flex:0; -moz-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 7.5px; padding-right: 7.5px } .form-iwb__col:nth-of-type(odd) { padding-left: 0 } .form-iwb__col:nth-of-type(2n) { padding-right: 0 } } @media screen and (min-width: 960px) { .form-iwb__col { -webkit-box-flex:1; -moz-box-flex: 1; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50% } .form-iwb__col:last-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } @media screen and (min-width: 960px) { .form-iwb__col--heading { padding-right:2.0625rem } } .form-iwb__messageinput,.form-iwb__textinput { border: 1px solid #afafaf; display: block; font-size: .9375rem; padding-left: .9375rem; padding-right: .9375rem } .form-iwb__messageinput:focus,.form-iwb__textinput:focus { border-bottom: 2px solid #411564; outline: none } .form-iwb__textinput { border: none; color: #411564; height: 3rem; padding-top: 1.125rem } .form-iwb__messageinput { background-color: #f7f7f7; border: none; border-radius: 5px; height: 23.7rem; padding-bottom: 1.25rem; padding-top: 2.25rem; resize: none; width: 90% } .form-iwb__float-label__fixed { color: #411564; left: .9375rem; position: absolute; text-transform: uppercase; top: 1.2rem; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; z-index: 1 } @media screen and (min-width: 960px) { .form-iwb--contact { -webkit-box-flex:0; -moz-box-flex: 0; -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67% } } .form-iwb--contact .form-iwb__col.flex-item-half.col-right { margin-top: 1.2em } .form-iwb select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('data:image/svg+xmlcharset=utf-8,') 98%/10% no-repeat; border: 0; border-bottom: 1px solid #fff; border-radius: 0; color: #411564; display: block; font-size: 1.2em; height: 57px; padding-left: 0; padding-top: 1.125rem; width: 90% } @media screen and (max-width: 767px) { .form-iwb select { border-bottom:1px solid #ccc } } .form-iwb .chosen-select { background-color: #fff } .form-iwb__element.selectrix.failed select { border-bottom: 2px solid #d43516!important } .success>.form-iwb__textinput,.success>.form-iwb__textinput:focus { /* border-bottom: 2px solid #00aa96; */ opacity: 1; outline: none } .selectrix label~.chosen-search-input:focus { border-bottom: 2px solid #411564; outline: none } .form-iwb__element.selectrix.success>label,.selectrix>.chosen-container-single.chosen-container-active~.selectrix>label.form-iwb__float-label__fixed,.selectrix>.chosen-container-single~.selectrix>label.form-iwb__float-label__fixed,.selectrix>.chosen-single-select.chosen-container-active~.selectrix>label.form-iwb__float-label__fixed,.selectrix>.chosen-single-select~.selectrix>label.form-iwb__float-label__fixed { cursor: pointer; font-size: .7em; opacity: .5; top: 25px; -webkit-transform: translate(0) scale(1); -moz-transform: translate(0) scale(1); -ms-transform: translate(0) scale(1); transform: translate(0) scale(1) } .selectrix.failed,.single.selectrix.failed { background-attachment: inherit!important } .selectrix.failed,.single.selectrix.failed { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.231' height='14.391' fill='%23f85e5e'%3E%3Cpath class='a' d='M7.724 5.868 7.66 4.152h1.909l-.065 1.716-.271 3.946H7.995Z'/%3E%3Ccircle class='a' cx='1.002' cy='1.002' r='1.002' transform='translate(7.613 10.622)'/%3E%3Cpath class='a' d='M16.677 14.391H.553a.552.552 0 0 1-.472-.838L8.143.253a.571.571 0 0 1 .945 0l8.062 13.3a.552.552 0 0 1-.472.838ZM.528 13.824a.026.026 0 0 0 0 .029l16.149.014L8.639.52Z'/%3E%3C/svg%3E"); background-repeat: no-repeat } .selectrix.failed { background-attachment: fixed; background-position: 99% 80%!important } @media screen and (max-width: 767px) { .selectrix.failed { background-position:99% 80%!important } } @media screen and (max-width: 600px) { .selectrix.failed { background-position:bottom 8px right } } .selectrix.failed .form-iwb__textinput:focus { border-bottom: 2px solid #d43516; outline: none } .single.selectrix.failed { background-position: 99% 47%!important } @media screen and (max-width: 767px) { .single.selectrix.failed { background-position:99% 47%!important } } .selectrix .chosen-container-single .chosen-search input[type=text] { border-bottom: 2px solid #411564!important; margin: 2px 0; padding: 10px 0 } .form-iwb__element.selectrix>label.form-iwb__float-label__fixed { left: 0 } .form-iwb__element.selectrix>.chosen-single-select~label.form-iwb__float-label__fixed { top: 1.7em!important } .form-iwb__element.selectrix.success>.chosen-single-select~label.form-iwb__float-label__fixed { top: 0!important } .form-button { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center } @media screen and (max-width: 599px) { .form-button>div { margin:0!important; width: 100% } } @media screen and (min-width: 600px) { .form-button { -webkit-box-pack:end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } } .form-button>div { margin-right: 2em } .failor:before { content: "!"; /* Add an empty content */ display: inline-block; /* Ensure the pseudo-element takes up space */ width: 20px; /* Adjust width as needed */ height: 20px; /* Adjust height as needed */ color: #f6d000; font-size: 22px; } @media screen and (max-width: 600px) { .failed { background-position:bottom 8px right } } [type=radio].failed { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.231' height='14.391' fill='%23f85e5e'%3E%3Cpath class='a' d='M7.724 5.868 7.66 4.152h1.909l-.065 1.716-.271 3.946H7.995Z'/%3E%3Ccircle class='a' cx='1.002' cy='1.002' r='1.002' transform='translate(7.613 10.622)'/%3E%3Cpath class='a' d='M16.677 14.391H.553a.552.552 0 0 1-.472-.838L8.143.253a.571.571 0 0 1 .945 0l8.062 13.3a.552.552 0 0 1-.472.838ZM.528 13.824a.026.026 0 0 0 0 .029l16.149.014L8.639.52Z'/%3E%3C/svg%3E"); background-position: bottom 20px right!important; background-repeat: no-repeat } @media screen and (max-width: 600px) { [type=radio].failed { background-position:bottom 8px right } } .selectrix span.error-valid,.single.selectrix span.error-valid { position: relative } .single.selectrix span.error-valid { top: -4em } .selectrix span.error-valid { top: -4.5em; z-index: 1 } @media screen and (max-width: 767px) { .selectrix span.error-valid { top:-4.5em } } .fileUpload.btn.btn__text.btn--blue.failed { background-position: center right 1em; background-repeat: no-repeat; -webkit-background-size: 20px 20px; background-size: 20px; border: 1px solid #d43516!important } .success { background-position: 97% 76% } .radio.success { background-position: 97% 56% } .selectrix.success { background-position: 97% 73% } .single.selectrix.success { background-position: 97% 45% } .fileUpload.btn.btn__text.btn--blue.success { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.588' height='20.279' fill='%2300AA96'%3E%3Cpath class='a' d='M6.564 15.61c.338-1.13.7-2.225 1.117-3.3a62.356 62.356 0 0 1 4.035-8.524c.42-.728.872-1.434 1.286-2.166A3.108 3.108 0 0 1 15.534.06c.258-.032.519-.039.778-.054a1.993 1.993 0 0 1 .312 0c.37.036.758.091.917.515s-.116.714-.341 1.021a26.5 26.5 0 0 0-1.455 2.327A83.034 83.034 0 0 0 10.35 14.68c-.59 1.459-1.153 2.933-1.62 4.443a1.428 1.428 0 0 1-1.343 1.1 7.312 7.312 0 0 1-1.4.037 1.431 1.431 0 0 1-1.211-.816 31.881 31.881 0 0 0-1.732-2.821c-.711-1.033-1.52-1.981-2.206-3.035a1.633 1.633 0 0 0-.387-.339.954.954 0 0 1-.024-1.606 2.953 2.953 0 0 1 2.432-.7 1.393 1.393 0 0 1 .862.565 17.991 17.991 0 0 1 2.662 3.917.339.339 0 0 0 .181.185Z'/%3E%3C/svg%3E"); background-position: center right 1em; background-repeat: no-repeat; -webkit-background-size: 11px 11px; background-size: 11px; border: 1px solid #00aa96 } .fileUpload.btn.btn__text.btn--blue.success>.upload:focus { opacity: 0 } .radioNotSelected label:before { border: 2px solid #d43516!important } .form-error__label { color: #d43516 } .form-iwb__textinput-float-isEmpty,.form-iwb__textinput-float-notValid { border: 1px solid #d43516!important; -webkit-box-shadow: 0 0 1px 1px #d43516!important; box-shadow: 0 0 1px 1px #d43516!important } .error-message,.error-valid { background: #fff; border: 1px solid hsla(36,16%,54%,.231); bottom: -10px; color: #d43516; font-size: .875rem; font-style: normal; font-weight: 400; left: auto; margin: 0; padding: 5px 10px; position: absolute; right: -.7em; top: auto; -ms-transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; z-index: 1 } .error-message:before,.error-valid:before { border-color: rgba(0,0,0,0) rgba(0,0,0,0) hsla(36,16%,54%,.231); border-style: solid; border-width: 0 11px 11px; bottom: auto; content: ""; height: 0; left: auto; margin: 0; position: absolute; right: 8px; top: 0; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); width: 0 } .error-message:after,.error-valid:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff; border-style: solid; border-width: 0 10px 10px; bottom: auto; content: ""; height: 0; left: auto; margin: 0; position: absolute; right: 9px; top: 0; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); width: 0 } .error-valid { display: block } .error-message { display: none } .selectrix .chosen-single-select~.iwbform-tooltip { top: 1em } .selectrix .chosen-select~.iwbform-tooltip { top: 2em } .iwbform-tooltip-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M13 26a13 13 0 1 1 13-13 13.038 13.038 0 0 1-13 13Zm0-23.834A10.834 10.834 0 1 0 23.834 13 10.865 10.865 0 0 0 13 2.166ZM11.916 19.5a1.5 1.5 0 0 1-1.082-.541c-.543-.759-.109-1.843 1.082-4.768.218-.432.434-.975.65-1.407a1.159 1.159 0 0 1-1.516-.109 1.046 1.046 0 0 1 0-1.516 5.53 5.53 0 0 1 3.034-1.409 1.5 1.5 0 0 1 1.082.541c.543.759.109 1.843-1.082 4.768-.218.432-.434.975-.65 1.407a1.159 1.159 0 0 1 1.516.109 1.046 1.046 0 0 1 0 1.516 5.53 5.53 0 0 1-3.034 1.409Zm2.709-10.834a1.625 1.625 0 1 1 1.625-1.625 1.625 1.625 0 0 1-1.625 1.625Z' style='fill:%23fff'/%3E%3C/svg%3E") } .iwbform-tooltip { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M13 26a13 13 0 1 1 13-13 13.038 13.038 0 0 1-13 13Zm0-23.834A10.834 10.834 0 1 0 23.834 13 10.865 10.865 0 0 0 13 2.166ZM11.916 19.5a1.5 1.5 0 0 1-1.082-.541c-.543-.759-.109-1.843 1.082-4.768.218-.432.434-.975.65-1.407a1.159 1.159 0 0 1-1.516-.109 1.046 1.046 0 0 1 0-1.516 5.53 5.53 0 0 1 3.034-1.409 1.5 1.5 0 0 1 1.082.541c.543.759.109 1.843-1.082 4.768-.218.432-.434.975-.65 1.407a1.159 1.159 0 0 1 1.516.109 1.046 1.046 0 0 1 0 1.516 5.53 5.53 0 0 1-3.034 1.409Zm2.709-10.834a1.625 1.625 0 1 1 1.625-1.625 1.625 1.625 0 0 1-1.625 1.625Z' style='fill:rgba(145,122,170,.57)'/%3E%3C/svg%3E") } .iwbform-tooltip,.iwbform-tooltip-white { background-repeat: no-repeat; -webkit-background-size: 22px 22px; background-size: 22px; height: 26px; position: absolute; right: -2em; top: 39px; width: 26px } @media screen and (max-width: 600px) { .iwbform-tooltip,.iwbform-tooltip-white { -webkit-background-size:20px 20px; background-size: 20px; right: -1em; width: 20px } } .iwbform-tooltip-white:not(:hover) span,.iwbform-tooltip:not(:hover) span { display: none } .iwbform-tooltip span,.iwbform-tooltip-white span { background: #f2f2f2; border-radius: 5px; bottom: auto; color: #411564; font-size: 16px; left: auto; line-height: 24px; margin: 0; padding: 10px 20px; position: absolute; right: -19px; top: -15px; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); width: 300px; z-index: 11111 } .iwbform-tooltip span:after,.iwbform-tooltip-white span:after { border-color: #f2f2f2 rgba(0,0,0,0) rgba(0,0,0,0); border-style: solid; border-width: 10px 10px 0; bottom: -10px; content: ""; height: 0; left: auto; margin: 0; position: absolute; right: 24px; top: auto; width: 0 } .flex__radio--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .flex__radio--column .radio { margin-bottom: 15px } @media screen and (min-width: 600px) { .flex__radio--column { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0 } } .phone-prefix-wrapper { float: left; width: 35% } .phone-wrapper { padding-left: 1em; width: 62% } .margin-unset { margin: unset!important } .chosen-container.chosen-container-single>.chosen-single~.form-iwb__float-label__fixed,.chosen-single-select~.chosen-container.chosen-container-single>.chosen-single~.form-iwb__float-label__fixed,.chosen-with-drop.chosen-container-active~.form-iwb__float-label__fixed { font-size: .75rem!important; left: 0!important; opacity: .5; position: absolute; text-transform: uppercase; top: 25px; z-index: 1111!important } .form-iwb__element.success>textarea+label { cursor: pointer; font-size: .75em; opacity: .5; position: absolute; top: 10px; -webkit-transform: translate(0) scale(1); -moz-transform: translate(0) scale(1); -ms-transform: translate(0) scale(1); transform: translate(0) scale(1) } .form-iwb__element.success>textarea { border-bottom: 2px solid #00aa96; width: 90% } @media screen and (max-width: 600px) { .form-iwb__element.success>textarea { width:94% } } .form-iwb__element.form-iwb__element--message { width: 93% } @media screen and (max-width: 600px) { .form-iwb__element.form-iwb__element--message { width:100% } } .failed .form-iwb__messageinput { border: 1px solid #d43516 } @media screen and (min-width: 600px) { .flex-item.form-button.form-button__row.flex-element { right:.5em } } @media screen and (min-width: 960px) { .flex-item.form-button.form-button__row.flex-element { right:0 } } .chosen-container~svg { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .chosen-container-active~svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .chosen-container.chosen-container-single>.chosen-single { border-bottom: 1px solid #ccc; border-radius: 0 } @media screen and (max-width: 767px) { .chosen-container.chosen-container-single>.chosen-single { border-bottom:none!important; width: 98% } } .success>.chosen-container.chosen-container-single .chosen-single { border: none } .selectrix { height: 75px; margin: 0; padding-right: .2em; width: 100% } @media screen and (max-width: 600px) { .selectrix { width:100% } } .selectrix .value_select { opacity: 0 } .selectrix svg:focus { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) } .selectrix>label { top: 3em } .selectrix>.chosen-select~svg { right: 35px; top: 46px } .selectrix>.chosen-single-select~svg { right: 35px; top: 25px!important } .selectrix svg { bottom: auto; left: auto; margin: 0; position: absolute; right: 0; top: 50px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: position,top,right,bottom,left,-webkit-transform; transition-property: position,top,right,bottom,left,-webkit-transform; -moz-transition-property: transform,position,top,right,bottom,left,-moz-transform; transition-property: transform,position,top,right,bottom,left; transition-property: transform,position,top,right,bottom,left,-webkit-transform,-moz-transform; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; width: 12px; z-index: 1111 } @media screen and (max-width: 600px) { .selectrix svg { right:30px } } .alert-info { background-color: #d1ecf1; border-color: #bee5eb; color: #0c5460 } .alert-danger { background-color: #f8d7da; border-color: #f5c6cb; color: #721c24 } .alert-warning { background-color: #fff3cd; border-color: #ffeeba; color: #856404 } .alert-success { background-color: #d4edda; border-color: #c3e6cb; color: #155724 } .alert-dismissible { padding-right: 4rem } .alert { border: 1px solid rgba(0,0,0,0); border-radius: .25rem; font-size: 2rem; margin: 3em auto; max-width: 1105px; padding: 1em; position: relative } .fade { -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; transition: opacity .15s linear } .alert-dismissible .close { color: inherit; cursor: pointer; padding: .44em; position: absolute; right: 0; top: 0 } button.close { background-color: rgba(0,0,0,0); border: 0; color: #000; float: right; font-family: FFFago_Offc_Bold,sans-serif; font-size: 1.5rem; line-height: 1; opacity: .5; padding: 0; text-shadow: 0 1px 0 #fff } .upload-message-box { color: #d43516; display: none; margin-top: 1em } .fileUpload { margin-bottom: 10px!important; margin-top: 4em!important; overflow: hidden; position: relative } .fileUpload.failed~span.error-valid { display: block; position: relative; top: -3em } .fileUpload input.upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0 } .upload-wrapper ul.check li { font-size: 12px } select { display: block!important } .form__element-contact .form_contact.contact-default { margin-top: 0 } .form__element-contact .form_contact.contact-default h2 { color: #411564 } .form__element-contact .form_contact.contact-default .form-iwb__messageinput { height: 19.3rem; margin-top: 3em; width: 90% } .correct { border: 2px solid #00aa96 !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.588' height='20.279' fill='%2300AA96'%3E%3Cpath class='a' d='M6.564 15.61c.338-1.13.7-2.225 1.117-3.3a62.356 62.356 0 0 1 4.035-8.524c.42-.728.872-1.434 1.286-2.166A3.108 3.108 0 0 1 15.534.06c.258-.032.519-.039.778-.054a1.993 1.993 0 0 1 .312 0c.37.036.758.091.917.515s-.116.714-.341 1.021a26.5 26.5 0 0 0-1.455 2.327A83.034 83.034 0 0 0 10.35 14.68c-.59 1.459-1.153 2.933-1.62 4.443a1.428 1.428 0 0 1-1.343 1.1 7.312 7.312 0 0 1-1.4.037 1.431 1.431 0 0 1-1.211-.816 31.881 31.881 0 0 0-1.732-2.821c-.711-1.033-1.52-1.981-2.206-3.035a1.633 1.633 0 0 0-.387-.339.954.954 0 0 1-.024-1.606 2.953 2.953 0 0 1 2.432-.7 1.393 1.393 0 0 1 .862.565 17.991 17.991 0 0 1 2.662 3.917.339.339 0 0 0 .181.185Z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat; -webkit-background-size: 14px 14px !important; background-size: 14px !important; background-position: top 8px right 8px !important; } .incorrect { border: 2px solid #d43516 !important; background-image: url(data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.231' height='14.391' viewBox='0 0 17.231 14.391' fill='%23f85e5e'%3E%3Cg transform='translate(-558.909 -904.658)'%3E%3Cg transform='translate(566.569 908.806)'%3E%3Cpath class='a' d='M573.605,914.3l-.064-1.716h1.909l-.065,1.716-.271,3.946h-1.238Z' transform='translate(-573.541 -912.58)'/%3E%3C/g%3E%3Cg transform='translate(566.522 915.28)'%3E%3Ccircle class='a' cx='1.002' cy='1.002' r='1.002'/%3E%3C/g%3E%3Cg transform='translate(558.909 904.658)'%3E%3Cpath class='a' d='M575.586,919.049H559.462a.552.552,0,0,1-.472-.838h0l8.062-13.3a.571.571,0,0,1,.945,0l8.062,13.3a.552.552,0,0,1-.472.838Zm-16.149-.567a.026.026,0,0,0,0,.029l16.149.014-8.038-13.347Z' transform='translate(-558.909 -904.658)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E); background-repeat: no-repeat; background-position: top 8px right 8px !important; background-size: 22px; } .form__element-contact .form-contact--heading { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; margin-bottom: 3em; padding-right: 0 } @media screen and (min-width: 600px) { .form__element-contact .form-contact--heading { padding-right:30px } }