.elementor-8700 .elementor-element.elementor-element-7c97344{--display:flex;--min-height:730px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8700 .elementor-element.elementor-element-7c97344:not(.elementor-motion-effects-element-type-background), .elementor-8700 .elementor-element.elementor-element-7c97344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://danatest.net/wp-content/uploads/2026/10/Banner-Musik.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8700 .elementor-element.elementor-element-7c97344.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8700 .elementor-element.elementor-element-edc9eef{--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:349px;--margin-bottom:0px;--margin-left:-12px;--margin-right:0px;}.elementor-8700 .elementor-element.elementor-element-d9cca73{width:var( --container-widget-width, 36.36% );max-width:36.36%;--container-widget-width:36.36%;--container-widget-flex-grow:0;top:346px;}.elementor-8700 .elementor-element.elementor-element-d9cca73 > .elementor-widget-container{margin:0px 0px 0px 41px;padding:0px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-d9cca73.elementor-element{--order:0;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-8700 .elementor-element.elementor-element-d9cca73{left:14px;}body.rtl .elementor-8700 .elementor-element.elementor-element-d9cca73{right:14px;}.elementor-8700 .elementor-element.elementor-element-9a20f33{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;top:346px;}.elementor-8700 .elementor-element.elementor-element-9a20f33 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-9a20f33.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-8700 .elementor-element.elementor-element-9a20f33{right:41.97px;}body.rtl .elementor-8700 .elementor-element.elementor-element-9a20f33{left:41.97px;}.elementor-8700 .elementor-element.elementor-element-24e7773{--display:flex;--margin-top:-230px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8700 .elementor-element.elementor-element-afcc8ab > .elementor-widget-container{margin:-85px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-afcc8ab{text-align:center;}.elementor-8700 .elementor-element.elementor-element-afcc8ab .elementor-heading-title{font-family:"Caveat", Sans-serif;font-size:48px;font-weight:800;text-shadow:0px 0px 10px rgba(0,0,0,0.3);mix-blend-mode:color-dodge;color:#A0D0E6;}.elementor-8700 .elementor-element.elementor-element-48dbb87 > .elementor-widget-container{margin:-40px -40px -40px -40px;}.elementor-8700 .elementor-element.elementor-element-48dbb87{text-align:center;}.elementor-8700 .elementor-element.elementor-element-48dbb87 .elementor-heading-title{font-family:"Caveat", Sans-serif;font-size:28px;font-weight:700;text-shadow:3px 0px 0px rgba(0,0,0,0.3);mix-blend-mode:color-dodge;color:#A0D0E6;}.elementor-8700 .elementor-element.elementor-element-97c135c{--display:flex;--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-8700 .elementor-element.elementor-element-97c135c:not(.elementor-motion-effects-element-type-background), .elementor-8700 .elementor-element.elementor-element-97c135c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d35c486 );}.elementor-8700 .elementor-element.elementor-element-97c135c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8700 .elementor-element.elementor-element-67a086d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:-12px;}.elementor-8700 .elementor-element.elementor-element-67a086d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-67a086d.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-8700 .elementor-element.elementor-element-67a086d{left:0px;}body.rtl .elementor-8700 .elementor-element.elementor-element-67a086d{right:0px;}.elementor-8700 .elementor-element.elementor-element-bdeec1d{--display:flex;}.elementor-8700 .elementor-element.elementor-element-8b3cf4a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-eded3c8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-c536335 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-e7ba523 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-1ec0957 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-8ca4205 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-e64e361 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-c62a534{--display:flex;}.elementor-8700 .elementor-element.elementor-element-c62a534.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8700 .elementor-element.elementor-element-3997376{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-cdf39af .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-6cc5f69 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-c748b7b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-d4b0966 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-aded5a0 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-cdcefe4 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-8a1672f{--display:flex;}.elementor-8700 .elementor-element.elementor-element-069faea{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-8268126 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-54aa344 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-147ad59 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-1b30290 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-be87d0e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-d28f3ad .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8700 .elementor-element.elementor-element-328a508{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-e73e4c0 );--n-accordion-title-hover-color:#9C1AE8;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:20px;}:where( .elementor-8700 .elementor-element.elementor-element-328a508 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-c6c5695 );}.elementor-8700 .elementor-element.elementor-element-328a508 > .elementor-widget-container{margin:267px 0px 0px 0px;}:where( .elementor-8700 .elementor-element.elementor-element-328a508 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-8700 .elementor-element.elementor-element-e81ee2b{--divider-border-style:solid;--divider-color:#0066CC;--divider-border-width:3px;}.elementor-8700 .elementor-element.elementor-element-e81ee2b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-12px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-e81ee2b .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-8700 .elementor-element.elementor-element-e81ee2b .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-8700 .elementor-element.elementor-element-6eb39a0{width:var( --container-widget-width, 0.927% );max-width:0.927%;--container-widget-width:0.927%;--container-widget-flex-grow:0;}.elementor-8700 .elementor-element.elementor-element-6eb39a0 > .elementor-widget-container{margin:0px 0px 0px -694px;padding:41px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-6eb39a0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8700 .elementor-element.elementor-element-38286e{--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-around;--gap:200px 200px;--row-gap:200px;--column-gap:200px;--margin-top:0px;--margin-bottom:-79px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8700 .elementor-element.elementor-element-38286e:not(.elementor-motion-effects-element-type-background), .elementor-8700 .elementor-element.elementor-element-38286e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B0C4DE;}.elementor-8700 .elementor-element.elementor-element-ef2d659{--display:flex;--padding-top:0px;--padding-bottom:53px;--padding-left:0px;--padding-right:0px;}.elementor-8700 .elementor-element.elementor-element-da1552b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-8700 .elementor-element.elementor-element-da1552b > .elementor-widget-container{margin:-443px 0px 0px 29px;padding:0px 0px 0px 194px;}.elementor-8700 .elementor-element.elementor-element-da1552b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-main-swiper{height:420px;width:420px;}.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-main-swiper .swiper-slide{border-radius:10px;}.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-swiper-button{font-size:20px;color:#FDE047;}.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-swiper-button svg{fill:#FDE047;}.elementor-8700 .elementor-element.elementor-element-da1552b .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#0E2E8C;opacity:1;}.elementor-8700 .elementor-element.elementor-element-6eb8c38{--divider-border-style:solid;--divider-color:#0066CC;--divider-border-width:3px;}.elementor-8700 .elementor-element.elementor-element-6eb8c38 > .elementor-widget-container{margin:-66px 0px 0px -204px;padding:0px 0px 0px -3px;}.elementor-8700 .elementor-element.elementor-element-6eb8c38.elementor-element{--align-self:stretch;}.elementor-8700 .elementor-element.elementor-element-6eb8c38 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-8700 .elementor-element.elementor-element-6eb8c38 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}body.elementor-page-8700:not(.elementor-motion-effects-element-type-background), body.elementor-page-8700 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d35c486 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8700 .elementor-element.elementor-element-c62a534{--width:99.709%;}}@media(min-width:1025px){.elementor-8700 .elementor-element.elementor-element-7c97344:not(.elementor-motion-effects-element-type-background), .elementor-8700 .elementor-element.elementor-element-7c97344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-8700 .elementor-element.elementor-element-8b3cf4a{--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-3997376{--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-069faea{--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-da1552b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:880px){body:not(.rtl) .elementor-8700 .elementor-element.elementor-element-d9cca73{left:-7.009px;}body.rtl .elementor-8700 .elementor-element.elementor-element-d9cca73{right:-7.009px;}.elementor-8700 .elementor-element.elementor-element-d9cca73{top:329.99px;}body:not(.rtl) .elementor-8700 .elementor-element.elementor-element-9a20f33{right:-0.057px;}body.rtl .elementor-8700 .elementor-element.elementor-element-9a20f33{left:-0.057px;}.elementor-8700 .elementor-element.elementor-element-9a20f33{top:332.959px;}.elementor-8700 .elementor-element.elementor-element-8b3cf4a{--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-3997376{--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-069faea{--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-6eb39a0 > .elementor-widget-container{margin:-42px -399px 0px -359px;padding:8px 0px 8px 0px;}.elementor-8700 .elementor-element.elementor-element-6eb39a0.elementor-element{--align-self:center;}.elementor-8700 .elementor-element.elementor-element-38286e{--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8700 .elementor-element.elementor-element-ef2d659{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8700 .elementor-element.elementor-element-da1552b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-8700 .elementor-element.elementor-element-da1552b > .elementor-widget-container{margin:-35px 17px 0px -355px;padding:0px 0px 0px 203px;}.elementor-8700 .elementor-element.elementor-element-6eb8c38 > .elementor-widget-container{margin:0px 0px 0px -205px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-8700 .elementor-element.elementor-element-7c97344{--width:100%;--min-height:376px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-8700 .elementor-element.elementor-element-7c97344:not(.elementor-motion-effects-element-type-background), .elementor-8700 .elementor-element.elementor-element-7c97344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-47px -27px;background-size:cover;}.elementor-8700 .elementor-element.elementor-element-edc9eef{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-8700 .elementor-element.elementor-element-d9cca73{width:var( --container-widget-width, 386.04px );max-width:386.04px;--container-widget-width:386.04px;--container-widget-flex-grow:0;top:365px;}.elementor-8700 .elementor-element.elementor-element-d9cca73 > .elementor-widget-container{margin:0px 0px 0px 25px;padding:0px 6px 0px -6px;}body:not(.rtl) .elementor-8700 .elementor-element.elementor-element-d9cca73{left:-15.974px;}body.rtl .elementor-8700 .elementor-element.elementor-element-d9cca73{right:-15.974px;}.elementor-8700 .elementor-element.elementor-element-9a20f33{width:var( --container-widget-width, 339.911px );max-width:339.911px;--container-widget-width:339.911px;--container-widget-flex-grow:0;top:483px;}.elementor-8700 .elementor-element.elementor-element-9a20f33 > .elementor-widget-container{margin:13px 0px 8px -50px;padding:0px 66px 0px 4px;}.elementor-8700 .elementor-element.elementor-element-9a20f33.elementor-element{--order:99999 /* order end hack */;}body:not(.rtl) .elementor-8700 .elementor-element.elementor-element-9a20f33{right:-52px;}body.rtl .elementor-8700 .elementor-element.elementor-element-9a20f33{left:-52px;}.elementor-8700 .elementor-element.elementor-element-24e7773{--flex-wrap:wrap;--align-content:center;}.elementor-8700 .elementor-element.elementor-element-afcc8ab > .elementor-widget-container{margin:-103px 1px 1px 1px;}.elementor-8700 .elementor-element.elementor-element-afcc8ab .elementor-heading-title{font-size:37px;}.elementor-8700 .elementor-element.elementor-element-48dbb87 > .elementor-widget-container{margin:-16px 0px 0px -23px;}.elementor-8700 .elementor-element.elementor-element-48dbb87{text-align:center;}.elementor-8700 .elementor-element.elementor-element-48dbb87 .elementor-heading-title{font-size:25px;}.elementor-8700 .elementor-element.elementor-element-97c135c{--width:427.221px;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8700 .elementor-element.elementor-element-67a086d{width:var( --container-widget-width, 339.221px );max-width:339.221px;--container-widget-width:339.221px;--container-widget-flex-grow:0;top:-11px;}.elementor-8700 .elementor-element.elementor-element-67a086d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-8b3cf4a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-3997376{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-069faea{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8700 .elementor-element.elementor-element-328a508 > .elementor-widget-container{margin:362px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-328a508{--n-accordion-title-font-size:17px;--n-accordion-icon-size:18px;}.elementor-8700 .elementor-element.elementor-element-e81ee2b > .elementor-widget-container{margin:-6px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-6eb39a0{width:var( --container-widget-width, 316.984px );max-width:316.984px;--container-widget-width:316.984px;--container-widget-flex-grow:0;}.elementor-8700 .elementor-element.elementor-element-6eb39a0 > .elementor-widget-container{margin:-35px 0px 0px -6px;padding:2px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-38286e{--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8700 .elementor-element.elementor-element-ef2d659{--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-8700 .elementor-element.elementor-element-da1552b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-8700 .elementor-element.elementor-element-da1552b{width:100%;max-width:100%;}.elementor-8700 .elementor-element.elementor-element-da1552b > .elementor-widget-container{margin:-50px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-main-swiper{height:270px;}.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-swiper-button{font-size:15px;}.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-custom-embed-play i{font-size:25px;}.elementor-8700 .elementor-element.elementor-element-6eb8c38 > .elementor-widget-container{margin:-70px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-9a20f33 *//* Feinanpassung für Rahmenfarbe und Eckradien */
.elementor-8700 .elementor-element.elementor-element-9a20f33 details {
    /* Gelbton der Umrandung (kann hier bei Bedarf heller oder dunkler gewählt werden) */
    border-color: #fbbf24 !important;
    
    /* Stärke des gelben Randes in Pixeln */
    border-width: 2px !important;
    
    /* Hintergrundfarbe des gesamten Kastens */
    background-color: #133b63 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edc9eef *//* Steuerung von Reihenfolge und Zwischenabstand der Player */
.elementor-8700 .elementor-element.elementor-element-edc9eef {
    /* 1. Stellt sicher, dass die Elemente nebeneinander liegen */
    display: flex !important;
    flex-direction: row !important;
    
    /* 2. Zentriert beide Boxen mittig auf dem Bildschirm */
    justify-content: center !important;
    
    /* 3. Der gewünschte Abstand zwischen den Boxen (hier z. B. 40px) */
    gap: 150px !important;
    
    /* 4. Erlaubt sauberes Umbrechen auf dem Handy (untereinander) */
    flex-wrap: wrap !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c97344 *//* ============================================================
   1. COMPUTER & DESKTOP (Breite Bildschirme)
   ============================================================ */
.elementor-8700 .elementor-element.elementor-element-7c97344 {
    /* Mindesthöhe für den Desktop-PC */
    min-height: 580px !important;

    /* Füllt die Bühnenfläche gleichmäßig aus */
    background-size: cover !important;

    /* Richtet die Gitarre am PC waagerecht mittig aus */
    background-position: 50% 85% !important;

    /* Verhindert Kachelung */
    background-repeat: no-repeat !important;
}

/* ============================================================
   2. SMARTPHONE & HANDY (Bis 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-8700 .elementor-element.elementor-element-7c97344 {
        /* 
           background-position: [X-Achse waagerecht] [Y-Achse senkrecht]
           - 0%: Bringt den linken Bildrand (die Gitarre) komplett ins Display.
           - Falls die Gitarre noch weiter nach rechts soll, nutze feste Pixel (z. B. 30px oder 50px).
        */
        background-position: 40% 85% !important;

        /* Garantiert die volle Bildabdeckung auf Mobilgeräten */
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67a086d *//* Feineinstellung für das zweisprachige Rock-Laufband */
.elementor-8700 .elementor-element.elementor-element-67a086d {
    /* 1. Volle Breite der Inhaltssektion nutzen */
    width: 100% !important;
    
    /* 2. Z-Index: Hält das Band stabil über den Hintergründen */
    z-index: 10 !important;
    
    /* 3. Abstand nach oben zum Gitarren-Bühnenbild */
    margin-top: 20px !important;
    
    /* 4. Abstand nach unten zu den Album-Kacheln */
    margin-bottom: 25px !important;
}





/* ============================================================
   LAUFBAND: VOLLE BREITE (100 %) ERZWINGEN
   ============================================================ */
.elementor-8700 .elementor-element.elementor-element-67a086d,
.elementor-8700 .elementor-element.elementor-element-67a086d .elementor-widget-container,
.elementor-8700 .elementor-element.elementor-element-67a086d div,
.elementor-8700 .elementor-element.elementor-element-67a086d marquee {
    width: 100% !important;
    max-width: 100% !important;
}

.elementor-8700 .elementor-element.elementor-element-67a086d marquee {
    display: block !important;
    flex: 1 1 100% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6eb39a0 *//* Layout-Steuerung für die Song-Auswürfel-Box */
.elementor-8700 .elementor-element.elementor-element-6eb39a0 {
    /* Maximale Breite auf großen Monitoren */
    max-width: 440px !important;
    
    /* Perfekt zentriert in der Mitte der Seite */
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* Abstand nach oben zu den vorherigen Abschnitten */
    margin-top: 3px !important;
    
    /* Abstand nach unten zum Seitenende */
    margin-bottom: 40px !important;
}






/* ============================================================
   KOMPAKTE HANDY-ANPASSUNG FÜR DEN ROCK-GENERATOR
   (Unten an den bestehenden Code anhängen)
   ============================================================ */
@media (max-width: 767px) {
    /* 1. Gesamte Box: Weniger klobig, schlanke Ränder */
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 {
        /* Begrenzt die Kastenbreite, damit er nicht an die Ränder klatscht */
        max-width: 315px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        /* Deutlich schlankere Innenabstände: Oben/Unten nur 14px, Links/Rechts 12px */
        padding: 14px 12px !important;

        /* Zarter 3D-Schatten passend zum kompakten Format */
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
    }

    /* 2. Obere kleine gelbe Zeile ('CLASSIC ROCK GENERATOR') */
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 h4, 
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 h5,
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 .generator-sub {
        font-size: 10px !important;
        letter-spacing: 1px !important;
        margin-bottom: 4px !important;
    }

    /* 3. Hauptfrage ('Welcher Rock-Hit läuft als Nächstes?') */
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 h2, 
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 h3,
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 .generator-title {
        /* Kompakte, gut lesbare Schriftgröße (hier bei Bedarf auf 15px oder 17px ändern) */
        font-size: 16px !important;

        /* Engerer Zeilenabstand gegen unnötige Texthöhe */
        line-height: 1.25 !important;

        /* Kleinerer Puffer nach unten */
        margin-top: 4px !important;
        margin-bottom: 8px !important;
    }

    /* 4. Dunkelblauer Hinweiskasten ('Klicke auf den Button...') */
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 p,
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 .generator-desc {
        font-size: 12px !important;
        line-height: 1.35 !important;

        /* Flachere Polsterung im Textkasten */
        padding: 6px 10px !important;
        margin-bottom: 10px !important;
    }

    /* 5. Gelber Klick-Button ('Nächsten Rock-Hit auswürfeln') */
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 .elementor-button,
    .elementor-8700 .elementor-element.elementor-element-6eb39a0 button {
        /* Zierlichere Schriftgröße für den Knopf */
        font-size: 13px !important;

        /* Flachere Knopfform: Oben/Unten nur 7px, Links/Rechts 14px */
        padding: 7px 20px !important;

        /* Harmonisch abgerundete Form */
        border-radius: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97c135c *//* Interaktiver Vinyl-Schwebe-Effekt für Album-Karten */
.elementor-8700 .elementor-element.elementor-element-97c135c img {
    /* Sanfter Übergang für Bewegung und Schein */
    transition: all 0.35s ease-in-out !important;
    border-radius: 8px !important;
}

/* Verhalten, sobald die Maus über das Cover fährt */
.elementor-8700 .elementor-element.elementor-element-97c135c img:hover {
    /* Hebt das Cover leicht nach oben an */
    transform: translateY(-6px) scale(1.03) !important;
    
    /* Warmer goldgelber Glanz wie von einem Bühnenscheinwerfer */
    box-shadow: 0 10px 25px rgba(253, 224, 71, 0.4) !important;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-da1552b *//* ============================================================
   1. 3D-WÜRFEL: FORM, RAND & BILDANPASSUNG
   ============================================================ */
/* Goldgelber Rand & Ecken für alle Würfelseiten */
.elementor-8700 .elementor-element.elementor-element-da1552b .swiper-slide {
    border: 2px solid #FDE047 !important; /* Goldgelber Rand */
    border-radius: 16px !important;       /* Abgerundete Ecken */
    box-sizing: border-box !important;
    overflow: hidden !important;          /* Bild bleibt sauber im Rahmen */
}

/* Zwingt jedes Bild in das saubere Quadrat ohne Verzerrung */
.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-carousel-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;          /* Verhindert Bildverzerrungen */
    border-radius: 14px !important;
}

/* ============================================================
   2. HANDY-ANSICHT (bis 767px): DAUERHAFT SICHTBARER TEXT
   ============================================================ */
@media (max-width: 767px) {
    /* Äußerer Kasten: zentriert und exakt 280x280 px */
    .elementor-8700 .elementor-element.elementor-element-da1552b {
        width: 280px !important;
        max-width: 280px !important;
        height: 280px !important;
        margin: 20px auto 35px auto !important; /* Zentriert in der Mitte */
    }

    /* Innerer Würfel-Container */
    .elementor-8700 .elementor-element.elementor-element-da1552b .elementor-main-swiper,
    .elementor-8700 .elementor-element.elementor-element-da1552b .swiper-container,
    .elementor-8700 .elementor-element.elementor-element-da1552b .swiper {
        width: 280px !important;
        height: 280px !important;
        margin: 0 auto !important;
    }

    /* Jede einzelne Würfelseite am Smartphone */
    .elementor-8700 .elementor-element.elementor-element-da1552b .swiper-slide {
        width: 280px !important;
        height: 280px !important;
    }

    /* DER HANDY-FIX: 
       Auf dem Smartphone gibt es keine Maus! Die Banderole wird 
       hier auf der aktiven Vorderseite DAUERHAFT eingeblendet 
       und kann nicht mehr durch Skripte oder Autoplay verschwinden */
    .elementor-8700 .elementor-element.elementor-element-da1552b .elementor-carousel-image-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
    }
}

/* ============================================================
   3. DESKTOP-ANSICHT (ab 768px): HOVER-EFFEKT MIT DER MAUS
   ============================================================ */
@media (min-width: 768px) {
    .elementor-8700 .elementor-element.elementor-element-da1552b {
        max-width: 450px !important;
        margin: 30px auto 40px auto !important; /* Zentrierung PC */
    }
    .elementor-8700 .elementor-element.elementor-element-da1552b .swiper-slide {
        height: 420px !important;               /* Quadratische Höhe PC */
        border-radius: 20px !important;
        box-shadow: 0 16px 35px rgba(0, 0, 0, 0.5) !important;
    }

    /* Desktop: Im Ruhezustand unsichtbar */
    .elementor-8700 .elementor-element.elementor-element-da1552b .elementor-carousel-image-overlay {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }

    /* Desktop: Sanft aufblenden, wenn die Maus das Karussell berührt */
    .elementor-8700 .elementor-element.elementor-element-da1552b:hover .swiper-slide-active .elementor-carousel-image-overlay,
    .elementor-8700 .elementor-element.elementor-element-da1552b .swiper-slide-active:hover .elementor-carousel-image-overlay {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* ============================================================
   4. PFEILE & 3D-SCHATTEN
   ============================================================ */
/* Blätter-Pfeile dauerhaft in hellem Goldgelb */
.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-swiper-button,
.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-swiper-button svg {
    color: #FDE047 !important;
    fill: #FDE047 !important;
    opacity: 1 !important;
    z-index: 100 !important;
}

/* 3D-Schatten deaktivieren */
.elementor-8700 .elementor-element.elementor-element-da1552b [class*="swiper-slide-shadow"],
.elementor-8700 .elementor-element.elementor-element-da1552b .swiper-cube-shadow {
    display: none !important;
}

/* ============================================================
   5. MEERESBLAUE BANDEROLE (GRUNDAUFBAU)
   ============================================================ */
.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-carousel-image-overlay {
    background: rgba(18, 56, 110, 0.85) !important; /* Meeresblau */
    top: auto !important;
    bottom: 0 !important;
    height: auto !important;
    padding: 8px 12px !important;
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
}

/* ============================================================
   6. WEISSE SCHRIFTGESTALTUNG
   ============================================================ */
.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-carousel-image-overlay .elementor-carousel-image-title,
.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-carousel-image-overlay .elementor-carousel-image-caption,
.elementor-8700 .elementor-element.elementor-element-da1552b .elementor-carousel-image-title {
    color: #ffffff !important;         /* Strahlendes Weiß */
    font-size: 14px !important;        /* Schriftgröße */
    font-weight: 700 !important;       /* Fette Rock-Schrift */
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 !important;
    display: block !important;
}







/* ============================================================
   PAGINIERUNG: PUNKTE NACH LINKS & WEBPLAYER-BLAU
   ============================================================ */
.elementor-8700 .elementor-element.elementor-element-da1552b .swiper-pagination {
    /* AUSRICHTUNG NACH LINKS:
       Richtet die Punkte linksbündig aus */
    text-align: left !important;
    left: 0 !important;
    width: 100% !important;

    /* ABSTAND VOM LINKEN RAND (pixelgenau einstellbar):
       - 15px bis 20px: Schöner, bündiger Abstand zur linken Außenkante
       - Größere Zahl (z. B. 40px): Schiebt die Punkte weiter nach rechts */
    padding-left: 20px !important;

    /* HÖHE (oben / unten):
       - 12px: Liegt dezent am unteren Innenrand des Bildes
       - Minus-Werte (z. B. -25px): Schiebt die Punkte komplett unter das Bild */
    bottom: 12px !important;

    z-index: 50 !important; /* Hält die Punkte immer im Vordergrund */
}

/* Inaktive Punkte (die 3 ruhenden Seiten) */
.elementor-8700 .elementor-element.elementor-element-da1552b .swiper-pagination-bullet {
    background: #E0F2FE !important; /* Webplayer-Blau */
    opacity: 0.35 !important;       /* Dezent transparent, damit sie nicht stören */
    width: 8px !important;          /* Punktgröße (Breite) */
    height: 8px !important;         /* Punktgröße (Höhe) */
}

/* Aktiver Punkt (die Seite, die gerade vorne steht) */
.elementor-8700 .elementor-element.elementor-element-da1552b .swiper-pagination-bullet-active {
    background: #2271b1 !important; /* Kräftiges, volles Webplayer-Blau */
    opacity: 1 !important;          /* 100 % deckend */
    transform: scale(1.15) !important; /* Hebt den aktiven Punkt dezent hervor */
}




/* ============================================================
   PUNKTE-GRÖSSE NUR FÜR DAS SMARTPHONE (bis 767px)
   ============================================================ */
@media (max-width: 767px) {
    /* Alle Punkte auf dem Handy verkleinern */
    .elementor-8700 .elementor-element.elementor-element-da1552b .swiper-pagination-bullet {
        /* PUNKTGRÖSSE AM HANDY:
           - 5px oder 6px: Schön dezent und klein
           - 8px: Bisherige Standardgröße */
        width: 5px !important;
        height: 5px !important;
        margin: 0 3px !important; /* Verringert den seitlichen Abstand zwischen den Punkten */
    }

    /* Der aktive Punkt auf dem Handy */
    .elementor-8700 .elementor-element.elementor-element-da1552b .swiper-pagination-bullet-active {
        /* Bleibt dezent und wächst nicht übermäßig an */
        transform: scale(1.1) !important;
    }
}/* End custom CSS */