*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#8B4513 0%,#D2691E 100%);color:white;min-height:100vh;overflow-x:hidden}.container{max-width:400px;margin:0 auto;padding:20px;text-align:center}.header{margin-bottom:30px;animation:fadeInDown 1s ease-out;width:100%}.logo{font-size:clamp(24px, 5vw, 48px);font-weight:bold;margin-bottom:10px;color:#FFD700;text-shadow:2px 2px 4px rgba(0,0,0,0.5);line-height:1;width:100%;white-space:nowrap}.tagline{font-size:clamp(14px, 4vw, 24px);opacity:0.9;font-style:italic;line-height:1.3;width:100%}.main-content{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:0 8px 32px rgba(0,0,0,0.3);animation:fadeInUp 1s ease-out 0.3s both}.teaser-title{font-size:22px;font-weight:bold;margin-bottom:15px;line-height:1.3;color:#FFD700}.teaser-subtitle{font-size:16px;margin-bottom:25px;opacity:0.9;line-height:1.4}.audio-container{background:rgba(0,0,0,0.3);border-radius:15px;padding:20px;margin-bottom:25px}.audio-title{font-size:16px;margin-bottom:15px;color:#FFD700;font-weight:600}.audio-player{width:100%;border-radius:25px;outline:none;margin:15px 0;background:#888888;padding:8px}.audio-player::-webkit-media-controls-panel{background-color:rgba(139,69,19,0.8)}.audio-player::-webkit-media-controls-play-button,.audio-player::-webkit-media-controls-timeline,.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display,.audio-player::-webkit-media-controls-mute-button,.audio-player::-webkit-media-controls-volume-slider{color:#ffffff!important;filter:invert(1) brightness(2)}@supports (-webkit-touch-callout:none){.audio-player{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:transparent}}@media (max-width:768px){.audio-player{min-height:54px;touch-action:manipulation}}.slideshow-container{position:relative;margin-bottom:25px;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.3)}.slide{display:none;position:relative}.slide.active{display:block;animation:slideIn 0.5s ease-in-out}.slide img{width:100%;height:200px;object-fit:cover;border-radius:15px}.slide-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.7));color:white;padding:15px;text-align:left}.slide-title{font-size:14px;font-weight:bold;margin-bottom:5px}.slide-description{font-size:12px;opacity:0.9}.dots-container{text-align:center;margin-bottom:25px}.dot{height:10px;width:10px;margin:0 5px;background-color:rgba(255,255,255,0.4);border-radius:50%;display:inline-block;cursor:pointer;transition:all 0.3s ease}.dot.active{background-color:#FFD700;transform:scale(1.2)}.cta-button{background:linear-gradient(45deg,#FFD700,#FFA500);color:#8B4513;padding:15px 30px;border:none;border-radius:50px;font-size:16px;font-weight:bold;text-decoration:none;display:inline-block;box-shadow:0 6px 20px rgba(255,215,0,0.4);transition:all 0.3s ease;animation:pulse 2s infinite;margin-bottom:20px;width:100%;max-width:280px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,215,0,0.6)}.cta-button:active{transform:translateY(0)}.footer{text-align:center;font-size:12px;opacity:0.7;margin-top:20px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@media (min-width:768px){body{background:linear-gradient(135deg,rgba(139,69,19,0.2) 0%,rgba(210,105,30,0.2) 100%),url('../images/couch-genuss-fuer-beide.avif');background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.container{max-width:500px;padding:40px}.main-content{padding:35px;background:rgba(255,255,255,0.35);backdrop-filter:blur(15px);box-shadow:0 12px 40px rgba(0,0,0,0.4)}.teaser-title{font-size:26px}.teaser-subtitle{font-size:18px}.slide img{height:250px}.cta-button{font-size:18px;padding:18px 40px}.logo{font-size:clamp(32px, 10vw, 64px);white-space:normal;line-height:1.2}.tagline{font-size:clamp(18px, 5vw, 32px)}}@media (min-width:1024px){.container{max-width:800px}.logo{font-size:clamp(48px, 12vw, 96px)}.tagline{font-size:clamp(24px, 6vw, 48px)}}@media (max-width:768px){.play-pause-btn{padding:15px 30px;font-size:18px}}