:root{--primary-color:#40ced3;--secondary-color:#333435;--background-color:#f9f9f9;--text-color:#666;--white:#fff;--shadow:0 2px 2px #0000001a}#hero{background-color:var(--background-color);color:var(--secondary-color);overflow:hidden}#hero,.slideshow-container{position:relative;width:100%}.slideshow-container{max-width:100%;box-shadow:var(--shadow)}.image-wrapper{position:relative;width:100%;height:100vh}.logo-wrapper{display:flex;justify-content:center;align-items:center}.dot{cursor:pointer;height:10px;width:10px;margin:0 8px;background-color:var(--text-color);border-radius:50%;display:inline-block;transition:background-color .3s ease}.dot.active,.dot:hover{background-color:var(--primary-color)}.fade{animation-name:fade;animation-duration:3s}@keyframes fade{0%{opacity:.8}to{opacity:1}}.hero-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--white);z-index:10;padding:1rem;width:90%;max-width:600px}.hero-tagline{font-size:1.5rem;margin-bottom:1.5rem;letter-spacing:1px;font-weight:500}.hero-button{background-color:#1f2937;color:var(--white);padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.hero-button:hover{background-color:#111827}body{font-family:Roboto,sans-serif;margin:0}@media (max-width:768px){.image-wrapper{height:60vh}.hero-tagline{font-size:1.2rem}.fade{animation-name:fade;animation-duration:3s}.hero-button{padding:.6rem 1.2rem;font-size:.9rem}.dot{height:8px;width:8px;margin:0 6px}.hero-overlay{padding:.5rem}.bildA img{max-width:200px;margin:auto}}@media (max-width:480px){.image-wrapper{height:60vh}.hero-tagline{font-size:1rem;margin-bottom:1rem}.hero-button{padding:.5rem 1rem;font-size:.85rem}.dot{height:7px;width:7px;margin:0 5px}.hero-overlay{padding:.5rem;width:95%}.bildA img{margin:auto}}