.audio-player{display:flex;font-size:.85rem}.audio-player img{width:100px}.audio-player .audio-player-contents{margin:.4rem;display:flex;flex-direction:column;justify-content:space-between}.audio-player .audio-player-buttons button{margin:0 5px;height:28px;width:40px;background-color:var(--bright);border:none;border-radius:5px}.audio-player .audio-player-buttons button svg{height:20px;width:20px;position:relative;top:2px}.audio-player .audio-player-buttons button:hover{background-color:var(--hover)}.audio-player .audio-player-buttons button:active{background-color:var(--hover);border:1px solid var(--bright);color:var(--bright)}.audio-player .audio-player-progress progress{margin:0 10px}.box{margin:1rem auto;border:1rem solid var(--bright-accent);opacity:.9;background-color:var(--dark);background-position:left;background-repeat:no-repeat;background-size:cover;color:var(--bright);text-shadow:0px 0px 5px black;width:fit-content}.box img{border:.5px solid var(--dark);max-width:100%;height:auto}.box iframe{border:.5px solid var(--dark);width:320px;height:180px}@media (min-width: 540px){.box iframe{width:480px;height:270px}}@media (min-width: 720px){.box iframe{width:640px;height:360px}}@media (min-width: 1080px){.box iframe{width:960px;height:540px}}@media (min-width: 1400px){.box iframe{width:1280px;height:720px}}.header-box{text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.header-box h1{font-size:4rem;margin:.5rem 1rem 2rem}.header-box p{text-align:right}@media (min-width: 800px){.header-box{width:490px;height:490px}.header-box h1{margin:1.8rem}}.link{color:var(--bright-accent)}.link :focus,.link :hover{text-decoration:none;color:var(--hover)}.news-box{display:inline-block}.news-box h2{padding:1rem 1rem .5rem;text-align:left}.news-box p{padding:0 1rem;text-align:left}.social-media-link svg{width:24px;filter:drop-shadow(0px 0px 5px black);fill:var(--bright)}.social-media-link svg:hover{fill:var(--hover)}@media (min-width: 800px){.social-media-link svg{width:30px}.social-media-link svg:hover{fill:var(--hover)}}.social-media-links-container{display:flex;justify-content:flex-end;gap:14px}*{box-sizing:border-box}:root{--dark: rgb(34, 34, 34);--bright: rgba(245, 229, 200, .955);--dark-accent: rgb(131, 36, 1);--bright-accent: rgb(255, 255, 255);--hover: rgb(118, 151, 243);--spotdark: #652b0e;--spotmedium: #9d5a3a;--spotlight: #ffe7d3;--spotcontrast: #00c9a9;--palette-dark: #692d07;--palette-bright: #e5e2d3;--palette-medium: #b4812e;--palette-medium-bright: #ac947c}html{font-size:15px}@media (min-width: 800px){html{font-size:18px}}body{margin:0;padding:0;color:var(--bright);background-color:var(--dark-accent);background-image:url(./hintergrundtischquer-BmWgFvFj.jpg);background-size:cover;background-attachment:fixed;font-family:Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center}h1,h2,h3{line-height:1.1;margin:0 0 .5rem}a:focus,a:hover{text-decoration:none;color:var(--hover)}