PageSourceSearch

https://madelinejuno.com/

html madelinejuno.com collected 2026-10-04 11:00:25 UTC 402,988 bytes, 5,653 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de-DE">
3<head>
4    <meta charset="utf-8">
5
6<!-- 
7	build by Tim Hötzendorfer
8
9	This website is powered by TYPO3 - inspiring people to share!
10	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
11	TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
12	Information and contribution at https://typo3.org/
13-->
14
15<link rel="icon" href="/typo3conf/ext/maddiejuno_v13/Resources/Public/Icons/favicon.ico" type="image/png">
16<title>Madeline Juno | Die offizielle Website</title>
17<meta http-equiv="x-ua-compatible" content="IE=edge">
18<meta name="generator" content="TYPO3 CMS">
19<meta name="description" content="Offizielle Website von Madeline Juno: Entdecke ihre Musik, Musikvideos, Live-Termine, und erfahre mehr über die Singer-Songwriterin. ">
20<meta name="viewport" content="width=device-width, initial-scale=1">
21<meta name="robots" content="index,follow">
22<meta property="og:title" content="Madeline Juno | Die offizielle Website">
23<meta property="og:description" content="Offizielle Website von Madeline Juno: Entdecke ihre Musik, Musikvideos, Live-Termine, und erfahre mehr über die Singer-Songwriterin. ">
24<meta property="og:image" content="https://www.madelinejuno.com/media/_processed_/3/b/csm_MadelineJuno_Album_Anomalie_2024-1154___jakob_marwein_1f5765fbfc.jpg">
25<meta property="og:image:url" content="https://www.madelinejuno.com/media/_processed_/3/b/csm_MadelineJuno_Album_Anomalie_2024-1154___jakob_marwein_1f5765fbfc.jpg">
26<meta property="og:image:width" content="2000">
27<meta property="og:image:height" content="1050">
28<meta property="og:image:alt" content="Madeline Juno Anomalie 2025">
29<meta name="twitter:image" content="https://www.madelinejuno.com/media/_processed_/3/b/csm_MadelineJuno_Album_Anomalie_2024-1154___jakob_marwein_1f5765fbfc.jpg">
30<meta name="twitter:image:alt" content="Madeline Juno Anomalie 2025">
31<meta name="twitter:card" content="summary">
32<meta name="theme-color" content="#f2762e">
33<meta name="apple-mobile-web-app-capable" content="no">
34
35
36<link rel="stylesheet" href="/typo3temp/assets/css/7015c8c4ac5ff815b57530b221005fc6.css?1759571907" media="all">
37<link rel="stylesheet" href="/typo3conf/ext/maddiejuno_v13/Resources/Public/Css/main.css?1783352632" media="all">
38<link rel="stylesheet" href="/typo3conf/ext/maddiejuno_v13/Resources/Public/Css/swiper-bundle.min.css?1759485649" media="all">
39
40
41<script src="/typo3conf/ext/maddiejuno_v13/Resources/Public/JavaScript/bootstrap.bundle.min.js?1759485651"></script>
vendor: 1 bytes, line 41
41
42<script src="/typo3conf/ext/maddiejuno_v13/Resources/Public/JavaScript/jquery-3.7.1.min.js?1759485651"></script>
vendor: 1 bytes, line 42
42
43<script src="/typo3conf/ext/maddiejuno_v13/Resources/Public/JavaScript/isotope.pkgd.min.js?1759485651"></script>
vendor: 1 bytes, line 43
43
44<script src="/typo3conf/ext/maddiejuno_v13/Resources/Public/JavaScript/swiper-bundle.min.js?1759485652"></script>
vendor: 1 bytes, line 44
44
45<script src="/typo3conf/ext/maddiejuno_v13/Resources/Public/JavaScript/masonry.pkgd.min.js?1771956097"></script>
45
46
47
48
49<script type="text/javascript" src="https://vivenu.com/web/deliver/js/v1/embed.js"></script>
49
50<link rel="canonical" href="/">
51</head>
52<body>
53<div id="maddiejuno">
54    
55    
56    <div class="navigation sticky-top py-4">
57        <div class="container-fluid">
58            <div class="row">
59                <div class="col-5 col-lg-2 d-flex align-items-center">
60                    <div class="logobox">
61                        <a href="/">
62                            <img alt="Madeline Juno Logo" title="Madeline Juno Logo" src="/template/logo/mj-logo-2026.svg" width="50" height="50" />
63                        </a>
64                    </div>
65                </div>
66                <div class="col-7 col-lg-10 d-flex align-items-center justify-content-end">
67                    <nav class="navbar navbar-expand-lg p-0">
68                        <div class="collapse navbar-collapse" id="navbarNav">
69                            <ul class="navbar-nav">
70                                
71                                    <li class="nav-item position-relative ">
72                                        <a class="px-3 px-xl-4 nav-link"
73                                            href="/#home" target=""
74                                            title="Home">
75                                            <span class="position-relative">Home</span>
76                                            
77                                        </a>
78                                    </li>
79                                
80                                    <li class="nav-item position-relative ">
81                                        <a class="px-3 px-xl-4 nav-link"
82                                            href="/#live-termine" target=""
83                                            title="Live-Termine">
84                                            <span class="position-relative">Live-Termine</span>
85                                            
86                                        </a>
87                                    </li>
88                                
89                                    <li class="nav-item position-relative ">
90                                        <a class="px-3 px-xl-4 nav-link"
91                                            href="/#musik" target=""
92                                            title="Musik">
93                                            <span class="position-relative">Musik</span>
94                                            
95                                        </a>
96                                    </li>
97                                
98                                    <li class="nav-item position-relative ">
99                                        <a class="px-3 px-xl-4 nav-link"
100                                            href="/#musikvideos" target=""
101                                            title="Musikvideos">
102                                            <span class="position-relative">Musikvideos</span>
103                                            
104                                        </a>
105                                    </li>
106                                
107                                    <li class="nav-item position-relative ">
108                                        <a class="px-3 px-xl-4 nav-link"
109                                            href="/#ueber-madeline" target=""
110                                            title="Über Madeline">
111                                            <span class="position-relative">Über Madeline</span>
112                                            
113                                        </a>
114                                    </li>
115                                
116                                    <li class="nav-item position-relative ">
117                                        <a class="px-3 px-xl-4 nav-link"
118                                            href="/#kontakt" target=""
119                                            title="Kontakt">
120                                            <span class="position-relative">Kontakt</span>
121                                            
122                                        </a>
123                                    </li>
124                                
125                                    <li class="nav-item position-relative ">
126                                        <a class="px-3 px-xl-4 btn btn-primary ms-4"
127                                            href="https://shop.madelinejuno.com/" target="_blank"
128                                            title="Shop">
129                                            <span class="position-relative">Shop</span>
130                                            
131                                        </a>
132                                    </li>
133                                                         
134                            </ul>
135                        </div>
136                    </nav>
137                     <a class="shopbutton d-flex me-3 d-lg-none align-items-center" href="https://shop.madelinejuno.com/" target="_blank">
138                        <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M160 112c0-35.3 28.7-64 64-64s64 28.7 64 64l0 48-128 0 0-48zm-48 48l-64 0c-26.5 0-48 21.5-48 48L0 416c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-208c0-26.5-21.5-48-48-48l-64 0 0-48C336 50.1 285.9 0 224 0S112 50.1 112 112l0 48zm24 48a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm152 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"/></svg>
139                        Shop
140                    </a>
141                    <div class="mobilenav-icon d-flex h-100 align-items-center justify-content-end d-lg-none">
142                        <div class="p-2">
143                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="25" height="25" fill="#000">
144                            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
145                            <path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/>
146                        </svg>
147                    </div>
148                    </div>
149                </div>
150            </div>
151        </div>
152    </div>
153
154    <div class="mobilenav d-lg-none">
155        <div class="position-relative d-flex align-items-center justify-content-center h-100">
156        <div class="closebtn position-absolute p-2">
157            <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
158        </div>
159        <div class="text-center">
160        
161            <li class="nav-item position-relative mb-2 ">
162                                        <a class="d-inline-block px-4 py-2" href="/#home" target=""
163                                            title="Home">
164                                            <span class="position-relative">Home</span>
165                                            
166                                        </a>
167                                    </li>
168                                
169            <li class="nav-item position-relative mb-2 ">
170                                        <a class="d-inline-block px-4 py-2" href="/#live-termine" target=""
171                                            title="Live-Termine">
172                                            <span class="position-relative">Live-Termine</span>
173                                            
174                                        </a>
175                                    </li>
176                                
177            <li class="nav-item position-relative mb-2 ">
178                                        <a class="d-inline-block px-4 py-2" href="/#musik" target=""
179                                            title="Musik">
180                                            <span class="position-relative">Musik</span>
181                                            
182                                        </a>
183                                    </li>
184                                
185            <li class="nav-item position-relative mb-2 ">
186                                        <a class="d-inline-block px-4 py-2" href="/#musikvideos" target=""
187                                            title="Musikvideos">
188                                            <span class="position-relative">Musikvideos</span>
189                                            
190                                        </a>
191                                    </li>
192                                
193            <li class="nav-item position-relative mb-2 ">
194                                        <a class="d-inline-block px-4 py-2" href="/#ueber-madeline" target=""
195                                            title="Über Madeline">
196                                            <span class="position-relative">Über Madeline</span>
197                                            
198                                        </a>
199                                    </li>
200                                
201            <li class="nav-item position-relative mb-2 ">
202                                        <a class="d-inline-block px-4 py-2" href="/#kontakt" target=""
203                                            title="Kontakt">
204                                            <span class="position-relative">Kontakt</span>
205                                            
206                                        </a>
207                                    </li>
208                                
209            <li class="nav-item position-relative mb-2 ">
210                                        <a class="d-inline-block px-4 py-2" href="https://shop.madelinejuno.com/" target="_blank"
211                                            title="Shop">
212                                            <span class="position-relative">Shop</span>
213                                            
214                                        </a>
215                                    </li>
216                                
217                                
218                                    <li class="nav-item position-relative mb-2 ">
219            <a href="/impressum" class="d-inline-block px-4 py-2" target="" title="Impressum">
220                Impressum
221            </a>
222            </li>
223        
224                                    <li class="nav-item position-relative mb-2 ">
225            <a href="/datenschutz" class="d-inline-block px-4 py-2" target="" title="Datenschutz">
226                Datenschutz
227            </a>
228            </li>
229        
230        </div>
231    </div>
232    </div>
233
234    <main class="" data-bs-spy="scroll" data-bs-target="#navbarNav" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" class="scrollspy-example bg-body-tertiary p-3 rounded-2" tabindex="0">
235    
236    
237    <section id="home">
238  <div class="  anchor-offset"></div>
239  <div class="aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
240    
241  
242    <div class="container-fluid   frame-space-after-medium">
243    
244  
245    
246    
247
248            <div id="c53" class="frame frame-default frame-type-text frame-layout-0 frame-space-after-extra-small">
249                
250                
251                    
252
253
254
255                
256                
257                    
258
259    
260        <header>
261            
262
263    
264            <h1 class="">
265                Madeline Juno
266            </h1>
267        
268
269
270
271            
272
273
274
275            
276
277
278
279        </header>
280    
281
282
283
284                
285                
286
287    <p>songwriter &amp; artist</p>
288
289
290                
291                    
292
293
294
295                
296                
297                    
298
299
300
301                
302            </div>
303
304        
305
306
307  
308
309  
310    <div class="  aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
311    
312        
313            <picture>
314                <source srcset="/media/_processed_/a/6/csm_2509_MJ_A2-1764___jakob_marwein_205c5e9839.jpg"
315                    media="(max-width: 576px)" type="image/webp">
316                <source srcset="/media/_processed_/a/6/csm_2509_MJ_A2-1764___jakob_marwein_006d9ce4da.jpg"
317                    media="(max-width: 768px)" type="image/webp">
318                <source srcset="/media/_processed_/a/6/csm_2509_MJ_A2-1764___jakob_marwein_4ee37dbd25.jpg"
319                    media="(max-width: 1024px)" type="image/webp">
320                <source srcset="/media/_processed_/a/6/csm_2509_MJ_A2-1764___jakob_marwein_2dd4da7074.jpg"
321                    media="(max-width: 1920px)" type="image/webp">
322                <source srcset="/media/_processed_/a/6/csm_2509_MJ_A2-1764___jakob_marwein_7e5c2c2a3d.jpg"
323                    type="image/webp">
324                <img src="/media/_processed_/a/6/csm_2509_MJ_A2-1764___jakob_marwein_a58f719371.jpg" width="2560" height="1707" alt="" />
325            </picture>
326        
327    
328</div>
329  
330
331</div>
332  
333
334  
335    <div class="container  ">
336    
337  
338    <div class="infobox p-4 p-md-5   frame-space-after-medium">
339    
340        
341          
342    
343
344            <div id="c97" class="frame frame-default frame-type-text frame-layout-0">
345                
346                
347                    
348
349
350
351                
352                
353                    
354
355    
356
357
358
359                
360                
361
362    <p class="text-center stilueberschrift"><strong>Content Pass</strong></p>
363<p class="text-center">Sichere dir den Content Pass und freue dich auf exklusiven Content vor und während der Tour sowie auf ein <strong>handsigniertes Autogramm</strong>, das am Showtag am Merch-Stand auf dich wartet.</p>
364
365
366                
367                    
368
369
370
371                
372                
373                    
374
375
376
377                
378            </div>
379
380        
381
382
383        
384        
385        
386          
387
388    <div class="mj-buttons text-center  ">
389        
390                
391                
392                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2
392027-content-pass-oc0dkr?useEmbed=true" class="btn btn-primary">Content Pass sichern</a>
393                
394        
395    </div>
396
397
398        
399        
400</div>
401  
402
403</div>
404  
405
406</div>
407</section>
408
409    <section id="live-termine">
410  <div class="  anchor-offset"></div>
411  <div class="aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
412    
413  
414    <div class="container  ">
415    
416  
417    <div class="row    frame-space-after-extra-large">
418    <div class="col-lg-4 col-xl-3">
419        
420            
421              <div class="stickybereich">
422    
423        
424          
425    
426
427            <div id="c44" class="frame frame-default frame-type-text frame-layout-0">
428                
429                
430                    
431
432
433
434                
435                
436                    
437
438    
439        <header>
440            
441
442    
443            <h2 class="">
444                Live-Termine von Madeline Juno
445            </h2>
446        
447
448
449
450            
451
452
453
454            
455
456
457
458        </header>
459    
460
461
462
463                
464                
465
466    <p>Bei den Konzerten erwartet dich eine besondere Zeit voller Musik und Emotionen. Mit ihren Songs lädt Madeline dazu ein, gemeinsam zu singen, zu tanzen und den Moment zu genießen. Hier findest du alle Termine der bevorstehenden Live-Auftritte.</p>
467
468
469                
470                    
471
472
473
474                
475                
476                    
477
478
479
480                
481            </div>
482
483        
484
485
486        
487        
488</div>
489            
490          
491    </div>
492    <div class="col-lg-7 col-xl-8 offset-lg-1 mt-4 mt-lg-0">
493        
494            
495              
496    <div class="mj-events  ">
497        
498            
499                
500                
501        
502            
503                
504                
505        
506            
507                
508                
509        
510            
511                
512                
513        
514            
515                
516                
517        
518            
519                
520                
521        
522            
523                
524                
525        
526            
527                
528                
529        
530            
531                
532                
533        
534            
535                
536                
537        
538            
539                
540                
541        
542            
543                
544                
545        
546            
547                
548                
549        
550            
551                
552                
553        
554            
555                
556                
557        
558            
559                
560                
561        
562            
563                
564                
565        
566            
567                
568                
569        
570            
571                
572                
573        
574            
575                
576                
577        
578            
579                
580                
581        
582            
583                
584                
585        
586            
587                
588                
589        
590            
591                
592                
593        
594            
595                
596                
597        
598            
599                
600                
601        
602            
603                
604                
605        
606            
607                
608                
609        
610            
611                
612                
613        
614            
615                
616                
617        
618            
619                
620                
621        
622            
623                
624                
625        
626            
627                
628                
629        
630            
631                
632                
633        
634            
635                
636                
637        
638            
639                
640                
641        
642            
643                
644                
645                    
646            <div class="row text-center text-lg-start align-items-center">
647                <div class="col-md-2">
648                <div class="zeit text-center p-2">
649					<span class="datum d-block">
650						23
651					</span>
652					<span class="monat d-block">
653						Feb
654					</span>
655					<span class="jahr d-block">
656						2027
657					</span>
658				</div>
659                </div>
660                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
661                    
662                    <h3>Anomalie Pt.2 Tour - Hamburg</h3>
663                
664                
665                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
666                
667                    <div class="d-lg-flex align-items-center">
668                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
669                    Große Freiheit 36
670                    </div>
671                
672                
673                </div>
674                
675                </div>
676                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
677                    
678                        
679                        
680                        <a href="https://shop.madelinejuno.com/produkte/98475-tickets-madeline-juno-grosse-freiheit-36-hamburg-am-23-02-2027" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
681                    
682                    
683                    
684                
685                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2027-hamburg-0d1t47?useEmbed=true" target="_blank" rel="noreferrer" class="btn btn-outline-primary d-md-block mt-md-2">Upgrade</a>
686                
687                </div>
688            </div>
689            <hr class="my-4">
690        
691    
692        
693            
694                
695                
696                    
697            <div class="row text-center text-lg-start align-items-center">
698                <div class="col-md-2">
699                <div class="zeit text-center p-2">
700					<span class="datum d-block">
701						24
702					</span>
703					<span class="monat d-block">
704						Feb
705					</span>
706					<span class="jahr d-block">
707						2027
708					</span>
709				</div>
710                </div>
711                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
712                    
713                    <h3>Anomalie Pt.2 Tour - Dortmund</h3>
714                
715                
716                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
717                
718                    <div class="d-lg-flex align-items-center">
719                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
720                    FZW
721                    </div>
722                
723                
724                </div>
725                
726                </div>
727                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
728                    
729                        
730                        
731                        <a href="https://shop.madelinejuno.com/produkte/98485-tickets-madeline-juno-fzw-dortmund-am-24-02-2027" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
732                    
733                    
734                    
735                
736                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2027-dortmund-r669ez?useEmbed=true" target="_blank" rel="noreferrer" class="btn btn-outline-primary d-md-block mt-md-2">Upgrade</a>
737                
738                </div>
739            </div>
740            <hr class="my-4">
741        
742    
743        
744            
745                
746                
747                    
748            <div class="row text-center text-lg-start align-items-center">
749                <div class="col-md-2">
750                <div class="zeit text-center p-2">
751					<span class="datum d-block">
752						25
753					</span>
754					<span class="monat d-block">
755						Feb
756					</span>
757					<span class="jahr d-block">
758						2027
759					</span>
760				</div>
761                </div>
762                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
763                    
764                    <h3>Anomalie Pt.2 Tour - Köln</h3>
765                
766                
767                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
768                
769                    <div class="d-lg-flex align-items-center">
770                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
771                    Carlswerk Viktoria
772                    </div>
773                
774                
775                </div>
776                
777                </div>
778                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
779                    
780                        
781                        
782                        <a href="https://shop.madelinejuno.com/produkte/98486-tickets-madeline-juno-carlswerk-victoria-koeln-am-25-02-2027" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
783                    
784                    
785                    
786                
787                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2027-koln-bct40i?useEmbed=true" target="_blank" rel="noreferrer" class="btn btn-outline-primary d-md-block mt-md-2">Upgrade</a>
788                
789                </div>
790            </div>
791            <hr class="my-4">
792        
793    
794        
795            
796                
797                
798                    
799            <div class="row text-center text-lg-start align-items-center">
800                <div class="col-md-2">
801                <div class="zeit text-center p-2">
802					<span class="datum d-block">
803						26
804					</span>
805					<span class="monat d-block">
806						Feb
807					</span>
808					<span class="jahr d-block">
809						2027
810					</span>
811				</div>
812                </div>
813                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
814                    
815                    <h3>Anomalie Pt.2 Tour - Frankfurt</h3>
816                
817                
818                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
819                
820                    <div class="d-lg-flex align-items-center">
821                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
822                    Batschkapp
823                    </div>
824                
825                
826                </div>
827                
828                </div>
829                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
830                    
831                        
832                        
833                        <a href="https://shop.madelinejuno.com/produkte/98487-tickets-madeline-juno-batschkapp-frankfurt-am-main-am-26-02-2027" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
834                    
835                    
836                    
837                
838                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2027-frankfurt-ly0cv3?useEmbed=true" target="_blank" rel="noreferrer" class="btn btn-outline-primary d-md-block mt-md-2">Upgrade</a>
839                
840                </div>
841            </div>
842            <hr class="my-4">
843        
844    
845        
846            
847                
848                
849                    
850            <div class="row text-center text-lg-start align-items-center">
851                <div class="col-md-2">
852                <div class="zeit text-center p-2">
853					<span class="datum d-block">
854						28
855					</span>
856					<span class="monat d-block">
857						Feb
858					</span>
859					<span class="jahr d-block">
860						2027
861					</span>
862				</div>
863                </div>
864                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
865                    
866                    <h3>Anomalie Pt.2 Tour - Stuttgart</h3>
867                
868                
869                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
870                
871                    <div class="d-lg-flex align-items-center">
872                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
873                    LKA Longhorn
874                    </div>
875                
876                
877                </div>
878                
879                </div>
880                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
881                    
882                        
883                        
884                        <a href="https://shop.madelinejuno.com/produkte/98488-tickets-madeline-juno-lka-longhorn-stuttgart-am-28-02-2027" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
885                    
886                    
887                    
888                
889                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2027-stuttgart-abob6s?useEmbed=true" target="_blank" rel="noreferrer" class="btn btn-outline-primary d-md-block mt-md-2">Upgrade</a>
890                
891                </div>
892            </div>
893            <hr class="my-4">
894        
895    
896        
897            
898                
899                
900                    
901            <div class="row text-center text-lg-start align-items-center">
902                <div class="col-md-2">
903                <div class="zeit text-center p-2">
904					<span class="datum d-block">
905						01
906					</span>
907					<span class="monat d-block">
908						Mär
909					</span>
910					<span class="jahr d-block">
911						2027
912					</span>
913				</div>
914                </div>
915                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
916                    
917                    <h3>Anomalie Pt.2 Tour - München</h3>
918                
919                
920                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
921                
922                    <div class="d-lg-flex align-items-center">
923                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
924                    Muffathalle
925                    </div>
926                
927                
928                </div>
929                
930                </div>
931                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
932                    
933                        
934                        
935                        <a href="https://shop.madelinejuno.com/produkte/98489-tickets-madeline-juno-muffathalle-muenchen-am-01-03-2027" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
936                    
937                    
938                    
939                
940                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2027-munchen-wwoxa0?useEmbed=true" target="_blank" rel="noreferrer" class="btn btn-outline-primary d-md-block mt-md-2">Upgrade</a>
941                
942                </div>
943            </div>
944            <hr class="my-4">
945        
946    
947        
948            
949                
950                
951                    
952            <div class="row text-center text-lg-start align-items-center">
953                <div class="col-md-2">
954                <div class="zeit text-center p-2">
955					<span class="datum d-block">
956						02
957					</span>
958					<span class="monat d-block">
959						Mär
960					</span>
961					<span class="jahr d-block">
962						2027
963					</span>
964				</div>
965                </div>
966                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
967                    
968                    <h3>Anomalie Pt.2 Tour - Leipzig</h3>
969                
970                
971                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
972                
973                    <div class="d-lg-flex align-items-center">
974                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
975                    Felsenkeller
976                    </div>
977                
978                
979                </div>
980                
981                </div>
982                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
983                    
984                        
985                        
986                        <a href="https://shop.madelinejuno.com/produkte/98490-tickets-madeline-juno-felsenkeller-leipzig-am-02-03-2027" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
987                    
988                    
989                    
990                
991                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2027-leipzig-vpotst?useEmbed=true" target="_blank" rel="noreferrer" class="btn btn-outline-primary d-md-block mt-md-2">Upgrade</a>
992                
993                </div>
994            </div>
995            <hr class="my-4">
996        
997    
998        
999            
1000                
1001                
1002                    
1003            <div class="row text-center text-lg-start align-items-center">
1004                <div class="col-md-2">
1005                <div class="zeit text-center p-2">
1006					<span class="datum d-block">
1007						03
1008					</span>
1009					<span class="monat d-block">
1010						Mär
1011					</span>
1012					<span class="jahr d-block">
1013						2027
1014					</span>
1015				</div>
1016                </div>
1017                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
1018                    
1019                    <h3>Anomalie Pt.2 Tour - Berlin</h3>
1020                
1021                
1022                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
1023                
1024                    <div class="d-lg-flex align-items-center">
1025                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
1026                    Huxleys Neue Welt
1027                    </div>
1028                
1029                
1030                </div>
1031                
1032                </div>
1033                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
1034                    
1035                        
1036                        
1037                        <a href="https://shop.madelinejuno.com/produkte/98491-tickets-madeline-juno-huxleys-neue-welt-berlin-am-03-03-2027" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
1038                    
1039                    
1040                    
1041                
1042                    <a href="https://shop.niftee.eu/event/anomalie-pt2-tour-2027-berlin-veman3?useEmbed=true" target="_blank" rel="noreferrer" class="btn btn-outline-primary d-md-block mt-md-2">Upgrade</a>
1043                
1044                </div>
1045            </div>
1046            <hr class="my-4">
1047        
1048    
1049        
1050            
1051                
1052                
1053                    
1054            <div class="row text-center text-lg-start align-items-center">
1055                <div class="col-md-2">
1056                <div class="zeit text-center p-2">
1057					<span class="datum d-block">
1058						22
1059					</span>
1060					<span class="monat d-block">
1061						Mai
1062					</span>
1063					<span class="jahr d-block">
1064						2027
1065					</span>
1066				</div>
1067                </div>
1068                <div class="col-md-7 col-lg-7 col-xl-7 my-3 my-lg-0">
1069                    
1070                    <h3>Bad Zwischenahn</h3>
1071                
1072                
1073                    <div class="d-xxl-flex text-center text-lg-start justify-content-center justify-content-lg-start">
1074                
1075                    <div class="d-lg-flex align-items-center">
1076                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg> 
1077                    Park der Gärten
1078                    </div>
1079                
1080                
1081                
1082                    <div class="mx-2 d-none d-xxl-inline-flex">|</div>
1083                    <div class="d-lg-flex align-items-center">
1084                    <svg xmlns="http://www.w3.org/2000/svg" class="me-2" width="20" height="20" fill="#f2762e" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"/></svg>
1085                    19:30 Uhr
1086                    </div>
1087                
1088                
1089                </div>
1090                
1091                </div>
1092                <div class="col-md-3 col-lg-3 col-xl-3 text-lg-end">
1093                    
1094                        
1095                        
1096                        <a href="https://www.eventim.de/event/madeline-juno-park-der-gaerten-20926023/" target="_blank" rel="noreferrer" class="btn btn-primary d-md-block">Tickets sichern</a>
1097                    
1098                    
1099                    
1100                
1101                </div>
1102            </div>
1103            
1104        
1105    
1106        
1107    </div>
1108    
1108<script>
1109        // Warte, bis das DOM vollständig geladen ist
1110document.addEventListener("DOMContentLoaded", function() {
1111    // Wähle das Element mit der Klasse .mj-events
1112    var eventsElement = document.querySelector('.mj-events');
1113    
1114    // Überprüfe, ob das Element leer ist (kein Inhalt hat)
1115    if (!eventsElement || eventsElement.innerHTML.trim() === '') {
1116        // Falls es leer ist, füge den Hinweistext hinzu
1117        eventsElement.innerHTML = '<div class="no-events p-4 text-center"><p>Derzeit ist kein Live-Termin geplant. Schaue später wieder vorbei.</p></div>';
1118    }
1119});
1120
1121    </script>
1121
1122
1123
1124            
1125          
1126    </div>
1127</div>
1128  
1129
1130</div>
1131  
1132
1133</div>
1134</section>
1135
1136    <section id="musik">
1137  <div class="  anchor-offset"></div>
1138  <div class="aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
1139    
1140  
1141    
1142    
1143
1144            <div id="c41" class="frame frame-default frame-type-header frame-layout-0">
1145                
1146                
1147                    
1148
1149
1150
1151                
1152                
1153                    
1154
1155    
1156        <header>
1157            
1158
1159    
1160            <h2 class="ce-headline-center">
1161                Musik
1162            </h2>
1163        
1164
1165
1166
1167            
1168
1169
1170
1171            
1172
1173
1174
1175        </header>
1176    
1177
1178
1179
1180                
1181                
1182                
1183                    
1184
1185
1186
1187                
1188                
1189                    
1190
1191
1192
1193                
1194            </div>
1195
1196        
1197
1198
1199  
1200
1201  
1202    <div class=" ">
1203
1204    <div class="musicbg my-5 pb-5 pb-md-0">
1205    <div class="container">
1206        <div class="row align-items-center music-main">
1207            
1208            
1209                
1210                                    
1211                                          
1212                                              
1213                                                <div class="col-md-5">
1214                                                  
1215                                                          <img alt="Madeline Juno - Anomalie Pt.2 Cover" title="Madeline Juno - Anomalie Pt.2 Cover" src="/media/_processed_/3/3/csm_3000x3000-MJ-Anomalie-Pt.2-Albumcover-V1_68b93e3bf3.webp" width="750" height="750" />
1216                                                      
1217                                                      </div>
1218                                                      <div class="col-md-7 col-lg-6 offset-lg-1 mt-4 mt-md-0">
1219                                                        
1220                                                          <div class="neu d-inline-block px-3 py-1 mb-3">Neu</div>
1221                                                          
1222                                                              <h3 class="mb-3">Anomalie Pt.2</h3>
1223                                                          
1224                                                          
1225                                                          <a href="https://madelinejuno.lnk.to/AnomaliePT2" target="_blank" rel="noreferrer" class="btn btn-primary">Jetzt anhören</a>
1226                                                          
1227                                                      </div>
1228                                                      
1229
1230                                              
1231                                            
1232                                          
1233                                          
1234                                        
1235                                    
1236                
1237            
1238                
1239            
1240                
1241            
1242                
1243            
1244                
1245            
1246                
1247            
1248                
1249            
1250                
1251            
1252                
1253            
1254                
1255            
1256                
1257            
1258                
1259            
1260                
1261            
1262                
1263            
1264                
1265            
1266                
1267            
1268                
1269            
1270                
1271            
1272                
1273            
1274                
1275            
1276                
1277            
1278                
1279            
1280                
1281            
1282                
1283            
1284                
1285            
1286                
1287            
1288                
1289            
1290                
1291            
1292                
1293            
1294                
1295            
1296                
1297            
1298                
1299            
1300                
1301            
1302                
1303            
1304                
1305            
1306                
1307            
1308                
1309            
1310                
1311            
1312                
1313            
1314                
1315            
1316                
1317            
1318                
1319            
1320                
1321            
1322                
1323            
1324                
1325            
1326                
1327            
1328                
1329            
1330                
1331            
1332                
1333            
1334                
1335            
1336                
1337            
1338                
1339            
1340                
1341            
1342                
1343            
1344                
1345            
1346                
1347            
1348                
1349            
1350                
1351            
1352                
1353            
1354                
1355            
1356                
1357            
1358                
1359            
1360        </div>
1361    </div>
1362    </div>
1363
1364
1365
1366
1367
1368
1369    <div class="container">
1370    <div class="row">
1371        <div class="col-12 mb-4 text-center">
1372            <div id="filters">
1373                <div class="ui-group">
1374                  <div class="button-group js-radio-button-group">
1375                    <button class="btn btn-outline-primary button is-checked me-2 mb-2 mb-md-0" data-filter="">Alle anzeigen</button>
1376                    <button class="btn btn-outline-primary button me-2 mb-2 mb-md-0" data-filter=".album">Album</button>
1377                    <button class="btn btn-outline-primary button mb-2 mb-md-0" data-filter=".single">Single</button>
1378                  </div>
1379                </div>
1380              
1381              </div>
1382        </div>
1383    </div>
1384</div>
1385            <div class="container ">
1386                <div class="row grid overflow-hidden">
1387                    
1388                    
1389                      
1390                        
1391                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music album first-item">
1392                                
1393                                <a href="https://madelinejuno.lnk.to/AnomaliePT2" target="_blank" rel="noreferrer" class="d-block">
1394                                  <div class="position-relative">
1395                                    
1396                                        <img alt="Madeline Juno - Anomalie Pt.2 Cover" title="Madeline Juno - Anomalie Pt.2 Cover" src="/media/_processed_/3/3/csm_3000x3000-MJ-Anomalie-Pt.2-Albumcover-V1_d7849b7269.webp" width="500" height="500" />
1397                                    
1398                                    <!-- 
1399                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1400                                        <div class="text-center">
1401                                      <div class="--playicon">
1402                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1403                                      </div>
1404                                      <span class="--info">Jetzt anhören</span>
1405                                      </div>
1406                                      </div>
1407                                     -->
1408                                    </div>
1409                                    <div class="-content mt-2">
1410                                      <div class="--titel d-flex align-items-center mb-2">
1411                                        
1412                                            <h3 class="mb-0">
1413                                              Anomalie Pt.2
1414                                               
1415                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1416                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1417                                          </div>-->
1418                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1419                                        
1420                                            </h3>
1421                                        
1422                                        
1423                                        </div>
1424                                        <div class="--art px-3 py-1 d-inline-block">ALBUM</div>
1425                                        
1426                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1427                                                2026
1428                                            </div>
1429                                        
1430                                    </div>
1431                                </a>
1432                            </div>
1433                        
1434                    
1435                      
1436                        
1437                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1438                                
1439                                <a href="https://madelinejuno.lnk.to/FriedenImHerz" target="_blank" rel="noreferrer" class="d-block">
1440                                  <div class="position-relative">
1441                                    
1442                                        <img alt="Madeline Juno - Frieden im Herz Cover" title="Madeline Juno - Frieden im Herz Cover" src="/media/_processed_/0/6/csm_frieden-im-herz-artwork-440x440_931e0f31a2.webp" width="500" height="500" />
1443                                    
1444                                    <!-- 
1445                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1446                                        <div class="text-center">
1447                                      <div class="--playicon">
1448                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1449                                      </div>
1450                                      <span class="--info">Jetzt anhören</span>
1451                                      </div>
1452                                      </div>
1453                                     -->
1454                                    </div>
1455                                    <div class="-content mt-2">
1456                                      <div class="--titel d-flex align-items-center mb-2">
1457                                        
1458                                            <h3 class="mb-0">
1459                                              Frieden im Herz
1460                                               
1461                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1462                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1463                                          </div>-->
1464                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
1464ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1465                                        
1466                                            </h3>
1467                                        
1468                                        
1469                                        </div>
1470                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1471                                        
1472                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1473                                                2026
1474                                            </div>
1475                                        
1476                                    </div>
1477                                </a>
1478                            </div>
1479                        
1480                    
1481                      
1482                        
1483                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1484                                
1485                                <a href="https://madelinejuno.lnk.to/funkstille" target="_blank" rel="noreferrer" class="d-block">
1486                                  <div class="position-relative">
1487                                    
1488                                        <img alt="Madeline Juno - Funkstille &amp; Untertitel Cover" title="Madeline Juno - Funkstille &amp; Untertitel Cover" src="/media/_processed_/8/a/csm_funkstille-artwork-440x440_288ce27216.webp" width="500" height="500" />
1489                                    
1490                                    <!-- 
1491                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1492                                        <div class="text-center">
1493                                      <div class="--playicon">
1494                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1495                                      </div>
1496                                      <span class="--info">Jetzt anhören</span>
1497                                      </div>
1498                                      </div>
1499                                     -->
1500                                    </div>
1501                                    <div class="-content mt-2">
1502                                      <div class="--titel d-flex align-items-center mb-2">
1503                                        
1504                                            <h3 class="mb-0">
1505                                              Funkstille &amp; Untertitel
1506                                               
1507                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1508                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1509                                          </div>-->
1510                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1511                                        
1512                                            </h3>
1513                                        
1514                                        
1515                                        </div>
1516                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1517                                        
1518                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1519                                                2026
1520                                            </div>
1521                                        
1522                                    </div>
1523                                </a>
1524                            </div>
1525                        
1526                    
1527                      
1528                        
1529                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1530                                
1531                                <a href="https://madelinejuno.lnk.to/suffering-in-style" target="_blank" rel="noreferrer" class="d-block">
1532                                  <div class="position-relative">
1533                                    
1534                                        <img alt="Madeline Juno - Suffering In Style Cover" title="Madeline Juno - Suffering In Style Cover" src="/media/_processed_/9/3/csm_3000x3000-MJ-Suffering-in-Style-V2_e407824e7f.webp" width="500" height="500" />
1535                                    
1536                                    <!-- 
1537                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1538                                        <div class="text-center">
1539                                      <div class="--playicon">
1540                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1541                                      </div>
1542                                      <span class="--info">Jetzt anhören</span>
1543                                      </div>
1544                                      </div>
1545                                     -->
1546                                    </div>
1547                                    <div class="-content mt-2">
1548                                      <div class="--titel d-flex align-items-center mb-2">
1549                                        
1550                                            <h3 class="mb-0">
1551                                              Suffering In Style
1552                                               
1553                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1554                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1555                                          </div>-->
1556                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1557                                        
1558                                            </h3>
1559                                        
1560                                        
1561                                        </div>
1562                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1563                                        
1564                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1565                                                2026
1566                                            </div>
1567                                        
1568                                    </div>
1569                                </a>
1570                            </div>
1571                        
1572                    
1573                      
1574                        
1575                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1576                                
1577                                <a href="https://madelinejuno.lnk.to/Indigo" target="_blank" rel="noreferrer" class="d-block">
1578                                  <div class="position-relative">
1579                                    
1580                                        <img alt="Madeline Juno - Indigo Cover" title="Madeline Juno - Indigo Cover" src="/media/_processed_/0/6/csm_3000x3000-MJ-Indigo-V2_ada4f3250f.webp" width="500" height="500" />
1581                                    
1582                                    <!-- 
1583                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1584                                        <div class="text-center">
1585                                      <div class="--playicon">
1586                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1587                                      </div>
1588                                      <span class="--info">Jetzt anhören</span>
1589                                      </div>
1590                                      </div>
1591                                     -->
1592                                    </div>
1593                                    <div class="-content mt-2">
1594                                      <div class="--titel d-flex align-items-center mb-2">
1595                                        
1596                                            <h3 class="mb-0">
1597                                              Indigo
1598                                               
1599                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1600                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1601                                          </div>-->
1602                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
1602ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1603                                        
1604                                            </h3>
1605                                        
1606                                        
1607                                        </div>
1608                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1609                                        
1610                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1611                                                2026
1612                                            </div>
1613                                        
1614                                    </div>
1615                                </a>
1616                            </div>
1617                        
1618                    
1619                      
1620                        
1621                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1622                                
1623                                <a href="https://madelinejuno.lnk.to/WDMNP" target="_blank" rel="noreferrer" class="d-block">
1624                                  <div class="position-relative">
1625                                    
1626                                        <img alt="Madeline Juno - Wärst du mir nie passiert &amp; Pakt Cover" title="Madeline Juno - Wärst du mir nie passiert &amp; Pakt Cover" src="/media/_processed_/7/8/csm_3000x3000-MJ-WDMNP_Pakt-V3_4f83da3678.webp" width="500" height="500" />
1627                                    
1628                                    <!-- 
1629                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1630                                        <div class="text-center">
1631                                      <div class="--playicon">
1632                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1633                                      </div>
1634                                      <span class="--info">Jetzt anhören</span>
1635                                      </div>
1636                                      </div>
1637                                     -->
1638                                    </div>
1639                                    <div class="-content mt-2">
1640                                      <div class="--titel d-flex align-items-center mb-2">
1641                                        
1642                                            <h3 class="mb-0">
1643                                              Wärst du mir nie passiert &amp; Pakt
1644                                               
1645                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1646                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1647                                          </div>-->
1648                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1649                                        
1650                                            </h3>
1651                                        
1652                                        
1653                                        </div>
1654                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1655                                        
1656                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1657                                                2025
1658                                            </div>
1659                                        
1660                                    </div>
1661                                </a>
1662                            </div>
1663                        
1664                    
1665                      
1666                        
1667                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1668                                
1669                                <a href="https://madelinejuno.lnk.to/Homescreen" target="_blank" rel="noreferrer" class="d-block">
1670                                  <div class="position-relative">
1671                                    
1672                                        <img alt="Madeline Juno - Homescreen Cover" title="Madeline Juno - Homescreen Cover" src="/media/_processed_/1/9/csm_MJ-3000x3000-Singlecover-Homescreen-V2_59c222c271.webp" width="500" height="500" />
1673                                    
1674                                    <!-- 
1675                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1676                                        <div class="text-center">
1677                                      <div class="--playicon">
1678                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1679                                      </div>
1680                                      <span class="--info">Jetzt anhören</span>
1681                                      </div>
1682                                      </div>
1683                                     -->
1684                                    </div>
1685                                    <div class="-content mt-2">
1686                                      <div class="--titel d-flex align-items-center mb-2">
1687                                        
1688                                            <h3 class="mb-0">
1689                                              Homescreen
1690                                               
1691                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1692                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1693                                          </div>-->
1694                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1695                                        
1696                                            </h3>
1697                                        
1698                                        
1699                                        </div>
1700                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1701                                        
1702                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1703                                                2025
1704                                            </div>
1705                                        
1706                                    </div>
1707                                </a>
1708                            </div>
1709                        
1710                    
1711                      
1712                        
1713                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music album ">
1714                                
1715                                <a href="https://madelinejuno.lnk.to/AnomaliePt.1" target="_blank" rel="noreferrer" class="d-block">
1716                                  <div class="position-relative">
1717                                    
1718                                        <img alt="Madeline Juno - Anomalie Pt.1 Cover" title="Madeline Juno - Anomalie Pt.1 Cover" src="/media/_processed_/9/a/csm_3000x3000-Albumcover-Anomalie-FINAL_38c1b4397a.webp" width="500" height="500" />
1719                                    
1720                                    <!-- 
1721                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1722                                        <div class="text-center">
1723                                      <div class="--playicon">
1724                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1725                                      </div>
1726                                      <span class="--info">Jetzt anhören</span>
1727                                      </div>
1728                                      </div>
1729                                     -->
1730                                    </div>
1731                                    <div class="-content mt-2">
1732                                      <div class="--titel d-flex align-items-center mb-2">
1733                                        
1734                                            <h3 class="mb-0">
1735                                              Anomalie Pt.1
1736                                               
1737                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1738                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1739                                          </div>-->
1740                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
1740ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1741                                        
1742                                            </h3>
1743                                        
1744                                        
1745                                        </div>
1746                                        <div class="--art px-3 py-1 d-inline-block">ALBUM</div>
1747                                        
1748                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1749                                                2025
1750                                            </div>
1751                                        
1752                                    </div>
1753                                </a>
1754                            </div>
1755                        
1756                    
1757                      
1758                        
1759                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1760                                
1761                                <a href="https://madelinejuno.lnk.to/Mediocre" target="_blank" rel="noreferrer" class="d-block">
1762                                  <div class="position-relative">
1763                                    
1764                                        <img alt="Madeline Juno - Mediocre Cover" title="Madeline Juno - Mediocre Cover" src="/media/_processed_/a/0/csm_mediocre-cover_3663ed6b24.webp" width="500" height="500" />
1765                                    
1766                                    <!-- 
1767                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1768                                        <div class="text-center">
1769                                      <div class="--playicon">
1770                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1771                                      </div>
1772                                      <span class="--info">Jetzt anhören</span>
1773                                      </div>
1774                                      </div>
1775                                     -->
1776                                    </div>
1777                                    <div class="-content mt-2">
1778                                      <div class="--titel d-flex align-items-center mb-2">
1779                                        
1780                                            <h3 class="mb-0">
1781                                              Mediocre
1782                                               
1783                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1784                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1785                                          </div>-->
1786                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1787                                        
1788                                            </h3>
1789                                        
1790                                        
1791                                        </div>
1792                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1793                                        
1794                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1795                                                2025
1796                                            </div>
1797                                        
1798                                    </div>
1799                                </a>
1800                            </div>
1801                        
1802                    
1803                      
1804                        
1805                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1806                                
1807                                <a href="https://madelinejuno.lnk.to/SMDW" target="_blank" rel="noreferrer" class="d-block">
1808                                  <div class="position-relative">
1809                                    
1810                                        <img alt="Madeline Juno - Schlimmster Mensch der Welt Cover" title="Madeline Juno - Schlimmster Mensch der Welt Cover" src="/media/_processed_/b/e/csm_MJ-3000x3000-Singlecover-Schlimmster-Mensch-der-Welt_db5fc4b9e8.webp" width="500" height="500" />
1811                                    
1812                                    <!-- 
1813                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1814                                        <div class="text-center">
1815                                      <div class="--playicon">
1816                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1817                                      </div>
1818                                      <span class="--info">Jetzt anhören</span>
1819                                      </div>
1820                                      </div>
1821                                     -->
1822                                    </div>
1823                                    <div class="-content mt-2">
1824                                      <div class="--titel d-flex align-items-center mb-2">
1825                                        
1826                                            <h3 class="mb-0">
1827                                              Schlimmster Mensch der Welt
1828                                               
1829                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1830                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1831                                          </div>-->
1832                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1833                                        
1834                                            </h3>
1835                                        
1836                                        
1837                                        </div>
1838                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1839                                        
1840                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1841                                                2025
1842                                            </div>
1843                                        
1844                                    </div>
1845                                </a>
1846                            </div>
1847                        
1848                    
1849                      
1850                        
1851                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1852                                
1853                                <a href="https://madelinejuno.lnk.to/FMK" target="_blank" rel="noreferrer" class="d-block">
1854                                  <div class="position-relative">
1855                                    
1856                                        <img alt="Madeline Juno - Fuck Marry Kill Cover" title="Madeline Juno - Fuck Marry Kill Cover" src="/media/_processed_/3/8/csm_ab67616d0000b273d22c92aef77bc3e6371beb3a_9291d31643.webp" width="500" height="500" />
1857                                    
1858                                    <!-- 
1859                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1860                                        <div class="text-center">
1861                                      <div class="--playicon">
1862                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1863                                      </div>
1864                                      <span class="--info">Jetzt anhören</span>
1865                                      </div>
1866                                      </div>
1867                                     -->
1868                                    </div>
1869                                    <div class="-content mt-2">
1870                                      <div class="--titel d-flex align-items-center mb-2">
1871                                        
1872                                            <h3 class="mb-0">
1873                                              Fuck Marry Kill
1874                                               
1875                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1876                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1877                                          </div>-->
1878                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1879                                        
1880                                            </h3>
1881                                        
1882                                        
1883                                        </div>
1884                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1885                                        
1886                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1887                                                2025
1888                                            </div>
1889                                        
1890                                    </div>
1891                                </a>
1892                            </div>
1893                        
1894                    
1895                      
1896                        
1897                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1898                                
1899                                <a href="https://madelinejuno.lnk.to/HIDJG" target="_blank" rel="noreferrer" class="d-block">
1900                                  <div class="position-relative">
1901                                    
1902                                        <img alt="Madeline Juno - Hab ich dir je gesagt... Cover" title="Madeline Juno - Hab ich dir je gesagt... Cover" src="/media/_processed_/f/1/csm_MJ-3000x3000-Singlecover-Hab-ich-dir-je-gesagt_0995059f84.webp" width="500" height="500" />
1903                                    
1904                                    <!-- 
1905                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1906                                        <div class="text-center">
1907                                      <div class="--playicon">
1908                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1909                                      </div>
1910                                      <span class="--info">Jetzt anhören</span>
1911                                      </div>
1912                                      </div>
1913                                     -->
1914                                    </div>
1915                                    <div class="-content mt-2">
1916                                      <div class="--titel d-flex align-items-center mb-2">
1917                                        
1918                                            <h3 class="mb-0">
1919                                              Hab ich dir je gesagt...
1920                                               
1921                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1922                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1923                                          </div>-->
1924                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
1924ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1925                                        
1926                                            </h3>
1927                                        
1928                                        
1929                                        </div>
1930                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1931                                        
1932                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1933                                                2025
1934                                            </div>
1935                                        
1936                                    </div>
1937                                </a>
1938                            </div>
1939                        
1940                    
1941                      
1942                        
1943                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1944                                
1945                                <a href="https://madelinejuno.lnk.to/Anomalie" target="_blank" rel="noreferrer" class="d-block">
1946                                  <div class="position-relative">
1947                                    
1948                                        <img alt="Madeline Juno - Anomalie (Single) Cover" title="Madeline Juno - Anomalie (Single) Cover" src="/media/_processed_/d/d/csm_3000x3000-Albumcover-Anomalie-FINAL-ohne-PT-1_4d02bd898a.webp" width="500" height="500" />
1949                                    
1950                                    <!-- 
1951                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1952                                        <div class="text-center">
1953                                      <div class="--playicon">
1954                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1955                                      </div>
1956                                      <span class="--info">Jetzt anhören</span>
1957                                      </div>
1958                                      </div>
1959                                     -->
1960                                    </div>
1961                                    <div class="-content mt-2">
1962                                      <div class="--titel d-flex align-items-center mb-2">
1963                                        
1964                                            <h3 class="mb-0">
1965                                              Anomalie (Single)
1966                                               
1967                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
1968                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
1969                                          </div>-->
1970                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
1971                                        
1972                                            </h3>
1973                                        
1974                                        
1975                                        </div>
1976                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
1977                                        
1978                                            <div class="--art px-3 py-1 d-inline-block ms-2">
1979                                                2025
1980                                            </div>
1981                                        
1982                                    </div>
1983                                </a>
1984                            </div>
1985                        
1986                    
1987                      
1988                        
1989                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
1990                                
1991                                <a href="https://madelinejuno.lnk.to/Reservetank" target="_blank" rel="noreferrer" class="d-block">
1992                                  <div class="position-relative">
1993                                    
1994                                        <img alt="Madeline Juno - Reservetank &amp; Butterfly Effect Cover" title="Madeline Juno - Reservetank &amp; Butterfly Effect Cover" src="/media/_processed_/5/d/csm_3000x3000-Cover-Reservetank-FINAL_de34dd9520.webp" width="500" height="500" />
1995                                    
1996                                    <!-- 
1997                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
1998                                        <div class="text-center">
1999                                      <div class="--playicon">
2000                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2001                                      </div>
2002                                      <span class="--info">Jetzt anhören</span>
2003                                      </div>
2004                                      </div>
2005                                     -->
2006                                    </div>
2007                                    <div class="-content mt-2">
2008                                      <div class="--titel d-flex align-items-center mb-2">
2009                                        
2010                                            <h3 class="mb-0">
2011                                              Reservetank &amp; Butterfly Effect
2012                                               
2013                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2014                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2015                                          </div>-->
2016                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2017                                        
2018                                            </h3>
2019                                        
2020                                        
2021                                        </div>
2022                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2023                                        
2024                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2025                                                2025
2026                                            </div>
2027                                        
2028                                    </div>
2029                                </a>
2030                            </div>
2031                        
2032                    
2033                      
2034                        
2035                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2036                                
2037                                <a href="https://madelinejuno.lnk.to/nurzubesuchakustik" target="_blank" rel="noreferrer" class="d-block">
2038                                  <div class="position-relative">
2039                                    
2040                                        <img alt="Madeline Juno - Nur zu Besuch (Akustik) Cover" title="Madeline Juno - Nur zu Besuch (Akustik) Cover" src="/media/_processed_/5/e/csm_Madeline_Juno_%E2%80%93_Gewissenlos__Cover__62a8c4c9ad.webp" width="500" height="500" />
2041                                    
2042                                    <!-- 
2043                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2044                                        <div class="text-center">
2045                                      <div class="--playicon">
2046                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2047                                      </div>
2048                                      <span class="--info">Jetzt anhören</span>
2049                                      </div>
2050                                      </div>
2051                                     -->
2052                                    </div>
2053                                    <div class="-content mt-2">
2054                                      <div class="--titel d-flex align-items-center mb-2">
2055                                        
2056                                            <h3 class="mb-0">
2057                                              Nur zu Besuch (Akustik)
2058                                               
2059                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2060                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2061                                          </div>-->
2062                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
2062ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2063                                        
2064                                            </h3>
2065                                        
2066                                        
2067                                        </div>
2068                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2069                                        
2070                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2071                                                2024
2072                                            </div>
2073                                        
2074                                    </div>
2075                                </a>
2076                            </div>
2077                        
2078                    
2079                      
2080                        
2081                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2082                                
2083                                <a href="https://madelinejuno.lnk.to/NichtIchAkustik" target="_blank" rel="noreferrer" class="d-block">
2084                                  <div class="position-relative">
2085                                    
2086                                        <img alt="Madeline Juno - Nicht ich (Akustik) Cover" title="Madeline Juno - Nicht ich (Akustik) Cover" src="/media/_processed_/5/e/csm_Madeline_Juno_%E2%80%93_Gewissenlos__Cover__62a8c4c9ad.webp" width="500" height="500" />
2087                                    
2088                                    <!-- 
2089                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2090                                        <div class="text-center">
2091                                      <div class="--playicon">
2092                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2093                                      </div>
2094                                      <span class="--info">Jetzt anhören</span>
2095                                      </div>
2096                                      </div>
2097                                     -->
2098                                    </div>
2099                                    <div class="-content mt-2">
2100                                      <div class="--titel d-flex align-items-center mb-2">
2101                                        
2102                                            <h3 class="mb-0">
2103                                              Nicht ich (Akustik)
2104                                               
2105                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2106                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2107                                          </div>-->
2108                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2109                                        
2110                                            </h3>
2111                                        
2112                                        
2113                                        </div>
2114                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2115                                        
2116                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2117                                                2024
2118                                            </div>
2119                                        
2120                                    </div>
2121                                </a>
2122                            </div>
2123                        
2124                    
2125                      
2126                        
2127                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2128                                
2129                                <a href="https://madelinejuno.lnk.to/wasweissichschonakustik" target="_blank" rel="noreferrer" class="d-block">
2130                                  <div class="position-relative">
2131                                    
2132                                        <img alt="Madeline Juno - Was weiß ich schon (Akustik) Cover" title="Madeline Juno - Was weiß ich schon (Akustik) Cover" src="/media/_processed_/5/e/csm_Madeline_Juno_%E2%80%93_Gewisse
2132nlos__Cover__62a8c4c9ad.webp" width="500" height="500" />
2133                                    
2134                                    <!-- 
2135                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2136                                        <div class="text-center">
2137                                      <div class="--playicon">
2138                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2139                                      </div>
2140                                      <span class="--info">Jetzt anhören</span>
2141                                      </div>
2142                                      </div>
2143                                     -->
2144                                    </div>
2145                                    <div class="-content mt-2">
2146                                      <div class="--titel d-flex align-items-center mb-2">
2147                                        
2148                                            <h3 class="mb-0">
2149                                              Was weiß ich schon (Akustik)
2150                                               
2151                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2152                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2153                                          </div>-->
2154                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2155                                        
2156                                            </h3>
2157                                        
2158                                        
2159                                        </div>
2160                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2161                                        
2162                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2163                                                2024
2164                                            </div>
2165                                        
2166                                    </div>
2167                                </a>
2168                            </div>
2169                        
2170                    
2171                      
2172                        
2173                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2174                                
2175                                <a href="https://madelinejuno.lnk.to/gewissenlosakustik" target="_blank" rel="noreferrer" class="d-block">
2176                                  <div class="position-relative">
2177                                    
2178                                        <img alt="Madeline Juno - Gewissenlos (Akustik) Cover" title="Madeline Juno - Gewissenlos (Akustik) Cover" src="/media/_processed_/5/e/csm_Madeline_Juno_%E2%80%93_Gewissenlos__Cover__62a8c4c9ad.webp" width="500" height="500" />
2179                                    
2180                                    <!-- 
2181                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2182                                        <div class="text-center">
2183                                      <div class="--playicon">
2184                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2185                                      </div>
2186                                      <span class="--info">Jetzt anhören</span>
2187                                      </div>
2188                                      </div>
2189                                     -->
2190                                    </div>
2191                                    <div class="-content mt-2">
2192                                      <div class="--titel d-flex align-items-center mb-2">
2193                                        
2194                                            <h3 class="mb-0">
2195                                              Gewissenlos (Akustik)
2196                                               
2197                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2198                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2199                                          </div>-->
2200                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2201                                        
2202                                            </h3>
2203                                        
2204                                        
2205                                        </div>
2206                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2207                                        
2208                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2209                                                2024
2210                                            </div>
2211                                        
2212                                    </div>
2213                                </a>
2214                            </div>
2215                        
2216                    
2217                      
2218                        
2219                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2220                                
2221                                <a href="https://madelinejuno.lnk.to/waszuverlierenakustik" target="_blank" rel="noreferrer" class="d-block">
2222                                  <div class="position-relative">
2223                                    
2224                                        <img alt="Madeline Juno - Was zu verlieren (Akustik) Cover" title="Madeline Juno - Was zu verlieren (Akustik) Cover" src="/media/_processed_/3/6/csm_Madeline_Juno_%E2%80%93_Nur_zu_Besuch__Cover__74d6d15912.webp" width="500" height="500" />
2225                                    
2226                                    <!-- 
2227                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2228                                        <div class="text-center">
2229                                      <div class="--playicon">
2230                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2231                                      </div>
2232                                      <span class="--info">Jetzt anhören</span>
2233                                      </div>
2234                                      </div>
2235                                     -->
2236                                    </div>
2237                                    <div class="-content mt-2">
2238                                      <div class="--titel d-flex align-items-center mb-2">
2239                                        
2240                                            <h3 class="mb-0">
2241                                              Was zu verlieren (Akustik)
2242                                               
2243                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2244                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2245                                          </div>-->
2246                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
2246ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2247                                        
2248                                            </h3>
2249                                        
2250                                        
2251                                        </div>
2252                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2253                                        
2254                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2255                                                2024
2256                                            </div>
2257                                        
2258                                    </div>
2259                                </a>
2260                            </div>
2261                        
2262                    
2263                      
2264                        
2265                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2266                                
2267                                <a href="https://madelinejuno.lnk.to/Wasweissichschon" target="_blank" rel="noreferrer" class="d-block">
2268                                  <div class="position-relative">
2269                                    
2270                                        <img alt="Madeline Juno - Was weiß ich schon Cover" title="Madeline Juno - Was weiß ich schon Cover" src="/media/_processed_/3/6/csm_Madeline_Juno_%E2%80%93_Nur_zu_Besuch__Cover__74d6d15912.webp" width="500" height="500" />
2271                                    
2272                                    <!-- 
2273                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2274                                        <div class="text-center">
2275                                      <div class="--playicon">
2276                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2277                                      </div>
2278                                      <span class="--info">Jetzt anhören</span>
2279                                      </div>
2280                                      </div>
2281                                     -->
2282                                    </div>
2283                                    <div class="-content mt-2">
2284                                      <div class="--titel d-flex align-items-center mb-2">
2285                                        
2286                                            <h3 class="mb-0">
2287                                              Was weiß ich schon
2288                                               
2289                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2290                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2291                                          </div>-->
2292                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2293                                        
2294                                            </h3>
2295                                        
2296                                        
2297                                        </div>
2298                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2299                                        
2300                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2301                                                2024
2302                                            </div>
2303                                        
2304                                    </div>
2305                                </a>
2306                            </div>
2307                        
2308                    
2309                      
2310                        
2311                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music album ">
2312                                
2313                                <a href="https://madelinejuno.lnk.to/NurzuBesuch" target="_blank" rel="noreferrer" class="d-block">
2314                                  <div class="position-relative">
2315                                    
2316                                        <img alt="Madeline Juno - Nur zu Besuch Cover" title="Madeline Juno - Nur zu Besuch Cover" src="/media/_processed_/c/1/csm_Madeline_Juno_%E2%80%93_Nur_zu_Besuch__Cover__7a98b8116b.webp" width="500" height="500" />
2317                                    
2318                                    <!-- 
2319                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2320                                        <div class="text-center">
2321                                      <div class="--playicon">
2322                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2323                                      </div>
2324                                      <span class="--info">Jetzt anhören</span>
2325                                      </div>
2326                                      </div>
2327                                     -->
2328                                    </div>
2329                                    <div class="-content mt-2">
2330                                      <div class="--titel d-flex align-items-center mb-2">
2331                                        
2332                                            <h3 class="mb-0">
2333                                              Nur zu Besuch
2334                                               
2335                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2336                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2337                                          </div>-->
2338                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2339                                        
2340                                            </h3>
2341                                        
2342                                        
2343                                        </div>
2344                                        <div class="--art px-3 py-1 d-inline-block">ALBUM</div>
2345                                        
2346                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2347                                                2024
2348                                            </div>
2349                                        
2350                                    </div>
2351                                </a>
2352                            </div>
2353                        
2354                    
2355                      
2356                        
2357                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2358                                
2359                                <a href="https://madelinejuno.lnk.to/NichtIch" target="_blank" rel="noreferrer" class="d-block">
2360                                  <div class="position-relative">
2361                                    
2362                                        <img alt="Madeline Juno - Nicht ich Cover" title="Madeline Juno - Nicht ich Cover" src="/media/_processed_/5/e/csm_Madeline_Juno_%E2%80%93_Gewissenlos__Cover__62a8c4c9ad.webp" width="500" height="500" />
2363                                    
2364                                    <!-- 
2365                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2366                                        <div class="text-center">
2367                                      <div class="--playicon">
2368                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2369                                      </div>
2370                                      <span class="--info">Jetzt anhören</span>
2371                                      </div>
2372                                      </div>
2373                                     -->
2374                                    </div>
2375                                    <div class="-content mt-2">
2376                                      <div class="--titel d-flex align-items-center mb-2">
2377                                        
2378                                            <h3 class="mb-0">
2379                                              Nicht ich
2380                                               
2381                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2382                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2383                                          </div>-->
2384                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
2384ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2385                                        
2386                                            </h3>
2387                                        
2388                                        
2389                                        </div>
2390                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2391                                        
2392                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2393                                                2024
2394                                            </div>
2395                                        
2396                                    </div>
2397                                </a>
2398                            </div>
2399                        
2400                    
2401                      
2402                        
2403                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2404                                
2405                                <a href="https://madelinejuno.lnk.to/NZB" target="_blank" rel="noreferrer" class="d-block">
2406                                  <div class="position-relative">
2407                                    
2408                                        <img alt="Madeline Juno - Nur zu Besuch Cover" title="Madeline Juno - Nur zu Besuch Cover" src="/media/_processed_/7/8/csm_Madeline_Juno_%E2%80%93_Nur_zu_Besuch__Single__9a963f619b.webp" width="500" height="500" />
2409                                    
2410                                    <!-- 
2411                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2412                                        <div class="text-center">
2413                                      <div class="--playicon">
2414                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2415                                      </div>
2416                                      <span class="--info">Jetzt anhören</span>
2417                                      </div>
2418                                      </div>
2419                                     -->
2420                                    </div>
2421                                    <div class="-content mt-2">
2422                                      <div class="--titel d-flex align-items-center mb-2">
2423                                        
2424                                            <h3 class="mb-0">
2425                                              Nur zu Besuch
2426                                               
2427                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2428                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2429                                          </div>-->
2430                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2431                                        
2432                                            </h3>
2433                                        
2434                                        
2435                                        </div>
2436                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2437                                        
2438                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2439                                                2023
2440                                            </div>
2441                                        
2442                                    </div>
2443                                </a>
2444                            </div>
2445                        
2446                    
2447                      
2448                        
2449                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2450                                
2451                                <a href="https://madelinejuno.lnk.to/versprichmirdugehst" target="_blank" rel="noreferrer" class="d-block">
2452                                  <div class="position-relative">
2453                                    
2454                                        <img alt="Madeline Juno - Versprich mir du gehst Cover" title="Madeline Juno - Versprich mir du gehst Cover" src="/media/_processed_/c/0/csm_Madeline_Juno_feat._1986zig_%E2%80%93_Versprich_mir_du_gehst__Cover__3baf9aa289.webp" width="500" height="500" />
2455                                    
2456                                    <!-- 
2457                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2458                                        <div class="text-center">
2459                                      <div class="--playicon">
2460                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2461                                      </div>
2462                                      <span class="--info">Jetzt anhören</span>
2463                                      </div>
2464                                      </div>
2465                                     -->
2466                                    </div>
2467                                    <div class="-content mt-2">
2468                                      <div class="--titel d-flex align-items-center mb-2">
2469                                        
2470                                            <h3 class="mb-0">
2471                                              Versprich mir du gehst
2472                                               
2473                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2474                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2475                                          </div>-->
2476                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2477                                        
2478                                            </h3>
2479                                        
2480                                        
2481                                        </div>
2482                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2483                                        
2484                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2485                                                2023
2486                                            </div>
2487                                        
2488                                    </div>
2489                                </a>
2490                            </div>
2491                        
2492                    
2493                      
2494                        
2495                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2496                                
2497                                <a href="https://madelinejuno.lnk.to/gewissenlos" target="_blank" rel="noreferrer" class="d-block">
2498                                  <div class="position-relative">
2499                                    
2500                                        <img alt="Madeline Juno - Gewissenlos Cover" title="Madeline Juno - Gewissenlos Cover" src="/media/_processed_/3/6/csm_Madeline_Juno_%E2%80%93_Nur_zu_Besuch__Cover__74d6d15912.webp" width="500" height="500" />
2501                                    
2502                                    <!-- 
2503                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2504                                        <div class="text-center">
2505                                      <div class="--playicon">
2506                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2507                                      </div>
2508                                      <span class="--info">Jetzt anhören</span>
2509                                      </div>
2510                                      </div>
2511                                     -->
2512                                    </div>
2513                                    <div class="-content mt-2">
2514                                      <div class="--titel d-flex align-items-center mb-2">
2515                                        
2516                                            <h3 class="mb-0">
2517                                              Gewissenlos
2518                                               
2519                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2520                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2521                                          </div>-->
2522                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2523                                        
2524                                            </h3>
2525                                        
2526                                        
2527                                        </div>
2528                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2529                                        
2530                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2531                                                2023
2532                                            </div>
2533                                        
2534                                    </div>
2535                                </a>
2536                            </div>
2537                        
2538                    
2539                      
2540                        
2541                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2542                                
2543                                <a href="https://madelinejuno.lnk.to/lovesong" target="_blank" rel="noreferrer" class="d-block">
2544                                  <div class="position-relative">
2545                                    
2546                                        <img alt="Madeline Juno - Lovesong Cover" title="Madeline Juno - Lovesong Cover" src="/media/_processed_/3/6/csm_Madeline_Juno_%E2%80%93_Nur_zu_Besuch__Cover__74d6d15912.webp" width="500" height="500" />
2547                                    
2548                                    <!-- 
2549                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2550                                        <div class="text-center">
2551                                      <div class="--playicon">
2552                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2553                                      </div>
2554                                      <span class="--info">Jetzt anhören</span>
2555                                      </div>
2556                                      </div>
2557                                     -->
2558                                    </div>
2559                                    <div class="-content mt-2">
2560                                      <div class="--titel d-flex align-items-center mb-2">
2561                                        
2562                                            <h3 class="mb-0">
2563                                              Lovesong
2564                                               
2565                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2566                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2567                                          </div>-->
2568                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
2568ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2569                                        
2570                                            </h3>
2571                                        
2572                                        
2573                                        </div>
2574                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2575                                        
2576                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2577                                                2023
2578                                            </div>
2579                                        
2580                                    </div>
2581                                </a>
2582                            </div>
2583                        
2584                    
2585                      
2586                        
2587                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music EP ">
2588                                
2589                                <a href="https://madelinejuno.lnk.to/MLremixep" target="_blank" rel="noreferrer" class="d-block">
2590                                  <div class="position-relative">
2591                                    
2592                                        <img alt="Madeline Juno - Murphy&#039;s Law (Remix EP) Cover" title="Madeline Juno - Murphy&#039;s Law (Remix EP) Cover" src="/media/_processed_/4/7/csm_artwork-440x440_1bd7cc04f9.webp" width="500" height="500" />
2593                                    
2594                                    <!-- 
2595                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2596                                        <div class="text-center">
2597                                      <div class="--playicon">
2598                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2599                                      </div>
2600                                      <span class="--info">Jetzt anhören</span>
2601                                      </div>
2602                                      </div>
2603                                     -->
2604                                    </div>
2605                                    <div class="-content mt-2">
2606                                      <div class="--titel d-flex align-items-center mb-2">
2607                                        
2608                                            <h3 class="mb-0">
2609                                              Murphy&#039;s Law (Remix EP)
2610                                               
2611                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2612                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2613                                          </div>-->
2614                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2615                                        
2616                                            </h3>
2617                                        
2618                                        
2619                                        </div>
2620                                        <div class="--art px-3 py-1 d-inline-block">EP</div>
2621                                        
2622                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2623                                                2023
2624                                            </div>
2625                                        
2626                                    </div>
2627                                </a>
2628                            </div>
2629                        
2630                    
2631                      
2632                        
2633                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2634                                
2635                                <a href="https://madelinejuno.lnk.to/murphyslaw" target="_blank" rel="noreferrer" class="d-block">
2636                                  <div class="position-relative">
2637                                    
2638                                        <img alt="Madeline Juno - Murphy’s Law Cover" title="Madeline Juno - Murphy’s Law Cover" src="/media/_processed_/e/1/csm_Madeline_Juno_%E2%80%93_Murphys_Law__Cover__44191f5337.webp" width="500" height="500" />
2639                                    
2640                                    <!-- 
2641                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2642                                        <div class="text-center">
2643                                      <div class="--playicon">
2644                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2645                                      </div>
2646                                      <span class="--info">Jetzt anhören</span>
2647                                      </div>
2648                                      </div>
2649                                     -->
2650                                    </div>
2651                                    <div class="-content mt-2">
2652                                      <div class="--titel d-flex align-items-center mb-2">
2653                                        
2654                                            <h3 class="mb-0">
2655                                              Murphy’s Law
2656                                               
2657                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2658                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2659                                          </div>-->
2660                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2661                                        
2662                                            </h3>
2663                                        
2664                                        
2665                                        </div>
2666                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2667                                        
2668                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2669                                                2023
2670                                            </div>
2671                                        
2672                                    </div>
2673                                </a>
2674                            </div>
2675                        
2676                    
2677                      
2678                        
2679                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2680                                
2681                                <a href="https://madelinejuno.lnk.to/ichsterbezuerst" target="_blank" rel="noreferrer" class="d-block">
2682                                  <div class="position-relative">
2683                                    
2684                                        <img alt="Madeline Juno - Ich sterbe zuerst Cover" title="Madeline Juno - Ich sterbe zuerst Cover" src="/media/_processed_/d/4/csm_Madeline_Juno_%E2%80%93_Ich_sterbe_zuerst__Cover__6af109a627.webp" width="500" height="500" />
2685                                    
2686                                    <!-- 
2687                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2688                                        <div class="text-center">
2689                                      <div class="--playicon">
2690                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2691                                      </div>
2692                                      <span class="--info">Jetzt anhören</span>
2693                                      </div>
2694                                      </div>
2695                                     -->
2696                                    </div>
2697                                    <div class="-content mt-2">
2698                                      <div class="--titel d-flex align-items-center mb-2">
2699                                        
2700                                            <h3 class="mb-0">
2701                                              Ich sterbe zuerst
2702                                               
2703                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2704                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2705                                          </div>-->
2706                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
2706ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2707                                        
2708                                            </h3>
2709                                        
2710                                        
2711                                        </div>
2712                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2713                                        
2714                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2715                                                2023
2716                                            </div>
2717                                        
2718                                    </div>
2719                                </a>
2720                            </div>
2721                        
2722                    
2723                      
2724                        
2725                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2726                                
2727                                <a href="https://madelinejuno.lnk.to/normalfuehlenakustik" target="_blank" rel="noreferrer" class="d-block">
2728                                  <div class="position-relative">
2729                                    
2730                                        <img alt="Madeline Juno - Normal fühlen (Akustik) Cover" title="Madeline Juno - Normal fühlen (Akustik) Cover" src="/media/_processed_/a/4/csm_Madeline_Juno_feat._Alex_Lys_%E2%80%93_Normal_f%C3%BChlen__Akustik-Cover__9e4071d37e.webp" width="500" height="500" />
2731                                    
2732                                    <!-- 
2733                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2734                                        <div class="text-center">
2735                                      <div class="--playicon">
2736                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2737                                      </div>
2738                                      <span class="--info">Jetzt anhören</span>
2739                                      </div>
2740                                      </div>
2741                                     -->
2742                                    </div>
2743                                    <div class="-content mt-2">
2744                                      <div class="--titel d-flex align-items-center mb-2">
2745                                        
2746                                            <h3 class="mb-0">
2747                                              Normal fühlen (Akustik)
2748                                               
2749                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2750                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2751                                          </div>-->
2752                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2753                                        
2754                                            </h3>
2755                                        
2756                                        
2757                                        </div>
2758                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2759                                        
2760                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2761                                                2022
2762                                            </div>
2763                                        
2764                                    </div>
2765                                </a>
2766                            </div>
2767                        
2768                    
2769                      
2770                        
2771                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music album ">
2772                                
2773                                <a href="https://madelinejuno.lnk.to/BKIENEdeluxe" target="_blank" rel="noreferrer" class="d-block">
2774                                  <div class="position-relative">
2775                                    
2776                                        <img alt="Madeline Juno - Besser kann ich es nicht erklären Cover" title="Madeline Juno - Besser kann ich es nicht erklären Cover" src="/media/_processed_/2/3/csm_Madeline_Juno_%E2%80%93_Besser_kann_ich_es_nicht_erkl%C3%A4ren__Cover__a6bb448e22.webp" width="500" height="500" />
2777                                    
2778                                    <!-- 
2779                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2780                                        <div class="text-center">
2781                                      <div class="--playicon">
2782                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2783                                      </div>
2784                                      <span class="--info">Jetzt anhören</span>
2785                                      </div>
2786                                      </div>
2787                                     -->
2788                                    </div>
2789                                    <div class="-content mt-2">
2790                                      <div class="--titel d-flex align-items-center mb-2">
2791                                        
2792                                            <h3 class="mb-0">
2793                                              Besser kann ich es nicht erklären
2794                                               
2795                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2796                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2797                                          </div>-->
2798                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2799                                        
2800                                            </h3>
2801                                        
2802                                        
2803                                        </div>
2804                                        <div class="--art px-3 py-1 d-inline-block">ALBUM</div>
2805                                        
2806                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2807                                                2022
2808                                            </div>
2809                                        
2810                                    </div>
2811                                </a>
2812                            </div>
2813                        
2814                    
2815                      
2816                        
2817                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2818                                
2819                                <a href="https://madelinejuno.lnk.to/lastchristmas" target="_blank" rel="noreferrer" class="d-block">
2820                                  <div class="position-relative">
2821                                    
2822                                        <img alt="Madeline Juno - Last Christmas Cover" title="Madeline Juno - Last Christmas Cover" src="/media/_processed_/2/8/csm_Madeline_Juno_%E2%80%93_Last_Christmas__Cover__b88788edbe.webp" width="500" height="500" />
2823                                    
2824                                    <!-- 
2825                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2826                                        <div class="text-center">
2827                                      <div class="--playicon">
2828                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2829                                      </div>
2830                                      <span class="--info">Jetzt anhören</span>
2831                                      </div>
2832                                      </div>
2833                                     -->
2834                                    </div>
2835                                    <div class="-content mt-2">
2836                                      <div class="--titel d-flex align-items-center mb-2">
2837                                        
2838                                            <h3 class="mb-0">
2839                                              Last Christmas
2840                                               
2841                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2842                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2843                                          </div>-->
2844                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
2844ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2845                                        
2846                                            </h3>
2847                                        
2848                                        
2849                                        </div>
2850                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2851                                        
2852                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2853                                                2021
2854                                            </div>
2855                                        
2856                                    </div>
2857                                </a>
2858                            </div>
2859                        
2860                    
2861                      
2862                        
2863                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2864                                
2865                                <a href="https://madelinejuno.lnk.to/novemberakustik" target="_blank" rel="noreferrer" class="d-block">
2866                                  <div class="position-relative">
2867                                    
2868                                        <img alt="Madeline Juno - November (Akustik) Cover" title="Madeline Juno - November (Akustik) Cover" src="/media/_processed_/2/5/csm_Madeline_Juno_feat._Esther_Graf_%E2%80%93_November__Akustik-Cover__49183
28680c6a1.webp" width="500" height="500" />
2869                                    
2870                                    <!-- 
2871                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2872                                        <div class="text-center">
2873                                      <div class="--playicon">
2874                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2875                                      </div>
2876                                      <span class="--info">Jetzt anhören</span>
2877                                      </div>
2878                                      </div>
2879                                     -->
2880                                    </div>
2881                                    <div class="-content mt-2">
2882                                      <div class="--titel d-flex align-items-center mb-2">
2883                                        
2884                                            <h3 class="mb-0">
2885                                              November (Akustik)
2886                                               
2887                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2888                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2889                                          </div>-->
2890                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2891                                        
2892                                            </h3>
2893                                        
2894                                        
2895                                        </div>
2896                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2897                                        
2898                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2899                                                2021
2900                                            </div>
2901                                        
2902                                    </div>
2903                                </a>
2904                            </div>
2905                        
2906                    
2907                      
2908                        
2909                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2910                                
2911                                <a href="https://madelinejunomaxgiesinger.lnk.to/Nurkurzgluecklich" target="_blank" rel="noreferrer" class="d-block">
2912                                  <div class="position-relative">
2913                                    
2914                                        <img alt="Madeline Juno - Nur kurz glücklich Cover" title="Madeline Juno - Nur kurz glücklich Cover" src="/media/_processed_/6/9/csm_Madeline_Juno_feat._Max_Giesinger_%E2%80%93_Nur_kurz_gl%C3%BCcklich__Cover__338bf361cf.webp" width="500" height="500" />
2915                                    
2916                                    <!-- 
2917                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2918                                        <div class="text-center">
2919                                      <div class="--playicon">
2920                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2921                                      </div>
2922                                      <span class="--info">Jetzt anhören</span>
2923                                      </div>
2924                                      </div>
2925                                     -->
2926                                    </div>
2927                                    <div class="-content mt-2">
2928                                      <div class="--titel d-flex align-items-center mb-2">
2929                                        
2930                                            <h3 class="mb-0">
2931                                              Nur kurz glücklich
2932                                               
2933                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2934                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2935                                          </div>-->
2936                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2937                                        
2938                                            </h3>
2939                                        
2940                                        
2941                                        </div>
2942                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2943                                        
2944                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2945                                                2021
2946                                            </div>
2947                                        
2948                                    </div>
2949                                </a>
2950                            </div>
2951                        
2952                    
2953                      
2954                        
2955                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
2956                                
2957                                <a href="https://madelinejuno.lnk.to/SSD" target="_blank" rel="noreferrer" class="d-block">
2958                                  <div class="position-relative">
2959                                    
2960                                        <img alt="Madeline Juno - Sommer, Sonne, Depression Cover" title="Madeline Juno - Sommer, Sonne, Depression Cover" src="/media/_processed_/5/b/csm_Madeline_Juno_%E2%80%93_Sommer__Sonne__Depression__Cover__d16b27b71f.webp" width="500" height="500" />
2961                                    
2962                                    <!-- 
2963                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
2964                                        <div class="text-center">
2965                                      <div class="--playicon">
2966                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2967                                      </div>
2968                                      <span class="--info">Jetzt anhören</span>
2969                                      </div>
2970                                      </div>
2971                                     -->
2972                                    </div>
2973                                    <div class="-content mt-2">
2974                                      <div class="--titel d-flex align-items-center mb-2">
2975                                        
2976                                            <h3 class="mb-0">
2977                                              Sommer, Sonne, Depression
2978                                               
2979                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
2980                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
2981                                          </div>-->
2982                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
2982ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
2983                                        
2984                                            </h3>
2985                                        
2986                                        
2987                                        </div>
2988                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
2989                                        
2990                                            <div class="--art px-3 py-1 d-inline-block ms-2">
2991                                                2021
2992                                            </div>
2993                                        
2994                                    </div>
2995                                </a>
2996                            </div>
2997                        
2998                    
2999                      
3000                        
3001                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3002                                
3003                                <a href="https://madelinejuno.lnk.to/twdwakustik" target="_blank" rel="noreferrer" class="d-block">
3004                                  <div class="position-relative">
3005                                    
3006                                        <img alt="Madeline Juno - Tu was du willst (Akustik) Cover" title="Madeline Juno - Tu was du willst (Akustik) Cover" src="/media/_processed_/d/9/csm_ab67616d0000b27323053419f4fb6aaa5135dd38_c7b9e1b28a.webp" width="500" height="500" />
3007                                    
3008                                    <!-- 
3009                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3010                                        <div class="text-center">
3011                                      <div class="--playicon">
3012                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3013                                      </div>
3014                                      <span class="--info">Jetzt anhören</span>
3015                                      </div>
3016                                      </div>
3017                                     -->
3018                                    </div>
3019                                    <div class="-content mt-2">
3020                                      <div class="--titel d-flex align-items-center mb-2">
3021                                        
3022                                            <h3 class="mb-0">
3023                                              Tu was du willst (Akustik)
3024                                               
3025                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3026                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3027                                          </div>-->
3028                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3029                                        
3030                                            </h3>
3031                                        
3032                                        
3033                                        </div>
3034                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3035                                        
3036                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3037                                                2021
3038                                            </div>
3039                                        
3040                                    </div>
3041                                </a>
3042                            </div>
3043                        
3044                    
3045                      
3046                        
3047                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3048                                
3049                                <a href="https://madelinejuno.lnk.to/tuwasduwillst" target="_blank" rel="noreferrer" class="d-block">
3050                                  <div class="position-relative">
3051                                    
3052                                        <img alt="Madeline Juno - Tu was du willst Cover" title="Madeline Juno - Tu was du willst Cover" src="/media/_processed_/6/a/csm_Madeline_Juno_%E2%80%93_Tu_was_du_willst__Cover__1e173ddc72.webp" width="500" height="500" />
3053                                    
3054                                    <!-- 
3055                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3056                                        <div class="text-center">
3057                                      <div class="--playicon">
3058                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3059                                      </div>
3060                                      <span class="--info">Jetzt anhören</span>
3061                                      </div>
3062                                      </div>
3063                                     -->
3064                                    </div>
3065                                    <div class="-content mt-2">
3066                                      <div class="--titel d-flex align-items-center mb-2">
3067                                        
3068                                            <h3 class="mb-0">
3069                                              Tu was du willst
3070                                               
3071                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3072                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3073                                          </div>-->
3074                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3075                                        
3076                                            </h3>
3077                                        
3078                                        
3079                                        </div>
3080                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3081                                        
3082                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3083                                                2021
3084                                            </div>
3085                                        
3086                                    </div>
3087                                </a>
3088                            </div>
3089                        
3090                    
3091                      
3092                        
3093                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music EP ">
3094                                
3095                                <a href="https://madelinejuno.lnk.to/Bevorichdichvergesse_EP" target="_blank" rel="noreferrer" class="d-block">
3096                                  <div class="position-relative">
3097                                    
3098                                        <img alt="Madeline Juno - Bevor ich dich vergesse (EP) Cover" title="Madeline Juno - Bevor ich dich vergesse (EP) Cover" src="/media/_processed_/9/6/csm_Madeline_Juno_%E2%80%93_Bevor_ich_dich_vergesse__Cover__d53cae6dcb.webp" width="500" height="500" />
3099                                    
3100                                    <!-- 
3101                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3102                                        <div class="text-center">
3103                                      <div class="--playicon">
3104                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3105                                      </div>
3106                                      <span class="--info">Jetzt anhören</span>
3107                                      </div>
3108                                      </div>
3109                                     -->
3110                                    </div>
3111                                    <div class="-content mt-2">
3112                                      <div class="--titel d-flex align-items-center mb-2">
3113                                        
3114                                            <h3 class="mb-0">
3115                                              Bevor ich dich vergesse (EP)
3116                                               
3117                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3118                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3119                                          </div>-->
3120                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
3120ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3121                                        
3122                                            </h3>
3123                                        
3124                                        
3125                                        </div>
3126                                        <div class="--art px-3 py-1 d-inline-block">EP</div>
3127                                        
3128                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3129                                                2021
3130                                            </div>
3131                                        
3132                                    </div>
3133                                </a>
3134                            </div>
3135                        
3136                    
3137                      
3138                        
3139                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3140                                
3141                                <a href="https://madelinejuno.lnk.to/lassmichlospiano" target="_blank" rel="noreferrer" class="d-block">
3142                                  <div class="position-relative">
3143                                    
3144                                        <img alt="Madeline Juno - Lass mich los (Akustik) Cover" title="Madeline Juno - Lass mich los (Akustik) Cover" src="/media/_processed_/6/c/csm_lmlartwork-440x440_e58f94d55e.webp" width="500" height="500" />
3145                                    
3146                                    <!-- 
3147                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3148                                        <div class="text-center">
3149                                      <div class="--playicon">
3150                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3151                                      </div>
3152                                      <span class="--info">Jetzt anhören</span>
3153                                      </div>
3154                                      </div>
3155                                     -->
3156                                    </div>
3157                                    <div class="-content mt-2">
3158                                      <div class="--titel d-flex align-items-center mb-2">
3159                                        
3160                                            <h3 class="mb-0">
3161                                              Lass mich los (Akustik)
3162                                               
3163                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3164                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3165                                          </div>-->
3166                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3167                                        
3168                                            </h3>
3169                                        
3170                                        
3171                                        </div>
3172                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3173                                        
3174                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3175                                                2021
3176                                            </div>
3177                                        
3178                                    </div>
3179                                </a>
3180                            </div>
3181                        
3182                    
3183                      
3184                        
3185                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3186                                
3187                                <a href="https://madelinejuno.lnk.to/lassmichlos" target="_blank" rel="noreferrer" class="d-block">
3188                                  <div class="position-relative">
3189                                    
3190                                        <img alt="Madeline Juno - Lass mich los Cover" title="Madeline Juno - Lass mich los Cover" src="/media/_processed_/b/5/csm_Madeline_Juno_%E2%80%93_Lass_mich_los__Cover__dba2d88292.webp" width="500" height="500" />
3191                                    
3192                                    <!-- 
3193                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3194                                        <div class="text-center">
3195                                      <div class="--playicon">
3196                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3197                                      </div>
3198                                      <span class="--info">Jetzt anhören</span>
3199                                      </div>
3200                                      </div>
3201                                     -->
3202                                    </div>
3203                                    <div class="-content mt-2">
3204                                      <div class="--titel d-flex align-items-center mb-2">
3205                                        
3206                                            <h3 class="mb-0">
3207                                              Lass mich los
3208                                               
3209                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3210                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3211                                          </div>-->
3212                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3213                                        
3214                                            </h3>
3215                                        
3216                                        
3217                                        </div>
3218                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3219                                        
3220                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3221                                                2021
3222                                            </div>
3223                                        
3224                                    </div>
3225                                </a>
3226                            </div>
3227                        
3228                    
3229                      
3230                        
3231                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3232                                
3233                                <a href="https://madelinejuno.lnk.to/ueberdich" target="_blank" rel="noreferrer" class="d-block">
3234                                  <div class="position-relative">
3235                                    
3236                                        <img alt="Madeline Juno - Über Dich Cover" title="Madeline Juno - Über Dich Cover" src="/media/_processed_/2/6/csm_Madeline_Juno_%E2%80%93_%C3%9Cber_Dich__Cover__ed7fc99e69.webp" width="500" height="500" />
3237                                    
3238                                    <!-- 
3239                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3240                                        <div class="text-center">
3241                                      <div class="--playicon">
3242                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3243                                      </div>
3244                                      <span class="--info">Jetzt anhören</span>
3245                                      </div>
3246                                      </div>
3247                                     -->
3248                                    </div>
3249                                    <div class="-content mt-2">
3250                                      <div class="--titel d-flex align-items-center mb-2">
3251                                        
3252                                            <h3 class="mb-0">
3253                                              Über Dich
3254                                               
3255                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3256                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3257                                          </div>-->
3258                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
3258ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3259                                        
3260                                            </h3>
3261                                        
3262                                        
3263                                        </div>
3264                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3265                                        
3266                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3267                                                2020
3268                                            </div>
3269                                        
3270                                    </div>
3271                                </a>
3272                            </div>
3273                        
3274                    
3275                      
3276                        
3277                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3278                                
3279                                <a href="https://madelinejuno.lnk.to/obsolet" target="_blank" rel="noreferrer" class="d-block">
3280                                  <div class="position-relative">
3281                                    
3282                                        <img alt="Madeline Juno - Obsolet Cover" title="Madeline Juno - Obsolet Cover" src="/media/_processed_/b/d/csm_Madeline_Juno_%E2%80%93_Obsolet__Cover__86d2e02f43.webp" width="500" height="500" />
3283                                    
3284                                    <!-- 
3285                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3286                                        <div class="text-center">
3287                                      <div class="--playicon">
3288                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3289                                      </div>
3290                                      <span class="--info">Jetzt anhören</span>
3291                                      </div>
3292                                      </div>
3293                                     -->
3294                                    </div>
3295                                    <div class="-content mt-2">
3296                                      <div class="--titel d-flex align-items-center mb-2">
3297                                        
3298                                            <h3 class="mb-0">
3299                                              Obsolet
3300                                               
3301                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3302                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3303                                          </div>-->
3304                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3305                                        
3306                                            </h3>
3307                                        
3308                                        
3309                                        </div>
3310                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3311                                        
3312                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3313                                                2020
3314                                            </div>
3315                                        
3316                                    </div>
3317                                </a>
3318                            </div>
3319                        
3320                    
3321                      
3322                        
3323                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3324                                
3325                                <a href="https://madelinejuno.lnk.to/grundgenugakustik" target="_blank" rel="noreferrer" class="d-block">
3326                                  <div class="position-relative">
3327                                    
3328                                        <img alt="Madeline Juno - Grund genug (Akustik) Cover" title="Madeline Juno - Grund genug (Akustik) Cover" src="/media/_processed_/1/0/csm_41FxbSpUJEL._UXNaN_FMjpg_QL85__16f5a4f5e4.webp" width="500" height="500" />
3329                                    
3330                                    <!-- 
3331                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3332                                        <div class="text-center">
3333                                      <div class="--playicon">
3334                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3335                                      </div>
3336                                      <span class="--info">Jetzt anhören</span>
3337                                      </div>
3338                                      </div>
3339                                     -->
3340                                    </div>
3341                                    <div class="-content mt-2">
3342                                      <div class="--titel d-flex align-items-center mb-2">
3343                                        
3344                                            <h3 class="mb-0">
3345                                              Grund genug (Akustik)
3346                                               
3347                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3348                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3349                                          </div>-->
3350                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3351                                        
3352                                            </h3>
3353                                        
3354                                        
3355                                        </div>
3356                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3357                                        
3358                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3359                                                2020
3360                                            </div>
3361                                        
3362                                    </div>
3363                                </a>
3364                            </div>
3365                        
3366                    
3367                      
3368                        
3369                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music album ">
3370                                
3371                                <a href="https://madelinejuno.lnk.to/Wasbleibt" target="_blank" rel="noreferrer" class="d-block">
3372                                  <div class="position-relative">
3373                                    
3374                                        <img alt="Madeline Juno - Was bleibt Cover" title="Madeline Juno - Was bleibt Cover" src="/media/_processed_/e/c/csm_Madeline_Juno_%E2%80%93_Was_bleibt__Cover__eaab200c17.webp" width="500" height="500" />
3375                                    
3376                                    <!-- 
3377                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3378                                        <div class="text-center">
3379                                      <div class="--playicon">
3380                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3381                                      </div>
3382                                      <span class="--info">Jetzt anhören</span>
3383                                      </div>
3384                                      </div>
3385                                     -->
3386                                    </div>
3387                                    <div class="-content mt-2">
3388                                      <div class="--titel d-flex align-items-center mb-2">
3389                                        
3390                                            <h3 class="mb-0">
3391                                              Was bleibt
3392                                               
3393                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3394                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3395                                          </div>-->
3396                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
3396ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3397                                        
3398                                            </h3>
3399                                        
3400                                        
3401                                        </div>
3402                                        <div class="--art px-3 py-1 d-inline-block">ALBUM</div>
3403                                        
3404                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3405                                                2019
3406                                            </div>
3407                                        
3408                                    </div>
3409                                </a>
3410                            </div>
3411                        
3412                    
3413                      
3414                        
3415                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3416                                
3417                                <a href="https://madelinejuno.lnk.to/wasbleibtakustik" target="_blank" rel="noreferrer" class="d-block">
3418                                  <div class="position-relative">
3419                                    
3420                                        <img alt="Madeline Juno - Was bleibt (Akustik) Cover" title="Madeline Juno - Was bleibt (Akustik) Cover" src="/media/_processed_/3/9/csm_wbartwork-440x440_0bcacdd0c6.webp" width="500" height="500" />
3421                                    
3422                                    <!-- 
3423                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3424                                        <div class="text-center">
3425                                      <div class="--playicon">
3426                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3427                                      </div>
3428                                      <span class="--info">Jetzt anhören</span>
3429                                      </div>
3430                                      </div>
3431                                     -->
3432                                    </div>
3433                                    <div class="-content mt-2">
3434                                      <div class="--titel d-flex align-items-center mb-2">
3435                                        
3436                                            <h3 class="mb-0">
3437                                              Was bleibt (Akustik)
3438                                               
3439                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3440                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3441                                          </div>-->
3442                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3443                                        
3444                                            </h3>
3445                                        
3446                                        
3447                                        </div>
3448                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3449                                        
3450                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3451                                                2019
3452                                            </div>
3453                                        
3454                                    </div>
3455                                </a>
3456                            </div>
3457                        
3458                    
3459                      
3460                        
3461                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3462                                
3463                                
3464                                  <div class="position-relative">
3465                                    
3466                                        <img alt="Madeline Juno - Grund genug Cover" title="Madeline Juno - Grund genug Cover" src="/media/_processed_/d/7/csm_Madeline_Juno_%E2%80%93_Was_bleibt__Single-Covers__5a467627c2.webp" width="500" height="500" />
3467                                    
3468                                    <!--  -->
3469                                    </div>
3470                                    <div class="-content mt-2">
3471                                      <div class="--titel d-flex align-items-center mb-2">
3472                                        
3473                                            <h3 class="mb-0">
3474                                              Grund genug
3475                                               
3476                                            </h3>
3477                                        
3478                                        
3479                                        </div>
3480                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3481                                        
3482                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3483                                                2019
3484                                            </div>
3485                                        
3486                                    </div>
3487                                
3488                            </div>
3489                        
3490                    
3491                      
3492                        
3493                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3494                                
3495                                
3496                                  <div class="position-relative">
3497                                    
3498                                        <img alt="Madeline Juno - Automatisch Cover" title="Madeline Juno - Automatisch Cover" src="/media/_processed_/d/7/csm_Madeline_Juno_%E2%80%93_Was_bleibt__Single-Covers__5a467627c2.webp" width="500" height="500" />
3499                                    
3500                                    <!--  -->
3501                                    </div>
3502                                    <div class="-content mt-2">
3503                                      <div class="--titel d-flex align-items-center mb-2">
3504                                        
3505                                            <h3 class="mb-0">
3506                                              Automatisch
3507                                               
3508                                            </h3>
3509                                        
3510                                        
3511                                        </div>
3512                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3513                                        
3514                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3515                                                2019
3516                                            </div>
3517                                        
3518                                    </div>
3519                                
3520                            </div>
3521                        
3522                    
3523                      
3524                        
3525                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3526                                
3527                                <a href="https://embassyofmusic.lnk.to/MadelineJunoGibdochnach" target="_blank" rel="noreferrer" class="d-block">
3528                                  <div class="position-relative">
3529                                    
3530                                        <img alt="Madeline Juno - Gib doch nach Cover" title="Madeline Juno - Gib doch nach Cover" src="/media/_processed_/d/7/csm_Madeline_Juno_%E2%80%93_Was_bleibt__Single-Covers__5a467627c2.webp" width="500" height="500" />
3531                                    
3532                                    <!-- 
3533                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3534                                        <div class="text-center">
3535                                      <div class="--playicon">
3536                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3537                                      </div>
3538                                      <span class="--info">Jetzt anhören</span>
3539                                      </div>
3540                                      </div>
3541                                     -->
3542                                    </div>
3543                                    <div class="-content mt-2">
3544                                      <div class="--titel d-flex align-items-center mb-2">
3545                                        
3546                                            <h3 class="mb-0">
3547                                              Gib doch nach
3548                                               
3549                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3550                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3551                                          </div>-->
3552                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3553                                        
3554                                            </h3>
3555                                        
3556                                        
3557                                        </div>
3558                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3559                                        
3560                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3561                                                2019
3562                                            </div>
3563                                        
3564                                    </div>
3565                                </a>
3566                            </div>
3567                        
3568                    
3569                      
3570                        
3571                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3572                                
3573                                <a href="https://madelinejuno.lnk.to/Borderline" target="_blank" rel="noreferrer" class="d-block">
3574                                  <div class="position-relative">
3575                                    
3576                                        <img alt="Madeline Juno - Borderline Cover" title="Madeline Juno - Borderline Cover" src="/media/_processed_/7/f/csm_Madeline_Juno_%E2%80%93_Borderline__Cover__76756db41e.webp" width="500" height="500" />
3577                                    
3578                                    <!-- 
3579                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3580                                        <div class="text-center">
3581                                      <div class="--playicon">
3582                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3583                                      </div>
3584                                      <span class="--info">Jetzt anhören</span>
3585                                      </div>
3586                                      </div>
3587                                     -->
3588                                    </div>
3589                                    <div class="-content mt-2">
3590                                      <div class="--titel d-flex align-items-center mb-2">
3591                                        
3592                                            <h3 class="mb-0">
3593                                              Borderline
3594                                               
3595                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3596                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3597                                          </div>-->
3598                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewB
3598ox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3599                                        
3600                                            </h3>
3601                                        
3602                                        
3603                                        </div>
3604                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3605                                        
3606                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3607                                                2018
3608                                            </div>
3609                                        
3610                                    </div>
3611                                </a>
3612                            </div>
3613                        
3614                    
3615                      
3616                        
3617                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3618                                
3619                                <a href="https://madelinejuno.lnk.to/SchattenOhneLicht" target="_blank" rel="noreferrer" class="d-block">
3620                                  <div class="position-relative">
3621                                    
3622                                        <img alt="Madeline Juno - Schatten ohne Licht Cover" title="Madeline Juno - Schatten ohne Licht Cover" src="/media/_processed_/1/9/csm_Madeline_Juno_%E2%80%93_Schatten_ohne_Licht__Cover__67e834baee.webp" width="500" height="500" />
3623                                    
3624                                    <!-- 
3625                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3626                                        <div class="text-center">
3627                                      <div class="--playicon">
3628                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3629                                      </div>
3630                                      <span class="--info">Jetzt anhören</span>
3631                                      </div>
3632                                      </div>
3633                                     -->
3634                                    </div>
3635                                    <div class="-content mt-2">
3636                                      <div class="--titel d-flex align-items-center mb-2">
3637                                        
3638                                            <h3 class="mb-0">
3639                                              Schatten ohne Licht
3640                                               
3641                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3642                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3643                                          </div>-->
3644                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3645                                        
3646                                            </h3>
3647                                        
3648                                        
3649                                        </div>
3650                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3651                                        
3652                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3653                                                2018
3654                                            </div>
3655                                        
3656                                    </div>
3657                                </a>
3658                            </div>
3659                        
3660                    
3661                      
3662                        
3663                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music album ">
3664                                
3665                                <a href="https://madelinejuno.lnk.to/DNA" target="_blank" rel="noreferrer" class="d-block">
3666                                  <div class="position-relative">
3667                                    
3668                                        <img alt="Madeline Juno - DNA Cover" title="Madeline Juno - DNA Cover" src="/media/_processed_/4/1/csm_Madeline_Juno_%E2%80%93_DNA__Cover__1ccbcf9844.webp" width="500" height="500" />
3669                                    
3670                                    <!-- 
3671                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3672                                        <div class="text-center">
3673                                      <div class="--playicon">
3674                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3675                                      </div>
3676                                      <span class="--info">Jetzt anhören</span>
3677                                      </div>
3678                                      </div>
3679                                     -->
3680                                    </div>
3681                                    <div class="-content mt-2">
3682                                      <div class="--titel d-flex align-items-center mb-2">
3683                                        
3684                                            <h3 class="mb-0">
3685                                              DNA
3686                                               
3687                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3688                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3689                                          </div>-->
3690                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3691                                        
3692                                            </h3>
3693                                        
3694                                        
3695                                        </div>
3696                                        <div class="--art px-3 py-1 d-inline-block">ALBUM</div>
3697                                        
3698                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3699                                                2017
3700                                            </div>
3701                                        
3702                                    </div>
3703                                </a>
3704                            </div>
3705                        
3706                    
3707                      
3708                        
3709                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3710                                
3711                                
3712                                  <div class="position-relative">
3713                                    
3714                                        <img alt="Madeline Juno - Halt mich fest Cover" title="Madeline Juno - Halt mich fest Cover" src="/media/_processed_/3/4/csm_Madeline_Juno_%E2%80%93_Halt_mich_fest__Cover__b133e63c31.webp" width="500" height="500" />
3715                                    
3716                                    <!--  -->
3717                                    </div>
3718                                    <div class="-content mt-2">
3719                                      <div class="--titel d-flex align-items-center mb-2">
3720                                        
3721                                            <h3 class="mb-0">
3722                                              Halt mich fest
3723                                               
3724                                            </h3>
3725                                        
3726                                        
3727                                        </div>
3728                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3729                                        
3730                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3731                                                2017
3732                                            </div>
3733                                        
3734                                    </div>
3735                                
3736                            </div>
3737                        
3738                    
3739                      
3740                        
3741                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3742                                
3743                                
3744                                  <div class="position-relative">
3745                                    
3746                                        <img alt="Madeline Juno - Gift Cover" title="Madeline Juno - Gift Cover" src="/media/_processed_/1/6/csm_Madeline_Juno_%E2%80%93_Gift__Cover__fcb48114db.webp" width="500" height="500" />
3747                                    
3748                                    <!--  -->
3749                                    </div>
3750                                    <div class="-content mt-2">
3751                                      <div class="--titel d-flex align-items-center mb-2">
3752                                        
3753                                            <h3 class="mb-0">
3754                                              Gift
3755                                               
3756                                            </h3>
3757                                        
3758                                        
3759                                        </div>
3760                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3761                                        
3762                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3763                                                2017
3764                                            </div>
3765                                        
3766                                    </div>
3767                                
3768                            </div>
3769                        
3770                    
3771                      
3772                        
3773                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3774                                
3775                                <a href="https://madelinejuno.lnk.to/Still" target="_blank" rel="noreferrer" class="d-block">
3776                                  <div class="position-relative">
3777                                    
3778                                        <img alt="Madeline Juno - Still Cover" title="Madeline Juno - Still Cover" src="/media/_processed_/1/7/csm_Madeline_Juno_%E2%80%93_Still__Cover__2fcdbca078.webp" width="500" height="500" />
3779                                    
3780                                    <!-- 
3781                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3782                                        <div class="text-center">
3783                                      <div class="--playicon">
3784                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3785                                      </div>
3786                                      <span class="--info">Jetzt anhören</span>
3787                                      </div>
3788                                      </div>
3789                                     -->
3790                                    </div>
3791                                    <div class="-content mt-2">
3792                                      <div class="--titel d-flex align-items-center mb-2">
3793                                        
3794                                            <h3 class="mb-0">
3795                                              Still
3796                                               
3797                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3798                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3799                                          </div>-->
3800                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3801                                        
3802                                            </h3>
3803                                        
3804                                        
3805                                        </div>
3806                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3807                                        
3808                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3809                                                2017
3810                                            </div>
3811                                        
3812                                    </div>
3813                                </a>
3814                            </div>
3815                        
3816                    
3817                      
3818                        
3819                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3820                                
3821                                
3822                                  <div class="position-relative">
3823                                    
3824                                        <img alt="Madeline Juno - Für immer Cover" title="Madeline Juno - Für immer Cover" src="/media/_processed_/7/f/csm_Madeline_Juno_%E2%80%93_F%C3%BCr_immer__Cover__b09f687c98.webp" width="500" height="500" />
3825                                    
3826                                    <!--  -->
3827                                    </div>
3828                                    <div class="-content mt-2">
3829                                      <div class="--titel d-flex align-items-center mb-2">
3830                                        
3831                                            <h3 class="mb-0">
3832                                              Für immer
3833                                               
3834                                            </h3>
3835                                        
3836                                        
3837                                        </div>
3838                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3839                                        
3840                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3841                                                2017
3842                                            </div>
3843                                        
3844                                    </div>
3845                                
3846                            </div>
3847                        
3848                    
3849                      
3850                        
3851                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3852                                
3853                                <a href="https://embassyofmusic.lnk.to/MadelineJuno_Waldbrand" target="_blank" rel="noreferrer" class="d-block">
3854                                  <div class="position-relative">
3855                                    
3856                                        <img alt="Madeline Juno - Waldbrand Cover" title="Madeline Juno - Waldbrand Cover" src="/media/_processed_/2/3/csm_Madeline_Juno_%E2%80%93_Waldbrand__Cover__3a166d463d.webp" width="500" height="500" />
3857                                    
3858                                    <!-- 
3859                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3860                                        <div class="text-center">
3861                                      <div class="--playicon">
3862                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3863                                      </div>
3864                                      <span class="--info">Jetzt anhören</span>
3865                                      </div>
3866                                      </div>
3867                                     -->
3868                                    </div>
3869                                    <div class="-content mt-2">
3870                                      <div class="--titel d-flex align-items-center mb-2">
3871                                        
3872                                            <h3 class="mb-0">
3873                                              Waldbrand
3874                                               
3875                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3876                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3877                                          </div>-->
3878                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3879                                        
3880                                            </h3>
3881                                        
3882                                        
3883                                        </div>
3884                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3885                                        
3886                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3887                                                2016
3888                                            </div>
3889                                        
3890                                    </div>
3891                                </a>
3892                            </div>
3893                        
3894                    
3895                      
3896                        
3897                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3898                                
3899                                
3900                                  <div class="position-relative">
3901                                    
3902                                        <img alt="Madeline Juno - You Know What? Cover" title="Madeline Juno - You Know What? Cover" src="/media/_processed_/d/3/csm_Madeline_Juno_%E2%80%93_You_Know_What__Cover__74602da23b.webp" width="500" height="500" />
3903                                    
3904                                    <!--  -->
3905                                    </div>
3906                                    <div class="-content mt-2">
3907                                      <div class="--titel d-flex align-items-center mb-2">
3908                                        
3909                                            <h3 class="mb-0">
3910                                              You Know What?
3911                                               
3912                                            </h3>
3913                                        
3914                                        
3915                                        </div>
3916                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3917                                        
3918                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3919                                                2016
3920                                            </div>
3921                                        
3922                                    </div>
3923                                
3924                            </div>
3925                        
3926                    
3927                      
3928                        
3929                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music album ">
3930                                
3931                                <a href="https://madelinejuno.lnk.to/Salvation" target="_blank" rel="noreferrer" class="d-block">
3932                                  <div class="position-relative">
3933                                    
3934                                        <img alt="Madeline Juno - Salvation Cover" title="Madeline Juno - Salvation Cover" src="/media/_processed_/4/a/csm_Madeline_Juno_%E2%80%93_Salvation__Cover__cdb3c6d723.webp" width="500" height="500" />
3935                                    
3936                                    <!-- 
3937                                      <div class="position-absolute d-flex align-items-center justify-content-center -playbg">
3938                                        <div class="text-center">
3939                                      <div class="--playicon">
3940                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3941                                      </div>
3942                                      <span class="--info">Jetzt anhören</span>
3943                                      </div>
3944                                      </div>
3945                                     -->
3946                                    </div>
3947                                    <div class="-content mt-2">
3948                                      <div class="--titel d-flex align-items-center mb-2">
3949                                        
3950                                            <h3 class="mb-0">
3951                                              Salvation
3952                                               
3953                                         <!-- <div class="-playlink d-inline-flex align-items-center justify-content-center">
3954                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#fff" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
3955                                          </div>-->
3956                                          <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="#000" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>
3957                                        
3958                                            </h3>
3959                                        
3960                                        
3961                                        </div>
3962                                        <div class="--art px-3 py-1 d-inline-block">ALBUM</div>
3963                                        
3964                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3965                                                2016
3966                                            </div>
3967                                        
3968                                    </div>
3969                                </a>
3970                            </div>
3971                        
3972                    
3973                      
3974                        
3975                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
3976                                
3977                                
3978                                  <div class="position-relative">
3979                                    
3980                                        <img alt="Madeline Juno - Stupid Girl Cover" title="Madeline Juno - Stupid Girl Cover" src="/media/_processed_/7/2/csm_Madeline_Juno_%E2%80%93_Stupid_Girl__Cover__cb385bb759.webp" width="500" height="500" />
3981                                    
3982                                    <!--  -->
3983                                    </div>
3984                                    <div class="-content mt-2">
3985                                      <div class="--titel d-flex align-items-center mb-2">
3986                                        
3987                                            <h3 class="mb-0">
3988                                              Stupid Girl
3989                                               
3990                                            </h3>
3991                                        
3992                                        
3993                                        </div>
3994                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
3995                                        
3996                                            <div class="--art px-3 py-1 d-inline-block ms-2">
3997                                                2016
3998                                            </div>
3999                                        
4000                                    </div>
4001                                
4002                            </div>
4003                        
4004                    
4005                      
4006                        
4007                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music album ">
4008                                
4009                                
4010                                  <div class="position-relative">
4011                                    
4012                                        <img alt="Madeline Juno - The Unknown Cover" title="Madeline Juno - The Unknown Cover" src="/media/_processed_/9/2/csm_Madeline_Juno_%E2%80%93_The_Unknown__Cover__e3ab43d800.webp" width="500" height="500" />
4013                                    
4014                                    <!--  -->
4015                                    </div>
4016                                    <div class="-content mt-2">
4017                                      <div class="--titel d-flex align-items-center mb-2">
4018                                        
4019                                            <h3 class="mb-0">
4020                                              The Unknown
4021                                               
4022                                            </h3>
4023                                        
4024                                        
4025                                        </div>
4026                                        <div class="--art px-3 py-1 d-inline-block">ALBUM</div>
4027                                        
4028                                            <div class="--art px-3 py-1 d-inline-block ms-2">
4029                                                2014
4030                                            </div>
4031                                        
4032                                    </div>
4033                                
4034                            </div>
4035                        
4036                    
4037                      
4038                        
4039                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
4040                                
4041                                
4042                                  <div class="position-relative">
4043                                    
4044                                        <img alt="Madeline Juno - Like Lovers Do Cover" title="Madeline Juno - Like Lovers Do Cover" src="/media/_processed_/1/f/csm_Madeline_Juno_%E2%80%93_Like_Lovers_Do__Cover__1ed9e4f982.webp" width="500" height="500" />
4045                                    
4046                                    <!--  -->
4047                                    </div>
4048                                    <div class="-content mt-2">
4049                                      <div class="--titel d-flex align-items-center mb-2">
4050                                        
4051                                            <h3 class="mb-0">
4052                                              Like Lovers Do
4053                                               
4054                                            </h3>
4055                                        
4056                                        
4057                                        </div>
4058                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
4059                                        
4060                                            <div class="--art px-3 py-1 d-inline-block ms-2">
4061                                                2014
4062                                            </div>
4063                                        
4064                                    </div>
4065                                
4066                            </div>
4067                        
4068                    
4069                      
4070                        
4071                            <div class="col-6 col-md-3 col-lg-3 mb-4 mj-music single ">
4072                                
4073                                
4074                                  <div class="position-relative">
4075                                    
4076                                        <img alt="Madeline Juno - Error Cover" title="Madeline Juno - Error Cover" src="/media/_processed_/e/5/csm_Madeline_Juno_%E2%80%93_Error__Cover__42ca04922b.webp" width="500" height="500" />
4077                                    
4078                                    <!--  -->
4079                                    </div>
4080                                    <div class="-content mt-2">
4081                                      <div class="--titel d-flex align-items-center mb-2">
4082                                        
4083                                            <h3 class="mb-0">
4084                                              Error
4085                                               
4086                                            </h3>
4087                                        
4088                                        
4089                                        </div>
4090                                        <div class="--art px-3 py-1 d-inline-block">SINGLE</div>
4091                                        
4092                                            <div class="--art px-3 py-1 d-inline-block ms-2">
4093                                                2013
4094                                            </div>
4095                                        
4096                                    </div>
4097                                
4098                            </div>
4099                        
4100                    
4101                    
4102        </div>
4103    </div>
4104
4105    
4105<script>
4106// init Isotope
4107var $grid = $('.grid').isotope({
4108  itemSelector: '.mj-music',
4109  layoutMode: 'fitRows',
4110  filter: ':not(.first-item)',
4111});
4112// filter functions
4113var filterFns = {};
4114// bind filter button click
4115$('.button-group').on( 'click', 'button', function() {
4116  var filterValue = $( this ).attr('data-filter');
4117  // use filterFn if matches value
4118  filterValue = filterFns[ filterValue ] || filterValue;
4119  $grid.isotope({ filter: filterValue });
4120});
4121// change is-checked class on buttons
4122$('.button-group').each( function( i, buttonGroup ) {
4123  var $buttonGroup = $( buttonGroup );
4124  $buttonGroup.on( 'click', 'button', function() {
4125    $buttonGroup.find('.is-checked').removeClass('is-checked');
4126    $( this ).addClass('is-checked');
4127  });
4128});
4129
4130//****************************
4131// Isotope Load more button
4132//****************************
4133var initShow = 8; //number of items loaded on init & onclick load more button
4134var counter = initShow; //counter for load more button
4135var iso = $grid.data('isotope'); // get Isotope instance
4136
4137loadMore(initShow); //execute function onload
4138
4139function loadMore(toShow) {
4140  $grid.find(".hidden").removeClass("hidden");
4141
4142  var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
4143    return item.element;
4144  });
4145  $(hiddenElems).addClass('hidden');
4146  $grid.isotope('layout');
4147
4148  //when no more to load, hide show more button
4149  if (hiddenElems.length == 0) {
4150    jQuery("#load-more").hide();
4151  } else {
4152    jQuery("#load-more").show();
4153  };
4154
4155}
4156
4157//append load more button
4158$grid.after('<div class="text-center mt-5"><button id="load-more" class="btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#f2762e" class="me-2" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160 352 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l111.5 0c0 0 0 0 0 0l.4 0c17.7 0 32-14.3 32-32l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1L16 432c0 17.7 14.3 32 32 32s32-14.3 32-32l0-35.1 17.6 17.5c0 0 0 0 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.8c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352l34.4 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L48.4 288c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z"/></svg> mehr anzeigen</button></div>');
4159
4160//when load more button clicked
4161$("#load-more").click(function() {
4162  if ($('#filters').data('clicked')) {
4163    //when filter button clicked, set initial value for counter
4164    counter = initShow;
4165    $('#filters').data('clicked', false);
4166  } else {
4167    counter = counter;
4168  };
4169
4170  counter = counter + initShow;
4171
4172  loadMore(counter);
4173});
4174
4175//when filter button clicked
4176$("#filters").click(function() {
4177  $(this).data('clicked', true);
4178
4179  loadMore(initShow);
4180});
4181    </script>
4181
4182
4183</div>
4184  
4185
4186</div>
4187</section>
4188
4189    <div class="container-fluid  frame-space-before-extra-large  frame-space-after-extra-large">
4190    
4191  
4192    <div class="  aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
4193    
4194        
4195            <picture>
4196                <source srcset="/media/_processed_/5/c/csm_madelinejuno_M06_0993_6a97c0dc84.jpg"
4197                    media="(max-width: 576px)" type="image/webp">
4198                <source srcset="/media/_processed_/5/c/csm_madelinejuno_M06_0993_a535b1fd24.jpg"
4199                    media="(max-width: 768px)" type="image/webp">
4200                <source srcset="/media/_processed_/5/c/csm_madelinejuno_M06_0993_2518dff9bb.jpg"
4201                    media="(max-width: 1024px)" type="image/webp">
4202                <source srcset="/media/_processed_/5/c/csm_madelinejuno_M06_0993_bb2a796cce.jpg"
4203                    media="(max-width: 1920px)" type="image/webp">
4204                <source srcset="/media/_processed_/5/c/csm_madelinejuno_M06_0993_627fb76511.jpg"
4205                    type="image/webp">
4206                <img alt="Madeline Juno Murphy&#039;s Law" title="Madeline Juno Murphy&#039;s Law" src="/media/_processed_/5/c/csm_madelinejuno_M06_0993_3c9dba6155.jpg" width="2560" height="1707" />
4207            </picture>
4208        
4209    
4210</div>
4211  
4212
4213</div>
4214
4215    <section id="musikvideos">
4216  <div class="  anchor-offset"></div>
4217  <div class="aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
4218    
4219  
4220    <div class="container  ">
4221    
4222  
4223    <div class="row align-items-start   frame-space-after-extra-large">
4224    <div class="col-lg-4 col-xl-3">
4225        
4226            
4227              
4228    
4229
4230            <div id="c34" class="frame frame-default frame-type-text frame-layout-0">
4231                
4232                
4233                    
4234
4235
4236
4237                
4238                
4239                    
4240
4241    
4242        <header>
4243            
4244
4245    
4246            <h2 class="">
4247                Musikvideos
4248            </h2>
4249        
4250
4251
4252
4253            
4254
4255
4256
4257            
4258
4259
4260
4261        </header>
4262    
4263
4264
4265
4266                
4267                
4268
4269    <p>Ihre Musikvideos geben dir die Möglichkeit, die Geschichten hinter Madelines Songs hautnah zu erleben. Jedes Video nimmt dich mit auf eine emotionale Reise und zeigt, was sie bewegt und inspiriert. Schau dir hier ihre neuesten Videos an.</p>
4270
4271
4272                
4273                    
4274
4275
4276
4277                
4278                
4279                    
4280
4281
4282
4283                
4284            </div>
4285
4286        
4287
4288
4289            
4290          
4291            
4292              
4293
4294    <div class="mj-buttons text-start  ">
4295        
4296                
4297                
4298                    <a href="https://www.youtube.com/@madelinejuno/videos" target="_blank" rel="noreferrer" class="btn btn-primary">Alle Musikvideos</a>
4299                
4300        
4301    </div>
4302
4303
4304            
4305          
4306    </div>
4307    <div class="col-lg-7 col-xl-8 offset-lg-1 mt-4 mt-lg-0">
4308        
4309            
4310              
4311    <div class="position-relative">
4312    <div class="swiper mj-musikvideos  ">
4313        <div class="swiper-wrapper">
4314        
4315          
4316            
4317                  <div class="swiper-slide mj-video">
4318                    <a href="https://www.youtube.com/watch?v=GV7dGcHTffU" target="_blank" rel="noreferrer">
4319                        <div class="position-relative overflow-hidden">
4320                        
4321                            <img alt="Madeline Juno - Center Shock Musikvideo" title="Madeline Juno - Center Shock Musikvideo" src="/media/_processed_/8/6/csm_GV7dGcHTffU-HD_bd83dce416.jpg" width="750" height="400" />
4322                        
4323                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4324                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4325                        </div>
4326                        
4327                            <div class="-titel position-absolute">
4328                            Center Shock
4329                            </div>
4330                        
4331                    </div>
4332                    </a>
4333                    </div>
4334                
4335                
4336        
4337          
4338            
4339                  <div class="swiper-slide mj-video">
4340                    <a href="https://www.youtube.com/watch?v=uU6fVgxggcI" target="_blank" rel="noreferrer">
4341                        <div class="position-relative overflow-hidden">
4342                        
4343                            <img alt="Madeline Juno - Mediocre (Live) Musikvideo" title="Madeline Juno - Mediocre (Live) Musikvideo" src="/media/_processed_/6/2/csm_uU6fVgxggcI-HD_873409bd4d.jpg" width="750" height="400" />
4344                        
4345                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4346                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4347                        </div>
4348                        
4349                            <div class="-titel position-absolute">
4350                            Mediocre (Live)
4351                            </div>
4352                        
4353                    </div>
4354                    </a>
4355                    </div>
4356                
4357                
4358        
4359          
4360            
4361                  <div class="swiper-slide mj-video">
4362                    <a href="https://www.youtube.com/watch?v=yFeocUNWnic" target="_blank" rel="noreferrer">
4363                        <div class="position-relative overflow-hidden">
4364                        
4365                            <img alt="Madeline Juno - Schlimmster Mensch der Welt Musikv
4365ideo" title="Madeline Juno - Schlimmster Mensch der Welt Musikvideo" src="/media/_processed_/7/d/csm_yFeocUNWnic-HD_02633880ea.jpg" width="750" height="400" />
4366                        
4367                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4368                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4369                        </div>
4370                        
4371                            <div class="-titel position-absolute">
4372                            Schlimmster Mensch der Welt
4373                            </div>
4374                        
4375                    </div>
4376                    </a>
4377                    </div>
4378                
4379                
4380        
4381          
4382            
4383                  <div class="swiper-slide mj-video">
4384                    <a href="https://www.youtube.com/watch?v=qWBWSaYJr3k" target="_blank" rel="noreferrer">
4385                        <div class="position-relative overflow-hidden">
4386                        
4387                            <img alt="Madeline Juno - Fuck Marry Kill Musikvideo" title="Madeline Juno - Fuck Marry Kill Musikvideo" src="/media/_processed_/1/0/csm_qWBWSaYJr3k-HD_df82cb69a7.jpg" width="750" height="400" />
4388                        
4389                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4390                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4391                        </div>
4392                        
4393                            <div class="-titel position-absolute">
4394                            Fuck Marry Kill
4395                            </div>
4396                        
4397                    </div>
4398                    </a>
4399                    </div>
4400                
4401                
4402        
4403          
4404            
4405                  <div class="swiper-slide mj-video">
4406                    <a href="https://www.youtube.com/watch?v=6CPlz_QUpms" target="_blank" rel="noreferrer">
4407                        <div class="position-relative overflow-hidden">
4408                        
4409                            <img alt="Madeline Juno - Hab ich dir je gesagt... Musikvideo" title="Madeline Juno - Hab ich dir je gesagt... Musikvideo" src="/media/_processed_/9/4/csm_6CPlz_QUpms-HD_565bb959fa.jpg" width="750" height="400" />
4410                        
4411                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4412                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4413                        </div>
4414                        
4415                            <div class="-titel position-absolute">
4416                            Hab ich dir je gesagt...
4417                            </div>
4418                        
4419                    </div>
4420                    </a>
4421                    </div>
4422                
4423                
4424        
4425          
4426            
4427                  <div class="swiper-slide mj-video">
4428                    <a href="https://www.youtube.com/watch?v=dzO_mLtrb04" target="_blank" rel="noreferrer">
4429                        <div class="position-relative overflow-hidden">
4430                        
4431                            <img alt="Madeline Juno - Anomalie Musikv
4431ideo" title="Madeline Juno - Anomalie Musikvideo" src="/media/_processed_/e/8/csm_dzO_mLtrb04-HD_61ef189255.jpg" width="750" height="400" />
4432                        
4433                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4434                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4435                        </div>
4436                        
4437                            <div class="-titel position-absolute">
4438                            Anomalie
4439                            </div>
4440                        
4441                    </div>
4442                    </a>
4443                    </div>
4444                
4445                
4446        
4447          
4448            
4449                  <div class="swiper-slide mj-video">
4450                    <a href="https://www.youtube.com/watch?v=lxlfsjMgCb0" target="_blank" rel="noreferrer">
4451                        <div class="position-relative overflow-hidden">
4452                        
4453                            <img alt="Madeline Juno - Butterfly Effect Musikvideo" title="Madeline Juno - Butterfly Effect Musikvideo" src="/media/_processed_/5/4/csm_lxlfsjMgCb0-HD_d2becdb7b4.jpg" width="750" height="400" />
4454                        
4455                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4456                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4457                        </div>
4458                        
4459                            <div class="-titel position-absolute">
4460                            Butterfly Effect
4461                            </div>
4462                        
4463                    </div>
4464                    </a>
4465                    </div>
4466                
4467                
4468        
4469          
4470            
4471                  <div class="swiper-slide mj-video">
4472                    <a href="https://www.youtube.com/watch?v=7WTA_LJqkms" target="_blank" rel="noreferrer">
4473                        <div class="position-relative overflow-hidden">
4474                        
4475                            <img alt="Madeline Juno - Reservetank Musikvideo" title="Madeline Juno - Reservetank Musikvideo" src="/media/_processed_/5/7/csm_7WTA_LJqkms-HD_316931bada.jpg" width="750" height="400" />
4476                        
4477                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4478                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4479                        </div>
4480                        
4481                            <div class="-titel position-absolute">
4482                            Reservetank
4483                            </div>
4484                        
4485                    </div>
4486                    </a>
4487                    </div>
4488                
4489                
4490        
4491          
4492            
4493                  <div class="swiper-slide mj-video">
4494                    <a href="https://www.youtube.com/watch?v=PpwhJwaiPXQ" target="_blank" rel="noreferrer">
4495                        <div class="position-relative overflow-hidden">
4496                        
4497                            <img alt="Madeline Juno - Nicht ich (Live) Musikvideo" title="Madeline Juno - Nicht ich (Live) Musikvideo" src="/media/_processed_/a/6/csm_PpwhJwaiPXQ-HD_268a182b99.jpg" width="750" height="400" />
4498                        
4499                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4500                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4501                        </div>
4502                        
4503                            <div class="-titel position-absolute">
4504                            Nicht ich (Live)
4505                            </div>
4506                        
4507                    </div>
4508                    </a>
4509                    </div>
4510                
4511                
4512        
4513          
4514            
4515                  <div class="swiper-slide mj-video">
4516                    <a href="https://www.youtube.com/watch?v=SAoHu65y0WE" target="_blank" rel="noreferrer">
4517                        <div class="position-relative overflow-hidden">
4518                        
4519                            <img alt="Madeline Juno - Waldbrand (Live) Musikvideo" title="Madeline Juno - Waldbrand (Live) Musikvideo" src="/media/_processed_/a/3/csm_madelinejuno-live-waldbrand_a0f1859859.jpg" width="750" height="400" />
4520                        
4521                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4522                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4523                        </div>
4524                        
4525                            <div class="-titel position-absolute">
4526                            Waldbrand (Live)
4527                            </div>
4528                        
4529                    </div>
4530                    </a>
4531                    </div>
4532                
4533                
4534        
4535          
4536            
4537                  <div class="swiper-slide mj-video">
4538                    <a href="https://www.youtube.com/watch?v=ocR-XtVPuBk" target="_blank" rel="noreferrer">
4539                        <div class="position-relative overflow-hidden">
4540                        
4541                            <img alt="Madeline Juno - Mitte Zwanzig (Live) Musikvideo" title="Madeline Juno - Mitte Zwanzig (Live) Musikvideo" src="/media/_processed_/4/9/csm_ocR-XtVPuBk-HD_6751a9f38c.jpg" width="750" height="400" />
4542                        
4543                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4544                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4545                        </div>
4546                        
4547                            <div class="-titel position-absolute">
4548                            Mitte Zwanzig (Live)
4549                            </div>
4550                        
4551                    </div>
4552                    </a>
4553                    </div>
4554                
4555                
4556        
4557          
4558            
4559                  <div class="swiper-slide mj-video">
4560                    <a href="https://www.youtube.com/watch?v=Jcrr8iFR0nA" target="_blank" rel="noreferrer">
4561                        <div class="position-relative overflow-hidden">
4562                        
4563                            <img alt="Madeline Juno - Lovesong (Live) Musikvideo" title="Madeline Juno - Lovesong (Live) Musikvideo" src="/media/_processed_/
45637/0/csm_Jcrr8iFR0nA-HD_992a6a3b58.jpg" width="750" height="400" />
4564                        
4565                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4566                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4567                        </div>
4568                        
4569                            <div class="-titel position-absolute">
4570                            Lovesong (Live)
4571                            </div>
4572                        
4573                    </div>
4574                    </a>
4575                    </div>
4576                
4577                
4578        
4579          
4580            
4581                  <div class="swiper-slide mj-video">
4582                    <a href="https://www.youtube.com/watch?v=P8VTqoBXqIo" target="_blank" rel="noreferrer">
4583                        <div class="position-relative overflow-hidden">
4584                        
4585                            <img alt="Madeline Juno - Gewissenlos / Schatten ohne Licht (Live) Musikvideo" title="Madeline Juno - Gewissenlos / Schatten ohne Licht (Live) Musikvideo" src="/media/_processed_/7/e/csm_P8VTqoBXqIo-HD_7ed6e2a4b2.jpg" width="750" height="400" />
4586                        
4587                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4588                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4589                        </div>
4590                        
4591                            <div class="-titel position-absolute">
4592                            Gewissenlos / Schatten ohne Licht (Live)
4593                            </div>
4594                        
4595                    </div>
4596                    </a>
4597                    </div>
4598                
4599                
4600        
4601          
4602            
4603                  <div class="swiper-slide mj-video">
4604                    <a href="https://www.youtube.com/watch?v=HuT5fW_BVzU" target="_blank" rel="noreferrer">
4605                        <div class="position-relative overflow-hidden">
4606                        
4607                            <img alt="Madeline Juno - Nicht ich (Akustik) Musikvideo" title="Madeline Juno - Nicht ich (Akustik) Musikvideo" src="/media/_processed_/9/c/csm_nicht-ich_feda9d59a4.jpg" width="750" height="400" />
4608                        
4609                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4610                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4611                        </div>
4612                        
4613                            <div class="-titel position-absolute">
4614                            Nicht ich (Akustik)
4615                            </div>
4616                        
4617                    </div>
4618                    </a>
4619                    </div>
4620                
4621                
4622        
4623          
4624            
4625                  <div class="swiper-slide mj-video">
4626                    <a href="https://www.youtube.com/watch?v=SpF_j1dGGjI" target="_blank" rel="noreferrer">
4627                        <div class="position-relative overflow-hidden">
4628                        
4629                            <img alt="Madeline Juno - Was weiß ich schon (Akustik) Musikvideo" title="Madeline Juno - Was weiß ich schon (Akustik) Musikvideo" src="/media/_processed_/f/2/csm_was-weiss-ich-schon_3f73e922ab.jpg" width="750" height="400" />
4630                        
4631                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4632                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4633                        </div>
4634                        
4635                            <div class="-titel position-absolute">
4636                            Was weiß ich schon (Akustik)
4637                            </div>
4638                        
4639                    </div>
4640                    </a>
4641                    </div>
4642                
4643                
4644        
4645          
4646            
4647                  <div class="swiper-slide mj-video">
4648                    <a href="https://www.youtube.com/watch?v=8Z75ZHeZbSI" target="_blank" rel="noreferrer">
4649                        <div class="position-relative overflow-hidden">
4650                        
4651                            <img alt="Madeline Juno - Gewissenlos (Akustik) Musikvideo" title="Madeline Juno - Gewissenlos (Akustik) Musikvideo" src="/media/_processed_/e/d/csm_gewisse
4651nlos_35aa5a173f.jpg" width="750" height="400" />
4652                        
4653                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4654                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4655                        </div>
4656                        
4657                            <div class="-titel position-absolute">
4658                            Gewissenlos (Akustik)
4659                            </div>
4660                        
4661                    </div>
4662                    </a>
4663                    </div>
4664                
4665                
4666        
4667          
4668            
4669                  <div class="swiper-slide mj-video">
4670                    <a href="https://www.youtube.com/watch?v=oT8MQoTGYPY" target="_blank" rel="noreferrer">
4671                        <div class="position-relative overflow-hidden">
4672                        
4673                            <img alt="Madeline Juno - Was zu verlieren (Akustik) Musikvideo" title="Madeline Juno - Was zu verlieren (Akustik) Musikvideo" src="/media/_processed_/b/8/csm_was-zu-verlieren_3999b5cf7b.jpg" width="750" height="400" />
4674                        
4675                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4676                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4677                        </div>
4678                        
4679                            <div class="-titel position-absolute">
4680                            Was zu verlieren (Akustik)
4681                            </div>
4682                        
4683                    </div>
4684                    </a>
4685                    </div>
4686                
4687                
4688        
4689          
4690            
4691                  <div class="swiper-slide mj-video">
4692                    <a href="https://www.youtube.com/watch?v=QMvh0uS0DmI" target="_blank" rel="noreferrer">
4693                        <div class="position-relative overflow-hidden">
4694                        
4695                            <img alt="Madeline Juno - Was weiß ich schon Musikvideo" title="Madeline Juno - Was weiß ich schon Musikvideo" src="/media/_processed_/f/9/csm_was-weiss-ich-schon-2_4e6d033f4b.jpg" width="750" height="400" />
4696                        
4697                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4698                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4699                        </div>
4700                        
4701                            <div class="-titel position-absolute">
4702                            Was weiß ich schon
4703                            </div>
4704                        
4705                    </div>
4706                    </a>
4707                    </div>
4708                
4709                
4710        
4711          
4712            
4713                  <div class="swiper-slide mj-video">
4714                    <a href="https://www.youtube.com/watch?v=AuSrSU_UZpw" target="_blank" rel="noreferrer">
4715                        <div class="position-relative overflow-hidden">
4716                        
4717                            <img alt="Madeline Juno - Nur zu Besuch Musikvideo" title="Madeline Juno - Nur zu Besuch Musikvideo" src="/media/_processed_/1/4/csm_AuSrSU_UZpw-HD_5823feabdb.jpg" width="750" height="400" />
4718                        
4719                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4720                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4721                        </div>
4722                        
4723                            <div class="-titel position-absolute">
4724                            Nur zu Besuch
4725                            </div>
4726                        
4727                    </div>
4728                    </a>
4729                    </div>
4730                
4731                
4732        
4733          
4734            
4735                  <div class="swiper-slide mj-video">
4736                    <a href="https://www.youtube.com/watch?v=Tp-Z9R1ACy0" target="_blank" rel="noreferrer">
4737                        <div class="position-relative overflow-hidden">
4738                        
4739                            <img alt="Madeline Juno - Versprich mir du gehst Musikvideo" title="Madeline Juno - Versprich mir du gehst Musikvideo" src="/media/_processed_/d/1/csm_Tp-Z9R1ACy0-HD_22990cb33d.jpg" width="750" height="400" />
4740                        
4741                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4742                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4743                        </div>
4744                        
4745                            <div class="-titel position-absolute">
4746                            Versprich mir du gehst
4747                            </div>
4748                        
4749                    </div>
4750                    </a>
4751                    </div>
4752                
4753                
4754        
4755          
4756            
4757                  <div class="swiper-slide mj-video">
4758                    <a href="https://www.youtube.com/watch?v=n5Ujo_t6VWQ" target="_blank" rel="noreferrer">
4759                        <div class="position-relative overflow-hidden">
4760                        
4761                            <img alt="Madeline Juno - Gewissenlos Musikvideo" title="Madeline Juno - Gewissenlos Musikvideo" src="/media/_processed_/f/5/csm_n5Ujo_t6VWQ-HD_eff2b52873.jpg" width="750" height="400" />
4762                        
4763                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4764                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4765                        </div>
4766                        
4767                            <div class="-titel position-absolute">
4768                            Gewissenlos
4769                            </div>
4770                        
4771                    </div>
4772                    </a>
4773                    </div>
4774                
4775                
4776        
4777          
4778            
4779                  <div class="swiper-slide mj-video">
4780                    <a href="https://www.youtube.com/watch?v=Ei1A82Otx3k" target="_blank" rel="noreferrer">
4781                        <div class="position-relative overflow-hidden">
4782                        
4783                            <img alt="Madeline Juno - Lovesong Musikvideo" title="Madeline Juno - Lovesong Musikvideo" src="/media/_processed_/2/b/csm_Ei1A82Otx3k-HD_7fb2602289.jpg" width="750" height="400" />
4784                        
4785                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4786                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4787                        </div>
4788                        
4789                            <div class="-titel position-absolute">
4790                            Lovesong
4791                            </div>
4792                        
4793                    </div>
4794                    </a>
4795                    </div>
4796                
4797                
4798        
4799          
4800            
4801                  <div class="swiper-slide mj-video">
4802                    <a href="https://www.youtube.com/watch?v=eC3vjh-pNMw" target="_blank" rel="noreferrer">
4803                        <div class="position-relative overflow-hidden">
4804                        
4805                            <img alt="Madeline Juno - Murphy&#039;s Law Musikvideo" title="Madeline Juno - Murphy&#039;s Law Musikvideo" src="/media/_processed_/b/1/csm_eC3vjh-pNMw-HD_9ecc9c0382.jpg" width="750" height="400" />
4806                        
4807                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4808                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4809                        </div>
4810                        
4811                            <div class="-titel position-absolute">
4812                            Murphy&#039;s Law
4813                            </div>
4814                        
4815                    </div>
4816                    </a>
4817                    </div>
4818                
4819                
4820        
4821          
4822            
4823                  <div class="swiper-slide mj-video">
4824                    <a href="https://www.youtube.com/watch?v=AqLIzU5VBGA" target="_blank" rel="noreferrer">
4825                        <div class="position-relative overflow-hidden">
4826                        
4827                            <img alt="Madeline Juno - Ich sterbe zuerst Musikvideo" title="Madeline Juno - Ich sterbe zuerst Musikvideo" src="/media/_processed_/b/d/csm_AqLIzU5VBGA-HD_4bd91afecc.jpg" width="750" height="400" />
4828                        
4829                        <div class="-playbutton position-absolute d-flex justify-content-center align-items-center">
4830                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>
4831                        </div>
4832                        
4833                            <div class="-titel position-absolute">
4834                            Ich sterbe zuerst
4835                            </div>
4836                        
4837                    </div>
4838                    </a>
4839                    </div>
4840                
4841                
4842        
4843        </div>
4844    </div>
4845    </div>
4846    <div class="swiper-pagination text-start mt-3 mb-2"></div>
4847    <div class="d-flex">
4848        <div class="sliderpfeil prev me-2">
4849            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#f2762e" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4850        </div>
4851    <div class="sliderpfeil next ">
4852        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#f2762e" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
4853    </div>
4854</div>
4855    
4855<script>
4856        var swiper = new Swiper(".mj-musikvideos", {
4857      slidesPerView: 2,
4858      spaceBetween: 10,
4859      loop: true,
4860      pagination: {
4861        el: ".swiper-pagination",
4862        clickable: true,
4863      },
4864      navigation: {
4865                nextEl: ".next",
4866                prevEl: ".prev",
4867            },
4868             breakpoints: {
4869         0: {
4870           slidesPerView: 1,
4871         },
4872         768: {
4873           slidesPerView: 2,
4874         },
4875         1024: {
4876           slidesPerView: 2,
4877         },
4878         1400: {
4879           slidesPerView: 2,
4880         },
4881       },
4882    });
4883      </script>
4883
4884
4885            
4886          
4887    </div>
4888</div>
4889  
4890
4891</div>
4892  
4893
4894</div>
4895</section>
4896
4897    <div class="container  ">
4898    
4899  
4900    
4901    <div class="mj-songoftheday aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
4902        <div class="row align-items-center">
4903            <div class="col-lg-7 mb-4 mb-lg-0">
4904                <div class="-titel mb-4">Dein Song Of The Day</div>
4905                <div id="songzitat"></div>
4906                <div class="facts my-3">– <span id="songtitel"></span>, <span id="songjahr"></span></div>
4907                <a id="songlink" href="" class="btn btn-primary mt-3" target="_blank">Jetzt streamen</a>
4908                
4908<script>
4909                    const maddiesongs = [
4910                        
4911                            {
4912                                songtitel: "Obsolet",
4913                                songzitat: "&quot;Gestern hat es noch die Welt bedeutet<br>und heute ist es so obsolet&quot;",
4914                                songjahr: "2022",
4915                                songlink: "https://madelinejuno.lnk.to/obsolet"
4916                            },
4917                        
4918                            {
4919                                songtitel: "New York",
4920                                songzitat: "&quot;Baby, irgendwann,<br>da schwöre ich drauf,<br>wohne ich im Plaza in New York&quot;",
4921                                songjahr: "2019",
4922                                songlink: "https://madelinejuno.lnk.to/Wasbleibt"
4923                            },
4924                        
4925                            {
4926                                songtitel: "Ohne Kleider",
4927                                songzitat: "&quot;Ich kenn dich ohne Kleider<br>ich weiß alles über dich, verstecken bringt dir nichts&quot;",
4928                                songjahr: "2017",
4929                                songlink: "https://madelinejuno.lnk.to/DNA"
4930                            },
4931                        
4932                            {
4933                                songtitel: "Zu zweit allein",
4934                                songzitat: "&quot;Ich schlaf&#039; seit Jahren nicht mehr ein<br>wie mit dir zu zweit allein&quot;",
4935                                songjahr: "2019",
4936                                songlink: "https://madelinejuno.lnk.to/Wasbleibt"
4937                            },
4938                        
4939                            {
4940                                songtitel: "Vermisse gar nichts",
4941                                songzitat: "&quot;Hab&#039; das so lang nicht mehr erlebt,<br>dass mir nichts fehlt&quot;",
4942                                songjahr: "2022",
4943                                songlink: "https://madelinejuno.lnk.to/BKIENEdeluxe"
4944                            },
4945                        
4946                            {
4947                                songtitel: "Nur zu Besuch",
4948                                songzitat: "&quot;Nur zu Besuch,<br>denn daheim ist noch lang kein Zuhause, wenn man nur so tut&quot;",
4949                                songjahr: "2024",
4950                                songlink: "https://madelinejuno.lnk.to/NZB"
4951                            },
4952                        
4953                            {
4954                                songtitel: "Neukölln",
4955                                songzitat: "&quot;Wenn ich von lieben sprach<br>hab ich immer dich gemeint&quot;",
4956                                songjahr: "2022",
4957                                songlink: "https://madelinejuno.lnk.to/BKIENEdeluxe"
4958                            },
4959                        
4960                            {
4961                                songtitel: "Sad Girl Shit",
4962                                songzitat: "&quot;Zwei Finger schwören: „Es läuft“,<br>zwei hinterm Rücken gekreuzt&quot;",
4963                                songjahr: "2024",
4964                                songlink: "https://madelinejuno.lnk.to/NurzuBesuch"
4965                            },
4966                        
4967                            {
4968                                songtitel: "Version von mir",
4969                                songzitat: "&quot;Diese Version von mir ist alles,<br>was ich nicht sein will&quot;",
4970                                songjahr: "2024",
4971                                songlink: "https://madelinejuno.lnk.to/NurzuBesuch"
4972                            },
4973                        
4974                            {
4975                                songtitel: "Schatten ohne Licht",
4976                                songzitat: "&quot;Für dich würde ich alles wegwerfen,<br>bis ich nichts hab&#039;<br>Scheiß auf all den Schnickschnack,<br>solang ich dich hab&#039;&quot;",
4977                                songjahr: "2017",
4978                                songlink: "https://madelinejuno.lnk.to/SchattenOhneLicht"
4979                            },
4980                        
4981                            {
4982                                songtitel: "Mitte Zwanzig",
4983                                songzitat: "&quot;Bevor es besser wird, wird&#039;s schlechter.<br>So wie die letzten Jahre auch&quot;",
4984                                songjahr: "2024",
4985                                songlink: "https://madelinejuno.lnk.to/NurzuBesuch"
4986                            },
4987                        
4988                            {
4989                                songtitel: "Gib doch nach",
4990                                songzitat: "&quot;Ich mach&#039; nur Spaß, hör, wie ich lach&#039;<br>Gott, gib doch nach, gib doch nach&quot;",
4991                                songjahr: "2019",
4992                                songlink: "https://embassyofmusic.lnk.to/MadelineJunoGibdochnach"
4993                            },
4994                        
4995                            {
4996                                songtitel: "Waldbrand",
4997                                songzitat: "&quot;Renn&#039; durch das Chaos,<br>lösch&#039; alles aus.<br>Steh&#039; aus der Asche wieder auf.<br>Ich brauch&#039; &#039;n Waldbrand&quot;",
4998                                songjahr: "2016",
4999                                songlink: "https://embassyofmusic.lnk.to/MadelineJuno_Waldbrand"
5000                            },
5001                        
5002                            {
5003                                songtitel: "Halt mich fest",
5004                                songzitat: "&quot;So bitte weck&#039; mich nicht,<br>wenn unser Kartenhaus zerbricht&quot;",
5005                                songjahr: "2017",
5006                                songlink: "https://madelinejuno.lnk.to/DNA"
5007                            },
5008                        
5009                            {
5010                                songtitel: "Borderline",
5011                                songzitat: "&quot;Oh Gott, ich hasse dich und dann mich.<br>Ich bin so Borderline, Borderline&quot;",
5012                                songjahr: "2018",
5013                                songlink: "https://madelinejuno.lnk.to/Borderline"
5014                            },
5015                        
5016                            {
5017                                songtitel: "Anomalie",
5018                                songzitat: "&quot;Anomalie,<br>vielleicht nicht glücklich gerade,<br>aber so gut wie&quot;",
5019                                songjahr: "2025",
5020                                songlink: "https://madelinejuno.lnk.to/Anomalie"
5021                            },
5022                        
5023                            {
5024                                songtitel: "Homescreen",
5025                                songzitat: "&quot;Aurafarbe minzgrün,<br>Everybody&#039;s Darling&quot;",
5026                                songjahr: "2025",
5027                                songlink: "https://madelinejuno.lnk.to/Homescreen"
5028                            },
5029                        
5030                            {
5031                                songtitel: "Homescreen",
5032                                songzitat: "&quot;Ich dachte, ein Ende kommt nicht ohne Scherben und Explosion&#039;n,<br>ich kenn&#039;s nur so&quot;",
5033                                songjahr: "2025",
5034                                songlink: "https://madelinejuno.lnk.to/Homescreen"
5035                            },
5036                        
5037                            {
5038                                songtitel: "Center Shock",
5039                                songzitat: "&quot;Wann war ich zum letzten Mal<br>so unbeschwert wie damals?<br>Und wie oft wünsch&#039; ich mich dahin zurück?&quot;",
5040                                songjahr: "2025",
5041                                songlink: "https://madelinejuno.lnk.to/AnomaliePt.1"
5042                            },
5043                        
5044                            {
5045                                songtitel: "Fuck Mary Kill",
5046                                songzitat: "&quot;Wie du mich auf Händen trägst,<br>so erträgt mich keiner.<br>Ist die Wahrheit leider&quot;",
5047                                songjahr: "2025",
5048                                songlink: "https://madelinejuno.lnk.to/FMK"
5049                            }
5050                        
5051                    ];
5052            
5053                    function decodeHTMLEntities(text) {
5054        const textArea = document.createElement('textarea');
5055        textArea.innerHTML = text;
5056        return textArea.value;
5057    }
5058
5059    function zufaelligenSongEinfügen() {
5060        const zufallIndex = Math.floor(Math.random() * maddiesongs.length);
5061        const zufallSong = maddiesongs[zufallIndex];
5062
5063        document.getElementById('songtitel').textContent = zufallSong.songtitel;
5064        document.getElementById('songjahr').textContent = zufallSong.songjahr;
5065        document.getElementById('songlink').href = zufallSong.songlink;
5066
5067        const decodedSongzitat = decodeHTMLEntities(zufallSong.songzitat);
5068        document.getElementById('songzitat').innerHTML = decodedSongzitat;
5069    }
5070
5071    window.onload = zufaelligenSongEinfügen;
5072                </script>
5072
5073            </div>
5074            
5075            
5076            <div class="col-lg-5">
5077                
5078                    <img alt="Madeline Juno Konzert mit Gitarre" title="Madeline Juno Konzert mit Gitarre" src="/media/_processed_/8/8/csm_madeline-juno-song-of-the-day_1e3d00c46c.webp" width="700" height="850" />
5079                
5080            </div>
5081        </div>
5082    </div>
5083
5084
5085
5086  
5087
5088</div>
5089
5090    <section id="ueber-madeline">
5091  <div class="  anchor-offset"></div>
5092  <div class="aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
5093    
5094  
5095    <div class="container  ">
5096    
5097  
5098    <div class="row   frame-space-before-extra-large  frame-space-after-extra-large">
5099    <div class="col-lg-5 order-2 order-lg-1">
5100        
5101            
5102              <div class="mj-bildunterschrift position-relative">
5103    
5104        <img src="/media/_processed_/c/c/csm_2509_MJ_A2-849___jakob_marwein_9dc3a832ac.webp" width="700" height="850" alt="" />
5105    
5106    <div class="-autogramm position-absolute" id="autogramm">
5107      <svg id="signature" width="100%" height="100%" viewBox="0 0 337 233" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
5108        <g transform="matrix(1,0,0,1,1.74279,-0.589419)">
5109          <path id="path1" class="path-animation-delay-0" d="M7.932,72.738C7.932,72.738 -5.538,99.264 5.031,102.165C15.6,105.066 52.072,3.316 52.072,3.316C52.072,3.316 21.427,58.67 32.178,86.623C37.359,100.093 67.2,24.039 67.2,24.039C67.2,24.039 49.171,58.439 60.569,81.649" style="fill:none;stroke:black;stroke-width:5.45px;"/>
5110        </g>
5111        <g transform="matrix(1,0,0,1,1.74279,-0.589419)">
5112          <path id="path2" class="path-animation-delay-2" d="M76.733,69.422C76.733,69.422 66.578,80.406 68.444,69.63C70.309,58.854 75.697,57.61 77.769,57.817C79.841,58.025 82.95,60.304 80.877,63.205C78.805,66.107 74.66,70.873 80.256,71.287C85.851,71.702 96.42,70.666 97.87,58.854C99.321,47.041 82.58,67.242 88.464,67.71C94.347,68.179 112.377,30.448 111.755,18.236C111.133,6.024 92.69,50.786 106.781,61.148C120.873,71.509 120.044,48.921 116.728,52.858C113.413,56.796 109.89,66.536 118.801,68.815C127.712,71.095 169.721,25.913 154.444,13.692C146.155,7.06 134.343,53.48 143.876,59.283C153.408,65.085 159.418,53.895 161.698,50.579C163.977,47.263 160.454,61.977 167.707,60.112C174.96,58.246 177.033,47.885 179.519,48.714C182.006,49.543 171.796,70.518 187.394,49.957C191.953,43.947 186.98,60.94 192.989,58.868C198.999,56.796 214.541,45.813 213.091,41.461C211.64,37.109 197.134,65.914 232.156,57.003" style="fill:none;stroke:black;stroke-width:5.45px;"/>
5113        </g>
5114        <g transform="matrix(1,0,0,1,1.74279,-0.589419)">
5115          <path id="path3" class="path-animation-delay-4" d="M130.198,103.216C130.198,103.216 163.77,63.842 170.816,77.519C177.862,91.196 164,205.936 102.015,230.248C83.364,237.563 113.928,147.236 186.772,87.321C188.43,85.957 190.503,95.076 195.476,91.553C200.45,88.03 204.704,81.715 209.153,86.165C209.361,86.372 219.515,76.218 217.443,88.651C217.443,88.651 234.228,72.695 235.886,77.046C237.544,81.398 237.751,88.444 243.554,85.128C249.356,81.813 257.853,76.01 259.303,83.263C260.754,90.516 260.961,96.34 277.125,87.221C293.289,78.103 314.012,21.322 295.362,13.447C276.711,5.572 257.584,83.766 274.017,81.419C275.467,81.212 285.107,85.964 295.776,43.288C296.19,41.631 323.545,35.621 331.627,26.917" style="fill:none;stroke:black;stroke-width:5.45px;"/>
5116        </g>
5117      </svg>
5118        
5119    </div>
5120    </div>
5121    
5121<script>
5122      document.addEventListener("DOMContentLoaded", () => {
5123        const paths = document.querySelectorAll("path");
5124        
5125        paths.forEach((path, index) => {
5126          const pathLength = path.getTotalLength();
5127          path.style.strokeDasharray = `${pathLength}px`;
5128          path.style.strokeDashoffset = `${pathLength}px`;
5129          path.classList.add('path-animation'); // Add the base animation class
5130          
5131          // Add specific delay classes based on the path index
5132          if (index === 0) {
5133            path.classList.add('path-animation-delay-0');
5134          } else if (index === 1) {
5135            path.classList.add('path-animation-delay-2');
5136          } else if (index === 2) {
5137            path.classList.add('path-animation-delay-4');
5138          }
5139        });
5140      
5141        const observer = new IntersectionObserver((entries, observer) => {
5142          entries.forEach(entry => {
5143            if (entry.isIntersecting) {
5144              paths.forEach(path => {
5145                path.style.animationPlayState = 'running';
5146              });
5147              observer.disconnect(); // Stop observing once the animation has started
5148            }
5149          });
5150        }, {
5151          threshold: 0.1
5152        });
5153      
5154        observer.observe(document.getElementById('autogramm'));
5155      });
5156      </script>
5156
5157      
5158
5159            
5160          
5161    </div>
5162    <div class="col-lg-6 offset-lg-1 order-1 order-lg-2 mb-4 mb-lg-0">
5163        
5164            
5165              
5166    
5167
5168            <div id="c25" class="frame frame-default frame-type-text frame-layout-0">
5169                
5170                
5171                    
5172
5173
5174
5175                
5176                
5177                    
5178
5179    
5180        <header>
5181            
5182
5183    
5184            <h2 class="">
5185                Über Madeline Juno
5186            </h2>
5187        
5188
5189
5190
5191            
5192
5193
5194
5195            
5196
5197
5198
5199        </header>
5200    
5201
5202
5203
5204                
5205                
5206
5207    <p class="text-justify">In einer Welt aus Insta und Influencern ist es selten, dass sich Menschen zeigen, wie sie sind. Mit ihren Unsicherheiten, ihrem Schmerz – unausgeleuchtet und ohne Tamtam. Madeline Juno gehört zu dieser raren Spezies, die nicht anders kann, als authentisch zu sein. Der, die ihr Herz aufreißt und alles darin aufrichtig, aber selten ohne eine verblüffende Portion Selbstironie seziert. Wer ihr zuhört, ist nicht mehr allein, wird gelegentlich wild tanzen und dabei zulassen, dass die Wahrheit manchmal weh tut.</p>
5208<p class="text-justify">Es fängt im Bandkeller ihrer Eltern an, den sie mit 11 auf eigenen Wunsch als Kinderzimmer bezieht. Mit 13 lädt sie englischsprachige Songs auf YouTube hoch, von denen sie zu Hause niemandem erzählt, die aber die Produzenten von Tokio Hotel auf den Plan rufen. Die Zusammenarbeit beginnt noch vor ihrem 15. Geburtstag und direkt nach dem Abi ist der Weg frei für das Debütalbum The Unknown.&nbsp;</p>
5209<p class="text-justify">Mit Hits wie „Error“, dem Titelsong von „Fack ju Göhte“, wird das Debüt 2014 ein sensationeller Erfolg. Das Album bereitet den Weg für Salvation, das 2016 kommt und ihr letztes Album auf Englisch wird. Denn Maddies kreativer Anspruch gibt niemals Ruhe und mit Kollaborationen und Songwriting auch für deutschsprachige Künstler leckt sie Blut: „Ich war neugierig, wie meine Stimme auf Deutsch klingt und ob die Songs auch in meiner Muttersprache funktionieren.“</p>
5210<p class="text-justify">In ihrer Wahlheimat Berlin richtig angekommen, macht Maddies Waldbrand-EP ihrem Namen alle Ehre und verursacht 2017 mit deutschen Lyrics, einem Schuss Elektro und dem Albumnachfolger DNA tatsächlich ein Großfeuer: Tracks wie „Schatten ohne Licht“ oder „Ohne Kleider“ werden virale Hits mit über 100.000 Clips auf TikTok.&nbsp;</p>
5211<p class="text-justify">2019 verleiht YouTube ihr den Silbernen Play Button für 100.000 Abonnenten und Was bleibt erscheint. Es ist ihr viertes Album und das dritte, das die Top 40 der Charts knackt – allein die Single „Grund genug“ meldet über 24 Millionen Spotify-Abrufe und inspiriert Hunderttausende auf TikTok zu Clips.&nbsp;</p>
5212<p class="text-justify">Mit 29 ist Madeline Juno erfolgreicher denn je: Ihre beiden letzten Alben&nbsp;<strong>Besser kann ich es nicht erklären</strong> (2022) und&nbsp;<strong>Nur zu Besuch</strong> (2024) enterten die Charts auf #6, ihr Label ehrte sie für eine Viertelmilliarde Streams, auf ihrer bisher größten Tour kamen tausende Fans und neben Festival- und TV-Auftritten wie beim Deichbrand oder bei zdf@Bauhaus und TV Noir schrieb sie den Titelsong zum ZDF-Kinderspielfilm „Geheime Schatten“. Aber trotz Hitlisten, virtuoser Produktion und mühelos klingender Tracks bleibt ihre Maxime gleich:&nbsp;</p>
5213<p>„If it don’t hurt, it ain’t real<i>.</i>“</p>
5214
5215
5216                
5217                    
5218
5219
5220
5221                
5222                
5223                    
5224
5225
5226
5227                
5228            </div>
5229
5230        
5231
5232
5233            
5234          
5235            
5236              
5237    
5238
5239            <div id="c24" class="frame frame-default frame-type-text frame-layout-0">
5240                
5241                
5242                    
5243
5244
5245
5246                
5247                
5248                    
5249
5250    
5251
5252
5253
5254                
5255                
5256
5257    <p><strong>Offizielle Accounts</strong></p>
5258
5259
5260                
5261                    
5262
5263
5264
5265                
5266                
5267                    
5268
5269
5270
5271                
5272            </div>
5273
5274        
5275
5276
5277            
5278          
5279            
5280              
5281    
5282
5283            <div id="c23" class="frame frame-default frame-type-shortcut frame-layout-0">
5284                
5285                
5286                    
5287
5288
5289
5290                
5291                
5292                
5293
5294    
5295    <div class="mj-socialmedia  ">
5296        
5297                
5298                
5299                    <a href="https://www.facebook.com/MadelineJuno/" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5300                        
5301                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"></path></svg>
5302                            
5303                    </a>
5304                
5305        
5306                
5307                
5308                    <a href="https://www.instagram.com/madelinejuno/" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5309                        
5310                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
5311                            
5312                    </a>
5313                
5314        
5315                
5316                
5317                    <a href="https://www.youtube.com/@madelinejuno" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5318                        
5319                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"></path></svg>
5320                            
5321                    </a>
5322                
5323        
5324                
5325                
5326                    <a href="https://www.tiktok.com/@maddiejuno" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5327                        
5328                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 
5328121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"></path></svg>
5329                            
5330                    </a>
5331                
5332        
5333                
5334                
5335                    <a href="https://x.com/maddie_juno" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5336                        
5337                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
5338                            
5339                    </a>
5340                
5341        
5342                
5343                
5344                    <a href="https://soundcloud.com/madelinejuno" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center">
5345                        
5346                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2 .8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1 .6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7 .6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3 .1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"></path></svg>
5347                            
5348                    </a>
5349                
5350        
5351    </div>
5352
5353
5354
5355                
5356                    
5357
5358
5359
5360                
5361                
5362                    
5363
5364
5365
5366                
5367            </div>
5368
5369        
5370
5371
5372            
5373          
5374            
5375              
5376
5377    <div class="mj-buttons text-start  frame-space-before-extra-small ">
5378        
5379                
5380                
5381                    <a href="https://madelinejuno.us22.list-manage.com/subscribe?u=af0a64f410995c85eeef40564&amp;id=e4583edaba" target="_blank" rel="noreferrer" class="btn btn-primary">Jetzt zum Newsletter anmelden</a>
5382                
5383        
5384    </div>
5385
5386
5387            
5388          
5389    </div>
5390</div>
5391  
5392
5393</div>
5394  
5395
5396</div>
5397</section>
5398
5399    <section id="kontakt">
5400  <div class="  anchor-offset"></div>
5401  <div class="aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-once="true" data-aos-easing="ease" data-aos-mirror="false">
5402    
5403  
5404    <div class="container  ">
5405    
5406  
5407    
5408    
5409
5410            <div id="c19" class="frame frame-default frame-type-text frame-layout-0">
5411                
5412                
5413                    
5414
5415
5416
5417                
5418                
5419                    
5420
5421    
5422        <header>
5423            
5424
5425    
5426            <h2 class="ce-headline-center">
5427                Kontakt
5428            </h2>
5429        
5430
5431
5432
5433            
5434
5435
5436
5437            
5438
5439
5440
5441        </header>
5442    
5443
5444
5445
5446                
5447                
5448
5449    <p class="text-center">Bei allen Fragen zu Management und Booking freut sich das Team von Madeline Juno darauf, dir weiterzuhelfen. Egal ob es um geschäftliche Anfragen oder Kooperationen geht, sie sind immer offen für den Austausch und freuen sich darauf, von dir zu hören.</p>
5450
5451
5452                
5453                    
5454
5455
5456
5457                
5458                
5459                    
5460
5461
5462
5463                
5464            </div>
5465
5466        
5467
5468
5469  
5470
5471  
5472    
5473    <div class="row mj-managementbooking  frame-space-before-extra-small ">
5474        
5475            <div class="col-md text-center -liniedesk">
5476                <div class="p-5 p-lg-3 p-xl-5 -liniemob">
5477                
5478                    <h3>Management</h3>
5479                
5480                
5481                    <p>The Box Management<br>Britta Ostermann</p>
5482                
5483                
5484                    <a href="mailto:[email protected]">[email protected]</a>
5485                
5486                </div>
5487            </div>
5488        
5489            <div class="col-md text-center -liniedesk">
5490                <div class="p-5 p-lg-3 p-xl-5 -liniemob">
5491                
5492                    <h3>Booking</h3>
5493                
5494                
5495                    <p>Chimperator Live GmbH<br>Alex Merkes</p>
5496                
5497                
5498                    <a href="mailto:[email protected]">[email protected]</a>
5499                
5500                </div>
5501            </div>
5502        
5503            <div class="col-md text-center ">
5504                <div class="p-5 p-lg-3 p-xl-5 ">
5505                
5506                    <h3>Presse</h3>
5507                
5508                
5509                    <p>Presse Regelt</p>
5510                
5511                
5512                    <a href="mailto:[email protected]">[email protected]</a>
5513                
5514                </div>
5515            </div>
5516        
5517    </div>
5518
5519
5520  
5521
5522</div>
5523  
5524
5525</div>
5526</section>
5527
5528
5529
5530    </main>
5531    
5532    <footer class="frame-space-before-extra-large">
5533        <div class="footertop py-5 text-center">
5534            <div class="container-fluid">
5535            <div class="row">
5536            <div class="col-lg-3 text-lg-start mb-4 mb-lg-0">
5537                <img class="logo" alt="Madeline Juno Logo" title="Madeline Juno Logo" src="/template/logo/mj-logo-2026.svg" width="50" height="50" />
5538            </div>
5539            <div class="col-lg-6 text-center">
5540                
5541                    
5542                        
5543    <div class="mj-socialmedia  ">
5544        
5545                
5546                
5547                    <a href="https://www.facebook.com/MadelineJuno/" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5548                        
5549                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"></path></svg>
5550                            
5551                    </a>
5552                
5553        
5554                
5555                
5556                    <a href="https://www.instagram.com/madelinejuno/" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5557                        
5558                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
5559                            
5560                    </a>
5561                
5562        
5563                
5564                
5565                    <a href="https://www.youtube.com/@madelinejuno" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5566                        
5567                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"></path></svg>
5568                            
5569                    </a>
5570                
5571        
5572                
5573                
5574                    <a href="https://www.tiktok.com/@maddiejuno" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5575                        
5576                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 
5576121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"></path></svg>
5577                            
5578                    </a>
5579                
5580        
5581                
5582                
5583                    <a href="https://x.com/maddie_juno" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center me-1">
5584                        
5585                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
5586                            
5587                    </a>
5588                
5589        
5590                
5591                
5592                    <a href="https://soundcloud.com/madelinejuno" target="_blank" rel="noreferrer" class="-icon d-inline-flex align-items-center justify-content-center">
5593                        
5594                                <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2 .8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1 .6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7 .6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3 .1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"></path></svg>
5595                            
5596                    </a>
5597                
5598        
5599    </div>
5600
5601                    
5602                
5603            </div>
5604            <div class="col-lg-3 text-lg-end text-center mt-4 mt-lg-0">
5605                
5606            <a href="/impressum" class="d-block" target="" title="Impressum">
5607                Impressum
5608            </a>
5609        
5610            <a href="/datenschutz" class="d-block" target="" title="Datenschutz">
5611                Datenschutz
5612            </a>
5613        
5614            </div>
5615            </div>
5616            </div>
5617        </div>
5618        <div class="footerbottom">
5619            <div class="container-fluid">
5620                <hr class="m-0">
5621                <div class="row py-3">
5622                    <div class="col-9 col-md-6">
5623                        © 2026 Madeline Juno
5624                    </div>
5625                    <div class="col-3 col-md-6 text-end">
5626                        <a href="https://timhoetzendorfer.de/" target="_blank">
5627                        <svg width="24" height="24" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
5628                            <rect id="ArtBoard2" x="0" y="0" width="1000" height="1000" style="fill:none;"/>
5629                            <path d="M38.986,179.439L38.986,589.909C38.986,589.911 38.986,589.912 38.985,589.913C38.981,590.473 38.539,655.271 86.177,717.756C125.611,769.479 201.519,820.561 307.088,820.561L307.088,704.772C307.088,704.772 244.592,700.902 203.807,660.192C193.377,649.781 181.976,637.645 174.839,622.138C170.491,612.692 167.726,601.996 167.726,589.677L167.726,446.848L296.688,446.848L296.688,330.366L167.726,330.366L167.726,278.088C167.726,275.635 167.449,273.189 166.899,270.799C162.628,252.532 139.285,179.439 38.986,179.439Z" style="fill:#f2762e;"/>
5630                            <path d="M328.472,701.795L328.472,820.561C328.472,820.561 456.483,813.742 530.587,713.456C530.587,713.456 578.067,655.506 578.067,575.099C578.067,494.692 655.847,446.148 715.006,446.148C780.413,446.148 839.386,503.354 839.386,556.825C839.386,606.689 840.127,705.849 840.227,718.998C840.234,719.949 840.36,720.897 840.601,721.817C844.018,733.795 871.784,820.561 961.015,820.561L961.015,549.733C961.015,545.07 960.512,540.42 959.515,535.864C951.132,497.666 903.358,329.253 712.742,329.843C712.742,329.843 641.522,329.177 578.511,364.677L578.511,270.022C578.511,265.426 577.611,260.875 575.861,256.624C567.639,236.777 537.707,184.306 449.383,179.439L445.267,593.931C445.267,593.931 431.921,685.092 328.472,701.795Z" style="fill:#f2762e;"/>
5631                        </svg>
5632                        </a>
5633                    </div>
5634                </div>
5635            </div>
5636        </div>
5637    </footer>
5638
5639</div>
5640
5641<script src="/typo3conf/ext/maddiejuno_v13/Resources/Public/JavaScript/scripts.js?1759485651"></script>
vendor: 1 bytes, line 5641
5641
5642<script src="/typo3conf/ext/maddiejuno_v13/Resources/Public/JavaScript/fslightbox.js?1771956101"></script>
vendor: 1 bytes, line 5642
5642
5643<script>
5644/*TS_inlineFooter*/
5645!function(a,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():a.AOS=t()}(self,(()=>(()=>{var a={821:(a,t,o)=>{"use strict";o.d(t,{Z:()=>i});var s=o(81),d=o.n(s),n=o(645),e=o.n(n)()(d());e.push([a.id,'body[data-aos-duration="50"] [data-aos],[data-aos][data-aos][data-aos-duration="50"]{transition-duration:50ms}body[data-aos-delay="50"] [data-aos],[data-aos][data-aos][data-aos-delay="50"]{transition-delay:0s}body[data-aos-delay="50"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="50"].aos-animate{transition-delay:50ms}body[data-aos-duration="100"] [data-aos],[data-aos][data-aos][data-aos-duration="100"]{transition-duration:100ms}body[data-aos-delay="100"] [data-aos],[data-aos][data-aos][data-aos-delay="100"]{transition-delay:0s}body[data-aos-delay="100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="100"].aos-animate{transition-delay:100ms}body[data-aos-duration="150"] [data-aos],[data-aos][data-aos][data-aos-duration="150"]{transition-duration:150ms}body[data-aos-delay="150"] [data-aos],[data-aos][data-aos][data-aos-delay="150"]{transition-delay:0s}body[data-aos-delay="150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="150"].aos-animate{transition-delay:150ms}body[data-aos-duration="200"] [data-aos],[data-aos][data-aos][data-aos-duration="200"]{transition-duration:200ms}body[data-aos-delay="200"] [data-aos],[data-aos][data-aos][data-aos-delay="200"]{transition-delay:0s}body[data-aos-delay="200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="200"].aos-animate{transition-delay:200ms}body[data-aos-duration="250"] [data-aos],[data-aos][data-aos][data-aos-duration="250"]{transition-duration:250ms}body[data-aos-delay="250"] [data-aos],[data-aos][data-aos][data-aos-delay="250"]{transition-delay:0s}body[data-aos-delay="250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="250"].aos-animate{transition-delay:250ms}body[data-aos-duration="300"] [data-aos],[data-aos][data-aos][data-aos-duration="300"]{transition-duration:300ms}body[data-aos-delay="300"] [data-aos],[data-aos][data-aos][data-aos-delay="300"]{transition-delay:0s}body[data-aos-delay="300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="300"].aos-animate{transition-delay:300ms}body[data-aos-duration="350"] [data-aos],[data-aos][data-aos][data-aos-duration="350"]{transition-duration:350ms}body[data-aos-delay="350"] [data-aos],[data-aos][data-aos][data-aos-delay="350"]{transition-delay:0s}body[data-aos-delay="350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="350"].aos-animate{transition-delay:350ms}body[data-aos-duration="400"] [data-aos],[data-aos][data-aos][data-aos-duration="400"]{transition-duration:400ms}body[data-aos-delay="400"] [data-aos],[data-aos][data-aos][data-aos-delay="400"]{transition-delay:0s}body[data-aos-delay="400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="400"].aos-animate{transition-delay:400ms}body[data-aos-duration="450"] [data-aos],[data-aos][data-aos][data-aos-duration="450"]{transition-duration:450ms}body[data-aos-delay="450"] [data-aos],[data-aos][data-aos][data-aos-delay="450"]{transition-delay:0s}body[data-aos-delay="450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="450"].aos-animate{transition-delay:450ms}body[data-aos-duration="500"] [data-aos],[data-aos][data-aos][data-aos-duration="500"]{transition-duration:500ms}body[data-aos-delay="500"] [data-aos],[data-aos][data-aos][data-aos-delay="500"]{transition-delay:0s}body[data-aos-delay="500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="500"].aos-animate{transition-delay:500ms}body[data-aos-duration="550"] [data-aos],[data-aos][data-aos][data-aos-duration="550"]{transition-duration:550ms}body[data-aos-delay="550"] [data-aos],[data-aos][data-aos][data-aos-delay="550"]{transition-delay:0s}body[data-aos-delay="550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="550"].aos-animate{transition-delay:550ms}body[data-aos-duration="600"] [data-aos],[data-aos][data-aos][data-aos-duration="600"]{transition-duration:600ms}body[data-aos-delay="600"] [data-aos],[data-aos][data-aos][data-aos-delay="600"]{transition-delay:0s}body[data-aos-delay="600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="600"].aos-animate{transition-delay:600ms}body[data-aos-duration="650"] [data-aos],[data-aos][data-aos][data-aos-duration="650"]{transition-duration:650ms}body[data-aos-delay="650"] [data-aos],[data-aos][data-aos][data-aos-delay="650"]{transition-delay:0s}body[data-aos-delay="650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="650"].aos-animate{transition-delay:650ms}body[data-aos-duration="700"] [data-aos],[data-aos][data-aos][data-aos-duration="700"]{transition-duration:700ms}body[data-aos-delay="700"] [data-aos],[data-aos][data-aos][data-aos-delay="700"]{transition-delay:0s}body[data-aos-delay="700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="700"].aos-animate{transition-delay:700ms}body[data-aos-duration="750"] [data-aos],[data-aos][data-aos][data-aos-duration="750"]{transition-duration:750ms}body[data-aos-delay="750"] [data-aos],[data-aos][data-aos][data-aos-delay="750"]{transition-delay:0s}body[data-aos-delay="750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="750"].aos-animate{transition-delay:750ms}body[data-aos-duration="800"] [data-aos],[data-aos][data-aos][data-aos-duration="800"]{transition-duration:800ms}body[data-aos-delay="800"] [data-aos],[data-aos][data-aos][data-aos-delay="800"]{transition-delay:0s}body[data-aos-delay="800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="800"].aos-animate{transition-delay:800ms}body[data-aos-duration="850"] [data-aos],[data-aos][data-aos][data-aos-duration="850"]{transition-duration:850ms}body[data-aos-delay="850"] [data-aos],[data-aos][data-aos][data-aos-delay="850"]{transition-delay:0s}body[data-aos-delay="850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="850"].aos-animate{transition-delay:850ms}body[data-aos-duration="900"] [data-aos],[data-aos][data-aos][data-aos-duration="900"]{transition-duration:900ms}body[data-aos-delay="900"] [data-aos],[data-aos][data-aos][data-aos-delay="900"]{transition-delay:0s}body[data-aos-delay="900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="900"].aos-animate{transition-delay:900ms}body[data-aos-duration="950"] [data-aos],[data-aos][data-aos][data-aos-duration="950"]{transition-duration:950m
5645s}body[data-aos-delay="950"] [data-aos],[data-aos][data-aos][data-aos-delay="950"]{transition-delay:0s}body[data-aos-delay="950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="950"].aos-animate{transition-delay:950ms}body[data-aos-duration="1000"] [data-aos],[data-aos][data-aos][data-aos-duration="1000"]{transition-duration:1000ms}body[data-aos-delay="1000"] [data-aos],[data-aos][data-aos][data-aos-delay="1000"]{transition-delay:0s}body[data-aos-delay="1000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1000"].aos-animate{transition-delay:1000ms}body[data-aos-duration="1050"] [data-aos],[data-aos][data-aos][data-aos-duration="1050"]{transition-duration:1050ms}body[data-aos-delay="1050"] [data-aos],[data-aos][data-aos][data-aos-delay="1050"]{transition-delay:0s}body[data-aos-delay="1050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1050"].aos-animate{transition-delay:1050ms}body[data-aos-duration="1100"] [data-aos],[data-aos][data-aos][data-aos-duration="1100"]{transition-duration:1100ms}body[data-aos-delay="1100"] [data-aos],[data-aos][data-aos][data-aos-delay="1100"]{transition-delay:0s}body[data-aos-delay="1100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1100"].aos-animate{transition-delay:1100ms}body[data-aos-duration="1150"] [data-aos],[data-aos][data-aos][data-aos-duration="1150"]{transition-duration:1150ms}body[data-aos-delay="1150"] [data-aos],[data-aos][data-aos][data-aos-delay="1150"]{transition-delay:0s}body[data-aos-delay="1150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1150"].aos-animate{transition-delay:1150ms}body[data-aos-duration="1200"] [data-aos],[data-aos][data-aos][data-aos-duration="1200"]{transition-duration:1200ms}body[data-aos-delay="1200"] [data-aos],[data-aos][data-aos][data-aos-delay="1200"]{transition-delay:0s}body[data-aos-delay="1200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1200"].aos-animate{transition-delay:1200ms}body[data-aos-duration="1250"] [data-aos],[data-aos][data-aos][data-aos-duration="1250"]{transition-duration:1250ms}body[data-aos-delay="1250"] [data-aos],[data-aos][data-aos][data-aos-delay="1250"]{transition-delay:0s}body[data-aos-delay="1250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1250"].aos-animate{transition-delay:1250ms}body[data-aos-duration="1300"] [data-aos],[data-aos][data-aos][data-aos-duration="1300"]{transition-duration:1300ms}body[data-aos-delay="1300"] [data-aos],[data-aos][data-aos][data-aos-delay="1300"]{transition-delay:0s}body[data-aos-delay="1300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1300"].aos-animate{transition-delay:1300ms}body[data-aos-duration="1350"] [data-aos],[data-aos][data-aos][data-aos-duration="1350"]{transition-duration:1350ms}body[data-aos-delay="1350"] [data-aos],[data-aos][data-aos][data-aos-delay="1350"]{transition-delay:0s}body[data-aos-delay="1350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1350"].aos-animate{transition-delay:1350ms}body[data-aos-duration="1400"] [data-aos],[data-aos][data-aos][data-aos-duration="1400"]{transition-duration:1400ms}body[data-aos-delay="1400"] [data-aos],[data-aos][data-aos][data-aos-delay="1400"]{transition-delay:0s}body[data-aos-delay="1400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1400"].aos-animate{transition-delay:1400ms}body[data-aos-duration="1450"] [data-aos],[data-aos][data-aos][data-aos-duration="1450"]{transition-duration:1450ms}body[data-aos-delay="1450"] [data-aos],[data-aos][data-aos][data-aos-delay="1450"]{transition-delay:0s}body[data-aos-delay="1450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1450"].aos-animate{transition-delay:1450ms}body[data-aos-duration="1500"] [data-aos],[data-aos][data-aos][data-aos-duration="1500"]{transition-duration:1500ms}body[data-aos-delay="1500"] [data-aos],[data-aos][data-aos][data-aos-delay="1500"]{transition-delay:0s}body[data-aos-delay="1500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1500"].aos-animate{transition-delay:1500ms}body[data-aos-duration="1550"] [data-aos],[data-aos][data-aos][data-aos-duration="1550"]{transition-duration:1550ms}body[data-aos-delay="1550"] [data-aos],[data-aos][data-aos][data-aos-delay="1550"]{transition-delay:0s}body[data-aos-delay="1550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1550"].aos-animate{transition-delay:1550ms}body[data-aos-duration="1600"] [data-aos],[data-aos][data-aos][data-aos-duration="1600"]{transition-duration:1600ms}body[data-aos-delay="1600"] [data-aos],[data-aos][data-aos][data-aos-delay="1600"]{transition-delay:0s}body[data-aos-delay="1600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1600"].aos-animate{transition-delay:1600m
5645s}body[data-aos-duration="1650"] [data-aos],[data-aos][data-aos][data-aos-duration="1650"]{transition-duration:1650ms}body[data-aos-delay="1650"] [data-aos],[data-aos][data-aos][data-aos-delay="1650"]{transition-delay:0s}body[data-aos-delay="1650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1650"].aos-animate{transition-delay:1650ms}body[data-aos-duration="1700"] [data-aos],[data-aos][data-aos][data-aos-duration="1700"]{transition-duration:1700ms}body[data-aos-delay="1700"] [data-aos],[data-aos][data-aos][data-aos-delay="1700"]{transition-delay:0s}body[data-aos-delay="1700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1700"].aos-animate{transition-delay:1700ms}body[data-aos-duration="1750"] [data-aos],[data-aos][data-aos][data-aos-duration="1750"]{transition-duration:1750ms}body[data-aos-delay="1750"] [data-aos],[data-aos][data-aos][data-aos-delay="1750"]{transition-delay:0s}body[data-aos-delay="1750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1750"].aos-animate{transition-delay:1750ms}body[data-aos-duration="1800"] [data-aos],[data-aos][data-aos][data-aos-duration="1800"]{transition-duration:1800ms}body[data-aos-delay="1800"] [data-aos],[data-aos][data-aos][data-aos-delay="1800"]{transition-delay:0s}body[data-aos-delay="1800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1800"].aos-animate{transition-delay:1800ms}body[data-aos-duration="1850"] [data-aos],[data-aos][data-aos][data-aos-duration="1850"]{transition-duration:1850ms}body[data-aos-delay="1850"] [data-aos],[data-aos][data-aos][data-aos-delay="1850"]{transition-delay:0s}body[data-aos-delay="1850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1850"].aos-animate{transition-delay:1850ms}body[data-aos-duration="1900"] [data-aos],[data-aos][data-aos][data-aos-duration="1900"]{transition-duration:1900ms}body[data-aos-delay="1900"] [data-aos],[data-aos][data-aos][data-aos-delay="1900"]{transition-delay:0s}body[data-aos-delay="1900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1900"].aos-animate{transition-delay:1900ms}body[data-aos-duration="1950"] [data-aos],[data-aos][data-aos][data-aos-duration="1950"]{transition-duration:1950ms}body[data-aos-delay="1950"] [data-aos],[data-aos][data-aos][data-aos-delay="1950"]{transition-delay:0s}body[data-aos-delay="1950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1950"].aos-animate{transition-delay:1950ms}body[data-aos-duration="2000"] [data-aos],[data-aos][data-aos][data-aos-duration="2000"]{transition-duration:2000ms}body[data-aos-delay="2000"] [data-aos],[data-aos][data-aos][data-aos-delay="2000"]{transition-delay:0s}body[data-aos-delay="2000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2000"].aos-animate{transition-delay:2000ms}body[data-aos-duration="2050"] [data-aos],[data-aos][data-aos][data-aos-duration="2050"]{transition-duration:2050ms}body[data-aos-delay="2050"] [data-aos],[data-aos][data-aos][data-aos-delay="2050"]{transition-delay:0s}body[data-aos-delay="2050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2050"].aos-animate{transition-delay:2050ms}body[data-aos-duration="2100"] [data-aos],[data-aos][data-aos][data-aos-duration="2100"]{transition-duration:2100ms}body[data-aos-delay="2100"] [data-aos],[data-aos][data-aos][data-aos-delay="2100"]{transition-delay:0s}body[data-aos-delay="2100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2100"].aos-animate{transition-delay:2100ms}body[data-aos-duration="2150"] [data-aos],[data-aos][data-aos][data-aos-duration="2150"]{transition-duration:2150ms}body[data-aos-delay="2150"] [data-aos],[data-aos][data-aos][data-aos-delay="2150"]{transition-delay:0s}body[data-aos-delay="2150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2150"].aos-animate{transition-delay:2150ms}body[data-aos-duration="2200"] [data-aos],[data-aos][data-aos][data-aos-duration="2200"]{transition-duration:2200ms}body[data-aos-delay="2200"] [data-aos],[data-aos][data-aos][data-aos-delay="2200"]{transition-delay:0s}body[data-aos-delay="2200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2200"].aos-animate{transition-delay:2200ms}body[data-aos-duration="2250"] [data-aos],[data-aos][data-aos][data-aos-duration="2250"]{transition-duration:2250ms}body[data-aos-delay="2250"] [data-aos],[data-aos][data-aos][data-aos-delay="2250"]{transition-delay:0s}body[data-aos-delay="2250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2250"].aos-animate{transition-delay:2250ms}body[data-aos-duration="2300"] [data-aos],[data-aos][data-aos][data-aos-duration="2300"]{transition-duration:2300ms}body[data-aos-delay="2300"] [data-aos],[data-aos][data-aos][data-aos-delay="2300"]{transition-delay:0s}body[data-aos-delay="2300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2300"].aos-animate{transition-delay:2300ms}body[data-aos-duration="2350"] [data-aos],[data-aos][data-aos][data-aos-duration="2350"]{transition-duration:2350ms}body[data-aos-delay="2350"] [data-aos],[data-aos][data-aos][data-aos-delay="2350"]{transition-delay:0s}body[data-aos-delay="2350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2350"].aos-animate{transition-delay:2350ms}body[data-aos-duration="2400"] [data-aos],[data-aos][data-aos][data-aos-duration="2400"]{transition-duration:2400ms}body[data-aos-delay="2400"] [data-aos],[data-aos][data-aos][data-aos-delay="2400"]{transition-delay:0s}body[data-aos-delay="2400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2400"].aos-animate{transition-delay:2400ms}body[data-aos-duration="2450"] [data-aos],[data-aos][data-aos][data-aos-duration="2450"]{transition-duration:2450ms}body[data-aos-delay="2450"] [data-aos],[data-aos][data-aos][data-aos-delay="2450"]{transition-delay:0s}body[data-aos-delay="2450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2450"].aos-animate{transition-delay:2450ms}body[data-aos-duration="2500"] [data-aos],[data-aos][data-aos][data-aos-duration="2500"]{transition-duration:2500ms}body[data-aos-delay="2500"] [data-aos],[data-aos][data-aos][data-aos-delay="2500"]{transition-delay:0s}body[data-aos-delay="2500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2500"].aos-animate{transition-delay:2500ms}body[data-aos-duration="2550"] [data-aos],[data-aos][data-aos][data-aos-duration="2550"]{transition-duration:2550ms}body[data-aos-delay="2550"] [data-aos],[data-aos][data-aos][data-aos-delay="2550"]{transition-delay:0s}body[data-aos-delay="2550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2550"].aos-animate{transition-delay:2550ms}body[data-aos-duration="2600"] [data-aos],[data-aos][data-aos][data-aos-duration="2600"]{transition-duration:2600ms}body[data-aos-delay="2600"] [data-aos],[data-aos][data-aos][data-aos-delay="2600"]{transition-delay:0s}body[data-aos-delay="2600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2600"].aos-animate{transition-delay:2600ms}body[data-aos-duration="2650"] [data-aos],[data-aos][data-aos][data-aos-duration="2650"]{transition-duration:2650ms}body[data-aos-delay="2650"] [data-aos],[data-aos][data-aos][data-aos-delay="2650"]{transition-delay:0s}body[data-aos-delay="2650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2650"].aos-animate{transition-delay:2650ms}body[data-aos-duration="2700"] [data-aos],[data-aos][data-aos][data-aos-duration="2700"]{transition-duration:2700ms}body[data-aos-delay="2700"] [data-aos],[data-aos][data-aos][data-aos-delay="2700"]{transition-delay:0s}body[data-aos-delay="2700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2700"].aos-animate{transition-delay:2700ms}body[data-aos-duration="2750"] [data-aos],[data-aos][data-aos][data-aos-duration="2750"]{transition-duration:2750ms}body[data-aos-delay="2750"] [data-aos],[data-aos][data-aos][data-aos-delay="2750"]{transition-delay:0s}body[data-aos-delay="2750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2750"].aos-animate{transition-delay:2750ms}body[data-aos-duration="2800"] [data-aos],[data-aos][data-aos][data-aos-duration="2800"]{transition-duration:2800ms}body[data-aos-delay="2800"] [data-aos],[data-aos][data-aos][data-aos-delay="2800"]{transition-delay:0s}body[data-aos-delay="2800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2800"].aos-animate{transition-delay:2800ms}body[data-aos-duration="2850"] [data-aos],[data-aos][data-aos][data-aos-duration="2850"]{transition-duration:2850ms}body[data-aos-delay="2850"] [data-aos],[data-aos][data-aos][data-aos-delay="2850"]{transition-delay:0s}body[data-aos-delay="2850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2850"].aos-animate{transition-delay:2850ms}body[data-aos-duration="2900"] [data-aos],[data-aos][data-aos][data-aos-duration="2900"]{transition-duration:2900ms}body[data-aos-delay="2900"] [data-aos],[data-aos][data-aos][data-aos-delay="2900"]{transition-delay:0s}body[data-aos-delay="2900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2900"].aos-animate{transition-delay:2900ms}body[data-aos-duration="2950"] [data-aos],[data-aos][data-aos][data-aos-duration="2950"]{transition-duration:2950ms}body[data-aos-delay="2950"] [data-aos],[data-aos][data-aos][data-aos-delay="2950"]{transition-delay:0s}body[data-aos-delay="2950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2950"].aos-animate{transition-delay:2950ms}body[data-aos-duration="3000"] [data-aos],[data-aos][data-aos][data-aos-duration="3000"]{transition-duration:3000ms}body[data-aos-delay="3000"] [data-aos],[data-aos][data-aos][data-aos-delay="3000"]{transition-delay:0s}body[data-aos-delay="3000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="3000"].aos-animate{transition-delay:3000ms}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}body[data-aos-easing=linear] [data-aos],[data-aos][data-aos][data-aos-easing=linear]{transition-timing-function:cubic-bezier(0.25, 0.25, 0.75, 0.75)}body[data-aos-easing=ease] [data-aos],[data-aos][data-aos][data-aos-easing=ease]{transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}body[data-aos-easing=ease-in] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in]{transition-timing-function:cubic-bezier(0.42, 0, 1, 1)}body[data-aos-easing=ease-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out]{transition-timing-function:cubic-bezier(0, 0, 0.58, 1)}body[data-aos-easing=ease-in-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out]{transition-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}body[data-aos-easing=ease-in-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-back]{transition-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045)}body[data-aos-easing=ease-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-back]{transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}body[data-aos-easing=ease-in-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}body[data-aos-easing=ease-in-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-sine]{transition-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715)}body[data-aos-easing=ease-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-sine]{transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}body[data-aos-easing=ease-in-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}body[data-aos-easing=ease-in-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quad]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quad]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(0.455, 0.03, 
56450.515, 0.955)}body[data-aos-easing=ease-in-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}body[data-aos-easing=ease-in-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quart]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}body[data-aos-easing=ease-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quart]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}body[data-aos-easing=ease-in-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:none}html:not(.no-js) [data-aos=fade-up]{transform:translate3d(0, 100px, 0)}html:not(.no-js) [data-aos=fade-down]{transform:translate3d(0, -100px, 0)}html:not(.no-js) [data-aos=fade-right]{transform:translate3d(-100px, 0, 0)}html:not(.no-js) [data-aos=fade-left]{transform:translate3d(100px, 0, 0)}html:not(.no-js) [data-aos=fade-up-right]{transform:translate3d(-100px, 100px, 0)}html:not(.no-js) [data-aos=fade-up-left]{transform:translate3d(100px, 100px, 0)}html:not(.no-js) [data-aos=fade-down-right]{transform:translate3d(-100px, -100px, 0)}html:not(.no-js) [data-aos=fade-down-left]{transform:translate3d(100px, -100px, 0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate3d(0, 0, 0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{transform:scale(0.6)}html:not(.no-js) [data-aos=zoom-in-up]{transform:translate3d(0, 100px, 0) scale(0.6)}html:not(.no-js) [data-aos=zoom-in-down]{transform:translate3d(0, -100px, 0) scale(0.6)}html:not(.no-js) [data-aos=zoom-in-right]{transform:translate3d(-100px, 0, 0) scale(0.6)}html:not(.no-js) [data-aos=zoom-in-left]{transform:translate3d(100px, 0, 0) scale(0.6)}html:not(.no-js) [data-aos=zoom-out]{transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{transform:translate3d(0, 100px, 0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{transform:translate3d(0, -100px, 0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{transform:translate3d(-100px, 0, 0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{transform:translate3d(100px, 0, 0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;transform:translate3d(0, 0, 0)}html:not(.no-js) [data-aos=slide-up]{transform:translate3d(0, 100%, 0)}html:not(.no-js) [data-aos=slide-down]{transform:translate3d(0, -100%, 0)}html:not(.no-js) [data-aos=slide-right]{transform:translate3d(-100%, 0, 0)}html:not(.no-js) [data-aos=slide-left]{transform:translate3d(100%, 0, 0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}html:not(.no-js) [data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}}',""]);const i=e},645:a=>{"use strict";a.exports=function(a){var t=[];return t.toString=function(){return this.map((function(t){var o="",s=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),s&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=a(t),s&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o}
5645)).join("")},t.i=function(a,o,s,d,n){"string"==typeof a&&(a=[[null,a,void 0]]);var e={};if(s)for(var i=0;i<this.length;i++){var r=this[i][0];null!=r&&(e[r]=!0)}for(var l=0;l<a.length;l++){var y=[].concat(a[l]);s&&e[y[0]]||(void 0!==n&&(void 0===y[5]||(y[1]="@layer".concat(y[5].length>0?" ".concat(y[5]):""," {").concat(y[1],"}")),y[5]=n),o&&(y[2]?(y[1]="@media ".concat(y[2]," {").concat(y[1],"}"),y[2]=o):y[2]=o),d&&(y[4]?(y[1]="@supports (".concat(y[4],") {").concat(y[1],"}"),y[4]=d):y[4]="".concat(d)),t.push(y))}},t}},81:a=>{"use strict";a.exports=function(a){return a[1]}},296:(a,t,o)=>{var s=/^\s+|\s+$/g,d=/^[-+]0x[0-9a-f]+$/i,n=/^0b[01]+$/i,e=/^0o[0-7]+$/i,i=parseInt,r="object"==typeof o.g&&o.g&&o.g.Object===Object&&o.g,l="object"==typeof self&&self&&self.Object===Object&&self,y=r||l||Function("return this")(),u=Object.prototype.toString,m=Math.max,c=Math.min,b=function(){return y.Date.now()};function f(a){var t=typeof a;return!!a&&("object"==t||"function"==t)}function p(a){if("number"==typeof a)return a;if(function(a){return"symbol"==typeof a||function(a){return!!a&&"object"==typeof a}(a)&&"[object Symbol]"==u.call(a)}(a))return NaN;if(f(a)){var t="function"==typeof a.valueOf?a.valueOf():a;a=f(t)?t+"":t}if("string"!=typeof a)return 0===a?a:+a;a=a.replace(s,"");var o=n.test(a);return o||e.test(a)?i(a.slice(2),o?2:8):d.test(a)?NaN:+a}a.exports=function(a,t,o){var s,d,n,e,i,r,l=0,y=!1,u=!1,v=!0;if("function"!=typeof a)throw new TypeError("Expected a function");function g(t){var o=s,n=d;return s=d=void 0,l=t,e=a.apply(n,o)}function h(a){var o=a-r;return void 0===r||o>=t||o<0||u&&a-l>=n}function w(){var a=b();if(h(a))return x(a);i=setTimeout(w,function(a){var o=t-(a-r);return u?c(o,n-(a-l)):o}(a))}function x(a){return i=void 0,v&&s?g(a):(s=d=void 0,e)}function j(){var a=b(),o=h(a);if(s=arguments,d=this,r=a,o){if(void 0===i)return function(a){return l=a,i=setTimeout(w,t),y?g(a):e}(r);if(u)return i=setTimeout(w,t),g(r)}return void 0===i&&(i=setTimeout(w,t)),e}return t=p(t)||0,f(o)&&(y=!!o.leading,n=(u="maxWait"in o)?m(p(o.maxWait)||0,t):n,v="trailing"in o?!!o.trailing:v),j.cancel=function(){void 0!==i&&clearTimeout(i),l=0,s=r=d=i=void 0},j.flush=function(){return void 0===i?e:x(b())},j}},96:(a,t,o)=>{var s="Expected a function",d=NaN,n="[object Symbol]",e=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,l=/^0o[0-7]+$/i,y=parseInt,u="object"==typeof o.g&&o.g&&o.g.Object===Object&&o.g,m="object"==typeof self&&self&&self.Object===Object&&self,c=u||m||Function("return this")(),b=Object.prototype.toString,f=Math.max,p=Math.min,v=function(){return c.Date.now()};function g(a){var t=typeof a;return!!a&&("object"==t||"function"==t)}function h(a){if("number"==typeof a)return a;if(function(a){return"symbol"==typeof a||function(a){return!!a&&"object"==typeof a}(a)&&b.call(a)==n}(a))return d;if(g(a)){var t="function"==typeof a.valueOf?a.valueOf():a;a=g(t)?t+"":t}if("string"!=typeof a)return 0===a?a:+a;a=a.replace(e,"");var o=r.test(a);return o||l.test(a)?y(a.slice(2),o?2:8):i.test(a)?d:+a}a.exports=function(a,t,o){var d=!0,n=!0;if("function"!=typeof a)throw new TypeError(s);return g(o)&&(d="leading"in o?!!o.leading:d,n="trailing"in o?!!o.trailing:n),function(a,t,o){var d,n,e,i,r,l,y=0,u=!1,m=!1,c=!0;if("function"!=typeof a)throw new TypeError(s);function b(t){var o=d,s=n;return d=n=void 0,y=t,i=a.apply(s,o)}function w(a){var o=a-l;return void 0===l||o>=t||o<0||m&&a-y>=e}function x(){var a=v();if(w(a))return j(a);r=setTimeout(x,function(a){var o=t-(a-l);return m?p(o,e-(a-y)):o}(a))}function j(a){return r=void 0,c&&d?b(a):(d=n=void 0,i)}function k(){var a=v(),o=w(a);if(d=arguments,n=this,l=a,o){if(void 0===r)return function(a){return y=a,r=setTimeout(x,t),u?b(a):i}(l);if(m)return r=setTimeout(x,t),b(l)}return void 0===r&&(r=setTimeout(x,t)),i}return t=h(t)||0,g(o)&&(u=!!o.leading,e=(m="maxWait"in o)?f(h(o.maxWait)||0,t):e,c="trailing"in o?!!o.trailing:c),k.cancel=function(){void 0!==r&&clearTimeout(r),y=0,d=l=n=r=void 0},k.flush=function(){return void 0===r?i:j(v())},k}(a,t,{leading:d,maxWait:t,trailing:n})}},379:a=>{"use strict";var t=[];function o(a){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===a){o=s;break}return o}function s(a,s){for(var n={},e=[],i=0;i<a.length;i++){var r=a[i],l=s.base?r[0]+s.base:r[0],y=n[l]||0,u="".concat(l," ").concat(y);n[l]=y+1;var m=o(u),c={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(-1!==m)t[m].references++,t[m].updater(c);else{var b=d(c,s);s.byIndex=i,t.splice(i,0,{identifier:u,updater:b,references:1})}e.push(u)}return e}function d(a,t){var o=t.domAPI(t);return o.update(a),function(t){if(t){if(t.css===a.css&&t.media===a.media&&t.sourceMap===a.sourceMap&&t.supports===a.supports&&t.layer===a.layer)return;o.update(a=t)}else o.remove()}}a.exports=function(a,d){var n=s(a=a||[],d=d||{});return function(a){a=a||[];for(var e=0;e<n.length;e++){var i=o(n[e]);t[i].references--}for(var r=s(a,d),l=0;l<n.length;l++){var y=o(n[l]);0===t[y].references&&(t[y].updater(),t.splice(y,1))}n=r}}},569:a=>{"use strict";var t={};
5645a.exports=function(a,o){var s=function(a){if(void 0===t[a]){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(a){o=null}t[a]=o}return t[a]}(a);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(o)}},216:a=>{"use strict";a.exports=function(a){var t=document.createElement("style");return a.setAttributes(t,a.attributes),a.insert(t,a.options),t}},565:(a,t,o)=>{"use strict";a.exports=function(a){var t=o.nc;t&&a.setAttribute("nonce",t)}},795:a=>{"use strict";a.exports=function(a){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=a.insertStyleElement(a);return{update:function(o){!function(a,t,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var d=void 0!==o.layer;d&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,d&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var n=o.sourceMap;n&&"undefined"!=typeof btoa&&(s+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),t.styleTagTransform(s,a,t.options)}(t,a,o)},remove:function(){!function(a){if(null===a.parentNode)return!1;a.parentNode.removeChild(a)}(t)}}}},589:a=>{"use strict";a.exports=function(a,t){if(t.styleSheet)t.styleSheet.cssText=a;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(a))}}}},t={};function o(s){var d=t[s];if(void 0!==d)return d.exports;var n=t[s]={id:s,exports:{}};return a[s](n,n.exports,o),n.exports}o.n=a=>{var t=a&&a.__esModule?()=>a.default:()=>a;return o.d(t,{a:t}),t},o.d=(a,t)=>{for(var s in t)o.o(t,s)&&!o.o(a,s)&&Object.defineProperty(a,s,{enumerable:!0,get:t[s]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(a){if("object"==typeof window)return window}}(),o.o=(a,t)=>Object.prototype.hasOwnProperty.call(a,t),o.nc=void 0;var s={};return(()=>{"use strict";o.d(s,{default:()=>B});var a=o(379),t=o.n(a),d=o(795),n=o.n(d),e=o(569),i=o.n(e),r=o(565),l=o.n(r),y=o(216),u=o.n(y),m=o(589),c=o.n(m),b=o(821),f={};f.styleTagTransform=c(),f.setAttributes=l(),f.insert=i().bind(null,"head"),f.domAPI=n(),f.insertStyleElement=u(),t()(b.Z,f),b.Z&&b.Z.locals&&b.Z.locals;var p=o(96),v=o.n(p),g=o(296),h=o.n(g),w=function(){},x=function a(t){var o,s;for(o=0;o<t.length;o+=1){if((s=t[o]).dataset&&s.dataset.aos)return!0;if(s.children&&a(s.children))return!0}return!1},j=function(a){a&&a.forEach((function(a){var t=Array.prototype.slice.call(a.addedNodes),o=Array.prototype.slice.call(a.removedNodes),s=t.concat(o);if(x(s))return w()}))},k=function(){return window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver};function z(a){return z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},z(a)}function O(a,t){for(var o=0;o<t.length;o++){var s=t[o];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(a,(void 0,d=function(a,t){if("object"!==z(a)||null===a)return a;var o=a[Symbol.toPrimitive];if(void 0!==o){var s=o.call(a,"string");if("object"!==z(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(a)}(s.key),"symbol"===z(d)?d:String(d)),s)}var d}var E=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i,N=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|
5645sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,q=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i,S=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,C=function(){return navigator.userAgent||navigator.vendor||window.opera||""};const T=new(function(){function a(){!function(a,t){if(!(a instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a)}var t,o;return t=a,(o=[{key:"phone",value:function(){var a=C();return!(!E.test(a)&&!N.test(a.substr(0,4)))}},{key:"mobile",value:function(){var a=C();return!(!q.test(a)&&!S.test(a.substr(0,4)))}},{key:"tablet",value:function(){return this.mobile()&&!this.phone()}},{key:"ie11",value:function(){return"-ms-scroll-limit"in document.documentElement.style&&"-ms-ime-align"in document.documentElement.style}}])&&O(t.prototype,o),Object.defineProperty(t,"prototype",{writable:!1}),a}());var A=function(a,t){var o;return T.ie11()?(o=document.createEvent("CustomEvent")).initCustomEvent(a,!0,!0,{detail:t}):o=new CustomEvent(a,{detail:t}),document.dispatchEvent(o)};const M=function(a){return a.forEach((function(a,t){return function(a,t){var o=a.options,s=a.position,d=a.node,n=(a.data,function(){a.animated&&(function(a,t){t&&t.forEach((function(t){return a.classList.remove(t)}))}(d,o.animatedClassNames),A("aos:out",d),a.options.id&&A("aos:out:".concat(a.options.id),d),a.animated=!1)});o.mirror&&t>=s.out&&!o.once?n():t>=s.in?a.animated||(function(a,t){t&&t.forEach((function(t){return a.classList.add(t)}))}(d,o.animatedClassNames),A("aos:in",d),a.options.id&&A("aos:in:".concat(a.options.id),d),a.animated=!0):a.animated&&!o.once&&n()}(a,window.pageYOffset)}))},L=function(a){for(var t=0,o=0;a&&!isNaN(a.offsetLeft)&&!isNaN(a.offsetTop);)t+=a.offsetLeft-("BODY"!=a.tagName?a.scrollLeft:0),o+=a.offsetTop-("BODY"!=a.tagName?a.scrollTop:0),a=a.offsetParent;return{top:o,left:t}},D=function(a,t,o){var s=a.getAttribute("data-aos-"+t);if(void 0!==s){if("true"===s)return!0;if("false"===s)return!1}return s||o};var H=function(a,t,o){var s=window.innerHeight,d=D(a,"anchor"),n=D(a,"anchor-placement"),e=Number(D(a,"offset",n?0:t)),i=n||o,r=a;
5645d&&document.querySelectorAll(d)&&(r=document.querySelectorAll(d)[0]);var l=L(r).top-s;switch(i){case"top-bottom":break;case"center-bottom":l+=r.offsetHeight/2;break;case"bottom-bottom":l+=r.offsetHeight;break;case"top-center":l+=s/2;break;case"center-center":l+=s/2+r.offsetHeight/2;break;case"bottom-center":l+=s/2+r.offsetHeight;break;case"top-top":l+=s;break;case"bottom-top":l+=s+r.offsetHeight;break;case"center-top":l+=s+r.offsetHeight/2}return l+e},P=function(a,t){window.innerHeight;var o=D(a,"anchor"),s=D(a,"offset",t),d=a;return o&&document.querySelectorAll(o)&&(d=document.querySelectorAll(o)[0]),L(d).top+d.offsetHeight-s};const I=function(){var a=document.querySelectorAll("[data-aos]");return Array.prototype.map.call(a,(function(a){return{node:a}}))};var Y=[],$={offset:120,delay:0,easing:"ease",duration:400,disable:!1,once:!1,mirror:!1,anchorPlacement:"top-bottom",startEvent:"DOMContentLoaded",animatedClassName:"aos-animate",initClassName:"aos-init",useClassNames:!1,disableMutationObserver:!1,throttleDelay:99,debounceDelay:50},W=function(){return document.all&&!window.atob},_=function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&(Y=function(a,t){return a.forEach((function(a,o){var s=D(a.node,"mirror",t.mirror),d=D(a.node,"once",t.once),n=D(a.node,"id"),e=t.useClassNames&&a.node.getAttribute("data-aos"),i=[t.animatedClassName].concat(e?e.split(" "):[]).filter((function(a){return"string"==typeof a}));t.initClassName&&a.node.classList.add(t.initClassName),a.position={in:H(a.node,t.offset,t.anchorPlacement),out:s&&P(a.node,t.offset)},a.options={once:d,mirror:s,animatedClassNames:i,id:n}})),a}(Y,$),M(Y),window.addEventListener("scroll",v()((function(){M(Y,$.once)}),$.throttleDelay),{passive:!0}))},F=function(){if(Y=I(),X($.disable)||W())return Z();_()},Z=function(){Y.forEach((function(a){a.node.removeAttribute("data-aos"),a.node.removeAttribute("data-aos-easing"),a.node.removeAttribute("data-aos-duration"),a.node.removeAttribute("data-aos-delay"),$.initClassName&&a.node.classList.remove($.initClassName),$.animatedClassName&&a.node.classList.remove($.animatedClassName)}))},X=function(a){return!0===a||"mobile"===a&&T.mobile()||"phone"===a&&T.phone()||"tablet"===a&&T.tablet()||"function"==typeof a&&!0===a()};const B={init:function(a){return $=Object.assign($,a),Y=I(),document.all&&window.atob,$.disableMutationObserver||!!k()||(console.info('\n      aos: MutationObserver is not supported on this browser,\n      code mutations observing has been disabled.\n      You may have to call "refreshHard()" by yourself.\n    '),$.disableMutationObserver=!0),$.disableMutationObserver||(t=F,o=window.document,s=new(k())(j),w=t,s.observe(o.documentElement,{childList:!0,subtree:!0,removedNodes:!0})),X($.disable)||W()?Z():(document.querySelector("body").setAttribute("data-aos-easing",$.easing),document.querySelector("body").setAttribute("data-aos-duration",$.duration),document.querySelector("body").setAttribute("data-aos-delay",$.delay),-1===["DOMContentLoaded","load"].indexOf($.startEvent)?document.addEventListener($.startEvent,(function(){_(!0)})):window.addEventListener("load",(function(){_(!0)})),"DOMContentLoaded"===$.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1&&_(!0),window.addEventListener("resize",h()(_,$.debounceDelay,!0)),window.addEventListener("orientationchange",h()(_,$.debounceDelay,!0)),Y);var t,o,s},refresh:_,refreshHard:F}})(),s.default})()));
5646
5647AOS.init();
5648
5649
5650</script>
5650
5651
5652</body>
5653</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.