.elementor-kit-6{--e-global-color-primary:#FFEBB3;--e-global-color-secondary:#E3EECE;--e-global-color-text:#2F2F2F;--e-global-color-accent:#9CACA4;--e-global-color-8859fa9:#C1CCC6;--e-global-color-474b5ff:#D5DED9;--e-global-color-d6abc3b:#F5F8F7;--e-global-color-e3e29ee:#E3ECE8;--e-global-color-8ce1457:#6B6F6D;--e-global-color-ff4bc12:#FFFFFF;--e-global-color-43c4046:#6F847B;--e-global-color-f9430a8:#4F6660;--e-global-color-2c77bf2:#B7A27A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:21px;--e-global-typography-text-font-weight:100;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-a0f0873-font-family:"Abdillah";--e-global-typography-a0f0873-font-size:49px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//****************************************************
   AUDIOIGNITER – FINAL CUSTOM GIN THEME
   Textfarbe: #2F2F2F
   Secondary: #9CACA4
   Gin: #e3ece8
****************************************************/

/* Grundstruktur */
.ai-wrap {
    background: #ffffff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    color: #2F2F2F;
    font-size: 14px;
}

/* Textfarben global */
.ai-wrap *,
.ai-track-title,
.ai-track-artist,
.ai-track-number {
    color: #2F2F2F !important;
    fill: #2F2F2F;
    stroke: #2F2F2F;
}

/****************************************************
   PROGRESSBAR + SCRUBBER
****************************************************/
.ai-progress-bar {
    background-color: #d3ddd9 !important;
    border-radius: 8px;
}

.ai-progress-bar .ai-progress-fill {
    background-color: #e3ece8 !important; /* Gin */
}

/* Scrubber */
.ai-wrap .ai-progress-handle,
.ai-wrap .ai-progress-handle * {
    background-color: #e3ece8 !important;
    border-color: #e3ece8 !important;
}

/****************************************************
   PLAY/PAUSE BUTTON (rund)
****************************************************/
.ai-wrap .ai-audio-control {
    background-color: #ffffff !important; /* weiß */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-wrap .ai-audio-control svg *,
.ai-wrap .ai-audio-control svg {
    fill: #e3ece8 !important; /* Gin */
    stroke: #e3ece8 !important;
}

/****************************************************
   NEXT / PREV / ALL CONTROL BUTTONS
****************************************************/
.ai-wrap .ai-player-controls button,
.ai-wrap .ai-player-controls a,
.ai-wrap .ai-player-controls .ai-control-button {
    background-color: #ffffff !important; /* weiß */
    border-radius: 8px;
    padding: 6px !important;
    border: none !important;
}

.ai-wrap .ai-player-controls button svg *,
.ai-wrap .ai-player-controls a svg *,
.ai-wrap .ai-player-controls .ai-control-button svg * {
    fill: #e3ece8 !important;  /* Gin Icons */
    stroke: #e3ece8 !important;
}

/****************************************************
   PLAYLIST BUTTON (Toggle)
****************************************************/
.ai-wrap .ai-toggle-playlist,
.ai-wrap .ai-control-playlist {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 6px;
}

.ai-wrap .ai-toggle-playlist svg *,
.ai-wrap .ai-control-playlist svg * {
    fill: #e3ece8 !important;
    stroke: #e3ece8 !important;
}

/****************************************************
   TRACKLISTE
****************************************************/
/* Nicht aktive Tracks */
.ai-track {
    background-color: #ffffff !important; /* weiß */
    padding: 10px 12px !important;
    border-radius: 10px !important;
    transition: background 0.25s ease, border-left 0.25s ease;
}

/* Hover */
.ai-track:hover {
    background-color: #e3ece8 !important; /* Gin */
}

/* Aktiver Track */
.ai-track.ai-track-active,
.ai-track.ai-playing {
    background-color: #9CACA4 !important;
    border-left: 4px solid #2F2F2F !important;
}

/****************************************************
   VOLUME BAR
****************************************************/
.ai-volume-bar {
    background: #d3ddd9 !important;
}

.ai-volume-bar-active {
    background-color: #e3ece8 !important; /* Gin */
}

/****************************************************
   COVERBILDER
****************************************************/
.ai-track-cover img {
    border-radius: 8px !important;
}

/****************************************************
   SPEZIFISCH:
   Nur dieser Button → Hintergrund weiß + Icon Gin
****************************************************/
.ai-btn.ai-tracklist-next {
    background-color: #ffffff !important; /* weiß */
    border-radius: 8px !important;
}

.ai-btn.ai-tracklist-next svg *,
.ai-btn.ai-tracklist-next svg {
    fill: #e3ece8 !important;  /* Gin Icon */
    stroke: #e3ece8 !important;
}

/****************************************************
   Abstand Playlist
****************************************************/
.ai-playlist {
    margin-top: 12px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Abdillah';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://liebe-wohl.de/wp-content/uploads/2025/11/Abdillah-FREE.ttf') format('truetype');
}
@font-face {
	font-family: 'Abdillah';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */