PageSourceSearch

https://ramtatta.de/news/12464/lausch-veredeln-90s-rock-und-post-r…fgang-neue-single-und-album-in-vorbereitung

html ramtatta.de collected 2026-10-02 22:52:01 UTC 81,388 bytes, 1,539 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de" x-data="{ menuOpen: false, searchOpen: false }">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6        <meta name="color-scheme" content="light">
7    <meta name="theme-color" content="#ede0c4">
8    <title>RamTatTa - LAUSCH veredeln 90s-Rock und Post-Rock mit Tiefgang: Neue Single und Album in Vorbereitung | RamTatTa</title>
9    <meta name="description" content="„Bewegen. Nicht vorführen, nicht beeindrucken, bewegen – weil in uns etwas los ist und einen Weg nach draußen braucht.“ Mit diesem klaren Haltungsanspruch meldet sich die Wiener Rock-Formation LAUSCH …">
10        <meta name="robots" content="index, follow">
11    <meta name="keywords" content="Punk, Metal, Hardcore, Rock, Fanzine, Reviews, Interviews, Konzertberichte, Konzerttermine, Konzertfotos, Underground, Musikmagazin">
12
13                    <link rel="canonical" href="https://ramtatta.de/news/12464/lausch-veredeln-90s-rock-und-post-rock-mit-tiefgang-neue-single-und-album-in-vorbereitung">
14    <meta property="og:type"        content="website">
15    <meta property="og:site_name"   content="RamTatTa">
16    <meta property="og:locale"      content="de_DE">
17    <meta property="og:url"         content="https://ramtatta.de/news/12464/lausch-veredeln-90s-rock-und-post-rock-mit-tiefgang-neue-single-und-album-in-vorbereitung">
18    <meta property="og:title"       content="LAUSCH veredeln 90s-Rock und Post-Rock mit Tiefgang: Neue Single und Album in Vorbereitung">
19    <meta property="og:description" content="„Bewegen. Nicht vorführen, nicht beeindrucken, bewegen – weil in uns etwas los ist und einen Weg nach draußen braucht.“ Mit diesem klaren Haltungsanspruch meldet sich die Wiener Rock-Formation LAUSCH …">
20    <meta property="og:image"       content="https://ramtatta.de/bilder/neuigkeiten/12464.png">
21    <meta property="og:image:alt"   content="LAUSCH veredeln 90s-Rock und Post-Rock mit Tiefgang: Neue Single und Album in Vorbereitung">
22        <meta name="twitter:card"        content="summary_large_image">
23    <meta name="twitter:title"       content="LAUSCH veredeln 90s-Rock und Post-Rock mit Tiefgang: Neue Single und Album in Vorbereitung">
24    <meta name="twitter:description" content="„Bewegen. Nicht vorführen, nicht beeindrucken, bewegen – weil in uns etwas los ist und einen Weg nach draußen braucht.“ Mit diesem klaren Haltungsanspruch meldet sich die Wiener Rock-Formation LAUSCH …">
25    <meta name="twitter:image"       content="https://ramtatta.de/bilder/neuigkeiten/12464.png">
26
27        <meta name="csrf-token" content="465725522f9347f3dfad653fb21ee4ce7e649037b25670d0abd1d7e3f8d4ce7a">
28    
28<script src="https://ramtatta.de/js/csrf.js?v=1783492413"></script>
28
29
30        <link rel="stylesheet" href="https://ramtatta.de/css/fonts.css">
31
32    <link rel="stylesheet" href="https://ramtatta.de/css/tailwind.min.css">
33    <link rel="stylesheet" href="https://ramtatta.de/css/app.css?v=1787231046">
34    <link rel="stylesheet" href="https://ramtatta.de/css/components.css?v=1780683480">
35    <link rel="apple-touch-icon" sizes="180x180" href="https://ramtatta.de/apple-touch-icon.png">
36    <link rel="icon" type="image/png" sizes="32x32" href="https://ramtatta.de/favicon-32x32.png">
37    <link rel="icon" type="image/png" sizes="16x16" href="https://ramtatta.de/favicon-16x16.png">
38    <link rel="manifest" href="https://ramtatta.de/site.webmanifest">
39    <link rel="alternate" type="application/rss+xml" title="RamTatTa – Alle Beiträge"       href="https://ramtatta.de/feed">
40    <link rel="alternate" type="application/rss+xml" title="RamTatTa – Neuigkeiten"         href="https://ramtatta.de/feed/news">
41    <link rel="alternate" type="application/rss+xml" title="RamTatTa – Reviews"             href="https://ramtatta.de/feed/reviews">
42    <link rel="alternate" type="application/rss+xml" title="RamTatTa – Interviews"          href="https://ramtatta.de/feed/interviews">
43    <link rel="alternate" type="application/rss+xml" title="RamTatTa – Konzertberichte"     href="https://ramtatta.de/feed/konzertberichte">
44    <link rel="alternate" type="application/rss+xml" title="RamTatTa – Blog"                 href="https://ramtatta.de/blog/feed.rss">
45    <link rel="alternate" type="application/rss+xml" title="RamTatTa – Podcast"              href="https://ramtatta.de/blog/podcast.rss">
46
47        
47<script defer src="https://ramtatta.de/js/alpine.min.js"></script>
47
48
49    <link rel="stylesheet" href="https://ramtatta.de/css/base-extra.css?v=1788521100">
50    </head>
51<body class="min-h-screen flex flex-col">
52
53<header>
54  <nav class="rt-nav sticky top-0 z-50">
55    <div class="rt-nav-inner">
56
57            <a href="https://ramtatta.de/" class="rt-brand">
58        <img src="https://ramtatta.de/img/ramtatta-logo.webp" alt="RamTatTa" class="rt-brand-logo">
59      </a>
60
61            <ul class="rt-nav-list">
62        <li><a href="https://ramtatta.de/news"       class="rt-nl">News</a></li>
63        <li><a href="https://ramtatta.de/reviews"    class="rt-nl">Reviews</a></li>
64        <li><a href="https://ramtatta.de/interviews" class="rt-nl">Interviews</a></li>
65
66                <li x-data="{ konzertOpen: false }" class="relative">
67          <button @click="konzertOpen = !konzertOpen"
68                  @keydown.escape="konzertOpen = false"
69                  class="rt-nl" style="background:none;border:none;cursor:pointer;">
70            Konzerte
71            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" style="display:inline-block;vertical-align:middle;margin-left:2px;" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
72          </button>
73          <div x-show="konzertOpen" x-cloak @click.away="konzertOpen = false"
74               x-transition:enter="transition ease-out duration-100"
75               x-transition:enter-start="opacity-0 translate-y-1"
76               x-transition:enter-end="opacity-100 translate-y-0"
77               x-transition:leave="transition ease-in duration-75"
78               x-transition:leave-start="opacity-100"
79               x-transition:leave-end="opacity-0"
80               class="rt-dd absolute left-0 top-full mt-1 z-50" style="min-width:190px;">
81            <a href="https://ramtatta.de/konzerte"           @click="konzertOpen=false" class="rt-dd-item">Übersicht</a>
82            <a href="https://ramtatta.de/konzertberichte"    @click="konzertOpen=false" class="rt-dd-item">Berichte</a>
83            <a href="https://ramtatta.de/konzert-videos"     @click="konzertOpen=false" class="rt-dd-item">Videos</a>
84            <a href="https://ramtatta.de/konzert-fotos"      @click="konzertOpen=false" class="rt-dd-item">Fotos</a>
85            <div class="rt-dd-rule"></div>
86            <a href="https://ramtatta.de/konzert-termine"    @click="konzertOpen=false" class="rt-dd-item">Termine</a>
87            <a href="https://ramtatta.de/veranstaltungsorte" @click="konzertOpen=false" class="rt-dd-item">Locations</a>
88          </div>
89        </li>
90
91        <li><span class="rt-nav-sep"></span></li>
92
93                <li x-data="{ comOpen: false }" class="relative">
94          <button @click="comOpen = !comOpen"
95                  @keydown.escape="comOpen = false"
96                  class="rt-nl" style="background:none;border:none;cursor:pointer;">
97            Community
98            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" style="display:inline-block;vertical-align:middle;margin-left:2px;" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
99          </button>
100          <div x-show="comOpen" x-cloak @click.away="comOpen = false"
101               x-transition:enter="transition ease-out duration-100"
102               x-transition:enter-start="opacity-0 translate-y-1"
103               x-transition:enter-end="opacity-100 translate-y-0"
104               x-transition:leave="transition ease-in duration-75"
105               x-transition:leave-start="opacity-100"
106               x-transition:leave-end="opacity-0"
107               class="rt-dd absolute left-0 top-full mt-1 z-50" style="min-width:190px;">
108            <a href="https://ramtatta.de/community"   @click="comOpen=false" class="rt-dd-item">Feed</a>
109            <a href="https://ramtatta.de/blog"        @click="comOpen=false" class="rt-dd-item">Blog</a>
110                        <div class="rt-dd-rule"></div>
111                        <a href="https://ramtatta.de/beitrag-einreichen" @click="comOpen=false" class="rt-dd-item">Beitrag einreichen</a>
112          </div>
113        </li>
114
115        <li><span class="rt-nav-sep"></span></li>
116
117                <li x-data="{ spieleOpen: false }" class="relative">
118          <button @click="spieleOpen = !spieleOpen"
119                  @keydown.escape="spieleOpen = false"
120                  class="rt-nl" style="background:none;border:none;cursor:pointer;">
121            Spiele
122            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" style="display:inline-block;vertical-align:middle;margin-left:2px;" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
123          </button>
124          <div x-show="spieleOpen" x-cloak @click.away="spieleOpen = false"
125               x-transition:enter="transition ease-out duration-100"
126               x-transition:enter-start="opacity-0 translate-y-1"
127               x-transition:enter-end="opacity-100 translate-y-0"
128               x-transition:leave="transition ease-in duration-75"
129               x-transition:leave-start="opacity-100"
130               x-transition:leave-end="opacity-0"
131               class="rt-dd absolute left-0 top-full mt-1 z-50" style="min-width:210px;">
132            <a href="https://ramtatta.de/spiele/punk-runner"                         @click="spieleOpen=false" class="rt-dd-item">Punk Runner</a>
133            <a href="https://ramtatta.de/spiele/krypta"                              @click="spieleOpen=false" class="rt-dd-item">Krypta</a>
134            <a href="https://ramtatta.de/spiele/story/die-stille-vor-dem-ersten"     @click="spieleOpen=false" class="rt-dd-item">Die Stille vor dem Ersten</a>
135            <div class="rt-dd-rule"></div>
136            <a href="https://ramtatta.de/spiele"                                      @click="spieleOpen=false" class="rt-dd-item">Übersicht</a>
137          </div>
138        </li>
139
140        <li><span class="rt-nav-sep"></span></li>
141
142                <li x-data="{ infoOpen: false }" class="relative">
143          <button @click="infoOpen = !infoOpen"
144                  @keydown.escape="infoOpen = false"
145                  class="rt-nl" style="background:none;border:none;cursor:pointer;">
146            Info
147            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" style="display:inline-block;vertical-align:middle;margin-left:2px;" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
148          </button>
149          <div x-show="infoOpen" x-cloak @click.away="infoOpen = false"
150               x-transition:enter="transition ease-out duration-100"
151               x-transition:enter-start="opacity-0 translate-y-1"
152               x-transition:enter-end="opacity-100 translate-y-0"
153               x-transition:leave="transition ease-in duration-75"
154               x-transition:leave-start="opacity-100"
155               x-transition:leave-end="opacity-0"
156               class="rt-dd absolute right-0 top-full mt-1 z-50" style="min-width:200
156px;">
157            <a href="https://ramtatta.de/hilfe"       @click="infoOpen=false" class="rt-dd-item">Hilfe</a>
158            <a href="https://ramtatta.de/ueber-uns"   @click="infoOpen=false" class="rt-dd-item">Über uns</a>
159            <a href="https://ramtatta.de/kontakt"     @click="infoOpen=false" class="rt-dd-item">Kontakt</a>
160            <div class="rt-dd-rule"></div>
161            <a href="https://ramtatta.de/impressum"   @click="infoOpen=false" class="rt-dd-item">Impressum</a>
162            <a href="https://ramtatta.de/datenschutz" @click="infoOpen=false" class="rt-dd-item">Datenschutz</a>
163            <div class="rt-dd-rule"></div>
164            <a href="?lang=de" rel="nofollow" @click="infoOpen=false" class="rt-dd-item is-active">
165              <span class="rt-dd-flag">DE</span> Deutsch
166            </a>
167            <a href="?lang=en" rel="nofollow" @click="infoOpen=false" class="rt-dd-item">
168              <span class="rt-dd-flag">EN</span> English
169            </a>
170          </div>
171        </li>
172
173        <li><span class="rt-nav-sep"></span></li>
174
175                      </ul>
176
177            <div class="rt-nav-icons">
178
179                
180                        <a href="https://ramtatta.de/anmelden?redirect=%2Fnews%2F12464%2Flausch-veredeln-90s-rock-und-post-rock-mit-tiefgang-neue-single-und-album-in-vorbereitung"
181           class="rt-icon-btn rt-search-ico" rel="nofollow"
182           title="Anmelden" aria-label="Anmelden">
183          <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
184            <circle cx="12" cy="8" r="4"/>
185            <path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/>
186          </svg>
187        </a>
188        
189                <button type="button" id="rt-pl-nav-btn"
190                class="rt-icon-btn rt-pl-badge-wrap"
191                title="Video-Playlist" aria-label="Video-Playlist öffnen"
192                style="position:relative;">
193          <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
194            <path d="M15 10l4.553-2.069A1 1 0 0 1 21 8.87v6.26a1 1 0 0 1-1.447.894L15 14"/>
195            <rect x="3" y="6" width="12" height="12" rx="1"/>
196          </svg>
197          <span id="rt-pl-badge" style="display:none;"></span>
198        </button>
199
200                <div x-data="{ langOpen: false }" class="relative" @keydown.escape="langOpen = false">
201          <button @click="langOpen = !langOpen"
202                  class="rt-icon-btn" aria-label="Sprache wählen" title="Sprache">
203            <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
204              <circle cx="12" cy="12" r="9"/>
205              <path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/>
206            </svg>
207          </button>
208          <div x-show="langOpen" x-cloak @click.away="langOpen = false"
209               x-transition:enter="transition ease-out duration-100"
210               x-transition:enter-start="opacity-0 translate-y-1"
211               x-transition:enter-end="opacity-100 translate-y-0"
212               x-transition:leave="transition ease-in duration-75"
213               x-transition:leave-start="opacity-100"
214               x-transition:leave-end="opacity-0"
215               class="rt-dd absolute right-0 top-full mt-1 z-50" style="min-width:130px;">
216            <a href="?lang=de" rel="nofollow" @click="langOpen=false"
217               class="rt-dd-item is-active">
218              <span class="rt-dd-flag">DE</span> Deutsch
219            </a>
220            <a href="?lang=en" rel="nofollow" @click="langOpen=false"
221               class="rt-dd-item">
222              <span class="rt-dd-flag">EN</span> English
223            </a>
224          </div>
225        </div>
226
227                <button type="button" @click="searchOpen = !searchOpen"
228                class="rt-icon-btn rt-search-ico" aria-label="Suche öffnen">
229          <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24">
230            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
231                  d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
232          </svg>
233        </button>
234
235                <button type="button" @click="menuOpen = !menuOpen"
236                class="rt-icon-btn rt-ham-btn" aria-label="Menü öffnen">
237          <svg width="26" height="26" fill="none" stroke="currentColor" viewBox="0 0 24 24">
238            <path x-show="!menuOpen" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
239            <path x-show="menuOpen"  stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
240          </svg>
241        </button>
242
243      </div>
244
245    </div>
246
247        <div x-show="searchOpen" x-cloak
248         x-transition:enter="transition ease-out duration-150"
249         x-transition:enter-start="opacity-0 -translate-y-1"
250         x-transition:enter-end="opacity-100 translate-y-0"
251         x-transition:leave="transition ease-in duration-100"
252         x-transition:leave-start="opacity-100"
253         x-transition:leave-end="opacity-0">
254      <div class="rt-search-drawer">
255        <form action="https://ramtatta.de/suche" method="get">
256          <input type="text" name="q" autofocus
257                 class="rt-search-input"
258                 placeholder="Band, Album, Stichwort suchen…">
259        </form>
260      </div>
261    </div>
262
263        <div x-show="menuOpen" x-cloak x-transition class="rt-mob-menu">
264
265      <div class="rt-mob-section" style="border-top:none;margin-top:0;">// Suche</div>
266      <div class="rt-mob-search">
267        <form action="https://ramtatta.de/suche" method="get">
268          <input type="text" name="q" placeholder="Suchen…">
269          <button type="submit">GO</button>
270        </form>
271      </div>
272
273      <div class="rt-mob-section">// Inhalt</div>
274      <a href="https://ramtatta.de/news"       class="rt-mob-link">News</a>
275      <a href="https://ramtatta.de/reviews"    class="rt-mob-link">Reviews</a>
276      <a href="https://ramtatta.de/interviews" class="rt-mob-link">Interviews</a>
277
278      <a href="https://ramtatta.de/spiele" class="rt-mob-link">
279        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true" style="display:inline-block;vertical-align:-2px;margin-right:.4rem;opacity:.7;"><rect x="3" y="3" width="18" height="18" rx="3"/><circle cx="8" cy="8" r="1.2" fill="currentColor" stroke="none"/><circle cx="16" cy="8" r="1.2" fill="currentColor" stroke="none"/><circle cx="8" cy="16" r="1.2" fill="currentColor" stroke="none"/><circle cx="16" cy="16" r="1.2" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1.2" fill="currentColor" stroke="none"/></svg>Spiele
280      </a>
281
282      <div class="rt-mob-section">// Konzerte</div>
283      <a href="https://ramtatta.de/konzerte"            class="rt-mob-link rt-mob-sub">
283Übersicht</a>
284      <a href="https://ramtatta.de/konzertberichte"     class="rt-mob-link rt-mob-sub">Berichte</a>
285      <a href="https://ramtatta.de/konzert-videos"      class="rt-mob-link rt-mob-sub">Videos</a>
286      <a href="https://ramtatta.de/konzert-fotos"       class="rt-mob-link rt-mob-sub">Fotos</a>
287      <a href="https://ramtatta.de/konzert-termine"     class="rt-mob-link rt-mob-sub">Termine</a>
288      <a href="https://ramtatta.de/veranstaltungsorte"  class="rt-mob-link rt-mob-sub">Locations</a>
289
290      <div class="rt-mob-section">// Community</div>
291      <a href="https://ramtatta.de/community"   class="rt-mob-link rt-mob-sub">Feed</a>
292      <a href="https://ramtatta.de/blog"        class="rt-mob-link rt-mob-sub">Blog</a>
293            <a href="https://ramtatta.de/beitrag-einreichen" class="rt-mob-link rt-mob-sub">Beitrag einreichen</a>
294
295      <div class="rt-mob-section">// Info</div>
296      <a href="https://ramtatta.de/hilfe"       class="rt-mob-link rt-mob-sub">Hilfe</a>
297      <a href="https://ramtatta.de/ueber-uns"   class="rt-mob-link rt-mob-sub">Über uns</a>
298      <a href="https://ramtatta.de/kontakt"     class="rt-mob-link rt-mob-sub">Kontakt</a>
299      <a href="https://ramtatta.de/impressum"   class="rt-mob-link rt-mob-sub">Impressum</a>
300      <a href="https://ramtatta.de/datenschutz" class="rt-mob-link rt-mob-sub">Datenschutz</a>
301
302      <div class="rt-mob-section">// Videos</div>
303      <button type="button"
304              onclick="if(window.rtPlaylist){var l=rtPlaylist.get();if(l.length){if(document.getElementById('rt-mini-player').style.display!=='none'){document.getElementById('rt-pl-toggle').click();}else{rtPlaylist.play(0);}}else{rtPlaylist.showEmptyHint(this);}}"
305              class="rt-mob-link" style="width:100%;text-align:left;border:none;cursor:pointer;">
306        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true" style="display:inline-block;vertical-align:-2px;margin-right:.4rem;opacity:.7;">
307          <path d="M15 10l4.553-2.069A1 1 0 0 1 21 8.87v6.26a1 1 0 0 1-1.447.894L15 14"/>
308          <rect x="3" y="6" width="12" height="12" rx="1"/>
309        </svg>Playlist
310      </button>
311
312      <div class="rt-mob-section">
313        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" style="display:inline-block;vertical-align:-1px;margin-right:.3rem;">
314          <circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/>
315        </svg>Sprache
316      </div>
317      <a href="?lang=de" rel="nofollow" class="rt-mob-link rt-mob-sub rt-mob-langactive">
318        <span style="display:inline-block;min-width:2.2rem;color:var(--red);">DE</span> Deutsch
319      </a>
320      <a href="?lang=en" rel="nofollow" class="rt-mob-link rt-mob-sub">
321        <span style="display:inline-block;min-width:2.2rem;color:var(--red);">EN</span> English
322      </a>
323
324      
325            <div class="rt-mob-section">// Konto</div>
326      <a href="https://ramtatta.de/anmelden?redirect=%2Fnews%2F12464%2Flausch-veredeln-90s-rock-und-post-rock-mit-tiefgang-neue-single-und-album-in-vorbereitung" rel="nofollow" class="rt-mob-link">Anmelden</a>
327      <a href="https://ramtatta.de/registrieren" class="rt-mob-link rt-mob-sub">Registrieren</a>
328      
329      
330    </div>
331
332  </nav>
333</header>
334
335
336
337<main class="flex-1">
338    
339<div class="max-w-4xl mx-auto px-4 pt-10 pb-0">
340  <nav class="text-xs text-gray-500 mb-6">
341    <a href="https://ramtatta.de/" class="hover:text-rt-red">Start</a> ›
342    <a href="https://ramtatta.de/news" class="hover:text-rt-red">Neuigkeiten</a> ›
343    <span class="text-gray-300">LAUSCH veredeln 90s-Rock und Post-Rock m…</span>
344  </nav>
345  </div>
346
347<div class="dt-hero" style="--cover: url('https://ramtatta.de/bilder/neuigkeiten/12464.png')">
348  <div class="dt-hero-bg"></div>
349  <div class="dt-hero-inner max-w-4xl mx-auto">
350
351    <div class="dt-cover-wrap" id="cv-trigger" role="button" tabindex="0" aria-label="Cover vergrößern">
352      <picture style="display:contents"><source type="image/avif" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12464.avif?v=1790615218 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12464.avif?v=1790615218 800w" sizes="(max-width: 400px) 400px, 800px"><source type="image/webp" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12464.webp?v=1790615218 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12464.webp?v=1790615218 800w" sizes="(max-width: 400px) 400px, 800px"><img src="https://ramtatta.de/bilder/cache/800/neuigkeiten/12464.png?v=1790615218" alt="LAUSCH veredeln 90s-Rock und Post-Rock mit Tiefgang: Neue Single und Album in Vorbereitung" loading="eager"></picture>
353      <div class="dt-cover-hint">
354        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
355          <polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/>
356          <line x1="21" y1="3" x2="14" y2="10"/>
356<line x1="3" y1="21" x2="10" y2="14"/>
357        </svg>
358      </div>
359    </div>
360    
361    <div class="dt-meta">
362      <p class="dt-badge">News</p>
363      <h1 class="dt-h1" style="font-size: clamp(1.6rem, 5vw, 2.8rem);">LAUSCH veredeln 90s-Rock und Post-Rock mit Tiefgang: Neue Single und Album in Vorbereitung</h1>
364      <dl class="dt-dl">
365        <dt>Datum</dt><dd>28.09.2026</dd>
366        <dt>Autor</dt><dd><span class="reporter-link" onclick="event.stopPropagation();window.location='https://ramtatta.de/mitglieder/10649/frank'" role="link" tabindex="0" style="cursor:pointer">Frank</span></dd>
367              </dl>
368          </div>
369
370  </div>
371</div>
372
373<div class="cv-lb" id="cv-lb" role="dialog" aria-modal="true" aria-label="Cover-Vorschau">
374  <div class="cv-lb-inner">
375    <button class="cv-lb-close" aria-label="Schließen">✕</button>
376    <img src="https://ramtatta.de/bilder/neuigkeiten/12464.png" alt="LAUSCH veredeln 90s-Rock und Post-Rock mit Tiefgang: Neue Single und Album in Vorbereitung">
377      </div>
378</div>
379
380<div class="max-w-4xl mx-auto px-4 pb-10">
381
382  <article class="flex-1">
383
384            <div class="mt-8"></div>
385    
386    <div class="prose-rt text-sm">
387      <p>„Bewegen. Nicht vorführen, nicht beeindrucken, bewegen – weil in uns etwas los ist und einen Weg nach draußen braucht.“ Mit diesem klaren Haltungsanspruch meldet sich die Wiener Rock-Formation LAUSCH zurück. Nach intensiven Jahren auf den Bühnen des Landes und erfolgreichen Release-Meilensteinen richtet das Quartett den Blick nach vorne: Für 2026 kündigt die Band eine neue Single sowie die Arbeit an einem neuen Studioalbum an.</p>
388<p>Seit ihrer Gründung im Jahr 2007 hat sich die Band um Sänger und Gitarrist Alexander Lausch einen eigenständigen Namen in der europäischen Alternative-Szene erarbeitet. Ihr Sound meidet das Offensichtliche: 90er-Jahre-Rockgitarren treffen auf die Dynamik von Post-Rock und progressive Strukturen – energetisch und laut, wo es zählt, und im nächsten Moment zerbrechlich intim.</p>
389<p>Vom Studio-Trio zur gewachsenen Live-Formation</p>
390<p>Ursprünglich als Trio gestartet, ist die Band über die Jahre auch auf der Bühne gewachsen. Ines Dallaji, die bereits 2017 auf dem Album Quiet Men zu hören war, ist fester Bestandteil der Live-Besetzung. Ende 2024 stieß David Ruhmer (Percussion, Backing Vocals) zur Band – die aktuellen Songs entstehen bereits in der erweiterten Konstellation.</p>
391<p>Medien ziehen seit über einem Jahrzehnt Vergleiche zu Größen wie Biffy Clyro, Muse oder Long Distance Calling. Das Fachmagazin Rock Hard attestierte Alexander Lauschs Stimme Qualitäten eines jungen Freddie Mercury und merkte an, dass die Band in Großbritannien wohl längst den internationalen Durchbruch geschafft hätte. mica – music austria urteilte knapp: „Alexander Lausch hat vielleicht die beste Rockstimme ganz Österreichs.“<br />
392<br />
393Erfolge, Radio-Rotationen und Ausblick</p>
394<p>Dass die Musik von LAUSCH internationale Reichweite besitzt, bewies 2013 das Video zu „Canada is Falling“, das nach einem Feature auf der Startseite von The Pirate Bay innerhalb von 48 Stunden über 150.000 YouTube-Aufrufe erzielte. Live überzeugte die Band u. a. auf dem Nova Rock, dem Donauinselfest, als Support für Mudhoney sowie im April 2026 beim Echoes of Erebos Festival in der Arena Wien.   </p>
395<p>Auch im Radio sind LAUSCH eine feste Größe: Neben FM4-Rotationen laufen Titel wie „Glitter, Gold and Acid“, „Luck“ und „Fortitude“ regelmäßig auf 88.6. Mit der Coverversion von Fleetwood Macs „Go Your Own Way“ (2020) gelang ihnen zudem ihr bisher am weitesten gereister Release.</p>
396<p>Nach dem Album Love &amp; Order (2023) und den Singles „Luck“ (2024) und „Fortitude“ (2025) markiert die Single 2026 den nächsten Schritt vor dem nächsten Album-Release.<br />
397<br />
398Der Link zu I WANNA DANCE WITH SOMEBODY ist folgender:<br />
399<br />
400<a href="https://www.youtube.com/watch?v=ecZTOMT-tys&amp;list=OLAK5uy_lnYeANaHjCIA4X91XIw3WE6H0OZP4ROsA">https://www.youtube.com/watch?v=ecZTOMT-tys&amp;list=OLAK5uy_lnYeANaHjCIA4X91XIw3WE6H0OZP4ROsA</a></p>
401
402    </div>
403
404    
405    
406<style>
407.me-wrap { margin: 1.5rem 0; display: flex; flex-direction: column; gap: 1.25rem; }
408.me-consent {
409  position: relative; width: 100%; overflow: hidden;
410  background: #0f0f0f; border-radius: 2px;
411  display: flex; align-items: center; justify-content: center;
412}
413.me-consent--video { aspect-ratio: 16/9; }
414.me-consent--audio { min-height: 120px; }
415.me-consent-bg {
416  position: absolute; inset: 0;
417  background-size: cover; background-position: center;
418  filter: brightness(.4);
419}
420.me-consent-inner {
421  position: relative; z-index: 1;
422  display: flex; flex-direction: column; align-items: center;
423  gap: 1rem; padding: 1.5rem; text-align: center;
424}
425.me-play-btn {
426  background: none; border: none; cursor: pointer;
427  padding: 0; line-height: 0;
428  filter: drop-shadow(0 4px 12px rgba(0,0,0,.6));
429  transition: transform .15s;
430}
431.me-play-btn:hover { transform: scale(1.08); }
432.me-consent-text {
433  font-family: 'Courier New', monospace;
434  font-size: .72rem; color: #9ca3af; line-height: 1.6;
435  max-width: 480px; text-shadow: 0 1px 3px rgba(0,0,0,.8);
436}
437.me-consent-text p { margin: 0 0 .35rem; }
438.me-consent-link { color: #e63030; text-decoration: underline; font-size: .68rem; }
439.me-consent-link:hover { color: #f87171; }
440.me-embed-wrap { position: absolute; inset: 0; }
441.me-iframe { width: 100%; height: 100%; border: none; }
442.me-audio-frame { width: 100%; height: 120px; border: none; }
443.me-audio-frame--tall { height: 352px; }
444</style>
445
446<div class="me-wrap">
447
448      <div x-data="{ ok: false }" class="me-consent me-consent--video">
449    <div x-show="!ok">
450      <div class="me-consent-bg"></div>
451      <div class="me-consent-inner">
452        <button @click="ok = true" class="me-play-btn" aria-label="YouTube-Video laden">
453          <svg width="68" height="48" viewBox="0 0 68 48" aria-hidden="true">
454            <path d="M66.5 7.8A8.8 8.8 0 0 0 60.2 1.5C54.9 0 34 0 34 0S13.1 0 7.8 1.5A8.8 8.8 0 0 0 1.5 7.8C0 13.1 0 24 0 24s0 10.9 1.5 16.2a8.8 8.8 0 0 0 6.3 6.3C13.1 48 34 48 34 48s20.9 0 26.2-1.5a8.8 8.8 0 0 0 6.3-6.3C68 34.9 68 24 68 24s0-10.9-1.5-16.2z" fill="#e
45463030"/>
455            <path d="M27 34l18-10-18-10v20z" fill="#fff"/>
456          </svg>
457        </button>
458        <div class="me-consent-text">
459                    <p>YouTube-Video — zum Laden klicken.</p>
460          <p>Mit dem Abspielen stimmst du der Datenverarbeitung durch Google zu.</p>
461          <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer" class="me-consent-link">Datenschutzerklärung Google</a>
462                  </div>
463      </div>
464    </div>
465    <div x-show="ok" x-cloak class="me-embed-wrap">
466      <template x-if="ok">
467        <iframe
468          :src="'https://www.youtube-nocookie.com/embed/ecZTOMT-tys?autoplay=1&rel=0'"
469          title="YouTube Video"
470          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
471          allowfullscreen loading="lazy" class="me-iframe">
472        </iframe>
473      </template>
474    </div>
475  </div>
476
477    
478      <div x-data="{ ok: false }" class="me-consent me-consent--video">
479    <div x-show="!ok">
480      <div class="me-consent-bg"></div>
481      <div class="me-consent-inner">
482        <button @click="ok = true" class="me-play-btn" aria-label="YouTube-Video laden">
483          <svg width="68" height="48" viewBox="0 0 68 48" aria-hidden="true">
484            <path d="M66.5 7.8A8.8 8.8 0 0 0 60.2 1.5C54.9 0 34 0 34 0S13.1 0 7.8 1.5A8.8 8.8 0 0 0 1.5 7.8C0 13.1 0 24 0 24s0 10.9 1.5 16.2a8.8 8.8 0 0 0 6.3 6.3C13.1 48 34 48 34 48s20.9 0 26.2-1.5a8.8 8.8 0 0 0 6.3-6.3C68 34.9 68 24 68 24s0-10.9-1.5-16.2z" fill="#e63030"/>
485            <path d="M27 34l18-10-18-10v20z" fill="#fff"/>
486          </svg>
487        </button>
488        <div class="me-consent-text">
489                    <p>YouTube-Video — zum Laden klicken.</p>
490          <p>Mit dem Abspielen stimmst du der Datenverarbeitung durch Google zu.</p>
491          <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer" class="me-consent-link">Datenschutzerklärung Google</a>
492                  </div>
493      </div>
494    </div>
495    <div x-show="ok" x-cloak class="me-embed-wrap">
496      <template x-if="ok">
497        <iframe
498          :src="'https://www.youtube-nocookie.com/embed/ecZTOMT-tys?autoplay=1&rel=0'"
499          title="YouTube Video"
500          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
501          allowfullscreen loading="lazy" class="me-iframe">
502        </iframe>
503      </template>
504    </div>
505  </div>
506
507    </div>
508
509        
510<div class="dbi-wrap" style="margin: 2rem 0;">
511  <style>
512    .dbi-wrap {
513      background: var(--paper-2);
514      border: 2px solid var(--ink);
515      border-top: 3px solid var(--red);
516      overflow: hidden;
517    }
518    .dbi-head {
519      display: flex; align-items: center; gap: .6rem;
520      padding: .7rem 1.2rem;
521      background: var(--paper-3);
522      border-bottom: 1px solid rgba(14,12,9,.15);
523    }
524    .dbi-head svg { color: var(--red); flex-shrink: 0; }
525    .dbi-head-label {
526      font-family: 'Bebas Neue', sans-serif;
527      font-size: 1rem; letter-spacing: .18em; color: var(--ink);
528    }
529    .dbi-head-count {
530      font-family: 'DM Mono', monospace;
531      font-size: .68rem; color: var(--rt-text-faint); margin-left: auto;
532    }
533    .dbi-grid {
534      display: grid;
535      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
536      gap: 1px;
537      background: rgba(14,12,9,.12);
538      padding: 1px;
539      justify-items: center;
540    }
541    .dbi-item {
542      position: relative; overflow: hidden; cursor: pointer;
543      background: var(--paper-3);
544      aspect-ratio: 1;
545    }
546    .dbi-item img {
547      width: 100%; height: 100%; object-fit: cover; display: block;
548      transition: transform .25s, opacity .25s;
549    }
550    .dbi-item:hover img { transform: scale(1.05); opacity: .85; }
551    .dbi-item-overlay {
552      position: absolute; inset: 0;
553      display: flex; flex-direction: column;
554      align-items: center; justify-content: flex-end;
555      padding: .5rem;
556      background: linear-gradient(to top, rgba(0,0,0,.7) 0%, transparent 60%);
557      opacity: 0; transition: opacity .2s;
558    }
559    .dbi-item:hover .dbi-item-overlay { opacity: 1; }
560    .dbi-item-name {
561      font-family: 'Inter', sans-serif;
562      font-size: .7rem;
562 color: #e0ddd8; text-align: center;
563      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
564      width: 100%;
565    }
566    .dbi-item { cursor: pointer; }
567
568    /* Lightbox */
569    .dbi-lightbox {
570      display: none;
571      position: fixed; inset: 0; z-index: 9999;
572      background: rgba(0,0,0,.92);
573      align-items: center; justify-content: center;
574      padding: 1rem;
575    }
576    .dbi-lightbox.open { display: flex; }
577    .dbi-lb-inner {
578      position: relative; max-width: 90vw; max-height: 90vh;
579      display: flex; flex-direction: column; align-items: center; gap: .75rem;
580    }
581    .dbi-lb-img {
582      max-width: 100%; max-height: 80vh;
583      object-fit: contain; border: 1px solid rgba(255,255,255,.1);
584      box-shadow: 0 20px 60px rgba(0,0,0,.8);
585      display: block; margin: 0 auto;
586    }
587    .dbi-lb-caption {
588      font-family: 'Inter', sans-serif;
589      font-size: .82rem; color: #888; text-align: center;
590    }
591    .dbi-lb-close {
592      position: absolute; top: -2rem; right: 0;
593      background: none; border: none; color: #666; cursor: pointer;
594      font-size: 1.5rem; line-height: 1;
595      transition: color .12s; padding: 0;
596    }
597    .dbi-lb-close:hover { color: #e63030; }
598    .dbi-lb-nav {
599      position: absolute; top: 50%; transform: translateY(-50%);
600      background: rgba(0,0,0,.55); border: 1px solid rgba(255,255,255,.12);
601      color: #ccc; cursor: pointer; width: 44px; height: 64px;
602      display: flex; align-items: center; justify-content: center;
603      border-radius: 2px; transition: background .12s, color .12s;
604      z-index: 2;
605    }
606    .dbi-lb-nav:hover { background: #e63030; border-color: #e63030; color: #fff; }
607    .dbi-lb-prev { left: .75rem; }
608    .dbi-lb-next { right: .75rem; }
609    @media (max-width: 480px) {
610      .dbi-lb-nav { width: 36px; height: 48px; top: auto; bottom: 1rem; transform: none; }
611      .dbi-lb-prev { left: 1rem; }
612      .dbi-lb-next { right: 1rem; }
613    }
614  </style>
615
616  <div class="dbi-head">
617    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
618      <rect x="3" y="3" width="18" height="18" rx="2"/>
619      <circle cx="8.5" cy="8.5" r="1.5"/>
620      <polyline points="21 15 16 10 5 21"/>
621    </svg>
622    <span class="dbi-head-label">Bilder</span>
623    <span class="dbi-head-count">1 Bild</span>
624  </div>
625
626  <div class="dbi-grid">
627                <div class="dbi-item" data-index="0" role="button" tabindex="0" aria-label="Bild vergrößern: ojS01ZyDaFzB">
628      <picture style="display:contents">
629        <source type="image/avif"
630                srcset="https://ramtatta.de/dateien/cache/400/neuigkeiten/12464_ojS01ZyDaFzB_6aba9eb22abd1.avif 400w,
631                        https://ramtatta.de/dateien/cache/800/neuigkeiten/12464_ojS01ZyDaFzB_6aba9eb22abd1.avif 800w"
632                sizes="(max-width: 480px) 140px, 280px">
633        <source type="image/webp"
634                srcset="https://ramtatta.de/dateien/cache/400/neuigkeiten/12464_ojS01ZyDaFzB_6aba9eb22abd1.webp 400w,
635                        https://ramtatta.de/dateien/cache/800/neuigkeiten/12464_ojS01ZyDaFzB_6aba9eb22abd1.webp 800w"
636                sizes="(max-width: 480px) 140px, 280px">
637        <img src="https://ramtatta.de/dateien/neuigkeiten/12464_ojS01ZyDaFzB_6aba9eb22abd1.png" alt="ojS01ZyDaFzB" loading="lazy"
638             style="width:100%;height:100%;object-fit:cover;display:block;">
639      </picture>
640      <div class="dbi-item-overlay">
641        <span class="dbi-item-name">ojS01ZyDaFzB</span>
642      </div>
643    </div>
644      </div>
645
646    <div class="dbi-lightbox" id="dbi-lb" role="dialog" aria-modal="true" aria-label="Bildvorschau">
647    <button class="dbi-lb-nav dbi-lb-prev" aria-label="Vorheriges Bild">
648      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
649    </button>
650    <div class="dbi-lb-inner">
651      <button class="dbi-lb-close" aria-label="Schließen">✕</button>
652      <img class="dbi-lb-img" src="" alt="">
653      <p class="dbi-lb-caption"></p>
654    </div>
655    <button class="dbi-lb-nav dbi-lb-next" aria-label="Nächstes Bild">
656      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>
657    </button>
658  </div>
659
660</div>
661
662<script>
663(function () {
664  var bilder = [
665        {
666      url:      "https:\/\/ramtatta.de\/dateien\/neuigkeiten\/12464_ojS01ZyDaFzB_6aba9eb22abd1.png",
667      urlWebp:  "https:\/\/ramtatta.de\/dateien\/cache\/1600\/neuigkeiten\/12464_ojS01ZyDaFzB_6aba9eb22abd1.webp",
668      name:     "ojS01ZyDaFzB"
669    }      ];
670
671  var lb      = document.getElementById('dbi-lb');
672  var lbImg   = lb.querySelector('.dbi-lb-img');
673  var lbCap   = lb.querySelector('.dbi-lb-caption');
674  var current = 0;
675
676  function open(idx) {
677    current = (idx + bilder.length) % bilder.length;
678    var b = bilder[current];
679    /* WebP-1200px laden; bei Fehler (z.B. älterer Browser) auf Original fallen */
680    lbImg.onerror = function() { this.onerror = null; this.src = b.url; };
681    lbImg.src = b.urlWebp;
682    lbImg.alt = b.name;
683    lbCap.textContent = b.name;
684    lb.classList.add('open');
685    document.body.style.overflow = 'hidden';
686  }
687  function close() {
688    lb.classList.remove('open');
689    document.body.style.overflow = '';
690  }
691
692  document.querySelectorAll('.dbi-item').forEach(function (item) {
693    item.addEventListener('click', function () {
694      var idx = parseInt(item.dataset.index, 10);
695      open(idx);
696    });
697    item.addEventListener('keydown', function (e) {
698      if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); open(parseInt(item.dataset.index, 10)); }
699    });
700  });
701
702  lb.querySelector('.dbi-lb-close').addEventListener('click', close);
703  lb.querySelector('.dbi-lb-prev').addEventListener('click', function () { open(current - 1); });
704  lb.querySelector('.dbi-lb-next').addEventListener('click', function () { open(current + 1); });
705
706  lb.addEventListener('click', function (e) { if (e.target === lb) close(); });
707
708  document.addEventListener('keydown', function (e) {
709    if (!lb.classList.contains('open')) return;
710    if (e.key === 'Escape')     close();
711    if (e.key === 'ArrowLeft')  open(current - 1);
712    if (e.key === 'ArrowRight') open(current + 1);
713  });
714})();
715</script>
715
716
717    <div style="margin:2rem 0;background:var(--paper-2);border:2px solid var(--ink);border-top:3px solid var(--red);overflow:hidden;">
718  <div style="display:flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;background:var(--paper-3);border-bottom:1px solid rgba(14,12,9,.15);">
719    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color:var(--red);flex-shrink:0;" aria-hidden="true">
720      <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
721      <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
722    </svg>
723    <span style="font-family:'Bebas Neue',sans-serif;font-size:1rem;letter-spacing:.18em;color:var(--ink);">Links:</span>
724  </div>
725  <ul style="list-style:none;padding:.75rem 1.2rem;margin:0;display:flex;flex-direction:column;gap:.5rem;">
726        <li>
727      <a href="https://www.youtube.com/watch?v=ecZTOMT-tys&amp;list=OLAK5uy_lnYeANaHjCIA4X91XIw3WE6H0OZP4ROsA" target="_blank" rel="noreferrer noopener"
728         style="color:var(--red);word-break:break-all;font-size:.85rem;">https://www.youtube.com/watch?v=ecZTOMT-tys&amp;list=OLAK5uy_lnYeANaHjCIA4X91XIw3WE6H0OZP4ROsA</a>
729    </li>
730        <li>
731      <a href="https://www.lauschmusic.com/" target="_blank" rel="noreferrer noopener"
732         style="color:var(--red);word-break:break-all;font-size:.85rem;">https://www.lauschmusic.com/</a>
733    </li>
734      </ul>
735</div>
736
737    
738  </article>
739
740</div>
741
742<script>
743(function () {
744  var lb      = document.getElementById('cv-lb');
745  var trigger = document.getElementById('cv-trigger');
746  if (!lb) return;
747  function openLb()  { lb.classList.add('open');    document.body.style.overflow = 'hidden'; }
748  function closeLb() { lb.classList.remove('open'); document.body.style.overflow = ''; }
749  if (trigger) {
750    trigger.addEventListener('click', openLb);
751    trigger.addEventListener('keydown', function (e) {
752      if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openLb(); }
753    });
754  }
755  lb.querySelector('.cv-lb-close').addEventListener('click', closeLb);
756  lb.addEventListener('click', function (e) { if (e.target === lb) closeLb(); });
757  document.addEventListener('keydown', function (e) {
758    if (lb.classList.contains('open') && e.key === 'Escape') closeLb();
759  });
760})();
761</script>
761
762
763
764<style>
765  /* ── Kommentar-Sektion ── */
766  .kom-wrap {
767    max-width: 860px; margin: 0 auto;
768    padding: 3rem 1.25rem 4rem;
769    border-top: 3px solid var(--ink);
770  }
771
772  /* ── Toggle-Button ── */
773  .kom-toggle {
774    display: flex; align-items: center; justify-content: space-between;
775    width: 100%; background: none; border: none; cursor: pointer;
776    padding: .6rem 0;
777    border-top: 1px dashed rgba(14,12,9,.15);
778    border-bottom: 1px dashed rgba(14,12,9,.15);
779    gap: .75rem; transition: border-color .15s;
780  }
781  .kom-toggle:hover { border-color: rgba(14,12,9,.3); }
782  .kom-toggle-label {
783    font-family: 'Bebas Neue', sans-serif; font-size: 1rem;
784    letter-spacing: .15em; color: var(--rt-text-muted);
785    display: flex; align-items: center; gap: .5rem;
786  }
787  .kom-toggle:hover .kom-toggle-label { color: var(--red); }
788  .kom-toggle-count {
789    font-family: 'Courier New', monospace; font-size: .65rem;
790    letter-spacing: .05em; color: var(--rt-text-faint);
791    background: rgba(14,12,9,.06); border: 1px solid rgba(14,12,9,.12);
792    padding: 1px 6px;
793  }
794  .kom-toggle-icon {
795    color: var(--rt-text-faint); flex-shrink: 0;
796    transition: transform .2s ease, color .15s;
797  }
798  .kom-toggle:hover .kom-toggle-icon { color: var(--red); }
799
800  /* Aufklapp-Animation */
801  .kom-enter       { transition: opacity .2s ease, transform .2s ease; }
802  .kom-enter-start { opacity: 0; transform: translateY(-6px); }
803  .kom-enter-end   { opacity: 1; transform: translateY(0); }
804
805  .kom-head {
806    display: flex; align-items: baseline; gap: .75rem;
807    margin-bottom: 1.75rem;
808  }
809  .kom-title {
810    font-family: 'Bebas Neue', sans-serif;
811    font-size: 1.6rem; letter-spacing: .1em; color: var(--ink);
812    display: flex; align-items: center; gap: .6rem;
813    line-height: 1;
814  }
815  .kom-count {
816    display: inline-flex; align-items: center; justify-content: center;
817    background: var(--red); color: var(--paper);
818    font-size: .72rem; letter-spacing: .06em;
819    min-width: 22px; height: 20px; padding: 0 5px;
820    font-family: 'DM Mono', monospace;
821  }
822
823  /* Fehlermeldung */
824  .kom-error {
825    background: rgba(212,32,48,.07); border: 1px solid rgba(212,32,48,.25);
826    border-left: 3px solid var(--red);
827    padding: .6rem 1rem; margin-bottom: 1.25rem;
828    font-family: 'Courier New', monospace; font-size: .8rem; color: var(--red);
829  }
830
831  /* Einzelner Kommentar */
832  .kom-list { display: flex; flex-direction: column; gap: 0; margin-bottom: 0; }
833
834  .kom-item {
835    border: 1px solid rgba(14,12,9,.15);
836    border-top: none;
837    padding: .85rem 1rem .8rem;
838    background: var(--paper);
839  }
840  .kom-item:first-child { border-top: 1px solid rgba(14,12,9,.15); }
841  .kom-item:nth-child(odd) { background: var(--paper-2); }
842
843  /* NEU-Badge */
844  .kom-neu {
845    font-family: 'DM Mono', monospace; font-size: .55rem;
846    letter-spacing: .12em; text-transform: uppercase;
847    color: var(--paper); background: var(--red);
848    padding: 1px 5px; line-height: 1.6; flex-shrink: 0;
849  }
850
851  /* "Alle Kommentare anzeigen"-Button */
852  .kom-show-more {
853    display: flex; align-items: center; gap: .45rem;
854    width: 100%; background: none;
855    border: 1px dashed rgba(14,12,9,.2); border-top: none;
856    padding: .6rem 1rem; cursor: pointer;
857    font-family: 'DM Mono', monospace; font-size: .72rem;
858    letter-spacing: .08em; color: var(--rt-text-muted);
859    transition: color .12s, border-color .12s;
860    margin-bottom: 2.5rem;
861  }
862  .kom-show-more:hover { color: var(--red); border-color: rgba(212,32,48,.35); }
863
864  .kom-item-head {
865    display: flex; align-items: center; gap: .6rem;
866    margin-bottom: .45rem; flex-wrap: wrap;
867  }
868  .kom-nick {
869    font-family: 'Bebas Neue', sans-serif;
870    font-size: .95rem; letter-spacing: .08em; color: var(--ink);
871  }
872  .kom-nick-link {
873    color: var(--ink); text-decoration: none; transition: color .12s;
874  }
875  .kom-nick-link:hover { color: var(--red); }
876
877  .kom-time {
878    font-family: 'DM Mono', monospace; font-size: .62rem;
879    letter-spacing: .05em; color: var(--rt-text-faint);
880    flex: 1;
881  }
882
883  .kom-del-form { display: inline; }
884  .kom-del-btn {
885    background: transparent; border: 1px solid rgba(14,12,9,.15);
886    color: var(--rt-text-faint); font-size: .82rem; line-height: 1;
887    padding: .05rem .4rem; cursor: pointer;
888    transition: color .12s, border-color .12s;
889  }
890  .kom-del-btn:hover { color: var(--red); border-color: var(--red); }
891
892  .kom-text {
893    font-family: 'Inter', sans-serif; font-size: .88rem;
894    color: var(--rt-text-sub); word-break: break-word;
895  }
896  .kom-text p { margin: 0 0 .45em; line-height: 1.7; }
897  .kom-text p:last-child { margin-bottom: 0; }
898
899  /* Leer-State */
900  .kom-empty {
901    font-family: 'DM Mono', monospace; font-size: .78rem;
902    color: var(--rt-text-faint); padding: 1.25rem 0; margin-bottom: 2rem;
903  }
904
905  /* Formular */
906  .kom-form-wrap {
907    border: 2px solid var(--ink);
908    border-top: 3px solid var(--red);
909    padding: 1.5rem 1.5rem 1.75rem;
910    background: var(--paper);
911    position: relative; overflow: hidden;
912    margin-top: 2.5rem;
913  }
914  .kom-form-wrap::before {
915    content: 'KOMMENTAR';
916    position: absolute; top: .4rem; right: .85rem;
917    font-family: 'DM Mono', monospace; font-size: .52rem;
918    letter-spacing: .22em; color: rgba(212,32,48,.25); text-transform: uppercase;
919  }
920
921  .kom-form-title {
922    font-family: 'Bebas Neue', sans-serif;
923    font-size: 1.15rem; letter-spacing: .1em; color: var(--ink);
924    margin-bottom: 1.1rem; line-height: 1;
925  }
926
927  .kom-field { margin-bottom: 1rem; }
928  .kom-label {
929    display: block; font-family: 'DM Mono', monospace;
930    font-size: .68rem; letter-spacing: .1em; color: var(--rt-text-muted);
931    text-transform: uppercase; margin-bottom: .35rem;
932  }
933  .kom-input {
934    width: 100%; background: var(--paper); border: 2px solid rgba(14,12,9,.25);
935    color: var(--ink); font-family: 'DM Mono', monospace;
936    font-size: .88rem; padding: .5rem .75rem;
937    box-sizing: border-box; transition: border-color .12s;
938  }
939  .kom-input:focus { outline: none; border-color: var(--red); }
940  .kom-input::placeholder { color: rgba(14,12,9,.3); }
941  .kom-input--small { max-width: 100px; }
942
943  .kom-textarea {
944    width: 100%; min-height: 120px;
945    background: var(--paper); border: 2px solid rgba(14,12,9,.25);
946    color: var(--ink); font-family: 'Inter', sans-serif;
947    font-size: .88rem; line-height: 1.65; padding: .55rem .75rem;
948    resize: vertical; box-sizing: border-box; transition: border-color .12s;
949  }
950  .kom-textarea:focus { outline: none; border-color: var(--red); }
951
952  .kom-hint {
953    font-family: 'DM Mono', monospace; font-size: .62rem;
954    color: var(--rt-text-faint); margin-top: .3rem;
955  }
956
957  .kom-captcha-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; }
958  .kom-captcha-row .kom-label { flex-basis: 100%; margin-bottom: .2rem; }
959
960  .kom-check-label {
961    display: flex; align-items: flex-start; gap: .6rem;
962    font-family: 'Inter', sans-serif; font-size: .8rem;
963    color: var(--rt-text-muted); cursor: pointer; line-height: 1.5;
964  }
965  .kom-check-label input[type="checkbox"] { margin-top: .15rem; flex-shrink: 0; }
966  .kom-check-label a { color: var(--red); text-decoration: none; }
967  .kom-check-label a:hover { text-decoration: underline; }
968
969  .kom-submit {
970    font-family: 'Bebas Neue', sans-serif; font-size: .95rem;
971    letter-spacing: .14em; color: var(--paper); background: var(--red);
972    border: 2px solid var(--red); padding: .55rem 1.75rem;
973    cursor: pointer; transition: background .12s; margin-top: .5rem;
974  }
975  .kom-submit:hover { background: var(--ink); border-color: var(--ink); }
976</style>
977
978
979<section class="kom-wrap" id="kommentare"
980         x-data="{ open: false, showAll: false }">
981
982    <button type="button" class="kom-toggle"
983          @click="open = !open"
984          :aria-expanded="open">
985    <span class="kom-toggle-label">
986      // Kommentare
987          </span>
988    <svg class="kom-toggle-icon" width="14" height="14"
989         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"
990         aria-hidden="true"
991         :style="open ? 'transform:rotate(180deg)' : ''">
992      <polyline points="6 9 12 15 18 9"/>
993    </svg>
994  </button>
995
996    <div x-show="open"
997       x-transition:enter="kom-enter"
998       x-transition:enter-start="kom-enter-start"
999       x-transition:enter-end="kom-enter-end"
1000       style="display:none;">
1001
1002    <div style="padding-top: 1.75rem;">
1003
1004            
1005                  <p class="kom-empty">
1006        // Noch keine Kommentare — schreib den ersten!
1007              </p>
1008      
1009                  <div class="kom-form-wrap">
1010        <h3 class="kom-form-title">Kommentar schreiben</h3>
1011        <form action="https://ramtatta.de/news/12464/lausch-veredeln-90s-rock-und-post-rock-mit-tiefgang-neue-single-und-album-in-vorbereitung/kommentar" method="post" class="kom-form" autocomplete="off">
1012
1013                    <input type="text" name="website_url" value="" tabindex="-1"
1014                 aria-hidden="true" style="display:none!important;" autocomplete="off">
1015                    <input type="hidden" name="kom_token" value="1bf49b0d1f96babbba299c209bb5d480c3a107d66a32da687678e39acee28ccd">
1016
1017                              <div class="kom-field">
1018            <label class="kom-label" for="kom-nick">Dein Name / Nick</label>
1019            <input type="text" id="kom-nick" name="nick" class="kom-input"
1020                   placeholder="Wie heißt du?" maxlength="80" required>
1021          </div>
1022          
1023          <div class="kom-field">
1024            <label class="kom-label" for="kom-text">Kommentar</label>
1025            <textarea id="kom-text" name="text" class="kom-textarea"
1026                      placeholder="Was denkst du?" maxlength="2000" required></textarea>
1027            <p class="kom-hint">Max. 2.000 Zeichen</p>
1028          </div>
1029
1030                              <div class="kom-field kom-captcha-row">
1031            <label class="kom-label" for="kom-captcha">Anti-Spam: 12 + 6 = ?</label>
1032            <input type="number" id="kom-captcha" name="captcha" class="kom-input kom-input--small"
1033                   placeholder="?" min="0" max="30" required>
1034          </div>
1035          <div class="kom-field">
1036            <label class="kom-check-label">
1037              <input type="checkbox" name="datenschutz" value="1" required>
1038              <span>Ich habe die
1039                <a href="https://ramtatta.de/datenschutz" target="_blank" rel="noopener">Datenschutzerklärung</a>
1040                gelesen und bin einverstanden.</span>
1041            </label>
1042          </div>
1043          
1044          <button type="submit" class="kom-submit">Absenden →</button>
1045        </form>
1046      </div>
1047      
1048    </div>  </div>
1049</section>
1050
1051<div class="max-w-4xl mx-auto px-4">
1052  <section class="rt-related">
1053    <h3 class="rt-related-head">Weitere <span>Neuigkeiten</span></h3>
1054    <div class="rt-related-grid">
1055              <a href="https://ramtatta.de/news/12465/the-family-business-ltd-neue-single-album-out-now" class="ncs-card">
1056
1057    <div class="ncs-thumb">
1058    <picture style="display:contents"><source type="image/avif" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12465.avif?v=1790616235 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12465.avif?v=1790616235 800w" sizes="(max-width: 400px) 400px, 800px"><source type="image/webp" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12465.webp?v=1790616235 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12465.webp?v=1790616235 800w" sizes="(max-width: 400px) 400px, 800px"><img src="https://ramtatta.de/bilder/cache/800/neuigkeiten/12465.jpg?v=1790616235" alt="THE FAMILY BUSINESS LTD - Neue Single &amp; Album out now!" loading="lazy"></picture>
1059  </div>
1060  
1061  <div class="ncs-body">
1062    <p class="ncs-date">28.09.2026</p>
1063    <p class="ncs-headline">THE FAMILY BUSINESS LTD - Neue Single &amp; Album out now!</p>
1064  </div>
1065
1066</a>
1067              <a href="https://ramtatta.de/news/12463/drei-meter-feldweg-manifest" class="ncs-card">
1068
1069    <div class="ncs-thumb">
1070    <picture style="display:contents"><source type="image/avif" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12463.avif?v=1790614897 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12463.avif?v=1790614897 800w" sizes="(max-width: 400px) 400px, 800px"><source type="image/webp" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12463.webp?v=1790614897 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12463.webp?v=1790614897 800w" sizes="(max-width: 400px) 400px, 800px"><img src="https://ramtatta.de/bilder/cache/800/neuigkeiten/12463.jpg?v=1790614897" alt="Drei Meter Feldweg - Manifest" loading="lazy"></picture>
1071  </div>
1072  
1073  <div class="ncs-body">
1074    <p class="ncs-date">28.09.2026</p>
1075    <p class="ncs-headline">Drei Meter Feldweg - Manifest</p>
1076  </div>
1077
1078</a>
1079              <a href="https://ramtatta.de/news/12462/rammstein-live-in-mexico-city-erfolgreicher-start-des-weltweiten-kino-vorverkaufs" class="ncs-card">
1080
1081    <div class="ncs-thumb">
1082    <picture style="display:contents"><source type="image/avif" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12462.avif?v=1790614475 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12462.avif?v=1790614475 800w" sizes="(max-width: 400px) 400px, 800px"><source type="image/webp" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12462.webp?v=1790614475 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12462.webp?v=1790614475 800w" sizes="(max-width: 400px) 400px, 800px"><img src="https://ramtatta.de/bilder/cache/800/neuigkeiten/12462.jpg?v=1790614475" alt="RAMMSTEIN - LIVE IN MEXICO CITY: ERFOLGREICHER START DES WELTWEITEN KINO-VORVERKAUFS" loading="lazy"></picture>
1083  </div>
1084  
1085  <div class="ncs-body">
1086    <p class="ncs-date">28.09.2026</p>
1087    <p class="ncs-headline">RAMMSTEIN - LIVE IN MEXICO CITY: ERFOLGREICHER START DES WELTWEITEN KINO-VORVERKAUFS</p>
1088  </div>
1089
1090</a>
1091              <a href="https://ramtatta.de/news/12461/neue-musik-un
1091d-video-von-danger-dan" class="ncs-card">
1092
1093    <div class="ncs-thumb">
1094    <picture style="display:contents"><source type="image/avif" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12461.avif?v=1790613678 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12461.avif?v=1790613678 800w" sizes="(max-width: 400px) 400px, 800px"><source type="image/webp" srcset="https://ramtatta.de/bilder/cache/400/neuigkeiten/12461.webp?v=1790613678 400w, https://ramtatta.de/bilder/cache/800/neuigkeiten/12461.webp?v=1790613678 800w" sizes="(max-width: 400px) 400px, 800px"><img src="https://ramtatta.de/bilder/cache/800/neuigkeiten/12461.jpg?v=1790613678" alt="Neue Musik und Video von Danger Dan" loading="lazy"></picture>
1095  </div>
1096  
1097  <div class="ncs-body">
1098    <p class="ncs-date">28.09.2026</p>
1099    <p class="ncs-headline">Neue Musik und Video von Danger Dan</p>
1100  </div>
1101
1102</a>
1103          </div>
1104  </section>
1105</div>
1106
1107</main>
1108
1109<script>
1110  var RT_SLOGANS = [
1111    "☆ STAY LOUD ☆",
1112    "★ STAY WILD ★",
1113    "☆ STAY UNBOWED ☆",
1114    "★ STAY ANGRY ★",
1115    "☆ DON’T BELIEVE THE TYPE ☆",
1116    "★ STAY RUDE ★",
1117    "☆ STAY RAW ☆",
1118    "★ STAY REAL ★",
1119    "☆ STAY UNDERGROUND ☆",
1120    "★ WASTING YOUR BANDWIDTH ★",
1121    "☆ STAY DEFIANT ☆",
1122    "★ STAY UNFILTERED ★",
1123    "☆ STAY FREE ☆",
1124    "★ STAY ANTI ★",
1125    "☆ ANARCHY IN THE WWW ☆",
1126    "★ STAY DIRTY ★",
1127    "☆ STAY WEIRD ☆",
1128    "★ STAY LOOSE ★",
1129    "☆ STAY SAVAGE ☆",
1130    "★ NO ADS — JUST PURE MUSIC ★",
1131    "☆ STAY UNRULY ☆",
1132    "★ STAY INDEPENDENT ★",
1133    "☆ STAY AUTHENTIC ☆",
1134    "★ STAY AWAY ★",
1135    "☆ MOSH PIT IS SOCIAL DISTANCING ☆",
1136    "★ STAY SCRAPPY ★",
1137    "☆ STAY ROUGH ☆",
1138    "★ STAY PUNK ★",
1139    "☆ STAY OKAY ☆",
1140    "★ WER DAS LIEST IST ... ★",
1141  ];
1142</script>
1142
1143
1144<div class="ft-banner"
1145     x-data="{ slogans: RT_SLOGANS, current: 0, visible: true }"
1146     x-init="
1147       current = Math.floor(Math.random() * slogans.length);
1148       setInterval(() => {
1149         visible = false;
1150         setTimeout(() => { current = (current + 1) % slogans.length; visible = true; }, 900);
1151       }, 10000);
1152     ">
1153  <span class="ft-banner-text"
1154        x-text="slogans[current]"
1155        x-bind:style="{ opacity: visible ? 1 : 0 }"
1156        style="transition: opacity 0.9s ease;">☆ STAY LOUD ☆</span>
1157</div>
1158
1159<script>
1160(function () {
1161  var MAX_PX = 46;
1162  var MIN_PX = 9;
1163
1164  function fitBannerText() {
1165    var span   = document.querySelector('.ft-banner-text');
1166    var banner = document.querySelector('.ft-banner');
1167    if (!span || !banner) return;
1168
1169    var available = banner.clientWidth - 56; /* 28px Rand je Seite */
1170    var size = MAX_PX;
1171    span.style.fontSize = size + 'px';
1172
1173    while (span.scrollWidth > available && size > MIN_PX) {
1174      size -= 0.5;
1175      span.style.fontSize = size + 'px';
1176    }
1177  }
1178
1179  document.addEventListener('DOMContentLoaded', function () {
1180    fitBannerText();
1181    window.addEventListener('resize', fitBannerText);
1182
1183    /* Jedes Mal wenn Alpine den Text via x-text ändert */
1184    var span = document.querySelector('.ft-banner-text');
1185    if (span && window.MutationObserver) {
1186      new MutationObserver(fitBannerText)
1187        .observe(span, { childList: true, characterData: true, subtree: true });
1188    }
1189  });
1190})();
1191</script>
1191
1192
1193<footer class="ft-root">
1194  <div class="max-w-7xl mx-auto px-4">
1195    <div class="ft-inner">
1196
1197            <div class="ft-grid">
1198
1199                <div>
1200          <p class="ft-col-head">Beiträge</p>
1201          <nav class="ft-nav" aria-label="Articles">
1202            <a href="https://ramtatta.de/news">News</a>
1203            <a href="https://ramtatta.de/reviews">Reviews</a>
1204            <a href="https://ramtatta.de/interviews">Interviews</a>
1205          </nav>
1206        </div>
1207
1208                <div>
1209          <p class="ft-col-head">Konzerte</p>
1210          <nav class="ft-nav" aria-label="Concerts">
1211            <a href="https://ramtatta.de/konzerte">Übersicht</a>
1212            <a href="https://ramtatta.de/konzertberichte">Berichte</a>
1213            <a href="https://ramtatta.de/konzert-videos">Videos</a>
1214            <a href="https://ramtatta.de/konzert-fotos">Fotos</a>
1215            <a href="https://ramtatta.de/konzert-termine">Termine</a>
1216            <a href="https://ramtatta.de/veranstaltungsorte">Locations</a>
1217          </nav>
1218        </div>
1219
1220                <div>
1221          <p class="ft-col-head">Community</p>
1222          <nav class="ft-nav" aria-label="Community">
1223            <a href="https://ramtatta.de/community">Feed</a>
1224            <a href="https://ramtatta.de/blog">Blog</a>
1225            <a href="https://ramtatta.de/beitrag-einreichen">Beitrag einreichen</a>
1226          </nav>
1227        </div>
1228
1229                <div>
1230          <p class="ft-col-head">Spiele</p>
1231          <nav class="ft-nav" aria-label="Spiele">
1232            <a href="https://ramtatta.de/spiele/punk-runner">Punk Runner</a>
1233            <a href="https://ramtatta.de/spiele/krypta">Krypta</a>
1234            <a href="https://ramtatta.de/spiele/story/die-stille-vor-dem-ersten">Die Stille vor dem Ersten</a>
1235            <a href="https://ramtatta.de/spiele">Übersicht</a>
1236          </nav>
1237        </div>
1238
1239                <div>
1240          <p class="ft-col-head">Info</p>
1241          <nav class="ft-nav" aria-label="Info">
1242            <a href="https://ramtatta.de/hilfe">Hilfe</a>
1243            <a href="https://ramtatta.de/ueber-uns">Über RamTatTa</a>
1244            <a href="https://ramtatta.de/wurzelsaal">Wurzelsaal mieten</a>
1245            <a href="https://ramtatta.de/kontakt">Kontakt</a>
1246            <a href="https://ramtatta.de/impressum">Impressum</a>
1247            <a href="https://ramtatta.de/datenschutz">Datenschutz</a>
1248          </nav>
1249        </div>
1250
1251                <div>
1252          <p class="ft-col-head">Folgen</p>
1253          <nav class="ft-nav" aria-label="Folgen">
1254            <a href="https://ramtatta.de/folgen">Soziale Netzwerke</a>
1255            <a href="https://ramtatta.de/feeds">RSS Feeds</a>
1256          </nav>
1257        </div>
1258
1259                <div class="ft-mascot-col">
1260          <img src="https://ramtatta.de/img/mascot.webp" alt="RamTatTa Maskottchen" class="ft-mascot">
1261        </div>
1262
1263      </div>
1264
1265            <div class="ft-copy">
1266
1267        <span class="ft-tape">Underground Zine</span>
1268
1269        <span>© 2026 RamTatTa</span>
1270
1271        <span class="ft-rage">STAY LOUD</span>
1272
1273        <div class="ft-social" style="margin-top:0;">
1274          <a href="https://mastodon.social/@RamTatTa" title="Mastodon" aria-label="RamTatTa auf Mastodon" target="_blank" rel="noopener me">
1275            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
1276              <path d="M21.327 8.566c0-4.339-2.843-5.61-2.843-5.61-1.433-.658-3.894-.935-6.451-.956h-.063c-2.557.021-5.016.298-6.45.956 0 0-2.843 1.272-2.843 5.61 0 .993-.019 2.181.012 3.441.103 4.243.778 8.425 4.701 9.463 1.809.479 3.362.579 4.612.51 2.268-.126 3.541-.809 3.541-.809l-.075-1.646s-1.621.511-3.441.449c-1.804-.062-3.707-.194-3.999-2.409a4.523 4.523 0 0 1-.04-.621s1.77.433 4.014.536c1.372.063 2.658-.08 3.965-.236 2.506-.299 4.688-1.843 4.962-3.254.434-2.223.398-5.424.398-5.424zm-3.353 5.59h-2.081V9.057c0-1.075-.452-1.62-1.357-1.62-1 0-1.501.647-1.501 1.927v2.791h-2.069V9.364c0-1.28-.501-1.927-1.502-1.927-.905 0-1.357.545-1.357 1.62v5.099H6.026V8.903c0-1.074.273-1.927.823-2.558.566-.631 1.307-.955 2.228-.955 1.065 0 1.872.409 2.405 1.228l.518.869.519-.869c.533-.819 1.34-1.228 2.405-1.228.92 0 1.662.324 2.228.955.549.631.822 1.484.822 2.558v5.253z"/>
1277            </svg>
1278          </a>
1279          <a href="https://bsky.app/profile/ramtatta.bsky.social" title="Bluesky" aria-label="RamTatTa auf Bluesky" target="_blank" rel="noopener">
1280            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
1281              <path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/>
1282            </svg>
1283          </a>
1284          <a href="https://t.me/ramtatta" title="Telegram" aria-label="RamTatTa auf Telegram" target="_blank" rel="noopener">
1285            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
1286              <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/>
1287            </svg>
1288          </a>
1289          <a href="https://ramtatta.de/feeds" title="RSS-Feeds" aria-label="RSS-Feeds abonnieren">
1290            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1291              <path d="M4 11a9 9 0 0 1 9 9"/>
1292              <path d="M4 4a16 16 0 0 1 16 16"/>
1293              <circle cx="5" cy="19" r="1" fill="currentColor" stroke="none"/>
1294            </svg>
1295          </a>
1296          <a href="https://www.threads.com/@ramtatta" title="Threads" aria-label="RamTatTa auf Threads" target="_blank" rel="noopener">
1297            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
1298              <path d="M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z"/>
1299            </svg>
1300          </a>
1301          <a href="https://www.facebook.com/ramtatta" title="Facebook" aria-label="RamTatTa auf Facebook" target="_blank" rel="noopener">
1302            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
1303              <path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.294h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/>
1304            </svg>
1305          </a>
1306          <a href="https://www.instagram.com/ramtatta/" title="Instagram" aria-label="RamTatTa auf Instagram" target="_blank" rel="noopener">
1307            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
1308              <path d="M12 0C8.74 0 8.333.014 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.014 8.333 0 8.74 0 12s.014 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.986 8.74 24 12 24s3.667-.014 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.058-1.28.072-1.687.072-4.947s-.014-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.014 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/>
1309            </svg>
1310          </a>
1311        </div>
1312
1313        <nav aria-label="Rechtliches" style="margin-left:auto;">
1314          <a href="https://ramtatta.de/impressum">Impressum</a>
1315          <a href="https://ramtatta.de/datenschutz">Datenschutz</a>
1316        </nav>
1317
1318      </div>
1319
1320    </div>
1321  </div>
1322</footer>
1323
1324<script>
1325  window.RT_PLACEHOLDER = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Crect width='400' height='400' fill='%23e4d4a8'/%3E%3Cline x1='0' y1='0' x2='400' y2='400' stroke='%23c8b88a' stroke-width='1'/%3E%3Cline x1='400' y1='0' x2='0' y2='400' stroke='%23c8b88a' stroke-width='1'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-family='sans-serif' font-size='14' fill='%239a8a70'%3EKEIN BILD%3C/text%3E%3C/svg%3E";
1326  document.addEventListener('DOMContentLoaded', function() {
1327    document.querySelectorAll('img').forEach(function(img) {
1328      img.addEventListener('error', function() {
1329        this.onerror = null;
1330        this.src = window.RT_PLACEHOLDER;
1331      });
1332      if (img.complete && img.naturalWidth === 0) {
1333        img.src = window.RT_PLACEHOLDER;
1334      }
1335    });
1336  });
1337</script>
1337
1338
1339<div id="rt-cookie-banner" role="dialog" aria-live="polite" aria-label="Cookie-Hinweis">
1340  <p class="rt-cb-text">
1341        Diese Website verwendet ausschließlich technisch notwendige Session-Cookies (für den Redaktionsbereich und optionale Benutzerkonten). Es werden keine Tracking- oder Analyse-Cookies eingesetzt.
1342    <a href="https://ramtatta.de/datenschutz">Datenschutzerklärung →</a>
1343      </p>
1344  <button class="rt-cb-ok" id="rt-cookie-ok">Verstanden</button>
1345</div>
1346<script>
1347/* ── E-Mail-Schutz: epReveal() ── */
1348function epReveal(btn) {
1349  var el = btn.parentElement;
1350  var u  = el.dataset.u.split('').reverse().join('');
1351  var d  = el.dataset.d.split('').reverse().join('');
1352  var addr = u + '@' + d;
1353  el.outerHTML = '<a href="mailto:' + addr + '" class="ep-revealed">' + addr + '</a>';
1354}
1355
1356/* ── OSM-Karte: rtShowMap() ── */
1357function rtShowMap(btn) {
1358  var addr      = btn.dataset.addr;
1359  var container = document.getElementById(btn.dataset.target);
1360  btn.textContent = 'Lade …';
1361  btn.disabled = true;
1362
1363  fetch('https://nominatim.openstreetmap.org/search?format=json&limit=1&q='
1364        + encodeURIComponent(addr),
1365        { headers: { 'Accept-Language': 'de' } })
1366    .then(function(r) { return r.json(); })
1367    .then(function(data) {
1368      if (!data || !data.length) {
1369        btn.textContent = '⚠ Adresse nicht gefunden';
1370        btn.disabled = false;
1371        return;
1372      }
1373      var lat = parseFloat(data[0].lat);
1374      var lon = parseFloat(data[0].lon);
1375      var d   = 0.009;
1376      var bbox = (lon-d)+','+(lat-d)+','+(lon+d)+','+(lat+d);
1377      var fullUrl = 'https://www.openstreetmap.org/?mlat='+lat+'&mlon='+lon+'#map=15/'+lat+'/'+lon;
1378      container.innerHTML =
1379        '<iframe width="100%" height="280" frameborder="0" scrolling="no" allowfullscreen loading="lazy"'
1380        +' src="https://www.openstreetmap.org/export/embed.html?bbox='+bbox
1381        +'&layer=mapnik&marker='+lat+','+lon+'"'
1382        +' style="border:1px solid rgba(255,255,255,.08);display:block;"></iframe>'
1383        +'<div style="display:flex;gap:.75rem;
1383align-items:center;padding:.3rem 0;'
1384        +'font-family:\'Courier New\',monospace;font-size:.63rem;color:#374151;">'
1385        +'<a href="'+fullUrl+'" target="_blank" rel="noopener" style="color:#4b5563;">Vollbild ↗</a>'
1386        +' &nbsp;|&nbsp; '
1387        +'<a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener" style="color:#374151;">'
1388        +'© OpenStreetMap-Mitwirkende</a>'
1389        +'</div>';
1390      container.style.display = 'block';
1391      btn.style.display = 'none';
1392    })
1393    .catch(function() {
1394      btn.textContent = '⚠ Fehler beim Laden';
1395      btn.disabled = false;
1396    });
1397}
1398</script>
vendor: 1 bytes, line 1398
1398
1399<script src="https://ramtatta.de/js/playlist.js?v=1780686240" defer></script>
1399
1400
1401<div id="rt-mini-player" style="display:none;">
1402  <div class="rt-pl-expand-wrap" id="rt-pl-expand-wrap"></div>
1403  <div id="rt-pl-panel" style="display:none;">
1404    <div class="rt-pl-panel-hd">
1405      <span class="rt-pl-panel-title">Playlist</span>
1406      <button class="rt-pl-btn-sm" id="rt-pl-clear">Leeren</button>
1407    </div>
1408    <ul class="rt-pl-list" id="rt-pl-list"></ul>
1409  </div>
1410  <div class="rt-pl-bar">
1411    <div class="rt-pl-yt-wrap" id="rt-pl-yt-wrap"></div>
1412    <div id="rt-pl-audio-icon" class="rt-pl-audio-icon" style="display:none;">
1413      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" style="color:var(--yellow);">
1414        <path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/>
1415      </svg>
1416    </div>
1417    <audio id="rt-pl-audio" preload="metadata" style="display:none;"></audio>
1418    <div class="rt-pl-info">
1419      <span class="rt-pl-title" id="rt-pl-title"></span>
1420      <div id="rt-pl-audio-prog" style="display:none;align-items:center;gap:.4rem;">
1421        <input type="range" id="rt-pl-prog-range" min="0" max="100" value="0" step="0.1"
1422               style="flex:1;height:3px;-webkit-appearance:none;appearance:none;background:rgba(237,224,196,.25);accent-color:var(--red);cursor:pointer;outline:none;">
1423        <span id="rt-pl-prog-time" style="font-family:'DM Mono',monospace;font-size:.6rem;color:rgba(237,224,196,.45);white-space:nowrap;"></span>
1424      </div>
1425    </div>
1426    <div class="rt-pl-vol-wrap">
1427      <button class="rt-pl-btn" id="rt-pl-mute" title="Stummschalten">
1428        <svg id="rt-pl-vol-icon" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1429          <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
1430          <path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"/>
1431        </svg>
1432        <svg id="rt-pl-mute-icon" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" style="display:none;">
1433          <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
1434          <line x1="23" y1="9" x2="17" y2="15"/><line x1="17" y1="9" x2="23" y2="15"/>
1435        </svg>
1436      </button>
1437      <input type="range" id="rt-pl-vol" min="0" max="100" value="80" step="1"
1438             class="rt-pl-vol-range" aria-label="Lautstärke">
1439    </div>
1440    <div class="rt-pl-ctrls">
1441      <button class="rt-pl-btn" id="rt-pl-prev" title="Vorheriges">
1442        <svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6 6h2v12H6zm3.5 6 8.5 6V6z"/></svg>
1443      </button>
1444      <button class="rt-pl-btn" id="rt-pl-next" title="Nächstes">
1445        <svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6 18l8.5-6L6 6v12zm2.5-6 5.5 3.9V8.1z"/></svg>
1446      </button>
1447      <button class="rt-pl-btn rt-pl-btn-expand" id="rt-pl-expand" title="Vergrößern">
1448        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1449          <polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/>
1450          <line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/>
1451        </svg>
1452      </button>
1453      <button class="rt-pl-btn rt-pl-btn-toggle" id="rt-pl-toggle" title="Playlist anzeigen">
1454        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1455          <line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/>
1456          <line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/>
1457          <line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/>
1458        </svg>
1459      </button>
1460      <button class="rt-pl-btn" id="rt-pl-close" title="Schließen">
1461        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true">
1462          <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
1463        </svg>
1464      </button>
1465    </div>
1466  </div>
1467</div>
1468
1469<script>
1470(function() {
1471  var banner = document.getElementById('rt-cookie-banner');
1472  if (!banner) return;
1473  if (localStorage.getItem('rt_cookie_ok') === '1') return;
1474  setTimeout(function() { banner.classList.add('rt-cb-visible'); }, 300);
1475  document.getElementById('rt-cookie-ok').addEventListener('click', function() {
1476    banner.classList.remove('rt-cb-visible');
1477    localStorage.setItem('rt_cookie_ok', '1');
1478  });
1479})();
1480</script>
1480
1481
1482<script>
1483/* ═══════════════════════════════════════════════════════
1484   Leere Absätze am Anfang/Ende von Fließtext entfernen
1485   (Jodit-Editor hinterlässt manchmal <p>&nbsp;</p> oder <p><br></p>)
1486   ═══════════════════════════════════════════════════════ */
1487document.addEventListener('DOMContentLoaded', function () {
1488  function isBlankP(el) {
1489    if (!el || el.tagName !== 'P') return false;
1490    // textContent sieht ein <img> nicht — ein Absatz, der nur ein Bild
1491    // enthaelt, hat leeren Text und galt bis hierher faelschlich als leer.
1492    // Stand so ein Bild am Anfang oder Ende eines Artikels, loeschte dieses
1493    // Skript es beim Laden der Seite wieder aus dem DOM.
1494    if (el.querySelector('img')) return false;
1495    var t = el.textContent.replace(/ /g, '').trim();
1496    return t === '' || el.innerHTML.trim() === '<br>' || el.innerHTML.trim() === '<br/>';
1497  }
1498  document.querySelectorAll('.prose-rt').forEach(function (block) {
1499    while (isBlankP(block.firstElementChild))  block.removeChild(block.firstElementChild);
1500    while (isBlankP(block.lastElementChild))   block.removeChild(block.lastElementChild);
1501  });
1502});
1503</script>
vendor: 1 bytes, line 1503
1503
1504<script>
1505(function(){
1506  var own = location.hostname;
1507  document.addEventListener('click', function(e){
1508    var a = e.target.closest('a[href]');
1509    if (!a) return;
1510    try {
1511      var u = new URL(a.href);
1512      if (u.protocol !== 'http:' && u.protocol !== 'https:') return;
1513      if (u.hostname === own || u.hostname.endsWith('.' + own)) return;
1514      navigator.sendBeacon('https://ramtatta.de/api/externer-link',
1515        JSON.stringify({url: a.href, seite: location.pathname}));
1516    } catch(_){}
1517  }, true);
1518})();
1519</script>
1519
1520
1521<script>
1522  var _paq = window._paq = window._paq || [];
1523  _paq.push(['disableCookies']);
1524  _paq.push(['setDoNotTrack', true]);
1525  _paq.push(['trackPageView']);
1526  _paq.push(['enableLinkTracking']);
1527  (function () {
1528    var u = 'https\u003A\/\/stats.georg.ws\/';
1529    _paq.push(['setTrackerUrl', u + 'matomo.php']);
1530    _paq.push(['setSiteId', '1']);
1531    var d = document,
1532        g = d.createElement('script'),
1533        s = d.getElementsByTagName('script')[0];
1534    g.async = true; g.src = u + 'matomo.js';
1535    s.parentNode.insertBefore(g, s);
1536  })();
1537</script>
1537
1538</body>
1539</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.