.elementor-1293 .elementor-element.elementor-element-ad9467c{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-ad9467c:not(.elementor-motion-effects-element-type-background), .elementor-1293 .elementor-element.elementor-element-ad9467c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kleine-hoffnungshelden.de/wp-content/uploads/2026/07/Marienkaefer-Max-Aufruhr-im-Bienenstock-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1293 .elementor-element.elementor-element-ad9467c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1293 .elementor-element.elementor-element-1828b393{--display:flex;--justify-content:center;}.elementor-1293 .elementor-element.elementor-element-782b6780{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1293 .elementor-element.elementor-element-3074c055 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-1293 .elementor-element.elementor-element-3074c055 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-1293 .elementor-element.elementor-element-8252cb2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-7c70dae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1293 .elementor-element.elementor-element-6d69de9{--display:flex;--padding-top:79px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1293 .elementor-element.elementor-element-315b7d0{--display:flex;}.elementor-1293 .elementor-element.elementor-element-ba4a91b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.02;--padding-top:120px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-ba4a91b::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .e-con-inner > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://kleine-hoffnungshelden.de/wp-content/uploads/2025/11/P-2025-6-17-1-Kleine-Hoffnungshelden-Kompass-historisch.svg");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:29% auto;}.elementor-1293 .elementor-element.elementor-element-8f5baca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-1293 .elementor-element.elementor-element-1ab0420.elementor-element{--align-self:flex-end;}.elementor-1293 .elementor-element.elementor-element-1ab0420{font-family:var( --e-global-typography-7411e8f-font-family ), Sans-serif;font-size:var( --e-global-typography-7411e8f-font-size );font-weight:var( --e-global-typography-7411e8f-font-weight );line-height:var( --e-global-typography-7411e8f-line-height );letter-spacing:var( --e-global-typography-7411e8f-letter-spacing );word-spacing:var( --e-global-typography-7411e8f-word-spacing );}.elementor-1293 .elementor-element.elementor-element-3b1364a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1293 .elementor-element.elementor-element-06f3f76 > .elementor-widget-container{--e-transform-rotateZ:-3deg;}.elementor-1293 .elementor-element.elementor-element-06f3f76 > .elementor-widget-container:hover{--e-transform-rotateZ:-2deg;}.elementor-1293 .elementor-element.elementor-element-06f3f76{text-align:center;}.elementor-1293 .elementor-element.elementor-element-06f3f76 img{width:755px;box-shadow:0px 0px 20px -10px rgba(0,0,0,0.5);}.elementor-1293 .elementor-element.elementor-element-292875c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:60px;}.elementor-1293 .elementor-element.elementor-element-55c0786{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--overlay-opacity:0.02;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-55c0786::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .e-con-inner > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://kleine-hoffnungshelden.de/wp-content/uploads/2025/11/P-2025-6-17-1-Kleine-Hoffnungshelden-Kompass-historisch.svg");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:33% auto;}.elementor-1293 .elementor-element.elementor-element-ad3542f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-6828fad{--display:flex;}.elementor-1293 .elementor-element.elementor-element-11f3c39 img{width:137px;}.elementor-1293 .elementor-element.elementor-element-96b8426{--display:flex;--justify-content:flex-end;}.elementor-1293 .elementor-element.elementor-element-c92eb29{font-family:var( --e-global-typography-7411e8f-font-family ), Sans-serif;font-size:var( --e-global-typography-7411e8f-font-size );font-weight:var( --e-global-typography-7411e8f-font-weight );line-height:var( --e-global-typography-7411e8f-line-height );letter-spacing:var( --e-global-typography-7411e8f-letter-spacing );word-spacing:var( --e-global-typography-7411e8f-word-spacing );}.elementor-1293 .elementor-element.elementor-element-87d7494{--display:flex;--justify-content:flex-end;}.elementor-1293 .elementor-element.elementor-element-8538db4 > .elementor-widget-container{--e-transform-flipX:-1;}.elementor-1293 .elementor-element.elementor-element-5c4be73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-73ab854{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1293 .elementor-element.elementor-element-8fa19fd > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-1293 .elementor-element.elementor-element-8fa19fd .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1293 .elementor-element.elementor-element-4b6dd2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-3e299bc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;}.elementor-1293 .elementor-element.elementor-element-fa64749 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-1293 .elementor-element.elementor-element-e56f745 > .elementor-widget-container{--e-transform-rotateZ:-26deg;margin:0px 0px -60px 0px;}.elementor-1293 .elementor-element.elementor-element-e56f745{z-index:1;text-align:end;}.elementor-1293 .elementor-element.elementor-element-e56f745 img{width:100px;}@media(min-width:768px){.elementor-1293 .elementor-element.elementor-element-6d69de9{--width:53%;}.elementor-1293 .elementor-element.elementor-element-6828fad{--width:60%;}.elementor-1293 .elementor-element.elementor-element-87d7494{--width:60%;}.elementor-1293 .elementor-element.elementor-element-73ab854{--content-width:760px;}}@media(max-width:1024px){.elementor-1293 .elementor-element.elementor-element-ad9467c{--min-height:40vh;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-ad9467c:not(.elementor-motion-effects-element-type-background), .elementor-1293 .elementor-element.elementor-element-ad9467c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1293 .elementor-element.elementor-element-782b6780{--padding-top:90px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-3074c055 .elementor-heading-title{font-size:25px;}.elementor-1293 .elementor-element.elementor-element-ba4a91b::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .e-con-inner > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:bottom center;background-size:307px auto;}.elementor-1293 .elementor-element.elementor-element-ba4a91b{--padding-top:90px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-1ab0420{font-size:var( --e-global-typography-7411e8f-font-size );line-height:var( --e-global-typography-7411e8f-line-height );letter-spacing:var( --e-global-typography-7411e8f-letter-spacing );word-spacing:var( --e-global-typography-7411e8f-word-spacing );}.elementor-1293 .elementor-element.elementor-element-292875c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-55c0786::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .e-con-inner > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:bottom center;background-size:85% auto;}.elementor-1293 .elementor-element.elementor-element-55c0786{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-6828fad{--justify-content:flex-end;}.elementor-1293 .elementor-element.elementor-element-c92eb29{font-size:var( --e-global-typography-7411e8f-font-size );line-height:var( --e-global-typography-7411e8f-line-height );letter-spacing:var( --e-global-typography-7411e8f-letter-spacing );word-spacing:var( --e-global-typography-7411e8f-word-spacing );}.elementor-1293 .elementor-element.elementor-element-73ab854{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-4b6dd2e{--padding-top:90px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1293 .elementor-element.elementor-element-ad9467c{--min-height:37vh;}.elementor-1293 .elementor-element.elementor-element-ad9467c:not(.elementor-motion-effects-element-type-background), .elementor-1293 .elementor-element.elementor-element-ad9467c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-1293 .elementor-element.elementor-element-7c70dae{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-6d69de9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-5a6c0be img{width:150px;}.elementor-1293 .elementor-element.elementor-element-315b7d0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-ba4a91b::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .e-con-inner > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-ba4a91b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:150px auto;}.elementor-1293 .elementor-element.elementor-element-ba4a91b{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-1ab0420{font-size:var( --e-global-typography-7411e8f-font-size );line-height:var( --e-global-typography-7411e8f-line-height );letter-spacing:var( --e-global-typography-7411e8f-letter-spacing );word-spacing:var( --e-global-typography-7411e8f-word-spacing );}.elementor-1293 .elementor-element.elementor-element-292875c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-55c0786::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .e-con-inner > .elementor-background-video-container::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1293 .elementor-element.elementor-element-55c0786 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:150px auto;}.elementor-1293 .elementor-element.elementor-element-55c0786{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1293 .elementor-element.elementor-element-6828fad{--width:47%;}.elementor-1293 .elementor-element.elementor-element-6828fad.e-con{--order:1;}.elementor-1293 .elementor-element.elementor-element-11f3c39 img{width:88px;}.elementor-1293 .elementor-element.elementor-element-96b8426.e-con{--order:3;}.elementor-1293 .elementor-element.elementor-element-c92eb29{font-size:var( --e-global-typography-7411e8f-font-size );line-height:var( --e-global-typography-7411e8f-line-height );letter-spacing:var( --e-global-typography-7411e8f-letter-spacing );word-spacing:var( --e-global-typography-7411e8f-word-spacing );}.elementor-1293 .elementor-element.elementor-element-87d7494{--width:46%;}.elementor-1293 .elementor-element.elementor-element-87d7494.e-con{--order:2;}.elementor-1293 .elementor-element.elementor-element-73ab854{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1293 .elementor-element.elementor-element-73ab854.e-con{--order:1;}.elementor-1293 .elementor-element.elementor-element-4b6dd2e{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-3852f950 */.player-controls-extra {
    display: none!important;
}

span.track-index {
    display: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a377bcc *//* Container für alle Lieder */
.song-list-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 20px;
}

/* Die einzelne Song-Karte */
.song-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    padding: 25px;
    border: 1px solid #f0f0f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.song-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* Header Bereich */
.song-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 2px solid #f4f4f4;
    padding-bottom: 10px;
}

.song-title {
    margin: 0;
    font-size: 1.4rem;
    color: #333;
    font-weight: 700;
}

.song-icon {
    font-size: 1.5rem;
    opacity: 0.7;
}

/* Audio Player Styling */
.song-player {
    margin-bottom: 20px;
}

.song-player audio {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    outline: none;
}

/* Lyrics Bereich */
.song-lyrics h4 {
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #888;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.lyrics-content {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    font-family: 'Courier New', Courier, monospace; /* Monospace ist gut zum Lesen von Takten */
    font-size: 0.95rem;
    line-height: 1.6;
    color: #444;
    max-height: 250px; /* Maximale Höhe, damit lange Texte nicht das Design sprengen */
    overflow-y: auto; /* Scrollbar, wenn der Text zu lang ist */
    border-left: 4px solid #0073aa; /* Akzentfarbe (anpassbar) */
}

/* Scrollbar verschönern (optional für Webkit Browser) */
.lyrics-content::-webkit-scrollbar {
    width: 6px;
}
.lyrics-content::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

.lyrics-content {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    /* Wir nutzen eine gut lesbare Schrift, Monospace ist bei HTML-Input oft nicht mehr nötig,
       es sei denn du willst den Schreibmaschinen-Look behalten: */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #444;
    max-height: 250px;
    overflow-y: auto;
    border-left: 4px solid #0073aa;
}

/* WICHTIG: Abstände der HTML-Elemente im Text normalisieren */
.lyrics-content p {
    margin-top: 0;
    margin-bottom: 10px; /* Kleinerer Abstand zwischen Absätzen */
}

.lyrics-content p:last-child {
    margin-bottom: 0;
}

/* Falls <hr> Linien (wie im Screenshot) zu breit sind oder stören */
.lyrics-content hr {
    border: 0;
    border-top: 1px solid #e0e0e0;
    margin: 15px 0;
}/* End custom CSS */