.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-49 .elementor-element.elementor-element-a7f6602{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-v4-text );}.elementor-49 .elementor-element.elementor-element-5cd32c9{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-v4-text );}.elementor-49 .elementor-element.elementor-element-d0c4f21{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-v4-text );}.elementor-49 .elementor-element.elementor-element-7a6ad3c{width:var( --container-widget-width, 979px );max-width:979px;--container-widget-width:979px;--container-widget-flex-grow:0;text-align:start;color:var( --e-global-color-v4-white );}.elementor-49 .elementor-element.elementor-element-87421ae{width:var( --container-widget-width, 1100px );max-width:1100px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;--container-widget-width:1100px;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-v4-text );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-a7f6602{font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-5cd32c9{font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-d0c4f21{font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-7a6ad3c{text-align:start;}.elementor-49 .elementor-element.elementor-element-87421ae{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-a7f6602{text-align:start;font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-5cd32c9{text-align:start;font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-d0c4f21{text-align:start;font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-87421ae{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-87421ae */.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist {padding: 0px; border: 0; margin: 0px 0 20px;}
.elementor-49 .elementor-element.elementor-element-87421ae img {display:none;}
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-caption {max-width: 100%;}
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-current-item {height:auto;}
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-current-item .wp-playlist-item-artist, .wp-playlist-current-item .wp-playlist-item-title {margin-left:-12px;}

/* 1. Jede Zeile: Relativ positionieren für die Zeit-Verankerung */
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-item {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important; /* Hält alles oben bündig */
    padding: 15px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

/* 2. Der Text-Container (Nummer + Titel) */
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-caption {
    display: flex !important;
    align-items: flex-start !important;
    flex: 1 !important;
    
    /* SCHUTZZONE: Verhindert, dass Text in die Zeit läuft (60px Platz rechts) */
    padding-right: 60px !important; 
    
    text-align: left !important;
    min-width: 0 !important;
}

/* 3. Der Titel-Span (Der eigentliche Text) */
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-item-title {
    display: inline-block !important;
    line-height: 1.4 !important;
    padding-left: 12px !important; /* Abstand zur Ziffer */
    
    /* HÖHE: Falls die Ziffer zu hoch wirkt, den Text hier anpassen */
    margin-top: 0px !important; 
    
    white-space: normal !important;
}

/* 4. Die Zeitangabe: Fest oben rechts verankert */
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-item-length {
    position: absolute !important;
    right: 0 !important; /* Ganz nach rechts */
    top: 15px !important; /* Exakt auf Höhe des Textstarts (entspricht padding oben) */
    
    font-weight: bold !important;
    white-space: nowrap !important;
    text-align: right !important;
    color: #333 !important;
}

/* 5. Die Ziffer (steht lose in der Caption) feinjustieren */
/* Da die Ziffer kein Tag hat, kontrollieren wir sie über den Caption-Container */
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-caption {
    line-height: 1.4 !important; /* Gleiche Höhe wie der Text-Span */
}

/* 6. Alles auf Links zwingen */
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-item * {
    text-align: left !important;
}
.elementor-49 .elementor-element.elementor-element-87421ae .wp-playlist-item-length {
    text-align: right !important; /* Nur die Zeit darf rechts bleiben */
}/* End custom CSS */