PageSourceSearch

https://thecircle.de/blogs/news

html thecircle.de collected 2026-10-02 04:52:36 UTC 398,217 bytes, 10,163 lines download raw bytes

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&amp;width=400" alt="Rock Special" srcset="//thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&amp;width=100 100w, //thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&amp;width=300 300w, //thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&amp;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&amp;width=400" alt="Release Radar" srcset="//thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&amp;width=100 100w, //thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&amp;width=300 300w, //thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&amp;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&amp;width=400" alt="Acoustic Sounds Series" srcset="//thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&amp;width=100 100w, //thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&amp;width=300 300w, //thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&amp;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&amp;width=400" alt="Zayn" srcset="//thecircle.de/cdn/shop/files/zayn-header_600x_c507050c-19b7-409e-b13e-d400748d75f8.jpg?v=1777559646&amp;width=100 100w, //thecircle.de/cdn/shop/files/zayn-header_600x_c507050c-19b7-409e-b13e-d400748d75f8.jpg?v=1777559646&amp;width=300 300w, //thecircle.de/cdn/shop/files/zayn-header_600x_c507050c-19b7-409e-b13e-d400748d75f8.jpg?v=1777559646&amp;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&amp;width=400" alt="The Beatles" srcset="//thecircle.de/cdn/shop/files/beatles-header_1094ed8a-7467-4bdc-9ef1-dd5daaebc376.jpg?v=1776258247&amp;width=100 100w, //thecircle.de/cdn/shop/files/beatles-header_1094ed8a-7467-4bdc-9ef1-dd5daaebc376.jpg?v=1776258247&amp;width=300 300w, //thecircle.de/cdn/shop/files/beatles-header_1094ed8a-7467-4bdc-9ef1-dd5daaebc376.jpg?v=1776258247&amp;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&amp;width=400" alt="Holly Humberstone" srcset="//thecircle.de/cdn/shop/files/holly-humberstone-by-silken-weinberg-header.jpg?v=1775811920&amp;width=100 100w, //thecircle.de/cdn/shop/files/holly-humberstone-by-silken-weinberg-header.jpg?v=1775811920&amp;width=300 300w, //thecircle.de/cdn/shop/files/holly-humberstone-by-silken-weinberg-header.jpg?v=1775811920&amp;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&amp;width=625" alt="The Circle Logo" srcset="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=100 100w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=300 300w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=400 400w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=500 500w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;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&amp;width=427" alt="The Circle Logo" srcset="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=100 100w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=300 300w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;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&amp;width=625" alt="Icon Warenkorb" srcset="//thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;width=100 100w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;width=300 300w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;width=400 400w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;width=500 500w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;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&amp;width=625" alt="The Circle Logo" srcset="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=100 100w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=300 300w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=400 400w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=500 500w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;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&amp;width=427" alt="The Circle Logo" srcset="//thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=100 100w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;width=300 300w, //thecircle.de/cdn/shop/files/the-circle-logo.png?v=1726488941&amp;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&amp;width=400" alt="Rock Special" srcset="//thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&amp;width=100 100w, //thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&amp;width=300 300w, //thecircle.de/cdn/shop/collections/TheCircle_Rock_Ad_1x1_915b5dab-3f11-449f-b032-603ff2ae5690.png?v=1790681529&amp;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&amp;width=400" alt="Release Radar" srcset="//thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&amp;width=100 100w, //thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&amp;width=300 300w, //thecircle.de/cdn/shop/collections/Circle_ReleaseRadar_Ad_1x1_Mai26.png?v=1782399119&amp;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&amp;width=400" alt="Acoustic Sounds Series" srcset="//thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&amp;width=100 100w, //thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&amp;width=300 300w, //thecircle.de/cdn/shop/collections/8773e0c92edf98ff16050ddb4bcafd52225c8b142957fbde17ebf09f24719a4e4e9cc8b0f853327154d0cb7957b0033c_je-store_slider_acoustic_sounds_neu.png?v=1726229595&amp;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&amp;width=400" srcset="//thecircle.de/cdn/shop/files/Sam_Smith_Credit_Khali_Ackford-HEADER.jpg?v=1787311114&amp;width=100 100w, //thecircle.de/cdn/shop/files/Sam_Smith_Credit_Khali_Ackford-HEADER.jpg?v=1787311114&amp;width=300 300w, //thecircle.de/cdn/shop/files/Sam_Smith_Credit_Khali_Ackford-HEADER.jpg?v=1787311114&amp;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&amp;width=400" srcset="//thecircle.de/cdn/shop/files/TheWarning_BrianZiff.jpg?v=1787908386&amp;width=100 100w, //thecircle.de/cdn/shop/files/TheWarning_BrianZiff.jpg?v=1787908386&amp;width=300 300w, //thecircle.de/cdn/shop/files/TheWarning_BrianZiff.jpg?v=1787908386&amp;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&amp;width=400" srcset="//thecircle.de/cdn/shop/files/sam-tompkins-willbeach__-image-1-1.jpg?v=1783692963&amp;width=100 100w, //thecircle.de/cdn/shop/files/sam-tompkins-willbeach__-image-1-1.jpg?v=1783692963&amp;width=300 300w, //thecircle.de/cdn/shop/files/sam-tompkins-willbeach__-image-1-1.jpg?v=1783692963&amp;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&amp;width=625" alt="Icon Kundenaccount" srcset="//thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&amp;width=100 100w, //thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&amp;width=300 300w, //thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&amp;width=400 400w, //thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&amp;width=500 500w, //thecircle.de/cdn/shop/files/Account_057d896e-66f9-42df-9d6b-d5e0aa6a356d.png?v=1719583421&amp;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&amp;width=625" alt="Icon Warenkorb" srcset="//thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;width=100 100w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;width=300 300w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;width=400 400w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;width=500 500w, //thecircle.de/cdn/shop/files/Cart_50x50_e6f4e6bf-393f-4013-a36f-ba78f7bcbc5d.png?v=1727708290&amp;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">&rsaquo;</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&amp;width=1500" srcset="//thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=100 100w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=300 300w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=400 400w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=500 500w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=600 600w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=800 800w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;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&amp;width=900" srcset="//thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=100 100w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=300 300w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=400 400w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=500 500w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;width=600 600w, //thecircle.de/cdn/shop/files/banner-features_3842c132-a953-46d4-a6f1-9e4e7854383e.jpg?v=1780497066&amp;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 &quot;Animals&quot;"
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] ">&hellip;</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 &quot;{{ terms }}&quot; 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 &quot;{{ terms }}&quot; ansehen"
9687        data-t-search_for="Nach &quot;{{ terms }}&quot; 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.