1<!doctype html> 2<html class="flex flex-col min-h-full" lang="de"> 3<head>
3<script> 4 // proxy is needed for the consent manager to get information from dataLayer to custom pixel 5 window.dataLayer = window.dataLayer || new Proxy([], { 6 set: (obj, prop, value) => { 7 if (prop !== 'length') { 8 const pushEvent = new CustomEvent('datalayerPush', { 9 detail: value 10 }); 11 12 window.dispatchEvent(pushEvent); 13 } 14 15 return Reflect.set(obj, prop, value); 16 } 17 }); 18 19 window.addEventListener('datalayerPush', event => { 20 if (event.detail?.event === 'cmpEvent') { 21 Shopify.analytics.publish('consent_set', { 22 data: event.detail, 23 }); 24 } 25 }); 26 27 const setShopConsent = ({analyticsAllowed, marketingAllowed, preferencesAllowed}) => { 28 const hasTrackingConsent = __cmp('getCMPData').purposeConsents.c54; 29 const hasPreferencesConsent = __cmp('getCMPData').purposeConsents.c53; 30 const hasMarketingConsent = __cmp('getCMPData').purposeConsents.c52; 31 32 if( 33 analyticsAllowed === hasTrackingConsent && 34 marketingAllowed === hasMarketingConsent && 35 preferencesAllowed === hasPreferencesConsent 36 ) { 37 return; 38 }; 39 40 41 window.Shopify.loadFeatures( 42 [ 43 { 44 name: 'consent-tracking-api', 45 version: '0.1', 46 }, 47 ], 48 error => { 49 if (error) { 50 return; 51 } 52 53 if(hasTrackingConsent || hasPreferencesConsent || hasMarketingConsent) { 54 Shopify.customerPrivacy.setTrackingConsent( 55 { 56 "analytics": hasTrackingConsent, 57 "marketing": hasMarketingConsent, 58 "preferences": hasPreferencesConsent, 59 }, 60 () => {} 61 ); 62 } 63 }, 64 ); 65 }; 66 67 document.addEventListener("visitorConsentCollected", (event) => { 68 if(!window.__cmp instanceof Function) { 69 return; 70 } 71 72 const { analyticsAllowed, marketingAllowed, preferencesAllowed } = event.detail; 73 74 if (!analyticsAllowed || !marketingAllowed || !preferencesAllowed) { 75 setShopConsent({analyticsAllowed, marketingAllowed, preferencesAllowed}); 76 } 77 }); 78</script>
78<script data-cmp-ab="1">window.cmp_customlanguages = [{"l":"JA-JP","i":"jp","r":0,"t":"JA"}];</script>
vendor: 1 bytes, line 78
78
79<script data-cmp-ab="1" src="https://cdn.consentmanager.net/delivery/autoblocking/a57895a9a020.js" data-cmp-host="a.delivery.consentmanager.net" data-cmp-cdn="cdn.consentmanager.net" data-cmp-codesrc="1"></script>
79<meta charset="utf-8"> 80 <meta name="robots" content="noai, noimageai"> 81 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 82 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"><style data-shopify> 83/* TYPOGRAPHY */:root { 84--typeface_primary: roc-grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--typeface_secondary: geist-mono-variable, Courier New, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--typeface_tertiary: geist-variable, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font_display_md: var(--typeface_primary); 85 --font_display_md_weight: 600; 86 --font_display_md_letter: -0.0125rem; 87 --font_display_md_line: 1; 88 --font_display_md_text_transform: uppercase;--font_display_md_size: 3.5rem; 89 --font_display_md_size_md: 4.0rem;--font_heading_2xl: var(--typeface_primary); 90 --font_heading_2xl_weight: 600; 91 --font_heading_2xl_letter: 0.0rem; 92 --font_heading_2xl_line: 1; 93 --font_heading_2xl_text_transform: none;--font_heading_2xl_size: 2.1875rem; 94 --font_heading_2xl_size_md: 3.0rem;--font_heading_xl: var(--typeface_secondary); 95 --font_heading_xl_weight: 800; 96 --font_heading_xl_letter: 0.0rem; 97 --font_heading_xl_line: 1.2; 98 --font_heading_xl_text_transform: none;--font_heading_xl_size: 2.0rem; 99 --font_heading_xl_size_md: 2.5rem;--font_heading_lg: var(--typeface_primary); 100 --font_heading_lg_weight: 600; 101 --font_heading_lg_letter: 0.0rem; 102 --font_heading_lg_line: 1.2; 103 --font_heading_lg_text_transform: none;--font_heading_lg_size: 1.5rem; 104 --font_heading_lg_size_md: 2.0rem;--font_heading_md: var(--typeface_secondary); 105 --font_heading_md_weight: 800; 106 --font_heading_md_letter: 0.0rem; 107 --font_heading_md_line: 1.2; 108 --font_heading_md_text_transform: none;--font_heading_md_size: 1.5rem; 109 --font_heading_md_size_md: 2.0rem;--font_body_lg: var(--typeface_primary); 110 --font_body_lg_weight: 600; 111 --font_body_lg_letter: 0.0rem; 112 --font_body_lg_line: 1; 113 --font_body_lg_text_transform: none;--font_body_lg_size: 1.25rem; 114 --font_body_lg_size_md: 1.5rem;--font_body_md: var(--typeface_tertiary); 115 --font_body_md_weight: 400; 116 --font_body_md_letter: 0.0rem; 117 --font_body_md_line: 1.5; 118 --font_body_md_text_transform: none;--font_body_md_size: 1.0rem; 119 --font_body_md_size_md: 1.25rem;--font_body_sm: var(--typeface_tertiary); 120 --font_body_sm_weight: 400; 121 --font_body_sm_letter: 0.0rem; 122 --font_body_sm_line: 1.5; 123 --font_body_sm_text_transform: none;--font_body_sm_size: 0.875rem; 124 --font_body_sm_size_md: 1.0rem;--font_body_xs: var(--typeface_secondary); 125 --font_body_xs_weight: 700; 126 --font_body_xs_letter: 0.0rem; 127 --font_body_xs_line: 1.5; 128 --font_body_xs_text_transform: none;--font_body_xs_size: 0.75rem; 129 --font_body_xs_size_md: 0.875rem;--font_button: var(--typeface_secondary); 130 --font_button_weight: 800; 131 --font_button_letter: 0.0rem; 132 --font_button_line: 1; 133 --font_button_text_transform: none;--font_button_size: 1.0rem; 134 --font_button_size_md: 1.0rem;--font_navigation_lg: var(--typeface_secondary); 135 --font_navigation_lg_weight: 500; 136 --font_navigation_lg_letter: 0.0rem; 137 --font_navigation_lg_line: 1.5; 138 --font_navigation_lg_text_transform: none;--font_navigation_lg_size: 0.875rem; 139 --font_navigation_lg_size_md: 1.0rem;--font_navigation_md: var(--typeface_secondary); 140 --font_navigation_md_weight: 600; 141 --font_navigation_md_letter: 0.0rem; 142 --font_navigation_md_line: 1.5; 143 --font_navigation_md_text_transform: none;--font_navigation_md_size: 0.875rem; 144 --font_navigation_md_size_md: 1.0rem;--font_navigation_sm: var(--typeface_secondary); 145 --font_navigation_sm_weight: 600; 146 --font_navigation_sm_letter: 0.0rem; 147 --font_navigation_sm_line: 1.5; 148 --font_navigation_sm_text_transform: none;--font_navigation_sm_size: 0.875rem; 149 --font_navigation_sm_size_md: 0.875rem; 150} 151/* TYPOGRAPHY */ 152 153</style><style data-shopify> 154 /** 155 Set Color Variable from shopify 156 */ 157 :root { 158 --color-outline: #2563eb; 159 --color-black: hsl(0 0% 5%); 160 --color-white: hsl(0 0% 95%); 161 --color-transparent: rgba(0,0,0,0); 162 163 --color-gray-50: hsl(210 20% 98%); 164 --color-gray-100: hsl(220 14% 96%); 165 --color-gray-200: hsl(220 13% 91%); 166 --color-gray-300: hsl(216 12% 84%); 167 --color-gray-400: hsl(218 11% 65%); 168 --color-gray-500: hsl(220 9% 46%); 169 --color-gray-600: hsl(215 14% 34%); 170 --color-gray-700: hsl(217 19% 27%); 171 --color-gray-800: hsl(215 28% 17%); 172 --color-gray-900: hsl(221 39% 11%); 173 174 --color-gray-100-on: hsl(221 39% 11%); 175 --color-gray-900-on: hsl(220 14% 96%);--scheme1-content-base:0 0% 7%; 176 --scheme1-content-subtle:0 0% 7%; 177 --scheme1-content-emphasis:224 71% 4%; 178 --scheme1-content-heading:0 0% 7%; 179 180 --scheme1-surface:0 0% 100%; 181 --scheme1-surface-gradient: ; 182 --scheme1-background:0 0% 95%; 183 --scheme1-background-gradient: ; 184 185 --scheme1-primary:0 0% 7%; 186 --scheme1-primary-light:0 0% 27%; 187 --scheme1-primary-dark:0 0% 0%; 188 --scheme1-primary-on:0 0% 100%; 189 --scheme1-primary-gradient: ; 190 191 --scheme1-secondary:334 10% 13%; 192 --scheme1-secondary-light:335 10% 33%; 193 --scheme1-secondary-dark:0 0% 0%; 194 --scheme1-secondary-on:0 0% 100%; 195 --scheme1-secondary-gradient: ; 196 197 --scheme1-tertiary:40 88% 64%; 198 --scheme1-tertiary-light:39 88% 84%; 199 --scheme1-tertiary-dark:40 88% 44%; 200 --scheme1-tertiary-on:0 0% 7%; 201 --scheme1-tertiary-gradient: ;--scheme1-notification-on:200 4% 13%; 202 --scheme1-notification:220 6% 90%; 203 --scheme1-notification-mix: hsl(211, 11%, 42%);--scheme1-success-on:150 3% 13%; 204 --scheme1-success:141 79% 85%; 205 --scheme1-success-mix: hsl(141, 22%, 39%);--scheme1-error-on:0 74% 42%; 206 --scheme1-error:0 100% 97%; 207 --scheme1-error-mix: hsl(0, 66%, 60%);--scheme2-content-base:0 0% 98%; 208 --scheme2-content-subtle:215 14% 34%; 209 --scheme2-content-emphasis:224 71% 4%; 210 --scheme2-content-heading:221 39% 11%; 211 212 --scheme2-surface:221 39% 11%; 213 --scheme2-surface-gradient: ; 214 --scheme2-background:221 39% 11%; 215 --scheme2-background-gradient: ; 216 217 --scheme2-primary:0 0% 98%; 218 --scheme2-primary-light:0 0% 100%; 219 --scheme2-primary-dark:0 0% 78%; 220 --scheme2-primary-on:0 0% 98%; 221 --scheme2-primary-gradient: ; 222 223 --scheme2-secondary:217 19% 27%; 224 --scheme2-secondary-light:217 19% 47%; 225 --scheme2-secondary-dark:220 18% 7%; 226 --scheme2-secondary-on:0 0% 98%; 227 --scheme2-secondary-gradient: ; 228 229 --scheme2-tertiary:215 14% 34%; 230 --scheme2-tertiary-light:216 14% 54%; 231 --scheme2-tertiary-dark:216 14% 14%; 232 --scheme2-tertiary-on:0 0% 98%; 233 --scheme2-tertiary-gradient: ;--scheme2-notification-on:200 4% 13%; 234 --scheme2-notification:220 6% 90%; 235 --scheme2-notification-mix: hsl(211, 11%, 42%);--scheme2-success-on:150 3% 13%; 236 --scheme2-success:141 79% 85%; 237 --scheme2-success-mix: hsl(141, 22%, 39%);--scheme2-error-on:0 74% 42%; 238 --scheme2-error:0 100% 97%; 239 --scheme2-error-mix: hsl(0, 66%, 60%);--scheme3-content-base:220 13% 91%; 240 --scheme3-content-subtle:216 12% 84%; 241 --scheme3-content-emphasis:210 20% 98%; 242 --scheme3-content-heading:210 20% 98%; 243 244 --scheme3-surface:221 39% 11%; 245 --scheme3-surface-gradient: ; 246 --scheme3-background:224 71% 4%; 247 --scheme3-background-gradient: ; 248 249 --scheme3-primary:224 71% 4%; 250 --scheme3-primary-light:224 71% 24%; 251 --scheme3-primary-dark:0 0% 0%; 252 --scheme3-primary-on:210 20% 98%; 253 --scheme3-primary-gradient: ; 254 255 --scheme3-secondary:221 39% 11%; 256 --scheme3-secondary-light:221 39% 31%; 257 --scheme3-secondary-dark:0 0% 0%; 258 --scheme3-secondary-on:220 13% 91%; 259 --scheme3-secondary-gradient: ; 260 261 --scheme3-tertiary:217 19% 27%; 262 --scheme3-tertiary-light:217 19% 47%; 263 --scheme3-tertiary-dark:220 18% 7%; 264 --scheme3-tertiary-on:210 20% 98%; 265 --scheme3-tertiary-gradient: ;--scheme3-notification-on:200 4% 13%; 266 --scheme3-notification:220 6% 90%; 267 --scheme3-notification-mix: hsl(211, 11%, 42%);--scheme3-success-on:150 3% 13%; 268 --scheme3-success:141 79% 85%; 269 --scheme3-success-mix: hsl(141, 22%, 39%);--scheme3-error-on:0 74% 42%; 270 --scheme3-error:0 100% 97%; 271 --scheme3-error-mix: hsl(0, 66%, 60%);--scheme4-content-base:226 100% 94%; 272 --scheme4-content-subtle:228 96% 89%; 273 --scheme4-content-emphasis:0 0% 100%; 274 --scheme4-content-heading:0 0% 100%; 275 276 --scheme4-surface:244 47% 20%; 277 --scheme4-surface-gradient: ; 278 --scheme4-background:242 47% 34%; 279 --scheme4-background-gradient: ; 280 281 --scheme4-primary:0 0% 100%; 282 --scheme4-primary-light:0 0% 100%; 283 --scheme4-primary-dark:0 0% 80%; 284 --scheme4-primary-on:230 94% 82%; 285 --scheme4-primary-gradient: ; 286 287 --scheme4-secondary:226 100% 94%; 288 --scheme4-secondary-light:0 0% 100%; 289 --scheme4-secondary-dark:226 100% 74%; 290 --scheme4-secondary-on:0 0% 98%; 291 --scheme4-secondary-gradient: ; 292 293 --scheme4-tertiary:230 94% 82%; 294 --scheme4-tertiary-light:0 0% 100%; 295 --scheme4-tertiary-dark:230 94% 62%; 296 --scheme4-tertiary-on:0 0% 98%; 297 --scheme4-tertiary-gradient: ;--scheme4-notification-on:200 4% 13%; 298 --scheme4-notification:220 6% 90%; 299 --scheme4-notification-mix: hsl(211, 11%, 42%);--scheme4-success-on:150 3% 13%; 300 --scheme4-success:141 79% 85%; 301 --scheme4-success-mix: hsl(141, 22%, 39%);--scheme4-error-on:0 74% 42%; 302 --scheme4-error:0 100% 97%; 303 --scheme4-error-mix: hsl(0, 66%, 60%);}.scheme-scheme1 { 304 /* Content */ 305 --color-content-base: hsl(var(--scheme1-content-base)); 306 --color-content-subtle: hsl(var(--scheme1-content-subtle)); 307 --color-content-emphasis: hsl(var(--scheme1-content-emphasis)); 308 --color-content-heading: hsl(var(--scheme1-content-heading)); 309 310 /* Surface */ 311 --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background)));--color-surface-gradient: hsl(var(--scheme1-surface));
312 /* Background */ 313 --color-background: hsl(var(--scheme1-background));--color-background-gradient: hsl(var(--scheme1-background));/* Primary Color */ 314 --color-primary-on: hsl(var(--scheme1-primary-on)); 315 --color-primary: hsl(var(--scheme1-primary)); 316 --color-primary-dark: hsl(var(--scheme1-primary-dark)); 317 --color-primary-light: hsl(var(--scheme1-primary-light));--color-primary-gradient: hsl(var(--scheme1-primary));/* Secondary Color */ 318 --color-secondary-on: hsl(var(--scheme1-secondary-on)); 319 --color-secondary: hsl(var(--scheme1-secondary)); 320 --color-secondary-dark: hsl(var(--scheme1-secondary-dark)); 321 --color-secondary-light: hsl(var(--scheme1-secondary-light));--color-secondary-gradient: hsl(var(--scheme1-secondary));/* Tertiary Color */ 322 --color-tertiary-on: hsl(var(--scheme1-tertiary-on)); 323 --color-tertiary: hsl(var(--scheme1-tertiary)); 324 --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark)); 325 --color-tertiary-light: hsl(var(--scheme1-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme1-tertiary));/* Accent Colors */ 326 /* Notification */ 327 --color-on-notification: hsl(var(--scheme1-notification-on)); 328 --color-notification: hsl(var(--scheme1-notification)); 329 --color-notification-mix: var(--scheme1-notification-mix); 330 331 /* Success */ 332 --color-on-success: hsl(var(--scheme1-success-on)); 333 --color-success: hsl(var(--scheme1-success)); 334 --color-success-mix: var(--scheme1-success-mix); 335 336 /* Error */ 337 --color-on-error: hsl(var(--scheme1-error-on)); 338 --color-error-on: var(--color-on-error); 339 --color-error: hsl(var(--scheme1-error)); 340 --color-error-mix: var(--scheme1-error-mix);--color-error-mix-on: var(--color-black); 341 342 /* Section */--color-text: var(--color-content-base, var(--color-content-base)); 343 --color-border: var(--color-gray-200, var(--border-default-color)); 344 /* Section */ 345 346 /* Tables BG Color */ 347 --color-table-bg: var(--color-default, var(--color-background)); 348 349 /* Input Color */ 350 --color-input-text: hsl(var(--scheme1-content-base)); 351 } 352 .scheme-scheme2 { 353 /* Content */ 354 --color-content-base: hsl(var(--scheme2-content-base)); 355 --color-content-subtle: hsl(var(--scheme2-content-subtle)); 356 --color-content-emphasis: hsl(var(--scheme2-content-emphasis)); 357 --color-content-heading: hsl(var(--scheme2-content-heading)); 358 359 /* Surface */ 360 --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background)));--color-surface-gradient: hsl(var(--scheme2-surface)); 361 /* Background */ 362 --color-background: hsl(var(--scheme2-background));--color-background-gradient: hsl(var(--scheme2-background));/* Primary Color */ 363 --color-primary-on: hsl(var(--scheme2-primary-on)); 364 --color-primary: hsl(var(--scheme2-primary)); 365 --color-primary-dark: hsl(var(--scheme2-primary-dark)); 366 --color-primary-light: hsl(var(--scheme2-primary-light));--color-primary-gradient: hsl(var(--scheme2-primary));/* Secondary Color */ 367 --color-secondary-on: hsl(var(--scheme2-secondary-on)); 368 --color-secondary: hsl(var(--scheme2-secondary)); 369 --color-secondary-dark: hsl(var(--scheme2-secondary-dark)); 370 --color-secondary-light: hsl(var(--scheme2-secondary-light));--color-secondary-gradient: hsl(var(--scheme2-secondary));/* Tertiary Color */ 371 --color-tertiary-on: hsl(var(--scheme2-tertiary-on)); 372 --color-tertiary: hsl(var(--scheme2-tertiary)); 373 --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark)); 374 --color-tertiary-light: hsl(var(--scheme2-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme2-tertiary));/* Accent Colors */ 375 /* Notification */ 376 --color-on-notification: hsl(var(--scheme2-notification-on)); 377 --color-notification: hsl(var(--scheme2-notification)); 378 --color-notification-mix: var(--scheme2-notification-mix); 379 380 /* Success */ 381 --color-on-success: hsl(var(--scheme2-success-on)); 382 --color-success: hsl(var(--scheme2-success)); 383 --color-success-mix: var(--scheme2-success-mix); 384 385 /* Error */ 386 --color-on-error: hsl(var(--scheme2-error-on)); 387 --color-error-on: var(--color-on-error); 388 --color-error: hsl(var(--scheme2-error)); 389 --color-error-mix: var(--scheme2-error-mix);--color-error-mix-on: var(--color-black); 390 391 /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base)); 392 --color-border: var(--color-gray-200, var(--border-default-color)); 393 /* Section */ 394 395 /* Tables BG Color */ 396 --color-table-bg: var(--color-default, var(--color-background)); 397 398 /* Input Color */ 399 --color-input-text: hsl(var(--scheme2-content-base)); 400 } 401 .scheme-scheme3 { 402 /* Content */ 403 --color-content-base: hsl(var(--scheme3-content-base)); 404 --color-content-subtle: hsl(var(--scheme3-content-subtle)); 405 --color-content-emphasis: hsl(var(--scheme3-content-emphasis)); 406 --color-content-heading: hsl(var(--scheme3-content-heading)); 407 408 /* Surface */ 409 --color-surface: hsl(var(--scheme3-surface, var(--scheme3-background)));--color-surface-gradient: hsl(var(--scheme3-surface));
410 /* Background */ 411 --color-background: hsl(var(--scheme3-background));--color-background-gradient: hsl(var(--scheme3-background));/* Primary Color */ 412 --color-primary-on: hsl(var(--scheme3-primary-on)); 413 --color-primary: hsl(var(--scheme3-primary)); 414 --color-primary-dark: hsl(var(--scheme3-primary-dark)); 415 --color-primary-light: hsl(var(--scheme3-primary-light));--color-primary-gradient: hsl(var(--scheme3-primary));/* Secondary Color */ 416 --color-secondary-on: hsl(var(--scheme3-secondary-on)); 417 --color-secondary: hsl(var(--scheme3-secondary)); 418 --color-secondary-dark: hsl(var(--scheme3-secondary-dark)); 419 --color-secondary-light: hsl(var(--scheme3-secondary-light));--color-secondary-gradient: hsl(var(--scheme3-secondary));/* Tertiary Color */ 420 --color-tertiary-on: hsl(var(--scheme3-tertiary-on)); 421 --color-tertiary: hsl(var(--scheme3-tertiary)); 422 --color-tertiary-dark: hsl(var(--scheme3-tertiary-dark)); 423 --color-tertiary-light: hsl(var(--scheme3-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme3-tertiary));/* Accent Colors */ 424 /* Notification */ 425 --color-on-notification: hsl(var(--scheme3-notification-on)); 426 --color-notification: hsl(var(--scheme3-notification)); 427 --color-notification-mix: var(--scheme3-notification-mix); 428 429 /* Success */ 430 --color-on-success: hsl(var(--scheme3-success-on)); 431 --color-success: hsl(var(--scheme3-success)); 432 --color-success-mix: var(--scheme3-success-mix); 433 434 /* Error */ 435 --color-on-error: hsl(var(--scheme3-error-on)); 436 --color-error-on: var(--color-on-error); 437 --color-error: hsl(var(--scheme3-error)); 438 --color-error-mix: var(--scheme3-error-mix);--color-error-mix-on: var(--color-black); 439 440 /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base)); 441 --color-border: var(--color-gray-200, var(--border-default-color)); 442 /* Section */ 443 444 /* Tables BG Color */ 445 --color-table-bg: var(--color-default, var(--color-background)); 446 447 /* Input Color */ 448 --color-input-text: hsl(var(--scheme3-content-base)); 449 } 450 .scheme-scheme4 { 451 /* Content */ 452 --color-content-base: hsl(var(--scheme4-content-base)); 453 --color-content-subtle: hsl(var(--scheme4-content-subtle)); 454 --color-content-emphasis: hsl(var(--scheme4-content-emphasis)); 455 --color-content-heading: hsl(var(--scheme4-content-heading)); 456 457 /* Surface */ 458 --color-surface: hsl(var(--scheme4-surface, var(--scheme4-background)));--color-surface-gradient: hsl(var(--scheme4-surface)); 459 /* Background */ 460 --color-background: hsl(var(--scheme4-background));--color-background-gradient: hsl(var(--scheme4-background));/* Primary Color */ 461 --color-primary-on: hsl(var(--scheme4-primary-on)); 462 --color-primary: hsl(var(--scheme4-primary)); 463 --color-primary-dark: hsl(var(--scheme4-primary-dark)); 464 --color-primary-light: hsl(var(--scheme4-primary-light));--color-primary-gradient: hsl(var(--scheme4-primary));/* Secondary Color */ 465 --color-secondary-on: hsl(var(--scheme4-secondary-on)); 466 --color-secondary: hsl(var(--scheme4-secondary)); 467 --color-secondary-dark: hsl(var(--scheme4-secondary-dark)); 468 --color-secondary-light: hsl(var(--scheme4-secondary-light));--color-secondary-gradient: hsl(var(--scheme4-secondary));/* Tertiary Color */ 469 --color-tertiary-on: hsl(var(--scheme4-tertiary-on)); 470 --color-tertiary: hsl(var(--scheme4-tertiary)); 471 --color-tertiary-dark: hsl(var(--scheme4-tertiary-dark)); 472 --color-tertiary-light: hsl(var(--scheme4-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme4-tertiary));/* Accent Colors */ 473 /* Notification */ 474 --color-on-notification: hsl(var(--scheme4-notification-on)); 475 --color-notification: hsl(var(--scheme4-notification)); 476 --color-notification-mix: var(--scheme4-notification-mix); 477 478 /* Success */ 479 --color-on-success: hsl(var(--scheme4-success-on)); 480 --color-success: hsl(var(--scheme4-success)); 481 --color-success-mix: var(--scheme4-success-mix); 482 483 /* Error */ 484 --color-on-error: hsl(var(--scheme4-error-on)); 485 --color-error-on: var(--color-on-error); 486 --color-error: hsl(var(--scheme4-error)); 487 --color-error-mix: var(--scheme4-error-mix);--color-error-mix-on: var(--color-black); 488 489 /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base)); 490 --color-border: var(--color-gray-200, var(--border-default-color)); 491 /* Section */ 492 493 /* Tables BG Color */ 494 --color-table-bg: var(--color-default, var(--color-background)); 495 496 /* Input Color */ 497 --color-input-text: hsl(var(--scheme4-content-base)); 498 } 499 500</style> 501<style data-shopify>:root { 502 --border-default-width: 1px; 503 --border-default-width-narrow: 1px; 504 --border-default-width-wide: 2px; 505 --border-default-radius: 16px; 506 --border-default-color: var(--color-content-subtle); 507 }</style><style data-shopify> 508 :root {--button-px-sm: 0.75rem; --button-py-sm: 0.5rem; --button-px-md: 1rem; --button-py-md: 0.625rem; --button-px-lg: 1.25rem; --button-py-lg: 0.75rem; --button-font-size: var(--font_button_size);--button-all-border-radius: 16px;/* default */ --border-button-width: var(--border-default-width);--button-px-default: var(--button-px-lg);--button-py-default: var(--button-py-md);} 509 510 .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color);
510 --button-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; overflow: hidden; color: var(--button-color); border: var(--border-button-width) solid var(--border-color); border-radius: var(--button-all-border-radius); box-shadow: var(--button-box-shadow); padding: var(--button-py-default) var(--button-px-default); font-size: var(--button-font-size); font-family: var(--font_button); font-weight: var(--font_button_weight); letter-spacing: var(--font_button_letter); line-height: var(--font_button_line); text-transform: var(--font_button_text_transform); transition: .2s ease-out; --button-color: var(--color-primary); --border-color: transparent; --button-shadow-color: transparent; text-decoration-color: transparent; --button-fill: var(--color-transparent);--button-fill-hover: var(--color-transparent);} 511 512 .btn:before, 513 .btn:after { 514 content: ''; 515 background: transparent; 516 inset: 0; 517 position: absolute; 518 display: block; 519 z-index: -1; 520 transition: .2s ease-out; 521 transform: translate3d(0,0,0); 522 } 523 .btn:before { 524 background: var(--button-fill-hover); 525 opacity: 0; 526 } 527 .btn:hover::before { 528 opacity: var(--button-bg-opacity, 1); 529 } 530 531 .btn:after { 532 background: var(--button-fill); 533 opacity: var(--button-bg-opacity, 1); 534 } 535 .btn:hover::after { 536 opacity: 0; 537 } 538 539 input.btn { 540 background: var(--button-fill); 541 } 542 input.btn:before { 543 display: none; 544 } 545 input.btn:after { 546 display: none; 547 } 548 input.btn:hover { 549 background: var(--button-fill-hover); 550 } 551 552 .btn--sm { 553 --button-py-default: var(--button-py-sm); 554 --button-px-default: var(--button-px-sm); 555 font-size: max(calc(var(--button-font-size) * .618em ), 14px) 556 } 557 .btn--md { 558 --button-py-default: var(--button-py-md); 559 --button-px-default: var(--button-px-md); 560 } 561 .btn--lg { 562 --button-py-default: var(--button-py-lg); 563 --button-px-default: var(--button-px-lg); 564 } 565 566 .btn:hover, 567 .btn--primary:hover {--button-color: var(--color-primary-light); --border-color: transparent; --button-shadow-color: transparent; text-decoration-color: transparent;} 568 569 .btn--secondary {--border-color: var(--default,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; --button-fill: var(--color-primary);--button-fill-hover: var(--color-primary-light);} 570 571 .btn--secondary:hover {--border-color: var(--default,var(--color-primary-light)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-light-20); text-decoration-color: transparent;} 572 573 .btn--tertiary {--button-color: var(--color-tertiary); --border-color: transparent; --button-shadow-color: transparent; text-decoration-color: transparent; --button-fill: var(--color-transparent);--button-fill-hover: var(--color-tertiary);} 574 575 .btn--tertiary:hover {--border-color: var(--default,var(--color-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent;} 576 577 .btn--light {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent; --button-fill: var(--color-gray-100);--button-fill-hover: var(--color-gray-100);} 578 579 .btn--light:hover {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent;} 580 581 .btn--dark {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent; --button-fill: var(--color-gray-900);--button-fill-hover: var(--color-gray-900);} 582 583 .btn--dark:hover {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent;} 584 585 @media screen and (min-width: 48em) { 586 .btn { 587 --button-font-size: var(--font_button_size_md); 588 } 589 } 590</style> 591<style data-shopify> 592:root { 593 --gap-sm-2xs: 0.25rem; 594 --gap-sm-xs: 0.5rem;
595 --gap-sm-sm: 0.75rem; 596 --gap-sm-md: 1.0rem; 597 --gap-sm-lg: 1.25rem; 598 --gap-sm-xl: 1.5rem; 599 --gap-sm-2xl: 2.0rem; 600 --gap-lg-2xs: 0.5rem; 601 --gap-lg-xs: 1.0rem; 602 --gap-lg-sm: 1.5rem; 603 --gap-lg-md: 2.0rem; 604 --gap-lg-lg: 2.5rem; 605 --gap-lg-xl: 3.0rem; 606 --gap-lg-2xl: 3.5rem; 607 --gap-container-2xs: 0.5rem; 608 --gap-container-xs: 1.0rem; 609 --gap-container-sm: 2.0rem; 610 --gap-container-md: 3.0rem; 611 --gap-container-lg: 4.0rem; 612 --gap-container-xl: 5.0rem; 613 --gap-container-2xl: 6.0rem; 614 --padding-xs-2xs: 0.125rem; 615 --padding-xs-xs: 0.25rem; 616 --padding-xs-sm: 0.375rem; 617 --padding-xs-md: 0.5rem; 618 --padding-xs-lg: 0.625rem; 619 --padding-xs-xl: 0.75rem; 620 --padding-xs-2xl: 1.0rem; 621 --padding-sm-2xs: 0.25rem; 622 --padding-sm-xs: 0.5rem; 623 --padding-sm-sm: 0.75rem; 624 --padding-sm-md: 1.0rem; 625 --padding-sm-lg: 1.25rem; 626 --padding-sm-xl: 1.5rem; 627 --padding-sm-2xl: 2.0rem; 628 --padding-lg-2xs: 0.5rem; 629 --padding-lg-xs: 1.0rem; 630 --padding-lg-sm: 1.5rem; 631 --padding-lg-md: 2.0rem; 632 --padding-lg-lg: 2.5rem; 633 --padding-lg-xl: 3.0rem; 634 --padding-lg-2xl: 3.5rem; 635 --padding-container-2xs: 0.5rem; 636 --padding-container-xs: 1.0rem; 637 --padding-container-sm: 2.0rem; 638 --padding-container-md: 3.0rem; 639 --padding-container-lg: 4.0rem; 640 --padding-container-xl: 5.0rem; 641 --padding-container-2xl: 6.0rem; 642 --padding-section-desktop-2xs: .5rem; 643 --padding-section-desktop-xs: 1rem; 644 --padding-section-desktop-sm: 2rem; 645 --padding-section-desktop-md: 3rem; 646 --padding-section-desktop-lg: 4rem; 647 --padding-section-desktop-xl: 5rem; 648 --padding-section-desktop-2xl: 6rem; 649 --padding-section-mobile-2xs: .25rem; 650 --padding-section-mobile-xs: .5rem; 651 --padding-section-mobile-sm: 1.5rem; 652 --padding-section-mobile-md: 2rem; 653 --padding-section-mobile-lg: 2.5rem; 654 --padding-section-mobile-xl: 3rem; 655 --padding-section-mobile-2xl: 4rem; 656 --margin-sm-2xs: 0.25rem; 657 --margin-sm-xs: 0.5rem; 658 --margin-sm-sm: 0.75rem; 659 --margin-sm-md: 1.0rem; 660 --margin-sm-lg: 1.25rem; 661 --margin-sm-xl: 1.5rem; 662 --margin-sm-2xl: 2.0rem; 663 --margin-lg-2xs: 0.5rem; 664 --margin-lg-xs: 1.0rem; 665 --margin-lg-sm: 1.5rem; 666 --margin-lg-md: 2.0rem; 667 --margin-lg-lg: 2.5rem; 668 --margin-lg-xl: 3.0rem; 669 --margin-lg-2xl: 3.5rem; 670 --margin-container-2xs: 0.5rem; 671 --margin-container-xs: 1.0rem; 672 --margin-container-sm: 2.0rem; 673 --margin-container-md: 3.0rem; 674 --margin-container-lg: 4.0rem; 675 --margin-container-xl: 5.0rem; 676 --margin-container-2xl: 6.0rem; 677 --w-tooltip-sm: 180px; 678 --w-tooltip-md: 210px; 679 --w-tooltip-lg: 240px; 680 --w-tooltip-xl: 270px; 681 682 --container-max-w-sm: 100rem; 683 --container-max-w-lg: 200rem;--select-pad-r: calc(var(--border-default-width) + 1rem + (2 * var(--padding-sm-xs))); 684} 685 686</style><link href="//thecircle.de/cdn/shop/t/42/assets/styles-critical.bundle.css?v=84122355865050242011789460198" rel="stylesheet" type="text/css" media="all" /> 687 <title>Druckfrisch: Dein News-Update für all things Music und Vinyl ist hier - The Circle<
687/title>
687<script src="//thecircle.de/cdn/shop/t/42/assets/runtime.bundle.js?v=158726144542703052771789460191"></script>
687<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/geolocation.bundle.js?v=26642473021906531789460163"></script>
687<link rel="canonical" href="https://thecircle.de/blogs/news"> 688 689
689<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
689<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70124175395/digital_wallets/dialog"> 690<meta id="in-context-paypal-metadata" data-shop-id="70124175395" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR"> 691<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/news.atom" /> 692<link rel="next" href="/blogs/news?page=2"> 693<link rel="alternate" hreflang="x-default" href="https://thecircle.de/blogs/news"> 694<link rel="alternate" hreflang="de" href="https://thecircle.de/blogs/news"> 695<link rel="alternate" hreflang="en" href="https://thecircle.de/en/blogs/news">
696<script async="async" src="/checkouts/internal/preloads.js?locale=de-US&default_configuration_id=1269202979"></script>
696 697<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
698<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=de-US&default_configuration_id=1269202979&shop_id=70124175395" crossorigin="anonymous"></script>
vendor: 1 bytes, line 698
698
699<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":70124175395,"countryCode":"DE","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/70124175395","merchantName":"The Circle","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard"],"total":{"type":"pending","label":"The Circle","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 699
699
700<script id="shopify-features" type="application/json">{"accessToken":"c54ca6d1c77741b7d59ae26abcd7af3b","betas":["rich-media-storefront-analytics"],"domain":"thecircle.de","predictiveSearch":true,"shopId":70124175395,"locale":"de"}</script>
vendor: 1 bytes, line 700
700
701<script>var Shopify = Shopify || {}; 702Shopify.shop = "de-circle-prod.myshopify.com"; 703Shopify.locale = "de"; 704Shopify.currency = {"active":"EUR","rate":"1.0"}; 705Shopify.country = "US"; 706Shopify.theme = {"name":"Multi-search - UMG2-2.46.1-May20-Search Fix","id":199665975683,"schema_name":"Rhythm","schema_version":"2.46.1","theme_store_id":null,"role":"main"}; 707Shopify.theme.handle = "null"; 708Shopify.theme.style = {"id":null,"handle":null}; 709Shopify.cdnHost = "thecircle.de/cdn"; 710Shopify.routes = Shopify.routes || {}; 711Shopify.routes.root = "/"; 712Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 713Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 714Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 715Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 715
715
716<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 716
716
717<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 717
717
718<script> 719 window.ShopifyPay = window.ShopifyPay || {}; 720 window.ShopifyPay.apiHost = "shop.app\/pay"; 721 window.ShopifyPay.redirectState = null; 722</script>
vendor: 1 bytes, line 722
722
723<script> 724 window.Shopify = window.Shopify || {}; 725 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 726 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 727 window.Shopify.SignInWithShop.eligible = true; 728</script>
vendor: 1 bytes, line 728
728
729<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 729
729
730<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js"></script>
vendor: 1 bytes, line 730
730
731<script type="module"> 732 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js"); 733 734 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 735 736</script>
vendor: 1 bytes, line 736
736
737<script> 738 window.Shopify = window.Shopify || {}; 739 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 740 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.de.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.de.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.de.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.de.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.de.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.de.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.de.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.de.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.de.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.de.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.de.esm.js"],"listener":["modules/v2/loader.listener.de.esm.js"],"pay-button":["modules/v2/loader.pay-button.de.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.de.esm.js"],"shop-button":["modules/v2/loader.shop-button.de.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.de.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.de.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.de.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.de.esm.js"],"shop-login":["modules/v2/loader.shop-login.de.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.de.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.de.esm.js"]}; 741</script>
vendor: 1 bytes, line 741
741
742<script>(function() { 743 var isLoaded = false; 744 function asyncLoad() { 745 if (isLoaded) return; 746 isLoaded = true; 747 var urls = ["https:\/\/r2-t.trackedlink.net\/shopify\/ddgtag.js?shop=de-circle-prod.myshopify.com"]; 748 for (var i = 0; i < urls.length; i++) { 749 var s = document.createElement('script'); 750 s.type = 'text/javascript'; 751 s.async = true; 752 s.src = urls[i]; 753 var x = document.getElementsByTagName('script')[0]; 754 x.parentNode.insertBefore(s, x); 755 } 756 }; 757 if(window.attachEvent) { 758 window.attachEvent('onload', asyncLoad); 759 } else { 760 window.addEventListener('load', asyncLoad, false); 761 } 762})();</script>
vendor: 1 bytes, line 762
762
763<script id="__st">var __st={"a":70124175395,"offset":7200,"reqid":"6c654024-fcd6-47d7-a305-03ee46c9ac25-1790916755","pageurl":"thecircle.de\/blogs\/news","s":"blogs-104598962211","u":"689fe3dbf461","p":"blog","rtyp":"blog","rid":104598962211};</script>
vendor: 1 bytes, line 763
763
764<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 764
764
765<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Durch hCaptcha geschützt',privacyText:'Datenschutz',termsText:'Allgemeine Geschäftsbedingungen'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 765
765
766<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//thecircle.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 766
766
767<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//thecircle.de/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
767<script crossorigin="anonymous" defer="defer" src="//thecircle.de/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 767
767
768<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 768
768
769<script> 770 window.Shopify = window.Shopify || {}; 771 window.Shopify.MCP = window.Shopify.MCP || {}; 772 window.Shopify.MCP.enabled = true; 773 window.Shopify.MCP.shop = "de-circle-prod.myshopify.com"; 774 window.Shopify.MCP.mcpEndpoint = "https:\/\/thecircle.de\/api\/mcp"; 775 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 776</script>
vendor: 1 bytes, line 776
776
777<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/thecircle.de\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 778</script>
vendor: 1 bytes, line 778
778
779<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://thecircle.de/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}}; 780</script>
vendor: 1 bytes, line 780
780
781<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 782 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 783</script>
vendor: 1 bytes, line 783
783
784<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 785</script>
785 786<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://thecircle.de/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 787<style id="shopify-accelerated-checkout-cart"> 788 #shopify-buyer-consent { 789 margin-top: 1em; 790 display: inline-block; 791 width: 100%; 792} 793 794#shopify-buyer-consent.hidden { 795 display: none; 796} 797 798#shopify-subscription-policy-button { 799 background: none; 800 border: none; 801 padding: 0; 802 text-decoration: underline; 803 font-size: inherit; 804 cursor: pointer; 805} 806 807#shopify-subscription-policy-button::before { 808 box-shadow: none; 809} 810 811 </style> 812
813<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
813 <link rel="stylesheet" href="https://use.typekit.net/bdq6afi.css"><link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0701/2417/5395/files/geist-fonts.css?v=1720105094"><style> 814 dialog[open]::backdrop, 815 .umg-backdrop { 816 817 --theme-color: ; 818 background: hsl(0 0% 7% / 0.4); 819 -webkit-backdrop-filter: blur(10px); 820 backdrop-filter: blur(10px); 821 } 822 823 #PBarNextFrameWrapper::backdrop, 824 #web-pixels-helper-sandbox-container::backdrop { 825 --theme-color: unset; 826 background: unset; 827 -webkit-backdrop-filter: unset; 828 backdrop-filter: unset; 829 } 830</style><link href="//thecircle.de/cdn/shop/t/42/assets/styles.bundle.css?v=93864427200390930381789460200" rel="stylesheet" type="text/css" media="print" id="styles_css_bundle" onload="this.media=`all`;this.removeAttribute(`onload`)" /> 831 <noscript><link href="//thecircle.de/cdn/shop/t/42/assets/styles.bundle.css?v=93864427200390930381789460200" rel="stylesheet" type="text/css" media="all" id="styles_css_bundle" /></noscript>
831<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/alpine.bundle.js?v=26471021142772926081789459859"></script>
831<style data-shopify>/* Verlinkungen Accessibility */ 832.accordion__content a, .product-description a { 833 text-decoration: underline!important; 834} 835.accordion { 836 background: #fff; 837padding: 1.5%; 838} 839 840#newsletter-sign-up-country, #newsletter-sign-up-email, #newsletter-sign-up-first-name { 841 font-weight: 600; 842 line-height: 31px; 843 border-radius: 8px; 844 border-width: 2px; 845} 846 847 848/* CUSTOMER SUPPORT PAGE */ 849 850.template__policy .shopify-policy__body *:not(table) { 851 852max-width: 95ch; 853 854} 855 856.template__policy .shopify-policy__title h1 { 857 858font-size: var(--font_heading_2xl_size); 859 860margin-top: var(--gap-container-md); 861 862margin-bottom: var(--gap-container-sm); 863 864letter-spacing: 0.05em; 865 866} 867 868@media (min-width: 480px) { 869 870.template__policy .shopify-policy__title h1 { 871 872letter-spacing: 0.1em; 873 874} 875 876} 877 878@media (min-width: 768px) { 879 880.template__policy .shopify-policy__title h1 { 881 882font-size: var(--font_heading_2xl_size_md); 883 884} 885 886} 887 888.template__policy .customer-support__block { 889 890border: 1px solid currentColor; 891 892padding: 1rem 1.25rem; 893 894margin-top: 2rem !important; 895 896} 897 898.template__policy .shopify-policy__body h2 { 899 900letter-spacing: 0.05em; 901 902margin-bottom: 0.5em; 903 904} 905 906@media (min-width: 480px) { 907 908.template__policy .shopify-policy__body h2 { 909 910letter-spacing: 0.1em; 911 912} 913 914} 915 916.template__policy .shopify-policy__body a { 917 918text-decoration: underline; 919 920font-weight: bold; 921 922transition: 0.2s ease-out; 923 924} 925 926.template__policy .shopify-policy__body a:hover { 927 928opacity: 0.8; 929 930} 931 932.template__policy .customer-support__links li { 933 934margin-bottom: 0.5em !important; 935 936} 937 938.shopify-policy__body table tr th, .shopify-policy__body table tr td { 939 940padding: var(--padding-sm-sm); 941 942font-size: var(--font_body_sm_size); 943 944line-height: var(--font_body_sm_line); 945 946border-color: var(--color-content-subtle); 947 948border-width: 1px; 949 950color: #000; 951 952} 953 954.text-left .rte, .text-left .rte table, .popup__container.text-left .rte, .popup__container.text-left .rte table { 955 9561px #000 solid; 957 958margin: 0; 959 960margin-top: 15px; 961 962padding: 0; 963 964} 965 966:not(.product__media) dialog .popup__wrapper { 967 968min-width: fit-content; 969 970padding: 10px 10px; 971 972background: #fff; 973 974border: 1px solid #000; 975 976} 977 978:not(.product__media) dialog * { 979 980text-transform: none!important; 981 982justify-content: center; 983 984padding: 0px; 985 986 987} 988 989.shopify-policy__container { 990 991max-width: 100%; 992 993margin: 0 auto; 994 995padding-left: 20px; 996 997padding-right: 20px; 998 999word-break: break-word; 1000 1001-webkit-hyphens: auto; 1002 1003hyphens: auto; 1004 1005} 1006 1007.popup-dialog div { 1008 1009overflow: auto; 1010 1011padding-top: 3rem; 1012 1013color: #000; 1014 1015} 1016 1017.py-lg-md { 1018 1019padding: 0px; 1020 1021font-size: 13px; 1022 1023margin: 0px; 1024 1025} 1026 1027@media (min-width: 768px) { 1028.max-w-\[90\%\] { 1029max-width: 50%; 1030} 1031} 1032@media (max-width: 767px) { 1033.max-w-\[90\%\] { 1034max-width: 100%; 1035} 1036} 1037 1038.mt-sm-xs { 1039 1040margin-top: var(--margin-sm-xs); 1041 1042color: #fff; 1043 1044} 1045 1046#create_customer .mt-sm-xs { 1047 color: var(--color-content-base); 1048} 1049 1050/*Filter Sortierung */ 1051div#facets-sorting option[value="title-ascending"], 1052 div#facets-sorting option[value="title-descending"], 1053 div#facets-sorting option[value="created-ascending"], 1054 div#facets-sorting option[value="created-descending"] { display:none; } 1055 1056 1057 body.template__collection--artist-detail div#facets-sorting option[value="title-ascending"], 1058 body.template__collection--artist-detail div#facets-sorting option[value="title-descending"] { display:block; } 1059 1060.price__compare { 1061color: #c62300; 1062} 1063 1064//predictive search fix 1065.featured-articles { 1066 width: 100%; 1067 max-width: 1530px; 1068 margin: 0 auto; 1069 background-color: var(--color-background); 1070 box-sizing: border-box; 1071 position: relative; 1072} 1073 1074.featured-articles__header { 1075 display: flex; 1076 justify-content: space-between; 1077 align-items: center; 1078 margin-bottom: 2.5em; 1079 position: relative; 1080} 1081 1082.featured-articles__title { 1083 margin: 0; 1084} 1085 1086 1087.featured-articles__content { 1088 display: flex; 1089 flex-direction: column; 1090 gap: 40px; 1091} 1092 1093.featured-articles__item { 1094 display: flex; 1095 flex-direction: column; 1096 gap: 10px; 1097} 1098 1099.featured-articles__item-image { 1100 width: 100%; 1101 aspect-ratio: 16 / 9; 1102 border-radius: var(--border-default-radius); 1103 object-fit: cover; 1104} 1105 1106.featured-articles__item-content { 1107 display: flex; 1108 flex-direction: column; 1109 gap: 8px; 1110 color: var(--color-primary); 1111} 1112 1113.featured-articles__item-title { 1114 display: block; 1115 margin: 0; 1116} 1117 1118.featured-articles__item-link { 1119 text-decoration: underline; 1120 text-transform: uppercase; 1121} 1122 1123.featured-articles__footer { 1124 width: min-content; 1125 display: flex; 1126 justify-content: flex-start; 1127 margin-top: 40px; 1128} 1129 1130.featured-articles__button { 1131 display: flex; 1132 align-items: center; 1133 gap: 10px; 1134 background-color: var(--color-tertiary-on); 1135 border: 2px solid var(--color-primary); 1136 border-bottom-width: 4px; 1137 border-radius: 4px; 1138 padding: 12px 20px; 1139 text-decoration: none; 1140 color: var(--color-primary); 1141} 1142 1143.featured-articles__button:hover { 1144 background-color: var(--color-tertiary-on); 1145} 1146 1147.featured-articles__button-svg { 1148 width: 23px; 1149 height: 24px; 1150} 1151 1152.featured-articles__button-text { 1153 text-decoration: underline; 1154 color: var(--color-secondary); 1155} 1156 1157.featured-articles__item.type-article { 1158 max-width: calc(25% - 32px); 1159} 1160 1161@media (min-width: 1024px) { 1162 .featured-articles__content { 1163 flex-direction: row; 1164 flex-wrap: wrap; 1165 gap: 24px; 1166 } 1167 1168 .featured-articles__item { 1169 flex: 1 1 calc(33.333% - 16px); 1170 max-width: calc(33.333% - 16px); 1171 } 1172 1173 .featured-articles__item-title { 1174 -webkit-box-orient: vertical; 1175 display: -webkit-box; 1176 overflow: hidden; 1177 text-overflow: ellipsis; 1178 } 1179 1180 .featured-articles__footer { 1181 position: absolute; 1182 top: 0; 1183 right: 0; 1184 margin-top: 0; 1185 padding: 15px 0; 1186 } 1187} 1188 1189/* SEO STYLING */ 1190.seo-styling { 1191h1, 1192h2, 1193p { 1194 padding: 15px 0 10px 0; 1195} 1196a { 1197 text-decoration: underline; 1198} 1199ul { 1200 list-style-type: disc; 1201 margin: 0; 1202 padding-left: 1.5rem; 1203} 1204li { 1205 display: list-item; 1206} 1207@media (min-width: 768px) { 1208h1 { 1209 font-size: 26px; 1210 font-weight: 700; 1211 } 1212 h2 { 1213 font-size: 24px; 1214 font-weight: 700; 1215 } 1216 h3 { 1217 font-size: 18px; 1218 font-weight: 700; 1219 } 1220 p, 1221 li { 1222 font-size: 16px; 1223 font-weight: 400; 1224 } 1225 .multi-column { 1226 column-count: 2; 1227 column-gap: 20px; 1228 column-rule: 1px solid #ccc; 1229 } 1230} 1231@media (max-width: 767px) { 1232 h1 { 1233 font-size: 20px; 1234 font-weight: 700; 1235 } 1236 h2 { 1237 font-size: 18px; 1238 font-weight: 700; 1239 } 1240 h3 { 1241 font-size: 16px; 1242 font-weight: 700; 1243 } 1244 p, 1245 li { 1246 font-size: 14px; 1247 font-weight: 400; 1248 } 1249} 1250} 1251/* END of SEO STYLING */ 1252 1253 1254/* SEO BANNER STYLING */ 1255.seo-banner-styling 1256{ 1257h1, 1258h2, 1259p { 1260 padding: 0; 1261 color: var(--color-primary-on); 1262text-align: left; 1263} 1264@media (min-width: 768px) { 1265 h1, h2, h3 { 1266font-family: "geist-variable"; 1267 font-weight: var(--font_heading_2xl_weight); 1268 font-size: 90px; 1269 letter-spacing: var(--font_heading_2xl_letter); 1270 line-height: var(--font_heading_2xl_line); 1271 text-transform: var(--font_heading_2xl_text_transform); 1272 text-wrap: balance; } 1273 p { 1274 font-size: 20px; 1275 font-weight: 400; 1276 } 1277} 1278@media (max-width: 767px) { 1279 h1, h2, h3 { 1280font-family: "geist-variable"; 1281 font-weight: var(--font_heading_2xl_weight); 1282 font-size: 24px; 1283 line-height: var(--font_heading_2xl_line); 1284 text-transform: var(--font_heading_2xl_text_transform); 1285 text-wrap: balance; 1286padding-top: 10px; } 1287 p { 1288 font-size: 16px; 1289 font-weight: 400; 1290 } 1291} 1292} 1293/* END of SEO STYLING */ 1294 1295/* Variant Picker Width */ 1296.template-product__wrapper .option--swatch { 1297width: auto; 1298min-width: 4rem!important; 1299padding: 0 6px 0 6px; 1300}</style><link rel="apple-touch-icon" sizes="180x180" href="//thecircle.de/cdn/shop/files/faviconcircle.png?crop=center&height=180&v=1726575563&width=180"> 1301 <link rel="icon" href="//thecircle.de/cdn/shop/files/faviconcircle.png?crop=center&height=32&v=1726575563&width=32"><meta name="description" content="Wer arbeitet gerade an einem neuen Album? Welche Bands gehen auf Tour? Wir halten dich auf dem Laufenden zu den hottest News und Neuigkeiten aus der Musikwelt!"> 1302 1303 <meta property="og:site_name" content="The Circle"> 1304 <meta property="og:url" content="https://thecircle.de/blogs/news"> 1305 <meta property="og:title" content="Druckfrisch: Dein News-Update für all things Music und Vinyl ist hier - The Circle"> 1306 <meta property="og:type" content="website"> 1307 <meta property="og:description" content="Wer arbeitet gerade an einem neuen Album? Welche Bands gehen auf Tour? Wir halten dich auf dem Laufenden zu den hottest News und Neuigkeiten aus der Musikwelt!"><meta property="og:image" content="http://thecircle.de/cdn/shop/files/TheCircle-social-share.png?v=1726647483"> 1308 <meta property="og:image:secure_url" content="https://thecircle.de/cdn/shop/files/TheCircle-social-share.png?v=1726647483">
1309 <meta property="og:image:width" content="1200"> 1310 <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> 1311 <meta name="twitter:title" content="Druckfrisch: Dein News-Update für all things Music und Vinyl ist hier - The Circle"> 1312 <meta name="twitter:description" content="Wer arbeitet gerade an einem neuen Album? Welche Bands gehen auf Tour? Wir halten dich auf dem Laufenden zu den hottest News und Neuigkeiten aus der Musikwelt!">
1312<script> 1313 window.dotDigital = { 1314 shopDomain: 'thecircle.de', 1315 insightId: 'DM-2197974146-02' 1316 } 1317 </script>
1317<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/dot-digital.bundle.js?v=118135084937053592381789459869"></script>
1317<!-- Hotjar Tracking Code for The Circle Prod -->
1318<script>
vendor: 125 bytes, lines 1318-1321
1318 1319 (function(h,o,t,j,a,r){ 1320 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 1321 h._hjSettings={hjid:
13215235364
vendor: 258 bytes, lines 1321-1326
1321,hjsv:6}; 1322 a=o.getElementsByTagName('head')[0]; 1323 r=o.createElement('script');r.async=1; 1324 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 1325 a.appendChild(r); 1326 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
1327</script>
1327 1328<!-- BEGIN app block: shopify://apps/editorial-components/blocks/base_styles/50e2280c-3fcc-4b7f-9e60-b1bc7779467c --><style> 1329 @font-face { 1330 font-family: 'spirits-neutral'; 1331 src: 1332 url('https://use.typekit.net/af/40a43d/00000000000000007735f3f3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') 1333 format('woff2'), 1334 url('https://use.typekit.net/af/40a43d/00000000000000007735f3f3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') 1335 format('woff'), 1336 url('https://use.typekit.net/af/40a43d/00000000000000007735f3f3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') 1337 format('opentype'); 1338 font-display: auto; 1339 font-style: normal; 1340 font-weight: 300; 1341 font-stretch: normal; 1342 } 1343</style> 1344 1345<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a047a9-8078-78c3-9f3d-a6b3d7b93196/editorial-components-22/assets/predictive-search.css"> 1346<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a047a9-8078-78c3-9f3d-a6b3d7b93196/editorial-components-22/assets/stories-list-component.css"> 1347
1348<script 1349 src="https://cdn.shopify.com/extensions/01a047a9-8078-78c3-9f3d-a6b3d7b93196/editorial-components-22/assets/predictive-search-enhancement.js" 1350 defer="defer" 1351 async="async" 1352 data-id="data-search-label" 1353 data-search-label="Articles" 1354></script>
1354 1355 1356 1357<!-- END app block --><!-- BEGIN app block: shopify://apps/privy-pop-ups-email-sms/blocks/privy-convert-production/1d8599fa-4edf-4071-bda6-4d5d6d82de9c -->
1357<script src="https://shopify.privy.com/widget.js?shop=de-circle-prod.myshopify.com"></script>
1357 1358 1359<!-- END app block --><!-- BEGIN app block: shopify://apps/vinyl-store/blocks/base_styles/9ece9f97-5095-4602-a9ec-8691c2ce6b53 --><style> 1360 @font-face { 1361 font-family: 'spirits-neutral'; 1362 src: 1363 url('https://use.typekit.net/af/40a43d/00000000000000007735f3f3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') 1364 format('woff2'), 1365 url('https://use.typekit.net/af/40a43d/00000000000000007735f3f3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') 1366 format('woff'), 1367 url('https://use.typekit.net/af/40a43d/00000000000000007735f3f3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') 1368 format('opentype'); 1369 font-display: auto; 1370 font-style: normal; 1371 font-weight: 300; 1372 font-stretch: normal; 1373 } 1374</style> 1375 1376<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/base.css"> 1377<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/global-fixes.css"> 1378 1379 <link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/3d.css"> 1380 1381 1382<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/on-rotation.css"> 1383 1384<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/product-slideshow.css"> 1385<link rel="stylesheet" href="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/thumbnail-slideshow.css"> 1386<link href="//cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/product-carousel.css" rel="stylesheet" type="text/css" media="all" /> 1387
1388<script src="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/base.js" defer></script>
vendor: 1 bytes, line 1388
1388
1389<script src="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/on-rotation.js" defer="defer" async="async"></script>
vendor: 1 bytes, line 1389
1389
1390<script src="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/thumbnail-slideshow.js"></script>
1390 1391 1392 1393 1394 1395 1396 1397 1398 1399<!-- END app block --><!-- BEGIN app block: shopify://apps/ab-tasty/blocks/abtasty-tag/50439cd8-89e0-4240-838a-2948c07c763d --> 1400 1401
1401<script 1402 type="text/javascript" 1403 src="https://try.abtasty.com/7716187d5f81ed9f6563518b471fb139.js" 1404 async 1405 ></script>
1405 1406 1407
1407<script type="text/javascript"> 1408 // This waits for all the external ressources (including ABTasty tag) to load before executing the callback function. 1409 window.addEventListener('load', function () { 1410 if(!window.ABTasty) { 1411 // AB Tasty tag is not loaded so exit. 1412 return 1413 } 1414 1415 if (window.ABTasty.eventState?.['consentValid']?.status === 'complete') { 1416 updateShopifyDataForWebPixel(); 1417 } else { 1418 window.addEventListener('abtasty_consentValid', () => { 1419 updateShopifyDataForWebPixel(); 1420 }); 1421 } 1422 1423 1424 async function waitForVisitorId(maxRetries = 5, delayMs = 500) { 1425 for (let i = 0; i < maxRetries; i++) { 1426 const visitorId = ABTasty.api.v1.getValue('visitorId') 1427 if (visitorId) { 1428 return visitorId; 1429 } 1430 await new Promise(resolve => setTimeout(resolve, delayMs)); 1431 } 1432 return null; 1433 } 1434 1435 1436 async function updateShopifyDataForWebPixel() { 1437 const STORAGE_KEY = 'ABTastyShopify'; 1438 const consentReady = ABTasty.consentReady; 1439 const shouldHandleSubdomain = "false" === "true"; 1440 1441 if(!consentReady) { 1442 if(shouldHandleSubdomain) { 1443 await cookieStore.delete(STORAGE_KEY); 1444 } 1445 return localStorage.removeItem(STORAGE_KEY); 1446 } 1447 1448 const visitorId = await waitForVisitorId(5, 500); 1449 1450 if (!visitorId) { 1451 console.error('[AB Tasty] Unable to get AB Tasty visitorID after 5 retry'); 1452 return; 1453 } 1454 1455 const ABTastyData = { 1456 identifier: "7716187d5f81ed9f6563518b471fb139", 1457 campaigns: ABTasty.getCampaignHistory(), 1458 visitorId: visitorId, 1459 accountId: ABTasty.getAccountSettings().id, 1460 consent: ABTasty.consentReady, 1461 }; 1462 1463 if (shouldHandleSubdomain) { 1464 await cookieStore.set({ 1465 name: STORAGE_KEY, 1466 value: JSON.stringify(ABTastyData), 1467 expires: Date.now() + 1 * 24 * 60 * 60 * 1000, // 1 day 1468 domain: window.location.hostname, 1469 }); 1470 } 1471 localStorage.setItem(STORAGE_KEY, JSON.stringify(ABTastyData)); 1472 } 1473 }); 1474 </script>
1474 1475 1476 1477 1478 1479 1480<!-- END app block -->
1480<script src="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/tracking.js" type="text/javascript" defer="defer"></script>
1480 1481<link href="https://cdn.shopify.com/extensions/019ed4ba-05cc-7608-a600-87750a14a6ac/vinyl-store-2-177/assets/button.css" rel="stylesheet" type="text/css" media="all">
1482<script src="https://cdn.shopify.com/extensions/01a047a9-8078-78c3-9f3d-a6b3d7b93196/editorial-components-22/assets/tracking.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1482
1482
1483<script src="https://cdn.shopify.com/extensions/01a0d393-b1c6-7c12-9125-15c64fdd283e/multi-search-34/assets/predictive-search.js" type="text/javascript" defer="defer"></script>
1483 1484<link href="https://cdn.shopify.com/extensions/01a0d393-b1c6-7c12-9125-15c64fdd283e/multi-search-34/assets/predictive-search.css" rel="stylesheet" type="text/css" media="all"> 1485<link href="https://cdn.shopify.com/extensions/019a776b-f6ab-7dca-bf7d-7d4fd6ab1fe3/connect-gate-de-15/assets/newsletter.css" rel="stylesheet" type="text/css" media="all"> 1486<link href="https://cdn.shopify.com/extensions/01a047a9-8078-78c3-9f3d-a6b3d7b93196/editorial-components-22/assets/stories-list-component.css" rel="stylesheet" type="text/css" media="all">
1487<script src="https://cdn.shopify.com/extensions/019a776b-f6ab-7dca-bf7d-7d4fd6ab1fe3/connect-gate-de-15/assets/newsletter-popup.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1487
1487
1488<script src="https://cdn.shopify.com/extensions/019a776b-f6ab-7dca-bf7d-7d4fd6ab1fe3/connect-gate-de-15/assets/newsletter-signup.js" type="text/javascript" defer="defer"></script>
1488 1489<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1490<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 70124175395,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1490
1490
1491<script> 1492 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1493</script>
vendor: 1 bytes, line 1493
1493
1494<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1494).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 70124175395,storefrontBaseUrl: "https://thecircle.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://thecircle.de/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1685455235","configuration":"{\"cart_viewed\":\"true\",\"checkout_address_info_submitted\":\"true\",\"checkout_completed\":\"true\",\"checkout_contact_info_submitted\":\"true\",\"checkout_shipping_info_submitted\":\"true\",\"checkout_started\":\"true\",\"collection_viewed\":\"true\",\"page_viewed\":\"true\",\"payment_info_submitted\":\"true\",\"product_added_to_cart\":\"true\",\"product_removed_from_cart\":\"true\",\"product_viewed\":\"true\",\"search_submitted\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4b912d4db8d67578541bfae8b70a40a9","type":"APP","apiClientId":100317265921,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]}
1494,"dataSharingState":"unrestricted"},{"id":"15269923","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"62","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"The Circle","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"de-circle-prod.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/thecircle.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://thecircle.de/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"199665975683","themePublished":"true","eventMetadataId":"43930ead-b775-4796-a784-f52b82bb7ee9","pageType":"blog","resourceId":"104598962211","shopId":"70124175395","storefrontBaseUrl":"https:\/\/thecircle.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1494<script> 1495 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1496 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1497 window.ShopifyAnalytics.meta.currency = 'EUR'; 1498 var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":104598962211,"requestId":"6c654024-fcd6-47d7-a305-03ee46c9ac25-1790916755"}}; 1499 for (var attr in meta) { 1500 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1501 } 1502</script>
vendor: 1 bytes, line 1502
1502
1503<script class="analytics"> 1504 (function () { 1505 var customDocumentWrite = function(content) { 1506 var jquery = null; 1507 1508 if (window.jQuery) { 1509 jquery = window.jQuery; 1510 } else if (window.Checkout && window.Checkout.$) { 1511 jquery = window.Checkout.$; 1512 } 1513 1514 if (jquery) { 1515 jquery('body').append(content); 1516 } 1517 }; 1518 1519 var hasLoggedConversion = function(token) { 1520 if (token) { 1521 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1522 } 1523 return false; 1524 } 1525 1526 var setCookieIfConversion = function(token) { 1527 if (token) { 1528 var twoMonthsFromNow = new Date(Date.now()); 1529 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1530 1531 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1532 } 1533 } 1534 1535 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1536 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1537 if (trekkie.integrations) { 1538 return; 1539 } 1540 trekkie.methods = [ 1541 'identify', 1542 'page', 1543 'ready', 1544 'track', 1545 'trackForm', 1546 'trackLink' 1547 ]; 1548 trekkie.factory = function(method) { 1549 return function() { 1550 var args = Array.prototype.slice.call(arguments); 1551 args.unshift(method); 1552 trekkie.push(args); 1553 if (method == 'track' || method == 'page') { 1554 var pageUrl; 1555 try { 1556 pageUrl = window.location.href; 1557 } catch (e) {} 1558 var pageReferrer; 1559 try { 1560 pageReferrer = document.referrer; 1561 } catch (e) {} 1562 try { 1563 if (window.__TREKKIE_SHIM_QUEUE == null) { 1564 window.__TREKKIE_SHIM_QUEUE = []; 1565 } 1566 window.__TREKKIE_SHIM_QUEUE.push({ 1567 from: 'trekkie-stub', 1568 method: method, 1569 args: args.slice(1), 1570 pageContext: { 1571 url: pageUrl, 1572 referrer: pageReferrer 1573 } 1574 }); 1575 } catch (e) { 1576 // no-op 1577 } 1578 } 1579 return trekkie; 1580 }; 1581 }; 1582 for (var i = 0; i < trekkie.methods.length; i++) { 1583 var key = trekkie.methods[i]; 1584 trekkie[key] = trekkie.factory(key); 1585 } 1586 trekkie.load = function(config) { 1587 trekkie.config = config || {}; 1588 trekkie.config.initialDocumentCookie = document.cookie; 1589 var first = document.getElementsByTagName('script')[0]; 1590var script = document.createElement('script'); 1591script.type = 'text/javascript'; 1592script.onerror = function(e) { 1593 var scriptFallback = document.createElement('script'); 1594 scriptFallback.type = 'text/javascript'; 1595 scriptFallback.onerror = function(error) { 1596 var Monorail = { 1597 produce: function produce(monorailDomain, schemaId, payload) { 1598 var currentMs = new Date().getTime(); 1599 var event = { 1600 schema_id: schemaId, 1601 payload: payload, 1602 metadata: { 1603 event_created_at_ms: currentMs, 1604 event_sent_at_ms: currentMs 1605 } 1606 }; 1607 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1608 }, 1609 sendRequest: function sendRequest(endpointUrl, payload) { 1610 // Try the sendBeacon API 1611 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1612 var blobData = new window.Blob([payload], { 1613 type: 'text/plain' 1614 }); 1615 1616 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1617 return true; 1618 } // sendBeacon was not successful 1619 1620 } // XHR beacon 1621 1622 var xhr = new XMLHttpRequest(); 1623 1624 try { 1625 xhr.open('POST', endpointUrl); 1626 xhr.setRequestHeader('Content-Type', 'text/plain'); 1627 xhr.send(payload); 1628 } catch (e) { 1629 console.log(e); 1630 } 1631 1632 return false; 1633 }, 1634 isIos12: function isIos12() { 1635 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1636 } 1637 }; 1638 Monorail.produce('monorail-edge.shopifysvc.com', 1639 'trekkie_storefront_load_errors/1.1', 1640 {shop_id: 70124175395, 1641 theme_id: 199665975683, 1642 app_name: "storefront", 1643 context_url: window.location.href, 1644 source_url: "//thecircle.de/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1645 1646 }; 1647 scriptFallback.async = true; 1648 scriptFallback.src = '//thecircle.de/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1649 first.parentNode.insertBefore(scriptFallback, first); 1650}; 1651script.async = true; 1652script.src = '//thecircle.de/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1653first.parentNode.insertBefore(script, first); 1654 1655 }; 1656 trekkie.load( 1657 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70124175395,"isMerchantRequest":null,"themeId":199665975683,"themeCityHash":"4443305799829043010","contentLanguage":"de","currency":"EUR","eventMetadataId":"43930ead-b775-4796-a784-f52b82bb7ee9"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1658 ); 1659 1660 var loaded = false;
1661 trekkie.ready(function() { 1662 if (loaded) return; 1663 loaded = true; 1664 1665 window.ShopifyAnalytics.lib = window.trekkie; 1666 1667 var originalDocumentWrite = document.write; 1668 document.write = customDocumentWrite; 1669 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1670 document.write = originalDocumentWrite; 1671 1672 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1673 var token = match? match[1]: undefined; 1674 if (!hasLoggedConversion(token)) { 1675 setCookieIfConversion(token); 1676 1677 } 1678 }); 1679 1680 window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":104598962211,"requestId":"6c654024-fcd6-47d7-a305-03ee46c9ac25-1790916755","shopifyEmitted":true}); 1681 1682 var eventsListenerScript = document.createElement('script'); 1683 eventsListenerScript.async = true; 1684 eventsListenerScript.src = "//thecircle.de/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1685 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1686})();</script>
vendor: 1 bytes, line 1686
1686
1687<script 1688 defer 1689 src="https://thecircle.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1690 data-application="storefront-renderer" 1691 data-shop-id="70124175395" 1692 data-render-region="gcp-us-west1" 1693 data-page-type="blog" 1694 data-theme-instance-id="199665975683" 1695 data-theme-name="Rhythm" 1696 data-theme-version="2.46.1" 1697 data-monorail-region="shop_domain" 1698 data-resource-timing-sampling-rate="10" 1699 data-shs="true" 1700 data-shs-beacon="true" 1701 data-shs-export-with-fetch="true" 1702 data-shs-logs-sample-rate="1" 1703 data-shs-beacon-endpoint="https://thecircle.de/api/collect" 1704></script>
1704 1705<meta name="shopify-y" content="abe7427a-3097-4032-b304-5ec35884018e" data-expiration="1822474355000"><meta name="shopify-s" content="ba1251a7-984e-426a-a4bf-0cd653875f36" data-expiration="1790918555000"><meta name="new-cookie-storage-activated" content="t"> 1706</head><body class="template__blog template__blog--magazine_category_news flex flex-col grow min-h-full relative md:relative scheme-scheme1 c-bg-background c-text-content-base" data-theme="rhythm" data-themev="2.46.1"><a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent">Zum Inhalt</a><content-overlay> 1707 <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div> 1708</content-overlay><!-- BEGIN sections: header-group --> 1709<header id="shopify-section-sections--30086938427779__header" class="shopify-section shopify-section-group-header-group site-header md:hidden"><style> 1710 #shopify-section-sections--30086938427779__header { 1711 position: sticky;top: 0;z-index: 999997; 1712 width: 100%; 1713 } 1714 </style> 1715
1715<script>document.getElementById('shopify-section-sections--30086938427779__header').classList.add('umg-sticky', 'transition-[transform]')</script>
1715 1716 1717 1718 1719 1720 1721<div id="header__wrapper" class="header__wrapper scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mb-none" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.375rem; --icon-height: 1.375rem; "> 1722 <div id="header__container" class="header__container grid gap-y-sm-sm gap-x-sm-sm grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-xs max-w-xl md:px-container-xs md:max-w-xl c-border-transparent border-default-width border-x-0 border-t-0 mx-auto text-center" > 1723 1724 1725 1726 1727 1728 1729 1730<div class="nav-drawer__block navigation-wrapper header__column flex col-span-4 justify-start" x-data="{ open: false, triggerRef: null, handleEscape(e){ this.triggerRef = e.target.closest('.nav-drawer__block')?.querySelector('.nav-drawer__toggle'); this.triggerRef?.focus(); this.open = false; } }" @keydown.escape.window="handleEscape"> 1731 <button 1732 class="nav-drawer__overlay umg-backdrop fixed top-0 bottom-0 left-0 right-0 w-full h-full z-10" 1733 @click="open = false; $el.ownerDocument.body.classList.remove('overflow-hidden')" 1734 x-show="open" 1735 x-cloak 1736 :aria-label="open ? 'Navigationsmenü schlieÃen' : 'Navigationsmenü öffnen'" 1737 x-transition x-transition.opacity></button> 1738 1739 1740 1741 1742 1743<button 1744 class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-center" 1745 @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 1746 :aria-expanded="open" 1747 :aria-label="open ? 'Navigationsmenü schlieÃen' : 'Navigationsmenü öffnen'"> 1748 <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition> 1749 1750 1751 1752 1753 1754 1755 1756 1757 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> 1758 <path d="M0 88C0 74.75 10.75 64 24 64H424C437.3 64 448 74.75 448 88C448 101.3 437.3 112 424 112H24C10.75 112 0 101.3 0 88zM0 248C0 234.7 10.75 224 24 224H424C437.3 224 448 234.7 448 248C448 261.3 437.3 272 424 272H24C10.75 272 0 261.3 0 248zM424 432H24C10.75 432 0 421.3 0 408C0 394.7 10.75 384 24 384H424C437.3 384 448 394.7 448 408C448 421.3 437.3 432 424 432z"/> 1759 </svg> 1760 1761 1762 </div> 1763 <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition> 1764 1765 1766 1767 1768 1769 1770 1771 1772 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 1773 <path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/> 1774 </svg> 1775 1776 1777 </div> 1778</button> 1779 1780 <div class="nav-drawer__menu flex flex-col fixed z-100 top-0 max-h-[100vh] bottom-0 w-[90%] max-w-[400px] transition duration-300 overflow-y-scroll c-bg-surface c-text-on-surface left-0" x-show="open" x-cloak x-transition:enter="transition ease-out duration-300"x-transition:enter-start="-translate-x-full"x-transition:enter-end="translate-x-0"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="translate-x-0"x-transition:leave-end="-translate-x-full"> 1781 <div class="flex justify-between md:justify-end p-lg-sm"> 1782 1783 <div x-html="$refs.logoContainer ? $refs.logoContainer.innerHTML : ''" class="logo-container flex justify-center items-center c-text-content-base"></div> 1784 1785 1786 1787 1788 1789<button 1790 class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-end c-text-content-base" 1791 @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 1792 :aria-expanded="open" 1793 :aria-label="open ? 'Navigationsmenü schlieÃen' : 'Navigationsmenü öffnen'"> 1794 <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition> 1795 1796 1797 1798 1799 1800 1801 1802 1803 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> 1804 <path d="M0 88C0 74.75 10.75 64 24 64H424C437.3 64 448 74.75 448 88C448 101.3 437.3 112 424 112H24C10.75 112 0 101.3 0 88zM0 248C0 234.7 10.75 224 24 224H424C437.3 224 448 234.7 448 248C448 261.3 437.3 272 424 272H24C10.75 272 0 261.3 0 248zM424 432H24C10.75 432 0 421.3 0 408C0 394.7 10.75 384 24 384H424C437.3 384 448 394.7 448 408C448 421.3 437.3 432 424 432z"/> 1805 </svg> 1806 1807 1808 </div> 1809 <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition> 1810 1811 1812 1813 1814 1815 1816 1817 1818 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 1819 <path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/> 1820 </svg> 1821 1822 1823 </div> 1824</button> 1825 </div> 1826 <ul class="gap-sm-sm"> 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 1844 <a class="text_navigation_lg w-full min-h-min-click-s
1844pace flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline" href="/pages/artists">Artists</a> 1845 </li> 1846 1847 1848 1849<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div> 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 <div x-data="{ expanded: false }"> 1863 <button 1864 @click="expanded = !expanded" 1865 :aria-expanded="expanded" 1866 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base" 1867 1868 > 1869 <div class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Music</div> 1870 1871 1872 1873<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 1874 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 1885 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 1886 </svg> 1887 1888 1889</span> 1890</div> 1891 </button> 1892 <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse> 1893 1894 1895 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 <div x-data="{ expanded: false }"> 1912 <button 1913 @click="expanded = !expanded" 1914 :aria-expanded="expanded" 1915 class="nav-drawer__tier-2__item flex items-center w-full relative" 1916 1917 > 1918 <span class="text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Products</span> 1919 1920 1921 1922<div class="w-1em h-1em absolute right-0"> 1923 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 1934 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 1935 </svg> 1936 1937 1938</span> 1939</div> 1940 </button> 1941 <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse> 1942 1943 1944 1945 1946 1947 1948 1949 1950<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/collections/music"> 1951 <span>Alle Products</span> 1952 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 1964 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 1965 </svg> 1966 1967 1968 1969 </div> 1970</a> 1971 1972 1973 1974 1975 1976 1977 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 1978 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
1978pace flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/music"> 1979 New In 1980 </a> 1981 </li> 1982 1983 1984 1985 1986 1987 1988 1989 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 1990 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/exclusive"> 1991 Exclusive 1992 </a> 1993 </li> 1994 1995 1996 1997 1998 1999 2000 2001 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2002 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="https://thecircle.de/collections/music?sort_by=best-selling"> 2003 Bestsellers 2004 </a> 2005 </li> 2006 2007 2008 2009 2010 2011 2012 2013 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2014 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/preorders"> 2015 Pre-orders 2016 </a> 2017 </li> 2018 2019 2020 2021 2022 2023 2024 2025 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2026 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/signed"> 2027 Signed Editions 2028 </a> 2029 </li> 2030 2031 2032 2033 2034 2035 2036 2037 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2038 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/box-sets-bundles"> 2039 Box Sets & Bundles 2040 </a> 2041 </li> 2042 2043 2044 </div> 2045 </div> 2046 2047 2048 2049 2050 2051 2052<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div> 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 <div x-data="{ expanded: false }"> 2065 <button 2066 @click="expanded = !expanded" 2067 :aria-expanded="expanded" 2068 class="nav-drawer__tier-2__item flex items-center w-full relative" 2069 2070 > 2071 <span class="text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Genre</span> 2072 2073 2074 2075<div class="w-1em h-1em absolute right-0"> 2076 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 2087 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 2088 </svg> 2089 2090 2091</span> 2092</div> 2093 </button> 2094 <div class="details-content pb-sm-xs overflow-hidden" x-show="expanded" x-collapse> 2095 2096 2097 2098 2099 2100 2101 2102 2103<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
2103pace flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/pages/genre"> 2104 <span>Alle Genre</span> 2105 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 2117 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 2118 </svg> 2119 2120 2121 2122 </div> 2123</a> 2124 2125 2126 2127 2128 2129 2130 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2131 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/pop"> 2132 Pop 2133 </a> 2134 </li> 2135 2136 2137 2138 2139 2140 2141 2142 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2143 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/hip-hop"> 2144 Hip-Hop 2145 </a> 2146 </li> 2147 2148 2149 2150 2151 2152 2153 2154 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2155 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/rock-metal"> 2156 Rock 2157 </a> 2158 </li> 2159 2160 2161 2162 2163 2164 2165 2166 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2167 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/rnb-funk-soul"> 2168 R&B 2169 </a> 2170 </li> 2171 2172 2173 2174 2175 2176 2177 2178 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2179 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/klassische-musik"> 2180 Klassik 2181 </a> 2182 </li> 2183 2184 2185 2186 2187 2188 2189 2190 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2191 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/jazz"> 2192 Jazz 2193 </a> 2194 </li> 2195 2196 2197 2198 2199 2200 2201 2202 <li class="nav-drawer__tier-3__item flex items-center w-full relative"> 2203 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/collections/indie"> 2204 Indie 2205 </a> 2206 </li> 2207 2208 2209 </div> 2210 </div> 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm"> 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259
2260<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 2261 2262 <a href="/collections/rock-special" class="h-full" aria-label="Rock Special"> 2263 2264 <div class="flex flex-col gap-sm-xs relative h-full"> 2265 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281<img src="//thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&width=400" alt="Rock Special" srcset="//thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&width=100 100w, //thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&width=300 300w, //thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 2282 2283 2284 2285 </div> 2286 2287 2288 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Rock Special</h4> 2289 2290 2291 </div> 2292 2293 2294 </a> 2295 2296</div> 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 2325 2326 <a href="/collections/upcoming-release-radar" class="h-full" aria-label="Release Radar"> 2327 2328 <div class="flex flex-col gap-sm-xs relative h-full"> 2329 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345<img src="//thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&width=400" alt="Release Radar" srcset="//thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&width=100 100w, //thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&width=300 300w, //thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 2346 2347 2348 2349 </div> 2350 2351 2352 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Release Radar</h4> 2353 2354 2355 </div> 2356 2357 2358 </a> 2359 2360</div> 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 2388 2389 <a href="/collections/acoustic-sounds-series" class="h-full" aria-label="Acoustic Sounds Series"> 2390 2391 <div class="flex flex-col gap-sm-xs relative h-full"> 2392 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408<img src="//thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&width=400" alt="Acoustic Sounds Series" srcset="//thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&width=100 100w, //thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&width=300 300w, //thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&width=400 400w" width="400" height="189" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 2409 2410 2411 2412 </div> 2413 2414 2415 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Acoustic Sounds Series</h4> 2416 2417 2418 </div> 2419 2420 2421 </a> 2422 2423</div> 2424 2425 2426 2427 2428</div> 2429 2430 </div> 2431 </div> 2432 2433 2434 2435<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div> 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 2447 2448 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 2449 <a class="text_navigation_lg w-full min-h-min-click-s
2449pace flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline" href="/collections/merchandise">Merch</a> 2450 </li> 2451 2452 2453 2454<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div> 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 <div x-data="{ expanded: false }"> 2468 <button 2469 @click="expanded = !expanded" 2470 :aria-expanded="expanded" 2471 class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base group child-active " 2472 2473 > 2474 <div class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">Magazin</div> 2475 2476 2477 2478<div class="w-1em h-1em absolute right-0 mr-lg-sm"> 2479 <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }"> 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 2490 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 2491 </svg> 2492 2493 2494</span> 2495</div> 2496 </button> 2497 <div class="nav-drawer__submenu overflow-hidden pb-sm-xs px-lg-sm" x-show="expanded" x-collapse> 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-space flex items-center gap-sm-xs py-0.8em justify-start text-left font_bolder" href="/pages/magazin"> 2518 <span>Alle Magazin</span> 2519 <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden> 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 2531 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 2532 </svg> 2533 2534 2535 2536 </div> 2537</a> 2538 2539 2540 2541 2542 2543 2544 2545 2546 <li class="flex items-center w-full relative group is-current-page "> 2547 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" aria-current href="/blogs/news" @click="open = false"> 2548 News 2549 </a> 2550 </li> 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 2562 2563 2564 <li class="flex items-center w-full relative"> 2565 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/blogs/platten" @click="open = false"> 2566 Releases 2567 </a> 2568 </li> 2569 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 <li class="flex items-center w-full relative"> 2583 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-s
2583pace flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/blogs/features" @click="open = false"> 2584 Features 2585 </a> 2586 </li> 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 <li class="flex items-center w-full relative"> 2601 <a class="nav-drawer__child-link text_navigation_sm w-full min-h-min-click-space flex items-center py-0.8em justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" href="/blogs/vinyl" @click="open = false"> 2602 Vinyl-Guide 2603 </a> 2604 </li> 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629<div class="mega-menu__promo-tiles flex gap-sm-md justify-start snap-x snap-mandatory overflow-x-auto scroll-smooth -mr-[var(--padding-lg-sm)] pr-lg-sm"> 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 2655 2656 <a href="/blogs/platten/zayn-konnakol-das-ornament-und-der-kern" class="h-full" aria-label="Zayn"> 2657 2658 <div class="flex flex-col gap-sm-xs relative h-full"> 2659 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675<img src="//thecircle.de/cdn/shop/files/zayn-header_600x_c507050c-19b7-409e-b13e-d400748d75f8.jpg?v=1777559646&width=400" alt="Zayn" srcset="//thecircle.de/cdn/shop/files/zayn-header_600x_c507050c-19b7-409e-b13e-d400748d75f8.jpg?v=1777559646&width=100 100w, //thecircle.de/cdn/shop/files/zayn-header_600x_c507050c-19b7-409e-b13e-d400748d75f8.jpg?v=1777559646&width=300 300w, //thecircle.de/cdn/shop/files/zayn-header_600x_c507050c-19b7-409e-b13e-d400748d75f8.jpg?v=1777559646&width=400 400w" width="400" height="240" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 2676 2677 2678 2679 </div> 2680 2681 2682 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Zayn</h4> 2683 2684 2685 </div> 2686 2687 2688 </a> 2689 2690</div> 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 2719 2720 <a href="/blogs/popkultur/1971-gewinnen-die-beatles-ihren-ersten-oscar-und-bleiben-fern" class="h-full" aria-label="The Beatles"> 2721 2722 <div class="flex flex-col gap-sm-xs relative h-full"> 2723 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739<img src="//thecircle.de/cdn/shop/files/beatles-header_1094ed8a-7467-4bdc-9ef1-dd5daaebc376.jpg?v=1776258247&width=400" alt="The Beatles" srcset="//thecircle.de/cdn/shop/files/beatles-header_1094ed8a-7467-4bdc-9ef1-dd5daaebc376.jpg?v=1776258247&width=100 100w, //thecircle.de/cdn/shop/files/beatles-header_1094ed8a-7467-4bdc-9ef1-dd5daaebc376.jpg?v=1776258247&width=300 300w, //thecircle.de/cdn/shop/files/beatles-header_1094ed8a-7467-4bdc-9ef1-dd5daaebc376.jpg?v=1776258247&width=400 400w" width="400" height="240" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 2740 2741 2742 2743 </div> 2744 2745 2746 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">The Beatles</h4> 2747 2748 2749 </div> 2750 2751 2752 </a> 2753 2754</div> 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col w-[80%] shrink-0 pb-sm-md snap-start"> 2782 2783 <a href="/blogs/popkultur/holly-humberstone-uber-liebe-selbstfindung-und-ihr-album-cruel-world" class="h-full" aria-label="Holly Humberstone"> 2784 2785 <div class="flex flex-col gap-sm-xs relative h-full"> 2786 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802<img src="//thecircle.de/cdn/shop/files/holly-humberstone-by-silken-weinberg-header.jpg?v=1775811920&width=400" alt="Holly Humberstone" srcset="//thecircle.de/cdn/shop/files/holly-humberstone-by-silken-weinberg-header.jpg?v=1775811920&width=100 100w, //thecircle.de/cdn/shop/files/holly-humberstone-by-silken-weinberg-header.jpg?v=1775811920&width=300 300w, //thecircle.de/cdn/shop/files/holly-humberstone-by-silken-weinberg-header.jpg?v=1775811920&width=400 400w" width="400" height="240" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 2803 2804 2805 2806 </div> 2807 2808 2809 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Holly Humberstone</h4> 2810 2811 2812 </div> 2813 2814 2815 </a> 2816 2817</div> 2818 2819 2820 2821 2822</div> 2823 2824 </div> 2825 </div> 2826 2827 2828 2829<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div> 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base"> 2843 <a class="text_navigation_lg w-full min-h-min-click-s
2843pace flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline" href="/collections/sale">Sale</a> 2844 </li> 2845 2846 2847 2848<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div> 2849 2850 </ul> 2851 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 2863 2864 2865 2866 2867 2868<ul class="my-sm-sm"> 2869 2870 2871 <li class="" > 2872 <a href="/account/login" class="text_navigation_sm w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline px-lg-sm c-text-content-base"> 2873 Anmeldung 2874 </a> 2875 </li> 2876 2877 2878 <li class="" > 2879 <a href="/account/register" class="text_navigation_sm w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg justify-start text-left active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline px-lg-sm c-text-content-base"> 2880 Benutzerkonto erstellen 2881 </a> 2882 </li> 2883 2884</ul> 2885 2886 2887 </div> 2888</div> 2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899<div class="header__column header__column--3 header__column--logo flex col-span-4 justify-center items-center" > 2900 <div x-ref="logoContainer" class="logo-container" > 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 <a href="/" class="logo-cntr block" style="--logo-width: 7.5rem;" title="The Circle"> 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 <picture class="image__adaptive "> 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957<source data-src="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=625" alt="The Circle Logo" srcset="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=100 100w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=300 300w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=400 400w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=500 500w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=600 600w" width="625" height="174" loading="eager" sizes="(min-width: 768px) 120px, 120px" media="(min-width: 760px)"> 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976<img src="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=427" alt="The Circle Logo" srcset="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=100 100w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=300 300w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=400 400w" width="427" height="119" loading="eager" sizes="(min-width: 768px) 120px, 120px" class="w-full object-cover image__responsive"> 2977 2978 2979 2980 </picture> 2981 2982 2983 2984 </a> 2985 </div> 2986</div> 2987 2988 2989 2990 2991 2992<div class="header__column header__column--4 header__column--actions flex col-span-4 justify-end items-center" > 2993 <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 3015 3016 3017 3018 3019 3020 3021 <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline" tabindex="-1"> 3022 3023 <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space"> 3024 3025 <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043 3044 3045<img src="//thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=625" alt="Icon Warenkorb" srcset="//thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=100 100w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=300 300w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=400 400w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=500 500w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=600 600w" width="625" height="625" loading="eager" sizes="50px" class=" 3046 icon icon--cart umg-icon 3047 image__responsive"> 3048 3049 3050 3051 3052 </div>
3053 <span class="sr-only">Warenkorb</span> 3054 3055 <div id="header-cart-count" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div> 3056 3057 </a> 3058 3059 </cart-drawer-toggle-button> 3060 3061 3062 3063 </div> 3064</div> 3065 3066 3067 3068 </div> 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079</div> 3080 3081<style> #shopify-section-sections--30086938427779__header .actions-container {flex-wrap: nowrap;} </style></header><header id="shopify-section-sections--30086938427779__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid"><style> 3082 #shopify-section-sections--30086938427779__header-md { 3083 position: sticky;top: 0;z-index: 999997; 3084 width: 100%; 3085 } 3086 </style> 3087
3087<script>document.getElementById('shopify-section-sections--30086938427779__header-md').classList.add('umg-sticky', 'transition-[transform]')</script>
3087 3088 3089 3090 3091 3092 3093<div id="header__wrapper--md" class="header__wrapper header__wrapper--md scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mb-none border-default-width c-border-transparent border-x-0 border-t-0" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.5rem; --icon-height: 1.5rem; "> 3094 <div id="header__container--md" class="header__container header__container--md grid gap-y-sm-sm gap-x-sm-sm grid-cols-7 section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-xs max-w-xl md:px-container-xs md:max-w-xl mx-auto text-center" > 3095 3096 3097 3098 3099<div class="header__column header__column--0 header__column--logo flex col-span-1 justify-start items-center" > 3100 <div x-ref="logoContainer" class="logo-container" > 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 <a href="/" class="logo-cntr block" style="--logo-width: 7.5rem;" title="The Circle"> 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 <picture class="image__adaptive "> 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157<source data-src="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=625" alt="The Circle Logo" srcset="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=100 100w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=300 300w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=400 400w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=500 500w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=600 600w" width="625" height="174" loading="eager" sizes="(min-width: 768px) 120px, 120px" media="(min-width: 760px)"> 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176<img src="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=427" alt="The Circle Logo" srcset="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=100 100w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=300 300w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&width=400 400w" width="427" height="119" loading="eager" sizes="(min-width: 768px) 120px, 120px" class="w-full object-cover image__responsive"> 3177 3178 3179 3180 </picture> 3181 3182 3183 3184 </a> 3185 </div> 3186</div> 3187 3188 3189 3190 3191 3192<div class="mega-menu flex items-center col-span-5" > 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211<div class="mega-menu w-full overscroll-contain" 3212 x-data="{ 3213 activeMenu: null, 3214 isOpen: false, 3215 close() { 3216 this.isOpen = false; 3217 this.activeMenu = null; 3218 }, 3219 handleKeydown(e) { 3220 if (e.key === 'Escape') { 3221 this.close() 3222 } 3223 } 3224 }" 3225 @keydown="handleKeydown($event)"> 3226 <nav class="mega-menu__nav" aria-label="Main"> 3227 <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-center justify-center" role="menubar"> 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 <li class="mega-menu__primary-item grow-0 " 3239 x-data="{ id: 'artists' }" 3240 role="none" 3241 3242 > 3243 <a 3244 3245 href="/pages/artists" 3246 3247 3248 :id="'button-' + id" 3249 class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3250 3251 > 3252 Artists 3253 3254 </a> 3255 3256 3257 </li> 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 <li class="mega-menu__primary-item grow-0 " 3269 x-data="{ id: 'music' }" 3270 role="none" 3271 3272 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 3273 3274 > 3275 <button 3276 3277 3278 :id="'button-' + id" 3279 class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:un
3279derline" 3280 3281 :aria-expanded="activeMenu === id ? 'true' : 'false'" 3282 aria-haspopup="true" 3283 :aria-controls="'dropdown-' + id" 3284 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 3285 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 3286 3287 > 3288 Music 3289 3290 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 3291 3292 3293 3294 3295 3296 3297 3298 3299 3300 3301 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 3302 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 3303 </svg> 3304 3305 3306 3307 </span> 3308 3309 </button> 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388<!-- append mega menu panel to header wrapper --> 3389<template x-teleport="#header__wrapper--md"> 3390 <div 3391 3392 class="mega-menu__submenu absolute top-[var(--header-md-height)] left-0 w-screen shadow-lg z-100 max-h-[calc(100vh-var(--header-md-height)-44px)] overflow-y-auto c-bg-background c-text-content-base" 3393 x-cloak 3394 x-show="activeMenu === id" 3395 x-trap.noscroll="activeMenu === id" 3396 role="region" 3397 :id="'panel-' + id" 3398 :aria-labelledby="'button-' + id" 3399 x-effect=" 3400 if (activeMenu === id) { 3401 $el.style.setProperty('--header-md-height', document.querySelector('#header__container--md')?.offsetHeight + 'px') 3402 } 3403 " 3404 @resize.window=" 3405 if (activeMenu === id) { 3406 $el.style.setProperty('--header-md-height', document.querySelector('#header__container--md')?.offsetHeight + 'px') 3407 } 3408 " 3409 x-transition:enter="transition ease-out duration-200" 3410 x-transition:enter-start="opacity-0 -translate-y-1" 3411 x-transition:enter-end="opacity-100 translate-y-0" 3412 x-transition:leave="transition ease-in duration-150" 3413 x-transition:leave-start="opacity-100 translate-y-0" 3414 x-transition:leave-end="opacity-0 -translate-y-1" 3415 @keydown.escape.prevent.stop="close()" 3416 @click.away="close()" 3417 > 3418 <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-xl px-container-xs flex justify-center items-start gap-sm-lg"> 3419 3420 3421 <div 3422 class="mega-menu__grid w-auto max-w-full min-w-[200px] grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] items-start justify-items-start min-w-[min(200px,20%)] gap-lg-md" 3423 role="presentation" 3424 > 3425 3426 3427 3428 3429 3430 3431 3432 3433 <div 3434 class="mega-menu__submenu-item flex items-center justify-center" 3435 role="presentation" 3436 > 3437 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 3438 <div class="mega-menu__submenu--header"> 3439 <a 3440 href="/collections/music" 3441 class="mega-menu__submenu-header--link text_navigation_md no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3442 role="menuitem" 3443 3444 :tabindex="activeMenu === id ? '0' : '-1'" 3445 @keydown.enter.prevent="window.location.href='/collections/music'" 3446 @keydown.space.prevent="window.location.href='/collections/music'" 3447 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 3448 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 3449 > 3450 Products 3451 </a> 3452 </div> 3453 3454 <ul 3455 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 3456 role="menu" 3457 aria-label="Menu für Products" 3458 > 3459 3460 3461 3462 3463 <li 3464 class="mega-menu__child-item flex " 3465 role="none" 3466 > 3467 <a 3468 href="/collections/music" 3469 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3470 role="menuitem" 3471 3472 :tabindex="activeMenu === id ? '0' : '-1'" 3473 @keydown.enter.prevent="window.location.href='/collections/music'" 3474 @keydown.space.prevent="window.location.href='/collections/music'" 3475 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3476 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3477 > 3478 New In 3479 </a> 3480 </li> 3481 3482 3483 3484 3485 <li 3486 class="mega-menu__child-item flex " 3487 role="none" 3488 > 3489 <a 3490 href="/collections/exclusive" 3491 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3492 role="menuitem" 3493 3494 :tabindex="activeMenu === id ? '0' : '-1'" 3495 @keydown.enter.prevent="window.location.href='/collections/exclusive'" 3496 @keydown.space.prevent="window.location.href='/collections/exclusive'" 3497 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3498 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3499 > 3500 Exclusive 3501 </a> 3502 </li> 3503 3504 3505 3506 3507 <li 3508 class="mega-menu__child-item flex " 3509 role="none" 3510 > 3511 <a 3512 href="https://thecircle.de/collections/music?sort_by=best-selling" 3513 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3514 role="menuitem" 3515 3516 :tabindex="activeMenu === id ? '0' : '-1'" 3517 @keydown.enter.prevent="window.location.href='https://thecircle.de/collections/music?sort_by=best-selling'" 3518 @keydown.space.prevent="window.location.href='https://thecircle.de/collections/music?sort_by=best-selling'" 3519 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3520 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3521 > 3522 Bestsellers 3523 </a> 3524 </li> 3525 3526 3527 3528 3529 <li 3530 class="mega-menu__child-item flex " 3531 role="none" 3532 > 3533 <a 3534 href="/collections/preorders" 3535 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3536 role="menuitem" 3537 3538 :tabindex="activeMenu === id ? '0' : '-1'" 3539 @keydown.enter.prevent="window.location.href='/collections/preorders'" 3540 @keydown.space.prevent="window.location.href='/collections/preorders'" 3541 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3542 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3543 > 3544 Pre-orders 3545 </a> 3546 </li> 3547 3548 3549 3550 3551 <li 3552 class="mega-menu__child-item flex " 3553 role="none" 3554 > 3555 <a 3556 href="/collections/signed" 3557 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3558 role="menuitem" 3559 3560 :tabindex="activeMenu === id ? '0' : '-1'" 3561 @keydown.enter.prevent="window.location.href='/collections/signed'" 3562 @keydown.space.prevent="window.location.href='/collections/signed'" 3563 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3564 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3565 > 3566 Signed Editions 3567 </a> 3568 </li> 3569 3570 3571 3572 3573 <li 3574 class="mega-menu__child-item flex " 3575 role="none" 3576 > 3577 <a 3578 href="/collections/box-sets-bundles" 3579 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3580 role="menuitem" 3581 3582 :tabindex="activeMenu === id ? '0' : '-1'" 3583 @keydown.enter.prevent="window.location.href='/collections/box-sets-bundles'" 3584 @keydown.space.prevent="window.location.href='/collections/box-sets-bundles'" 3585 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3586 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3587 > 3588 Box Sets & Bundles 3589 </a> 3590 </li> 3591 3592 <li 3593 class="mega-menu__child-item" 3594 role="none" 3595 > 3596 <a 3597 href="/collections/music" 3598 class="mega-menu__child-link mega-menu__child-link--view-all flex space-x-1 items-center text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3599 role="menuitem" 3600 :tabindex="activeMenu === id ? '0' : '-1'" 3601 @keydown.enter.prevent="window.location.href='/collections/music'" 3602 @keydown.space.prevent="window.location.href='/collections/music'" 3603 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 3604 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 3605 >
3606 <span>Alle</span> 3607 <span class="sr-only">Products</span> 3608 <span aria-hidden="true"> 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron w-0.8em h-0.8em -rotate-90" fill="currentColor"> 3619 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 3620 </svg> 3621 3622 3623</span> 3624 </a> 3625 </li> 3626 </ul> 3627 </div> 3628 </div> 3629 3630 3631 3632 3633 3634 3635 3636 3637 <div 3638 class="mega-menu__submenu-item flex items-center justify-center" 3639 role="presentation" 3640 > 3641 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 3642 <div class="mega-menu__submenu--header"> 3643 <a 3644 href="/pages/genre" 3645 class="mega-menu__submenu-header--link text_navigation_md no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3646 role="menuitem" 3647 3648 :tabindex="activeMenu === id ? '0' : '-1'" 3649 @keydown.enter.prevent="window.location.href='/pages/genre'" 3650 @keydown.space.prevent="window.location.href='/pages/genre'" 3651 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 3652 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 3653 > 3654 Genre 3655 </a> 3656 </div> 3657 3658 <ul 3659 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 3660 role="menu" 3661 aria-label="Menu für Genre" 3662 > 3663 3664 3665 3666 3667 <li 3668 class="mega-menu__child-item flex " 3669 role="none" 3670 > 3671 <a 3672 href="/collections/pop" 3673 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3674 role="menuitem" 3675 3676 :tabindex="activeMenu === id ? '0' : '-1'" 3677 @keydown.enter.prevent="window.location.href='/collections/pop'" 3678 @keydown.space.prevent="window.location.href='/collections/pop'" 3679 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3680 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3681 > 3682 Pop 3683 </a> 3684 </li> 3685 3686 3687 3688 3689 <li 3690 class="mega-menu__child-item flex " 3691 role="none" 3692 > 3693 <a 3694 href="/collections/hip-hop" 3695 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3696 role="menuitem" 3697 3698 :tabindex="activeMenu === id ? '0' : '-1'" 3699 @keydown.enter.prevent="window.location.href='/collections/hip-hop'" 3700 @keydown.space.prevent="window.location.href='/collections/hip-hop'" 3701 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3702 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3703 > 3704 Hip-Hop 3705 </a> 3706 </li> 3707 3708 3709 3710 3711 <li 3712 class="mega-menu__child-item flex " 3713 role="none" 3714 > 3715 <a 3716 href="/collections/rock-metal" 3717 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3718 role="menuitem" 3719 3720 :tabindex="activeMenu === id ? '0' : '-1'" 3721 @keydown.enter.prevent="window.location.href='/collections/rock-metal'" 3722 @keydown.space.prevent="window.location.href='/collections/rock-metal'" 3723 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3724 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3725 > 3726 Rock 3727 </a> 3728 </li> 3729 3730 3731 3732 3733 <li 3734 class="mega-menu__child-item flex " 3735 role="none" 3736 > 3737 <a 3738 href="/collections/rnb-funk-soul" 3739 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3740 role="menuitem" 3741 3742 :tabindex="activeMenu === id ? '0' : '-1'" 3743 @keydown.enter.prevent="window.location.href='/collections/rnb-funk-soul'" 3744 @keydown.space.prevent="window.location.href='/collections/rnb-funk-soul'" 3745 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3746 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3747 > 3748 R&B 3749 </a> 3750 </li> 3751 3752 3753 3754 3755 <li 3756 class="mega-menu__child-item flex " 3757 role="none" 3758 > 3759 <a 3760 href="/collections/klassische-musik" 3761 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3762 role="menuitem" 3763 3764 :tabindex="activeMenu === id ? '0' : '-1'" 3765 @keydown.enter.prevent="window.location.href='/collections/klassische-musik'" 3766 @keydown.space.prevent="window.location.href='/collections/klassische-musik'" 3767 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3768 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3769 > 3770 Klassik 3771 </a> 3772 </li> 3773 3774 3775 3776 3777 <li 3778 class="mega-menu__child-item flex " 3779 role="none" 3780 > 3781 <a 3782 href="/collections/jazz" 3783 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3784 role="menuitem" 3785 3786 :tabindex="activeMenu === id ? '0' : '-1'" 3787 @keydown.enter.prevent="window.location.href='/collections/jazz'" 3788 @keydown.space.prevent="window.location.href='/collections/jazz'" 3789 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3790 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3791 > 3792 Jazz 3793 </a> 3794 </li> 3795 3796 3797 3798 3799 <li 3800 class="mega-menu__child-item flex " 3801 role="none" 3802 > 3803 <a 3804 href="/collections/indie" 3805 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3806 role="menuitem" 3807 3808 :tabindex="activeMenu === id ? '0' : '-1'" 3809 @keydown.enter.prevent="window.location.href='/collections/indie'" 3810 @keydown.space.prevent="window.location.href='/collections/indie'" 3811 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 3812 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 3813 > 3814 Indie 3815 </a> 3816 </li> 3817 3818 <li 3819 class="mega-menu__child-item" 3820 role="none" 3821 > 3822 <a 3823 href="/pages/genre" 3824 class="mega-menu__child-link mega-menu__child-link--view-all flex space-x-1 items-center text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 3825 role="menuitem" 3826 :tabindex="activeMenu === id ? '0' : '-1'" 3827 @keydown.enter.prevent="window.location.href='/pages/genre'" 3828 @keydown.space.prevent="window.location.href='/pages/genre'" 3829 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 3830 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 3831 >
3832 <span>Alle</span> 3833 <span class="sr-only">Genre</span> 3834 <span aria-hidden="true"> 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron w-0.8em h-0.8em -rotate-90" fill="currentColor"> 3845 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 3846 </svg> 3847 3848 3849</span> 3850 </a> 3851 </li> 3852 </ul> 3853 </div> 3854 </div> 3855 3856 3857 3858 3859 3860 3861 3862 3863 </div> 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 3878 3879 3880<div class="mega-menu__promo-tiles flex gap-sm-md flex-row justify-center min-w-[60%]"> 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col md:w-1/3"> 3906 3907 <a href="/collections/rock-special" class="h-full" aria-label="Rock Special"> 3908 3909 <div class="flex flex-col gap-sm-xs relative h-full"> 3910 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926<img src="//thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&width=400" alt="Rock Special" srcset="//thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&width=100 100w, //thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&width=300 300w, //thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 3927 3928 3929 3930 </div> 3931 3932 3933 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Rock Special</h4> 3934 3935 3936 </div> 3937 3938 3939 </a> 3940 3941</div> 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967 3968 3969<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col md:w-1/3"> 3970 3971 <a href="/collections/upcoming-release-radar" class="h-full" aria-label="Release Radar"> 3972 3973 <div class="flex flex-col gap-sm-xs relative h-full"> 3974 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986 3987 3988 3989 3990<img src="//thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&width=400" alt="Release Radar" srcset="//thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&width=100 100w, //thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&width=300 300w, //thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&width=400 400w" width="400" height="400" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 3991 3992 3993 3994 </div> 3995 3996 3997 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Release Radar</h4> 3998 3999 4000 </div> 4001 4002 4003 </a> 4004 4005</div> 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col md:w-1/3"> 4033 4034 <a href="/collections/acoustic-sounds-series" class="h-full" aria-label="Acoustic Sounds Series"> 4035 4036 <div class="flex flex-col gap-sm-xs relative h-full"> 4037 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 4038 4039 4040 4041 4042 4043 4044 4045 4046 4047 4048 4049 4050 4051 4052 4053<img src="//thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&width=400" alt="Acoustic Sounds Series" srcset="//thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&width=100 100w, //thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&width=300 300w, //thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&width=400 400w" width="400" height="189" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 4054 4055 4056 4057 </div> 4058 4059 4060 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Acoustic Sounds Series</h4> 4061 4062 4063 </div> 4064 4065 4066 </a> 4067 4068</div> 4069 4070 4071 4072 4073</div> 4074 4075 </div> 4076 </div> 4077</template> 4078 4079 4080 4081 4082 4083 4084 </li> 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 <li class="mega-menu__primary-item grow-0 " 4096 x-data="{ id: 'merch' }" 4097 role="none" 4098 4099 > 4100 <a 4101 4102 href="/collections/merchandise" 4103 4104 4105 :id="'button-' + id" 4106 class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4107 4108 > 4109 Merch 4110 4111 </a> 4112 4113 4114 </li> 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 <li class="mega-menu__primary-item grow-0 group child-active" 4126 x-data="{ id: 'magazin' }" 4127 role="none" 4128 4129 @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }" 4130 4131 > 4132 <button 4133 4134 4135 :id="'button-' + id" 4136 class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu mega-menu__primary-link--active no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:un
4136derline" 4137 4138 :aria-expanded="activeMenu === id ? 'true' : 'false'" 4139 aria-haspopup="true" 4140 :aria-controls="'dropdown-' + id" 4141 @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()" 4142 @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()" 4143 4144 > 4145 Magazin 4146 4147 <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true"> 4148 4149 4150 4151 4152 4153 4154 4155 4156 4157 4158 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 4159 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 4160 </svg> 4161 4162 4163 4164 </span> 4165 4166 </button> 4167 4168 4169 4170 4171 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 4202 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 4219 4220 4221 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 4245 4246 4247<!-- append mega menu panel to header wrapper --> 4248<template x-teleport="#header__wrapper--md"> 4249 <div 4250 4251 class="mega-menu__submenu absolute top-[var(--header-md-height)] left-0 w-screen shadow-lg z-100 max-h-[calc(100vh-var(--header-md-height)-44px)] overflow-y-auto c-bg-background c-text-content-base" 4252 x-cloak 4253 x-show="activeMenu === id" 4254 x-trap.noscroll="activeMenu === id" 4255 role="region" 4256 :id="'panel-' + id" 4257 :aria-labelledby="'button-' + id" 4258 x-effect=" 4259 if (activeMenu === id) { 4260 $el.style.setProperty('--header-md-height', document.querySelector('#header__container--md')?.offsetHeight + 'px') 4261 } 4262 " 4263 @resize.window=" 4264 if (activeMenu === id) { 4265 $el.style.setProperty('--header-md-height', document.querySelector('#header__container--md')?.offsetHeight + 'px') 4266 } 4267 " 4268 x-transition:enter="transition ease-out duration-200" 4269 x-transition:enter-start="opacity-0 -translate-y-1" 4270 x-transition:enter-end="opacity-100 translate-y-0" 4271 x-transition:leave="transition ease-in duration-150" 4272 x-transition:leave-start="opacity-100 translate-y-0" 4273 x-transition:leave-end="opacity-0 -translate-y-1" 4274 @keydown.escape.prevent.stop="close()" 4275 @click.away="close()" 4276 > 4277 <div class="mega-menu__submenu-container container mx-auto py-8 w-full max-w-xl px-container-xs flex justify-center items-start gap-sm-lg"> 4278 4279 4280 <div 4281 class="mega-menu__grid w-auto max-w-full min-w-[200px] grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] items-start justify-items-start min-w-[min(200px,20%)] gap-lg-md" 4282 role="presentation" 4283 > 4284 4285 4286 4287 4288 4289 4290 4291 4292 <div 4293 class="mega-menu__submenu-item flex items-center justify-center" 4294 role="presentation" 4295 > 4296 <div class="mega-menu__submenu-content flex flex-col items-start gap-sm-sm"> 4297 <div class="mega-menu__submenu--header"> 4298 <a 4299 href="/pages/magazin" 4300 class="mega-menu__submenu-header--link text_navigation_md no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4301 role="menuitem" 4302 4303 :tabindex="activeMenu === id ? '0' : '-1'" 4304 @keydown.enter.prevent="window.location.href='/pages/magazin'" 4305 @keydown.space.prevent="window.location.href='/pages/magazin'" 4306 @keydown.arrow-down.prevent="$event.target.nextElementSibling?.querySelector('a')?.focus()" 4307 @keydown.arrow-up.prevent="$event.target.closest('.mega-menu__submenu-content').previousElementSibling?.querySelector('a')?.focus() || $el.querySelector('[role=menuitem]:last-child')?.focus()" 4308 > 4309 The Circle Mag 4310 </a> 4311 </div> 4312 4313 <ul 4314 class="mega-menu__child-list flex flex-col items-start gap-sm-sm" 4315 role="menu" 4316 aria-label="Menu für The Circle Mag" 4317 > 4318 4319 4320 4321 4322 <li 4323 class="mega-menu__child-item flex group is-current-page " 4324 role="none" 4325 > 4326 <a 4327 href="/blogs/news" 4328 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4329 role="menuitem" 4330 aria-current 4331 :tabindex="activeMenu === id ? '0' : '-1'" 4332 @keydown.enter.prevent="window.location.href='/blogs/news'" 4333 @keydown.space.prevent="window.location.href='/blogs/news'" 4334 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 4335 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 4336 > 4337 News 4338 </a> 4339 </li> 4340 4341 4342 4343 4344 <li 4345 class="mega-menu__child-item flex " 4346 role="none" 4347 > 4348 <a 4349 href="/blogs/platten" 4350 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4351 role="menuitem" 4352 4353 :tabindex="activeMenu === id ? '0' : '-1'" 4354 @keydown.enter.prevent="window.location.href='/blogs/platten'" 4355 @keydown.space.prevent="window.location.href='/blogs/platten'" 4356 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 4357 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 4358 > 4359 Releases 4360 </a> 4361 </li> 4362 4363 4364 4365 4366 <li 4367 class="mega-menu__child-item flex " 4368 role="none" 4369 > 4370 <a 4371 href="/blogs/features" 4372 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4373 role="menuitem" 4374 4375 :tabindex="activeMenu === id ? '0' : '-1'" 4376 @keydown.enter.prevent="window.location.href='/blogs/features'" 4377 @keydown.space.prevent="window.location.href='/blogs/features'" 4378 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 4379 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 4380 > 4381 Features 4382 </a> 4383 </li> 4384 4385 4386 4387 4388 <li 4389 class="mega-menu__child-item flex " 4390 role="none" 4391 > 4392 <a 4393 href="/blogs/vinyl" 4394 class="mega-menu__child-link text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4395 role="menuitem" 4396 4397 :tabindex="activeMenu === id ? '0' : '-1'" 4398 @keydown.enter.prevent="window.location.href='/blogs/vinyl'" 4399 @keydown.space.prevent="window.location.href='/blogs/vinyl'" 4400 @keydown.arrow-down.prevent="$event.target.closest('li').nextElementSibling?.querySelector('a')?.focus()" 4401 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus() || $event.target.closest('.mega-menu__child-list').previousElementSibling?.focus()" 4402 > 4403 Vinyl-Guide 4404 </a> 4405 </li> 4406 4407 <li 4408 class="mega-menu__child-item" 4409 role="none" 4410 > 4411 <a 4412 href="/pages/magazin" 4413 class="mega-menu__child-link mega-menu__child-link--view-all flex space-x-1 items-center text_navigation_sm mega-menu__submenu-link no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4414 role="menuitem" 4415 :tabindex="activeMenu === id ? '0' : '-1'" 4416 @keydown.enter.prevent="window.location.href='/pages/magazin'" 4417 @keydown.space.prevent="window.location.href='/pages/magazin'" 4418 @keydown.arrow-down.prevent="$event.target.closest('.mega-menu__submenu-content').nextElementSibling?.querySelector('a')?.focus()" 4419 @keydown.arrow-up.prevent="$event.target.closest('li').previousElementSibling?.querySelector('a')?.focus()" 4420 >
4421 <span>Alle</span> 4422 <span class="sr-only">The Circle Mag</span> 4423 <span aria-hidden="true"> 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron w-0.8em h-0.8em -rotate-90" fill="currentColor"> 4434 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 4435 </svg> 4436 4437 4438</span> 4439 </a> 4440 </li> 4441 </ul> 4442 </div> 4443 </div> 4444 4445 4446 4447 4448 4449 4450 4451 4452 </div> 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469<div class="mega-menu__promo-tiles flex gap-sm-md flex-row justify-center min-w-[60%]"> 4470 4471 4472 4473 4474 4475 4476 4477 4478 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492 4493 4494<div key="promo-tile-1" class="promo-tile__items-vertical relative flex flex-col md:w-1/3"> 4495 4496 <a href="https://thecircle.de/blogs/platten/review-sam-smiths-hazel-eyes-ist-ein-wunderschoner-liebesbrief-an-new-york-city" class="h-full" aria-label="Sam Smith"> 4497 4498 <div class="flex flex-col gap-sm-xs relative h-full"> 4499 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 4500 4501 4502 4503 4504 4505 4506 4507 4508 4509 4510 4511 4512 4513 4514 4515<img src="//thecircle.de/cdn/shop/files/Sam_Smith_Credit_Khali_Ackford-HEADER.jpg?v=1787311114&width=400" srcset="//thecircle.de/cdn/shop/files/Sam_Smith_Credit_Khali_Ackford-HEADER.jpg?v=1787311114&width=100 100w, //thecircle.de/cdn/shop/files/Sam_Smith_Credit_Khali_Ackford-HEADER.jpg?v=1787311114&width=300 300w, //thecircle.de/cdn/shop/files/Sam_Smith_Credit_Khali_Ackford-HEADER.jpg?v=1787311114&width=400 400w" width="400" height="240" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 4516 4517 4518 4519 </div> 4520 4521 4522 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Sam Smith</h4> 4523 4524 4525 </div> 4526 4527 4528 </a> 4529 4530</div> 4531 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558<div key="promo-tile-2" class="promo-tile__items-vertical relative flex flex-col md:w-1/3"> 4559 4560 <a href="https://thecircle.de/blogs/features/interview-mit-the-warning-wir-alle-fallen-jeden-einzelnen-tag" class="h-full" aria-label="The Warning"> 4561 4562 <div class="flex flex-col gap-sm-xs relative h-full"> 4563 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 4564 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 4579<img src="//thecircle.de/cdn/shop/files/TheWarning_BrianZiff.jpg?v=1787908386&width=400" srcset="//thecircle.de/cdn/shop/files/TheWarning_BrianZiff.jpg?v=1787908386&width=100 100w, //thecircle.de/cdn/shop/files/TheWarning_BrianZiff.jpg?v=1787908386&width=300 300w, //thecircle.de/cdn/shop/files/TheWarning_BrianZiff.jpg?v=1787908386&width=400 400w" width="400" height="240" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 4580 4581 4582 4583 </div> 4584 4585 4586 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">The Warning</h4> 4587 4588 4589 </div> 4590 4591 4592 </a> 4593 4594</div> 4595 4596 4597 4598 4599 4600 4601 4602 4603 4604 4605 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621<div key="promo-tile-3" class="promo-tile__items-vertical relative flex flex-col md:w-1/3"> 4622 4623 <a href="https://thecircle.de/blogs/platten/review-sam-tompkins-tanzt-auf-are-we-gonna-sing-mit-dem-tod" class="h-full" aria-label="Sam Tompkins"> 4624 4625 <div class="flex flex-col gap-sm-xs relative h-full"> 4626 <div class="promo__image relative overflow-hidden h-0 pb-[100%]"> 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 4639 4640 4641 4642<img src="//thecircle.de/cdn/shop/files/sam-tompkins-willbeach__-image-1-1.jpg?v=1783692963&width=400" srcset="//thecircle.de/cdn/shop/files/sam-tompkins-willbeach__-image-1-1.jpg?v=1783692963&width=100 100w, //thecircle.de/cdn/shop/files/sam-tompkins-willbeach__-image-1-1.jpg?v=1783692963&width=300 300w, //thecircle.de/cdn/shop/files/sam-tompkins-willbeach__-image-1-1.jpg?v=1783692963&width=400 400w" width="400" height="240" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 33vw, (min-width: 1024px) 100rem, (min-width: 760px) 33rem, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> 4643 4644 4645 4646 </div> 4647 4648 4649 <h4 class="promo__title promo__text c-text-content-heading text_navigation_sm text-left">Sam Tompkins</h4> 4650 4651 4652 </div> 4653 4654 4655 </a> 4656 4657</div> 4658 4659 4660 4661 4662</div> 4663 4664 </div> 4665 </div> 4666</template> 4667 4668 4669 4670 4671 4672 4673 </li> 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 <li class="mega-menu__primary-item grow-0 " 4685 x-data="{ id: 'win-zone' }" 4686 role="none" 4687 4688 > 4689 <a 4690 4691 href="/pages/gewinnspiele-und-aktionen" 4692 4693 4694 :id="'button-' + id" 4695 class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4696 4697 > 4698 Win Zone 4699 4700 </a> 4701 4702 4703 </li> 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 <li class="mega-menu__primary-item grow-0 " 4715 x-data="{ id: 'sale' }" 4716 role="none" 4717 4718 > 4719 <a 4720 4721 href="/collections/sale" 4722 4723 4724 :id="'button-' + id" 4725 class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs no-underline hover:underline decoration-[var(--border-default-width)] underline-offset-[4px] active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px]" 4726 4727 > 4728 Sale
4729 4730 </a> 4731 4732 4733 </li> 4734 4735 </ul> 4736 </nav> 4737 4738 <template x-teleport="#header__wrapper--md"> 4739 <button 4740 class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1" 4741 x-cloak 4742 x-show="activeMenu" 4743 x-transition.opacity 4744 aria-hidden="true" 4745 tabindex="-1" 4746 @click="close()"> 4747 <span class="sr-only">Navigationsmenü schlieÃen</span> 4748 </button> 4749 </template> 4750</div> 4751</div> 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762<div class="header__column header__column--4 header__column--actions flex col-span-1 justify-end items-center" > 4763 <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> 4764 4765 4766 4767 4768 4769 4770<button class="header__action header__action--account-link text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" tabindex="-1"> 4771 <a href="/account" class="flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space"> 4772 4773 <div class="icon-wrapper"> 4774 4775 4776 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 4792 4793<img src="//thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&width=625" alt="Icon Kundenaccount" srcset="//thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&width=100 100w, //thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&width=300 300w, //thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&width=400 400w, //thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&width=500 500w, //thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&width=600 600w" width="625" height="625" loading="eager" sizes="50px" class=" 4794 icon icon--user umg-icon 4795 image__responsive"> 4796 4797 4798 4799 4800 <span class="sr-only">Konto</span> 4801 </div> 4802 4803 </a> 4804</button> 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" tabindex="-1"> 4832 4833 <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space"> 4834 4835 <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855<img src="//thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=625" alt="Icon Warenkorb" srcset="//thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=100 100w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=300 300w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=400 400w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=500 500w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&width=600 600w" width="625" height="625" loading="eager" sizes="50px" class=" 4856 icon icon--cart umg-icon 4857 image__responsive"> 4858 4859 4860 4861 4862 </div> 4863 <span class="sr-only">Warenkorb</span> 4864 4865 <div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div> 4866 4867 </a> 4868 4869 </cart-drawer-toggle-button> 4870 4871 4872 4873 </div> 4874</div> 4875 4876 4877 4878 </div> 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888</div> 4889 4890<style> #shopify-section-sections--30086938427779__header-md .actions-container {flex-wrap: nowrap;} </style></header><aside id="shopify-section-sections--30086938427779__global-messaging" class="shopify-section shopify-section-group-header-group global-messaging"></aside><aside id="shopify-section-sections--30086938427779__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects"> 4891 4892 4893 4894</aside><section id="shopify-section-sections--30086938427779__17238115445d6d428a" class="shopify-section shopify-section-group-header-group apps"> 4895 4896 4897 4898 4899 4900 4901 4902 4903 4904 4905 4906 4907 4908 4909 <div class="apps__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 4910 <div class="apps__spacing section-spacing mx-auto w-full relative z-10 py-none px-none max-w-2xs md:px-none md:max-w-2xs"> 4911 <div class="apps__container section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none"> 4912 <div class="flex flex-col space-y-8"></div> 4913 </div> 4914 </div> 4915 </div> 4916 4917 4918 4919 4920 4921 4922 4923</section><aside id="shopify-section-sections--30086938427779__breadcrumbs_LEYiHY" class="shopify-section shopify-section-group-header-group breadcrumbs"> 4924 4925 4926 4927 4928 4929<aside class="breadcrumbs__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
4930 <div class="breadcrumbs__spacing section-spacing mx-auto w-full relative z-10 py-container-2xs px-lg-xs max-w-xl md:px-container-xs md:max-w-xl"> 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 4941 4942 4943 4944<nav class="breadcrumb-nav text_body_xs c-text-content-base" role="navigation" aria-label="Semmelbrösel"> 4945 <a href="/" title="Zur Startseite" class="underline hover:no-underline c-text-content-emphasis">Startseite</a> 4946 4947 4948 <span aria-hidden="true">›</span> 4949 <span>Druckfrisch: Dein News-Update für all things Music und Vinyl ist hier</span> 4950 4951 4952</nav> 4953 </div> 4954</aside> 4955 4956</aside><aside id="shopify-section-sections--30086938427779__divider_TKhRC9" class="shopify-section shopify-section-group-header-group divider"> 4957 4958 4959 4960<div class="divider border-b-0 border-x-0 border-default-width mx-auto max-w-default rounded-full c-border-transparent"></div> 4961 4962</aside><section id="shopify-section-sections--30086938427779__developer_BBpRXR" class="shopify-section shopify-section-group-header-group developer"><!--BEGIN QUALTRICS WEBSITE FEEDBACK SNIPPET--> 4963
4964<script type='text/javascript'> 4965 4966(function(){var g=function(g){ 4967 4968this.go=function(){var a=document.createElement("script");a.type="text/javascript";a.src=g;document.body&&document.body.appendChild(a)}; 4969 4970this.start=function(){var t=this;"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",function(){t.go()},!1):window.attachEvent&&window.attachEvent("onload",function(){t.go()}):t.go()};}; 4971 4972try{(new g("https://zn1gu3urixecv4w74-umusic.siteintercept.qualtrics.com/SIE/?Q_ZID=ZN_1gu3URIxecV4W74")).start()}catch(i){}})(); 4973 4974</script>
4974<div id='ZN_1gu3URIxecV4W74'><!--DO NOT REMOVE-CONTENTS PLACED HERE--></div> 4975 4976<!--END WEBSITE FEEDBACK SNIPPET--> 4977 4978</section> 4979<!-- END sections: header-group --><cart-drawer hidden id="cart-drawer" class="cart-drawer fixed z-[1000002] top-0 max-w-11/12 h-full w-full md:max-w-xs motion-safe:animate-none right-0 translate-x-full transition-transform duration-300 ease-in-out"> 4980 4981 4982 4983 4984 4985 4986 4987 4988 4989 4990 4991 4992 4993 4994 4995 4996 4997 4998 4999 5000 5001 <style> 5002 .cart-drawer.active { 5003 transform: translateX(0); 5004 } 5005 </style> 5006 <div class="cart-drawer__innerwrapper grid grid-rows-[auto_1fr_auto] h-full overflow-y-scroll overscroll-x-contain cart-drawer--empty section__container grid py-none px-none md:px-none gap-y-sm-md c-bg-background c-text-content-base border-none c-border-surface rounded-md shadow-none rounded-tr-none rounded-br-none border-r-0"> 5007 <div class="cart-drawer__header flex justify-between items-start px-sm-xs pt-sm-2xs"> 5008 5009 <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs"> 5010 <span class="sr-only">Warenkorb schlieÃen</span> 5011 5012 5013 5014 5015 5016 5017 5018 5019 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> 5020 <path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/> 5021 </svg> 5022 5023 5024 </button> 5025 </div> 5026 5027 <div class="cart-drawer__main grow flex flex-col items-stretch px-sm-xs" id="cart-drawer-main"> 5028 5029 5030 5031 5032 <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg"> 5033 5034 <h4 class="cart__empty-title text_heading_lg">Dein Warenkorb ist leer</h4> 5035 <p class="cart__empty-message text_body">Zeit, deinen Warenkorb zu füllen</p> 5036 5037 <cart-drawer-toggle-button class="cart__empty-action" tabindex="0"> 5038 5039 5040 <button class="btn btn--primary block z-10 relative">Weiter Einkaufen</button> 5041 </cart-drawer-toggle-button> 5042 </div> 5043 </div> 5044 5045 </div> 5046 5047 5048 5049 5050</cart-drawer><main id="MainContent" role="main" class="z-10 grow"><section id="shopify-section-template--30086934593923__hero_banner_7a8bg7" class="shopify-section hero-banner"> 5051 5052 5053 5054 5055 5056 5057 5058 5059 5060 5061 5062 5063 5064 5065 5066 5067 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 5079 5080 5081 5082 <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 5083 <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none"> 5084 <div class="wrapper-container w-full section__container grid py-container-xs px-none md:px-none gap-y-none rounded-md shadow-none"> 5085 <div class="section-container-gap grid gap-y-lg-sm"><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-xl md:px-none md:max-w-xl"> 5086 <div class="section__container grid py-none px-none md:px-none gap-y-lg-sm border-none c-border-transparent rounded-none shadow-none"> 5087 <div id="hero-template--30086934593923__hero_banner_7a8bg7" class="hero-banner__wrapper overflow-hidden flex flex-col relative w-full scheme-scheme1"> 5088 5089 5090 5091 5092 5093 5094 5095 5096 5097 5098 5099 5100 5101 5102 5103 <div key="image_banner_RGd3EA" class="flex" data-items-element="swiper-slide" x-data="{ videoPlaying: false, open: false }"> 5104 5105 <div 5106 key="image_banner_RGd3EA" 5107 class="relative w-full banner-container" 5108 5109 > 5110 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 5128 5129<div class="hero-media-container hero-media-container-image flex w-full"> 5130 <div class="hero-media-image-container grid grid-cols-1 grid-rows-1 w-full h-full"> 5131 <div class="hero-media-image col-start-1 row-start-1 md:h-auto md:pb-0"> 5132 5133 5134 5135 5136 5137 5138 <picture class="image__adaptive w-full h-full object-cover "> 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 5154 5155<source data-src="//thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=1500" srcset="//thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=100 100w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=300 300w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=400 400w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=500 500w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=600 600w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=800 800w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=1200 1200w" width="1500" height="540" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 100vw, (min-width: 1024px) 100rem, (min-width: 760px) 100rem, (max-width: 759px) 100vw," media="(min-width: 760px)"> 5156 5157 5158 5159 5160 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 5174<img src="//thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=900" srcset="//thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=100 100w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=300 300w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=400 400w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=500 500w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=600 600w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&width=800 800w" width="900" height="324" loading="eager" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 100vw, (min-width: 1024px) 100rem, (min-width: 760px) 100rem, (max-width: 759px) 100vw," class="w-full h-full object-cover image__responsive"> 5175 5176 5177 5178 </picture> 5179 5180</div> 5181 </div> 5182</div> 5183 5184 5185 5186 5187 5188 5189 5190 5191 5192 5193 5194 5195 5196 5197 5198<div 5199 class="absolute z-10 top-0 left-0 w-full h-full banner__fg pointer-events-none" 5200 5201> 5202 <div class="hero-banner__content w-[var(--width)] md:w-[var(--width--md)] left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] absolute -translate-x-2/4 -translate-y-2/4 scheme-scheme1" style="--width: 80%; --width--md: 50%; --pos-x: 50%; --pos-x--md: 50%; --pos-y: 50%; --pos-y--md: 50%;"> 5203 <div class="relative flex flex-col items-center md:items-center text-center md:text-center"> 5204 5205 5206 5207 5208 5209 5210 5211 5212 5213 5214 5215 5216 <div class="flex flex-col items-start md:items-center mt-lg-md md:flex-row gap-sm-sm justify-center md:justify-center"> 5217 5218 5219 5220 5221 5222 5223 5224 5225 5226 5227 5228 5229 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 5241 5242 </div> 5243 5244 5245 5246 5247 </div> 5248 </div> 5249</div> 5250 5251 5252 5253 </div> 5254 5255 </div> 5256 5257 5258 5259 </div> 5260</div> 5261 </div></div> 5262 </div> 5263 </div> 5264 5265 5266 </div> 5267 5268 5269 5270 5271 5272 5273 5274</section><section id="shopify-section-template--30086934593923__text_banner_Y6KQFr" class="shopify-section text-banner"> 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 5293 5294 <div class="text-banner__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden c-bg-background c-text-content-base"> 5295 <div class="text-banner__spacing section-spacing mx-auto w-full relative z-10 py-container-2xs px-lg-xs max-w-xl md:px-container-xs md:max-w-xl"> 5296 <div class="text-banner__container section__container grid py-container-xs px-none md:px-none gap-y-lg-sm border-none c-border-gray-500 rounded-none shadow-none"> 5297 <div class="flex flex-col space-y-8"> 5298 5299 5300 5301 5302 5303 5304 5305 5306 5307 5308 5309 5310 5311 5312 5313 5314 5315 5316 5317 5318 5319 5320 5321 5322 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332<div class="media-item media-item-seo-text py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start gap-sm-md"> 5333 <div class="flex flex-col items-start md:items-start text-left md:text-left left"> 5334 5335 5336 5337 </div> 5338 5339</div> 5340 5341 5342 5343 5344 </div> 5345 </div> 5346 </div> 5347 5348 5349 5350 5351 5352 </div> 5353 5354 5355 5356 5357 5358 5359 5360</section><section id="shopify-section-template--30086934593923__text_banner_6HAUD3" class="shopify-section text-banner"> 5361 5362 5363 5364 5365 5366 5367 5368 5369 5370 5371 5372 5373 5374 5375 5376 5377 5378 5379 5380 <div class="text-banner__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 5381 <div class="text-banner__spacing section-spacing mx-auto w-full relative z-10 py-container-2xs px-lg-xs max-w-xl md:px-container-xs md:max-w-xl"> 5382 <div class="text-banner__container section__container grid py-container-xs px-none md:px-none gap-y-lg-sm border-none c-border-gray-500 rounded-none shadow-none"> 5383 <div class="flex flex-col space-y-8"> 5384 5385 5386 5387 5388 5389 5390 5391 5392 5393 5394 5395 5396 5397 5398 5399 5400 5401 5402 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413 5414 5415 5416 5417 5418<div class="media-item media-item-seo-text py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start gap-sm-md"> 5419 <div class="flex flex-col items-start md:items-start text-left md:text-left left"><span class="c-text-content-subtle default">The Circle Mag</span> 5420 5421 <h2 class="c-text-content-emphasis text_heading_2xl">Aktuelle Musik-News</h2> 5422 5423 5424 5425 <div class="rte max-w-full text_body_sm"> 5426 5427 5428 5429 <p>Wer arbeitet gerade an einem neuen Album? Welche Bands gehen im Sommer auf Tour? Wir halten dich auf dem Laufenden zu den wichtigsten News und Neuigkeiten aus der Musikwelt. Spannende Features, Ankündigungen neuer Tourneen und Releases und Facts aus der Welt der Musik gibt's tagesfrisch hier für dich!</p> 5430 5431 5432 </div> 5433 5434 </div> 5435 5436</div> 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 5449 5450 5451 5452 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 5465 5466 5467 5468 5469 5470 5471 5472 5473 5474<div class="media-item media-item-seo-text py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start gap-sm-md"> 5475 <div class="flex flex-col items-start md:items-start text-left md:text-left left"> 5476 5477 <h2 class="c-text-content-emphasis text_body_lg">Entdecke auch unsere anderen Themen:</h2> 5478 5479 5480 5481 </div> 5482 5483</div> 5484 5485 5486 5487 5488 </div> 5489 </div> 5490 </div> 5491 5492 5493 5494 5495 5496 </div> 5497 5498 5499 5500 5501 5502 5503 5504</section><section id="shopify-section-template--30086934593923__1738579449c8dcb7b2" class="shopify-section apps"> 5505 5506 5507 5508 5509 5510 5511 5512 5513 5514 5515 5516 5517 5518 5519 <div class="apps__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 5520 <div class="apps__spacing section-spacing mx-auto w-full relative z-10 py-container-2xs px-lg-xs max-w-xl md:px-container-xs md:max-w-xl"> 5521 <div class="apps__container section__container grid py-container-xs px-none md:px-none gap-y-lg-sm border-none c-border-gray-500 rounded-none shadow-none"> 5522 <div class="flex flex-col space-y-8"> 5523 5524 5525 <div class="px-none"> 5526 <div id="shopify-block-ANHJOVm9QSkZaWlZzM__vinyl_store_buttons_pF7wXW" class="shopify-block shopify-app-block"> 5527 5528<style> 5529 .buttons--ANHJOVm9QSkZaWlZzM__vinyl_store_buttons_pF7wXW { 5530 --button-bg-color: #ffffff; 5531 --button-font-color: #000000; 5532 --button-border-color: #ffffff; 5533 --button-border-width: 0px; 5534 } 5535</style> 5536 5537 5538 5539<div class="buttons buttons--ANHJOVm9QSkZaWlZzM__vinyl_store_buttons_pF7wXW rounded 5540 5541"> 5542 <!-- BEGIN app snippet: button --> 5543 5544 5545 5546 5547 5548 5549 5550 5551 5552 5553 5554 5555 5556 <a 5557 class="buttons__button" 5558 onclick=" 5559 buttonEvent({ 5560 eventType: 'custom_button_click', 5561 buttonLabel: 'releases', 5562 }) 5563 " 5564 href="/blogs/platten" 5565 style=" 5566 background:#ffffff; 5567 color:#000000; 5568 " 5569 > 5570 <img 5571 class="buttons__button-img" 5572 src="//thecircle.de/cdn/shop/files/Releases_icon_b171fa71-0283-4dd9-86c4-c0a6d3fff345.webp?v=1738579698" 5573 width="auto" 5574 height="auto" 5575 alt="" 5576 aria-hidden="true" 5577 >
5578 <span class="buttons__button-text text_body_lg">Releases</span> 5579 </a> 5580 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 <a 5592 class="buttons__button" 5593 onclick=" 5594 buttonEvent({ 5595 eventType: 'custom_button_click', 5596 buttonLabel: 'features', 5597 }) 5598 " 5599 href="/blogs/features" 5600 style=" 5601 background:#ffffff; 5602 color:#000000; 5603 " 5604 > 5605 <img 5606 class="buttons__button-img" 5607 src="//thecircle.de/cdn/shop/files/Popkultur_icon_3f7dc6f7-981e-4415-8953-ef00c3e19e18.webp?v=1738579699" 5608 width="auto" 5609 height="auto" 5610 alt="" 5611 aria-hidden="true" 5612 > 5613 <span class="buttons__button-text text_body_lg">Features</span> 5614 </a> 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 <a 5627 class="buttons__button" 5628 onclick=" 5629 buttonEvent({ 5630 eventType: 'custom_button_click', 5631 buttonLabel: 'vinyl', 5632 }) 5633 " 5634 href="/blogs/vinyl" 5635 style=" 5636 background:#ffffff; 5637 color:#000000; 5638 " 5639 > 5640 <img 5641 class="buttons__button-img" 5642 src="//thecircle.de/cdn/shop/files/Vinyl_icon_80fd9003-ba30-4037-ae16-9b97155dc934.webp?v=1738579698" 5643 width="auto" 5644 height="auto" 5645 alt="" 5646 aria-hidden="true" 5647 > 5648 <span class="buttons__button-text text_body_lg">Vinyl</span> 5649 </a> 5650 5651 5652 5653 5654 5655 5656 5657 5658 5659 5660 5661 <a 5662 class="buttons__button" 5663 onclick=" 5664 buttonEvent({ 5665 eventType: 'custom_button_click', 5666 buttonLabel: 'startseite', 5667 }) 5668 " 5669 href="/pages/magazin" 5670 style=" 5671 background:#ffffff; 5672 color:#000000; 5673 " 5674 > 5675 <img 5676 class="buttons__button-img" 5677 src="//thecircle.de/cdn/shop/files/Home_Icon-3.png?v=1738579984" 5678 width="auto" 5679 height="auto" 5680 alt="" 5681 aria-hidden="true" 5682 > 5683 <span class="buttons__button-text text_body_lg">Startseite</span> 5684 </a> 5685 5686 5687<!-- END app snippet --> 5688</div> 5689 5690 5691</div> 5692 </div> 5693 5694</div> 5695 </div> 5696 </div> 5697 </div> 5698 5699 5700 5701 5702 5703 5704 5705<style> @media (min-width: 768px) {#shopify-section-template--30086934593923__1738579449c8dcb7b2 .buttons__button-text {font-size: 24px; }} @media (max-width: 768px) {#shopify-section-template--30086934593923__1738579449c8dcb7b2 .buttons__button-img {margin-left: 0px; } #shopify-section-template--30086934593923__1738579449c8dcb7b2 .buttons__button-text {font-size: 15px; }} </style></section><section id="shopify-section-template--30086934593923__1719817877c061bb0f" class="shopify-section apps"> 5706 5707 5708 5709 5710 5711 5712 5713 5714 5715 5716 5717 5718 5719 5720 <div class="apps__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 5721 <div class="apps__spacing section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-xs max-w-xl md:px-container-xs md:max-w-xl"> 5722 <div class="apps__container section__container grid py-container-xs px-none md:px-none gap-y-lg-sm border-none c-border-gray-500 rounded-none shadow-none"> 5723 <div class="flex flex-col space-y-8"> 5724 5725 5726 <div class="px-none"> 5727 <div id="shopify-block-AOTVPcFJhVm9VVEtPY__editorial_components_article_category_jFtL7h" class="shopify-block shopify-app-block"> 5728 5729 5730 5731 5732 <!-- BEGIN app snippet: stories_list --><style> 5733 .featured-articles { 5734 --item-width: calc(((100% /3) - 24px) + 8px); 5735 --item-width-highlighted: calc(2*(((100% /3) - 24px) + 8px) + 24px); 5736 --item-border-width: border-none; 5737 --item-border-color: rgba(0,0,0,0); 5738 --item-background-color: rgba(0,0,0,0); 5739 } 5740</style> 5741 5742 5743 5744 5745 5746 5747 5748<div class="featured-articles"> 5749 <div class="featured-articles__header"> 5750 <h2 class="featured-articles__title text_heading_xl">News</h2> 5751 </div> 5752 5753 <section class="featured-articles__content 5754 5755"> 5756 5757 5758 5759 5760 5761 5762 5763 5764 5765 5766 <article class="featured-articles__item 5767 5768 use-padding 5769 5770 5771 5772"> 5773 <a 5774 href="/blogs/news/stadt-aus-gold-soll-fur-trettmann-alles-verandern" 5775 onclick=" 5776 selectContentEvent({ 5777 contentName: 'âstadt aus goldâ soll für trettmann alles verändern', 5778 contentId: 1004920275331, 5779 contentSubtype: 'news', 5780 contentType: 'blog post', 5781 listName: '' 5782 }) 5783 " 5784 > 5785 <img 5786 srcset="//thecircle.de/cdn/shop/articles/trettmann_credits_finn-buendert_3-1_0746b9fb-7862-4eb6-a427-b8f2e22b4019.jpg?v=1790879057&width=100 100w,//thecircle.de/cdn/shop/articles/trettmann_credits_finn-buendert_3-1_0746b9fb-7862-4eb6-a427-b8f2e22b4019.jpg?v=1790879057&width=200 200w,//thecircle.de/cdn/shop/articles/trettmann_credits_finn-buendert_3-1_0746b9fb-7862-4eb6-a427-b8f2e22b4019.jpg?v=1790879057&width=300 300w,//thecircle.de/cdn/shop/articles/trettmann_credits_finn-buendert_3-1_0746b9fb-7862-4eb6-a427-b8f2e22b4019.jpg?v=1790879057&width=600 600w,//thecircle.de/cdn/shop/articles/trettmann_credits_finn-buendert_3-1_0746b9fb-7862-4eb6-a427-b8f2e22b4019.jpg?v=1790879057&width=800 800w,//thecircle.de/cdn/shop/articles/trettmann_credits_finn-buendert_3-1_0746b9fb-7862-4eb6-a427-b8f2e22b4019.jpg?v=1790879057&width=1200 1200w,//thecircle.de/cdn/shop/articles/trettmann_credits_finn-buendert_3-1_0746b9fb-7862-4eb6-a427-b8f2e22b4019.jpg?v=1790879057 1568w 5787 " 5788 src="//thecircle.de/cdn/shop/articles/trettmann_credits_finn-buendert_3-1_0746b9fb-7862-4eb6-a427-b8f2e22b4019.jpg?v=1790879057&width=600" 5789 5790 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
5790w" 5791 alt="Trettmann kündigt neues Album an" 5792 loading="lazy" 5793 width="1568" 5794 height="666" 5795 class="featured-articles__item-image" 5796 aria-hidden="true" 5797 > 5798 </a> 5799 <div class="featured-articles__item-content"> 5800 5801 <a 5802 href="/blogs/news/stadt-aus-gold-soll-fur-trettmann-alles-verandern" 5803 onclick=" 5804 selectContentEvent({ 5805 contentName: 'âstadt aus goldâ soll für trettmann alles verändern', 5806 contentId: 1004920275331, 5807 contentSubtype: 'news', 5808 contentType: 'blog post', 5809 listName: '' 5810 }) 5811 " 5812 > 5813 5814 5815 <time class="featured-articles__item-date text_body_xs"> 5816 veröffentlicht am: 581701.10.26</time> 5818 5819 </a> 5820 5821 5822 <a 5823 href="/blogs/news/stadt-aus-gold-soll-fur-trettmann-alles-verandern" 5824 onclick=" 5825 selectContentEvent({ 5826 contentName: 'âstadt aus goldâ soll für trettmann alles verändern', 5827 contentId: 1004920275331, 5828 contentSubtype: 'news', 5829 contentType: 'blog post', 5830 listName: '' 5831 }) 5832 " 5833 > 5834 <h3 5835 class="featured-articles__item-title text-article-heading-3 " 5836 >âStadt aus Goldâ soll für Trettmann alles verändern</h3> 5837 </a> 5838 </div> 5839 5840 5841 <a 5842 href="https://thecircle.de/blogs/news" 5843 class="featured-articles__item-link text_navigation_md" 5844 aria-label="news Ãffen die Kategorie" 5845 onclick=" 5846 selectContentEvent({ 5847 contentName: 'news', 5848 contentSubtype: 'news', 5849 contentType: 'blog category', 5850 listName: '' 5851 }) 5852 " 5853 >news</a> 5854 5855 </article> 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 5866 <article class="featured-articles__item 5867 5868 use-padding 5869 5870 5871 5872"> 5873 <a 5874 href="/blogs/news/macklemore-gibt-seiner-botschaft-eine-eigene-buhne" 5875 onclick=" 5876 selectContentEvent({ 5877 contentName: 'macklemore gibt seiner botschaft eine eigene bühne', 5878 contentId: 1015741710727, 5879 contentSubtype: 'news', 5880 contentType: 'blog post', 5881 listName: '' 5882 }) 5883 " 5884 > 5885 <img 5886 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2292279286-1_a0c2b033-1499-43ef-9dcb-90c51345897b.jpg?v=1790879120&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2292279286-1_a0c2b033-1499-43ef-9dcb-90c51345897b.jpg?v=1790879120&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2292279286-1_a0c2b033-1499-43ef-9dcb-90c51345897b.jpg?v=1790879120&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2292279286-1_a0c2b033-1499-43ef-9dcb-90c51345897b.jpg?v=1790879120&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2292279286-1_a0c2b033-1499-43ef-9dcb-90c51345897b.jpg?v=1790879120&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2292279286-1_a0c2b033-1499-43ef-9dcb-90c51345897b.jpg?v=1790879120&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2292279286-1_a0c2b033-1499-43ef-9dcb-90c51345897b.jpg?v=1790879120 1568w 5887 " 5888 src="//thecircle.de/cdn/shop/articles/gettyimages-2292279286-1_a0c2b033-1499-43ef-9dcb-90c51345897b.jpg?v=1790879120&width=600" 5889 5890 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 5891 alt="Macklemore" 5892 loading="lazy" 5893 width="1568" 5894 height="666" 5895 class="featured-articles__item-image" 5896 aria-hidden="true" 5897 > 5898 </a> 5899 <div class="featured-articles__item-content"> 5900 5901 <a 5902 href="/blogs/news/macklemore-gibt-seiner-botschaft-eine-eigene-buhne" 5903 onclick=" 5904 selectContentEvent({ 5905 contentName: 'macklemore gibt seiner botschaft eine eigene bühne', 5906 contentId: 1015741710727, 5907 contentSubtype: 'news', 5908 contentType: 'blog post', 5909 listName: '' 5910 }) 5911 " 5912 > 5913 5914 5915 <time class="featured-articles__item-date text_body_xs"> 5916 veröffentlicht am: 591701.10.26</time> 5918 5919 </a> 5920 5921 5922 <a 5923 href="/blogs/news/macklemore-gibt-seiner-botschaft-eine-eigene-buhne" 5924 onclick=" 5925 selectContentEvent({ 5926 contentName: 'macklemore gibt seiner botschaft eine eigene bühne', 5927 contentId: 1015741710727, 5928 contentSubtype: 'news', 5929 contentType: 'blog post', 5930 listName: '' 5931 }) 5932 " 5933 > 5934 <h3 5935 class="featured-articles__item-title text-article-heading-3 " 5936 >Macklemore gibt seiner Botschaft eine eigene Bühne</h3> 5937 </a> 5938 </div> 5939 5940 5941 <a 5942 href="https://thecircle.de/blogs/news" 5943 class="featured-articles__item-link text_navigation_md" 5944 aria-label="news Ãffen die Kategorie" 5945 onclick=" 5946 selectContentEvent({ 5947 contentName: 'news', 5948 contentSubtype: 'news', 5949 contentType: 'blog category', 5950 listName: '' 5951 }) 5952 " 5953 >news</a> 5954 5955 </article> 5956 5957 5958 5959 5960 5961 5962 5963 5964 5965 5966 <article class="featured-articles__item 5967 5968 use-padding 5969 5970 5971 5972"> 5973 <a 5974 href="/blogs/news/neuer-placebo-song-30-jahre-bis-zum-single-release" 5975 onclick=" 5976 selectContentEvent({ 5977 contentName: 'neuer placebo-song: 30 jahre bis zum single-release', 5978 contentId: 1015758291335, 5979 contentSubtype: 'news', 5980 contentType: 'blog post', 5981 listName: '' 5982 }) 5983 " 5984 > 5985 <img 5986 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2129867867-1_9649942f-8d3e-4086-afcb-48953a300d1e.jpg?v=1790879001&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2129867867-1_9649942f-8d3e-4086-afcb-48953a300d1e.jpg?v=1790879001&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2129867867-1_9649942f-8d3e-4086-afcb-48953a300d1e.jpg?v=1790879001&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2129867867-1_9649942f-8d3e-4086-afcb-48953a300d1e.jpg?v=1790879001&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2129867867-1_9649942f-8d3e-4086-afcb-48953a300d1e.jpg?v=1790879001&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2129867867-1_9649942f-8d3e-4086-afcb-48953a300d1e.jpg?v=1790879001&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2129867867-1_9649942f-8d3e-4086-afcb-48953a300d1e.jpg?v=1790879001 1568w 5987 " 5988 src="//thecircle.de/cdn/shop/articles/gettyimages-2129867867-1_9649942f-8d3e-4086-afcb-48953a300d1e.jpg?v=1790879001&width=600" 5989 5990 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
5990w" 5991 alt="Brian Molko von Placebo live" 5992 loading="lazy" 5993 width="1568" 5994 height="666" 5995 class="featured-articles__item-image" 5996 aria-hidden="true" 5997 > 5998 </a> 5999 <div class="featured-articles__item-content"> 6000 6001 <a 6002 href="/blogs/news/neuer-placebo-song-30-jahre-bis-zum-single-release" 6003 onclick=" 6004 selectContentEvent({ 6005 contentName: 'neuer placebo-song: 30 jahre bis zum single-release', 6006 contentId: 1015758291335, 6007 contentSubtype: 'news', 6008 contentType: 'blog post', 6009 listName: '' 6010 }) 6011 " 6012 > 6013 6014 6015 <time class="featured-articles__item-date text_body_xs"> 6016 veröffentlicht am: 601701.10.26</time> 6018 6019 </a> 6020 6021 6022 <a 6023 href="/blogs/news/neuer-placebo-song-30-jahre-bis-zum-single-release" 6024 onclick=" 6025 selectContentEvent({ 6026 contentName: 'neuer placebo-song: 30 jahre bis zum single-release', 6027 contentId: 1015758291335, 6028 contentSubtype: 'news', 6029 contentType: 'blog post', 6030 listName: '' 6031 }) 6032 " 6033 > 6034 <h3 6035 class="featured-articles__item-title text-article-heading-3 " 6036 >Neuer Placebo-Song: 30 Jahre bis zum Single-Release</h3> 6037 </a> 6038 </div> 6039 6040 6041 <a 6042 href="https://thecircle.de/blogs/news" 6043 class="featured-articles__item-link text_navigation_md" 6044 aria-label="news Ãffen die Kategorie" 6045 onclick=" 6046 selectContentEvent({ 6047 contentName: 'news', 6048 contentSubtype: 'news', 6049 contentType: 'blog category', 6050 listName: '' 6051 }) 6052 " 6053 >news</a> 6054 6055 </article> 6056 6057 6058 6059 6060 6061 6062 6063 6064 6065 6066 <article class="featured-articles__item 6067 6068 use-padding 6069 6070 6071 6072"> 6073 <a 6074 href="/blogs/news/fontaines-dc-erforschen-neue-klange-in-der-single-tongue" 6075 onclick=" 6076 selectContentEvent({ 6077 contentName: 'fontaines d.c. erforschen neue klänge in der single âtongueâ', 6078 contentId: 1015769170311, 6079 contentSubtype: 'news', 6080 contentType: 'blog post', 6081 listName: '' 6082 }) 6083 " 6084 > 6085 <img 6086 srcset="//thecircle.de/cdn/shop/articles/credit---ewen-spencer-7167_es_dc_fountaines_-004-1-1_f70a7e74-db96-4b92-84e0-81a80ad0e619.jpg?v=1790848019&width=100 100w,//thecircle.de/cdn/shop/articles/credit---ewen-spencer-7167_es_dc_fountaines_-004-1-1_f70a7e74-db96-4b92-84e0-81a80ad0e619.jpg?v=1790848019&width=200 200w,//thecircle.de/cdn/shop/articles/credit---ewen-spencer-7167_es_dc_fountaines_-004-1-1_f70a7e74-db96-4b92-84e0-81a80ad0e619.jpg?v=1790848019&width=300 300w,//thecircle.de/cdn/shop/articles/credit---ewen-spencer-7167_es_dc_fountaines_-004-1-1_f70a7e74-db96-4b92-84e0-81a80ad0e619.jpg?v=1790848019&width=600 600w,//thecircle.de/cdn/shop/articles/credit---ewen-spencer-7167_es_dc_fountaines_-004-1-1_f70a7e74-db96-4b92-84e0-81a80ad0e619.jpg?v=1790848019&width=800 800w,//thecircle.de/cdn/shop/articles/credit---ewen-spencer-7167_es_dc_fountaines_-004-1-1_f70a7e74-db96-4b92-84e0-81a80ad0e619.jpg?v=1790848019&width=1200 1200w,//thecircle.de/cdn/shop/articles/credit---ewen-spencer-7167_es_dc_fountaines_-004-1-1_f70a7e74-db96-4b92-84e0-81a80ad0e619.jpg?v=1790848019 1568w 6087 " 6088 src="//thecircle.de/cdn/shop/articles/credit---ewen-spencer-7167_es_dc_fountaines_-004-1-1_f70a7e74-db96-4b92-84e0-81a80ad0e619.jpg?v=1790848019&width=600" 6089 6090 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 6091 alt="Fontaines D.C. 2026" 6092 loading="lazy" 6093 width="1568" 6094 height="666" 6095 class="featured-articles__item-image" 6096 aria-hidden="true" 6097 > 6098 </a> 6099 <div class="featured-articles__item-content"> 6100 6101 <a 6102 href="/blogs/news/fontaines-dc-erforschen-neue-klange-in-der-single-tongue" 6103 onclick=" 6104 selectContentEvent({ 6105 contentName: 'fontaines d.c. erforschen neue klänge in der single âtongueâ', 6106 contentId: 1015769170311, 6107 contentSubtype: 'news', 6108 contentType: 'blog post', 6109 listName: '' 6110 }) 6111 " 6112 > 6113 6114 6115 <time class="featured-articles__item-date text_body_xs"> 6116 veröffentlicht am: 611701.10.26</time> 6118 6119 </a> 6120 6121 6122 <a 6123 href="/blogs/news/fontaines-dc-erforschen-neue-klange-in-der-single-tongue" 6124 onclick=" 6125 selectContentEvent({ 6126 contentName: 'fontaines d.c. erforschen neue klänge in der single âtongueâ', 6127 contentId: 1015769170311, 6128 contentSubtype: 'news', 6129 contentType: 'blog post', 6130 listName: '' 6131 }) 6132 " 6133 > 6134 <h3 6135 class="featured-articles__item-title text-article-heading-3 " 6136 >Fontaines D.C. erforschen neue Klänge in der Single âTongueâ</h3> 6137 </a> 6138 </div> 6139 6140 6141 <a 6142 href="https://thecircle.de/blogs/news" 6143 class="featured-articles__item-link text_navigation_md" 6144 aria-label="news Ãffen die Kategorie" 6145 onclick=" 6146 selectContentEvent({ 6147 contentName: 'news', 6148 contentSubtype: 'news', 6149 contentType: 'blog category', 6150 listName: '' 6151 }) 6152 " 6153 >news</a> 6154 6155 </article> 6156 6157 6158 6159 6160 6161 6162 6163 6164 6165 6166 <article class="featured-articles__item 6167 6168 use-padding 6169 6170 6171 6172"> 6173 <a 6174 href="/blogs/news/lil-nas-x-kundigt-neue-single-worlds-greatest-fur-seine-mutter-an" 6175 onclick=" 6176 selectContentEvent({ 6177 contentName: 'lil nas x kündigt neue single âworldâs greatestâ für seine mutter an', 6178 contentId: 1015769694599, 6179 contentSubtype: 'news', 6180 contentType: 'blog post', 6181 listName: '' 6182 }) 6183 " 6184 > 6185 <img 6186 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2207295136-1_0b6a55dc-749b-48cf-a039-188fbba9cd4d.jpg?v=1790853740&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2207295136-1_0b6a55dc-749b-48cf-a039-188fbba9cd4d.jpg?v=1790853740&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2207295136-1_0b6a55dc-749b-48cf-a039-188fbba9cd4d.jpg?v=1790853740&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2207295136-1_0b6a55dc-749b-48cf-a039-188fbba9cd4d.jpg?v=1790853740&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2207295136-1_0b6a55dc-749b-48cf-a039-188fbba9cd4d.jpg?v=1790853740&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2207295136-1_0b6a55dc-749b-48cf-a039-188fbba9cd4d.jpg?v=1790853740&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2207295136-1_0b6a55dc-749b-48cf-a039-188fbba9cd4d.jpg?v=1790853740 1568w 6187 " 6188 src="//thecircle.de/cdn/shop/articles/gettyimages-2207295136-1_0b6a55dc-749b-48cf-a039-188fbba9cd4d.jpg?v=1790853740&width=600" 6189 6190 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
6190w" 6191 alt="Lil Nas X" 6192 loading="lazy" 6193 width="1568" 6194 height="666" 6195 class="featured-articles__item-image" 6196 aria-hidden="true" 6197 > 6198 </a> 6199 <div class="featured-articles__item-content"> 6200 6201 <a 6202 href="/blogs/news/lil-nas-x-kundigt-neue-single-worlds-greatest-fur-seine-mutter-an" 6203 onclick=" 6204 selectContentEvent({ 6205 contentName: 'lil nas x kündigt neue single âworldâs greatestâ für seine mutter an', 6206 contentId: 1015769694599, 6207 contentSubtype: 'news', 6208 contentType: 'blog post', 6209 listName: '' 6210 }) 6211 " 6212 > 6213 6214 6215 <time class="featured-articles__item-date text_body_xs"> 6216 veröffentlicht am: 621701.10.26</time> 6218 6219 </a> 6220 6221 6222 <a 6223 href="/blogs/news/lil-nas-x-kundigt-neue-single-worlds-greatest-fur-seine-mutter-an" 6224 onclick=" 6225 selectContentEvent({ 6226 contentName: 'lil nas x kündigt neue single âworldâs greatestâ für seine mutter an', 6227 contentId: 1015769694599, 6228 contentSubtype: 'news', 6229 contentType: 'blog post', 6230 listName: '' 6231 }) 6232 " 6233 > 6234 <h3 6235 class="featured-articles__item-title text-article-heading-3 " 6236 >Lil Nas X kündigt neue Single âWorldâs Greatestâ für seine Mutter an</h3> 6237 </a> 6238 </div> 6239 6240 6241 <a 6242 href="https://thecircle.de/blogs/news" 6243 class="featured-articles__item-link text_navigation_md" 6244 aria-label="news Ãffen die Kategorie" 6245 onclick=" 6246 selectContentEvent({ 6247 contentName: 'news', 6248 contentSubtype: 'news', 6249 contentType: 'blog category', 6250 listName: '' 6251 }) 6252 " 6253 >news</a> 6254 6255 </article> 6256 6257 6258 6259 6260 6261 6262 6263 6264 6265 6266 <article class="featured-articles__item 6267 6268 use-padding 6269 6270 6271 6272"> 6273 <a 6274 href="/blogs/news/roger-waters-legacy-harry-waters-pink-floyd" 6275 onclick=" 6276 selectContentEvent({ 6277 contentName: 'roger waters baut eine pink-floyd-show â spielen lässt er seinen sohn', 6278 contentId: 1015769858439, 6279 contentSubtype: 'news', 6280 contentType: 'blog post', 6281 listName: '' 6282 }) 6283 " 6284 > 6285 <img 6286 srcset="//thecircle.de/cdn/shop/articles/roger-waters_de125228-263a-4b04-bd39-b388c3f39a48.jpg?v=1790890486&width=100 100w,//thecircle.de/cdn/shop/articles/roger-waters_de125228-263a-4b04-bd39-b388c3f39a48.jpg?v=1790890486&width=200 200w,//thecircle.de/cdn/shop/articles/roger-waters_de125228-263a-4b04-bd39-b388c3f39a48.jpg?v=1790890486&width=300 300w,//thecircle.de/cdn/shop/articles/roger-waters_de125228-263a-4b04-bd39-b388c3f39a48.jpg?v=1790890486&width=600 600w,//thecircle.de/cdn/shop/articles/roger-waters_de125228-263a-4b04-bd39-b388c3f39a48.jpg?v=1790890486&width=800 800w,//thecircle.de/cdn/shop/articles/roger-waters_de125228-263a-4b04-bd39-b388c3f39a48.jpg?v=1790890486&width=1200 1200w,//thecircle.de/cdn/shop/articles/roger-waters_de125228-263a-4b04-bd39-b388c3f39a48.jpg?v=1790890486 1568w 6287 " 6288 src="//thecircle.de/cdn/shop/articles/roger-waters_de125228-263a-4b04-bd39-b388c3f39a48.jpg?v=1790890486&width=600" 6289 6290 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 6291 alt="Roger Waters mit Mikrofon" 6292 loading="lazy" 6293 width="1568" 6294 height="666" 6295 class="featured-articles__item-image" 6296 aria-hidden="true" 6297 > 6298 </a> 6299 <div class="featured-articles__item-content"> 6300 6301 <a 6302 href="/blogs/news/roger-waters-legacy-harry-waters-pink-floyd" 6303 onclick=" 6304 selectContentEvent({ 6305 contentName: 'roger waters baut eine pink-floyd-show â spielen lässt er seinen sohn', 6306 contentId: 1015769858439, 6307 contentSubtype: 'news', 6308 contentType: 'blog post', 6309 listName: '' 6310 }) 6311 " 6312 > 6313 6314 6315 <time class="featured-articles__item-date text_body_xs"> 6316 veröffentlicht am: 631701.10.26</time> 6318 6319 </a> 6320 6321 6322 <a 6323 href="/blogs/news/roger-waters-legacy-harry-waters-pink-floyd" 6324 onclick=" 6325 selectContentEvent({ 6326 contentName: 'roger waters baut eine pink-floyd-show â spielen lässt er seinen sohn', 6327 contentId: 1015769858439, 6328 contentSubtype: 'news', 6329 contentType: 'blog post', 6330 listName: '' 6331 }) 6332 " 6333 > 6334 <h3 6335 class="featured-articles__item-title text-article-heading-3 " 6336 >Roger Waters baut eine Pink-Floyd-Show â spielen lässt er seinen Sohn</h3> 6337 </a> 6338 </div> 6339 6340 6341 <a 6342 href="https://thecircle.de/blogs/news" 6343 class="featured-articles__item-link text_navigation_md" 6344 aria-label="news Ãffen die Kategorie" 6345 onclick=" 6346 selectContentEvent({ 6347 contentName: 'news', 6348 contentSubtype: 'news', 6349 contentType: 'blog category', 6350 listName: '' 6351 }) 6352 " 6353 >news</a> 6354 6355 </article> 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 6366 <article class="featured-articles__item 6367 6368 use-padding 6369 6370 6371 6372"> 6373 <a 6374 href="/blogs/news/u2-stadiontour-proben-larry-mullen-rueckkehr" 6375 onclick=" 6376 selectContentEvent({ 6377 contentName: 'u2 proben für eine stadiontour â larry mullen jr. ist zurück', 6378 contentId: 1015769923975, 6379 contentSubtype: 'news', 6380 contentType: 'blog post', 6381 listName: '' 6382 }) 6383 " 6384 > 6385 <img 6386 srcset="//thecircle.de/cdn/shop/articles/bono-larry-mullen-edge-adam-clayton_b93403b0-0eb1-4f36-878f-b881d469c8fa.jpg?v=1790890505&width=100 100w,//thecircle.de/cdn/shop/articles/bono-larry-mullen-edge-adam-clayton_b93403b0-0eb1-4f36-878f-b881d469c8fa.jpg?v=1790890505&width=200 200w,//thecircle.de/cdn/shop/articles/bono-larry-mullen-edge-adam-clayton_b93403b0-0eb1-4f36-878f-b881d469c8fa.jpg?v=1790890505&width=300 300w,//thecircle.de/cdn/shop/articles/bono-larry-mullen-edge-adam-clayton_b93403b0-0eb1-4f36-878f-b881d469c8fa.jpg?v=1790890505&width=600 600w,//thecircle.de/cdn/shop/articles/bono-larry-mullen-edge-adam-clayton_b93403b0-0eb1-4f36-878f-b881d469c8fa.jpg?v=1790890505&width=800 800w,//thecircle.de/cdn/shop/articles/bono-larry-mullen-edge-adam-clayton_b93403b0-0eb1-4f36-878f-b881d469c8fa.jpg?v=1790890505&width=1200 1200w,//thecircle.de/cdn/shop/articles/bono-larry-mullen-edge-adam-clayton_b93403b0-0eb1-4f36-878f-b881d469c8fa.jpg?v=1790890505 1568w 6387 " 6388 src="//thecircle.de/cdn/shop/articles/bono-larry-mullen-edge-adam-clayton_b93403b0-0eb1-4f36-878f-b881d469c8fa.jpg?v=1790890505&width=600" 6389 6390 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
6390w" 6391 alt="U2 auf dem Balkin" 6392 loading="lazy" 6393 width="1568" 6394 height="666" 6395 class="featured-articles__item-image" 6396 aria-hidden="true" 6397 > 6398 </a> 6399 <div class="featured-articles__item-content"> 6400 6401 <a 6402 href="/blogs/news/u2-stadiontour-proben-larry-mullen-rueckkehr" 6403 onclick=" 6404 selectContentEvent({ 6405 contentName: 'u2 proben für eine stadiontour â larry mullen jr. ist zurück', 6406 contentId: 1015769923975, 6407 contentSubtype: 'news', 6408 contentType: 'blog post', 6409 listName: '' 6410 }) 6411 " 6412 > 6413 6414 6415 <time class="featured-articles__item-date text_body_xs"> 6416 veröffentlicht am: 641701.10.26</time> 6418 6419 </a> 6420 6421 6422 <a 6423 href="/blogs/news/u2-stadiontour-proben-larry-mullen-rueckkehr" 6424 onclick=" 6425 selectContentEvent({ 6426 contentName: 'u2 proben für eine stadiontour â larry mullen jr. ist zurück', 6427 contentId: 1015769923975, 6428 contentSubtype: 'news', 6429 contentType: 'blog post', 6430 listName: '' 6431 }) 6432 " 6433 > 6434 <h3 6435 class="featured-articles__item-title text-article-heading-3 " 6436 >U2 proben für eine Stadiontour â Larry Mullen Jr. ist zurück</h3> 6437 </a> 6438 </div> 6439 6440 6441 <a 6442 href="https://thecircle.de/blogs/news" 6443 class="featured-articles__item-link text_navigation_md" 6444 aria-label="news Ãffen die Kategorie" 6445 onclick=" 6446 selectContentEvent({ 6447 contentName: 'news', 6448 contentSubtype: 'news', 6449 contentType: 'blog category', 6450 listName: '' 6451 }) 6452 " 6453 >news</a> 6454 6455 </article> 6456 6457 6458 6459 6460 6461 6462 6463 6464 6465 6466 <article class="featured-articles__item 6467 6468 use-padding 6469 6470 6471 6472"> 6473 <a 6474 href="/blogs/news/chanteuse-pomme-ist-zuruck-und-zeigt-eine-dunkle-seite" 6475 onclick=" 6476 selectContentEvent({ 6477 contentName: 'pomme: die chanteuse ist zurück und zeigt eine dunkle seite', 6478 contentId: 1015760486791, 6479 contentSubtype: 'news', 6480 contentType: 'blog post', 6481 listName: '' 6482 }) 6483 " 6484 > 6485 <img 6486 srcset="//thecircle.de/cdn/shop/articles/pomme-la-forteresse-1-e1790347878122-1426x745-1.png?v=1790759092&width=100 100w,//thecircle.de/cdn/shop/articles/pomme-la-forteresse-1-e1790347878122-1426x745-1.png?v=1790759092&width=200 200w,//thecircle.de/cdn/shop/articles/pomme-la-forteresse-1-e1790347878122-1426x745-1.png?v=1790759092&width=300 300w,//thecircle.de/cdn/shop/articles/pomme-la-forteresse-1-e1790347878122-1426x745-1.png?v=1790759092&width=600 600w,//thecircle.de/cdn/shop/articles/pomme-la-forteresse-1-e1790347878122-1426x745-1.png?v=1790759092&width=800 800w,//thecircle.de/cdn/shop/articles/pomme-la-forteresse-1-e1790347878122-1426x745-1.png?v=1790759092&width=1200 1200w,//thecircle.de/cdn/shop/articles/pomme-la-forteresse-1-e1790347878122-1426x745-1.png?v=1790759092 1426w 6487 " 6488 src="//thecircle.de/cdn/shop/articles/pomme-la-forteresse-1-e1790347878122-1426x745-1.png?v=1790759092&width=600" 6489 6490 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 6491 alt="Pomme kündigt La Forteresse an" 6492 loading="lazy" 6493 width="1426" 6494 height="666" 6495 class="featured-articles__item-image" 6496 aria-hidden="true" 6497 > 6498 </a> 6499 <div class="featured-articles__item-content"> 6500 6501 <a 6502 href="/blogs/news/chanteuse-pomme-ist-zuruck-und-zeigt-eine-dunkle-seite" 6503 onclick=" 6504 selectContentEvent({ 6505 contentName: 'pomme: die chanteuse ist zurück und zeigt eine dunkle seite', 6506 contentId: 1015760486791, 6507 contentSubtype: 'news', 6508 contentType: 'blog post', 6509 listName: '' 6510 }) 6511 " 6512 > 6513 6514 6515 <time class="featured-articles__item-date text_body_xs"> 6516 veröffentlicht am: 651730.09.26</time> 6518 6519 </a> 6520 6521 6522 <a 6523 href="/blogs/news/chanteuse-pomme-ist-zuruck-und-zeigt-eine-dunkle-seite" 6524 onclick=" 6525 selectContentEvent({ 6526 contentName: 'pomme: die chanteuse ist zurück und zeigt eine dunkle seite', 6527 contentId: 1015760486791, 6528 contentSubtype: 'news', 6529 contentType: 'blog post', 6530 listName: '' 6531 }) 6532 " 6533 > 6534 <h3 6535 class="featured-articles__item-title text-article-heading-3 " 6536 >Pomme: Die Chanteuse ist zurück und zeigt eine dunkle Seite</h3> 6537 </a> 6538 </div> 6539 6540 6541 <a 6542 href="https://thecircle.de/blogs/news" 6543 class="featured-articles__item-link text_navigation_md" 6544 aria-label="news Ãffen die Kategorie" 6545 onclick=" 6546 selectContentEvent({ 6547 contentName: 'news', 6548 contentSubtype: 'news', 6549 contentType: 'blog category', 6550 listName: '' 6551 }) 6552 " 6553 >news</a> 6554 6555 </article> 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 <article class="featured-articles__item 6567 6568 use-padding 6569 6570 6571 6572"> 6573 <a 6574 href="/blogs/news/carnaval-da-luz-das-erwartet-uns-beim-neuen-u2-album" 6575 onclick=" 6576 selectContentEvent({
6577 contentName: 'âcarnaval de luzâ: das erwartet uns beim neuen u2-album', 6578 contentId: 1015741383047, 6579 contentSubtype: 'news', 6580 contentType: 'blog post', 6581 listName: '' 6582 }) 6583 " 6584 > 6585 <img 6586 srcset="//thecircle.de/cdn/shop/articles/photo---u2---street-of-dreams-cover-image-no-text-credit-viviane-sassen-1-1.jpg?v=1790782265&width=100 100w,//thecircle.de/cdn/shop/articles/photo---u2---street-of-dreams-cover-image-no-text-credit-viviane-sassen-1-1.jpg?v=1790782265&width=200 200w,//thecircle.de/cdn/shop/articles/photo---u2---street-of-dreams-cover-image-no-text-credit-viviane-sassen-1-1.jpg?v=1790782265&width=300 300w,//thecircle.de/cdn/shop/articles/photo---u2---street-of-dreams-cover-image-no-text-credit-viviane-sassen-1-1.jpg?v=1790782265&width=600 600w,//thecircle.de/cdn/shop/articles/photo---u2---street-of-dreams-cover-image-no-text-credit-viviane-sassen-1-1.jpg?v=1790782265&width=800 800w,//thecircle.de/cdn/shop/articles/photo---u2---street-of-dreams-cover-image-no-text-credit-viviane-sassen-1-1.jpg?v=1790782265&width=1200 1200w,//thecircle.de/cdn/shop/articles/photo---u2---street-of-dreams-cover-image-no-text-credit-viviane-sassen-1-1.jpg?v=1790782265 1568w 6587 " 6588 src="//thecircle.de/cdn/shop/articles/photo---u2---street-of-dreams-cover-image-no-text-credit-viviane-sassen-1-1.jpg?v=1790782265&width=600" 6589 6590 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 6591 alt="U2" 6592 loading="lazy" 6593 width="1568" 6594 height="666" 6595 class="featured-articles__item-image" 6596 aria-hidden="true" 6597 > 6598 </a> 6599 <div class="featured-articles__item-content"> 6600 6601 <a 6602 href="/blogs/news/carnaval-da-luz-das-erwartet-uns-beim-neuen-u2-album" 6603 onclick=" 6604 selectContentEvent({ 6605 contentName: 'âcarnaval de luzâ: das erwartet uns beim neuen u2-album', 6606 contentId: 1015741383047, 6607 contentSubtype: 'news', 6608 contentType: 'blog post', 6609 listName: '' 6610 }) 6611 " 6612 > 6613 6614 6615 <time class="featured-articles__item-date text_body_xs"> 6616 veröffentlicht am: 661730.09.26</time> 6618 6619 </a> 6620 6621 6622 <a 6623 href="/blogs/news/carnaval-da-luz-das-erwartet-uns-beim-neuen-u2-album" 6624 onclick=" 6625 selectContentEvent({ 6626 contentName: 'âcarnaval de luzâ: das erwartet uns beim neuen u2-album', 6627 contentId: 1015741383047, 6628 contentSubtype: 'news', 6629 contentType: 'blog post', 6630 listName: '' 6631 }) 6632 " 6633 > 6634 <h3 6635 class="featured-articles__item-title text-article-heading-3 " 6636 >âCarnaval De Luzâ: Das erwartet uns beim neuen U2-Album</h3> 6637 </a> 6638 </div> 6639 6640 6641 <a 6642 href="https://thecircle.de/blogs/news" 6643 class="featured-articles__item-link text_navigation_md" 6644 aria-label="news Ãffen die Kategorie" 6645 onclick=" 6646 selectContentEvent({ 6647 contentName: 'news', 6648 contentSubtype: 'news', 6649 contentType: 'blog category', 6650 listName: '' 6651 }) 6652 " 6653 >news</a> 6654 6655 </article> 6656 6657 6658 6659 6660 6661 6662 6663 6664 6665 6666 <article class="featured-articles__item 6667 6668 use-padding 6669 6670 6671 6672"> 6673 <a 6674 href="/blogs/news/dank-lux-u2-haben-einen-song-uber-rosalia-geschrieben" 6675 onclick=" 6676 selectContentEvent({ 6677 contentName: 'dank âluxâ: u2 haben einen song über rosalÃa geschrieben', 6678 contentId: 1015758061959, 6679 contentSubtype: 'news', 6680 contentType: 'blog post', 6681 listName: '' 6682 }) 6683 " 6684 > 6685 <img 6686 srcset="//thecircle.de/cdn/shop/articles/bono-the-edge_b9f32856-a611-4835-bfd6-1f79b8a679de.jpg?v=1790782515&width=100 100w,//thecircle.de/cdn/shop/articles/bono-the-edge_b9f32856-a611-4835-bfd6-1f79b8a679de.jpg?v=1790782515&width=200 200w,//thecircle.de/cdn/shop/articles/bono-the-edge_b9f32856-a611-4835-bfd6-1f79b8a679de.jpg?v=1790782515&width=300 300w,//thecircle.de/cdn/shop/articles/bono-the-edge_b9f32856-a611-4835-bfd6-1f79b8a679de.jpg?v=1790782515&width=600 600w,//thecircle.de/cdn/shop/articles/bono-the-edge_b9f32856-a611-4835-bfd6-1f79b8a679de.jpg?v=1790782515&width=800 800w,//thecircle.de/cdn/shop/articles/bono-the-edge_b9f32856-a611-4835-bfd6-1f79b8a679de.jpg?v=1790782515&width=1200 1200w,//thecircle.de/cdn/shop/articles/bono-the-edge_b9f32856-a611-4835-bfd6-1f79b8a679de.jpg?v=1790782515 1568w 6687 " 6688 src="//thecircle.de/cdn/shop/articles/bono-the-edge_b9f32856-a611-4835-bfd6-1f79b8a679de.jpg?v=1790782515&width=600" 6689 6690 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
6690w" 6691 alt="Bono und The Edge live" 6692 loading="lazy" 6693 width="1568" 6694 height="666" 6695 class="featured-articles__item-image" 6696 aria-hidden="true" 6697 > 6698 </a> 6699 <div class="featured-articles__item-content"> 6700 6701 <a 6702 href="/blogs/news/dank-lux-u2-haben-einen-song-uber-rosalia-geschrieben" 6703 onclick=" 6704 selectContentEvent({ 6705 contentName: 'dank âluxâ: u2 haben einen song über rosalÃa geschrieben', 6706 contentId: 1015758061959, 6707 contentSubtype: 'news', 6708 contentType: 'blog post', 6709 listName: '' 6710 }) 6711 " 6712 > 6713 6714 6715 <time class="featured-articles__item-date text_body_xs"> 6716 veröffentlicht am: 671730.09.26</time> 6718 6719 </a> 6720 6721 6722 <a 6723 href="/blogs/news/dank-lux-u2-haben-einen-song-uber-rosalia-geschrieben" 6724 onclick=" 6725 selectContentEvent({ 6726 contentName: 'dank âluxâ: u2 haben einen song über rosalÃa geschrieben', 6727 contentId: 1015758061959, 6728 contentSubtype: 'news', 6729 contentType: 'blog post', 6730 listName: '' 6731 }) 6732 " 6733 > 6734 <h3 6735 class="featured-articles__item-title text-article-heading-3 " 6736 >Dank âLuxâ: U2 haben einen Song über RosalÃa geschrieben</h3> 6737 </a> 6738 </div> 6739 6740 6741 <a 6742 href="https://thecircle.de/blogs/news" 6743 class="featured-articles__item-link text_navigation_md" 6744 aria-label="news Ãffen die Kategorie" 6745 onclick=" 6746 selectContentEvent({ 6747 contentName: 'news', 6748 contentSubtype: 'news', 6749 contentType: 'blog category', 6750 listName: '' 6751 }) 6752 " 6753 >news</a> 6754 6755 </article> 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 6766 <article class="featured-articles__item 6767 6768 use-padding 6769 6770 6771 6772"> 6773 <a 6774 href="/blogs/news/eddie-vedder-ersetzt-das-gestohlene-equipment-von-florence-road" 6775 onclick=" 6776 selectContentEvent({ 6777 contentName: 'eddie vedder ersetzt das gestohlene equipment von florence road', 6778 contentId: 1015760814471, 6779 contentSubtype: 'news', 6780 contentType: 'blog post', 6781 listName: '' 6782 }) 6783 " 6784 > 6785 <img 6786 srcset="//thecircle.de/cdn/shop/articles/insta_saver_florence.road_carousel_ddzyw5ketlp_image_2_5a8d9e4f-22f2-40f9-8096-9b7779abd0c6.jpg?v=1790763383&width=100 100w,//thecircle.de/cdn/shop/articles/insta_saver_florence.road_carousel_ddzyw5ketlp_image_2_5a8d9e4f-22f2-40f9-8096-9b7779abd0c6.jpg?v=1790763383&width=200 200w,//thecircle.de/cdn/shop/articles/insta_saver_florence.road_carousel_ddzyw5ketlp_image_2_5a8d9e4f-22f2-40f9-8096-9b7779abd0c6.jpg?v=1790763383&width=300 300w,//thecircle.de/cdn/shop/articles/insta_saver_florence.road_carousel_ddzyw5ketlp_image_2_5a8d9e4f-22f2-40f9-8096-9b7779abd0c6.jpg?v=1790763383&width=600 600w,//thecircle.de/cdn/shop/articles/insta_saver_florence.road_carousel_ddzyw5ketlp_image_2_5a8d9e4f-22f2-40f9-8096-9b7779abd0c6.jpg?v=1790763383&width=800 800w,//thecircle.de/cdn/shop/articles/insta_saver_florence.road_carousel_ddzyw5ketlp_image_2_5a8d9e4f-22f2-40f9-8096-9b7779abd0c6.jpg?v=1790763383&width=1200 1200w,//thecircle.de/cdn/shop/articles/insta_saver_florence.road_carousel_ddzyw5ketlp_image_2_5a8d9e4f-22f2-40f9-8096-9b7779abd0c6.jpg?v=1790763383 1568w 6787 " 6788 src="//thecircle.de/cdn/shop/articles/insta_saver_florence.road_carousel_ddzyw5ketlp_image_2_5a8d9e4f-22f2-40f9-8096-9b7779abd0c6.jpg?v=1790763383&width=600" 6789 6790 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
6790w" 6791 alt="Eddie Vedder hilf Florence Road" 6792 loading="lazy" 6793 width="1568" 6794 height="666" 6795 class="featured-articles__item-image" 6796 aria-hidden="true" 6797 > 6798 </a> 6799 <div class="featured-articles__item-content"> 6800 6801 <a 6802 href="/blogs/news/eddie-vedder-ersetzt-das-gestohlene-equipment-von-florence-road" 6803 onclick=" 6804 selectContentEvent({ 6805 contentName: 'eddie vedder ersetzt das gestohlene equipment von florence road', 6806 contentId: 1015760814471, 6807 contentSubtype: 'news', 6808 contentType: 'blog post', 6809 listName: '' 6810 }) 6811 " 6812 > 6813 6814 6815 <time class="featured-articles__item-date text_body_xs"> 6816 veröffentlicht am: 681730.09.26</time> 6818 6819 </a> 6820 6821 6822 <a 6823 href="/blogs/news/eddie-vedder-ersetzt-das-gestohlene-equipment-von-florence-road" 6824 onclick=" 6825 selectContentEvent({ 6826 contentName: 'eddie vedder ersetzt das gestohlene equipment von florence road', 6827 contentId: 1015760814471, 6828 contentSubtype: 'news', 6829 contentType: 'blog post', 6830 listName: '' 6831 }) 6832 " 6833 > 6834 <h3 6835 class="featured-articles__item-title text-article-heading-3 " 6836 >Eddie Vedder ersetzt das gestohlene Equipment von Florence Road</h3> 6837 </a> 6838 </div> 6839 6840 6841 <a 6842 href="https://thecircle.de/blogs/news" 6843 class="featured-articles__item-link text_navigation_md" 6844 aria-label="news Ãffen die Kategorie" 6845 onclick=" 6846 selectContentEvent({ 6847 contentName: 'news', 6848 contentSubtype: 'news', 6849 contentType: 'blog category', 6850 listName: '' 6851 }) 6852 " 6853 >news</a> 6854 6855 </article> 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 <article class="featured-articles__item 6867 6868 use-padding 6869 6870 6871 6872"> 6873 <a 6874 href="/blogs/news/a-perfect-circle-haben-eine-neue-single-to-whom-it-may-concern" 6875 onclick=" 6876 selectContentEvent({ 6877 contentName: 'a perfect circle haben eine neue single: âto whom it may concernâ', 6878 contentId: 1015760880007, 6879 contentSubtype: 'news', 6880 contentType: 'blog post', 6881 listName: '' 6882 }) 6883 " 6884 > 6885 <img 6886 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2285938247-1_eab3a7e6-5262-4712-a902-2768c2139a82.jpg?v=1790766891&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2285938247-1_eab3a7e6-5262-4712-a902-2768c2139a82.jpg?v=1790766891&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2285938247-1_eab3a7e6-5262-4712-a902-2768c2139a82.jpg?v=1790766891&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2285938247-1_eab3a7e6-5262-4712-a902-2768c2139a82.jpg?v=1790766891&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2285938247-1_eab3a7e6-5262-4712-a902-2768c2139a82.jpg?v=1790766891&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2285938247-1_eab3a7e6-5262-4712-a902-2768c2139a82.jpg?v=1790766891&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2285938247-1_eab3a7e6-5262-4712-a902-2768c2139a82.jpg?v=1790766891 1568w 6887 " 6888 src="//thecircle.de/cdn/shop/articles/gettyimages-2285938247-1_eab3a7e6-5262-4712-a902-2768c2139a82.jpg?v=1790766891&width=600" 6889 6890 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 6891 alt="Maynard James Keenan von A Perfect Circle live" 6892 loading="lazy" 6893 width="1568" 6894 height="666" 6895 class="featured-articles__item-image" 6896 aria-hidden="true" 6897 > 6898 </a> 6899 <div class="featured-articles__item-content"> 6900 6901 <a 6902 href="/blogs/news/a-perfect-circle-haben-eine-neue-single-to-whom-it-may-concern" 6903 onclick=" 6904 selectContentEvent({ 6905 contentName: 'a perfect circle haben eine neue single: âto whom it may concernâ', 6906 contentId: 1015760880007, 6907 contentSubtype: 'news', 6908 contentType: 'blog post', 6909 listName: '' 6910 }) 6911 " 6912 > 6913 6914 6915 <time class="featured-articles__item-date text_body_xs"> 6916 veröffentlicht am: 691730.09.26</time> 6918 6919 </a> 6920 6921 6922 <a 6923 href="/blogs/news/a-perfect-circle-haben-eine-neue-single-to-whom-it-may-concern" 6924 onclick=" 6925 selectContentEvent({ 6926 contentName: 'a perfect circle haben eine neue single: âto whom it may concernâ', 6927 contentId: 1015760880007, 6928 contentSubtype: 'news', 6929 contentType: 'blog post', 6930 listName: '' 6931 }) 6932 " 6933 > 6934 <h3 6935 class="featured-articles__item-title text-article-heading-3 " 6936 >A Perfect Circle haben eine neue Single: âTo Whom It May Concernâ</h3> 6937 </a> 6938 </div> 6939 6940 6941 <a 6942 href="https://thecircle.de/blogs/news" 6943 class="featured-articles__item-link text_navigation_md" 6944 aria-label="news Ãffen die Kategorie" 6945 onclick=" 6946 selectContentEvent({ 6947 contentName: 'news', 6948 contentSubtype: 'news', 6949 contentType: 'blog category', 6950 listName: '' 6951 }) 6952 " 6953 >news</a> 6954 6955 </article> 6956 6957 6958 6959 6960 6961 6962 6963 6964 6965 6966 <article class="featured-articles__item 6967 6968 use-padding 6969 6970 6971 6972"> 6973 <a 6974 href="/blogs/news/death-from-above-1979-sind-zuruck-album-und-single-private-lives" 6975 onclick=" 6976 selectContentEvent({ 6977 contentName: 'death from above 1979 sind zurück: album und single âprivate livesâ', 6978 contentId: 1015761273223, 6979 contentSubtype: 'news', 6980 contentType: 'blog post', 6981 listName: '' 6982 }) 6983 " 6984 > 6985 <img 6986 srcset="//thecircle.de/cdn/shop/articles/gettyimages-1409688515-1_558ef228-9f56-4933-bf09-0d108843991a.jpg?v=1790769288&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-1409688515-1_558ef228-9f56-4933-bf09-0d108843991a.jpg?v=1790769288&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-1409688515-1_558ef228-9f56-4933-bf09-0d108843991a.jpg?v=1790769288&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-1409688515-1_558ef228-9f56-4933-bf09-0d108843991a.jpg?v=1790769288&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-1409688515-1_558ef228-9f56-4933-bf09-0d108843991a.jpg?v=1790769288&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-1409688515-1_558ef228-9f56-4933-bf09-0d108843991a.jpg?v=1790769288&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-1409688515-1_558ef228-9f56-4933-bf09-0d108843991a.jpg?v=1790769288 1568w 6987 " 6988 src="//thecircle.de/cdn/shop/articles/gettyimages-1409688515-1_558ef228-9f56-4933-bf09-0d108843991a.jpg?v=1790769288&width=600" 6989 6990 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
6990w" 6991 alt="Death From Above 1979 live" 6992 loading="lazy" 6993 width="1568" 6994 height="666" 6995 class="featured-articles__item-image" 6996 aria-hidden="true" 6997 > 6998 </a> 6999 <div class="featured-articles__item-content"> 7000 7001 <a 7002 href="/blogs/news/death-from-above-1979-sind-zuruck-album-und-single-private-lives" 7003 onclick=" 7004 selectContentEvent({ 7005 contentName: 'death from above 1979 sind zurück: album und single âprivate livesâ', 7006 contentId: 1015761273223, 7007 contentSubtype: 'news', 7008 contentType: 'blog post', 7009 listName: '' 7010 }) 7011 " 7012 > 7013 7014 7015 <time class="featured-articles__item-date text_body_xs"> 7016 veröffentlicht am: 701730.09.26</time> 7018 7019 </a> 7020 7021 7022 <a 7023 href="/blogs/news/death-from-above-1979-sind-zuruck-album-und-single-private-lives" 7024 onclick=" 7025 selectContentEvent({ 7026 contentName: 'death from above 1979 sind zurück: album und single âprivate livesâ', 7027 contentId: 1015761273223, 7028 contentSubtype: 'news', 7029 contentType: 'blog post', 7030 listName: '' 7031 }) 7032 " 7033 > 7034 <h3 7035 class="featured-articles__item-title text-article-heading-3 " 7036 >Death From Above 1979 sind zurück: Album und Single âPrivate Livesâ</h3> 7037 </a> 7038 </div> 7039 7040 7041 <a 7042 href="https://thecircle.de/blogs/news" 7043 class="featured-articles__item-link text_navigation_md" 7044 aria-label="news Ãffen die Kategorie" 7045 onclick=" 7046 selectContentEvent({ 7047 contentName: 'news', 7048 contentSubtype: 'news', 7049 contentType: 'blog category', 7050 listName: '' 7051 }) 7052 " 7053 >news</a> 7054 7055 </article> 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 <article class="featured-articles__item 7067 7068 use-padding 7069 7070 7071 7072"> 7073 <a 7074 href="/blogs/news/drei-oasis-shows-eine-stadt-munchen-raumt-ab" 7075 onclick=" 7076 selectContentEvent({ 7077 contentName: 'drei oasis-shows, eine stadt: münchen räumt ab', 7078 contentId: 1004931285379, 7079 contentSubtype: 'news', 7080 contentType: 'blog post', 7081 listName: '' 7082 }) 7083 " 7084 > 7085 <img 7086 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2293947579-1.jpg?v=1790688648&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2293947579-1.jpg?v=1790688648&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2293947579-1.jpg?v=1790688648&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2293947579-1.jpg?v=1790688648&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2293947579-1.jpg?v=1790688648&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2293947579-1.jpg?v=1790688648&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2293947579-1.jpg?v=1790688648 1568w 7087 " 7088 src="//thecircle.de/cdn/shop/articles/gettyimages-2293947579-1.jpg?v=1790688648&width=600" 7089 7090 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 7091 alt="Liam und Noel Gallagher von Oasis bei ihrer Filmpremiere" 7092 loading="lazy" 7093 width="1568" 7094 height="666" 7095 class="featured-articles__item-image" 7096 aria-hidden="true" 7097 > 7098 </a> 7099 <div class="featured-articles__item-content"> 7100 7101 <a 7102 href="/blogs/news/drei-oasis-shows-eine-stadt-munchen-raumt-ab" 7103 onclick=" 7104 selectContentEvent({ 7105 contentName: 'drei oasis-shows, eine stadt: münchen räumt ab', 7106 contentId: 1004931285379, 7107 contentSubtype: 'news', 7108 contentType: 'blog post', 7109 listName: '' 7110 }) 7111 " 7112 > 7113 7114 7115 <time class="featured-articles__item-date text_body_xs"> 7116 veröffentlicht am: 711729.09.26</time> 7118 7119 </a> 7120 7121 7122 <a 7123 href="/blogs/news/drei-oasis-shows-eine-stadt-munchen-raumt-ab" 7124 onclick=" 7125 selectContentEvent({ 7126 contentName: 'drei oasis-shows, eine stadt: münchen räumt ab', 7127 contentId: 1004931285379, 7128 contentSubtype: 'news', 7129 contentType: 'blog post', 7130 listName: '' 7131 }) 7132 " 7133 > 7134 <h3 7135 class="featured-articles__item-title text-article-heading-3 " 7136 >Drei Oasis-Shows, eine Stadt: München räumt ab</h3> 7137 </a> 7138 </div> 7139 7140 7141 <a 7142 href="https://thecircle.de/blogs/news" 7143 class="featured-articles__item-link text_navigation_md" 7144 aria-label="news Ãffen die Kategorie" 7145 onclick=" 7146 selectContentEvent({ 7147 contentName: 'news', 7148 contentSubtype: 'news', 7149 contentType: 'blog category', 7150 listName: '' 7151 }) 7152 " 7153 >news</a> 7154 7155 </article> 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 <article class="featured-articles__item 7167 7168 use-padding 7169 7170 7171 7172"> 7173 <a 7174 href="/blogs/news/u2-machen-dublin-fur-einen-abend-zur-zeitmaschine" 7175 onclick=" 7176 selectContentEvent({ 7177 contentName: 'u2 machen dublin für einen abend zur zeitmaschine', 7178 contentId: 1015745315207, 7179 contentSubtype: 'news', 7180 contentType: 'blog post', 7181 listName: '' 7182 }) 7183 " 7184 > 7185 <img 7186 srcset="//thecircle.de/cdn/shop/articles/bono-edge-larry-mullen-jr-adam-clayton.jpg?v=1790688580&width=100 100w,//thecircle.de/cdn/shop/articles/bono-edge-larry-mullen-jr-adam-clayton.jpg?v=1790688580&width=200 200w,//thecircle.de/cdn/shop/articles/bono-edge-larry-mullen-jr-adam-clayton.jpg?v=1790688580&width=300 300w,//thecircle.de/cdn/shop/articles/bono-edge-larry-mullen-jr-adam-clayton.jpg?v=1790688580&width=600 600w,//thecircle.de/cdn/shop/articles/bono-edge-larry-mullen-jr-adam-clayton.jpg?v=1790688580&width=800 800w,//thecircle.de/cdn/shop/articles/bono-edge-larry-mullen-jr-adam-clayton.jpg?v=1790688580&width=1200 1200w,//thecircle.de/cdn/shop/articles/bono-edge-larry-mullen-jr-adam-clayton.jpg?v=1790688580 1568w 7187 " 7188 src="//thecircle.de/cdn/shop/articles/bono-edge-larry-mullen-jr-adam-clayton.jpg?v=1790688580&width=600" 7189 7190 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
7190w" 7191 alt="U2 live in Dublin" 7192 loading="lazy" 7193 width="1568" 7194 height="666" 7195 class="featured-articles__item-image" 7196 aria-hidden="true" 7197 > 7198 </a> 7199 <div class="featured-articles__item-content"> 7200 7201 <a 7202 href="/blogs/news/u2-machen-dublin-fur-einen-abend-zur-zeitmaschine" 7203 onclick=" 7204 selectContentEvent({ 7205 contentName: 'u2 machen dublin für einen abend zur zeitmaschine', 7206 contentId: 1015745315207, 7207 contentSubtype: 'news', 7208 contentType: 'blog post', 7209 listName: '' 7210 }) 7211 " 7212 > 7213 7214 7215 <time class="featured-articles__item-date text_body_xs"> 7216 veröffentlicht am: 721729.09.26</time> 7218 7219 </a> 7220 7221 7222 <a 7223 href="/blogs/news/u2-machen-dublin-fur-einen-abend-zur-zeitmaschine" 7224 onclick=" 7225 selectContentEvent({ 7226 contentName: 'u2 machen dublin für einen abend zur zeitmaschine', 7227 contentId: 1015745315207, 7228 contentSubtype: 'news', 7229 contentType: 'blog post', 7230 listName: '' 7231 }) 7232 " 7233 > 7234 <h3 7235 class="featured-articles__item-title text-article-heading-3 " 7236 >U2 machen Dublin für einen Abend zur Zeitmaschine</h3> 7237 </a> 7238 </div> 7239 7240 7241 <a 7242 href="https://thecircle.de/blogs/news" 7243 class="featured-articles__item-link text_navigation_md" 7244 aria-label="news Ãffen die Kategorie" 7245 onclick=" 7246 selectContentEvent({ 7247 contentName: 'news', 7248 contentSubtype: 'news', 7249 contentType: 'blog category', 7250 listName: '' 7251 }) 7252 " 7253 >news</a> 7254 7255 </article> 7256 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 <article class="featured-articles__item 7267 7268 use-padding 7269 7270 7271 7272"> 7273 <a 7274 href="/blogs/news/mtv-vmas-2026-rekorde-und-eine-auszeichnung-fur-nirvana" 7275 onclick=" 7276 selectContentEvent({ 7277 contentName: 'mtv vmas 2026: rekorde und eine auszeichnung für nirvana', 7278 contentId: 1015748264327, 7279 contentSubtype: 'news', 7280 contentType: 'blog post', 7281 listName: '' 7282 }) 7283 " 7284 > 7285 <img 7286 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2296959446-1_faf38532-c2fc-4be9-8d30-9768bea3e2fc.jpg?v=1790688716&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2296959446-1_faf38532-c2fc-4be9-8d30-9768bea3e2fc.jpg?v=1790688716&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2296959446-1_faf38532-c2fc-4be9-8d30-9768bea3e2fc.jpg?v=1790688716&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2296959446-1_faf38532-c2fc-4be9-8d30-9768bea3e2fc.jpg?v=1790688716&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2296959446-1_faf38532-c2fc-4be9-8d30-9768bea3e2fc.jpg?v=1790688716&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2296959446-1_faf38532-c2fc-4be9-8d30-9768bea3e2fc.jpg?v=1790688716&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2296959446-1_faf38532-c2fc-4be9-8d30-9768bea3e2fc.jpg?v=1790688716 1568w 7287 " 7288 src="//thecircle.de/cdn/shop/articles/gettyimages-2296959446-1_faf38532-c2fc-4be9-8d30-9768bea3e2fc.jpg?v=1790688716&width=600" 7289 7290 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 7291 alt="Taylor Swift und Madonna bei den 2026 VMAs" 7292 loading="lazy" 7293 width="1568" 7294 height="666" 7295 class="featured-articles__item-image" 7296 aria-hidden="true" 7297 > 7298 </a> 7299 <div class="featured-articles__item-content"> 7300 7301 <a 7302 href="/blogs/news/mtv-vmas-2026-rekorde-und-eine-auszeichnung-fur-nirvana" 7303 onclick=" 7304 selectContentEvent({ 7305 contentName: 'mtv vmas 2026: rekorde und eine auszeichnung für nirvana', 7306 contentId: 1015748264327, 7307 contentSubtype: 'news', 7308 contentType: 'blog post', 7309 listName: '' 7310 }) 7311 " 7312 > 7313 7314 7315 <time class="featured-articles__item-date text_body_xs"> 7316 veröffentlicht am: 731729.09.26</time> 7318 7319 </a> 7320 7321 7322 <a 7323 href="/blogs/news/mtv-vmas-2026-rekorde-und-eine-auszeichnung-fur-nirvana" 7324 onclick=" 7325 selectContentEvent({ 7326 contentName: 'mtv vmas 2026: rekorde und eine auszeichnung für nirvana', 7327 contentId: 1015748264327, 7328 contentSubtype: 'news', 7329 contentType: 'blog post', 7330 listName: '' 7331 }) 7332 " 7333 > 7334 <h3 7335 class="featured-articles__item-title text-article-heading-3 " 7336 >MTV VMAs 2026: Rekorde und eine Auszeichnung für Nirvana</h3> 7337 </a> 7338 </div> 7339 7340 7341 <a 7342 href="https://thecircle.de/blogs/news" 7343 class="featured-articles__item-link text_navigation_md" 7344 aria-label="news Ãffen die Kategorie" 7345 onclick=" 7346 selectContentEvent({ 7347 contentName: 'news', 7348 contentSubtype: 'news', 7349 contentType: 'blog category', 7350 listName: '' 7351 }) 7352 " 7353 >news</a> 7354 7355 </article> 7356 7357 7358 7359 7360 7361 7362 7363 7364 7365 7366 <article class="featured-articles__item 7367 7368 use-padding 7369 7370 7371 7372"> 7373 <a 7374 href="/blogs/news/stevie-wonder-vier-neue-songs-aus-der-songs-in-the-key-of-life-ara" 7375 onclick=" 7376 selectContentEvent({ 7377 contentName: 'stevie wonder: vier neue songs aus der âsongs in the key of lifeâ-ära', 7378 contentId: 1015757668743, 7379 contentSubtype: 'news', 7380 contentType: 'blog post', 7381 listName: '' 7382 }) 7383 " 7384 > 7385 <img 7386 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2272013526-1.jpg?v=1790758693&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2272013526-1.jpg?v=1790758693&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2272013526-1.jpg?v=1790758693&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2272013526-1.jpg?v=1790758693&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2272013526-1.jpg?v=1790758693&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2272013526-1.jpg?v=1790758693&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2272013526-1.jpg?v=1790758693 1568w 7387 " 7388 src="//thecircle.de/cdn/shop/articles/gettyimages-2272013526-1.jpg?v=1790758693&width=600" 7389 7390 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
7390w" 7391 alt="Stevie Wonder lacht" 7392 loading="lazy" 7393 width="1568" 7394 height="666" 7395 class="featured-articles__item-image" 7396 aria-hidden="true" 7397 > 7398 </a> 7399 <div class="featured-articles__item-content"> 7400 7401 <a 7402 href="/blogs/news/stevie-wonder-vier-neue-songs-aus-der-songs-in-the-key-of-life-ara" 7403 onclick=" 7404 selectContentEvent({ 7405 contentName: 'stevie wonder: vier neue songs aus der âsongs in the key of lifeâ-ära', 7406 contentId: 1015757668743, 7407 contentSubtype: 'news', 7408 contentType: 'blog post', 7409 listName: '' 7410 }) 7411 " 7412 > 7413 7414 7415 <time class="featured-articles__item-date text_body_xs"> 7416 veröffentlicht am: 741729.09.26</time> 7418 7419 </a> 7420 7421 7422 <a 7423 href="/blogs/news/stevie-wonder-vier-neue-songs-aus-der-songs-in-the-key-of-life-ara" 7424 onclick=" 7425 selectContentEvent({ 7426 contentName: 'stevie wonder: vier neue songs aus der âsongs in the key of lifeâ-ära', 7427 contentId: 1015757668743, 7428 contentSubtype: 'news', 7429 contentType: 'blog post', 7430 listName: '' 7431 }) 7432 " 7433 > 7434 <h3 7435 class="featured-articles__item-title text-article-heading-3 " 7436 >Stevie Wonder: Vier neue Songs aus der âSongs In The Key Of Lifeâ-Ãra</h3> 7437 </a> 7438 </div> 7439 7440 7441 <a 7442 href="https://thecircle.de/blogs/news" 7443 class="featured-articles__item-link text_navigation_md" 7444 aria-label="news Ãffen die Kategorie" 7445 onclick=" 7446 selectContentEvent({ 7447 contentName: 'news', 7448 contentSubtype: 'news', 7449 contentType: 'blog category', 7450 listName: '' 7451 }) 7452 " 7453 >news</a> 7454 7455 </article> 7456 7457 7458 7459 7460 7461 7462 7463 7464 7465 7466 <article class="featured-articles__item 7467 7468 use-padding 7469 7470 7471 7472"> 7473 <a 7474 href="/blogs/news/liam-gallagher-oasis-tickets-reinschleichen" 7475 onclick=" 7476 selectContentEvent({ 7477 contentName: 'liam gallagher rät fans ohne ticket zum reinschleichen', 7478 contentId: 1015757996423, 7479 contentSubtype: 'news', 7480 contentType: 'blog post', 7481 listName: '' 7482 }) 7483 " 7484 > 7485 <img 7486 srcset="//thecircle.de/cdn/shop/articles/liam-gallagher-2_2c62bda2-ea92-453b-b41c-ec3ed542ecee.jpg?v=1790681296&width=100 100w,//thecircle.de/cdn/shop/articles/liam-gallagher-2_2c62bda2-ea92-453b-b41c-ec3ed542ecee.jpg?v=1790681296&width=200 200w,//thecircle.de/cdn/shop/articles/liam-gallagher-2_2c62bda2-ea92-453b-b41c-ec3ed542ecee.jpg?v=1790681296&width=300 300w,//thecircle.de/cdn/shop/articles/liam-gallagher-2_2c62bda2-ea92-453b-b41c-ec3ed542ecee.jpg?v=1790681296&width=600 600w,//thecircle.de/cdn/shop/articles/liam-gallagher-2_2c62bda2-ea92-453b-b41c-ec3ed542ecee.jpg?v=1790681296&width=800 800w,//thecircle.de/cdn/shop/articles/liam-gallagher-2_2c62bda2-ea92-453b-b41c-ec3ed542ecee.jpg?v=1790681296&width=1200 1200w,//thecircle.de/cdn/shop/articles/liam-gallagher-2_2c62bda2-ea92-453b-b41c-ec3ed542ecee.jpg?v=1790681296 1568w 7487 " 7488 src="//thecircle.de/cdn/shop/articles/liam-gallagher-2_2c62bda2-ea92-453b-b41c-ec3ed542ecee.jpg?v=1790681296&width=600" 7489 7490 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 7491 alt="Liam Gallagher posiert" 7492 loading="lazy" 7493 width="1568" 7494 height="666" 7495 class="featured-articles__item-image" 7496 aria-hidden="true" 7497 > 7498 </a> 7499 <div class="featured-articles__item-content"> 7500 7501 <a 7502 href="/blogs/news/liam-gallagher-oasis-tickets-reinschleichen" 7503 onclick=" 7504 selectContentEvent({ 7505 contentName: 'liam gallagher rät fans ohne ticket zum reinschleichen', 7506 contentId: 1015757996423, 7507 contentSubtype: 'news', 7508 contentType: 'blog post', 7509 listName: '' 7510 }) 7511 " 7512 > 7513 7514 7515 <time class="featured-articles__item-date text_body_xs"> 7516 veröffentlicht am: 751729.09.26</time> 7518 7519 </a> 7520 7521 7522 <a 7523 href="/blogs/news/liam-gallagher-oasis-tickets-reinschleichen" 7524 onclick=" 7525 selectContentEvent({ 7526 contentName: 'liam gallagher rät fans ohne ticket zum reinschleichen', 7527 contentId: 1015757996423, 7528 contentSubtype: 'news', 7529 contentType: 'blog post', 7530 listName: '' 7531 }) 7532 " 7533 > 7534 <h3 7535 class="featured-articles__item-title text-article-heading-3 " 7536 >Liam Gallagher rät Fans ohne Ticket zum Reinschleichen</h3> 7537 </a> 7538 </div> 7539 7540 7541 <a 7542 href="https://thecircle.de/blogs/news" 7543 class="featured-articles__item-link text_navigation_md" 7544 aria-label="news Ãffen die Kategorie" 7545 onclick=" 7546 selectContentEvent({ 7547 contentName: 'news', 7548 contentSubtype: 'news', 7549 contentType: 'blog category', 7550 listName: '' 7551 }) 7552 " 7553 >news</a> 7554 7555 </article> 7556 7557 7558 7559 7560 7561 7562 7563 7564 7565 7566 <article class="featured-articles__item 7567 7568 use-padding 7569 7570 7571 7572"> 7573 <a 7574 href="/blogs/news/talking-heads-wieder-vereint-noch-immer-ohne-comeback" 7575 onclick=" 7576 selectContentEvent({ 7577 contentName: 'talking heads: wieder vereint, noch immer ohne comeback', 7578 contentId: 1004893798787, 7579 contentSubtype: 'news', 7580 contentType: 'blog post', 7581 listName: '' 7582 }) 7583 " 7584 > 7585 <img 7586 srcset="//thecircle.de/cdn/shop/articles/getty-scott-dudelson-talking-heads_616ece98-9ef6-40d1-b100-82550ba8168b.jpg?v=1790611185&width=100 100w,//thecircle.de/cdn/shop/articles/getty-scott-dudelson-talking-heads_616ece98-9ef6-40d1-b100-82550ba8168b.jpg?v=1790611185&width=200 200w,//thecircle.de/cdn/shop/articles/getty-scott-dudelson-talking-heads_616ece98-9ef6-40d1-b100-82550ba8168b.jpg?v=1790611185&width=300 300w,//thecircle.de/cdn/shop/articles/getty-scott-dudelson-talking-heads_616ece98-9ef6-40d1-b100-82550ba8168b.jpg?v=1790611185&width=600 600w,//thecircle.de/cdn/shop/articles/getty-scott-dudelson-talking-heads_616ece98-9ef6-40d1-b100-82550ba8168b.jpg?v=1790611185&width=800 800w,//thecircle.de/cdn/shop/articles/getty-scott-dudelson-talking-heads_616ece98-9ef6-40d1-b100-82550ba8168b.jpg?v=1790611185&width=1200 1200w,//thecircle.de/cdn/shop/articles/getty-scott-dudelson-talking-heads_616ece98-9ef6-40d1-b100-82550ba8168b.jpg?v=1790611185 1568w 7587 " 7588 src="//thecircle.de/cdn/shop/articles/getty-scott-dudelson-talking-heads_616ece98-9ef6-40d1-b100-82550ba8168b.jpg?v=1790611185&width=600" 7589 7590 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
7590w" 7591 alt="Talking Heads / David Byrne" 7592 loading="lazy" 7593 width="1568" 7594 height="666" 7595 class="featured-articles__item-image" 7596 aria-hidden="true" 7597 > 7598 </a> 7599 <div class="featured-articles__item-content"> 7600 7601 <a 7602 href="/blogs/news/talking-heads-wieder-vereint-noch-immer-ohne-comeback" 7603 onclick=" 7604 selectContentEvent({ 7605 contentName: 'talking heads: wieder vereint, noch immer ohne comeback', 7606 contentId: 1004893798787, 7607 contentSubtype: 'news', 7608 contentType: 'blog post', 7609 listName: '' 7610 }) 7611 " 7612 > 7613 7614 7615 <time class="featured-articles__item-date text_body_xs"> 7616 veröffentlicht am: 761728.09.26</time> 7618 7619 </a> 7620 7621 7622 <a 7623 href="/blogs/news/talking-heads-wieder-vereint-noch-immer-ohne-comeback" 7624 onclick=" 7625 selectContentEvent({ 7626 contentName: 'talking heads: wieder vereint, noch immer ohne comeback', 7627 contentId: 1004893798787, 7628 contentSubtype: 'news', 7629 contentType: 'blog post', 7630 listName: '' 7631 }) 7632 " 7633 > 7634 <h3 7635 class="featured-articles__item-title text-article-heading-3 " 7636 >Talking Heads: Wieder vereint, noch immer ohne Comeback</h3> 7637 </a> 7638 </div> 7639 7640 7641 <a 7642 href="https://thecircle.de/blogs/news" 7643 class="featured-articles__item-link text_navigation_md" 7644 aria-label="news Ãffen die Kategorie" 7645 onclick=" 7646 selectContentEvent({ 7647 contentName: 'news', 7648 contentSubtype: 'news', 7649 contentType: 'blog category', 7650 listName: '' 7651 }) 7652 " 7653 >news</a> 7654 7655 </article> 7656 7657 7658 7659 7660 7661 7662 7663 7664 7665 7666 <article class="featured-articles__item 7667 7668 use-padding 7669 7670 7671 7672"> 7673 <a 7674 href="/blogs/news/blink-182-feiern-ihr-pop-punk-erbe-mit-pac-man" 7675 onclick=" 7676 selectContentEvent({ 7677 contentName: 'blink-182 feiern ihr pop-punk-erbe mit pac-man', 7678 contentId: 1015743447431, 7679 contentSubtype: 'news', 7680 contentType: 'blog post', 7681 listName: '' 7682 }) 7683 " 7684 > 7685 <img 7686 srcset="//thecircle.de/cdn/shop/articles/getty-daniel-knighton-blink-182_a3aec09d-5a6a-4748-be8f-56365b672c15.jpg?v=1790611056&width=100 100w,//thecircle.de/cdn/shop/articles/getty-daniel-knighton-blink-182_a3aec09d-5a6a-4748-be8f-56365b672c15.jpg?v=1790611056&width=200 200w,//thecircle.de/cdn/shop/articles/getty-daniel-knighton-blink-182_a3aec09d-5a6a-4748-be8f-56365b672c15.jpg?v=1790611056&width=300 300w,//thecircle.de/cdn/shop/articles/getty-daniel-knighton-blink-182_a3aec09d-5a6a-4748-be8f-56365b672c15.jpg?v=1790611056&width=600 600w,//thecircle.de/cdn/shop/articles/getty-daniel-knighton-blink-182_a3aec09d-5a6a-4748-be8f-56365b672c15.jpg?v=1790611056&width=800 800w,//thecircle.de/cdn/shop/articles/getty-daniel-knighton-blink-182_a3aec09d-5a6a-4748-be8f-56365b672c15.jpg?v=1790611056&width=1200 1200w,//thecircle.de/cdn/shop/articles/getty-daniel-knighton-blink-182_a3aec09d-5a6a-4748-be8f-56365b672c15.jpg?v=1790611056 1568w 7687 " 7688 src="//thecircle.de/cdn/shop/articles/getty-daniel-knighton-blink-182_a3aec09d-5a6a-4748-be8f-56365b672c15.jpg?v=1790611056&width=600" 7689 7690 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 7691 alt="Blink Pac-Man" 7692 loading="lazy" 7693 width="1568" 7694 height="666" 7695 class="featured-articles__item-image" 7696 aria-hidden="true" 7697 > 7698 </a> 7699 <div class="featured-articles__item-content"> 7700 7701 <a 7702 href="/blogs/news/blink-182-feiern-ihr-pop-punk-erbe-mit-pac-man" 7703 onclick=" 7704 selectContentEvent({ 7705 contentName: 'blink-182 feiern ihr pop-punk-erbe mit pac-man', 7706 contentId: 1015743447431, 7707 contentSubtype: 'news', 7708 contentType: 'blog post', 7709 listName: '' 7710 }) 7711 " 7712 > 7713 7714 7715 <time class="featured-articles__item-date text_body_xs"> 7716 veröffentlicht am: 771728.09.26</time> 7718 7719 </a> 7720 7721 7722 <a 7723 href="/blogs/news/blink-182-feiern-ihr-pop-punk-erbe-mit-pac-man" 7724 onclick=" 7725 selectContentEvent({ 7726 contentName: 'blink-182 feiern ihr pop-punk-erbe mit pac-man', 7727 contentId: 1015743447431, 7728 contentSubtype: 'news', 7729 contentType: 'blog post', 7730 listName: '' 7731 }) 7732 " 7733 > 7734 <h3 7735 class="featured-articles__item-title text-article-heading-3 " 7736 >Blink-182 feiern ihr Pop-Punk-Erbe mit Pac-Man</h3> 7737 </a> 7738 </div> 7739 7740 7741 <a 7742 href="https://thecircle.de/blogs/news" 7743 class="featured-articles__item-link text_navigation_md" 7744 aria-label="news Ãffen die Kategorie" 7745 onclick=" 7746 selectContentEvent({ 7747 contentName: 'news', 7748 contentSubtype: 'news', 7749 contentType: 'blog category', 7750 listName: '' 7751 }) 7752 " 7753 >news</a> 7754 7755 </article> 7756 7757 7758 7759 7760 7761 7762 7763 7764 7765 7766 <article class="featured-articles__item 7767 7768 use-padding 7769 7770 7771 7772"> 7773 <a 7774 href="/blogs/news/pearl-jam-ist-das-ihr-neuer-mann-am-schlagzeug" 7775 onclick=" 7776 selectContentEvent({ 7777 contentName: 'pearl jam: ist das ihr neuer mann am schlagzeug?', 7778 contentId: 1015745380743, 7779 contentSubtype: 'news', 7780 contentType: 'blog post', 7781 listName: '' 7782 }) 7783 " 7784 > 7785 <img 7786 srcset="//thecircle.de/cdn/shop/articles/abe-laboriel-jr.jpg?v=1790611216&width=100 100w,//thecircle.de/cdn/shop/articles/abe-laboriel-jr.jpg?v=1790611216&width=200 200w,//thecircle.de/cdn/shop/articles/abe-laboriel-jr.jpg?v=1790611216&width=300 300w,//thecircle.de/cdn/shop/articles/abe-laboriel-jr.jpg?v=1790611216&width=600 600w,//thecircle.de/cdn/shop/articles/abe-laboriel-jr.jpg?v=1790611216&width=800 800w,//thecircle.de/cdn/shop/articles/abe-laboriel-jr.jpg?v=1790611216&width=1200 1200w,//thecircle.de/cdn/shop/articles/abe-laboriel-jr.jpg?v=1790611216 1568w 7787 " 7788 src="//thecircle.de/cdn/shop/articles/abe-laboriel-jr.jpg?v=1790611216&width=600" 7789 7790 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
7790w" 7791 alt="Abe Laboriel Jr" 7792 loading="lazy" 7793 width="1568" 7794 height="666" 7795 class="featured-articles__item-image" 7796 aria-hidden="true" 7797 > 7798 </a> 7799 <div class="featured-articles__item-content"> 7800 7801 <a 7802 href="/blogs/news/pearl-jam-ist-das-ihr-neuer-mann-am-schlagzeug" 7803 onclick=" 7804 selectContentEvent({ 7805 contentName: 'pearl jam: ist das ihr neuer mann am schlagzeug?', 7806 contentId: 1015745380743, 7807 contentSubtype: 'news', 7808 contentType: 'blog post', 7809 listName: '' 7810 }) 7811 " 7812 > 7813 7814 7815 <time class="featured-articles__item-date text_body_xs"> 7816 veröffentlicht am: 781728.09.26</time> 7818 7819 </a> 7820 7821 7822 <a 7823 href="/blogs/news/pearl-jam-ist-das-ihr-neuer-mann-am-schlagzeug" 7824 onclick=" 7825 selectContentEvent({ 7826 contentName: 'pearl jam: ist das ihr neuer mann am schlagzeug?', 7827 contentId: 1015745380743, 7828 contentSubtype: 'news', 7829 contentType: 'blog post', 7830 listName: '' 7831 }) 7832 " 7833 > 7834 <h3 7835 class="featured-articles__item-title text-article-heading-3 " 7836 >Pearl Jam: Ist das ihr neuer Mann am Schlagzeug?</h3> 7837 </a> 7838 </div> 7839 7840 7841 <a 7842 href="https://thecircle.de/blogs/news" 7843 class="featured-articles__item-link text_navigation_md" 7844 aria-label="news Ãffen die Kategorie" 7845 onclick=" 7846 selectContentEvent({ 7847 contentName: 'news', 7848 contentSubtype: 'news', 7849 contentType: 'blog category', 7850 listName: '' 7851 }) 7852 " 7853 >news</a> 7854 7855 </article> 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865 7866 <article class="featured-articles__item 7867 7868 use-padding 7869 7870 7871 7872"> 7873 <a 7874 href="/blogs/news/gwar-grundungsmitglied-chuck-varga-ist-mit-68-jahren-an-krebs-verstorben" 7875 onclick=" 7876 selectContentEvent({ 7877 contentName: 'chuck varga von gwar ist mit 68 jahren verstorben', 7878 contentId: 1015747510663, 7879 contentSubtype: 'news', 7880 contentType: 'blog post', 7881 listName: '' 7882 }) 7883 " 7884 > 7885 <img 7886 srcset="//thecircle.de/cdn/shop/articles/gwar-1.jpg?v=1790592448&width=100 100w,//thecircle.de/cdn/shop/articles/gwar-1.jpg?v=1790592448&width=200 200w,//thecircle.de/cdn/shop/articles/gwar-1.jpg?v=1790592448&width=300 300w,//thecircle.de/cdn/shop/articles/gwar-1.jpg?v=1790592448&width=600 600w,//thecircle.de/cdn/shop/articles/gwar-1.jpg?v=1790592448&width=800 800w,//thecircle.de/cdn/shop/articles/gwar-1.jpg?v=1790592448&width=1200 1200w,//thecircle.de/cdn/shop/articles/gwar-1.jpg?v=1790592448 1568w 7887 " 7888 src="//thecircle.de/cdn/shop/articles/gwar-1.jpg?v=1790592448&width=600" 7889 7890 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 7891 alt="Chuck Varga von GWAR ist verstoben." 7892 loading="lazy" 7893 width="1568" 7894 height="666" 7895 class="featured-articles__item-image" 7896 aria-hidden="true" 7897 > 7898 </a> 7899 <div class="featured-articles__item-content"> 7900 7901 <a 7902 href="/blogs/news/gwar-grundungsmitglied-chuck-varga-ist-mit-68-jahren-an-krebs-verstorben" 7903 onclick=" 7904 selectContentEvent({ 7905 contentName: 'chuck varga von gwar ist mit 68 jahren verstorben', 7906 contentId: 1015747510663, 7907 contentSubtype: 'news', 7908 contentType: 'blog post', 7909 listName: '' 7910 }) 7911 " 7912 > 7913 7914 7915 <time class="featured-articles__item-date text_body_xs"> 7916 veröffentlicht am: 791728.09.26</time> 7918 7919 </a> 7920 7921 7922 <a 7923 href="/blogs/news/gwar-grundungsmitglied-chuck-varga-ist-mit-68-jahren-an-krebs-verstorben"
7924 onclick=" 7925 selectContentEvent({ 7926 contentName: 'chuck varga von gwar ist mit 68 jahren verstorben', 7927 contentId: 1015747510663, 7928 contentSubtype: 'news', 7929 contentType: 'blog post', 7930 listName: '' 7931 }) 7932 " 7933 > 7934 <h3 7935 class="featured-articles__item-title text-article-heading-3 " 7936 >Chuck Varga von GWAR ist mit 68 Jahren verstorben</h3> 7937 </a> 7938 </div> 7939 7940 7941 <a 7942 href="https://thecircle.de/blogs/news" 7943 class="featured-articles__item-link text_navigation_md" 7944 aria-label="news Ãffen die Kategorie" 7945 onclick=" 7946 selectContentEvent({ 7947 contentName: 'news', 7948 contentSubtype: 'news', 7949 contentType: 'blog category', 7950 listName: '' 7951 }) 7952 " 7953 >news</a> 7954 7955 </article> 7956 7957 7958 7959 7960 7961 7962 7963 7964 7965 7966 <article class="featured-articles__item 7967 7968 use-padding 7969 7970 7971 7972"> 7973 <a 7974 href="/blogs/news/lizzy-mcalpine-reist-over-the-country-und-stoppt-auch-in-deutschland" 7975 onclick=" 7976 selectContentEvent({ 7977 contentName: 'lizzy mcalpine reist âover the countryâ und stoppt auch in deutschland', 7978 contentId: 1015747838343, 7979 contentSubtype: 'news', 7980 contentType: 'blog post', 7981 listName: '' 7982 }) 7983 " 7984 > 7985 <img 7986 srcset="//thecircle.de/cdn/shop/articles/lizzy-2_a3d69551-16c7-40d8-90f7-fa5bd53ef28c.jpg?v=1790592773&width=100 100w,//thecircle.de/cdn/shop/articles/lizzy-2_a3d69551-16c7-40d8-90f7-fa5bd53ef28c.jpg?v=1790592773&width=200 200w,//thecircle.de/cdn/shop/articles/lizzy-2_a3d69551-16c7-40d8-90f7-fa5bd53ef28c.jpg?v=1790592773&width=300 300w,//thecircle.de/cdn/shop/articles/lizzy-2_a3d69551-16c7-40d8-90f7-fa5bd53ef28c.jpg?v=1790592773&width=600 600w,//thecircle.de/cdn/shop/articles/lizzy-2_a3d69551-16c7-40d8-90f7-fa5bd53ef28c.jpg?v=1790592773&width=800 800w,//thecircle.de/cdn/shop/articles/lizzy-2_a3d69551-16c7-40d8-90f7-fa5bd53ef28c.jpg?v=1790592773&width=1200 1200w,//thecircle.de/cdn/shop/articles/lizzy-2_a3d69551-16c7-40d8-90f7-fa5bd53ef28c.jpg?v=1790592773 1568w 7987 " 7988 src="//thecircle.de/cdn/shop/articles/lizzy-2_a3d69551-16c7-40d8-90f7-fa5bd53ef28c.jpg?v=1790592773&width=600" 7989 7990 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 7991 alt="Lozzy McAlpine geht auf Tour" 7992 loading="lazy" 7993 width="1568" 7994 height="666" 7995 class="featured-articles__item-image" 7996 aria-hidden="true" 7997 > 7998 </a> 7999 <div class="featured-articles__item-content"> 8000 8001 <a 8002 href="/blogs/news/lizzy-mcalpine-reist-over-the-country-und-stoppt-auch-in-deutschland" 8003 onclick=" 8004 selectContentEvent({ 8005 contentName: 'lizzy mcalpine reist âover the countryâ und stoppt auch in deutschland', 8006 contentId: 1015747838343, 8007 contentSubtype: 'news', 8008 contentType: 'blog post', 8009 listName: '' 8010 }) 8011 " 8012 > 8013 8014 8015 <time class="featured-articles__item-date text_body_xs"> 8016 veröffentlicht am: 801728.09.26</time> 8018 8019 </a> 8020 8021 8022 <a 8023 href="/blogs/news/lizzy-mcalpine-reist-over-the-country-und-stoppt-auch-in-deutschland" 8024 onclick=" 8025 selectContentEvent({ 8026 contentName: 'lizzy mcalpine reist âover the countryâ und stoppt auch in deutschland', 8027 contentId: 1015747838343, 8028 contentSubtype: 'news', 8029 contentType: 'blog post', 8030 listName: '' 8031 }) 8032 " 8033 > 8034 <h3 8035 class="featured-articles__item-title text-article-heading-3 " 8036 >Lizzy McAlpine reist âOver The Countryâ und stoppt auch in Deutschland</h3> 8037 </a> 8038 </div> 8039 8040 8041 <a 8042 href="https://thecircle.de/blogs/news" 8043 class="featured-articles__item-link text_navigation_md" 8044 aria-label="news Ãffen die Kategorie" 8045 onclick=" 8046 selectContentEvent({ 8047 contentName: 'news', 8048 contentSubtype: 'news', 8049 contentType: 'blog category', 8050 listName: '' 8051 }) 8052 " 8053 >news</a> 8054 8055 </article> 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 <article class="featured-articles__item 8067 8068 use-padding 8069 8070 8071 8072"> 8073 <a 8074 href="/blogs/news/die-besten-performances-bei-den-vmas-2026-madonna-yung-lean-und-mehr" 8075 onclick=" 8076 selectContentEvent({ 8077 contentName: 'die besten performances bei den vmas 2026: madonna, yung lean und mehr', 8078 contentId: 1015752884615, 8079 contentSubtype: 'news', 8080 contentType: 'blog post', 8081 listName: '' 8082 }) 8083 " 8084 > 8085 <img 8086 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2296950946-1.jpg?v=1790597602&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2296950946-1.jpg?v=1790597602&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2296950946-1.jpg?v=1790597602&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2296950946-1.jpg?v=1790597602&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2296950946-1.jpg?v=1790597602&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2296950946-1.jpg?v=1790597602&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2296950946-1.jpg?v=1790597602 1568w 8087 " 8088 src="//thecircle.de/cdn/shop/articles/gettyimages-2296950946-1.jpg?v=1790597602&width=600" 8089 8090 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
8090w" 8091 alt="Kacey Musgraves live bei den MTV VMAs 2026" 8092 loading="lazy" 8093 width="1568" 8094 height="666" 8095 class="featured-articles__item-image" 8096 aria-hidden="true" 8097 > 8098 </a> 8099 <div class="featured-articles__item-content"> 8100 8101 <a 8102 href="/blogs/news/die-besten-performances-bei-den-vmas-2026-madonna-yung-lean-und-mehr" 8103 onclick=" 8104 selectContentEvent({ 8105 contentName: 'die besten performances bei den vmas 2026: madonna, yung lean und mehr', 8106 contentId: 1015752884615, 8107 contentSubtype: 'news', 8108 contentType: 'blog post', 8109 listName: '' 8110 }) 8111 " 8112 > 8113 8114 8115 <time class="featured-articles__item-date text_body_xs"> 8116 veröffentlicht am: 811728.09.26</time> 8118 8119 </a> 8120 8121 8122 <a 8123 href="/blogs/news/die-besten-performances-bei-den-vmas-2026-madonna-yung-lean-und-mehr" 8124 onclick=" 8125 selectContentEvent({ 8126 contentName: 'die besten performances bei den vmas 2026: madonna, yung lean und mehr', 8127 contentId: 1015752884615, 8128 contentSubtype: 'news', 8129 contentType: 'blog post', 8130 listName: '' 8131 }) 8132 " 8133 > 8134 <h3 8135 class="featured-articles__item-title text-article-heading-3 " 8136 >Die besten Performances bei den VMAs 2026: Madonna, Yung Lean und mehr</h3> 8137 </a> 8138 </div> 8139 8140 8141 <a 8142 href="https://thecircle.de/blogs/news" 8143 class="featured-articles__item-link text_navigation_md" 8144 aria-label="news Ãffen die Kategorie" 8145 onclick=" 8146 selectContentEvent({ 8147 contentName: 'news', 8148 contentSubtype: 'news', 8149 contentType: 'blog category', 8150 listName: '' 8151 }) 8152 " 8153 >news</a> 8154 8155 </article> 8156 8157 8158 8159 8160 8161 8162 8163 8164 8165 8166 <article class="featured-articles__item 8167 8168 use-padding 8169 8170 8171 8172"> 8173 <a 8174 href="/blogs/news/die-neunziger-haben-angerufen-die-cd-boomt-wieder" 8175 onclick=" 8176 selectContentEvent({ 8177 contentName: 'die neunziger haben angerufen: die cd boomt wieder', 8178 contentId: 1004903530883, 8179 contentSubtype: 'news', 8180 contentType: 'blog post', 8181 listName: '' 8182 }) 8183 " 8184 > 8185 <img 8186 srcset="//thecircle.de/cdn/shop/articles/getty-the-washington-post-cd.jpg?v=1790404331&width=100 100w,//thecircle.de/cdn/shop/articles/getty-the-washington-post-cd.jpg?v=1790404331&width=200 200w,//thecircle.de/cdn/shop/articles/getty-the-washington-post-cd.jpg?v=1790404331&width=300 300w,//thecircle.de/cdn/shop/articles/getty-the-washington-post-cd.jpg?v=1790404331&width=600 600w,//thecircle.de/cdn/shop/articles/getty-the-washington-post-cd.jpg?v=1790404331&width=800 800w,//thecircle.de/cdn/shop/articles/getty-the-washington-post-cd.jpg?v=1790404331&width=1200 1200w,//thecircle.de/cdn/shop/articles/getty-the-washington-post-cd.jpg?v=1790404331 1568w 8187 " 8188 src="//thecircle.de/cdn/shop/articles/getty-the-washington-post-cd.jpg?v=1790404331&width=600" 8189 8190 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 8191 alt="CDs" 8192 loading="lazy" 8193 width="1568" 8194 height="666" 8195 class="featured-articles__item-image" 8196 aria-hidden="true" 8197 > 8198 </a> 8199 <div class="featured-articles__item-content"> 8200 8201 <a 8202 href="/blogs/news/die-neunziger-haben-angerufen-die-cd-boomt-wieder" 8203 onclick=" 8204 selectContentEvent({ 8205 contentName: 'die neunziger haben angerufen: die cd boomt wieder', 8206 contentId: 1004903530883, 8207 contentSubtype: 'news', 8208 contentType: 'blog post', 8209 listName: '' 8210 }) 8211 " 8212 > 8213 8214 8215 <time class="featured-articles__item-date text_body_xs"> 8216 veröffentlicht am: 821726.09.26</time> 8218 8219 </a> 8220 8221 8222 <a 8223 href="/blogs/news/die-neunziger-haben-angerufen-die-cd-boomt-wieder" 8224 onclick=" 8225 selectContentEvent({ 8226 contentName: 'die neunziger haben angerufen: die cd boomt wieder', 8227 contentId: 1004903530883, 8228 contentSubtype: 'news', 8229 contentType: 'blog post', 8230 listName: '' 8231 }) 8232 " 8233 > 8234 <h3 8235 class="featured-articles__item-title text-article-heading-3 " 8236 >Die Neunziger haben angerufen: Die CD boomt wieder</h3> 8237 </a> 8238 </div> 8239 8240 8241 <a 8242 href="https://thecircle.de/blogs/news" 8243 class="featured-articles__item-link text_navigation_md" 8244 aria-label="news Ãffen die Kategorie" 8245 onclick=" 8246 selectContentEvent({ 8247 contentName: 'news', 8248 contentSubtype: 'news', 8249 contentType: 'blog category', 8250 listName: '' 8251 }) 8252 " 8253 >news</a> 8254 8255 </article> 8256 8257 8258 8259 8260 8261 8262 8263 8264 8265 8266 <article class="featured-articles__item 8267 8268 use-padding 8269 8270 8271 8272"> 8273 <a 8274 href="/blogs/news/apple-eroffnet-eine-musikvenue-an-einem-ganz-besonderen-standort" 8275 onclick=" 8276 selectContentEvent({ 8277 contentName: 'apple eröffnet eine musikvenue an einem ganz besonderen standort', 8278 contentId: 1004920963459, 8279 contentSubtype: 'news', 8280 contentType: 'blog post', 8281 listName: '' 8282 }) 8283 " 8284 > 8285 <img 8286 srcset="//thecircle.de/cdn/shop/articles/gettyimages-126589705-1_92405a66-e09b-4f21-9e5c-3af0681c1b14.jpg?v=1790404157&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-126589705-1_92405a66-e09b-4f21-9e5c-3af0681c1b14.jpg?v=1790404157&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-126589705-1_92405a66-e09b-4f21-9e5c-3af0681c1b14.jpg?v=1790404157&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-126589705-1_92405a66-e09b-4f21-9e5c-3af0681c1b14.jpg?v=1790404157&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-126589705-1_92405a66-e09b-4f21-9e5c-3af0681c1b14.jpg?v=1790404157&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-126589705-1_92405a66-e09b-4f21-9e5c-3af0681c1b14.jpg?v=1790404157&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-126589705-1_92405a66-e09b-4f21-9e5c-3af0681c1b14.jpg?v=1790404157 1568w 8287 " 8288 src="//thecircle.de/cdn/shop/articles/gettyimages-126589705-1_92405a66-e09b-4f21-9e5c-3af0681c1b14.jpg?v=1790404157&width=600" 8289 8290 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
8290w" 8291 alt="die Battersea Power Station mit dem Schwein von Pink Floyds "Animals"" 8292 loading="lazy" 8293 width="1568" 8294 height="666" 8295 class="featured-articles__item-image" 8296 aria-hidden="true" 8297 > 8298 </a> 8299 <div class="featured-articles__item-content"> 8300 8301 <a 8302 href="/blogs/news/apple-eroffnet-eine-musikvenue-an-einem-ganz-besonderen-standort" 8303 onclick=" 8304 selectContentEvent({ 8305 contentName: 'apple eröffnet eine musikvenue an einem ganz besonderen standort', 8306 contentId: 1004920963459, 8307 contentSubtype: 'news', 8308 contentType: 'blog post', 8309 listName: '' 8310 }) 8311 " 8312 > 8313 8314 8315 <time class="featured-articles__item-date text_body_xs"> 8316 veröffentlicht am: 831726.09.26</time> 8318 8319 </a> 8320 8321 8322 <a 8323 href="/blogs/news/apple-eroffnet-eine-musikvenue-an-einem-ganz-besonderen-standort" 8324 onclick=" 8325 selectContentEvent({ 8326 contentName: 'apple eröffnet eine musikvenue an einem ganz besonderen standort', 8327 contentId: 1004920963459, 8328 contentSubtype: 'news', 8329 contentType: 'blog post', 8330 listName: '' 8331 }) 8332 " 8333 > 8334 <h3 8335 class="featured-articles__item-title text-article-heading-3 " 8336 >Apple eröffnet eine Musikvenue an einem ganz besonderen Standort</h3> 8337 </a> 8338 </div> 8339 8340 8341 <a 8342 href="https://thecircle.de/blogs/news" 8343 class="featured-articles__item-link text_navigation_md" 8344 aria-label="news Ãffen die Kategorie" 8345 onclick=" 8346 selectContentEvent({ 8347 contentName: 'news', 8348 contentSubtype: 'news', 8349 contentType: 'blog category', 8350 listName: '' 8351 }) 8352 " 8353 >news</a> 8354 8355 </article> 8356 8357 8358 8359 8360 8361 8362 8363 8364 8365 8366 <article class="featured-articles__item 8367 8368 use-padding 8369 8370 8371 8372"> 8373 <a 8374 href="/blogs/news/jarvis-cocker-aussert-sich-zur-zukunft-von-pulp" 8375 onclick=" 8376 selectContentEvent({ 8377 contentName: 'jarvis cocker äuÃert sich zur zukunft von pulp', 8378 contentId: 1015743512967, 8379 contentSubtype: 'news', 8380 contentType: 'blog post', 8381 listName: '' 8382 }) 8383 " 8384 > 8385 <img 8386 srcset="//thecircle.de/cdn/shop/articles/getty-shirlaine-forrest-pulp_0cb3ca27-83c7-4b56-9949-60ec684932cc.jpg?v=1790418195&width=100 100w,//thecircle.de/cdn/shop/articles/getty-shirlaine-forrest-pulp_0cb3ca27-83c7-4b56-9949-60ec684932cc.jpg?v=1790418195&width=200 200w,//thecircle.de/cdn/shop/articles/getty-shirlaine-forrest-pulp_0cb3ca27-83c7-4b56-9949-60ec684932cc.jpg?v=1790418195&width=300 300w,//thecircle.de/cdn/shop/articles/getty-shirlaine-forrest-pulp_0cb3ca27-83c7-4b56-9949-60ec684932cc.jpg?v=1790418195&width=600 600w,//thecircle.de/cdn/shop/articles/getty-shirlaine-forrest-pulp_0cb3ca27-83c7-4b56-9949-60ec684932cc.jpg?v=1790418195&width=800 800w,//thecircle.de/cdn/shop/articles/getty-shirlaine-forrest-pulp_0cb3ca27-83c7-4b56-9949-60ec684932cc.jpg?v=1790418195&width=1200 1200w,//thecircle.de/cdn/shop/articles/getty-shirlaine-forrest-pulp_0cb3ca27-83c7-4b56-9949-60ec684932cc.jpg?v=1790418195 1568w 8387 " 8388 src="//thecircle.de/cdn/shop/articles/getty-shirlaine-forrest-pulp_0cb3ca27-83c7-4b56-9949-60ec684932cc.jpg?v=1790418195&width=600" 8389 8390 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 8391 alt="Pulp" 8392 loading="lazy" 8393 width="1568" 8394 height="666" 8395 class="featured-articles__item-image" 8396 aria-hidden="true" 8397 > 8398 </a> 8399 <div class="featured-articles__item-content"> 8400 8401 <a 8402 href="/blogs/news/jarvis-cocker-aussert-sich-zur-zukunft-von-pulp" 8403 onclick=" 8404 selectContentEvent({ 8405 contentName: 'jarvis cocker äuÃert sich zur zukunft von pulp', 8406 contentId: 1015743512967, 8407 contentSubtype: 'news', 8408 contentType: 'blog post', 8409 listName: '' 8410 }) 8411 " 8412 > 8413 8414 8415 <time class="featured-articles__item-date text_body_xs"> 8416 veröffentlicht am: 841726.09.26</time> 8418 8419 </a> 8420 8421 8422 <a 8423 href="/blogs/news/jarvis-cocker-aussert-sich-zur-zukunft-von-pulp" 8424 onclick=" 8425 selectContentEvent({ 8426 contentName: 'jarvis cocker äuÃert sich zur zukunft von pulp', 8427 contentId: 1015743512967, 8428 contentSubtype: 'news', 8429 contentType: 'blog post', 8430 listName: '' 8431 }) 8432 " 8433 > 8434 <h3 8435 class="featured-articles__item-title text-article-heading-3 " 8436 >Jarvis Cocker äuÃert sich zur Zukunft von Pulp</h3> 8437 </a> 8438 </div> 8439 8440 8441 <a 8442 href="https://thecircle.de/blogs/news" 8443 class="featured-articles__item-link text_navigation_md" 8444 aria-label="news Ãffen die Kategorie" 8445 onclick=" 8446 selectContentEvent({ 8447 contentName: 'news', 8448 contentSubtype: 'news', 8449 contentType: 'blog category', 8450 listName: '' 8451 }) 8452 " 8453 >news</a> 8454 8455 </article> 8456 8457 8458 8459 8460 8461 8462 8463 8464 8465 8466 <article class="featured-articles__item 8467 8468 use-padding 8469 8470 8471 8472"> 8473 <a 8474 href="/blogs/news/the-beach-boys-sagen-spontan-konzerte-ab-ist-mike-love-krank" 8475 onclick=" 8476 selectContentEvent({ 8477 contentName: 'the beach boys sagen spontan konzerte ab â ist mike love krank?', 8478 contentId: 1015741448583, 8479 contentSubtype: 'news', 8480 contentType: 'blog post', 8481 listName: '' 8482 }) 8483 " 8484 > 8485 <img 8486 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2236512491-1.jpg?v=1790335323&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2236512491-1.jpg?v=1790335323&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2236512491-1.jpg?v=1790335323&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2236512491-1.jpg?v=1790335323&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2236512491-1.jpg?v=1790335323&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2236512491-1.jpg?v=1790335323&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2236512491-1.jpg?v=1790335323 1568w 8487 " 8488 src="//thecircle.de/cdn/shop/articles/gettyimages-2236512491-1.jpg?v=1790335323&width=600" 8489 8490 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
8490w" 8491 alt="Mike Love von The Beach Boys live" 8492 loading="lazy" 8493 width="1568" 8494 height="666" 8495 class="featured-articles__item-image" 8496 aria-hidden="true" 8497 > 8498 </a> 8499 <div class="featured-articles__item-content"> 8500 8501 <a 8502 href="/blogs/news/the-beach-boys-sagen-spontan-konzerte-ab-ist-mike-love-krank" 8503 onclick=" 8504 selectContentEvent({ 8505 contentName: 'the beach boys sagen spontan konzerte ab â ist mike love krank?', 8506 contentId: 1015741448583, 8507 contentSubtype: 'news', 8508 contentType: 'blog post', 8509 listName: '' 8510 }) 8511 " 8512 > 8513 8514 8515 <time class="featured-articles__item-date text_body_xs"> 8516 veröffentlicht am: 851725.09.26</time> 8518 8519 </a> 8520 8521 8522 <a 8523 href="/blogs/news/the-beach-boys-sagen-spontan-konzerte-ab-ist-mike-love-krank" 8524 onclick=" 8525 selectContentEvent({ 8526 contentName: 'the beach boys sagen spontan konzerte ab â ist mike love krank?', 8527 contentId: 1015741448583, 8528 contentSubtype: 'news', 8529 contentType: 'blog post', 8530 listName: '' 8531 }) 8532 " 8533 > 8534 <h3 8535 class="featured-articles__item-title text-article-heading-3 " 8536 >The Beach Boys sagen spontan Konzerte ab â ist Mike Love krank?</h3> 8537 </a> 8538 </div> 8539 8540 8541 <a 8542 href="https://thecircle.de/blogs/news" 8543 class="featured-articles__item-link text_navigation_md" 8544 aria-label="news Ãffen die Kategorie" 8545 onclick=" 8546 selectContentEvent({ 8547 contentName: 'news', 8548 contentSubtype: 'news', 8549 contentType: 'blog category', 8550 listName: '' 8551 }) 8552 " 8553 >news</a> 8554 8555 </article> 8556 8557 8558 8559 8560 8561 8562 8563 8564 8565 8566 <article class="featured-articles__item 8567 8568 use-padding 8569 8570 8571 8572"> 8573 <a 8574 href="/blogs/news/phoebe-bridgers-zeigt-on-video-neuer-song-fur-den-film-primetime" 8575 onclick=" 8576 selectContentEvent({ 8577 contentName: 'phoebe bridgers zeigt âon videoâ: neuer song für den film âprimetimeâ', 8578 contentId: 1015741776263, 8579 contentSubtype: 'news', 8580 contentType: 'blog post', 8581 listName: '' 8582 }) 8583 " 8584 > 8585 <img 8586 srcset="//thecircle.de/cdn/shop/articles/gettyimages-2293086803-1.jpg?v=1790353965&width=100 100w,//thecircle.de/cdn/shop/articles/gettyimages-2293086803-1.jpg?v=1790353965&width=200 200w,//thecircle.de/cdn/shop/articles/gettyimages-2293086803-1.jpg?v=1790353965&width=300 300w,//thecircle.de/cdn/shop/articles/gettyimages-2293086803-1.jpg?v=1790353965&width=600 600w,//thecircle.de/cdn/shop/articles/gettyimages-2293086803-1.jpg?v=1790353965&width=800 800w,//thecircle.de/cdn/shop/articles/gettyimages-2293086803-1.jpg?v=1790353965&width=1200 1200w,//thecircle.de/cdn/shop/articles/gettyimages-2293086803-1.jpg?v=1790353965 1568w 8587 " 8588 src="//thecircle.de/cdn/shop/articles/gettyimages-2293086803-1.jpg?v=1790353965&width=600" 8589 8590 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100vw" 8591 alt="Phoebe Bridgers und Robert Pattinson" 8592 loading="lazy" 8593 width="1568" 8594 height="666" 8595 class="featured-articles__item-image" 8596 aria-hidden="true" 8597 > 8598 </a> 8599 <div class="featured-articles__item-content"> 8600 8601 <a 8602 href="/blogs/news/phoebe-bridgers-zeigt-on-video-neuer-song-fur-den-film-primetime" 8603 onclick=" 8604 selectContentEvent({ 8605 contentName: 'phoebe bridgers zeigt âon videoâ: neuer song für den film âprimetimeâ', 8606 contentId: 1015741776263, 8607 contentSubtype: 'news', 8608 contentType: 'blog post', 8609 listName: '' 8610 }) 8611 " 8612 > 8613 8614 8615 <time class="featured-articles__item-date text_body_xs"> 8616 veröffentlicht am: 861725.09.26</time> 8618 8619 </a> 8620 8621 8622 <a 8623 href="/blogs/news/phoebe-bridgers-zeigt-on-video-neuer-song-fur-den-film-primetime" 8624 onclick=" 8625 selectContentEvent({ 8626 contentName: 'phoebe bridgers zeigt âon videoâ: neuer song für den film âprimetimeâ', 8627 contentId: 1015741776263, 8628 contentSubtype: 'news', 8629 contentType: 'blog post', 8630 listName: '' 8631 }) 8632 " 8633 > 8634 <h3 8635 class="featured-articles__item-title text-article-heading-3 " 8636 >Phoebe Bridgers zeigt âOn Videoâ: neuer Song für den Film âPrimetimeâ</h3> 8637 </a> 8638 </div> 8639 8640 8641 <a 8642 href="https://thecircle.de/blogs/news" 8643 class="featured-articles__item-link text_navigation_md" 8644 aria-label="news Ãffen die Kategorie" 8645 onclick=" 8646 selectContentEvent({ 8647 contentName: 'news', 8648 contentSubtype: 'news', 8649 contentType: 'blog category', 8650 listName: '' 8651 }) 8652 " 8653 >news</a> 8654 8655 </article> 8656 8657 8658 8659 8660 8661 8662 8663 8664 8665 8666 <article class="featured-articles__item 8667 8668 use-padding 8669 8670 8671 8672"> 8673 <a 8674 href="/blogs/news/tomora-tom-rowlands-und-aurora-kundigen-neue-ep-celebration-an" 8675 onclick=" 8676 selectContentEvent({ 8677 contentName: 'tomora: tom rowlands und aurora kündigen neue ep âcelebrationâ an', 8678 contentId: 1004932563331, 8679 contentSubtype: 'news', 8680 contentType: 'blog post', 8681 listName: '' 8682 }) 8683 " 8684 > 8685 <img 8686 srcset="//thecircle.de/cdn/shop/articles/press-shot-tomora-credit-dan-lowe-1-1_95d3a9db-cb51-4cda-89a9-7c541ec0d850.jpg?v=1790252278&width=100 100w,//thecircle.de/cdn/shop/articles/press-shot-tomora-credit-dan-lowe-1-1_95d3a9db-cb51-4cda-89a9-7c541ec0d850.jpg?v=1790252278&width=200 200w,//thecircle.de/cdn/shop/articles/press-shot-tomora-credit-dan-lowe-1-1_95d3a9db-cb51-4cda-89a9-7c541ec0d850.jpg?v=1790252278&width=300 300w,//thecircle.de/cdn/shop/articles/press-shot-tomora-credit-dan-lowe-1-1_95d3a9db-cb51-4cda-89a9-7c541ec0d850.jpg?v=1790252278&width=600 600w,//thecircle.de/cdn/shop/articles/press-shot-tomora-credit-dan-lowe-1-1_95d3a9db-cb51-4cda-89a9-7c541ec0d850.jpg?v=1790252278&width=800 800w,//thecircle.de/cdn/shop/articles/press-shot-tomora-credit-dan-lowe-1-1_95d3a9db-cb51-4cda-89a9-7c541ec0d850.jpg?v=1790252278&width=1200 1200w,//thecircle.de/cdn/shop/articles/press-shot-tomora-credit-dan-lowe-1-1_95d3a9db-cb51-4cda-89a9-7c541ec0d850.jpg?v=1790252278 1568w 8687 " 8688 src="//thecircle.de/cdn/shop/articles/press-shot-tomora-credit-dan-lowe-1-1_95d3a9db-cb51-4cda-89a9-7c541ec0d850.jpg?v=1790252278&width=600" 8689 8690 sizes="(min-width: 1024px and max-width: 100rem) 33vw, (min-width: 768px and max-width: 100rem) 100vw, (min-width: 1024px) 33rem, (min-width: 768px) 100rem, (max-width: 767px) 100v
8690w" 8691 alt="Tom Rowlands und AURORA alias TOMORA" 8692 loading="lazy" 8693 width="1568" 8694 height="666" 8695 class="featured-articles__item-image" 8696 aria-hidden="true" 8697 > 8698 </a> 8699 <div class="featured-articles__item-content"> 8700 8701 <a 8702 href="/blogs/news/tomora-tom-rowlands-und-aurora-kundigen-neue-ep-celebration-an" 8703 onclick=" 8704 selectContentEvent({ 8705 contentName: 'tomora: tom rowlands und aurora kündigen neue ep âcelebrationâ an', 8706 contentId: 1004932563331, 8707 contentSubtype: 'news', 8708 contentType: 'blog post', 8709 listName: '' 8710 }) 8711 " 8712 > 8713 8714 8715 <time class="featured-articles__item-date text_body_xs"> 8716 veröffentlicht am: 871724.09.26</time> 8718 8719 </a> 8720 8721 8722 <a 8723 href="/blogs/news/tomora-tom-rowlands-und-aurora-kundigen-neue-ep-celebration-an" 8724 onclick=" 8725 selectContentEvent({ 8726 contentName: 'tomora: tom rowlands und aurora kündigen neue ep âcelebrationâ an', 8727 contentId: 1004932563331, 8728 contentSubtype: 'news', 8729 contentType: 'blog post', 8730 listName: '' 8731 }) 8732 " 8733 > 8734 <h3 8735 class="featured-articles__item-title text-article-heading-3 " 8736 >TOMORA: Tom Rowlands und AURORA kündigen neue EP âCelebrationâ an</h3> 8737 </a> 8738 </div> 8739 8740 8741 <a 8742 href="https://thecircle.de/blogs/news" 8743 class="featured-articles__item-link text_navigation_md" 8744 aria-label="news Ãffen die Kategorie" 8745 onclick=" 8746 selectContentEvent({ 8747 contentName: 'news', 8748 contentSubtype: 'news', 8749 contentType: 'blog category', 8750 listName: '' 8751 }) 8752 " 8753 >news</a> 8754 8755 </article> 8756 8757 </section> 8758 8759 8760</div> 8761<!-- END app snippet --> 8762<!-- BEGIN app snippet: pagination --> 8763 8764 8765 8766 8767 <div class="pagination-wrapper py-lg-sm"> 8768 <nav class="pagination" role="navigation" aria-label="Seiten"> 8769 <ul class="pagination__list flex justify-center items-center gap-sm-xs" role="list"><li class="pagination__list-item"><a 8770 role="link" 8771 aria-disabled="true" 8772 class="pagination__item pagination__item--current w-[3ch] h-[3ch] md:w-[5ch] md:h-[5ch] grid place-items-center px-[0.5ch] md:px-[1ch] underline" 8773 aria-current="page" 8774 aria-label="Seite 1" 8775 >1</a></li><li class="pagination__list-item"><a 8776 href="/blogs/news?page=2" 8777 class="pagination__item next w-[3ch] h-[3ch] md:w-[5ch] md:h-[5ch] grid place-items-center px-[0.5ch] md:px-[1ch] hover:underline" 8778 aria-label="Seite 2" 8779 >2</a></li><li class="pagination__list-item"><a 8780 href="/blogs/news?page=3" 8781 class="pagination__item next w-[3ch] h-[3ch] md:w-[5ch] md:h-[5ch] grid place-items-center px-[0.5ch] md:px-[1ch] hover:underline" 8782 aria-label="Seite 3" 8783 >3</a></li><li class="pagination__list-item"><span class="pagination__item next w-[3ch] h-[3ch] md:w-[5ch] md:h-[5ch] grid place-items-center px-[0.5ch] md:px-[1ch] ">…</span></li><li class="pagination__list-item"><a 8784 href="/blogs/news?page=151" 8785 class="pagination__item next w-[3ch] h-[3ch] md:w-[5ch] md:h-[5ch] grid place-items-center px-[0.5ch] md:px-[1ch] hover:underline" 8786 aria-label="Seite 151" 8787 >151</a></li><li class="pagination__list-item"> 8788 <a 8789 href="/blogs/news?page=2" 8790 class="pagination__item pagination__item--prev w-[3ch] h-[3ch] md:w-[5ch] md:h-[5ch] grid place-items-center px-[0.5ch] md:px-[1ch] hover:underline rotate-[-90deg]" 8791 aria-label="Nächste Seite" 8792 >
8793 <span class="w-[1ch] md:w-[2ch]"> 8794 8795 8796 8797 8798 8799 8800 8801 8802 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon--arrow--chevron" fill="currentColor"> 8803 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 8804 </svg> 8805 8806 8807 8808 </span> 8809 </a> 8810 </li></ul> 8811 </nav> 8812 </div><style data-shopify>@media (max-width: 768px) { 8813 .pagination-wrapper ul li:nth-last-child(4) { 8814 display: none; 8815 } 8816 .pagination-wrapper ul li:nth-last-child(5) { 8817 display: none; 8818 } 8819 .pagination-wrapper ul li:nth-child(2), 8820 .pagination-wrapper ul li:has(.pagination__item--current) { 8821 display: block; 8822 } 8823 }</style><!-- END app snippet --> 8824 8825 8826 8827 8828</div> 8829 </div> 8830 8831</div> 8832 </div> 8833 </div> 8834 </div> 8835 8836 8837 8838 8839 8840 8841 8842<style> #shopify-section-template--30086934593923__1719817877c061bb0f .featured-articles__header {display: none;} </style></section><section id="shopify-section-template--30086934593923__text_banner_4pYmVK" class="shopify-section text-banner"> 8843 8844 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 8860 8861 8862 <div class="text-banner__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden c-bg-background c-text-content-base"> 8863 <div class="text-banner__spacing section-spacing mx-auto w-full relative z-10 py-container-2xs px-lg-xs max-w-lg md:px-container-xs md:max-w-lg"> 8864 <div class="text-banner__container section__container grid py-container-xs px-none md:px-none gap-y-lg-sm border-none c-border-gray-500 rounded-none shadow-none seo-styling"> 8865 <div class="flex flex-col space-y-8"> 8866 8867 8868 8869 8870 8871 8872 8873 8874 8875 8876 8877 8878 8879 8880 8881 8882 8883 8884 8885 8886 8887 8888 8889 8890 8891 8892 8893 8894 8895 8896 8897 8898 8899 8900<div class="media-item media-item-seo-text py-none px-none flex flex-col md:flex md:flex-col items-start md:items-start gap-sm-md"> 8901 <div class="flex flex-col items-start md:items-start text-left md:text-left left"> 8902 8903 8904 8905 </div> 8906 8907</div> 8908 8909 8910 8911 8912 </div> 8913 </div> 8914 </div> 8915 8916 8917 8918 8919 8920 </div> 8921 8922 8923 8924 8925 8926 8927 8928</section></main> 8929 8930
8930<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/theme.bundle.js?v=80702919752997899311789460204"></script>
8930<script> 8931 window.focusVariantOnLoad = false; 8932 window.shop_iso_code = "DE"; 8933 window.shopUrl = 'https://thecircle.de'; 8934 window.currentCurrency = 'EUR'; 8935 window.shopCurrencyFormat = "â¬{{amount_with_comma_separator}}" 8936 window.routes = { 8937 cart_add_url: '/cart/add', 8938 cart_change_url: '/cart/change', 8939 cart_update_url: '/cart/update', 8940 search_url: '/search', 8941 predictive_search_url: '/search/suggest', 8942 privacy_policy_url: '/policies/privacy-policy', 8943 legal_notice_url: '/policies/legal-notice', 8944 terms_of_sale_url: '' 8945 }; 8946 window.cartStrings = { 8947 error: `Beim Aktualisieren des Warenkorbs ist ein Fehler aufgetreten. Bitte versuche es erneut.`, 8948 quantityError: `Du kannst nur [quantity] Stück dieses Produktes in den Warenkorb legen.`, 8949 pauseFrameUnavailableMessage: `Dieser Frame ist momentan nicht verfügbar`, 8950 pauseFrameSoldOutMessage: `Dieser Rahmen ist leider nicht mehr verfügbar`, 8951 pauseFrame: `Rahmen` 8952 }; 8953 window.variantStrings = { 8954 addToCart: `In den Warenkorb`, 8955 soldOut: `Leider ausverkauft`, 8956 unavailable: `Nicht verfügbar`, 8957 extendCartTimer: `Warenkorb-Timer verlängern`, 8958 chooseThisStyle: `Wählen Sie diesen Stil` 8959 }; 8960 window.accessibilityStrings = { 8961 imageAvailable: `Bild [index] ist jetzt in der Galerie verfügbar`, 8962 shareSuccess: `Link in die Zwischenablage kopiert`, 8963 pauseSlideshow: `Diashow anhalten`, 8964 playSlideshow: `Diashow abspielen`, 8965 nextSlide: `Nächstes Bild`, 8966 prevSlide: `Vorheriges Bild`, 8967 pauseFrameAltHtml: `{{ title }} Rahmen {frameNum} aus Video`, 8968 enterFullScreen: `Vollbild aufrufen`, 8969 exitFullScreen: `Vollbild verlassen`, 8970 hideFilters: `Filter ausblenden`, 8971 showFilters: `Filter anzeigen` 8972 }; 8973 window.shareStrings = { 8974 copyToClipboard: "Link kopieren", 8975 successMessage: "Link in die Zwischenablage kopiert", 8976 copyToClipboardError: "Fehler beim Kopieren in die Zwischenablage", 8977 shareUrlError: "Fehler beim Ãffnen des Sharers" 8978 }; 8979 window.quickModalStrings = { 8980 productError: "Produktdaten nicht verfügbar.", 8981 }; 8982 window.videoButtonStates = { 8983 playButton: "Play-Taste", 8984 pauseButton: "Pause-Taste" 8985 };window.shipDateLabel = 'Lieferung: Versand spätestens am {{ date }}'; 8986 window.shipDateLabelTitled = '<b>{{ title }}:</b> Voraussichtlicher Versand: {{ date }}';window.shipLocaleFormat = 'de-DE';</script>
8986<!-- BEGIN sections: footer-group --> 8987<section id="shopify-section-sections--30086938395011__17438668636dd52922" class="shopify-section shopify-section-group-footer-group apps"> 8988 8989 8990 8991 8992 8993 8994 8995 8996 8997 8998 8999 9000 9001 9002 <div class="apps__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> 9003 <div class="apps__spacing section-spacing mx-auto w-full relative z-10 py-none px-none max-w-xl md:px-none md:max-w-xl"> 9004 <div class="apps__container section__container grid py-none px-none md:px-none gap-y-lg-sm border-none c-border-gray-500 rounded-none shadow-none"> 9005 <div class="flex flex-col space-y-8"> 9006 9007 9008 <div class="px-none"> 9009 <div id="shopify-block-AL1pDM0VjVHRtOXlLZ__connect_gate_de_v2_newsletter_popup_e77itP" class="shopify-block shopify-app-block"> 9010 9011 9012 9013 9014 9015 9016 9017 9018 9019<div class="popup-cntr" id="signup-confirmation-popup-wrapper-success"> 9020 <dialog 9021 id="signup-confirmation-popup-success" 9022 class="rounded-xs px-sm-xs py-sm-xs" 9023 > 9024 <div class=""> 9025 <div class="popup-header-wrapper"> 9026 9027 <p class=" 9028 9029 9030 pt-lg-sm 9031 9032 9033 9034text-center 9035 text_body_md" > 9036 Email Newsletter 9037 </p> 9038 <br> 9039 <hr> 9040 9041 </div> 9042 <div class=" 9043 9044 9045 pt-lg-sm 9046 9047 9048 popup-success-text-wrapper"> 9049 <p class=" 9050 9051 9052 pt-lg-sm 9053 9054 9055 9056text-center 9057 text_body_lg" > 9058 Danke für die Bestätigung der Registrierung! 9059 </p> 9060 <p class=" 9061 9062 9063 pt-lg-sm 9064 9065 9066 9067text-center 9068" > 9069 Du hast nun den Newsletter abonniert und wirst keine Aktion mehr verpassen! 9070 </p> 9071 </div> 9072 <div class="flex 9073justify-center 9074 9075 9076 9077 pt-lg-sm 9078 9079 9080gap-x-sm-sm popup-button-wrapper"> 9081 9082 <button id="popup_success_close_button" class=" 9083 btn btn--primary 9084 ml-2">SchlieÃen</button> 9085 </div> 9086 </div> 9087 </dialog> 9088</div> 9089 9090<div class="popup-cntr" id="signup-confirmation-popup-wrapper-error"> 9091 <dialog 9092 id="signup-confirmation-popup-error" 9093 class="rounded-xs px-sm-xs py-sm-xs" 9094 > 9095 <div class=""> 9096 <div class="popup-header-wrapper"> 9097 9098 <p class=" 9099 9100 9101 pt-lg-sm 9102 9103 9104 9105text-center 9106 text_body_md" > 9107 Fehler bei Newsletteranmeldung 9108 </p> 9109 <br> 9110 <hr> 9111 9112 </div> 9113 <div class=" 9114 9115 9116 pt-lg-sm 9117 9118 9119 popup-error-text-wrapper"> 9120 <p class=" 9121 9122 9123 pt-lg-sm 9124 9125 9126 9127text-center 9128" > 9129 Bei der Anmeldung zu unserem Newsletter ist etwas schiefgelaufen. Bitte versuche es erneut. 9130 </p> 9131 </div> 9132 <div class="flex 9133justify-center 9134 9135 9136 9137 pt-lg-sm 9138 9139 9140gap-x-sm-sm popup-button-wrapper"> 9141 9142 <button id="popup_error_close_button" class=" 9143 btn btn--primary 9144 ml-2">SchlieÃen</button> 9145 </div> 9146 </div> 9147 </dialog> 9148</div> 9149 9150 9151</div> 9152 </div> 9153 9154</div> 9155 </div> 9156 </div> 9157 </div> 9158 9159 9160 9161 9162 9163 9164 9165<style> #shopify-section-sections--30086938395011__17438668636dd52922 .popup-button-wrapper .btn {color: #181818;} </style></section><footer id="shopify-section-sections--30086938395011__footer" class="shopify-section shopify-section-group-footer-group site-footer"> 9166 9167 9168 9169 9170 9171 9172 9173 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184<div class="section__wrapper scheme-scheme3 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mt-none c-border-primary border-default-width border-x-0 border-b-0 z-10"> 9185 <div class="section-spacing mx-auto w-full relative z-10 py-container-xl px-lg-xs max-w-xl md:px-container-xs md:max-w-xl grid gap-y-sm-2xl gap-x-sm-xl md:grid-cols-1 mx-auto text-center"> 9186 9187 9188 9189 9190 9191<div class="footer__griditem footer__griditem--0 footer__griditem--text md:col-span-2 md:row-span-1 py-none px-none text_body_xs c-text-content-subtle"> 9192 <div class="text-container w-full h-full flex flex-col text-center md:text-center md:justify-center"> 9193 9194 9195 9196 9197 9198 9199 <p>Du findest uns auch hier</p> 9200 9201 9202 9203 9204 9205 9206 9207 9208 9209 9210 </div> 9211</div> 9212 9213 9214<div class="footer__griditem footer__griditem--1 footer__griditem--social md:col-span-2 md:row-span-1 py-none px-none"> 9215 9216 9217 9218 9219 9220 9221 9222 <div class="social-container social-component w-full h-full flex flex-col md:justify-center"> 9223 9224 9225 9226 9227 9228 9229 9230 9231 9232 9233 9234 9235 9236 9237 9238 9239<nav> 9240 <ul class="flex flex-wrap justify-center md:justify-center gap-none" style="--icon-width: 1.5rem; --icon-height: 1.5rem;"> 9241 9242 <li> 9243 <a href="https://www.facebook.com/thecircle.mag" target="_blank" aria-label="Ãffnen Sie den sozialen Link von Facebook" class="icon_facebook flex h-full fill-current justify-center items-center h-min-click-s
9243pace w-min-click-space c-text-content-subtle hover:c-text-primary-on"> 9244 <div class="social-icons__wrapper"> 9245 <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z" /></svg> 9246 </div> 9247 </a> 9248 </li> 9249 9250 9251 9252 <li> 9253 <a href="https://www.instagram.com/thecircle.mag" target="_blank" aria-label="Ãffnen Sie den sozialen Link von Instagram" class="icon_instagram flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-primary-on"> 9254 <div class="social-icons__wrapper"> 9255 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="umg-icon"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> 9256 </div> 9257 </a> 9258 </li> 9259 9260 9261 <li> 9262 <a href="https://www.youtube.com/channel/UCW1Hyg5aFDtKVYdyZ9CJyzw" target="_blank" aria-label="Ãffnen Sie den sozialen Link von YouTube" class="icon_youtube flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-primary-on"> 9263 <div class="social-icons__wrapper"> 9264 <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M47.5219 14.4001C47.5219 14.4001 47.0531 11.0907 45.6094 9.6376C43.7812 7.7251 41.7375 7.71572 40.8 7.60322C34.0875 7.11572 24.0094 7.11572 24.0094 7.11572H23.9906C23.9906 7.11572 13.9125 7.11572 7.2 7.60322C6.2625 7.71572 4.21875 7.7251 2.39062 9.6376C0.946875 11.0907 0.4875 14.4001 0.4875 14.4001C0.4875 14.4001 0 18.2907 0 22.172V25.8095C0 29.6907 0.478125 33.5813 0.478125 33.5813C0.478125 33.5813 0.946875 36.8907 2.38125 38.3438C4.20937 40.2563 6.60938 40.1907 7.67813 40.397C11.5219 40.7626 24 40.8751 24 40.8751C24 40.8751 34.0875 40.8563 40.8 40.3782C41.7375 40.2657 43.7812 40.2563 45.6094 38.3438C47.0531 36.8907 47.5219 33.5813 47.5219 33.5813C47.5219 33.5813 48 29.7001 48 25.8095V22.172C48 18.2907 47.5219 14.4001 47.5219 14.4001ZM19.0406 30.2251V16.7345L32.0062 23.5032L19.0406 30.2251Z" /></svg> 9265 </div> 9266 </a> 9267 </li> 9268 9269 9270 9271 9272 <li> 9273 <a href="https://www.tiktok.com/@thecircle.mag" target="_blank" aria-label="Ãffnen Sie den sozialen Link von TikTok" class="icon_tiktok flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-primary-on"> 9274 <div class="social-icons__wrapper"> 9275 <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M34.1451 0H26.0556V32.6956C26.0556 36.5913 22.9444 39.7913 19.0725 39.7913C15.2007 39.7913 12.0894 36.5913 12.0894 32.6956C12.0894 28.8696 15.1315 25.7391 18.8651 25.6V17.3913C10.6374 17.5304 4 24.2783 4 32.6956C4 41.1827 10.7757 48 19.1417 48C27.5075 48 34.2833 41.1131 34.2833 32.6956V15.9304C37.3255 18.1565 41.059 19.4783 45 19.5479V11.3391C38.9157 11.1304 34.1451 6.12
9275173 34.1451 0Z" /></svg> 9276 </div> 9277 </a> 9278 </li> 9279 9280 9281 9282 </ul> 9283</nav> 9284 9285 9286 </div> 9287 9288</div> 9289 9290 9291 9292 9293 9294<div class="footer__griditem footer__griditem--2 footer__griditem--text md:col-span-2 md:row-span-1 py-none px-none text_body_xs c-text-content-subtle"> 9295 <div class="text-container w-full h-full flex flex-col text-center md:text-center md:justify-center"> 9296 9297 9298 9299 9300 9301 9302 <p>Du hast Fragen? Unser Kundenservice ist gerne für dich da!</p> 9303 9304 9305 9306 <p>Du erreichst uns montags bis samstags von 9 bis 20 Uhr hier:</p> 9307 9308 9309 9310 <p>[email protected] | +493030809948</p> 9311 9312 9313 9314 9315 9316 9317 9318 9319 </div> 9320</div> 9321 9322 9323 9324 9325 9326 9327 9328 9329 9330 9331 9332 9333 9334 9335 9336 9337 9338 9339 9340 9341 9342 9343 9344 9345<div class="footer__griditem footer__griditem--3 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none"> 9346 <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-center md:justify-center"> 9347 9348 9349 9350 9351 9352 9353 9354 9355 9356 9357 9358 9359 9360 9361 9362 9363 9364 9365 9366 9367 9368 9369 9370 9371 9372 9373 9374 9375 9376 9377 9378 9379 9380 9381 9382 9383<nav class="w-full md:flex md:items-center justify-center md:justify-center nav-wrapper"> 9384 <ul class="menu-nav text-center md:text-center md:flex justify-start md:flex-wrap md:justify-center gap-x-sm-xl gap-y-sm-xs nav-container flex flex-col md:flex-row"> 9385 9386 9387 9388 9389 9390 9391 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9392 <a href="/policies/shipping-policy">Versandkosten</a> 9393 </li> 9394 9395 9396 9397 9398 9399 9400 9401 9402 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9403 <a href="/pages/zahlarten">Zahlarten</a> 9404 </li> 9405 9406 9407 9408 9409 9410 9411 9412 9413 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9414 <a href="/pages/service-hilfe">Service & Hilfe</a> 9415 </li> 9416 9417 9418 9419 9420 9421 9422 9423 9424 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9425 <a href="/policies/refund-policy">Widerrufsrecht</a> 9426 </li> 9427 9428 9429 9430 9431 9432 9433 9434 9435 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9436 <a href="/pages/retoure">Retoure</a> 9437 </li> 9438 9439 9440 9441 9442 9443 9444 9445 9446 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9447 <a href="/policies/terms-of-service">AGB</a> 9448 </li> 9449 9450 9451 9452 9453 9454 9455 9456 9457 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9458 <a href="https://www.universal-music.de/rechtliche-hinweise/sicherheit-und-datenschutz">Datenschutz</a> 9459 </li> 9460 9461 9462 9463 9464 9465 9466 9467 9468 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9469 <a href="/policies/legal-notice">Impressum</a> 9470 </li> 9471 9472 9473 9474 9475 9476 9477 9478 9479 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9480 <a href="/pages/accessibility">Barrierefreiheit Statement</a> 9481 </li> 9482 9483 9484 9485 9486 9487 9488 9489 9490 <li class="text_navigation_sm c-text-content-subtle hover:c-text-primary-on no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> 9491 <a href="https://supportumusic-de.zendesk.com/hc/de/requests/new?ticket_form_id=36709655299730"><b><u>Vertrag widerrufen</u></b></a> 9492 </li> 9493 9494 9495 9496 </ul> 9497</nav> 9498 9499 9500 </div> 9501</div> 9502 9503<div class="footer__griditem footer__griditem--4 footer__griditem--actions flex w-full md:col-span-1 md:row-span-1 py-none px-none" >
9504 <div class="actions-container flex flex-col w-full text-center items-center md:text-center md:items-center md:justify-center"> 9505 9506 9507 9508<localization-form class="language-list relative flex" x-data="{ languageSelectorOpen: false }" :aria-expanded="languageSelectorOpen"> 9509 <button type="button" class="language-list__container-trigger text_navigation_sm flex gap-sm-xs items-center" :aria-expanded="languageSelectorOpen" aria-controls="language-list" x-on:click="languageSelectorOpen = ! languageSelectorOpen"> 9510 9511 9512 9513 Deutsch 9514 9515 9516 <span class="w-4 h-4":class="languageSelectorOpen ? 'rotate-180' : ''"> 9517 9518 9519 9520 9521 9522 9523 9524 9525 9526 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> 9527 <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> 9528 </svg> 9529 9530 9531</span> 9532 9533 9534 </button> 9535 9536 <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" aria-label="Region und Sprache"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/blogs/news" /> 9537 <ul id="language-list" role="list" class="language-list__container absolute w-auto h-auto max-h-96 overflow-auto top-full z-10 max-w-max left-1/2 -translate-x-1/2" x-show="languageSelectorOpen" @click.away="languageSelectorOpen = false" :class="{ '' : languageSelectorOpen , 'hidden' : !languageSelectorOpen }" x-cloak> 9538 9539 <li class="language-list__item" tabindex="-1"> 9540 <button class="text_navigation_sm px-sm-sm py-sm-xs whitespace-nowrap w-full language-list__item-button" aria-current="true" hreflang="de" lang="de" data-value="de"> 9541 9542 9543 Deutsch 9544 9545 9546 </button> 9547 </li> 9548 9549 <li class="language-list__item" tabindex="-1"> 9550 <button class="text_navigation_sm px-sm-sm py-sm-xs whitespace-nowrap w-full language-list__item-button" hreflang="en" lang="en" data-value="en"> 9551 9552 9553 English 9554 9555 9556 </button> 9557 </li> 9558 9559 </ul> 9560 <input type="hidden" name="language_code" value="de" aria-hidden="true" /> 9561 <button type="submit" class="sr-only">Absenden</button> 9562 </form> 9563 </localization-form>
9563<script async="async" src="//thecircle.de/cdn/shop/t/42/assets/localization-form.bundle.js?v=128137775429474978681789460169"></script>
9563 9564 9565 9566 9567 </div> 9568</div></div> 9569 9570 9571 9572 9573 9574</div> 9575 9576 9577</footer> 9578<!-- END sections: footer-group -->
9578<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/utm-params.bundle.js?v=30076126714167273751789460207"></script>
9578 9579
9579<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/section-render.bundle.js?v=47446468435601738081789460195"></script>
9579<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/product.bundle.js?v=175832570247731748381789460187"></script>
9579<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/cart-drawer.bundle.js?v=36874008813902598541789459864"></script>
9579<script async="async" src="//thecircle.de/cdn/shop/t/42/assets/content-overlay.bundle.js?v=88135020027007685451789459866"></script>
9579<script defer="defer" src="//thecircle.de/cdn/shop/t/42/assets/predictive-search.bundle.js?v=122657121379032498891789460183"></script>
9579<!-- BEGIN sections: background-group --> 9580 9581<!-- END sections: background-group --><style data-shopify>.template__index .breadcrumbs { 9582 display: none; 9583}</style>
9583<script> 9584Shopify.analytics.publish('page_meta', { 9585 event: 'page_meta', 9586 page_type: 'blog',page_division: 'UMG', 9587 shop_code: 'CIRCLE', 9588 shop_type: 'evergreen', 9589 shop_status: 'new', 9590 currency: 'EUR', 9591 artist_name: 'The Circle', 9592 artist_id_pim: '101962457', 9593 artist_id_party: '', //will be the global artist id 9594 artist_genre: '', // will be added to pimcore 9595 artist_subgenre: '', // will be added to pimcore 9596 environment: 'production', 9597 country_code: 'DE', 9598 framework: 'shopify', 9599 language: 'de', 9600 shopify_theme: 'global', 9601 shopify_version: '2.46.1', 9602 user: { 9603 logged_in: 'false' 9604 }, 9605 })</script>
9605<script async="async" src="//thecircle.de/cdn/shop/t/42/assets/dotdigital-site-tracking.bundle.js?v=74565979665062853561789459872"></script>
9605<script> 9606 window.customerEmail = '' 9607 window.customerAcceptsMarketing = '' 9608 window.dotDigitalCartInsights = { 9609 programId: '69742', 9610 currency: 'EUR', 9611 subtotal: '0,00', 9612 discountAmount: '0,00', 9613 grandTotal: '0,00', 9614 cartUrl: 'https://thecircle.de', 9615 lineItems: '[]' 9616 } 9617 </script>
9617<script async="async" src="//thecircle.de/cdn/shop/t/42/assets/dotdigital-cart-insight.bundle.js?v=96225655868389225961789459871"></script>
9617 9618 9619
9620<script 9621 src="https://js.sentry-cdn.com/d810a3f5e605e2857b4e55ed3c171a51.min.js" 9622 crossorigin="anonymous" 9623></script>
9623 9624<style> @media screen and (min-width: 1024px) {.apps__wrapper.vs-pdp {width: 50%; margin-right: 0; margin-left: auto; }} .shopify-policy__body .rte {max-width: 65ch;} .featured-articles__item-link {text-transform: uppercase;} </style> 9625<div id="shopify-block-AMnVYVWVyL0hFVXV3e__1856901639881352172" class="shopify-block shopify-app-block"><!-- filepath: blocks/predictive-search-overlay.liquid --> 9626 9627<div 9628 class="predictive-search-overlay predictive-search-overlay--pending" 9629 id="PredictiveSearchOverlay-AMnVYVWVyL0hFVXV3e__1856901639881352172" 9630 data-predictive-search-overlay 9631 data-enable-shortcut="true" 9632 aria-label="Suchen" 9633 style=" 9634 --search-bg-color: #ffffff; 9635 --search-text-color: #1a1a1a; 9636 " 9637> 9638 <div class="predictive-search-overlay__content"> 9639 <button 9640 class="predictive-search-trigger" 9641 type="button" 9642 aria-label="Suchen" 9643 aria-controls="PredictiveSearchOverlayBar-AMnVYVWVyL0hFVXV3e__1856901639881352172" 9644 aria-expanded="false" 9645 > 9646 <svg 9647 xmlns="http://www.w3.org/2000/svg" 9648 fill="none"
9649 viewBox="0 0 24 24" 9650 stroke-width="2.2" 9651 stroke="currentColor" 9652 aria-hidden="true" 9653 focusable="false" 9654 > 9655 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.602 10.602z" /> 9656 </svg> 9657 </button> 9658 9659 <div 9660 class="predictive-search-overlay__bar" 9661 id="PredictiveSearchOverlayBar-AMnVYVWVyL0hFVXV3e__1856901639881352172" 9662 role="dialog" 9663 aria-modal="false" 9664 aria-label="Suchen" 9665 aria-hidden="true" 9666 > 9667 <span class="predictive-search-overlay__search-icon" aria-hidden="true"> 9668 <svg 9669 xmlns="http://www.w3.org/2000/svg" 9670 fill="none" 9671 viewBox="0 0 24 24" 9672 stroke-width="1.8" 9673 stroke="currentColor" 9674 focusable="false" 9675 > 9676 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.602 10.602z" /> 9677 </svg> 9678 </span> 9679 9680 <custom-predictive-search 9681 data-t-loading="Wird geladen..." 9682 data-t-error="Suchvorschläge sind nicht verfügbar. Drücke die Eingabetaste, um zu suchen." 9683 data-t-no_results="Keine Ergebnisse für "{{ terms }}" gefunden" 9684 data-t-result_count_one="{{ count }} Suchergebnis verfügbar" 9685 data-t-result_count_other="{{ count }} Suchergebnisse verfügbar" 9686 data-t-view_all="Alle Ergebnisse für "{{ terms }}" ansehen" 9687 data-t-search_for="Nach "{{ terms }}" suchen" 9688 data-t-suggestions="Vorschläge" 9689 data-t-suggestions_empty="Keine passenden Vorschläge gefunden." 9690 data-t-products="Produkte" 9691 data-t-products_empty="Keine passenden Produkte gefunden." 9692 data-t-collections="Kollektionen" 9693 data-t-pages="Seiten" 9694 data-t-articles="Magazin" 9695 data-t-articles_empty="Keine passenden Artikel gefunden." 9696 data-t-queries="Suchvorschläge" 9697 > 9698 <form action="/search" method="get" role="search" class="predictive-search__form"> 9699 <div class="predictive-search__input-wrapper"> 9700 <label class="predictive-search__label" for="PredictiveSearchOverlayInput-AMnVYVWVyL0hFVXV3e__1856901639881352172">Suchen</label> 9701 <input 9702 id="PredictiveSearchOverlayInput-AMnVYVWVyL0hFVXV3e__1856901639881352172" 9703 class="predictive-search__input" 9704 type="search" 9705 name="q" 9706 placeholder="Nach Produkten, Künstlern suchen..." 9707 role="combobox" 9708 aria-expanded="false" 9709 aria-controls="predictive-search-listbox-overlay-AMnVYVWVyL0hFVXV3e__1856901639881352172" 9710 aria-haspopup="listbox" 9711 aria-autocomplete="list" 9712 autocomplete="off" 9713 autocapitalize="off" 9714 spellcheck="false" 9715 > 9716 <input type="hidden" name="options[prefix]" value="last"> 9717 <button class="predictive-search__clear" type="button" aria-label="Suche löschen" hidden> 9718 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> 9719 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd" /> 9720 </svg> 9721 </button> 9722 </div> 9723 <div 9724 class="predictive-search__results" 9725 id="predictive-search-results-overlay-AMnVYVWVyL0hFVXV3e__1856901639881352172" 9726 tabindex="-1" 9727 style=" 9728 --search-bg-color: #ffffff; 9729 --search-text-color: #1a1a1a; 9730 " 9731 > 9732 <div class="predictive-search__results-wrapper"> 9733 <div 9734 class="predictive-search__listbox" 9735 id="predictive-search-listbox-overlay-AMnVYVWVyL0hFVXV3e__1856901639881352172" 9736 role="listbox" 9737 aria-label="Suchen" 9738 ></div> 9739 <p class="predictive-search__feedback" hidden></p> 9740 <div class="predictive-search__footer" hidden></div> 9741 </div> 9742 </div> 9743 <div class="predictive-search__status" role="status" aria-l
9743ive="polite" aria-atomic="true"></div> 9744 </form> 9745 </custom-predictive-search> 9746 9747 <button class="predictive-search-overlay__close" type="button" aria-label="Suche schlieÃen"> 9748 <svg 9749 xmlns="http://www.w3.org/2000/svg" 9750 fill="none" 9751 viewBox="0 0 24 24" 9752 stroke-width="1.8" 9753 stroke="currentColor" 9754 aria-hidden="true" 9755 focusable="false" 9756 > 9757 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 9758 </svg> 9759 </button> 9760 </div> 9761 </div> 9762</div> 9763
9764<script src="https://cdn.shopify.com/extensions/01a0d393-b1c6-7c12-9125-15c64fdd283e/multi-search-34/assets/predictive-search-overlay.js" defer="defer"></script>
vendor: 1 bytes, line 9764
9764
9765<script src="https://cdn.shopify.com/extensions/01a0d393-b1c6-7c12-9125-15c64fdd283e/multi-search-34/assets/predictive-search-tracking.js" defer="defer"></script>
9765 9766 9767 9768</div><div id="shopify-block-AQkJoSnRYUmt5Z1dme__2131494470682214141" class="shopify-block shopify-app-block"> 9769 <link href="//cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/cornerWidget.css" rel="stylesheet" type="text/css" media="all" /> 9770 9771 9772<!-- BEGIN app snippet: corner-session -->
9773<script> 9774 // guest_login : cwvbooster's script explicitly excludes scripts containing the string "guest_login", so adding this string somewhere in your script's content will prevent it from being unnessarily modified by that app: 9775 9776 var sessionBtn = { 9777 get click_the_dots_to_view_session_data() { 9778 console.clear(); 9779 console.log( 9780 "%c â ï¸ Corner Session data â ï¸ ", 9781 "font-size:18px; color: #ffc400; padding:4px; font-weight:bolder;" 9782 ); 9783 console.log(window.corner.sessionData) 9784 } 9785 }; 9786 console.log("Corner Session Data Loaded", sessionBtn); 9787 9788 window.metafield = null 9789 window.corner = window.corner || {}; 9790 window.corner.campaigns=null; 9791 window.corner.automations=null; 9792 window.corner.sessionData={}; 9793 window.corner.campaignsV2=null; 9794 9795 9796 9797 window.corner.sessionData.shop = { 9798 origin:'thecircle.de', 9799 shopifyDomain:'de-circle-prod.myshopify.com', 9800 cartCurrency: 'EUR', 9801 moneyFormat : 'â¬{{amount_with_comma_separator}}', 9802 currencyList: [{"name": "Euro", "iso_code": "EUR", "symbol": "â¬"},] 9803 }; 9804 9805 9806 9807 9808 9809 9810 9811 9812 9813window.corner.cornerConfig = {"cartConfig":{"banner":{"gradientEnd":"rgb(242,242,242)","gradientStart":"rgb(242,242,242)","imageUrl":"","type":"gradient"},"colors":{"accentBg":"rgb(0,0,0)","accentFg":"rgb(255,255,255)","bannerText":"rgb(0,0,0)","cardBg":"rgb(255,255,255)","outlines":"rgb(242,242,242)","primaryType":"rgb(25,35,55)","secondaryType":"rgb(0,0,0)","widgetBg":"rgb(242,242,242)"},"customHtml":{"aboveCheckoutCta":"","aboveItemList":"","belowCheckoutCta":"","belowItemList":"","emptyCart":""},"customJs":"function createEcommerceObject(params) {\n return {\n currency: params.cartDetails.currency,\n value: (params.cartDetails.cost.totalAmount \/ 100),\n items: params.cartDetails.items.map(item =\u003e ({\n item_name: item.productTitle,\n item_id: item.productId,\n price: (item.cost.amountPerQuantity \/ 100),\n item_brand: item.vendor,\n item_category: item.productType,\n item_variant: item.title,\n item_sku: item.variantId,\n item_group_id: item.item_group_id,\n quantity: item.quantity,\n })),\n };\n}\n\nfetch(window.location.origin + window.Shopify.routes.root + 'cart.js')\n .then(async (response) =\u003e {\n const cart = await response.json();\n cart.items.forEach(item =\u003e {\n if (item.product_type === 'free_product' \u0026\u0026 item.quantity \u003e 1) {\n const update = {};\n update[item.id] = 1;\n console.log('fix quantity', update);\n fetch(window.Shopify.routes.root + 'cart\/update.js', {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\"\n },\n body: JSON.stringify({\n updates: update\n })\n });\n }\n });\n });\n\ncorner.on(\"onCartEdit\", (params) =\u003e {\n if (params.cartEdits[0].eventType === \"QTY_INCREASED\" || params.cartEdits[0].eventType === \"ITEM_ADDED\") {\n const eventData = {\n event: 'add_to_cart',\n ecommerce: createEcommerceObject(params)\n };\n\n Shopify.analytics.publish('cart_item_added_app', eventData);\n }\n\n if (params.cartEdits[0].eventType === \"QTY_DECREASED\" || params.cartEdits[0].eventType === \"ITEM_DELETED\") {\n const eventData = {\n event: 'remove_from_cart',\n ecommerce: createEcommerceObject(params)\n };\n\n Shopify.analytics.publish('cart_item_removed_app', eventData);\n }\n});","general":{"cartCtaAction":"checkout","cartOpenOnAddition":true,"cartStyle":"drawer","checkoutButtonStyle":"split","customCss":"","hideOffersSection":true,"hideThemeCartDrawer":true,"isActive":true,"isDiscountBoxActive":false,"overideCartPage":true,"showContinueShoppingBtn":true,"showDiscountInput":true,"showOptionalNotes":false,"showRelatedProducts":false},"termsCheckbox":{"attributeName":"terms","content":"I agree to all terms and condition","defaultChecked":false,"isActive":false,"isRequired":false}}
9813,"cartLauncherConfig":{"horizontalPositioning":"right","isActive":false,"onClick":"OPEN_CART","shape":"round","size":{"desktop":"large","mobile":"medium"},"text":"","type":"cornerButton","verticalPositioning":5,"visibility":{"desktop":true,"mobile":true,"showOnCollectionPage":true,"showOnProductPage":true},"zIndex":"999999"},"generalconfig":{"cornerCurrencyFormat":{"EUR":{"format":"EUR {{amount}}","isDefault":true}},"currencyFormat":"â¬{{amount_with_comma_separator}} EUR","defaultLanguage":"de","featureFlag":{"apps":{"cornercart":{"campaigns":true,"cornerwidget":{"cornerwidget_advanced_color_customisation":true,"cornerwidget_banner_image":true,"cornerwidget_custom_attributes":true,"cornerwidget_custom_css":true,"cornerwidget_optional_note":true,"cornerwidget_related_products":true},"facebook_ga_tracking":true,"is_billing_activated":"true","multi_language_support":true,"remove_corner_branding":true,"stickybar":{"stickybar_custom_css":true,"stickybar_mobile_specific_customisations":true,"stickybar_on_any_page":true,"stickybar_themes:":true},"use_web_components":true}}},"trackingPixels":{"fbPixel":null,"gaPixel":null}},"langConfig":{"cornerCartWidget":{"de":{"widget_close_text":"SchlieÃen","offers_context_title":"Freebie","related_items_title":"Sie können auch mögen...","offer_card_cta_unachieved":"Geschenke anzeigen","offer_card_cta_achieved":"Wählen Sie Geschenke aus","view_product_in_store":"Im Laden ansehen","non_applicable_discount_code_warning":"Dieser Gutschein gilt nicht für die Produkte im Warenkorb","cart_empty_state":"Keine Artikel im Warenkorb","rewards_checkout_reminder_title":"Vergessen Sie nicht Ihre Gratisgeschenke!","optional_note_btn_text":"Optionale Notiz hinzufügen","rewards_checkout_reminder_description":"Mit diesem Kauf haben Sie Anspruch auf ein oder mehrere Gratisgeschenke. Bitte legen Sie diese vor dem Bezahlen in Ihren Warenkorb.","subtotal_text":"Zwischensumme","bundle_edit_popup_secondary_cta":"Stornieren","bundle_edit_popup_primary_cta":"Paket bearbeiten","parcelis_modal_column_header_2":"MIT ABDECKUNG","parcelis_modal_column_header_3":"OHNE DECKUNG","parcelis_upsell_cta":"Transportversicherung","offer_card_achieved_tag":"Entsperrt","cart_checkbox_label":"Ich stimme allen Geschäftsbedingungen zu.","reward_overlay_title":"Belohnungen freigeschaltet","parcelis_modal_row_2_column_1":"Schaden-, Verlust- und Diebstahlversicherung","one_time_purchase_plan_title":"Einmaliger Kauf","other_checkouts_cta":"Andere Kassen","total_text":"Gesamt","discount_box_cta":"Anwenden","parcelis_modal_row_4_column_1":"Schnelle Rückerstattung oder Umtausch","cart_list_continue_shopping":"Mit dem Einkaufen fortfahren","cart_list_cta":"Kasse","reward_overlay_sub_text":"Wählen Sie Ihre Belohnungen","related_items_cta":"Hinzufügen","rewards_checkout_reminder_secondary_cta_btn":"Nein danke, ich werde bestehen","reward_overlay_cta_text":"Bestätigen","rewards_checkout_reminder_primary_cta_btn":"Fordern Sie Ihr kostenloses Geschenk an","parcelis_modal_column_header_1":"VORTEILE","subscription_upgrade_cta":"Upgrade auf ein Abonnement","offer_card_achieved_and_selected_tag":"Zum Warenkorb hinzugefügt","discount_text":"Rabatt","discount_box_place_holder":"Rabattcode anwenden","parcelis_description_text":"Versicherungsschutz bei Beschädigung, Verlust oder Diebstahl Ihres Pakets durch Paketdiebstahl. Erhalten Sie mit wenigen Klicks eine Rückerstattung oder einen Ersatz.","reward_overlay_cancel_text":"Stornieren","optional_note_title":"Optionaler Hinweis","optional_note_cancel":"Absagen","sold_out":"Ausverkauft","optional_note_cta":"Notiz hinzufügen","bundle_view_content_btn":"Paket ansehen","shipping_text":"Versand","parcelis_modal_row_3_c
9813olumn_1":"Prioritärer Support rund um die Uhr","parcelis_modal_row_1_column_1":"Paketschutz durch Parcelis","estimated_tax":"Geschätzte Steuer","parcelis_modal_title":"Parcelis-Vorteile","cart_context_title":"Warenkorb","free_text":"Frei","add_item":"Artikel hinzufügen"},"en":{"widget_close_text":"Close","offers_context_title":"Offers","related_items_title":"You may also like...","offer_card_cta_unachieved":"Show Gifts","offer_card_cta_achieved":"Select Gifts","view_product_in_store":"View in store","non_applicable_discount_code_warning":"This coupon is not applicable to any of the products in the cart","cart_empty_state":"No items in the cart","rewards_checkout_reminder_title":"Don't forget your Free Gifts!","optional_note_btn_text":"Add Optional Note","rewards_checkout_reminder_description":"You're eligible for one or more free gifts with this purchase. Please add them to your cart before checkout.","subtotal_text":"Subtotal","bundle_edit_popup_secondary_cta":"Cancel","bundle_edit_popup_primary_cta":"Edit Bundle","parcelis_modal_column_header_2":"WITH COVERAGE","parcelis_modal_column_header_3":"WITHOUT COVERAGE","parcelis_upsell_cta":"Shipping Insurance","offer_card_achieved_tag":"Unlocked","cart_checkbox_label":"I agree to all terms and conditions","reward_overlay_title":"Free gifts Unlocked","parcelis_modal_row_2_column_1":"Damage, loss, theft coverage","one_time_purchase_plan_title":"One time purchase","other_checkouts_cta":"Other Checkouts","total_text":"Total","discount_box_cta":"Apply","parcelis_modal_row_4_column_1":"Fast refund or replacement","cart_list_continue_shopping":"Continue Shopping","cart_list_cta":"Checkout","reward_overlay_sub_text":"Choose any {{gift_count}} free gifts","related_items_cta":"Add","rewards_checkout_reminder_secondary_cta_btn":"No Thanks, Iâll Pass","reward_overlay_cta_text":"Add Free Gifts","rewards_checkout_reminder_primary_cta_btn":"Claim Your Free Gift","parcelis_modal_column_header_1":"BENEFITS","subscription_upgrade_cta":"Upgrade to subscription","offer_card_achieved_and_selected_tag":"Added to cart","discount_text":"Discount","discount_box_place_holder":"Apply Discount Code","parcelis_description_text":"Insurance if your package is damaged, lost, or stolen by porch pirates. Get a refund or replacement in just a few clicks.","reward_overlay_cancel_text":"Cancel","optional_note_title":"Optional Note","optional_note_cancel":"Cancel","sold_out":"Sold Out","optional_note_cta":"Add Note","bundle_view_content_btn":"View Bundle","shipping_text":"Shipping","parcelis_modal_row_3_c
9813olumn_1":"24\/7 Priority support","parcelis_modal_row_1_column_1":"Package Protection by Parcelis","estimated_tax":"Estimated Tax","parcelis_modal_title":"Parcelis Benefits","cart_context_title":"Cart","free_text":"Free","add_item":"Add item"},"version":"17"},"stickyAtcWidget":null},"rev":"1-0-1","stickybarConfig":null,"updatedAt":"2026-08-06T11:09:11Z"};window.corner.campaignsV2 = []; 9814 9815 9816 9817window.corner.campaigns = []; 9818 9819 9820 window.corner.campaigns.push({"audience":{"everyone":true},"campaign_id":19986,"created_at":"2025-09-18T11:57:25Z","details":{"config":{"customerBuys":{"items":{"all":true,"collections":{"add":[{"collectionId":652627050883,"handle":"all","id":"gid:\/\/shopify\/Collection\/652627050883","images":[],"title":"All"}],"remove":[]},"products":{"productVariantsToAdd":[],"productVariantsToRemove":[],"productsToAdd":[],"productsToRemove":[]}},"value":{"amount":"50","quantity":""}},"rewards":{"id":"19986-0","prerequisites":{"\u003e=":[{"reduce":[{"filter":[{"var":"collectionArray"},{"or":[{"==":[{"var":"collectionId"},"652627050883"]}]}]},{"+":[{"var":"current.amount"},{"var":"accumulator"}]},0]},5000]},"rewardStack":[{"promoCode":"BXGY18DFAZ","target":{"handle":"various-the-circle-tote-bag-103561","id":"gid:\/\/shopify\/Product\/15313454956931","images":[{"altText":"Various The Circle Tote Bag free_product 409653","id":"gid:\/\/shopify\/MediaImage\/66780831318403","originalSrc":"https:\/\/cdn.shopify.com\/s\/files\/1\/0701\/2417\/5395\/files\/Various_The-Circle-Tote-Bag_free-product_s515701_o7021852_a557871_v13284619.7212c1f5.jpg?v=1753591637"}],"product_id":15313454956931,"title":"The Circle Tote Bag"},"type":"freeProduct","unit":"percent","value":100}],"stackModifier":"any","stackSelectCount":1},"type":"SPENDXINY","usesPerOrderEnabled":true,"usesPerOrderLimit":"1"},"content":[{"lang":"de","value":{"postGoalOfferPageSubTitle":"Yay! Deine gratis Tote Bag wurde in den Warenkorb gelegt!","postGoalOfferPageTitle":"Gratis Tote Bag","preGoalOfferPageSubTitle":"Bestelle Produkte im Wert von mind. 50 Euro","preGoalOfferPageTitle":"Gratis Tote Bag"}}],"discount_gid":"gid:\/\/shopify\/DiscountAutomaticNode\/2250612146563","gid":null,"installationid":null,"is_in_sync":false,"shopid":19088,"shopify_config":{"automaticBxgyDiscount":{"combinesWith":{"orderDiscounts":true,"productDiscounts":true,"shippingDiscounts":true},"customerBuys":{"items":{"all":false,"collections":{"add":["gid:\/\/shopify\/Collection\/652627050883"],"remove":[]},"products":null},"value":{"amount":"50","quantity":null}},"customerGets":{"items":{"all":false,"products":{"productVariantsToAdd":[],"productVariantsToRemove":[],"productsToAdd":["gid:\/\/shopify\/Product\/15313454956931"],"productsToRemove":[]}},"value":{"discountOnQuantity":{"effect":{"percentage":1},"quantity":"1"}}},"endsAt":"2025-09-30T10:59:00.000Z","startsAt":"2025-09-18T11:57:25.615Z","title":"Gratis Tote Bag","usesPerOrderLimit":"1"}}},"key":18,"priority":13,"rev":0,"schedule":{"endsAt":"2025-09-30T10:59:00.000Z","startsAt":"2025-09-18T11:57:25.615Z"},"settings":{"campaignTermsAndConditions":"While supply lasts.","title":"Gratis Tote Bag"},"shop":"de-circle-prod.myshopify.com","status":"active","surface":"cart_widget","type":"bxgy_free","updated_at":"2025-09-18T12:00:21Z"}); 9821 9822 window.corner.campaigns.push({"audience":{"everyone":true},"campaign_id":22693,"created_at":"2025-11-20T13:34:33Z","details":{"config":{"customerBuys":{"items":{"all":true,"collections":{"add":[{"collectionId":652627050883,"handle":"all","id":"gid:\/\/shopify\/Collection\/652627050883","images":[],"title":"All"}],"remove":[]},"products":{"productVariantsToAdd":[],"productVariantsToRemove":[],"productsToAdd":[],"productsToRemove":[]}},"value":{"amount":"","quantity":1}},"rewards":{"id":"22693-0","prerequisites":{"\u003e=":[{"reduce":[{"filter":[{"var":"collectionArray"},{"or":[{"==":[{"var":"collectionId"},"652627050883"]}]}]},{"+":[{"var":"current.quantity"},{"var":"accumulator"}]},0]},1]},"rewardStack":[{"promoCode":"BXGY21DRYN","target":{"handle":"various-the-circle-weihnachtskarte-25-109189","id":"gid:\/\/shopify\/ProductVariant\/56890758463875","images":[{"altText":"Various The Circle - Weihnachtskarte '25 free_product 428266","i
9822d":"gid:\/\/shopify\/MediaImage\/68298934518147","originalSrc":"https:\/\/cdn.shopify.com\/s\/files\/1\/0701\/2417\/5395\/files\/Various_The-Circle-Weihnachtskarte-25_free-product_s519181_o7786574_a600705_v13705466.cd093ff8.jpg?v=1763644967"},{"altText":"Various The Circle - Weihnachtskarte '25 free_product 428270","id":"gid:\/\/shopify\/MediaImage\/68298934550915","originalSrc":"https:\/\/cdn.shopify.com\/s\/files\/1\/0701\/2417\/5395\/files\/Various_The-Circle-Weihnachtskarte-25_free-product_s519181_o7786574_a600708_v13705484.597ba2fb.jpg?v=1763644967"}],"product_id":15485546135939,"title":"The Circle - Weihnachtskarte '25 - OS"},"type":"freeProductVariant","unit":"percent","value":100}],"stackModifier":"any","stackSelectCount":1},"type":"BUYXFROMY","usesPerOrderEnabled":false,"usesPerOrderLimit":null},"content":[{"lang":"de","value":{"postGoalOfferPageSubTitle":"","postGoalOfferPageTitle":"Kostenlose Weihnachtskarte","preGoalOfferPageSubTitle":"Jeder Bestellung legen wir eine The Circle Weihnachtskarte bei","preGoalOfferPageTitle":"Kostenlose Weihnachtskarte"}},{"lang":"en","value":{"postGoalOfferPageSubTitle":"","postGoalOfferPageTitle":"","preGoalOfferPageSubTitle":"","preGoalOfferPageTitle":""}}],"discount_gid":"gid:\/\/shopify\/DiscountAutomaticNode\/2275927130499","gid":null,"installationid":null,"is_in_sync":false,"shopid":19088,"shopify_config":{"automaticBxgyDiscount":{"combinesWith":{"orderDiscounts":true,"productDiscounts":true,"shippingDiscounts":true},"customerBuys":{"items":{"all":false,"collections":{"add":["gid:\/\/shopify\/Collection\/652627050883"],"remove":[]},"products":null},"value":{"amount":null,"quantity":"1"}},"customerGets":{"items":{"all":false,"products":{"productVariantsToAdd":["gid:\/\/shopify\/ProductVariant\/56890758463875"],"productVariantsToRemove":[],"productsToAdd":[],"productsToRemove":[]}},"value":{"discountOnQuantity":{"effect":{"percentage":1},"quantity":"1"}}},"endsAt":"2025-12-24T13:37:50.754Z","startsAt":"2025-11-20T13:34:33.205Z","title":"Buy X Get Y 16","usesPerOrderLimit":null}}},"key":21,"priority":15,"rev":0,"schedule":{"endsAt":"2025-12-24T13:37:50.754Z","startsAt":"2025-11-20T13:34:33.205Z"},"settings":{"campaignTermsAndConditions":"While supply lasts.","title":"Buy X Get Y 16"},"shop":"de-circle-prod.myshopify.com","status":"active","surface":"cart_widget","type":"bxgy_free","updated_at":"2025-11-20T13:38:04Z"}); 9823 9824 window.corner.campaigns.push({"audience":{"everyone":true},"campaign_id":25914,"created_at":"2026-02-11T08:48:35Z","details":{"config":{"customerBuys":{"items":{"all":true,"collections":{"add":[{"collectionId":462697824291,"handle":"berq","id":"gid:\/\/shopify\/Collection\/462697824291","images":[],"title":"Berq"}],"remove":[]},"products":{"productVariantsToAdd":[],"productVariantsToRemove":[],"productsToAdd":[],"productsToRemove":[]}},"value":{"amount":"60","quantity":""}},"rewards":{"id":"25914-0","prerequisites":{"\u003e=":[{"reduce":[{"filter":[{"var":"collectionArray"},{"or":[{"==":[{"var":"collectionId"},"462697824291"]}]}]},{"+":[{"var":"current.amount"},{"var":"accumulator"}]},0]},6000]},"rewardStack":[{"promoCode":"BXGY23DZGF","target":{"handle":"berq-mein-hass-tritt-dir-die-haustur-ein-111606","id":"gid:\/\/shopify\/ProductVariant\/57344025100675","images":[{"altText":"Berq mein hass tritt dir die haustür ein Schal 390463","id":"gid:\/\/shopify\/MediaImage\/69511646970243","originalSrc":"https:\/\/cdn.shopify.com\/s\/files\/1\/0701\/2417\/5395\/files\/Berq_mein-hass-tritt-dir-die-haustuer-ein_Schal_s511360_o5514438_a513729_v12668491.ea45712f.png?v=1770649773"},{"altText":"Berq mein hass tritt dir die haustür ein Schal 390460","id":"gid:\/\/shopify\/MediaImage\/69511647003011","originalSrc":"https:\/\/cdn.shopify.com\/s\/files\/1\/0701\/2417\/5395\/files\/Berq_mein-hass-tritt-dir-die-haustuer-ein_Schal_s511360_o5514438_a513730_v12668492.1992d498.png?v=1770649774"}],"product_id":15638079996291,"title":"mein hass tritt dir die haustür ein - OS"},"type":"freeProductVariant","unit":"percent","value":100}],"stackModifier":"any","stackSelectCount":1},"type":"SPENDXINY","usesPerOrderEnabled":true,"usesPerOrderLimit":"1"},"content":[{"lang":"de","value":{"postGoalOfferPageSubTitle":"Gratis Schal","postGoalOfferPageTitle":"Gratis Schal","preGoalOfferPageSubTitle":"Zu jeder Bestellung ab 60 EUR erhältst Du jetzt einen Schal kostenlos dazu.","preGoalOfferPageTitle":"Kostenloser Schal zu jeder Bestellung ab 60 Euro!"}}],"discount_gid":"gid:\/\/shopify\/DiscountAutomaticNode\/2324272415107","gi
9824d":null,"installationid":null,"is_in_sync":false,"shopid":19088,"shopify_config":{"automaticBxgyDiscount":{"combinesWith":{"orderDiscounts":true,"productDiscounts":true,"shippingDiscounts":true},"customerBuys":{"items":{"all":false,"collections":{"add":["gid:\/\/shopify\/Collection\/462697824291"],"remove":[]},"products":null},"value":{"amount":"60","quantity":null}},"customerGets":{"items":{"all":false,"products":{"productVariantsToAdd":["gid:\/\/shopify\/ProductVariant\/57344025100675"],"productVariantsToRemove":[],"productsToAdd":[],"productsToRemove":[]}},"value":{"discountOnQuantity":{"effect":{"percentage":1},"quantity":"1"}}},"endsAt":null,"startsAt":"2026-03-06T08:00:00.000Z","title":"Kostenloser Berq-Schal","usesPerOrderLimit":"1"}}},"key":23,"priority":17,"rev":0,"schedule":{"endsAt":"","startsAt":"2026-03-06T08:00:00.000Z"},"settings":{"campaignTermsAndConditions":"While supply lasts.","title":"Kostenloser Berq-Schal"},"shop":"de-circle-prod.myshopify.com","status":"active","surface":"cart_widget","type":"bxgy_free","updated_at":"2026-03-06T08:06:01Z"}); 9825 9826 window.corner.campaigns.push({"audience":{"everyone":true},"campaign_id":27635,"created_at":"2026-04-17T13:02:39Z","details":{"config":{"customerBuys":{"items":{"all":true,"collections":{"add":[],"remove":[]},"products":{"productVariantsToAdd":[],"productVariantsToRemove":[],"productsToAdd":[{"handle":"juli-der-sommer-ist-vorbei-114967","id":"gid:\/\/shopify\/Product\/15903305990531","images":[{"altText":"Juli Der Sommer ist vorbei Deluxe CD + Bluray + Signed Card 353853","id":"gid:\/\/shopify\/MediaImage\/70702218281347","originalSrc":"https:\/\/cdn.shopify.com\/s\/files\/1\/0701\/2417\/5395\/files\/Juli_Der-Sommer-ist-vorbei_Deluxe-CD-Bluray-Signed-Card_s507367_o3570473_a436897_v11656098.df529b99.png?v=1776419593"},{"altText":"Juli Der Sommer ist vorbei Deluxe CD + Bluray + Signed Card 353849","id":"gid:\/\/shopify\/MediaImage\/70702218314115","originalSrc":"https:\/\/cdn.shopify.com\/s\/files\/1\/0701\/2417\/5395\/files\/Juli_Der-Sommer-ist-vorbei_Deluxe-CD-Bluray-Signed-Card_s507367_o3570473_a436898_v11656099.0b343eaa.jpg?v=1776419593"}],"product_id":15903305990531,"title":"Der Sommer ist vorbei"}],"productsToRemove":[]}},"value":{"amount":"","quantity":1}},"rewards":{"id":"27635-0","prerequisites":{"\u003e=":[{"reduce":[{"filter":[{"var":"productArray"},{"or":[{"==":[{"var":"productId"},"15903305990531"]}]}]},{"+":[{"var":"current.quantity"},{"var":"accumulator"}]},0]},1]},"rewardStack":[{"promoCode":"BXGY29IFST","target":{"handle":"various-juli-signierte-karte-114973","id":"gid:\/\/shopify\/ProductVariant\/57812919320963","images":[{"altText":"Various Juli Signierte Karte Autogrammkarte 353057","id":"gid:\/\/shopify\/MediaImage\/70703239692675","originalSrc":"https:\/\/cdn.shopify.com\/s\/files\/1\/0701\/2417\/5395\/files\/Various_Juli-Signierte-Karte_Autogrammkarte_s507395_o3579114_a435640_v11648849.63d7a178.png?v=1776423045"}],"product_id":15903469601155,"title":"Juli Signierte Karte - OS"},"type":"freeProductVariant","unit":"percent","value":100}],"stackModifier":"any","stackSelectCount":1},"type":"BUYX","usesPerOrderEnabled":true,"usesPerOrderLimit":"1"},"content":[{"lang":"de","value":{"postGoalOfferPageSubTitle":"Yay! Du hast deine kostenlose Juli signierte Karte freigeschaltet!","postGoalOfferPageTitle":"Gratis Juli Signierte Karte","preGoalOfferPageSubTitle":"Gratis Juli Signierte Karte","preGoalOfferPageTitle":"Gratis Juli Signierte Karte"}},{"lang":"en","value":{"postGoalOfferPageSubTitle":"Yay! You've unlocked your free Juli signed card!","postGoalOfferPageTitle":"Free Juli signed card","preGoalOfferPageSubTitle":"Free Juli signed card","preGoalOfferPageTitle":"Free Juli signed card"}}],"discount_gid":"gid:\/\/shopify\/DiscountAutomaticNode\/2342467699075","gid":null,"installationid":null,"is_in_sync":false,"shopid":19088,"shopify_config":{"automaticBxgyDiscount":{"combinesWith":{"orderDiscounts":true,"productDiscounts":true,"shippingDiscounts":true},"customerBuys":{"items":{"all":false,"collections":null,"products":{"productVariantsToAdd":[],"productVariantsToRemove":[],"productsToAdd":["gid:\/\/shopify\/Product\/15903305990531"],"productsToRemove":[]}},"value":{"amount":null,"quantity":"1"}},"customerGets":{"items":{"all":false,"products":{"productVariantsToAdd":["gid:\/\/shopify\/ProductVariant\/57812919320963"],"productVariantsToRemove":["gid:\/\/shopify\/ProductVariant\/54891635999107"],"productsToAdd":[],"productsToRemove":[]}},"value":{"discountOnQuantity":{"effect":{"percentage":1},"quantity":"1"}}},"endsAt":null,"startsAt":"2026-04-20T12:02:00.000Z","title":"Gratis Juli Signierte Karte","usesPerOrderLimit":"1"}}}
9826,"key":29,"priority":22,"rev":0,"schedule":{"endsAt":"","startsAt":"2026-04-20T12:02:00.000Z"},"settings":{"campaignTermsAndConditions":"While supply lasts.","title":"Gratis Juli Signierte Karte"},"shop":"de-circle-prod.myshopify.com","status":"active","surface":"cart_widget","type":"bxgy_free","updated_at":"2026-04-20T12:08:50Z"}); 9827 9828 9829window.corner.automations = []; 9830 9831 9832 9833 9834 9835window.corner.sessionData.market = 'international'; 9836</script>
9836 9837<!-- END app snippet --> 9838
9839<script data-cookieconsent="ignore"> 9840 9841 window.cornerStorefrontToken = "8f13f18846a89ceb137927a8a9e97484"; 9842 9843 9844 var isCornerAppEmbedsTurnedOn = true; 9845 window.enableCornerTestCampaigns = true 9846 9847 9848 9849 9850 window.elementToReplaceInCartPage = "main"; 9851 9852 let mainCartElement = document.querySelector( 9853 "main" 9854 ) 9855 let hideThemeCart = false 9856 if(mainCartElement && hideThemeCart && [ 9857 "/cart", 9858 "/cart/", 9859 `${window.Shopify.routes.root}cart`, 9860 `${window.Shopify.routes.root}cart/` 9861 ].includes(window.location.pathname)){ 9862 let themeCartBackup = mainCartElement.innerHTML; 9863 9864 mainCartElement.innerHTML = "<div class='coca-cart-loader'> <span /></div>"; 9865 const revertCartTimeout = setTimeout(function revertCart() { 9866 if(!document.querySelector("#corner-cowi-cart-page-wrapper")){ 9867 mainCartElement.innerHTML=themeCartBackup; 9868 } 9869 }, 5000); 9870 9871 } 9872 9873 9874 !(function (e, t) { 9875 if ('object' == typeof exports && 'object' == typeof module) module.exports = t(); 9876 else if ('function' == typeof define && define.amd) define([], t); 9877 else { 9878 var r = t(); 9879 for (var o in r) ('object' == typeof exports ? exports : e)[o] = r[o]; 9880 } 9881 })(self, function () { 9882 return (() => { 9883 'use strict'; 9884 var t; 9885 var ms = document.createElement('script'); 9886 ms.type = 'text/javascript'; 9887 ms.async = !0; 9888 ms.setAttribute('data-cookieconsent', 'ignore'); 9889 9890 ms.src = 'https://cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/cornerWidget.js'; 9891 9892 document.body.append(ms); 9893 9894 var vF = [ 9895 'https://cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/corner-cart-progress-bar.js', 9896 'https://cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/corner-cart-checkout-split.js', 9897 'https://cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/corner-cart-checkout-unified.js', 9898 'https://cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/corner-cart-checkout-classic.js', 9899 'https://cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/corner-related-items-card.js', 9900 'https://cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/corner-related-items-list.js', 9901 'https://cdn.shopify.com/extensions/01a0ece8-88cd-728a-81dc-c7f6c60df6fb/corner-149/assets/corner-related-items-carousel.js' 9902].filter(function(url) { return url && url.length > 0; }); 9903 9904 vF.forEach(function(url) { 9905 var vScpt = document.createElement('script'); 9906 vScpt.type = 'text/javascript'; 9907 vScpt.async = !0; 9908 vScpt.setAttribute('data-cookieconsent', 'ignore'); 9909 9910 vScpt.src = url; 9911 document.body.appendChild(vScpt); 9912 }); 9913 9914 return {}; 9915 })(); 9916 }); 9917</script>
9917 9918 9919 9920 <!-- BEGIN app snippet: corner-theme-cart-hiding -->
9920<script> 9921 /* 9922 This function is used to hide theme specifc cart drawers. 9923 @param cartDrawerSelector - The selector for the theme cart drawer. 9924 @param closeBtnSelector - The selector for the close button of the theme cart drawer. 9925 @param cartDrawerOpenSelector - The selector for the cart drawer open state. 9926 @param overlaySelector - The selector for backgroundOverlay 9927 */ 9928 const hideThemeCartDrawer = (cartDrawerSelector,closeBtnSelector,cartDrawerOpenSelector,overlaySelector) => { 9929 const closeBtn = document.querySelector(closeBtnSelector); 9930 const themeCartDrawer = document.querySelector(cartDrawerSelector); 9931 let isThemeCartOpened=false; 9932 let closeTimeoutId 9933 if(themeCartDrawer && closeBtn){ 9934 if(document.querySelector(cartDrawerOpenSelector)){ 9935 isThemeCartOpened=true 9936 } 9937 const themeCartHidingStyle=` 9938 .corner-hide-theme-cart ${overlaySelector} { 9939 visibility: hidden !important; 9940 } 9941 .corner-hide-theme-cart ${cartDrawerSelector}, .corner-hide-theme-cart ${cartDrawerSelector} * { 9942 visibility: hidden !important; 9943 } 9944 ` 9945 const styleSheet = document.createElement("style") 9946 styleSheet.textContent = themeCartHidingStyle 9947 document.head.appendChild(styleSheet) 9948 document.documentElement.classList.add('corner-hide-theme-cart'); 9949 9950 if (isThemeCartOpened) { 9951 closeBtn.click(); 9952 window.corner.do("openCart"); 9953 } 9954 9955 const observer = new MutationObserver((mutations) => { 9956 if (document.querySelector(cartDrawerOpenSelector)) { 9957 clearTimeout(closeTimeoutId) 9958 //delay added for cart-drawer open logic to complete first need to find a robust method for this 9959 closeTimeoutId=setTimeout(() => { 9960 if (closeBtn) 9961 closeBtn.click(); 9962 }, 100); 9963 } 9964 }); 9965 observer.observe(themeCartDrawer, { attributes: true }); 9966 } 9967 else{ 9968 console.log("Theme cart drawer or close button not found") 9969 } 9970 } 9971 9972 /* 9973 This function is used to hide the web component theme cart. 9974 It overrides the open function of the web component to open the cart. 9975 It also listens for the cornerCartReady event to open the cart if cart icon is clicked before corner is ready. 9976 If the cornerCartReady event is not fired within 2 seconds, it falls back to the original open function. 9977 @param isCartComponentFound - Whether the cart component is found. 9978 */ 9979 9980 const hideWebComponentThemeCart = (isCartComponentFound) => { 9981 const cartDrawerComponents = ["cart-drawer", "cart-drawer-component"]; 9982 const openFunctions = ["open", "show", "openMenuDrawer", "openCartDrawer"]; 9983 let isCartOpenPending = false; 9984 for (const selector of cartDrawerComponents) { 9985 const cartComponent = document.querySelector(selector); 9986 if (cartComponent) { 9987 isCartComponentFound = true 9988 customElements.whenDefined(selector).then(() => { 9989 let validOpenFnName = null; 9990 let originalOpenFn = null; 9991 9992 for (const fnName of openFunctions) { 9993 if (typeof cartComponent[fnName] === 'function') { 9994 validOpenFnName = fnName; 9995 originalOpenFn = cartComponent[fnName]; 9996 break; 9997 } 9998 } 9999 10000 if (!validOpenFnName) { 10001 console.log(`Valid component ${selector} found with unknown open function`); 10002 return; // Exit the .then() callback - nothing more to do 10003 } 10004 10005 console.log(`Overriding ${validOpenFnName} on ${selector}`); 10006 10007 cartComponent[validOpenFnName] = function () { 10008 if (isCartOpenPending) { 10009 console.log("Cart open already in progress, ignoring click"); 10010 return; 10011 } 10012 10013 if (window.corner && window.corner.do) { 10014 window.corner.do("openCart"); 10015 } else { 10016 isCartOpenPending = true; 10017 let eventFired = false;
10018 let timeoutId; 10019 10020 const cleanup = () => { 10021 isCartOpenPending = false; 10022 document.removeEventListener('cornerCartReady', onCornerReady); 10023 clearTimeout(timeoutId); 10024 }; 10025 10026 const onCornerReady = () => { 10027 if (!eventFired) { 10028 eventFired = true; 10029 cleanup(); 10030 window.corner.do("openCart"); 10031 console.log("cornerCartReady event listened and cart opened"); 10032 } 10033 }; 10034 10035 document.addEventListener('cornerCartReady', onCornerReady, { 10036 once: true 10037 }); 10038 10039 timeoutId = setTimeout(function () { 10040 if (!eventFired) { 10041 eventFired = true; 10042 cleanup(); 10043 cartComponent[validOpenFnName] = originalOpenFn; 10044 console.log("cornerCartReady timeout - falling back to original cart"); 10045 originalOpenFn.call(cartComponent); 10046 } 10047 }, 2000); 10048 } 10049 }; 10050 }); 10051 10052 break; // Exit the for loop - we found a valid component 10053 } 10054 } 10055 return isCartComponentFound 10056 } 10057 10058 const themeCartConfig = { 10059 857: { 10060 theme: "motion", 10061 cartDrawerSelector: "#CartDrawer", 10062 closeBtnSelector: "#CartDrawer .js-drawer-close", 10063 cartDrawerOpenSelector: "#CartDrawer.drawer--is-open", 10064 overlaySelector: "main::after" 10065 }, 10066 847: { 10067 theme: "impulse", 10068 cartDrawerSelector: "#CartDrawer", 10069 closeBtnSelector: "#CartDrawer .js-drawer-close", 10070 cartDrawerOpenSelector: "#CartDrawer.drawer--is-open", 10071 overlaySelector: "main::after" 10072 }, 10073 714: { 10074 theme: "focal", 10075 cartDrawerSelector: "cart-drawer", 10076 closeBtnSelector: "cart-drawer .drawer__close-button", 10077 cartDrawerOpenSelector: "cart-drawer[open]", 10078 overlaySelector: "cart-drawer .drawer__overlay" 10079 }, 10080 868: { 10081 theme: "broadcast", 10082 cartDrawerSelector: "cart-drawer", 10083 closeBtnSelector: "cart-drawer .drawer__close", 10084 cartDrawerOpenSelector: "cart-drawer.is-open", 10085 overlaySelector: "cart-drawer .underlay" 10086 } 10087 }; 10088 10089 try { 10090 const themeStoreId = window.Shopify.theme?.theme_store_id 10091 let themeSpecificCartHidingLogicExists = false 10092 let isCartComponentFound = false 10093 const config = themeCartConfig[themeStoreId]; 10094 if (config) { 10095 themeSpecificCartHidingLogicExists = true 10096 document.addEventListener('cornerCartReady', ()=>hideThemeCartDrawer(config.cartDrawerSelector,config.closeBtnSelector,config.cartDrawerOpenSelector,config.overlaySelector), { once: true }); 10097 } 10098 if (!themeSpecificCartHidingLogicExists) { 10099 isCartComponentFound = hideWebComponentThemeCart(isCartComponentFound) 10100 } 10101 if (!isCartComponentFound && !themeSpecificCartHidingLogicExists) { 10102 console.log("No theme cart hiding method for this theme") 10103 } 10104 } catch (error) { 10105 console.error("Try catch caught error in theme cart hiding", error) 10106 } 10107 10108</script>
10108<!-- END app snippet --> 10109 10110 10111<div id="corner-bundle-items" style="display:none"> 10112 { 10113 "items": [ 10114 10115 10116 ] 10117} 10118</div> 10119 10120<style> 10121 .coca-cart-loader { 10122 display: flex; 10123 justify-content: center; 10124 align-items: center; 10125 min-height: 550px; 10126 } 10127 .coca-cart-loader span { 10128 border: 3px solid rgba(0, 0, 0, 0); 10129 border-radius: 50%; 10130 border-top: 3px solid rgb(0, 0, 0, 0.5); 10131 width: 40px; 10132 height: 40px; 10133 -webkit-animation: spin 0.75s linear infinite; 10134 /* Safari */ 10135 animation: spin 0.75s linear infinite; 10136 } 10137 10138 /* Safari */ 10139 @-webkit-keyframes spin { 10140 0% { 10141 -webkit-transform: rotate(0deg); 10142 } 10143 100% { 10144 -webkit-transform: rotate(360deg); 10145 } 10146 } 10147 10148 @keyframes spin { 10149 0% { 10150 transform: rotate(0deg); 10151 } 10152 100% { 10153 transform: rotate(360deg); 10154 } 10155 } 10156 10157</style> 10158 10159 10160 10161</div>
10161<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10161 10162</body> 10163</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.