html{scroll-behavior:smooth;scroll-margin-top:200px}main{overflow:hidden}#flyouts{display:flex;flex-direction:column;gap:10px;position:fixed;top:45%;right:0;z-index:9999}#flyouts.hidden{display:none;z-index:-99999;opacity:0}#flyouts a{background-color:var(--kf-primary-red);padding:20px;border-radius:12px 0 0 12px}#flyouts a:hover{opacity:.3}#flyouts a img{height:24px;width:24px}header{background-color:#fff;padding:20px 0;border-bottom:1px solid var(--kf-primary-red);z-index:999;position:relative}header nav{max-width:var(--kf-container-width);margin:0 auto;display:flex;flex-direction:column;gap:20px}header nav .logo img{height:123px;max-width:249px}header nav ul{display:flex;flex-direction:row;gap:20px}header nav ul li{display:inline-flex;align-items:center;justify-content:center;gap:20px}header nav ul .line{height:25px;width:2px;background-color:var(--kf-primary-red)}header nav .left .navigation-toggle{display:none}#MobileNav{display:none}#hero .wrapper{position:relative;min-height:650px;height:auto;display:flex;justify-content:center;align-items:center}#hero .wrapper .background{height:100%;width:100%;position:absolute;top:0;left:0;z-index:-99;object-fit:cover;will-change:opacity}#hero .wrapper .image-overlay{height:100%;width:100%;position:absolute;top:0;left:0;z-index:-88;opacity:.7;background-color:var(--kf-primary-dark-grey)}#hero .wrapper .content{max-width:var(--kf-container-width);width:100%;margin:0 auto;height:auto}#hero .wrapper .content .inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;max-width:800px;height:auto}#hero .wrapper .content .kf-heading-1,#hero .wrapper .content p{color:#fff}#text .wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px}footer{width:100%;padding:50px 0;background-color:var(--kf-primary-dark-grey);margin-top:60px}footer .wrapper{max-width:var(--kf-container-width);margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:flex-end}footer .wrapper .left ul{display:flex;flex-direction:row;gap:15px;margin-bottom:20px}footer .wrapper .left ul li{color:#fff}footer .wrapper .left p{color:var(--kf-primary-light-grey)}#products .wrapper{display:flex;flex-direction:column;gap:20px;align-items:stretch;width:100%}#products .wrapper .kf-heading-3{text-transform:uppercase}#products .wrapper .elements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:100px}#products .wrapper .elements .el{position:relative;border:1px solid var(--kf-primary-red);border-radius:var(--kf-border-radius);min-height:400px;overflow:hidden;background:transparent;perspective:1000px}#products .wrapper .elements .el .card{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .6s ease}#products .wrapper .elements .el:hover .card,#products .wrapper .elements .el:focus-within .card{transform:rotateY(180deg)}#products .wrapper .elements .el .face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--kf-border-radius);display:flex;justify-content:center;align-items:center}#products .wrapper .elements .el .front{background:transparent;padding-top:60px}#products .wrapper .elements .el .back{transform:rotateY(180deg);background:#fff;padding:60px 0 10px}#products .wrapper .elements .el .back .back-inner{max-width:85%;max-height:80%;overflow:auto}#products .wrapper .elements .el .top{background-color:var(--kf-primary-red);border-radius:var(--kf-border-radius) var(--kf-border-radius) 0 0;position:absolute;top:0;left:0;width:100%;height:60px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}#products .wrapper .elements .el .top p{color:#fff}#products .wrapper .elements .el .image{max-width:65%;max-height:65%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#products .wrapper .elements .el .image img{width:100%;height:100%;object-fit:contain}@media (prefers-reduced-motion: reduce){#products .wrapper .elements .el .card{transition:none}}@media (hover: none){#products .wrapper .elements .el:hover .card{transform:none}}#features .wrapper{display:flex;flex-direction:column;gap:40px;justify-content:center;align-items:center}#features .wrapper .bottom{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;text-align:center}#features .wrapper .box{border-radius:var(--kf-border-radius);border:1px solid var(--kf-primary-red);width:100%;padding:50px}#features .wrapper .box .listing{margin-top:20px}#features .wrapper .box .listing .el{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:15px;gap:10px}#features .wrapper .box .listing .el .icon{background-color:var(--kf-primary-red);height:28px;width:28px;border-radius:50%;display:flex;justify-content:center;align-items:center}#features .wrapper .box .listing .el .icon img{height:50%;width:50%}#cards .wrapper{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;text-align:center}#cards .wrapper .elements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:20px}#cards .wrapper .elements .el{border-radius:var(--kf-border-radius);border:1px solid var(--kf-primary-red);padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;background-color:#fff}#cards .wrapper .elements .el .kf-heading-1{color:var(--kf-primary-brown)}#cards .wrapper .elements .el .kf-heading-3{color:var(--kf-primary-red)}#cta .wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#angebot *{appearance:none;-webkit-appearance:none;-moz-appearance:none}#angebot{max-width:var(--kf-container-width);margin:0 auto;padding-top:60px}#angebot .wrapper{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:center;max-width:800px}#angebot .wrapper .line{height:3px;width:100%;background-color:var(--kf-primary-red)}#angebot .wrapper .line-2{height:1px;width:100%;background-color:var(--kf-primary-red)}#angebot .wrapper .form-wrapper{width:100%}#angebot .wrapper .form-wrapper form{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%}#angebot form .checkbox-container{display:flex;flex-direction:row-reverse;gap:10px}#angebot form input[type=text],#angebot form textarea{width:100%}#angebot form textarea{min-height:200px}#angebot form .input-fields-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}#legal .wrapper{display:flex;flex-direction:column;gap:20px}