: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);width:100%;position:relative;overflow:hidden}.slideshow-container{width:100%;max-width:100%;box-shadow:var(--shadow);position:relative}.image-wrapper{width:100%;height:100vh;position:relative}.logo-wrapper{justify-content:center;align-items:center;display:flex}.dot{cursor:pointer;background-color:var(--text-color);border-radius:50%;width:10px;height:10px;margin:0 8px;transition:background-color .3s;display:inline-block}.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{text-align:center;color:var(--white);z-index:10;width:90%;max-width:600px;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-tagline{letter-spacing:1px;margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.hero-button{color:var(--white);cursor:pointer;background-color:#1f2937;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s}.hero-button:hover{background-color:#111827}body{margin:0;font-family:Roboto,sans-serif}@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{width:8px;height: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{margin-bottom:1rem;font-size:1rem}.hero-button{padding:.5rem 1rem;font-size:.85rem}.dot{width:7px;height:7px;margin:0 5px}.hero-overlay{width:95%;padding:.5rem}.bildA img{margin:auto}}