:root{--gold:#a67c00;
      --hintergrund:#f3f0e7;}

body{margin:0;
     padding:30px;
     background:#efefef;
     font-family:Arial,sans-serif;}

.audio-karte{width: 535px;
             max-width:100%;
             margin:30px auto;
             background:var(--hintergrund);
             border-radius:8px;
             overflow:hidden;}

.cover{width:100%;
       height:400px;
       object-fit:cover;
       display: block;}

.player-inhalt{padding:30px;}

.titel{font-size:34px;
       text-align:center;
       margin-bottom:20px;}

.zeitleiste{display:flex;
            align-items:center;
            gap:20px;}

.zeit{color:var(--gold);
      font-size:20px;
      min-width: 60px;
      text-align: center}

.fortschritt{flex:1;}

.steuerung{margin-top:20px;
           display:flex;
           justify-content: center;
           gap:20px;}

.knopf{border:none;
       background:none;
       color:var(--gold);
       font-size:36px;
       cursor:pointer;}

.klein{font-size:22px;}