@font-face{font-family:Poppins-Regular;src:url(../fonts/poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins-ExtraBold;src:url(../fonts/poppins/Poppins-ExtraBold.ttf)}:root{--maincolor_light:#81bd12;--maincolor_dark:#608d0b;--navi_background:#001437;--maincolor_yellow:#ffd234;--page_background:#fff;--footer_background:#92989b;--table_zebra:#f1e4cf;--gradient_color:#92989b;--body_background:#f3f5f5;--listitems_counterWidth:3%;--gridBoxBorderColor:#505455;--fontColor:#fff;--input_errcolor:red;--fs-smaller:clamp(0.625rem,2vw + 1rem,0.75rem);--fs-small:clamp(0.75rem,2vw + 1rem,0.875rem);--fs-body:1rem;--fs-btn:clamp(0.825rem,1.5vw,1rem);--fs-logo:clamp(1.5rem,2vw + 1rem,3rem);--fs-large:clamp(0.625rem,1.25vw,1.125rem);--fs-medium:clamp(0.75rem,2vw,1.25rem);--fs-larger:clamp(1.70rem,3vw,3.125rem);--fs-boxHeader:clamp(1rem,2vw,1.5rem);--fs-productHeader:clamp(1rem,2vw,1.5rem);--fs-h2:clamp(1rem,1.5vw,1.5rem);--step-4:clamp(2.3328rem,2.0387rem + 1.3072vw,3.0518rem);--step-5:clamp(2.7994rem,2.384rem + 1.8461vw,3.8147rem);--tablet-width:820px}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins-Regular,sans-serif;scroll-behavior:smooth}body{background:var(--body_background);min-height:100vh;font-size:var(--fs-body)}body:hover{overflow:auto;overscroll-behavior:none}ul{list-style:none}a{text-decoration:none}.btn{background:var(--maincolor_light);border:0;border-radius:.2em;color:#fff;font-size:var(--fs-btn);cursor:pointer;padding:.2em .4em;font-weight:bolder}.btn:active{margin-left:1px;box-shadow:-1px -1px 1px #000;outline:1px solid #000;background-image:linear-gradient(0deg,#f4f5f5,#dfdddd)}.btn:hover{background-color:var(--maincolor_dark)}.btn:disabled{cursor:none;background:#ccc;pointer-events:none}form input:required.input_error~.dlgdetail.input_icon:before,form input:required:user-invalid~.dlgdetail.input_icon:before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.445.609a1.1 1.1 0 0 0-1.89 0L.161 11.337A1.1 1.1 0 0 0 1.106 13h12.788a1.1 1.1 0 0 0 .945-1.663L8.445.609zm-1.03.512a.1.1 0 0 1 .17 0l6.395 10.728a.1.1 0 0 1-.086.151H1.106a.1.1 0 0 1-.086-.151L7.414 1.12zm-.588 3.365a.674.674 0 1 1 1.346 0L8.02 8.487a.52.52 0 0 1-1.038 0l-.154-4zm1.423 5.99a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.445.609a1.1 1.1 0 0 0-1.89 0L.161 11.337A1.1 1.1 0 0 0 1.106 13h12.788a1.1 1.1 0 0 0 .945-1.663L8.445.609zm-1.03.512a.1.1 0 0 1 .17 0l6.395 10.728a.1.1 0 0 1-.086.151H1.106a.1.1 0 0 1-.086-.151L7.414 1.12zm-.588 3.365a.674.674 0 1 1 1.346 0L8.02 8.487a.52.52 0 0 1-1.038 0l-.154-4zm1.423 5.99a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/></svg>');background-color:var(--input_errcolor)}form input:required.input_error,form input:required:user-invalid{border-color:var(--input_errcolor)!important}form input:required:user-valid~.dlgdetail.input_icon:before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5.877a6.623 6.623 0 1 0 0 13.246A6.623 6.623 0 0 0 7.5.877zM1.827 7.5a5.673 5.673 0 1 1 11.346 0 5.673 5.673 0 0 1-11.346 0zm8.332-1.962a.5.5 0 0 0-.818-.576L6.52 8.972 5.357 7.787a.5.5 0 0 0-.714.7L6.227 10.1a.5.5 0 0 0 .765-.062l3.167-4.5z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5.877a6.623 6.623 0 1 0 0 13.246A6.623 6.623 0 0 0 7.5.877zM1.827 7.5a5.673 5.673 0 1 1 11.346 0 5.673 5.673 0 0 1-11.346 0zm8.332-1.962a.5.5 0 0 0-.818-.576L6.52 8.972 5.357 7.787a.5.5 0 0 0-.714.7L6.227 10.1a.5.5 0 0 0 .765-.062l3.167-4.5z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/></svg>');background-color:var(--input_succcolor)}form input:required:user-valid{border-color:var(--input_succcolor)}.alert{padding:15px 15px 15px 40px;border:1px solid #ddd;background-color:#f9f9f9;color:#333;position:relative;margin-bottom:20px;border-radius:5px;transition:.3s;box-shadow:0 1.5rem 1rem rgba(0,0,0,.3)}.alert img{height:24px;width:24px;position:absolute;left:6px}.close-btn{position:absolute;top:0;right:4px;font-size:20px;cursor:pointer}.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.filter_maincolor_light{filter:invert(66%) sepia(95%) saturate(453%) hue-rotate(31deg) brightness(87%) contrast(86%)}[data-tooltip]:hover:after{width:fit-content;display:flex;flex-direction:column;background-color:var(--conf_color_dark);font-size:13px!important;font-weight:400!important;color:var(--fontColor);text-align:center;border-radius:6px;position:absolute;padding:10px;z-index:1;box-shadow:0 1px 4px -1px rgba(0,0,0,.6);opacity:1!important;line-height:1;content:attr(data-tooltip)}.nav{height:calc(var(--header-height) + 2rem);background:var(--navi_background);display:flex;flex-direction:row;justify-content:space-between;box-shadow:0 1.5rem 1rem rgba(0,0,0,.2)}.sticky{position:fixed;top:0;width:100%;z-index:3}.wrap{flex-direction:row;justify-content:space-between;padding:10px 15px;align-items:center;width:99%}.logo,.wrap{display:flex}.logo{flex-direction:row;font-size:var(--fs-logo);font-weight:800;flex:0}.logo a{text-decoration:none;color:var(--fontColor)}#logoEmblem{position:relative;display:flex}#logoEmblem:hover{color:var(--navi_background);-webkit-text-stroke:1px var(--maincolor_light);font-weight:unset}#logoEmblem:before{position:absolute;top:0;left:0;width:0;height:100%;color:var(--maincolor_dark);color:var(--maincolor_yellow);overflow:hidden;content:attr(data-text);border-right:2px solid var(--maincolor_yellow);-webkit-text-stroke:2px var(--maincolor_dark);display:none}#logoEmblem:hover:before{display:block;animation:a 6s linear infinite}@keyframes a{0%,10%,to{width:0}70%,90%{width:100%}}.right-links{display:flex;flex-direction:row;justify-content:flex-end;gap:1rem;align-items:center;flex:0 0 fit-content}.right-links a{padding:0}.right-links img{display:flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;margin-left:10px;margin-right:10px;padding:4px;border-radius:4px}.right-links img:hover{background-color:var(--navi_background)}.right-links p .myModalMenu{display:none}.right-links p .myModalMenu:hover{background-color:var(--maincolor_dark)}.nav__link{color:var(--fontColor);font-size:var(--fs-large);display:flex;justify-content:space-between;align-items:center;padding:0}.nav__data{display:none;align-self:start}.nav__toggle{position:relative;width:32px;height:32px;border-radius:6px;background-color:var(--fontColor)}.nav__toggle-close,.nav__toggle-menu{font-size:1.25rem;color:#fff;position:absolute;height:100%;width:100%;cursor:pointer;transition:opacity .1s,transform .4s}.hide-icon{opacity:0;transform:rotate(90deg)}.show-icon{opacity:1}.menuline{display:flex;align-items:center;justify-content:center;gap:25px;color:var(--maincolor_light);border-radius:12px;opacity:1;flex:1}.show-menuline{opacity:1!important;align-self:start;align-items:start;justify-content:start}.menuline .nav__menu .nav__list{display:flex;column-gap:clamp(14px,2vw,48px);height:100%;color:var(--fontColor)}@media screen and (max-width:820px){.nav__data{display:block;margin:1.25rem .25rem 0 1.25rem}.menuline{opacity:0;margin:1.25rem 0 0}.menuline .nav__menu .nav__list{display:block;column-gap:0;border-radius:8px;background-color:var(--fontColor);box-shadow:0 0 10px rgba(0,0,0,.2)}.nav__link{color:var(--maincolor_light)}}.menuline .nav__menu .nav li{display:flex}.menuline .nav__menu .nav__list>li,.menuline .nav__menu .nav__list>li>a{line-height:normal}.menuline .nav__menu .nav__list>li>a{border-radius:12px;padding:.25em .5em}.menuline .nav__menu .nav__list .dropdown__item .nav__link>a:hover,.menuline .nav__menu .nav__list>li>a:hover{color:var(--page_background);text-decoration:none;background-color:var(--maincolor_dark)}.menuline .nav__menu .dropdown__button{cursor:pointer;column-gap:.25rem;pointer-events:auto}.menuline .nav__menu .dropdown__arrow{transition:transform .4s}.menuline .nav__menu .dropdown__content,.menuline .nav__menu .dropdown__group,.menuline .nav__menu .dropdown__list{display:grid}.menuline .nav__menu .dropdown__container{height:auto;position:absolute;left:0;right:0;top:6.5rem;background:#a3b6ec;box-shadow:0 6px 8px rgba(10,24,51,.05);pointer-events:none;opacity:0;justify-content:center;display:grid;overflow:hidden}.menuline .nav__menu .show-dropdown__container{top:5.5rem;opacity:1;pointer-events:all;cursor:auto}.menuline .nav__menu .dropdown__content{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);margin-inline:4rem}.menuline .nav__menu .dropdown__group{padding:2rem 0;align-content:baseline;display:flex;flex-direction:row;justify-content:center;gap:10px;border-bottom:1px solid var(--maincolor_yellow)}.menuline .nav__menu .dropdown__group:first-child,.menuline .nav__menu .dropdown__group:last-child{margin:0}.menuline .nav__menu .dropdown__group.secondline{border-bottom:none}.menuline .nav__menu .dropdown__group:hover>div{border-radius:12px;background-color:var(--fontColor);transition:all 1s}.menuline .nav__menu .dropdown__group:hover .dropdown__texts .dropdown__list{color:var(--maincolor_dark);transition:all 1s}.menuline .nav__menu .dropdown__list{row-gap:.25rem;color:var(--fontColor)}.menuline .nav__menu .dropdown__icon{height:fit-content;background-color:var(--first-color-lighten);border-radius:50%;margin-bottom:.25rem;overflow:hidden;border:2px solid var(--maincolor_light);padding:8px;min-width:80px;max-width:80px;min-height:80px;max-height:80px;display:flex;justify-content:center;align-items:center}.menuline .nav__menu .dropdown__icon>img{max-width:85%;max-height:85%}.menuline .nav__menu .dropdown__texts{padding:.25rem}.menuline .nav__menu .dropdown__title{font-size:var(--fs-large);font-weight:var(--font-semi-bold);color:var(--title-color)}.menuline .nav__menu .dropdown__item{cursor:pointer}.menuline .nav__menu .dropdown__listitem{max-width:80%;font-size:var(--fs-small);font-weight:var(--font-medium);color:var(--text-color);transition:color .3s}.menuline .nav__menu .dropdown__listitem a{color:var(--maincolor_dark);text-decoration:underline;max-width:fit-content;display:flex;font-size:small;font-weight:400;padding:2px;cursor:pointer;margin-top:10px;border-radius:8px;border:0}.menuline .nav__menu .dropdown__group:hover .dropdown__listitem a{text-decoration:none;background:var(--maincolor_yellow);outline:none;box-shadow:.2rem .2rem .2rem rgba(0,0,0,.2);color:#fff}.menuline .nav__menu .show-dropdown .dropdown__arrow{transform:rotate(180deg)}.underLine{position:relative}.underLine:after{position:absolute;left:0;bottom:-12px;content:"";width:100%;height:6px;border-top:6px solid var(--maincolor_dark)}.underLine:hover:after{border-top:none}.flex-break{flex-basis:100%;height:0}main{display:flex;align-items:center;justify-content:center}.main-box{width:100%}.box,.main-box{display:flex;flex-direction:column}.box{background:var(--page_background);min-height:100vh;align-items:center;padding:25px;flex-grow:1}.box:not(:last-of-type){margin-bottom:0}.box header{margin-top:100px;font-size:var(--fs-boxHeader);font-weight:600;color:var(--gridBoxBorderColor);width:100%;text-align:center}.box1{position:relative;overflow:hidden;z-index:1;margin-bottom:0}.diveIn{animation:b 1s 1}@keyframes b{10%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.gridContainer{position:relative;padding:10px;display:grid;grid-gap:30px;row-gap:30px;max-width:60%;justify-content:center}.allCol{grid-template-columns:25% 25% 25% 25%;word-wrap:break-word;max-width:80%}.oneCol{grid-template-columns:100%}.twoCol{grid-template-columns:40% 40%}.threeCol{grid-template-columns:30% 30% 30%}.oneRow{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;max-width:100%}.firstBox{background-image:url(stg_startbild_3.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;box-shadow:inset 0 0 0 150vw rgba(0,0,0,.3)}.fifthBox,.fourthBox,.secondBox,.thirdBox{position:relative;background-color:#f4f4f4}.fifthBox:before,.fourthBox:before,.secondBox:before,.thirdBox:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.gridBox{background-color:#fff;min-height:fit-content;display:flex;flex-direction:column;justify-content:space-between;padding:15px;border:1px solid var(--gridBoxBorderColor);border-radius:20px;box-shadow:0 6px 12px -12px rgba(50,50,93,.2),0 3px 7px -3px rgba(0,0,0,.2);width:100%}.gridBox .gridBoxInfo{position:relative}.gridBox .gridBoxInfo span{display:inline-flex;color:var(--body_background);padding:2px 4px;border-radius:6px;background-color:var(--maincolor_dark)}.gridBox .gridBoxInfo img{display:inline-flex;position:absolute;right:-10px;top:-5px;width:20%;height:auto}.gridBox .gridBoxHeader{display:inline-flex;margin:10px 0 0;padding:2px;font-size:medium}.gridBox .gridBoxContent{display:inline-flex;padding:2px;font-size:var(--fs-large);font-weight:600;margin:0 0 0 10px}.gridBox .gridBoxImage{display:inline-flex;padding:2px;width:100%;height:clamp(9.375em,2vw,15.625em);border-top-left-radius:20px;border-top-right-radius:20px}.gridContainer .allCol .gridBox{width:450px}.welcome{margin:9.375rem 3.125rem 0;text-align:center;font-size:var(--fs-larger);font-family:Poppins-ExtraBold,sans-serif;font-weight:900;position:relative;color:var(--fontColor)}.welcomeAnimation{margin:0 0 3.125rem;color:#fff;text-align:center}.welcomeAnimation .content ol{list-style:none;--height:4.6rem;height:var(--height);line-height:var(--height);overflow:hidden}.welcomeAnimation .content ol li{animation:c 12s infinite}.welcomeAnimation .content ol li span{font-weight:600;-webkit-text-fill-color:transparent;background:linear-gradient(180deg,var(--fontColor) 50%,var(--maincolor_light));font-size:var(--fs-larger);font-family:Poppins-ExtraBold,sans-serif;font-weight:900;-webkit-background-clip:text;background-clip:text;white-space:nowrap}@keyframes c{0%,10%{transform:translateY(0)}15%,25%{transform:translateY(-100%)}30%,40%{transform:translateY(-200%)}45%,55%{transform:translateY(-300%)}60%,70%{transform:translateY(-400%)}75%,85%{transform:translateY(-500%)}}.gridBoxLink{display:flex;justify-content:end}.gridBoxLink>a{display:flex;padding:0 8px 0 0;box-shadow:0 0 6px rgba(0,0,0,.3)}.gridBoxLink>a,.gridBoxLink>a img{max-width:fit-content;height:auto;text-decoration:none}.gridBoxLink>a img{color:#fff}.swiper.productSwiper{--swiper-theme-color:var(--maincolor_dark);width:100%;height:80vh;color:#6a7c8e}.swiper.productSwiper.swiper-slide{border:none;text-align:center;font-size:18px;background:none;background:transparent;display:flex;justify-content:center;align-items:center;height:max-content;border:1px solid var(--navi-background);border-radius:20px}.swiper.productSwiper.swiper-pagination-bullet{width:25px;height:12px;background-color:#eea205;border-radius:14px;transition:all .8s ease-in-out}.swiper.productSwiper.swiper-pagination-bullet-active{width:40px;background-image:linear-gradient(90deg,#e5e5e5,#eea205)}.swiper.productSwiper .autoplay-progress{position:absolute;right:16px;bottom:16px;z-index:3;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--swiper-theme-color)}.swiper.productSwiper .autoplay-progress svg{--progress:0;position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;stroke-width:4px;stroke:var(--swiper-theme-color);fill:none;stroke-dashoffset:calc(125.6px * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}.productBox{display:grid;width:100%;height:100%;grid-template-areas:"a a" "b c" ". c";grid-template-rows:auto 1fr;grid-template-columns:48% 1fr}.productBox>productHeader{grid-area:a;text-align:center;color:var(--navi_background);font-weight:bolder;&>h1{font-size:var(--fs-larger)}}.productBox>productNav{grid-area:b;display:flex;flex-direction:column;padding:1em 1.25px 0 3.5em}.productBox>productNav>img{display:block;object-fit:cover;object-position:right;user-select:none;width:100%;height:auto;border-radius:12px;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1)}.productBox>productNav .navSlogan{margin-top:1.5em;font-size:var(--fs-boxHeader);font-style:italic;text-align:end}.productBox>productMain{grid-area:c;font-size:var(--fs-large);padding:.6em 3.5em 0 1em;text-align:justify;&>div{margin-top:1.5em;&>h3{margin-bottom:5px}}}@media screen and (max-width:820px){.productBox{grid-template-areas:"a a" "b b" "c c";grid-template-rows:auto auto 1fr;grid-template-columns:1fr 1fr}.productBox>productHeader{padding:0}.productBox>productNav{align-items:center;padding:.25em 3.5em}.productBox>productNav .navSlogan{margin:5px}.productBox>productNav>img{max-width:75%}.productBox>productMain{padding:1.5em 4em 3.5em;&>div{margin-top:.75em;&>h3{margin-bottom:2px}}}}#continueToSlide{display:none;z-index:1;position:absolute;bottom:30px;left:30px}.configurator{background-color:#e6e6fa;color:var(--navi_background);display:grid}:root{--conf_color_dark:#c41e67;--conf_color_light:#a71555;--conf_color_step:#ced7e0;--conf_step_size:32px;--conf_stepcount:3;--conf_progress_width:calc((var(--conf_stepcount) - 1) / var(--conf_stepcount) * 100%)}.form-wizard{justify-self:center;background-color:#fff;padding:1.5em;margin:1.5em;border-radius:8px;width:min(85%,95%);height:fit-content;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}.ajaxBusy{display:none}.steps-container .step h3{text-align:center;margin-bottom:16px;display:none}.steps-container .step .radio-options,.steps-container .step .radio-options label{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;font-size:clamp(.625rem,1.5vw,1rem)}.steps-container .step .radio-options .option{width:14vw;height:14vw;padding:1vw;border:1px solid var(--conf_color_step);box-shadow:0 0 10px rgba(0,0,0,.25);line-height:.8em}.steps-container .step .radio-options .option>img{width:50%;height:50%;padding:8px}.steps-container .step .radio-options .option{&>span{text-align:center}&:hover>span{background-color:#fff;color:var(--navi_background);padding:1vw;border-radius:6px}}.steps-container .step .radio-options input[type=radio]{display:none}.steps-container .step .radio-options .option:hover{cursor:pointer;border:1px solid #a9a9a9;border-radius:12px;transition:.3s;background-color:rgba(129,189,18,.5);color:#fff;&>img{background-color:#fff;border-radius:6px}}.steps-container .step .radio-options .option:active{opacity:.4;cursor:pointer}.steps-container .step .radio-options input[type=radio]:checked+label{border:1px solid var(--maincolor_light)}.steps-container .step table th{text-align:center;font-size:x-small;font-weight:400;padding:0}.steps-container .step table td{vertical-align:top;font-size:var(--fs-smaller);padding:0;border-bottom:1px solid var(--maincolor_dark);white-space:collapse}.steps-container .step table td:first-child{font-size:var(--fs-smaller);padding:4px 0 0}.steps-container .step table#tbl_gewerbe td:nth-child(4),.steps-container .step table#tbl_privat td:nth-child(4),.steps-container .step table td:nth-child(3){text-align:right;vertical-align:middle;min-width:10px;padding:0 4px}.steps-container .step table#tbl_gewerbe td:nth-child(5),.steps-container .step table#tbl_privat td:nth-child(5),.steps-container .step table#tbl_staatlich td:nth-child(4),.steps-container .step table#tbl_wartung td:nth-child(4){font-size:x-small;padding:4px 10px 0}.steps-container .step table .prc-col.final,.steps-container .step table .prc-col.grand,.steps-container .step table .prc-col.net,.steps-container .step table .prc-col.total{font-weight:900}.steps-container .step table tr{&:not(:has([data-product]))>td:first-child{border:none}}.steps-container .step table#tbl_gewerbe tr,.steps-container .step table#tbl_privat tr{&:not(:has([data-product]))>td:nth-child(5){border:none}}.steps-container .step table#tbl_wartung tr{&:not(:has([data-product]))>td:nth-child(4){border:none}}.steps-container .step table#tbl_staatlich tr{&:not(:has([data-product]))>td{border:none}}.slidingbox{width:fit-content;display:flex;justify-content:space-between}.slidingbox .tool{position:relative}.slidingbox .slider{width:100%;height:10px;border-radius:5px;background-color:var(--maincolor_light);outline:none;opacity:.7;transition:opacity .2s;-webkit-transition:.2s}.slidingbox .slider::-webkit-slider-thumb{width:15px;height:15px;border-radius:50%;background-color:blue;cursor:pointer}.slidingbox .slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--maincolor_yellow);cursor:pointer}.slidingbox .sliderbtn-container{display:flex;width:fit-content;gap:2px;margin-left:12px}.slidingbox .sliderbtn-container .sliderbtn.minus,.slidingbox .sliderbtn-container .sliderbtn.plus{height:24px;width:24px;background-color:var(--maincolor_yellow);padding:2px;border-radius:8px}.combobox{width:fit-content;position:relative;&[data-product^=gew_wp]>.combo-btn,&[data-product^=prv_wp]>.combo-btn{background-color:#1265bd!important;border:1px solid #024c9a!important}}.combobox .combo-btn{display:flex;gap:10px;height:fit-content;background:var(--maincolor_light);padding:0 6px;font-size:smaller;font-weight:400;border-radius:8px;align-items:center;cursor:pointer;justify-content:space-between;box-shadow:0 0 5px rgba(0,0,0,.25);border:1px solid var(--maincolor_dark);color:#fff}.combo-btn img:not([nofilter]){font-size:25px;transition:.3s;filter:brightness(0) invert(1)}.combo-btn img:hover{font-size:25px;transition:.3s;border-radius:4px;filter:none}.combobox.active .combo-btn{background-color:var(--maincolor_yellow)!important;border-color:var(--maincolor_dark)!important}.combobox.active .combo-btn img{transform:rotate(-180deg)}.combobox .options{position:absolute;padding:20px;margin-top:2px;border-radius:8px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.1);display:none;width:inherit}.combobox.active .options{display:block;z-index:1;background-color:var(--maincolor_yellow);border:1px solid var(--maincolor_dark)}.combobox .options .option{display:flex;height:min(25px,100px);cursor:pointer;padding:6px 16px;border-radius:8px;align-items:center;background:#fff}.combobox .options .option:hover{background:#f2f2f2}.combobox .options .option img{height:50px;width:50px}.combobox .options.flex>.option img{height:15px;width:15px;margin-right:12px}.combobox .options .option .option-text{width:max-content;font-size:smaller;color:#333}.combobox.active .options.flex{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:scroll;overscroll-behavior:none}.combobox.active .options.grid{display:grid;grid-template-columns:auto auto auto;width:auto;gap:12px}.combobox .options.grid .option{flex-direction:column;height:auto}.steps-container .step table .infobox:hover{&>.headline:after{transform:rotate(180deg);transition:.3s}&>span{display:block}}.steps-container .step table .infobox span{display:none;white-space:pre-wrap;&:first-child{display:block;text-wrap:nowrap}}.steps-container .step table .infobox .headline{position:relative}.steps-container .step table .infobox .headline:after{content:"";position:absolute;right:0;top:-2px;width:24px;height:24px;background:url(../img/arrowdown.svg);background-repeat:no-repeat;background-size:cover}.steps-container .step .form-control label,.steps-container .step .form-element{display:flex;align-items:flex-start;gap:8px;margin-top:4px;font-size:smaller}.steps-container .step .form-element{margin-top:14px}.steps-container .step .form-control input,.steps-container .step .form-control textarea{outline-color:var(--conf_color_dark);border:1px solid #d3d3d3;padding:2px;border-radius:4px;width:100%;font-size:small}.steps-container .step .form-control textarea{resize:none;height:fit-content}input[type=file]::file-selector-button{border:1px solid var(--maincolor_dark);border-radius:4px;background-color:var(--maincolor_light);color:var(--fontColor)}.progress-container{position:relative;font-size:var(--fs-btn)}.progress-container:before{background-color:var(--conf_color_step)}.progress-container .progress,.progress-container:before{content:"";height:4px;width:var(--conf_progress_width);position:absolute;top:calc(var(--conf_step_size)/2);left:50%;translate:-50% -50%}.progress-container .progress{background-color:var(--conf_color_dark);transform:scaleX(0);transform-origin:left;transition:.3s}.progress-container ol{list-style-type:none;display:flex;align-items:flex-start;justify-content:space-between;counter-reset:a;position:relative;z-index:1}.progress-container li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--conf_color_step);transition:.3s linear .3s}.progress-container li:before{counter-increment:a;content:counter(a);background-color:var(--conf_color_step);width:var(--conf_step_size);height:var(--conf_step_size);display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.progress-container li:where(.done,.current){color:var(--navi_background);font-weight:500}.progress-container li.current:before,.progress-container li.done:before{background-color:var(--conf_color_dark)}.progress-container li.current:before{box-shadow:0 0 0 3px rgba(161,27,84,.25)}.steps-container{display:flex}.steps-container .step{display:grid;flex:1 0 100%;padding:24px 8px;opacity:0;transition:opacity .3s;gap:8px;height:fit-content}.steps-container .step.current{opacity:1}.steps-container .step input[type=checkbox]{accent-color:var(--maincolor_light)}.steps-container .step .submitgrid{display:grid;grid-template-columns:48% 48%;justify-content:space-between}.steps-container .step .submitgrid .conf_contact{border:1px solid var(--maincolor_light);border-radius:6px;padding:20px}.steps-container .step .submitgrid .conf_appointment,form#contact-form .form-fields dialog .conf_appointment{display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;padding:20px;gap:10px;border:1px solid var(--maincolor_light);border-radius:6px}.steps-container .step .submitgrid .conf_appointment .datecontrol .appointmentDate,form#contact-form .form-fields dialog .conf_appointment .datecontrol .appointmentDate{font-size:small}.steps-container .step .submitgrid .conf_appointment table#listAppointments tr td:first-child,.steps-container .step .submitgrid .conf_appointment table#listAppointments tr th:first-child,form#contact-form .form-fields dialog .conf_appointment table tr td:first-child,form#contact-form .form-fields dialog .conf_appointment table tr th:first-child{display:none}.steps-container .step .submitgrid .conf_appointment .timeslot,form#contact-form .form-fields dialog .conf_appointment .timeslot{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:100%;border:1px solid var(--maincolor_light);border-radius:4px;padding:6px;margin:6px;cursor:pointer;&.done{border-color:silver}&.done,&.planned{opacity:.5;pointer-events:none}&.planned{border-color:red}&>span{pointer-events:none}&.reserve{background-color:var(--maincolor_light);color:var(--body_background);border-color:var(--maincolor_dark)}}.steps-container .step .submitgrid .conf_appointment .timeslot:not(:is(.done)):hover,form#contact-form .form-fields dialog .conf_appointment .timeslot:not(:is(.done)):hover{border:1px solid var(--conf_color_dark);transition:.3s}.steps-container .step .submitgrid .conf_appointment .datecontrol,form#contact-form .form-fields dialog .conf_appointment .datecontrol{display:flex;justify-content:space-between;width:100%;&>button{height:fit-content;width:fit-content;padding:2px 6px;background-color:var(--maincolor_light);border-radius:6px;font-size:small;border:none;color:var(--fontColor)}}.form-wizard .controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-inline:8px}.form-wizard .controls button{flex:1}.form-wizard button{cursor:pointer;border:none;border-radius:16px;padding:8px 16px;background-color:var(--conf_color_light);color:#fff;font-size:.875rem;transition:.3s}.form-wizard .controls button:active,.form-wizard .controls button:hover{background-color:var(--conf_color_dark)}.form-wizard .controls button:disabled{opacity:.8}.form-wizard .controls button:focus{outline-color:#333}.form-wizard .controls button[type=submit]{background-color:#333}.form-wizard .controls button[type=submit]:active,.form-wizard .controls button[type=submit]:hover{background-color:#444}@media screen and (max-width:820px){.form-wizard{padding:.5em;margin:.5em;width:min(99%,99%)}.menuline .nav__menu .nav__list>li>a{padding:0 .5em}.underLine{color:var(--page_background);text-decoration:none;background-color:var(--maincolor_dark);&:after{content:none}}}.contact-formular{display:grid;grid-template-columns:40% 1fr;gap:clamp(1em,1.5vw,3.5rem);padding:1em}.contact-flow,.contact-form{display:flex;flex-direction:column;text-align:left;width:100%}.contact-flow h2,.contact-form h2{font-size:var(--fs-h2);margin-top:2.125em;margin-bottom:.3125em}.contact-flow p,.contact-form p{margin-top:.3125em;width:fit-content}.contact-flow span{font-size:small}.contact-form .form-group{border:1px solid var(--maincolor_dark);border-radius:12px;padding:clamp(.625em,2vw,1em);accent-color:var(--maincolor_light);font-size:var(--fs-btn);display:flex;flex-direction:column;gap:.25em}.contact-form .form-group .form-fields{display:grid;grid-template-columns:30% 1fr;gap:.5em}.contact-form .form-group .form-fields input{border-radius:.375em;outline:none;padding:.375em;border:1px solid silver}.contact-form .form-group .form-fields select{border-radius:.375em;background-color:var(--body_background);padding:.375em;border:1px solid silver}.contact-form .form-group .form-fields textarea{height:100px;border-radius:.375em;padding:.375em;font-size:small;border:1px solid silver}.contact-form .form-group .form-fields input:not([type=checkbox],[type=radio]),.contact-form .form-group .form-fields select{width:100%;background-color:var(--fontColor)}.contact-form .form-element{display:flex;align-items:flex-start;column-gap:.3125em}.contact-form .form-element:has(.fine-print){grid-column:1/-1;display:flex;gap:.5ch;font-size:small;align-items:flex-start}.contact-form .form-element label{font-size:small}.contact-form .form-element:has(button.fine-print){justify-content:space-between}.contact-form .form-element:has(button.fine-print) span{font-size:x-small;align-self:flex-end}.contact-form .form-group .form-fields input:user-invalid{border:1px solid red}.contact-form-mail-status{align-self:end;opacity:0;animation:d 8s ease-in-out;animation-delay:1s;animation-iteration-count:1}@keyframes d{0%,10%{opacity:1}90%,to{opacity:0}}span.word-underline{color:var(--title-color);font-size:inherit;&.once{animation:e 2s 3s ease}&.forwards{animation:e 2s 3s ease forwards}}@keyframes e{0%{border-bottom:4px solid #ffd234}40%{border-bottom:8px solid #ffd234;text-shadow:0 0 10px var(--title-color),0 0 20px var(--title-color),0 0 30px var(--title-color)}60%{border-bottom:8px solid #81bd12;text-shadow:0 0 10px var(--title-color),0 0 20px var(--title-color),0 0 30px var(--title-color)}to{border-bottom:6px solid #81bd12}}@media screen and (max-width:1199px){.contact-flow h2,.contact-form h2{margin-top:.625em;margin-bottom:.125em}.contact-form .form-group .form-fields input,.contact-form .form-group .form-fields select,.contact-form .form-group .form-labels label{min-height:1.5em;padding:.175em}.contact-form .form-group .form-labels label{padding:.175em .175em .472em!important}}.referenceInfoSummary{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;align-items:center;width:100%;padding:16px;border-radius:12px;gap:16px}.referenceInfoBox{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:12px;border-radius:12px;height:auto;font-size:var(--fs-large);font-weight:800;text-align:center;color:var(--text-color);animation:f .8s;top:-100px;background-color:var(--fontColor);border:1px solid var(--maincolor_dark)}@keyframes f{0%{transform:translateY(-100px);opacity:.3}to{transform:translateY(0);opacity:1}}.referenceInfoSummary .referenceInfoBox .span_yellow{display:inline-block;color:var(--fontColor);border-radius:6px;background-color:var(--maincolor_yellow);padding:8px;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.2)}.swiper.referenceSwiper{--swiper-theme-color:var(--maincolor_dark);width:90vw;height:100%;border-radius:20px;color:#fff}.swiper.referenceSwiper .swiper-wrapper{display:flex;align-items:end;transition-timing-function:linear!important}.swiper.referenceSwiper .swiper-slide{border:none;text-align:center;font-size:18px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;height:max-content;border-radius:20px;overflow:hidden;box-shadow:0 0 .5rem rgba(0,0,0,.3)}.swiper.referenceSwiper .swiper-slide .gridBox{box-shadow:none;color:var(--navi_background);border-color:var(--maincolor_dark)}.swiper.referenceSwiper .swiper-slide .gridBoxImage img{display:block;width:100%;height:100%;object-position:50% 50%;border-radius:inherit;padding-bottom:2px;border-bottom:2px solid var(--maincolor_dark)}.swiper.referenceSwiper .swiper-slide .gridBoxContent{justify-content:center;flex-direction:column}.swiper.referenceSwiper .swiper-slide .gridBoxContent>span{display:inline-block;padding:4px;border-radius:8px;background-color:#eee;margin:4px}.swiper.referenceSwiper .swiper-slide .gridBoxHeader #favorite{width:fit-content;height:fit-content;position:absolute;top:-6px;right:-8px}.swiper.referenceSwiper .swiper-slide .gridBoxHeader{position:relative;justify-content:center}.modal-container{display:none;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);position:fixed;left:0;top:0;height:100vh;width:100%;z-index:2}.modal-container.show{display:flex}.modal-content{background-color:var(--navi_background);border-radius:6px;box-shadow:0 1.5rem 1rem rgba(0,0,0,.2);padding:15px 25px;max-width:90%;max-height:90%;display:flex;flex-direction:column;min-height:25%;min-width:25%;overflow-y:scroll}.modal-content .box{align-items:start}.modal-content h1{margin:0}.modal-content p{font-size:medium;line-height:normal;text-align:left;align-items:start;margin:8px 0}.modal-content button{width:fit-content;align-self:end}.footer{background-color:var(--navi_background)}.footerContainer{color:var(--fontColor);padding:2em 6em;display:grid;grid-template-areas:"d d e f g" "d d e f g" "h h h h h";grid-template-columns:repeat(5,1fr);grid-template-rows:auto}.footerContainer>.adr,.footerContainer>.con,.footerContainer>.inf,.footerContainer>.las,.footerContainer>.pro{min-height:10vh}.footerContainer>.adr{grid-area:d;min-height:50vh;display:flex;flex-direction:column;justify-content:space-between;align-items:left;&>.address,&>.opening,&>.slogan,&>.social{font-size:1rem;&>span{display:block}&>.bold{font-weight:800;font-size:1.25rem}}&>.slogan{font-size:4rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase;line-height:1.25em}&>.slogan,&>.social{color:var(--maincolor_yellow)}}.footerContainer>.pro{grid-area:e;padding-top:1em;&>.header{color:var(--maincolor_yellow);font-size:1.25rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase;line-height:1.25em;margin-bottom:1em}&>ul{&>li{color:var(--fontColor);margin-top:10px;&>a{text-decoration:none;color:var(--fontColor)!important}&>a:hover{text-decoration:underline}}}}.footerContainer>.inf{grid-area:f;padding-top:1em;&>.header{color:var(--maincolor_yellow);font-size:1.25rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase;line-height:1.25em;margin-bottom:1em}&>ul{&>li{color:var(--fontColor);margin-top:10px;&>a{text-decoration:none;color:var(--fontColor)!important}&>a:hover{text-decoration:underline}}}}.footerContainer>.con{grid-area:g;padding-top:1em;&>.header{color:var(--maincolor_yellow);font-size:1.25rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase;line-height:1.25em;margin-bottom:1em}&>ul{&>li{color:var(--fontColor);margin-top:10px;&>a{text-decoration:none;color:var(--fontColor)!important}&>a:hover{text-decoration:underline}}}}.footerContainer>.las{grid-area:h;border-top:1px solid var(--fontColor);display:flex;justify-content:space-between;padding:1em 0;&>.terms{display:flex;justify-content:space-between;gap:2em;&>a{text-decoration:none;color:var(--fontColor)}&>a:hover{text-decoration:underline}}}@-moz-document url-prefix(){*{scrollbar-color:var(--maincolor_light) #ccc;scrollbar-width:thin}}::-webkit-scrollbar{background-image:linear-gradient(var(--maincolor_light),var(--gradient_color));width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--maincolor_light),var(--gradient_color));border-radius:10px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.inner-container::-webkit-scrollbar{display:none}#scrolltoBottomBtn,#scrolltoTopBtn{display:none;position:fixed;bottom:60px;right:20px;z-index:3;font-size:18px;border:none;outline:none;background-color:var(--maincolor_light);background-image:url(../img/doublearrowup_white.svg);background-size:cover;cursor:pointer;padding:5px;width:35px;height:35px;border-radius:4px;transition:.6s;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.2)}#scrolltoBottomBtn{top:120px;background-image:url(../img/doublearrowdown_white.svg)}#scrolltoBottomBtn:hover,#scrolltoTopBtn:hover{display:block;width:40px;height:40px;background-color:var(--maincolor_dark)}:root{--header-height:3.5rem;--first-color:#3a6fd9;--first-color-lighten:#f2f6fd;--title-color:#253c6a;--text-color:#656e81;--body-color:#fafcff;--body-font:"Poppins",sans-serif;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-medium:500;--font-semi-bold:600;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:1024px){:root{--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}