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 & 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&list=OLAK5uy_lnYeANaHjCIA4X91XIw3WE6H0OZP4ROsA">https://www.youtube.com/watch?v=ecZTOMT-tys&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&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&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 & 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 & 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 +' | ' 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> </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.