:root{--kwmjs-accent: #8147a7;--kwmjs-white: #f8f8f8;--kwmjs-black: #1c1c1c;--kwmjs-blue: #4757a7}#kwmJS{padding:20px 50px}body{padding:0;margin:0;font-family:sans-serif;color:var(--kwmjs-black);background-color:var(--kwmjs-white)}button{cursor:pointer}header ul{margin:0;display:flex;height:80px;background-color:var(--kwmjs-accent);list-style-type:none;padding-right:70px}header ul li{height:80px;line-height:80px;cursor:pointer}header ul li a{height:80px;text-decoration:none;color:var(--kwmjs-white);padding:0 20px;display:block}header ul li .active{text-decoration:underline}header ul li:hover{background-color:var(--kwmjs-white)}header ul li:hover a{text-decoration:none;color:var(--kwmjs-black)}footer{height:80px;background-color:var(--kwmjs-blue);position:absolute;bottom:0;width:100%;text-align:center;line-height:80px;color:var(--kwmjs-white)}footer p{margin:0}.hero-teaser{position:relative;width:100%;height:512px;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.hero-teaser .content{text-align:center;color:var(--kwmjs-white);z-index:1;background-color:#000000b3;margin:0 50px;padding:20px}.hero-teaser h1{font-size:3rem;margin-bottom:20px}.hero-teaser p{font-size:1.2rem;margin-bottom:20px}.cta{display:inline-block;padding:10px 20px;background-color:var(--kwmjs-accent);color:var(--kwmjs-white);text-decoration:none;border-radius:5px}@media (max-width: 768px){.hero-teaser h1{font-size:2.5rem}.hero-teaser p{font-size:1rem}}