PageSourceSearch

https://vividstyles.de/

html vividstyles.de collected 2026-09-28 06:24:39 UTC 243,458 bytes, 2,905 lines download raw bytes

1<!doctype html>
2
3<html lang="de" dir="ltr">
4  <head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=5.0">
7
8    <title>Offizieller VIVID® Shop | Damen und Herrenbekleidung</title><meta name="description" content="VIVID bietet seit 2024 hochwertige Damen- und Herrenmode mit perfekter Passform und großer Farbvielfalt. Entdecke moderne Styles für deinen individuellen Look."><link rel="canonical" href="https://vividstyles.de/"><link rel="shortcut icon" href="//vividstyles.de/cdn/shop/files/vd-favicon.svg?v=1747570286&width=96">
9      <link rel="apple-touch-icon" href="//vividstyles.de/cdn/shop/files/vd-favicon.svg?v=1747570286&width=180"><link rel="preload" href="//vividstyles.de/cdn/fonts/playfair_display/playfairdisplay_n4.9980f3e16959dc89137cc1369bfc3ae98af1deb9.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2" as="font" type="font/woff2" crossorigin><meta property="og:type" content="website">
10  <meta property="og:title" content="Offizieller VIVID® Shop | Damen und Herrenbekleidung"><meta property="og:image" content="http://vividstyles.de/cdn/shop/files/social-sharing-herbst-26.jpg?v=1789768600&width=2048">
11  <meta property="og:image:secure_url" content="https://vividstyles.de/cdn/shop/files/social-sharing-herbst-26.jpg?v=1789768600&width=2048">
12  <meta property="og:image:width" content="1200">
13  <meta property="og:image:height" content="630"><meta property="og:description" content="VIVID bietet seit 2024 hochwertige Damen- und Herrenmode mit perfekter Passform und großer Farbvielfalt. Entdecke moderne Styles für deinen individuellen Look."><meta property="og:url" content="https://vividstyles.de/">
14<meta property="og:site_name" content="VIVID"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Offizieller VIVID® Shop | Damen und Herrenbekleidung">
15  <meta name="twitter:description" content="VIVID bietet seit 2024 hochwertige Damen- und Herrenmode mit perfekter Passform und großer Farbvielfalt. Entdecke moderne Styles für deinen individuellen Look."><meta name="twitter:image" content="https://vividstyles.de/cdn/shop/files/social-sharing-herbst-26.jpg?crop=center&height=1200&v=1789768600&width=1200">
16  <meta name="twitter:image:alt" content="VIVID Weste Damen schwarz mit weißer Bluse und Herren schwarz mit weißem Hemd – Lachendes Paar sitzend auf Parktreppen mit herbstlichem Laubboden und goldenen Herbstbäumen im Stadtpark">
16<script type="application/ld+json">
17  {
18    "@context": "https://schema.org",
19    "@type": "BreadcrumbList",
20    "itemListElement": [{
21        "@type": "ListItem",
22        "position": 1,
23        "name": "Home",
24        "item": "https://vividstyles.de"
25      }]
26  }
27</script>
27<script type="application/ld+json">
28  [
29    {
30      "@context": "https://schema.org",
31      "@type": "WebSite",
32      "name": "VIVID",
33      "url": "https:\/\/vividstyles.de",
34      "potentialAction": {
35        "@type": "SearchAction",
36        "target": "https:\/\/vividstyles.de\/search?q={search_term_string}",
37        "query-input": "required name=search_term_string"
38      }
39    },
40    {
41      "@context": "https://schema.org",
42      "@type": "Organization",
43      "name": "VIVID","url": "https:\/\/vividstyles.de"
44    }
45  ]
46  </script>
46<style>@font-face {
47  font-family: "Instrument Sans";
48  font-weight: 400;
49  font-style: normal;
50  font-display: fallback;
51  src: url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
52       url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
53}
54@font-face {
55  font-family: "Instrument Sans";
56  font-weight: 400;
57  font-style: italic;
58  font-display: fallback;
59  src: url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
60       url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
61}
62@font-face {
63  font-family: "Playfair Display";
64  font-weight: 400;
65  font-style: normal;
66  font-display: fallback;
67  src: url("//vividstyles.de/cdn/fonts/playfair_display/playfairdisplay_n4.9980f3e16959dc89137cc1369bfc3ae98af1deb9.woff2") format("woff2"),
68       url("//vividstyles.de/cdn/fonts/playfair_display/playfairdisplay_n4.c562b7c8e5637886a811d2a017f9e023166064ee.woff") format("woff");
69}
70@font-face {
71  font-family: "Playfair Display";
72  font-weight: 400;
73  font-style: italic;
74  font-display: fallback;
75  src: url("//vividstyles.de/cdn/fonts/playfair_display/playfairdisplay_i4.804ea8da9192aaed0368534aa085b3c1f3411619.woff2") format("woff2"),
76       url("//vividstyles.de/cdn/fonts/playfair_display/playfairdisplay_i4.5538cb7a825d13d8a2333cd8a94065a93a95c710.woff") format("woff");
77}
78@font-face {
79  font-family: "Playfair Display";
80  font-weight: 600;
81  font-style: normal;
82  font-display: fallback;
83  src: url("//vividstyles.de/cdn/fonts/playfair_display/playfairdisplay_n6.41e9dda2e7301ca861c0ec25a53c1bdf16b6624d.woff2") format("woff2"),
84       url("//vividstyles.de/cdn/fonts/playfair_display/playfairdisplay_n6.3fecbbfefcd2c3e39326078af5db97c0302e18b5.woff") format("woff");
85}
86@font-face {
87  font-family: "Instrument Sans";
88  font-weight: 400;
89  font-style: italic;
90  font-display: fallback;
91  src: url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
92       url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
93}
94@font-face {
95  font-family: "Instrument Sans";
96  font-weight: 400;
97  font-style: normal;
98  font-display: fallback;
99  src: url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
100       url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
101}
102@font-face {
103  font-family: "Instrument Sans";
104  font-weight: 400;
105  font-style: italic;
106  font-display: fallback;
107  src: url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
108       url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
109}
110@font-face {
111  font-family: "Instrument Sans";
112  font-weight: 500;
113  font-style: normal;
114  font-display: fallback;
115  src: url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n5.1ce463e1cc056566f977610764d93d4704464858.woff2") format("woff2"),
116       url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n5.9079eb7bba230c9d8d8d3a7d101aa9d9f40b6d14.woff") format("woff");
117}
118@font-face {
119  font-family: "Instrument Sans";
120  font-weight: 600;
121  font-style: normal;
122  font-display: fallback;
123  src: url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n6.27dc66245013a6f7f317d383a3cc9a0c347fb42d.woff2") format("woff2"),
124       url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_n6.1a71efbeeb140ec495af80aad612ad55e19e6d0e.woff") format("woff");
125}
126@font-face {
127  font-family: "Instrument Sans";
128  font-weight: 600;
129  font-style: italic;
130  font-display: fallback;
131  src: url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_i6.ba8063f6adfa1e7ffe690cc5efa600a1e0a8ec32.woff2") format("woff2"),
132       url("//vividstyles.de/cdn/fonts/instrument_sans/instrumentsans_i6.a5bb29b76a0bb820ddaa9417675a5d0bafaa8c1f.woff") format("woff");
133}
134:root {
135    /* Container */
136    --container-max-width: 100%;
137    --container-gutter: 1.25rem;
138
139    /* Spacing */
140    --section-vertical-spacing: 2.5rem;
141    --section-stack-row-gap: 2rem;
142
143    /* Form settings */
144    --form-gap: 1rem; /* Gap between fieldset and submit button */
145    --fieldset-gap: 0.5rem; /* Gap between each form input within a fieldset */
146    --form-control-gap: 0.5rem; /* Gap between input and label (ignored for floating label) */
147    --checkbox-control-gap: 0.75rem; /* Horizontal gap between checkbox and its associated label */
148    --input-padding-block: 0.65rem; /* Vertical padding for input, textarea and native select */
149    --input-padding-inline: 1rem; /* Horizontal padding for input, textarea and native select */
150    --checkbox-size: 0.875rem; /* Size (width and height) for checkbox */
151
152    /* Product listing gaps */
153    --product-list-column-gap: 0.125rem;
154    --product-list-padding-inline: clamp(0px, var(--product-list-column-gap) - 4px, min(1.75rem, var(--product-list-column-gap)));--product-list-row-gap: 1.5rem;/* Other sizes */
155    --header-group-height: calc(var(--announcement-bar-height, 0px) + var(--countdown-condensed-height, 0px) + var(--header-height, 0px));
156    --sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px));
157    --sticky-offset: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-is-visible, 1) * var(--header-height, 0px));
158
159    /* RTL support */
160    --transform-logical-flip: 1;
161    --transform-origin-start: left;
162    --transform-origin-end: right;
163
164    /**
165     * ---------------------------------------------------------------------
166     * TYPOGRAPHY
167     * ---------------------------------------------------------------------
168     */
169
170    /* Font properties */
171    --subheading-font-family: "Instrument Sans", sans-serif;
172    --subheading-font-weight: 400;
173    --subheading-font-style: normal;
174    --subheading-font-size: 0.6875rem;
175    --subheading-text-transform: uppercase;
176    --subheading-letter-spacing: 0.1em;
177    --heading-font-family: "Playfair Display", serif;
178    --heading-font-weight: 400;
179    --heading-font-style: normal;
180    --heading-text-transform: none;
181    --heading-letter-spacing: 0.0em;
182    --heading-line-height: 1.2;
183    --heading-italic-font-family: "Instrument Sans", sans-serif;
184    --heading-italic-font-weight: 400;
185    --heading-italic-font-size-multiplier: 0%;
186    --text-font-family: "Instrument Sans", sans-serif;
187    --text-font-weight: 400;
188    --text-font-style: normal;
189    --text-transform: none;
190    --text-letter-spacing: 0.04em;
191    --text-line-height: 1.6;
192    --text-font-medium-weight: 500;
193    --text-font-bold-weight: 600;
194    --button-font: var(--text-font-style) var(--text-font-weight) var(--button-font-size) / normal var(--text-font-family);
195    --button-text-transform: uppercase;
196    --button-letter-spacing: 0.04em;
197
198    /* Font sizes */--text-heading-size-factor: 0.7;
199    --text-display-xl: max(0.75rem, clamp(3.5rem, 1.9223rem + 6.7314vw, 10rem) * var(--text-heading-size-factor));
200    --text-display-l: max(0.75rem, clamp(3.375rem, 2.1311rem + 5.3074vw, 8.5rem) * var(--text-heading-size-factor));
201    --text-display-m: max(0.75rem, clamp(3.25rem, 2.3701rem + 3.7540vw, 6.875rem) * var(--text-heading-size-factor));
202    --text-h1: max(0.75rem, clamp(3rem, 2.3325rem + 2.8479vw, 5.75rem) * var(--text-heading-size-factor));
203    --text-h2: max(0.75rem, clamp(2.5rem, 1.9539rem + 2.3301vw, 4.75rem) * var(--text-heading-size-factor));
204    --text-h3: max(0.75rem, clamp(2rem, 1.6359rem + 1.5534vw, 3.5rem) * var(--text-heading-size-factor));
205    --text-h4: max(0.75rem, clamp(1.75rem, 1.4466rem + 1.2945vw, 3rem) * var(--text-heading-size-factor));
206    --text-h5: max(0.75rem, clamp(1.375rem, 1.2233rem + 0.6472vw, 2rem) * var(--text-heading-size-factor));
207    --text-h6: max(0.75rem, clamp(1.1875rem, 1.1117rem + 0.3236vw, 1.5rem) * var(--text-heading-size-factor));
208    --text-h7: max(0.75rem, clamp(1rem, 0.9545rem + 0.1942vw, 1.1875rem) * var(--text-heading-size-factor));
209    --text-xs: 0.6875rem;
210    --text-sm: 0.75rem;
211    --text-base: 0.75rem;
212    --text-lg: 0.9375rem;
213    --button-font-size: 0.75rem;
214
215    /* Rounded variables (used for border radius) */
216    --rounded-full: 9999px;
217    --subheading-border-radius: 0.0rem;
218    --button-border-radius: 1.875rem;
219    --input-border-radius: 1.875rem;
220
221    /* Product card variables */
222    --product-card-row-count: 2;
223
224    /**
225     * ---------------------------------------------------------------------
226     * OTHER
227     * ---------------------------------------------------------------------
228     */
229
230    --icon-stroke-width: 1px;
231    --quotation-mark-svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="62" fill="none" viewBox="0 0 62 57"><path fill="%23000" d="M.79 31.904 11.924.816h12.296l-8.12 31.088h7.888V56.96H.79V31.904Zm37.351 0L49.277.816h12.064l-8.12 31.088h7.888V56.96H38.141V31.904Z" /></svg>');
232  }
233
234  [dir="rtl"]:root {
235    /* RTL support */
236    --transform-logical-flip: -1;
237    --transform-origin-start: right;
238    --transform-origin-end: left;
239  }
240
241  @media screen and (min-width: 700px) {
242    :root {
243      --text-xs: 0.6875rem;
244      --text-sm: 0.8125rem;
245      --text-base: 0.9375rem;
246      --text-lg: 1.125rem;
247      --subheading-font-size: 0.75rem;
248
249      /* Spacing */
250      --container-gutter: 2rem;
251
252      /* Form settings */
253      --form-gap: 1.25rem; /* Gap between fieldset and submit button */
254      --fieldset-gap: 0.75rem; /* Gap between each form input within a fieldset */
255      --input-padding-block: 0.75rem; /* Vertical padding for input, textarea and native select */
256
257      /* Font sizes */
258      --button-font-size: 0.8125rem;
259
260      /* Product listing gaps */--product-list-column-gap: 0.25rem;
261        --product-list-row-gap: 2rem;}
262  }
263
264  @media screen and (min-width: 1000px) {
265    :root {
266      /* Spacing settings */
267      --section-vertical-spacing: 3.5rem;
268      --section-stack-row-gap: 3rem;
269    }
270  }
271
272  @media screen and (min-width: 1399px) {
273    :root {
274      /* Spacing settings */
275      --section-vertical-spacing: 4.5rem;
276      --container-gutter: 3rem;
277    }
278  }
279
280  /**
281   * ---------------------------------------------------------------------
282   * COLORS
283   * ---------------------------------------------------------------------
284   */
285
286  :root {--page-overlay: 0 0 0 / 0.4;
287    --dialog-backdrop-blur: 12px;
288
289    /* Status colors */
290    --success-background: 227 240 232;
291    --success-text: 22 131 66;
292    --warning-background: 253 241 224;
293    --warning-text: 237 138 0;
294    --error-background: 248 236 230;
295    --error-text: 196 98 45;
296
297    /* Product colors */
298    --on-sale-text: 44 62 80;
299    --on-sale-badge-background: 44 62 80;
300    --on-sale-badge-text: 255 255 255;
301    --sold-out-badge-background: 0 0 0;
302    --sold-out-badge-text: 255 255 255;
303    --custom-badge-background: 196 98 45;
304    --custom-badge-text: 255 255 255;
305    --star-color: 237 138 0;
306
307    /* Default scheme */
308    --default-color-scheme-background: 255 255 255;
309    --default-color-scheme-background-gradient: ;
310    --default-color-scheme-text-color: 28 28 28;
311  }.color-scheme--scheme-1 {
312      --accent: 0 0 0;
313      --background: 255 255 255;
314      --background-gradient: ;
315      --background-secondary: 255 255 255;
316      --has-transparent-background: 0;
317      --has-filled-background: 1;
318      --text-color: 28 28 28;--border-color: 232 232 232;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
319      --subheading-border: none;
320      --subheading-text-color: 28 28 28;
321      --subheading-has-padding: 0;
322
323      /* Heading highlight */
324      --heading-highlight-accent-color: 28 28 28;
325      --heading-highlight-text-color: 255 255 255;
326
327      /* Button colors */
328      --button-background-primary: 0 0 0;
329      --button-text-primary: 255 255 255;
330
331      /* Form inputs */
332      --input-background: 255 255 255;
333      --input-text-color: 28 28 28;
334      --input-text-transform: none;
335    }.shopify-section:has(> .color-scheme--scheme-1) + .shopify-section:has(> .color-scheme--scheme-1) {
336          --section-has-same-background-as-previous-section: 1;
337        }.shopify-section:has(> .color-scheme--scheme-1) + .shopify-section:has(> .color-scheme--scheme-5) {
338          --section-has-same-background-as-previous-section: 1;
339        }.color-scheme--scheme-2 {
340      --accent: 255 255 255;
341      --background: 0 0 0;
342      --background-gradient: ;
343      --background-secondary: 0 0 0;
344      --has-transparent-background: 0;
345      --has-filled-background: 1;
346      --text-color: 255 255 255;--border-color: 26 26 26;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
347      --subheading-border: none;
348      --subheading-text-color: 255 255 255;
349      --subheading-has-padding: 0;
350
351      /* Heading highlight */
352      --heading-highlight-accent-color: 255 255 255;
353      --heading-highlight-text-color: 255 255 255;
354
355      /* Button colors */
356      --button-background-primary: 255 255 255;
357      --button-text-primary: 0 0 0;
358
359      /* Form inputs */
360      --input-background: 255 255 255;
361      --input-text-color: 28 28 28;
362      --input-text-transform: none;
363    }.shopify-section:has(> .color-scheme--scheme-2) + .shopify-section:has(> .color-scheme--scheme-2) {
364          --section-has-same-background-as-previous-section: 1;
365        }.color-scheme--scheme-3 {
366      --accent: 255 255 255;
367      --background: 0 0 0 / 0;
368      --background-gradient: ;
369      --background-secondary: 0 0 0;
370      --has-transparent-background: 1;
371      --has-filled-background: 0;
372      --text-color: 255 255 255;--border-color: 255 255 255 / 0.6;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
373      --subheading-border: none;
374      --subheading-text-color: 255 255 255;
375      --subheading-has-padding: 0;
376
377      /* Heading highlight */
378      --heading-highlight-accent-color: 3 3 5;
379      --heading-highlight-text-color: 255 255 255;
380
381      /* Button colors */
382      --button-background-primary: 255 255 255;
383      --button-text-primary: 8 9 18;
384
385      /* Form inputs */
386      --input-background: 255 255 255;
387      --input-text-color: 3 3 5;
388      --input-text-transform: none;
389    }.shopify-section:has(> .color-scheme--scheme-3) + .shopify-section:has(> .color-scheme--scheme-3) {
390          --section-has-same-background-as-previous-section: 1;
391        }.shopify-section:has(> .color-scheme--scheme-3) + .shopify-section:has(> .color-scheme--scheme-b8c4cb21-b8bb-4a3d-bc9c-9ce0a1973260) {
392          --section-has-same-background-as-previous-section: 1;
393        }.color-scheme--scheme-4 {
394      --accent: 0 0 0;
395      --background: 242 242 242;
396      --background-gradient: ;
397      --background-secondary: 242 242 242;
398      --has-transparent-background: 0;
399      --has-filled-background: 1;
400      --text-color: 28 28 28;--border-color: 221 221 221;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
401      --subheading-border: none;
402      --subheading-text-color: 28 28 28;
403      --subheading-has-padding: 0;
404
405      /* Heading highlight */
406      --heading-highlight-accent-color: 28 28 28;
407      --heading-highlight-text-color: 255 255 255;
408
409      /* Button colors */
410      --button-background-primary: 0 0 0;
411      --button-text-primary: 255 255 255;
412
413      /* Form inputs */
414      --input-background: 242 242 242;
415      --input-text-color: 28 28 28;
416      --input-text-transform: none;
417    }.shopify-section:has(> .color-scheme--scheme-4) + .shopify-section:has(> .color-scheme--scheme-4) {
418          --section-has-same-background-as-previous-section: 1;
419        }.color-scheme--scheme-5 {
420      --accent: 196 98 45;
421      --background: 255 255 255;
422      --background-gradient: ;
423      --background-secondary: 255 255 255;
424      --has-transparent-background: 0;
425      --has-filled-background: 1;
426      --text-color: 28 28 28;--border-color: 232 232 232;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
427      --subheading-border: none;
428      --subheading-text-color: 28 28 28;
429      --subheading-has-padding: 0;
430
431      /* Heading highlight */
432      --heading-highlight-accent-color: 28 28 28;
433      --heading-highlight-text-color: 255 255 255;
434
435      /* Button colors */
436      --button-background-primary: 196 98 45;
437      --button-text-primary: 255 255 255;
438
439      /* Form inputs */
440      --input-background: 255 255 255;
441      --input-text-color: 28 28 28;
442      --input-text-transform: none;
443    }.shopify-section:has(> .color-scheme--scheme-5) + .shopify-section:has(> .color-scheme--scheme-1) {
444          --section-has-same-background-as-previous-section: 1;
445        }.shopify-section:has(> .color-scheme--scheme-5) + .shopify-section:has(> .color-scheme--scheme-5) {
446          --section-has-same-background-as-previous-section: 1;
447        }.color-scheme--scheme-53fce5d5-978a-4b25-86df-a0fe4096add0 {
448      --accent: 196 98 45;
449      --background: 245 240 232;
450      --background-gradient: ;
451      --background-secondary: 255 255 255;
452      --has-transparent-background: 0;
453      --has-filled-background: 1;
454      --text-color: 61 43 31;--border-color: 227 220 212;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
455      --subheading-border: none;
456      --subheading-text-color: 255 255 255;
457      --subheading-has-padding: 0;
458
459      /* Heading highlight */
460      --heading-highlight-accent-color: 28 28 28;
461      --heading-highlight-text-color: 255 255 255;
462
463      /* Button colors */
464      --button-background-primary: 196 98 45;
465      --button-text-primary: 255 255 255;
466
467      /* Form inputs */
468      --input-background: 255 255 255;
469      --input-text-color: 28 28 28;
470      --input-text-transform: none;
471    }.shopify-section:has(> .color-scheme--scheme-53fce5d5-978a-4b25-86df-a0fe4096add0) + .shopify-section:has(> .color-scheme--scheme-53fce5d5-978a-4b25-86df-a0fe4096add0) {
472          --section-has-same-background-as-previous-section: 1;
473        }.color-scheme--scheme-5c030b57-36eb-4d13-b985-f832e9f3cd91 {
474      --accent: 196 98 45;
475      --background: 245 239 230;
476      --background-gradient: ;
477      --background-secondary: 255 255 255;
478      --has-transparent-background: 0;
479      --has-filled-background: 1;
480      --text-color: 28 28 28;--border-color: 223 218 210;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
481      --subheading-border: none;
482      --subheading-text-color: 255 255 255;
483      --subheading-has-padding: 0;
484
485      /* Heading highlight */
486      --heading-highlight-accent-color: 28 28 28;
487      --heading-highlight-text-color: 255 255 255;
488
489      /* Button colors */
490      --button-background-primary: 196 98 45;
491      --button-text-primary: 255 255 255;
492
493      /* Form inputs */
494      --input-background: 255 255 255;
495      --input-text-color: 28 28 28;
496      --input-text-transform: none;
497    }.shopify-section:has(> .color-scheme--scheme-5c030b57-36eb-4d13-b985-f832e9f3cd91) + .shopify-section:has(> .color-scheme--scheme-5c030b57-36eb-4d13-b985-f832e9f3cd91) {
498          --section-has-same-background-as-previous-section: 1;
499        }.color-scheme--scheme-b8c4cb21-b8bb-4a3d-bc9c-9ce0a1973260 {
500      --accent: 0 0 0;
501      --background: 0 0 0 / 0;
502      --background-gradient: ;
503      --background-secondary: 255 255 255;
504      --has-transparent-background: 1;
505      --has-filled-background: 0;
506      --text-color: 28 28 28;--border-color: 28 28 28 / 0.6;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
507      --subheading-border: none;
508      --subheading-text-color: 28 28 28;
509      --subheading-has-padding: 0;
510
511      /* Heading highlight */
512      --heading-highlight-accent-color: 28 28 28;
513      --heading-highlight-text-color: 255 255 255;
514
515      /* Button colors */
516      --button-background-primary: 0 0 0;
517      --button-text-primary: 255 255 255;
518
519      /* Form inputs */
520      --input-background: 255 255 255;
521      --input-text-color: 28 28 28;
522      --input-text-transform: none;
523    }.shopify-section:has(> .color-scheme--scheme-b8c4cb21-b8bb-4a3d-bc9c-9ce0a1973260) + .shopify-section:has(> .color-scheme--scheme-3) {
524          --section-has-same-background-as-previous-section: 1;
525        }.shopify-section:has(> .color-scheme--scheme-b8c4cb21-b8bb-4a3d-bc9c-9ce0a1973260) + .shopify-section:has(> .color-scheme--scheme-b8c4cb21-b8bb-4a3d-bc9c-9ce0a1973260) {
526          --section-has-same-background-as-previous-section: 1;
527        }.color-scheme--scheme-f72af67b-eb71-4be1-9bca-8bee2e07e12a {
528      --accent: 255 255 255;
529      --background: 250 248 245;
530      --background-gradient: ;
531      --background-secondary: 255 255 255;
532      --has-transparent-background: 0;
533      --has-filled-background: 1;
534      --text-color: 28 28 28;--border-color: 228 226 223;/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
535      --subheading-border: none;
536      --subheading-text-color: 28 28 28;
537      --subheading-has-padding: 0;
538
539      /* Heading highlight */
540      --heading-highlight-accent-color: 28 28 28;
541      --heading-highlight-text-color: 255 255 255;
542
543      /* Button colors */
544      --button-background-primary: 255 255 255;
545      --button-text-primary: 28 28 28;
546
547      /* Form inputs */
548      --input-background: 255 255 255;
549      --input-text-color: 28 28 28;
550      --input-text-transform: none;
551    }.shopify-section:has(> .color-scheme--scheme-f72af67b-eb71-4be1-9bca-8bee2e07e12a) + .shopify-section:has(> .color-scheme--scheme-f72af67b-eb71-4be1-9bca-8bee2e07e12a) {
552          --section-has-same-background-as-previous-section: 1;
553        }.color-scheme--scheme-8121e117-b2c0-4338-8d61-e6ead8b9ecba {
554      --accent: 255 255 255;
555      --background: 61 43 31;
556      --background-gradient: ;
557      --background-secondary: 255 255 255;
558      --has-transparent-background: 0;
559      --has-filled-background: 1;
560      --text-color: 255 255 255;--border-color: 80 64 53;
560/* Subheading colors */--subheading-background: 0 0 0 / 0.0;
561      --subheading-border: none;
562      --subheading-text-color: 28 28 28;
563      --subheading-has-padding: 0;
564
565      /* Heading highlight */
566      --heading-highlight-accent-color: 28 28 28;
567      --heading-highlight-text-color: 255 255 255;
568
569      /* Button colors */
570      --button-background-primary: 255 255 255;
571      --button-text-primary: 0 0 0;
572
573      /* Form inputs */
574      --input-background: 255 255 255;
575      --input-text-color: 28 28 28;
576      --input-text-transform: none;
577    }.shopify-section:has(> .color-scheme--scheme-8121e117-b2c0-4338-8d61-e6ead8b9ecba) + .shopify-section:has(> .color-scheme--scheme-8121e117-b2c0-4338-8d61-e6ead8b9ecba) {
578          --section-has-same-background-as-previous-section: 1;
579        }@view-transition {
580      navigation: auto;
581    }</style>
582<script>
583  // This allows to expose several variables to the global scope, to be used in scripts
584  window.themeVariables = {
585    settings: {
586      pageType: "index",
587      moneyFormat: "{{amount_with_comma_separator}} €",
588      moneyWithCurrencyFormat: "{{amount_with_comma_separator}} €",
589      currencyCodeEnabled: false,
590      cartType: "drawer",
591      showHeadingEffectAnimation: true,
592      staggerProducts: true
593    },
594
595    strings: {
596      addedToCart: "{{product_title}} wurde zum Warenkorb hinzugefügt",
597      closeGallery: "Galerie schließen",
598      zoomGallery: "Bild vergrößern",
599      errorGallery: "Bild kann nicht geladen werden",
600      shippingEstimatorNoResults: "Tut uns leid, aber wir verschicken leider nicht an deine Adresse.",
601      shippingEstimatorOneResult: "Für deine Adresse gibt es einen Versandtarif:",
602      shippingEstimatorMultipleResults: "Für deine Adresse gibt es mehrere Versandtarife:",
603      shippingEstimatorError: "Beim Berechnen der Versandkosten ist ein Fehler aufgetreten:",
604      next: "Vor",
605      previous: "Zurück"
606    },
607
608    mediaQueries: {
609      'sm': 'screen and (min-width: 700px)',
610      'md': 'screen and (min-width: 1000px)',
611      'lg': 'screen and (min-width: 1150px)',
612      'xl': 'screen and (min-width: 1400px)',
613      '2xl': 'screen and (min-width: 1600px)',
614      'sm-max': 'screen and (max-width: 699px)',
615      'md-max': 'screen and (max-width: 999px)',
616      'lg-max': 'screen and (max-width: 1149px)',
617      'xl-max': 'screen and (max-width: 1399px)',
618      '2xl-max': 'screen and (max-width: 1599px)',
619      'motion-safe': '(prefers-reduced-motion: no-preference)',
620      'motion-reduce': '(prefers-reduced-motion: reduce)',
621      'supports-hover': 'screen and (pointer: fine)',
622      'supports-touch': 'screen and (pointer: coarse)'
623    }
624  };</script>
624<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 624
624
625<script type="importmap">{
626        "imports": {
627          "vendor": "//vividstyles.de/cdn/shop/t/136/assets/vendor.min.js?v=130406717942671762861787844003",
628          "theme": "//vividstyles.de/cdn/shop/t/136/assets/theme.js?v=159274723760638613741787844003",
629          "photoswipe": "//vividstyles.de/cdn/shop/t/136/assets/photoswipe.min.js?v=13374349288281597431787844003"
630        }
631      }
632    </script>
632
633
634    
634<script type="module" src="//vividstyles.de/cdn/shop/t/136/assets/vendor.min.js?v=130406717942671762861787844003"></script>
634
635    
635<script type="module" src="//vividstyles.de/cdn/shop/t/136/assets/theme.js?v=159274723760638613741787844003"></script>
635
636
637    
637<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
637<meta name="google-site-verification" content="OZKsz_Mra9LMG5LPlNim9WMBlbhGBTs8RxNPM47kGt0">
638<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/83393970513/digital_wallets/dialog">
639<meta id="in-context-paypal-metadata" data-shop-id="83393970513" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR">
640<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
640<script async="async" src="/checkouts/internal/preloads.js?locale=de-DE"></script>
vendor: 1 bytes, line 640
640
641<script id="shopify-features" type="application/json">{"accessToken":"931386b8ac40d7b14b1a7f9cc222eaf0","betas":["rich-media-storefront-analytics"],"domain":"vividstyles.de","predictiveSearch":true,"shopId":83393970513,"locale":"de"}</script>
vendor: 1 bytes, line 641
641
642<script>var Shopify = Shopify || {};
643Shopify.shop = "645a33-41.myshopify.com";
644Shopify.locale = "de";
645Shopify.currency = {"active":"EUR","rate":"1.0"};
646Shopify.country = "DE";
647Shopify.theme = {"name":"04 Vivid Herbst – Stadtpark 26","id":204893487441,"schema_name":"Stretch","schema_version":"2.1.1","theme_store_id":1765,"role":"main"};
648Shopify.theme.handle = "null";
649Shopify.theme.style = {"id":null,"handle":null};
650Shopify.cdnHost = "vividstyles.de/cdn";
651Shopify.routes = Shopify.routes || {};
652Shopify.routes.root = "/";
653Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
654Shopify.SignInWithShop = Shopify.SignInWithShop || {};
655Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
656Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 656
656
657<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 657
657
658<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 658
658
659<script>
660  window.Shopify = window.Shopify || {};
661  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
662  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
663  window.Shopify.SignInWithShop.eligible = false;
664</script>
vendor: 1 bytes, line 664
664
665<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 665
665
666<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 666
666
667<script type="module">
668  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js");
669
670  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
671
672</script>
vendor: 1 bytes, line 672
672
673<script id="__st">var __st={"a":83393970513,"offset":7200,"reqid":"cf5e7e45-c491-4e5b-9e8f-51d24227272f-1790576680","pageurl":"vividstyles.de\/","u":"d17296704d4c","p":"home"};</script>
vendor: 1 bytes, line 673
673
674<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 674
674
675<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'])})(!0,!0)}();</script>
vendor: 1 bytes, line 675
675
676<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//vividstyles.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 676
676
677<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 = "//vividstyles.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>
677<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 677
677
678<script>
679  window.Shopify = window.Shopify || {};
680  window.Shopify.MCP = window.Shopify.MCP || {};
681  window.Shopify.MCP.enabled = true;
682  window.Shopify.MCP.shop = "645a33-41.myshopify.com";
683  window.Shopify.MCP.mcpEndpoint = "https:\/\/vividstyles.de\/api\/mcp";
684  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"]}}];
685</script>
vendor: 1 bytes, line 685
685
686<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("\/\/vividstyles.de\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
687</script>
vendor: 1 bytes, line 687
687
688<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://vividstyles.de/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}};
689</script>
vendor: 1 bytes, line 689
689
690<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
691  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);
692</script>
vendor: 1 bytes, line 692
692
693<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})}}));
694</script>
vendor: 1 bytes, line 694
694
695<script id='scb4127' type='text/javascript' async='' src='https://vividstyles.de/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
695<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://vividstyles.de/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
696<style id="shopify-accelerated-checkout-cart">
697        #shopify-buyer-consent {
698  margin-top: 1em;
699  display: inline-block;
700  width: 100%;
701}
702
703#shopify-buyer-consent.hidden {
704  display: none;
705}
706
707#shopify-subscription-policy-button {
708  background: none;
709  border: none;
710  padding: 0;
711  text-decoration: underline;
712  font-size: inherit;
713  cursor: pointer;
714}
715
716#shopify-subscription-policy-button::before {
717  box-shadow: none;
718}
719
720      </style>
721
722<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
722
723<link href="//vividstyles.de/cdn/shop/t/136/assets/theme.css?v=54616017634040610001787844003" rel="stylesheet" type="text/css" media="all" /><!-- BEGIN app block: shopify://apps/mida-fraud-ip-blocker/blocks/blocker-script/09aab972-8c77-47b1-a9a0-4712e9f2405d -->
724
725
726    <link rel='stylesheet' id='blocker-data' href='https://cdn.shopify.com/extensions/01a0e5d6-b029-75b7-a8ea-3ee5ad3b0900/mida-fraud-ip-blocker-335/assets/style.min.css'>
727    
728        
728<script
729            id='blocker-listener'
730            src='https://cdn.shopify.com/extensions/01a0e5d6-b029-75b7-a8ea-3ee5ad3b0900/mida-fraud-ip-blocker-335/assets/blocker-listener.min.js'
731            defer
732        ></script>
732
733        
734        
734<script
735            id='blocker-data'
736            src='https://cdn.shopify.com/extensions/01a0e5d6-b029-75b7-a8ea-3ee5ad3b0900/mida-fraud-ip-blocker-335/assets/script.min.js?fbv=20260602-rsa2'
737            defer
738        ></script>
738
739    
740
741    
742    
742<script>
743        var SGUser = {
744            id: "",
745            email: "",
746            firstName: "",
747            lastName: "",
748            token: "23198297131e317d4a2a7d29f1477e116cbe65519ef5591247085a07c2351e5e",
749        };
750        
751            var SGShop = {"id":"6a0b1f246a429a581f93338a","country":"Germany","currencyCode":"EUR","currencyFormat":"{{amount_with_comma_separator}} €","shopifyName":"VIVID"};
752        
753        
754          var SGSetting = {"disableRightClick":false,"blockTextSelection":false,"disableShortcuts":false,"adminUrl":"https:\/\/admin.shopify.com\/store\/645a33-41"};
755        
756        var SGProduct = {
757          id: undefined,
758          collections: undefined,
759        };
760    </script>
760
761
762    
763        
763<script type='application/json' id='mida-block-cfg'>
764            {"domain":"645a33-41.myshopify.com","setting":{"adminUrl":"https:\/\/admin.shopify.com\/store\/645a33-41","allowIcloudRelay":true,"allowVerifiedGoodBots":false,"allowVerifiedGoodBotsConfig":{"googleBot":false,"bingBot":false,"appleBot":false,"duckDuckBot":false,"yandexBot":false,"baiduspider":false,"yeti":false,"petalBot":false,"facebookBot":false,"twitterBot":false,"linkedinBot":false,"pinterestBot":false,"ahrefsBot":false,"semrushBot":false,"dotBot":false,"screamingFrogBot":false,"gptBot":false,"claudeBot":false,"perplexityBot":false,"ccBot":false,"bytespider":false},"autoBlockSuspiciousCrawlers":false,"autoBlockSuspiciousCrawlersConfig":{"unknownHeadlessUserAgent":false,"headlessHints":false,"platformMismatch":false},"autoBlockUnknownBots":false,"bgColor":"#ffffff","blockPageMessage":"\u003cp\u003e\u003cspan style=\"font-size: 14pt;\"\u003eThe site owner may have set restrictions that prevent you from accessing the site. Please contact the site owner for access.\u003c\/span\u003e\u003c\/p\u003e","blockPageTitle":"Access Denied","blockProxy":false,"blockTOR":false,"blockTextSelection":false,"blockVPN":false,"createdAt":"2026-05-18T14:16:05.541Z","disableDevTools":false,"disableRightClick":false,"enableOverlay":false,"logoUrl":"https:\/\/production-blocker-bucket.s3.amazonaws.com\/src\/lib\/setting\/9954450-1761634971130-674500342.png","manualRuleOrdering":false,"rulePriority":["blockProxy","blockVPN","smartDeviceBlocking","blockTOR"],"smartDeviceBlocking":false,"smartHighRiskBlocking":true,"smartHighRiskRange":80,"turnOffSignature":true,"updatedAt":"2026-05-18T17:07:40.240Z"}}
765        </script>
765
766    
767
768<!-- END app block -->
768<script src="https://cdn.shopify.com/extensions/019dbdfe-dc27-791b-88b1-b4b7182fd5bb/panda-9-41/assets/panda-sizechart.js" type="text/javascript" defer="defer"></script>
768
769<link href="https://cdn.shopify.com/extensions/019dbdfe-dc27-791b-88b1-b4b7182fd5bb/panda-9-41/assets/app.min.css" rel="stylesheet" type="text/css" media="all">
770<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
771<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: 83393970513,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 771
771
772<script>
773  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
774</script>
vendor: 1 bytes, line 774
774
775<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}
775).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: 83393970513,storefrontBaseUrl: "https://vividstyles.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://vividstyles.de/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"5206114641","configuration":"{\"tagID\":\"2614358400851\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"4985291089","configuration":"{\"accountID\":\"{\\\"_id\\\":\\\"6a0b1f246a429a581f93338a\\\",\\\"domain\\\":\\\"645a33-41.myshopify.com\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0f4a99a94e5522265afa164895734488","type":"APP","apiClientId":281958645761,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"4136436049","configuration":"{\"accountID\":\"645a33-41\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4f82d0323b06a4642fbff9b42c9979eb","type":"APP","apiClientId":12388204545,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
775,{"id":"1652162897","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-PLF6R9S8\\\",\\\"target_country\\\":\\\"DE\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-37F19QCRQC\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-37F19QCRQC\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-37F19QCRQC\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"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":"VIVID","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"645a33-41.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/vividstyles.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://vividstyles.de/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"204893487441","themeStoreId":"1765","themePublished":"true","eventMetadataId":"c4952976-015c-44cf-9b70-98e5f3d6197d","pageType":"home","shopId":"83393970513","storefrontBaseUrl":"https:\/\/vividstyles.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
775<script>
776  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
777  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
778  window.ShopifyAnalytics.meta.currency = 'EUR';
779  var meta = {"page":{"pageType":"home","requestId":"cf5e7e45-c491-4e5b-9e8f-51d24227272f-1790576680"}};
780  for (var attr in meta) {
781    window.ShopifyAnalytics.meta[attr] = meta[attr];
782  }
783</script>
vendor: 1 bytes, line 783
783
784<script class="analytics">
785  (function () {
786    var customDocumentWrite = function(content) {
787      var jquery = null;
788
789      if (window.jQuery) {
790        jquery = window.jQuery;
791      } else if (window.Checkout && window.Checkout.$) {
792        jquery = window.Checkout.$;
793      }
794
795      if (jquery) {
796        jquery('body').append(content);
797      }
798    };
799
800    var hasLoggedConversion = function(token) {
801      if (token) {
802        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
803      }
804      return false;
805    }
806
807    var setCookieIfConversion = function(token) {
808      if (token) {
809        var twoMonthsFromNow = new Date(Date.now());
810        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
811
812        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
813      }
814    }
815
816    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
817    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
818    if (trekkie.integrations) {
819      return;
820    }
821    trekkie.methods = [
822      'identify',
823      'page',
824      'ready',
825      'track',
826      'trackForm',
827      'trackLink'
828    ];
829    trekkie.factory = function(method) {
830      return function() {
831        var args = Array.prototype.slice.call(arguments);
832        args.unshift(method);
833        trekkie.push(args);
834        if (method == 'track' || method == 'page') {
835          var pageUrl;
836          try {
837            pageUrl = window.location.href;
838          } catch (e) {}
839          var pageReferrer;
840          try {
841            pageReferrer = document.referrer;
842          } catch (e) {}
843          try {
844            if (window.__TREKKIE_SHIM_QUEUE == null) {
845              window.__TREKKIE_SHIM_QUEUE = [];
846            }
847            window.__TREKKIE_SHIM_QUEUE.push({
848              from: 'trekkie-stub',
849              method: method,
850              args: args.slice(1),
851              pageContext: {
852                url: pageUrl,
853                referrer: pageReferrer
854              }
855            });
856          } catch (e) {
857            // no-op
858          }
859        }
860        return trekkie;
861      };
862    };
863    for (var i = 0; i < trekkie.methods.length; i++) {
864      var key = trekkie.methods[i];
865      trekkie[key] = trekkie.factory(key);
866    }
867    trekkie.load = function(config) {
868      trekkie.config = config || {};
869      trekkie.config.initialDocumentCookie = document.cookie;
870      var first = document.getElementsByTagName('script')[0];
871var script = document.createElement('script');
872script.type = 'text/javascript';
873script.onerror = function(e) {
874  var scriptFallback = document.createElement('script');
875  scriptFallback.type = 'text/javascript';
876  scriptFallback.onerror = function(error) {
877          var Monorail = {
878      produce: function produce(monorailDomain, schemaId, payload) {
879        var currentMs = new Date().getTime();
880        var event = {
881          schema_id: schemaId,
882          payload: payload,
883          metadata: {
884            event_created_at_ms: currentMs,
885            event_sent_at_ms: currentMs
886          }
887        };
888        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
889      },
890      sendRequest: function sendRequest(endpointUrl, payload) {
891        // Try the sendBeacon API
892        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
893          var blobData = new window.Blob([payload], {
894            type: 'text/plain'
895          });
896
897          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
898            return true;
899          } // sendBeacon was not successful
900
901        } // XHR beacon
902
903        var xhr = new XMLHttpRequest();
904
905        try {
906          xhr.open('POST', endpointUrl);
907          xhr.setRequestHeader('Content-Type', 'text/plain');
908          xhr.send(payload);
909        } catch (e) {
910          console.log(e);
911        }
912
913        return false;
914      },
915      isIos12: function isIos12() {
916        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
917      }
918    };
919    Monorail.produce('monorail-edge.shopifysvc.com',
920      'trekkie_storefront_load_errors/1.1',
921      {shop_id: 83393970513,
922      theme_id: 204893487441,
923      app_name: "storefront",
924      context_url: window.location.href,
925      source_url: "//vividstyles.de/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
926
927  };
928  scriptFallback.async = true;
929  scriptFallback.src = '//vividstyles.de/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
930  first.parentNode.insertBefore(scriptFallback, first);
931};
932script.async = true;
933script.src = '//vividstyles.de/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
934first.parentNode.insertBefore(script, first);
935
936    };
937    trekkie.load(
938      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":83393970513,"isMerchantRequest":null,"themeId":204893487441,"themeCityHash":"1537191780825679638","contentLanguage":"de","currency":"EUR","eventMetadataId":"c4952976-015c-44cf-9b70-98e5f3d6197d"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
939    );
940
941    var loaded = false;
942    trekkie.ready(function() {
943      if (loaded) return;
944      loaded = true;
945
946      window.ShopifyAnalytics.lib = window.trekkie;
947
948      var originalDocumentWrite = document.write;
949      document.write = customDocumentWrite;
950      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
951      document.write = originalDocumentWrite;
952
953      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
954      var token = match? match[1]: undefined;
955      if (!hasLoggedConversion(token)) {
956        setCookieIfConversion(token);
957        
958      }
959    });
960
961    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cf5e7e45-c491-4e5b-9e8f-51d24227272f-1790576680","shopifyEmitted":true});
962
963    var eventsListenerScript = document.createElement('script');
964    eventsListenerScript.async = true;
965    eventsListenerScript.src = "//vividstyles.de/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
966    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
967})();</script>
vendor: 1 bytes, line 967
967
968<script
969  defer
970  src="https://vividstyles.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
971  data-application="storefront-renderer"
972  data-shop-id="83393970513"
973  data-render-region="gcp-us-west1"
974  data-page-type="index"
975  data-theme-instance-id="204893487441"
976  data-theme-name="Stretch"
977  data-theme-version="2.1.1"
978  data-monorail-region="shop_domain"
979  data-resource-timing-sampling-rate="10"
980  data-shs="true"
981  data-shs-beacon="true"
982  data-shs-export-with-fetch="true"
983  data-shs-logs-sample-rate="1"
984  data-shs-beacon-endpoint="https://vividstyles.de/api/collect"
985></script>
vendor: 1 bytes, line 985
985
986<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
986<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"83393970513","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Anmelden oder Konto erstellen"},{"key":"account_menu.signed_out_state.section_divider","value":"Weitere Möglichkeiten zum Anmelden"},{"key":"account_menu.signed_out_state.alternate_divider","value":"ODER"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-Mail-Adresse"},{"key":"account_menu.signed_out_state.orders_button","value":"Bestellungen"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Mit Shop anmelden"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Weiter mit Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Weiter mit Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Neuigkeiten und Angebote via E-Mail erhalten"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hallo {{first_name}}!"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Konto"},{"key":"account_menu.signed_in_state.orders_button","value":"Bestellungen"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Standorte"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Suche"},{"key":"account_menu.aria_labels.close_menu","value":"Menü schließen"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Zurück zum Hauptmenü von {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, öffnet Untermenü"},{"key":"account_menu.aria_labels.loading_menu","value":"Menü wird geladen"},{"key":"account_menu.aria_labels.account","value":"Konto"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Mit E-Mail-Adresse anmelden"},{"key":"account_menu.aria_labels.sign_in","value":"Anmelden"}],"socialLoginProviders":[],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"DE","language":"de"}}</script>
986
987<meta name="shopify-y" content="ed5dc718-5cc1-4b5c-a855-05f7ae10c7e6" data-expiration="1822134280000"><meta name="shopify-s" content="d09e49f5-77e3-4538-87ed-f43350145c2a" data-expiration="1790578480000"><meta name="new-cookie-storage-activated" content="t">
988</head>
989
990  
991
992  <body class="features--zoom-image "><template id="drawer-default-template">
993  <div part="base">
994    <div part="overlay"></div>
995
996    <div part="content">
997      <header part="header">
998        <dialog-close-button style="display: contents">
999          <button type="button" part="close-button">
1000            <span class="sr-only" part="sr-only">Schließen</span><svg aria-hidden="true" focusable="false" width="10" class="icon icon-close"  part="icon" fill="none" viewBox="0 0 10 10">
1001        <path stroke="currentColor" d="m1 1 8 8m0-8L1 9" />
1002      </svg></button>
1003        </dialog-close-button>
1004
1005        <slot name="header"></slot>
1006      </header>
1007
1008      <div part="body">
1009        <slot></slot>
1010      </div>
1011
1012      <footer part="footer">
1013        <slot name="footer"></slot>
1014      </footer>
1015    </div>
1016  </div>
1017</template><template id="drawer-popover-default-template">
1018  <div part="base">
1019    <div part="overlay"></div>
1020
1021    <div part="content">
1022      <header part="header">
1023        <dialog-close-button style="display: contents">
1024          <button type="button" part="close-button">
1025            <span class="sr-only" part="sr-only">Schließen</span><svg aria-hidden="true" focusable="false" width="10" class="icon icon-close"  part="icon" fill="none" viewBox="0 0 10 10">
1026        <path stroke="currentColor" d="m1 1 8 8m0-8L1 9" />
1027      </svg></button>
1028        </dialog-close-button>
1029
1030        <slot name="header"></slot>
1031      </header>
1032
1033      <div part="body">
1034        <slot></slot>
1035      </div>
1036    </div>
1037  </div>
1038</template><template id="modal-default-template">
1039  <div part="base">
1040    <div part="overlay"></div>
1041
1042    <div part="content">
1043      <slot name="image"></slot>
1044
1045      <div part="body">
1046        <dialog-close-button style="display: contents">
1047          <button type="button" part="close-button">
1048            <span class="sr-only" part="sr-only">Schließen</span><svg aria-hidden="true" focusable="false" width="10" class="icon icon-close"  part="icon" fill="none" viewBox="0 0 10 10">
1049        <path stroke="currentColor" d="m1 1 8 8m0-8L1 9" />
1050      </svg></button>
1051        </dialog-close-button>
1052
1053        <slot></slot>
1054      </div>
1055    </div>
1056  </div>
1057</template><template id="popover-default-template">
1058  <div part="base">
1059    <div part="overlay"></div>
1060
1061    <div part="content">
1062      <header part="header">
1063        <slot name="header"></slot>
1064
1065        <dialog-close-button style="display: contents">
1066          <button type="button" part="close-button">
1067            <span class="sr-only" part="sr-only">Schließen</span><svg aria-hidden="true" focusable="false" width="10" class="icon icon-close"  part="icon" fill="none" viewBox="0 0 10 10">
1068        <path stroke="currentColor" d="m1 1 8 8m0-8L1 9" />
1069      </svg></button>
1070        </dialog-close-button>
1071      </header>
1072
1073      <div part="body">
1074        <slot></slot>
1075      </div>
1076    </div>
1077  </div>
1078</template><template id="simple-popover-default-template">
1079  <div part="base">
1080    <div part="overlay"></div>
1081
1082    <div part="content">
1083      <dialog-close-button style="display: contents">
1084        <button type="button" part="close-button overlaid-close-button">
1085          <span class="sr-only" part="sr-only">Schließen</span><svg aria-hidden="true" focusable="false" width="10" class="icon icon-close"  part="icon" fill="none" viewBox="0 0 10 10">
1086        <path stroke="currentColor" d="m1 1 8 8m0-8L1 9" />
1087      </svg></button>
1088      </dialog-close-button>
1089
1090      <div part="body">
1091        <slot></slot>
1092      </div>
1093    </div>
1094  </div>
1095</template><template id="video-media-default-template">
1096  <slot></slot>
1097
1098  <div part="play-button"><svg aria-hidden="true" focusable="false" width="12" class="icon icon-play-triangle"  part="icon" fill="none" viewBox="0 0 12 17">
1099        <path fill="#ffffff" d="M1.783 15.889A1 1 0 0 1 .2 15.076V1.148A1 1 0 0 1 1.783.335l9.71 6.964a1 1 0 0 1 0 1.626l-9.71 6.964Z"/>
1100      </svg></div>
1101</template><loading-bar class="loading-bar" aria-hidden="true"></loading-bar>
1102
1103    <a href="#main" allow-hash-change class="skip-to-content sr-only">Zum Inhalt springen</a>
1103<div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
1104      <span id="status-announcement"></span>
1105    </div>
1106
1107    <div class="sr-only" role="alert" aria-live="assertive" aria-atomic="true">
1108      <span id="error-announcement"></span>
1109    </div>
1110
1111    <span id="header-scroll-tracker" style="position: absolute; width: 1px; height: 1px; top: 200px; left: 0;"></span><!-- BEGIN sections: header-group -->
1112<header id="shopify-section-sections--31587119595857__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style>
1113  :root {
1114    --header-is-sticky: 1;
1115    --header-is-visible: 1;
1116  }
1117
1118  #shopify-section-sections--31587119595857__header {--header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);--header-transparent-header-text-color: 255 255 255;
1119    --header-non-transparent-text-color: 28 28 28;
1120  }
1121
1122  @media screen and (min-width: 1000px) {
1123    #shopify-section-sections--31587119595857__header {--header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);}
1124  }#shopify-section-sections--31587119595857__header {
1125      position: sticky;
1126      top: 0;
1127    }
1128
1129    .shopify-section--announcement-bar ~ #shopify-section-sections--31587119595857__header {
1130      top: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px));
1131    }#shopify-section-sections--31587119595857__header {
1132      --header-logo-width: 70px;
1133    }
1134
1135    @media screen and (min-width: 700px) {
1136      #shopify-section-sections--31587119595857__header {
1137        --header-logo-width: 110px;
1138      }
1139    }</style>
1140
1141<height-observer variable="header">
1142  <x-header class="header color-scheme color-scheme--scheme-1" hide-on-scroll><h1 class="header__logo">
1143        <a href="/"><span class="sr-only">VIVID</span><img src="//vividstyles.de/cdn/shop/files/vivid_germany_2024_logo.svg?v=1787221495&amp;width=517" alt="VIVID Germany 2024 – Markenlogo schwarz auf weißem Hintergrund" srcset="//vividstyles.de/cdn/shop/files/vivid_germany_2024_logo.svg?v=1787221495&amp;width=220 220w, //vividstyles.de/cdn/shop/files/vivid_germany_2024_logo.svg?v=1787221495&amp;width=330 330w" width="517" height="165" sizes="110px" class="header__logo-image"><img src="//vividstyles.de/cdn/shop/files/vivid_germany_2024_logo_w.svg?v=1787221660&amp;width=517" alt="VIVID Germany 2024 – Markenlogo weiß auf weißem oder Transparentem Hintergrund" srcset="//vividstyles.de/cdn/shop/files/vivid_germany_2024_logo_w.svg?v=1787221660&amp;width=220 220w, //vividstyles.de/cdn/shop/files/vivid_germany_2024_logo_w.svg?v=1787221660&amp;width=330 330w" width="517" height="165" sizes="110px" class="header__logo-image header__logo-image--transparent"></a>
1144      </h1>
1145    
1146<nav class="header__primary-nav " aria-label="Primäre Navigation">
1147        <button type="button" aria-controls="menu-drawer" class="tap-area md:hidden">
1148          <span class="sr-only">Menü</span>
1149
1150          <div class="h-stack gap-3" aria-hidden="true">
1151            <div class="header__hamburger">
1152              <span></span>
1153              <span></span>
1154            </div>
1155
1156            <span class="subheading md-max:hidden">Menü</span>
1157          </div>
1158        </button><a href="/search" class="header__search-link tap-area md:hidden" aria-controls="search-drawer">
1159            <span class="sr-only">Suche</span><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-search"  part="icon" viewBox="0 0 16 16">
1160        <path stroke-width="1" stroke="currentColor" d="M1.333 7.333a6 6 0 1 0 12 0 6 6 0 0 0-12 0ZM11.575 11.576l3.09 3.09" />
1161      </svg></a><ul class="contents unstyled-list md-max:hidden">
1162
1163              <li><a href="/collections/damenbekleidung" class="block subheading link-reversed"  aria-expanded="false" aria-controls="header-menu-dropdown-1" >Damen</a><header-mega-menu id="header-menu-dropdown-1" class="mega-menu justify-between color-scheme color-scheme--scheme-1" ><div class="mega-menu__navigation"><div class="v-stack gap-4">
1164            <a href="#" class="subheading link-faded">Empfohlen</a><ul class="mega-menu__linklist unstyled-list"><li>
1165                    <a href="/collections/damen-neuheiten" class="link-reversed">Neuheiten</a>
1166                  </li><li>
1167                    <a href="/collections/damen-bestseller" class="link-reversed">Bestseller</a>
1168                  </li><li>
1169                    <a href="/products/elektronische-geschenkkarte-mit-box" class="link-reversed">Geschenkkarte</a>
1170                  </li><li>
1171                    <a href="/pages/loyalty-program" class="link-reversed">Bonusprogramm</a>
1172                  </li></ul></div><div class="v-stack gap-4">
1173            <a href="#" class="subheading link-faded">Bekleidung</a><ul class="mega-menu__linklist unstyled-list"><li>
1174                    <a href="/collections/damenbekleidung" class="link-reversed">Alle Produkte</a>
1175                  </li><li>
1176                    <a href="/collections/damen-shirts" class="link-reversed">Shirts & Tops</a>
1177                  </li><li>
1178                    <a href="/collections/damen-pullover" class="link-reversed">Pullover & Strick</a>
1179                  </li><li>
1180                    <a href="/collections/damen-sweatshirts" class="link-reversed">Sweatshirts</a>
1181                  </li><li>
1182                    <a href="/collections/damen-jacken" class="link-reversed">Jacken</a>
1183                  </li><li>
1184                    <a href="/collections/damen-kleider" class="link-reversed">Kleider</a>
1185                  </li><li>
1186                    <a href="/collections/jumpsuits-overalls" class="link-reversed">Einteiler</a>
1187                  </li><li>
1188                    <a href="/collections/damen-blazer" class="link-reversed">Blazer</a>
1189                  </li><li>
1190                    <a href="/collections/damen-westen" class="link-reversed">Westen</a>
1191                  </li><li>
1192                    <a href="/collections/damen-hosen" class="link-reversed">Hosen</a>
1193                  </li><li>
1194                    <a href="/collections/damen-rocke" class="link-reversed">Röcke</a>
1195                  </li><li>
1196                    <a href="/collections/damen-shorts" class="link-reversed">Shorts</a>
1197                  </li><li>
1198                    <a href="/collections/damen-poloshirts" class="link-reversed">Poloshirts</a>
1199                  </li><li>
1200                    <a href="/collections/damen-hemden-und-blusen" class="link-reversed">Hemden</a>
1201                  </li></ul></div><div class="v-stack gap-4">
1202            <a href="#" class="subheading link-faded">Kollektionen</a><ul class="mega-menu__linklist unstyled-list"><li>
1203                    <a href="/collections/damen-leinen-kollektion" class="link-reversed">Leinen</a>
1204                  </li><li>
1205                    <a href="/collections/damen-supima-kollektion" class="link-reversed">Supima</a>
1206                  </li><li>
1207                    <a href="/collections/sherpa-kollektion" class="link-reversed">Sherpa</a>
1208                  </li><li>
1209                    <a href="/collections/damen-strick-kollektion" class="link-reversed">Strick</a>
1210                  </li></ul></div><div class="v-stack gap-4">
1211            <a href="#" class="subheading link-faded">Shop by</a><ul class="mega-menu__linklist unstyled-list"><li>
1212                    <a href="/collections/ubergangskleidung-fur-damen" class="link-reversed">Für die Zwischensaison</a>
1213                  </li><li>
1214                    <a href="/collections/damen-sommerkleidung" class="link-reversed">Für die Sommersaison</a>
1215                  </li><li>
1216                    <a href="/collections/winterkleidung-fur-damen" class="link-reversed">Für die Wintersaison</a>
1217                  </li><li>
1218                    <a href="/collections/damenmode-fuer-besondere-anlaesse" class="link-reversed">Für besondere Anlässe</a>
1219                  </li></ul></div></div><style>
1220    #promo-block-list-mega_menu_aPLiqCmega-menu {
1221      --menu-promo-block-column-gap: 24px;
1222      --menu-promo-blocks-count: 2;
1223    }
1224  </style>
1225
1226  <div id="promo-block-list-mega_menu_aPLiqCmega-menu" class="menu-promo menu-promo--without-spacing floating-control
1226s-container">
1227    <carousel-prev-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_aPLiqCmega-menu-carousel">
1228      <button disabled class="circle-button circle-button--xl">
1229        <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-left  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1230        <path fill="none" stroke="currentColor" stroke-width="2" d="M35 18H3M19.5 34.5 3 18 19.5 1.5"/>
1231      </svg></button>
1232    </carousel-prev-button>
1233
1234    <scroll-carousel id="promo-block-list-mega_menu_aPLiqCmega-menu-carousel" class="menu-promo__carousel scroll-area">
1235
1236        <a href="/collections/damen-westen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/westen-herbst-d26.jpg?v=1785526193&amp;width=850" alt="VIVID Steppweste Damen schwarz – Elegantes Herbst-Outfit mit weißem Hemd und schwarzer Hose an Sandsteinmauer im Stadtpark" srcset="//vividstyles.de/cdn/shop/files/westen-herbst-d26.jpg?v=1785526193&amp;width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-d26.jpg?v=1785526193&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Westen</p>
1237          
1238</div></div></div></a>
1239
1240        <a href="/collections/damen-strick-kollektion" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/strick-herbst-d26.jpg?v=1785526218&amp;width=850" alt="VIVID Rollkragen-Pullover Damen grau – Lässiges Herbst-Outfit mit dunkler Jeans auf Parkbank im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/strick-herbst-d26.jpg?v=1785526218&amp;width=420 420w, //vividstyles.de/cdn/shop/files/strick-herbst-d26.jpg?v=1785526218&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Strickbekleidung</p>
1241          
1242</div></div></div></a>
1243
1244
1245
1246</scroll-carousel>
1247  
1248    <carousel-next-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_aPLiqCmega-menu-carousel">
1249      <button class="circle-button circle-button--xl">
1250        <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-right  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1251        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1252      </svg></button>
1253    </carousel-next-button>
1254  </div></header-mega-menu></li>
1255
1256              <li><a href="/collections/herrenbekleidung" class="block subheading link-reversed"  aria-expanded="false" aria-controls="header-menu-dropdown-2" >Herren</a><header-mega-menu id="header-menu-dropdown-2" class="mega-menu justify-between color-scheme color-scheme--scheme-1" ><div class="mega-menu__navigation"><div class="v-stack gap-4">
1257            <a href="#" class="subheading link-faded">Empfohlen</a><ul class="mega-menu__linklist unstyled-list"><li>
1258                    <a href="/collections/herren-neuheiten" class="link-reversed">Neuheiten</a>
1259                  </li><li>
1260                    <a href="/collections/herren-bestseller" class="link-reversed">Bestseller</a>
1261                  </li><li>
1262                    <a href="/products/elektronische-geschenkkarte-mit-box" class="link-reversed">Geschenkkarte</a>
1263                  </li><li>
1264                    <a href="/pages/loyalty-program" class="link-reversed">Bonusprogramm</a>
1265                  </li></ul></div><div class="v-stack gap-4">
1266            <a href="#" class="subheading link-faded">Bekleidung</a><ul class="mega-menu__linklist unstyled-list"><li>
1267                    <a href="/collections/herrenbekleidung" class="link-reversed">Alle Produkte</a>
1268                  </li><li>
1269                    <a href="/collections/herren-shirts" class="link-reversed">Shirts & Tops</a>
1270                  </li><li>
1271                    <a href="/collections/herren-pullover" class="link-reversed">Pullover & Strick</a>
1272                  </li><li>
1273                    <a href="/collections/herren-sweatshirts" class="link-reversed">Sweatshirts</a>
1274                  </li><li>
1275                    <a href="/collections/herren-jacken" class="link-reversed">Jacken</a>
1276                  </li><li>
1277                    <a href="/collections/herren-sakkos" class="link-reversed">Sakkos</a>
1278                  </li><li>
1279                    <a href="/collections/herren-westen" class="link-reversed">Westen</a>
1280                  </li><li>
1281                    <a href="/collections/herren-hosen" class="link-reversed">Hosen</a>
1282                  </li><li>
1283                    <a href="/collections/herren-shorts" class="link-reversed">Shorts</a>
1284                  </li><li>
1285                    <a href="/collections/herren-poloshirts" class="link-reversed">Poloshirts</a>
1286                  </li><li>
1287                    <a href="/collections/herren-hemden" class="link-reversed">Hemden</a>
1288                  </li></ul></div><div class="v-stack gap-4">
1289            <a href="#" class="subheading link-faded">Kollektionen</a><ul class="mega-menu__linklist unstyled-list"><li>
1290                    <a href="/collections/herren-cord-kollektion" class="link-reversed">Cord</a>
1291                  </li><li>
1292                    <a href="/collections/herren-leinen-kollektion" class="link-reversed">Leinen</a>
1293                  </li><li>
1294                    <a href="/collections/herren-supima-kollektion" class="link-reversed">Supima</a>
1295                  </li><li>
1296                    <a href="/collections/sherpa-kollektion" class="link-reversed">Sherpa</a>
1297                  </li><li>
1298                    <a href="/collections/herren-strick-kollektion" class="link-reversed">Strick</a>
1299                  </li></ul></div><div class="v-stack gap-4">
1300            <a href="#" class="subheading link-faded">Shop by</a><ul class="mega-menu__linklist unstyled-list"><li>
1301                    <a href="/collections/ubergangskleidung-fur-herren" class="link-reversed">Für die Zwischensaison</a>
1302                  </li><li>
1303                    <a href="/collections/herren-sommerkleidung" class="link-reversed">Für die Sommersaison</a>
1304                  </li><li>
1305                    <a href="/collections/winterkleidung-fur-herren" class="link-reversed">Für die Wintersaison</a>
1306                  </li><li>
1307                    <a href="/collections/herrenmode-fuer-besondere-anlaesse" class="link-reversed">Für besondere Anlässe</a>
1308                  </li></ul></div></div><style>
1309    #promo-block-list-mega_menu_rrdwF4mega-menu {
1310      --menu-promo-block-column-gap: 24px;
1311      --menu-promo-blocks-count: 2;
1312    }
1313  </style>
1314
1315  <div id="promo-block-list-mega_menu_rrdwF4mega-menu" class="menu-promo menu-promo--without-spacing floating-control
1315s-container">
1316    <carousel-prev-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_rrdwF4mega-menu-carousel">
1317      <button disabled class="circle-button circle-button--xl">
1318        <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-left  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1319        <path fill="none" stroke="currentColor" stroke-width="2" d="M35 18H3M19.5 34.5 3 18 19.5 1.5"/>
1320      </svg></button>
1321    </carousel-prev-button>
1322
1323    <scroll-carousel id="promo-block-list-mega_menu_rrdwF4mega-menu-carousel" class="menu-promo__carousel scroll-area">
1324
1325        <a href="/collections/herren-westen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/westen-herbst-h26.jpg?v=1785528572&amp;width=850" alt="VIVID Steppweste Herren schwarz – Elegantes Herbst-Outfit mit weißem Hemd und schwarzer Hose an Sandsteinmauer im Stadtpark" srcset="//vividstyles.de/cdn/shop/files/westen-herbst-h26.jpg?v=1785528572&amp;width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-h26.jpg?v=1785528572&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Westen</p>
1326          
1327</div></div></div></a>
1328
1329        <a href="/collections/herren-strick-kollektion" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/strick-herbst-h26.jpg?v=1785528476&amp;width=850" alt="VIVID Rollkragen-Pullover Herren grau – Lässiges Herbst-Outfit mit dunkler Jeans auf Parkbank im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/strick-herbst-h26.jpg?v=1785528476&amp;width=420 420w, //vividstyles.de/cdn/shop/files/strick-herbst-h26.jpg?v=1785528476&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Strickbekleidung</p>
1330          
1331</div></div></div></a>
1332
1333
1334
1335</scroll-carousel>
1336  
1337    <carousel-next-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_rrdwF4mega-menu-carousel">
1338      <button class="circle-button circle-button--xl">
1339        <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-right  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1340        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1341      </svg></button>
1342    </carousel-next-button>
1343  </div></header-mega-menu></li>
1344
1345              <li><a href="/collections/unisexbekleidung" class="block subheading link-reversed"  aria-expanded="false" aria-controls="header-menu-dropdown-3" >Unisex</a><header-mega-menu id="header-menu-dropdown-3" class="mega-menu justify-between color-scheme color-scheme--scheme-1" ><div class="mega-menu__navigation"><div class="v-stack gap-4">
1346            <a href="#" class="subheading link-faded">Empfohlen</a><ul class="mega-menu__linklist unstyled-list"><li>
1347                    <a href="/collections/unisex-neuheiten-1" class="link-reversed">Neuheiten</a>
1348                  </li><li>
1349                    <a href="/products/elektronische-geschenkkarte-mit-box" class="link-reversed">Geschenkkarte</a>
1350                  </li></ul></div><div class="v-stack gap-4">
1351            <a href="#" class="subheading link-faded">Bekleidung</a><ul class="mega-menu__linklist unstyled-list"><li>
1352                    <a href="/collections/unisexbekleidung" class="link-reversed">Alle Produkte</a>
1353                  </li><li>
1354                    <a href="/collections/unisex-shirts" class="link-reversed">Shirts</a>
1355                  </li><li>
1356                    <a href="/collections/unisex-sweatshirts" class="link-reversed">Sweatshirts</a>
1357                  </li><li>
1358                    <a href="/collections/unisex-jacken" class="link-reversed">Jacken</a>
1359                  </li><li>
1360                    <a href="/collections/unisex-westen" class="link-reversed">Westen</a>
1361                  </li></ul></div><div class="v-stack gap-4">
1362            <a href="#" class="subheading link-faded">Highlights</a><ul class="mega-menu__linklist unstyled-list"><li>
1363                    <a href="/collections/nachhaltige-produkte-fur-damen-und-herren" class="link-reversed">Nachhaltige Mode</a>
1364                  </li><li>
1365                    <a href="/collections/unisex-oversized" class="link-reversed">Oversized</a>
1366                  </li></ul></div><div class="v-stack gap-4">
1367            <a href="#" class="subheading link-faded">Shop by</a><ul class="mega-menu__linklist unstyled-list"><li>
1368                    <a href="/collections/ubergangskleidung-fur-damen-und-herren" class="link-reversed">Für die Zwischensaison</a>
1369                  </li><li>
1370                    <a href="/collections/sommerkleidung-fur-damen-und-herren" class="link-reversed">Für die Sommersaison</a>
1371                  </li><li>
1372                    <a href="/collections/winterkleidung-fur-damen-und-herren" class="link-reversed">Für die Wintersaison</a>
1373                  </li></ul></div></div><style>
1374    #promo-block-list-mega_menu_dhUXVMmega-menu {
1375      --menu-promo-block-column-gap: 24px;
1376      --menu-promo-blocks-count: 1;
1377    }
1378  </style>
1379
1380  <div id="promo-block-list-mega_menu_dhUXVMmega-menu" class="menu-promo menu-promo--without-spacing floating-control
1380s-container">
1381    <carousel-prev-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_dhUXVMmega-menu-carousel">
1382      <button disabled class="circle-button circle-button--xl">
1383        <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-left  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1384        <path fill="none" stroke="currentColor" stroke-width="2" d="M35 18H3M19.5 34.5 3 18 19.5 1.5"/>
1385      </svg></button>
1386    </carousel-prev-button>
1387
1388    <scroll-carousel id="promo-block-list-mega_menu_dhUXVMmega-menu-carousel" class="menu-promo__carousel scroll-area">
1389
1390        <a href="/collections/unisex-westen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/westen-herbst-u26.jpg?v=1785589740&amp;width=850" alt="VIVID Fleeceweste Damen schwarz und Herren camel – Paar-Outfit mit beiger Chino an Steinmauer im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/westen-herbst-u26.jpg?v=1785589740&amp;width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-u26.jpg?v=1785589740&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Westen</p>
1391          
1392</div></div></div></a>
1393
1394
1395
1396
1397</scroll-carousel>
1398  
1399    <carousel-next-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_dhUXVMmega-menu-carousel">
1400      <button class="circle-button circle-button--xl">
1401        <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-right  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1402        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1403      </svg></button>
1404    </carousel-next-button>
1405  </div></header-mega-menu></li>
1406
1407              <li><a href="/collections/accessoires" class="block subheading link-reversed"  aria-expanded="false" aria-controls="header-menu-dropdown-4" >Accessoires</a><header-mega-menu id="header-menu-dropdown-4" class="mega-menu justify-between color-scheme color-scheme--scheme-1" ><div class="mega-menu__navigation"><div class="v-stack gap-4">
1408            <a href="#" class="subheading link-faded">Empfohlen</a><ul class="mega-menu__linklist unstyled-list"><li>
1409                    <a href="/collections/accessoires-neuheiten" class="link-reversed">Neuheiten</a>
1410                  </li><li>
1411                    <a href="/collections/accessoires-bestseller" class="link-reversed">Bestseller</a>
1412                  </li><li>
1413                    <a href="/products/elektronische-geschenkkarte-mit-box" class="link-reversed">Geschenkkarte</a>
1414                  </li><li>
1415                    <a href="/pages/loyalty-program" class="link-reversed">Bonusprogramm</a>
1416                  </li></ul></div><div class="v-stack gap-4">
1417            <a href="#" class="subheading link-faded">Mützen</a><ul class="mega-menu__linklist unstyled-list"><li>
1418                    <a href="/collections/kappen" class="link-reversed">Kappen</a>
1419                  </li><li>
1420                    <a href="/collections/hute" class="link-reversed">Hüte</a>
1421                  </li></ul></div><div class="v-stack gap-4">
1422            <a href="#" class="subheading link-faded">Taschen & Rucksäcke</a><ul class="mega-menu__linklist unstyled-list"><li>
1423                    <a href="/collections/taschen" class="link-reversed">Taschen</a>
1424                  </li><li>
1425                    <a href="/collections/umhangetaschen" class="link-reversed">Umhängetaschen</a>
1426                  </li><li>
1427                    <a href="/collections/rucksacke" class="link-reversed">Rucksäcke</a>
1428                  </li><li>
1429                    <a href="/collections/tragetaschen" class="link-reversed">Tragetaschen</a>
1430                  </li></ul></div></div><style>
1431    #promo-block-list-mega_menu_Par99amega-menu {
1432      --menu-promo-block-column-gap: 24px;
1433      --menu-promo-blocks-count: 3;
1434    }
1435  </style>
1436
1437  <div id="promo-block-list-mega_menu_Par99amega-menu" class="menu-promo menu-promo--without-spacing floating-control
1437s-container">
1438    <carousel-prev-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_Par99amega-menu-carousel">
1439      <button disabled class="circle-button circle-button--xl">
1440        <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-left  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1441        <path fill="none" stroke="currentColor" stroke-width="2" d="M35 18H3M19.5 34.5 3 18 19.5 1.5"/>
1442      </svg></button>
1443    </carousel-prev-button>
1444
1445    <scroll-carousel id="promo-block-list-mega_menu_Par99amega-menu-carousel" class="menu-promo__carousel scroll-area">
1446
1447        <a href="https://vividstyles.de/collections/accessoires?sort_by=best-selling&filter.p.m.custom.kategorien=H%C3%BCte&filter.p.m.custom.kategorien=Kappen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/huete-herbst-u26.jpg?v=1785593934&amp;width=850" alt="VIVID V-Neck Pullover Herren schwarz mit grauem Flatcap – Lässiges Herbst-Outfit mit beiger Chino an Steinmauer im Stadtpark" srcset="//vividstyles.de/cdn/shop/files/huete-herbst-u26.jpg?v=1785593934&amp;width=420 420w, //vividstyles.de/cdn/shop/files/huete-herbst-u26.jpg?v=1785593934&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Hüte & Kappen</p>
1448          
1449</div></div></div></a>
1450
1451        <a href="https://vividstyles.de/collections/accessoires?sort_by=best-selling&filter.p.m.custom.kategorien=Taschen&filter.p.m.custom.kategorien=Tragetaschen&filter.p.m.custom.kategorien=Umh%C3%A4ngetaschen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/taschen-herbst-u26.jpg?v=1785593974&amp;width=850" alt="VIVID Crossbody-Bag schwarz – Damen mit grauem Rollkragen-Pullover und dunkler Jeans im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/taschen-herbst-u26.jpg?v=1785593974&amp;width=420 420w, //vividstyles.de/cdn/shop/files/taschen-herbst-u26.jpg?v=1785593974&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Taschen</p>
1452          
1453</div></div></div></a>
1454
1455        <a href="/collections/rucksacke" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/rucksaecke-herbst-u26.jpg?v=1785593985&amp;width=850" alt="VIVID Rucksack beige – Herren mit navy Zip-Sweatshirt und beiger Chino im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/rucksaecke-herbst-u26.jpg?v=1785593985&amp;width=420 420w, //vividstyles.de/cdn/shop/files/rucksaecke-herbst-u26.jpg?v=1785593985&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Rucksäcke</p>
1456          
1457</div></div></div></a>
1458
1459
1460</scroll-carousel>
1461  
1462    <carousel-next-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_Par99amega-menu-carousel">
1463      <button class="circle-button circle-button--xl">
1464        <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-right  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1465        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1466      </svg></button>
1467    </carousel-next-button>
1468  </div></header-mega-menu></li></ul></nav><nav class="header__secondary-nav" aria-label="Sekundäre Navigation">
1469      <ul class="contents unstyled-list"><li class="header__account-link md-max:hidden">
1470            <shopify-store store-domain="https://vividstyles.de" country="DE" language="de"></shopify-store>
1471<shopify-account menu="customer-account-main-menu">
1472              <div slot="signed-out-avatar" class="tap-area">
1473                <span class="sr-only">Anmelden</span><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-account"  part="icon" viewBox="0 0 16 16">
1474        <path stroke-width="1" stroke="currentColor" d="M15.418 15A8.003 8.003 0 0 0 .581 15" />
1475        <circle stroke-width="1" cx="8" cy="4.5" r="3" stroke="currentColor" />
1476      </svg></div>
1477            </shopify-account>
1478          </li><li class="header__news-link" hidden>
1479          <news-modal-button class="contents">
1480            <button class="tap-area" aria-controls="news-modal" aria-expanded="false">
1481              <span class="sr-only">Nachrichten-Modal</span><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-bell"  part="icon" viewBox="0 0 16 16">
1482        <path stroke-width="1" stroke="currentColor" d="M3.333 7v3.333L2 12.5h12l-1.333-2.167V7A4.665 4.665 0 0 0 4.7 3.7 4.667 4.667 0 0 0 3.333 7ZM6.5 15.5h3" />
1483      </svg></button>
1484          </news-modal-button>
1485        </li>
1486
1487        <li class="header__search-link md-max:hidden">
1488          <a href="/search" class="block tap-area" aria-controls="search-drawer">
1489            <span class="sr-only">Suche</span><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-search"  part="icon" viewBox="0 0 16 16">
1490        <path stroke-width="1" stroke="currentColor" d="M1.333 7.333a6 6 0 1 0 12 0 6 6 0 0 0-12 0ZM11.575 11.576l3.09 3.09" />
1491      </svg></a>
1492        </li>
1493
1494        <li class="header__cart-link relative">
1495          <a href="/cart" class="block tap-area" aria-controls="cart-drawer" data-no-instant>
1496            <span class="sr-only">Warenkorb</span><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-cart"  part="icon" viewBox="0 0 16 16">
1497            <path stroke-width="1" stroke="currentColor" d="m3 14.5-2-7h14l-2 7H3ZM3.333 7.333 6 2M12.667 7.333 10 2" />
1498          </svg></a>
1499
1500          <cart-count class="header__active-dot"hidden>
1501            <span class="sr-only">0 Artikel</span>
1502          </cart-count>
1503        </li></ul>
1504    </nav><header-menu-drawer id="menu-drawer" class="menu-drawer color-scheme color-scheme--scheme-1">
1505  <template>
1506    <div part="overlay"></div>
1507
1508    <div part="content">
1509      <slot></slot>
1510    </div>
1511  </template><header-menu-drawer-panel id="menu-drawer-panel-main" data-main-panel class="menu-drawer__panel">
1512    <div class="menu-drawer__panel-body"><ul class="v-stack gap-3 faded-linklist unstyled-list"><li><button type="button" class="h4 text-start w-full" data-panel-toggle aria-controls="menu-drawer-panel-1">
1513                  <div class="h-stack gap-3 sm:gap-5">Damen<svg aria-hidden="true" focusable="false" width="36" class="shrink-0 capped-icon icon icon-big-arrow-right"  part="icon" viewBox="0 0 36 36">
1514        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1515      </svg></div>
1516                </button></li><li><button type="button" class="h4 text-start w-full" data-panel-toggle aria-controls="menu-drawer-panel-2">
1517                  <div class="h-stack gap-3 sm:gap-5">Herren<svg aria-hidden="true" focusable="false" width="36" class="shrink-0 capped-icon icon icon-big-arrow-right"  part="icon" viewBox="0 0 36 36">
1518        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1519      </svg></div>
1520                </button></li><li><button type="button" class="h4 text-start w-full" data-panel-toggle aria-controls="menu-drawer-panel-3">
1521                  <div class="h-stack gap-3 sm:gap-5">Unisex<svg aria-hidden="true" focusable="false" width="36" class="shrink-0 capped-icon icon icon-big-arrow-right"  part="icon" viewB
1521ox="0 0 36 36">
1522        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1523      </svg></div>
1524                </button></li><li><button type="button" class="h4 text-start w-full" data-panel-toggle aria-controls="menu-drawer-panel-4">
1525                  <div class="h-stack gap-3 sm:gap-5">Accessoires<svg aria-hidden="true" focusable="false" width="36" class="shrink-0 capped-icon icon icon-big-arrow-right"  part="icon" viewBox="0 0 36 36">
1526        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1527      </svg></div>
1528                </button></li></ul><hr class="menu-drawer__separator"><ul class="v-stack gap-3 unstyled-list"><li>
1529              <a href="/pages/uber-vivid" class="subheading link-reversed">Über VIVID</a>
1530            </li><li>
1531              <a href="/pages/nachhaltigkeit" class="subheading link-reversed">Nachhaltigkeit</a>
1532            </li><li>
1533              <a href="/blogs/news" class="subheading link-reversed">Blog</a>
1534            </li><li>
1535              <a href="/pages/faq-und-hilfe" class="subheading link-reversed">FAQ</a>
1536            </li><li>
1537              <a href="https://account.vividstyles.de/" class="subheading link-reversed">Retourenportal</a>
1538            </li><li>
1539              <a href="/pages/kontaktformular" class="subheading link-reversed">Kontaktformular</a>
1540            </li><li>
1541              <a href="/pages/loyalty-program" class="subheading link-reversed">Bonusprogramm</a>
1542            </li><li>
1543              <a href="/pages/barrierefreiheit" class="subheading link-reversed">Barrierefreiheit</a>
1544            </li><li>
1545              <a href="#shopify-section-sections--27512858870097__newsletter_Qp4He8" class="subheading link-reversed">Newsletter</a>
1546            </li></ul></div><div class="menu-drawer__panel-footer"><div class="menu-drawer__footer-item"><ul class="social-media unstyled-list" role="list"><li class="social-media__item branding-colors--pinterest">
1547      <a href="https://de.pinterest.com/vivid_offiziell/" class="tap-area" target="_blank" rel="noopener" aria-label="Auf Pinterest folgen"><svg aria-hidden="true" focusable="false" width="24" class="icon icon-pinterest"  viewBox="0 0 24 24">
1548        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.765 2.401c3.59-.054 5.837 1.4 6.895 3.95.349.842.722 2.39.442 3.675-.112.512-.144 1.048-.295 1.53-.308.983-.708 1.853-1.238 2.603-.72 1.02-1.81 1.706-3.182 2.052-1.212.305-2.328-.152-2.976-.643-.206-.156-.483-.36-.56-.643h-.029c-.046.515-.244 1.062-.383 1.531-.193.65-.23 1.321-.472 1.929a12.345 12.345 0 0 1-.942 1.868c-.184.302-.692 1.335-1.061 1.347-.04-.078-.057-.108-.06-.245-.118-.19-.035-.508-.087-.766-.082-.4-.145-1.123-.06-1.53v-.643c.096-.442.092-.894.207-1.317.25-.92.39-1.895.648-2.848.249-.915.477-1.916.678-2.847.045-.21-.21-.815-.265-1.041-.174-.713-.042-1.7.176-2.236.275-.674 1.08-1.703 2.122-1.439.838.212 1.371 1.118 1.09 2.266-.295 1.205-.677 2.284-.943 3.49-.068.311.05.641.118.827.248.672 1 1.324 2.004 1.072 1.52-.383 2.193-1.76 2.652-3.246.124-.402.109-.781.206-1.225.204-.935.118-2.331-.177-3.061-.472-1.17-1.353-1.92-2.563-2.328L12.707 4.3c-.56-.128-1.626.064-2.004.183-1.69.535-2.737 1.427-3.388 3.032-.222.546-.344 1.1-.383 1.868l-.03.276c.13.686.144 1.14.413 1.653.132.252.447.451.5.765.032.185-.104.464-.147.613-.065.224-.041.48-.147.673-.192.349-.714.087-.943-.061-1.192-.77-2.175-2.995-1.62-5.144.085-.332.09-.62.206-.919.723-1.844 1.802-2.978 3.359-3.95.583-.364 1.37-.544 2.092-.734l1.149-.154Z" fill="currentColor"/>
1549      </svg></a>
1550    </li></ul></div><div class="menu-drawer__footer-item lg:hidden">
1551          <div class="h-stack justify-between"><shopify-account menu="customer-account-main-menu">
1552                <div slot="signed-out-avatar">
1553                  <div class="h-stack gap-2 5"><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-account"  part="icon" viewBox="0 0 16 16">
1554        <path stroke-width="1" stroke="currentColor" d="M15.418 15A8.003 8.003 0 0 0 .581 15" />
1555        <circle stroke-width="1" cx="8" cy="4.5" r="3" stroke="currentColor" />
1556      </svg><span class="subheading">Konto</span>
1557                  </div>
1558                </div>
1559              </shopify-account></div>
1560        </div></div></header-menu-drawer-panel><header-menu-drawer-panel id="menu-drawer-panel-1" class="menu-drawer__panel color-scheme color-scheme--scheme-1">
1561        <div class="menu-drawer__panel-body">
1562          <div class="v-stack gap-5.5">
1563            <button type="button" class="back-button justify-self-start" data-panel-toggle aria-controls="menu-drawer-panel-main"><svg aria-hidden="true" focusable="false" width="10" class="icon icon-back-arrow  icon--direction-aware"  part="icon" fill="none" viewBox="0 0 10 11">
1564        <path stroke="currentColor" d="M5.5 1 1 5.5m0 0L5.5 10M1 5.5h9" />
1565      </svg><span class="subheading">Zurück</span>
1566            </button>
1567
1568            <div class="v-stack gap-8"><div class="v-stack gap-8"><div class="v-stack justify-items-start gap-4">
1569                        <a href="#" class="subheading text-subdued link-reversed">Empfohlen</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1570                                <a href="/collections/damen-neuheiten" class="link-reversed">Neuheiten</a>
1571                              </li><li>
1572                                <a href="/collections/damen-bestseller" class="link-reversed">Bestseller</a>
1573                              </li><li>
1574                                <a href="/products/elektronische-geschenkkarte-mit-box" class="link-reversed">Geschenkkarte</a>
1575                              </li><li>
1576                                <a href="/pages/loyalty-program" class="link-reversed">Bonusprogramm</a>
1577                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1578                        <a href="#" class="subheading text-subdued link-reversed">Bekleidung</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1579                                <a href="/collections/damenbekleidung" class="link-reversed">Alle Produkte</a>
1580                              </li><li>
1581                                <a href="/collections/damen-shirts" class="link-reversed">Shirts & Tops</a>
1582                              </li><li>
1583                                <a href="/collections/damen-pullover" class="link-reversed">Pullover & Strick</a>
1584                              </li><li>
1585                                <a href="/collections/damen-sweatshirts" class="link-reversed">Sweatshirts</a>
1586                              </li><li>
1587                                <a href="/collections/damen-jacken" class="link-reversed">Jacken</a>
1588                              </li><li>
1589                                <a href="/collections/damen-kleider" class="link-reversed">Kleider</a>
1590                              </li><li>
1591                                <a href="/collections/jumpsuits-overalls" class="link-reversed">Einteiler</a>
1592                              </li><li>
1593                                <a href="/collections/damen-blazer" class="link-reversed">Blazer</a>
1594                              </li><li>
1595                                <a href="/collections/damen-westen" class="link-reversed">Westen</a>
1596                              </li><li>
1597                                <a href="/collections/damen-hosen" class="link-reversed">Hosen</a>
1598                              </li><li>
1599                                <a href="/collections/damen-rocke" class="link-reversed">Röcke</a>
1600                              </li><li>
1601                                <a href="/collections/damen-shorts" class="link-reversed">Shorts</a>
1602                              </li><li>
1603                                <a href="/collections/damen-poloshirts" class="link-reversed">Poloshirts</a>
1604                              </li><li>
1605                                <a href="/collections/damen-hemden-und-blusen" class="link-reversed">Hemden</a>
1606                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1607                        <a href="#" class="subheading text-subdued link-reversed">Kollektionen</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1608                                <a href="/collections/damen-leinen-kollektion" class="link-reversed">Leinen</a>
1609                              </li><li>
1610                                <a href="/collections/damen-supima-kollektion" class="link-reversed">Supima</a>
1611                              </li><li>
1612                                <a href="/collections/sherpa-kollektion" class="link-reversed">Sherpa</a>
1613                              </li><li>
1614                                <a href="/collections/damen-strick-kollektion" class="link-reversed">Strick</a>
1615                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1616                        <a href="#" class="subheading text-subdued link-reversed">Shop by</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1617                                <a href="/collections/ubergangskleidung-fur-damen" class="link-reversed">Für die Zwischensaison</a>
1618                              </li><li>
1619                                <a href="/collections/damen-sommerkleidung" class="link-reversed">Für die Sommersaison</a>
1620                              </li><li>
1621                                <a href="/collections/winterkleidung-fur-damen" class="link-reversed">Für die Wintersaison</a>
1622                              </li><li>
1623                                <a href="/collections/damenmode-fuer-besondere-anlaesse" class="link-reversed">Für besondere Anlässe</a>
1624                              </li></ul></div></div><style>
1625    #promo-block-list-mega_menu_aPLiqCdrawer {
1626      --menu-promo-block-column-gap: 24px;
1627      --menu-promo-blocks-count: 2;
1628    }
1629  </style>
1630
1631  <div id="promo-block-list-mega_menu_aPLiqCdrawer" class="menu-promo menu-promo--without-spacing floating-control
1631s-container">
1632    <carousel-prev-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_aPLiqCdrawer-carousel">
1633      <button disabled class="circle-button circle-button--xl">
1634        <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-left  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1635        <path fill="none" stroke="currentColor" stroke-width="2" d="M35 18H3M19.5 34.5 3 18 19.5 1.5"/>
1636      </svg></button>
1637    </carousel-prev-button>
1638
1639    <scroll-carousel id="promo-block-list-mega_menu_aPLiqCdrawer-carousel" class="menu-promo__carousel scroll-area">
1640
1641        <a href="/collections/damen-westen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/westen-herbst-d26.jpg?v=1785526193&amp;width=850" alt="VIVID Steppweste Damen schwarz – Elegantes Herbst-Outfit mit weißem Hemd und schwarzer Hose an Sandsteinmauer im Stadtpark" srcset="//vividstyles.de/cdn/shop/files/westen-herbst-d26.jpg?v=1785526193&amp;width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-d26.jpg?v=1785526193&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Westen</p>
1642          
1643</div></div></div></a>
1644
1645        <a href="/collections/damen-strick-kollektion" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/strick-herbst-d26.jpg?v=1785526218&amp;width=850" alt="VIVID Rollkragen-Pullover Damen grau – Lässiges Herbst-Outfit mit dunkler Jeans auf Parkbank im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/strick-herbst-d26.jpg?v=1785526218&amp;width=420 420w, //vividstyles.de/cdn/shop/files/strick-herbst-d26.jpg?v=1785526218&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Strickbekleidung</p>
1646          
1647</div></div></div></a>
1648
1649
1650
1651</scroll-carousel>
1652  
1653    <carousel-next-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_aPLiqCdrawer-carousel">
1654      <button class="circle-button circle-button--xl">
1655        <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-right  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1656        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1657      </svg></button>
1658    </carousel-next-button>
1659  </div></div>
1660          </div>
1661        </div>
1662      </header-menu-drawer-panel><header-menu-drawer-panel id="menu-drawer-panel-2" class="menu-drawer__panel color-scheme color-scheme--scheme-1">
1663        <div class="menu-drawer__panel-body">
1664          <div class="v-stack gap-5.5">
1665            <button type="button" class="back-button justify-self-start" data-panel-toggle aria-controls="menu-drawer-panel-main"><svg aria-hidden="true" focusable="false" width="10" class="icon icon-back-arrow  icon--direction-aware"  part="icon" fill="none" viewBox="0 0 10 11">
1666        <path stroke="currentColor" d="M5.5 1 1 5.5m0 0L5.5 10M1 5.5h9" />
1667      </svg><span class="subheading">Zurück</span>
1668            </button>
1669
1670            <div class="v-stack gap-8"><div class="v-stack gap-8"><div class="v-stack justify-items-start gap-4">
1671                        <a href="#" class="subheading text-subdued link-reversed">Empfohlen</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1672                                <a href="/collections/herren-neuheiten" class="link-reversed">Neuheiten</a>
1673                              </li><li>
1674                                <a href="/collections/herren-bestseller" class="link-reversed">Bestseller</a>
1675                              </li><li>
1676                                <a href="/products/elektronische-geschenkkarte-mit-box" class="link-reversed">Geschenkkarte</a>
1677                              </li><li>
1678                                <a href="/pages/loyalty-program" class="link-reversed">Bonusprogramm</a>
1679                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1680                        <a href="#" class="subheading text-subdued link-reversed">Bekleidung</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1681                                <a href="/collections/herrenbekleidung" class="link-reversed">Alle Produkte</a>
1682                              </li><li>
1683                                <a href="/collections/herren-shirts" class="link-reversed">Shirts & Tops</a>
1684                              </li><li>
1685                                <a href="/collections/herren-pullover" class="link-reversed">Pullover & Strick</a>
1686                              </li><li>
1687                                <a href="/collections/herren-sweatshirts" class="link-reversed">Sweatshirts</a>
1688                              </li><li>
1689                                <a href="/collections/herren-jacken" class="link-reversed">Jacken</a>
1690                              </li><li>
1691                                <a href="/collections/herren-sakkos" class="link-reversed">Sakkos</a>
1692                              </li><li>
1693                                <a href="/collections/herren-westen" class="link-reversed">Westen</a>
1694                              </li><li>
1695                                <a href="/collections/herren-hosen" class="link-reversed">Hosen</a>
1696                              </li><li>
1697                                <a href="/collections/herren-shorts" class="link-reversed">Shorts</a>
1698                              </li><li>
1699                                <a href="/collections/herren-poloshirts" class="link-reversed">Poloshirts</a>
1700                              </li><li>
1701                                <a href="/collections/herren-hemden" class="link-reversed">Hemden</a>
1702                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1703                        <a href="#" class="subheading text-subdued link-reversed">Kollektionen</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1704                                <a href="/collections/herren-cord-kollektion" class="link-reversed">Cord</a>
1705                              </li><li>
1706                                <a href="/collections/herren-leinen-kollektion" class="link-reversed">Leinen</a>
1707                              </li><li>
1708                                <a href="/collections/herren-supima-kollektion" class="link-reversed">Supima</a>
1709                              </li><li>
1710                                <a href="/collections/sherpa-kollektion" class="link-reversed">Sherpa</a>
1711                              </li><li>
1712                                <a href="/collections/herren-strick-kollektion" class="link-reversed">Strick</a>
1713                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1714                        <a href="#" class="subheading text-subdued link-reversed">Shop by</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1715                                <a href="/collections/ubergangskleidung-fur-herren" class="link-reversed">Für die Zwischensaison</a>
1716                              </li><li>
1717                                <a href="/collections/herren-sommerkleidung" class="link-reversed">Für die Sommersaison</a>
1718                              </li><li>
1719                                <a href="/collections/winterkleidung-fur-herren" class="link-reversed">Für die Wintersaison</a>
1720                              </li><li>
1721                                <a href="/collections/herrenmode-fuer-besondere-anlaesse" class="link-reversed">Für besondere Anlässe</a>
1722                              </li></ul></div></div><style>
1723    #promo-block-list-mega_menu_rrdwF4drawer {
1724      --menu-promo-block-column-gap: 24px;
1725      --menu-promo-blocks-count: 2;
1726    }
1727  </style>
1728
1729  <div id="promo-block-list-mega_menu_rrdwF4drawer" class="menu-promo menu-promo--without-spacing floating-control
1729s-container">
1730    <carousel-prev-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_rrdwF4drawer-carousel">
1731      <button disabled class="circle-button circle-button--xl">
1732        <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-left  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1733        <path fill="none" stroke="currentColor" stroke-width="2" d="M35 18H3M19.5 34.5 3 18 19.5 1.5"/>
1734      </svg></button>
1735    </carousel-prev-button>
1736
1737    <scroll-carousel id="promo-block-list-mega_menu_rrdwF4drawer-carousel" class="menu-promo__carousel scroll-area">
1738
1739        <a href="/collections/herren-westen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/westen-herbst-h26.jpg?v=1785528572&amp;width=850" alt="VIVID Steppweste Herren schwarz – Elegantes Herbst-Outfit mit weißem Hemd und schwarzer Hose an Sandsteinmauer im Stadtpark" srcset="//vividstyles.de/cdn/shop/files/westen-herbst-h26.jpg?v=1785528572&amp;width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-h26.jpg?v=1785528572&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Westen</p>
1740          
1741</div></div></div></a>
1742
1743        <a href="/collections/herren-strick-kollektion" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/strick-herbst-h26.jpg?v=1785528476&amp;width=850" alt="VIVID Rollkragen-Pullover Herren grau – Lässiges Herbst-Outfit mit dunkler Jeans auf Parkbank im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/strick-herbst-h26.jpg?v=1785528476&amp;width=420 420w, //vividstyles.de/cdn/shop/files/strick-herbst-h26.jpg?v=1785528476&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Strickbekleidung</p>
1744          
1745</div></div></div></a>
1746
1747
1748
1749</scroll-carousel>
1750  
1751    <carousel-next-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_rrdwF4drawer-carousel">
1752      <button class="circle-button circle-button--xl">
1753        <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-right  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1754        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1755      </svg></button>
1756    </carousel-next-button>
1757  </div></div>
1758          </div>
1759        </div>
1760      </header-menu-drawer-panel><header-menu-drawer-panel id="menu-drawer-panel-3" class="menu-drawer__panel color-scheme color-scheme--scheme-1">
1761        <div class="menu-drawer__panel-body">
1762          <div class="v-stack gap-5.5">
1763            <button type="button" class="back-button justify-self-start" data-panel-toggle aria-controls="menu-drawer-panel-main"><svg aria-hidden="true" focusable="false" width="10" class="icon icon-back-arrow  icon--direction-aware"  part="icon" fill="none" viewBox="0 0 10 11">
1764        <path stroke="currentColor" d="M5.5 1 1 5.5m0 0L5.5 10M1 5.5h9" />
1765      </svg><span class="subheading">Zurück</span>
1766            </button>
1767
1768            <div class="v-stack gap-8"><div class="v-stack gap-8"><div class="v-stack justify-items-start gap-4">
1769                        <a href="#" class="subheading text-subdued link-reversed">Empfohlen</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1770                                <a href="/collections/unisex-neuheiten-1" class="link-reversed">Neuheiten</a>
1771                              </li><li>
1772                                <a href="/products/elektronische-geschenkkarte-mit-box" class="link-reversed">Geschenkkarte</a>
1773                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1774                        <a href="#" class="subheading text-subdued link-reversed">Bekleidung</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1775                                <a href="/collections/unisexbekleidung" class="link-reversed">Alle Produkte</a>
1776                              </li><li>
1777                                <a href="/collections/unisex-shirts" class="link-reversed">Shirts</a>
1778                              </li><li>
1779                                <a href="/collections/unisex-sweatshirts" class="link-reversed">Sweatshirts</a>
1780                              </li><li>
1781                                <a href="/collections/unisex-jacken" class="link-reversed">Jacken</a>
1782                              </li><li>
1783                                <a href="/collections/unisex-westen" class="link-reversed">Westen</a>
1784                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1785                        <a href="#" class="subheading text-subdued link-reversed">Highlights</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1786                                <a href="/collections/nachhaltige-produkte-fur-damen-und-herren" class="link-reversed">Nachhaltige Mode</a>
1787                              </li><li>
1788                                <a href="/collections/unisex-oversized" class="link-reversed">Oversized</a>
1789                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1790                        <a href="#" class="subheading text-subdued link-reversed">Shop by</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1791                                <a href="/collections/ubergangskleidung-fur-damen-und-herren" class="link-reversed">Für die Zwischensaison</a>
1792                              </li><li>
1793                                <a href="/collections/sommerkleidung-fur-damen-und-herren" class="link-reversed">Für die Sommersaison</a>
1794                              </li><li>
1795                                <a href="/collections/winterkleidung-fur-damen-und-herren" class="link-reversed">Für die Wintersaison</a>
1796                              </li></ul></div></div><style>
1797    #promo-block-list-mega_menu_dhUXVMdrawer {
1798      --menu-promo-block-column-gap: 24px;
1799      --menu-promo-blocks-count: 1;
1800    }
1801  </style>
1802
1803  <div id="promo-block-list-mega_menu_dhUXVMdrawer" class="menu-promo menu-promo--without-spacing floating-control
1803s-container">
1804    <carousel-prev-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_dhUXVMdrawer-carousel">
1805      <button disabled class="circle-button circle-button--xl">
1806        <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-left  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1807        <path fill="none" stroke="currentColor" stroke-width="2" d="M35 18H3M19.5 34.5 3 18 19.5 1.5"/>
1808      </svg></button>
1809    </carousel-prev-button>
1810
1811    <scroll-carousel id="promo-block-list-mega_menu_dhUXVMdrawer-carousel" class="menu-promo__carousel scroll-area">
1812
1813        <a href="/collections/unisex-westen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/westen-herbst-u26.jpg?v=1785589740&amp;width=850" alt="VIVID Fleeceweste Damen schwarz und Herren camel – Paar-Outfit mit beiger Chino an Steinmauer im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/westen-herbst-u26.jpg?v=1785589740&amp;width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-u26.jpg?v=1785589740&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Westen</p>
1814          
1815</div></div></div></a>
1816
1817
1818
1819
1820</scroll-carousel>
1821  
1822    <carousel-next-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_dhUXVMdrawer-carousel">
1823      <button class="circle-button circle-button--xl">
1824        <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-right  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1825        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1826      </svg></button>
1827    </carousel-next-button>
1828  </div></div>
1829          </div>
1830        </div>
1831      </header-menu-drawer-panel><header-menu-drawer-panel id="menu-drawer-panel-4" class="menu-drawer__panel color-scheme color-scheme--scheme-1">
1832        <div class="menu-drawer__panel-body">
1833          <div class="v-stack gap-5.5">
1834            <button type="button" class="back-button justify-self-start" data-panel-toggle aria-controls="menu-drawer-panel-main"><svg aria-hidden="true" focusable="false" width="10" class="icon icon-back-arrow  icon--direction-aware"  part="icon" fill="none" viewBox="0 0 10 11">
1835        <path stroke="currentColor" d="M5.5 1 1 5.5m0 0L5.5 10M1 5.5h9" />
1836      </svg><span class="subheading">Zurück</span>
1837            </button>
1838
1839            <div class="v-stack gap-8"><div class="v-stack gap-8"><div class="v-stack justify-items-start gap-4">
1840                        <a href="#" class="subheading text-subdued link-reversed">Empfohlen</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1841                                <a href="/collections/accessoires-neuheiten" class="link-reversed">Neuheiten</a>
1842                              </li><li>
1843                                <a href="/collections/accessoires-bestseller" class="link-reversed">Bestseller</a>
1844                              </li><li>
1845                                <a href="/products/elektronische-geschenkkarte-mit-box" class="link-reversed">Geschenkkarte</a>
1846                              </li><li>
1847                                <a href="/pages/loyalty-program" class="link-reversed">Bonusprogramm</a>
1848                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1849                        <a href="#" class="subheading text-subdued link-reversed">Mützen</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1850                                <a href="/collections/kappen" class="link-reversed">Kappen</a>
1851                              </li><li>
1852                                <a href="/collections/hute" class="link-reversed">Hüte</a>
1853                              </li></ul></div><div class="v-stack justify-items-start gap-4">
1854                        <a href="#" class="subheading text-subdued link-reversed">Taschen & Rucksäcke</a><ul class="v-stack gap-2.5 unstyled-list"><li>
1855                                <a href="/collections/taschen" class="link-reversed">Taschen</a>
1856                              </li><li>
1857                                <a href="/collections/umhangetaschen" class="link-reversed">Umhängetaschen</a>
1858                              </li><li>
1859                                <a href="/collections/rucksacke" class="link-reversed">Rucksäcke</a>
1860                              </li><li>
1861                                <a href="/collections/tragetaschen" class="link-reversed">Tragetaschen</a>
1862                              </li></ul></div></div><style>
1863    #promo-block-list-mega_menu_Par99adrawer {
1864      --menu-promo-block-column-gap: 24px;
1865      --menu-promo-blocks-count: 3;
1866    }
1867  </style>
1868
1869  <div id="promo-block-list-mega_menu_Par99adrawer" class="menu-promo menu-promo--without-spacing floating-control
1869s-container">
1870    <carousel-prev-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_Par99adrawer-carousel">
1871      <button disabled class="circle-button circle-button--xl">
1872        <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-left  icon--direction-aware"  part="icon" viewBox="0 0 36 36">
1873        <path fill="none" stroke="currentColor" stroke-width="2" d="M35 18H3M19.5 34.5 3 18 19.5 1.5"/>
1874      </svg></button>
1875    </carousel-prev-button>
1876
1877    <scroll-carousel id="promo-block-list-mega_menu_Par99adrawer-carousel" class="menu-promo__carousel scroll-area">
1878
1879        <a href="https://vividstyles.de/collections/accessoires?sort_by=best-selling&filter.p.m.custom.kategorien=H%C3%BCte&filter.p.m.custom.kategorien=Kappen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/huete-herbst-u26.jpg?v=1785593934&amp;width=850" alt="VIVID V-Neck Pullover Herren schwarz mit grauem Flatcap – Lässiges Herbst-Outfit mit beiger Chino an Steinmauer im Stadtpark" srcset="//vividstyles.de/cdn/shop/files/huete-herbst-u26.jpg?v=1785593934&amp;width=420 420w, //vividstyles.de/cdn/shop/files/huete-herbst-u26.jpg?v=1785593934&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Hüte & Kappen</p>
1880          
1881</div></div></div></a>
1882
1883        <a href="https://vividstyles.de/collections/accessoires?sort_by=best-selling&filter.p.m.custom.kategorien=Taschen&filter.p.m.custom.kategorien=Tragetaschen&filter.p.m.custom.kategorien=Umh%C3%A4ngetaschen" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/taschen-herbst-u26.jpg?v=1785593974&amp;width=850" alt="VIVID Crossbody-Bag schwarz – Damen mit grauem Rollkragen-Pullover und dunkler Jeans im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/taschen-herbst-u26.jpg?v=1785593974&amp;width=420 420w, //vividstyles.de/cdn/shop/files/taschen-herbst-u26.jpg?v=1785593974&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Taschen</p>
1884          
1885</div></div></div></a>
1886
1887        <a href="/collections/rucksacke" class="menu-promo__item @container/content-box group"><div class="content-box overflow-hidden h-full" style="--text-color: 255 255 255; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;"><div class="content-box__background-media with-overlay"><img src="//vividstyles.de/cdn/shop/files/rucksaecke-herbst-u26.jpg?v=1785593985&amp;width=850" alt="VIVID Rucksack beige – Herren mit navy Zip-Sweatshirt und beiger Chino im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/rucksaecke-herbst-u26.jpg?v=1785593985&amp;width=420 420w, //vividstyles.de/cdn/shop/files/rucksaecke-herbst-u26.jpg?v=1785593985&amp;width=840 840w" width="850" height="1181" loading="lazy" sizes="420px" class="zoom-image group-hover:zoom"></div><div class="place-self-end-start text-start"><div class="v-stack text-start gap-2"><p class="h5">Rucksäcke</p>
1888          
1889</div></div></div></a>
1890
1891
1892</scroll-carousel>
1893  
1894    <carousel-next-button class="floating-controls__control floating-controls__control--offset" aria-controls="promo-block-list-mega_menu_Par99adrawer-carousel">
1895      <button class="circle-button circle-button--xl">
1896        <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" width="14" class="icon icon-big-arrow-right  icon--direction-aware"  part="icon" viewB
1896ox="0 0 36 36">
1897        <path fill="none" stroke="currentColor" stroke-width="2" d="M1 18h32M16.5 1.5 33 18 16.5 34.5"/>
1898      </svg></button>
1899    </carousel-next-button>
1900  </div></div>
1901          </div>
1902        </div>
1903      </header-menu-drawer-panel></header-menu-drawer></x-header>
1904</height-observer>
1905
1906<script>
1907  document.documentElement.style.setProperty('--header-height', `${Math.round(document.getElementById('shopify-section-sections--31587119595857__header').clientHeight)}px`);
1908</script>
1908
1909
1910<style> #shopify-section-sections--31587119595857__header .header__primary-nav--open-menu-in-sidebar {max-width: calc(500px - 2 * var(--header-padding-inline));} #shopify-section-sections--31587119595857__header .gap-4 {gap: 1.5rem;} #shopify-section-sections--31587119595857__header .link-faded {color: #000000; font-weight: bold;} #shopify-section-sections--31587119595857__header .mega-menu__linklist {color: #777777;} #shopify-section-sections--31587119595857__header .unstyled-list {font-size: 0.85rem;} #shopify-section-sections--31587119595857__header p.h5 {text-decoration: none;} #shopify-section-sections--31587119595857__header .mega-menu__navigation {flex-wrap: nowrap;} #shopify-section-sections--31587119595857__header .mega-menu {--mega-menu-navigation-max-width: 900px;} #shopify-section-sections--31587119595857__header .menu-promo {--overlay: 0 0 0 / 0;} #shopify-section-sections--31587119595857__header .menu-drawer .menu-promo__item {width: 100%;} #shopify-section-sections--31587119595857__header .menu-promo--with-spacing img {height: auto;} #shopify-section-sections--31587119595857__header p {text-decoration: none;} </style></header>
1911<!-- END sections: header-group --><!-- BEGIN sections: overlay-group -->
1912<section id="shopify-section-sections--31587120283985__cart-drawer" class="shopify-section shopify-section-group-overlay-group shopify-section--cart-drawer"><cart-drawer id="cart-drawer" class="drawer drawer--cart color-scheme color-scheme--scheme-1" aria-label="Warenkorb" handle-editor-events><div class="text-with-icon" slot="header"><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-cart"  part="icon" viewBox="0 0 16 16">
1913            <path stroke-width="1" stroke="currentColor" d="m3 14.5-2-7h14l-2 7H3ZM3.333 7.333 6 2M12.667 7.333 10 2" />
1914          </svg><h2 class="h7">Warenkorb </h2>
1915    </div><x-tabs class="tab-pills">
1916        <button type="button" slot="tab"><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-cart"  part="icon" viewBox="0 0 16 16">
1917            <path stroke-width="1" stroke="currentColor" d="m3 14.5-2-7h14l-2 7H3ZM3.333 7.333 6 2M12.667 7.333 10 2" />
1918          </svg><span class="subheading">Warenkorb</span>
1919        </button>
1920    
1921        <div slot="tabpanel" class="align-self-center"><div class="empty-state">
1922          <div class="prose prose-justify-center">
1923            <p class="h5">Dein Warenkorb ist leer</p>
1924<a  class="button" href="/collections/all" ><button-content class="button__content" up-text="Weiter einkaufen">Weiter einkaufen</button-content></a></div>
1925        </div></div>
1926    
1927        <button type="button" slot="tab"><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-gift" viewBox="0 0 16 16">
1928        <path stroke-width="1" stroke="currentColor" d="M2.5 8V5.5h11V8h-11ZM3.5 14.5V8h9v6.5h-9ZM8 5.5v8.75M8 4a1.875 1.875 0 0 0-3.75 0M11.813 4a1.875 1.875 0 1 0-3.75 0"/>
1929      </svg><span class="subheading tab-pills__dot-indicator">Angebote</span>
1930        </button>
1931    
1932        <div slot="tabpanel"><div class="cart-offers"><div class="cart-offers__item cart-offers__item--full" >
1933                <div class="offer-item offer-item--lg" style="--background: 61 43 31 ; background-color: rgb(var(--background));--text-color: 255 255 255; color: rgb(var(--text-color));--border-color:90 75 65;">
1934                  <div class="offer-item__content"><div class="v-stack gap-1"><p class="bold"><strong>Werde Mitglied!</strong></p><div class="prose prose--compact text-subdued"><p>Trete unserer Community bei und sammle Punkte!</p></div></div></div>
1935<a  class="shrink-0 button button--sm button--outline" style="--button-text-color: 255 255 255;" href="https://vividstyles.de/account/register" ><button-content class="button__content" up-text="Registrieren">Registrieren</button-content></a></div>
1936              </div></div></div>
1937      </x-tabs></cart-drawer>
1938</section><section id="shopify-section-sections--31587120283985__search-drawer" class="shopify-section shopify-section-group-overlay-group shopify-section--search-drawer"><x-drawer id="search-drawer" class="drawer drawer--search color-scheme color-scheme--scheme-1" handle-editor-events>
1939  <div slot="header">
1940    <form action="/search" id="predictive-search-form" method="GET" aria-owns="predictive-search" class="h-stack gap-2.5" role="search"><svg aria-hidden="true" focusable="false" width="16" fill="none" class="icon icon-search"  part="icon" viewB
1940ox="0 0 16 16">
1941        <path stroke-width="1" stroke="currentColor" d="M1.333 7.333a6 6 0 1 0 12 0 6 6 0 0 0-12 0ZM11.575 11.576l3.09 3.09" />
1942      </svg><label for="search-drawer-input" class="sr-only">Gib etwas ein...</label>
1943      <input id="search-drawer-input" type="search" class="search-drawer__input h7" name="q" placeholder="Gib etwas ein...">
1944    </form>
1945  </div>
1946
1947  <predictive-search id="predictive-search">
1948    <div slot="placeholder">
1949      <div class="v-stack gap-8 sm:gap-12"><div class="v-stack gap-4.5"><p class="subheading text-subdued">Beliebte Suchanfragen</p><div class="v-stack justify-items-start gap-3.5"><a href="/collections/damen-hemden-und-blusen" class="h7 link-reversed">Hemden Damen & Blusen</a><a href="/collections/damen-westen" class="h7 link-reversed">Westen Kollektion Damen</a><a href="/collections/damen-pullover" class="h7 link-reversed">Pullover & Strick Damen</a><a href="/collections/herren-hemden" class="h7 link-reversed">Hemden Herren</a><a href="/collections/herren-westen" class="h7 link-reversed">Westen Kollektion Herren</a><a href="/collections/herren-pullover" class="h7 link-reversed">Pullover & Strick Herren</a></div>
1950          </div></div>
1951    </div>
1952
1953    <div slot="results" class="contents"><!-- FILL IN JS --></div>
1954  </predictive-search>
1955</x-drawer>
1956
1957</section><div id="shopify-section-sections--31587120283985__newsletter-popup" class="shopify-section shopify-section-group-overlay-group shopify-section--popup"><newsletter-popup class="modal modal--newsletter color-scheme color-scheme--scheme-53fce5d5-978a-4b25-86df-a0fe4096add0" only-once apparition-delay="10"  title="Newsletter-Dialog" handle-editor-events><img src="//vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&amp;width=1000" alt="VIVID Marineshirt Damen und Herren creme-navy – Lachendes Paar an Steinmauer mit schwarzer Hose im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&amp;width=200 200w, //vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&amp;width=400 400w, //vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&amp;width=600 600w, //vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&amp;width=800 800w, //vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" sizes="(max-width: 699px) 100vw, 430px" slot="image"><div class="v-stack gap-6"><p class="h4" style="padding-inline-end: 2rem">Auf dem neuesten Stand bleiben</p><p>Melde dich bei unserem Newsletter an und erhalte <strong>10% Rabatt</strong> auf deine nächste Bestellung.</p><div class="v-stack gap-4"><form method="post" action="/contact#newsletter-sections--31587120283985__newsletter-popup" id="newsletter-sections--31587120283985__newsletter-popup" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><div class="fieldset">
1958                <input type="hidden" name="contact[tags]" value="newsletter"><div class="form-control" ><input id="input--sections--31587120283985__newsletter-popup--contactemail" class="input " type="email" dir="ltr" name="contact[email]" 
1959  
1960  
1961  
1962  
1963  placeholder=" "
1964  autocomplete="email"
1965  
1966  
1967  required
1968  
1969  
1970  
1971><label for="input--sections--31587120283985__newsletter-popup--contactemail" class="floating-label ">E-Mail</label></div>
1972<button type="submit"  class="button" ><button-content class="button__content" up-text="Abonnieren">Abonnieren</button-content></button></div><p class="text-sm text-subdued">Wir verwenden Deine persönlichen Daten gemäß unserer <a href="/policies/privacy-policy" title="Privacy Policy">Datenschutzerklärung</a>. Du kannst Deine Präferenzen jederzeit anpassen oder Dich abmelden, nutze dazu einfach den 'Abmelden' Link am Ende jeder E-Mail.</p></form></div>
1973      </div>
1974    </newsletter-popup>
1975<style> #shopify-section-sections--31587120283985__newsletter-popup .gap-6 {text-align: center;} #shopify-section-sections--31587120283985__newsletter-popup .h4 {padding-left: 1.5rem;} #shopify-section-sections--31587120283985__newsletter-popup .modal::p
1975art(content) {max-height: 90vh;} @media screen and (min-width: 700px) {#shopify-section-sections--31587120283985__newsletter-popup .modal--newsletter::part(content) {place-self: center; }} @media screen and (max-width: 480px) {#shopify-section-sections--31587120283985__newsletter-popup img {max-height: 350px; }} </style></div>
1976<!-- END sections: overlay-group --><main id="main" class="anchor ">
1977      <div id="shopify-section-template--31587108553041__text_with_media_AUAUzP" class="shopify-section shopify-section--text-with-media"><style>
1978  #shopify-section-template--31587108553041__text_with_media_AUAUzP {--section-split-grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);}
1979
1980  #shopify-section-template--31587108553041__text_with_media_AUAUzP + .shopify-section {
1981    --section-enable-padding-collapsing: 0; /* We turn off the padding collapsing on next section */
1982  }
1983</style>
1984
1985<div class="color-scheme color-scheme--scheme-53fce5d5-978a-4b25-86df-a0fe4096add0">
1986  <div class="section-split section-split--reverse"><div class="section-split__column section-split__column--image section-split__column--flushed">
1987      <div class="content-box h-full">
1988        <div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=2000" alt="VIVID Steppweste Damen und Herren schwarz – Elegantes Paar-Outfit mit weißem Hemd und schwarzer Hose auf Steinmauer im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=200 200w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=300 300w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=400 400w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=500 500w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=600 600w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=800 800w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=1800 1800w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&amp;width=2000 2000w" width="2000" height="2000" sizes="(max-width: 699px) 100vw, 50vw"></div></div>
1989    </div><div class="section-split__column align-self-stretch">
1990        <div class="content-box min-h-full"><div class="placement-grid span-full">
1991            
1992              <div class="place-self-center-start prose prose-justify-start"><p id="shopify-block-heading_P8kz6x" class="h1" >Westen. Der Layer des Herbstes.</p><div class="max-w-sm" ><p>Die Weste – der perfekte Layer für den Herbst. Leicht. Warm. Unverzichtbar, immer ein Statement.</p></div>
1993<a  class="button" href="/collections/damen-westen" ><button-content class="button__content" up-text="Für Damen">Für Damen</button-content></a>
1994<a  class="button" href="/collections/herren-westen" ><button-content class="button__content" up-text="Für Herren">Für Herren</button-content></a></div></div>
1995        </div>
1996      </div></div>
1997</div>
1998
1999<style> #shopify-section-template--31587108553041__text_with_media_AUAUzP .subheading, #shopify-section-template--31587108553041__text_with_media_AUAUzP .h1, #shopify-section-template--31587108553041__text_with_media_AUAUzP p {margin: 1rem;} #shopify-section-template--31587108553041__text_with_media_AUAUzP .subheading, #shopify-section-template--31587108553041__text_with_media_AUAUzP .h1 {padding-bottom: 1rem;} #shopify-section-template--31587108553041__text_with_media_AUAUzP .button {margin-left: 1rem;} #shopify-section-template--31587108553041__text_with_media_AUAUzP .prose {--prose-button-spacing: 3rem; margin-left: -1rem;} @media screen and (max-width: 1080px) {#shopify-section-template--31587108553041__text_with_media_AUAUzP .prose {--prose-button-spacing: 2rem; }} @media screen and (max-width: 999px) {#shopify-section-template--31587108553041__text_with_media_AUAUzP .section-split__column {margin-bottom: -2rem; }} @media screen and (max-width: 480px) {#shopify-section-template--31587108553041__text_with_media_AUAUzP .h1, #shopify-section-template--31587108553041__text_with_media_AUAUzP p, #shopify-section-template--31587108553041__text_with_media_AUAUzP .subheading {margin: 0.5rem; } #shopify-section-template--31587108553041__text_with_media_AUAUzP .button {margin-left: 0.5rem; } #shopify-section-template--31587108553041__text_with_media_AUAUzP .prose {margin-left: -0.5rem; }} </style></div><section id="shopify-section-template--31587108553041__rich_text_HcNAkP" 
1999class="shopify-section shopify-section--rich-text"><div class="color-scheme color-scheme--scheme-1">
2000    <div class="container section-spacing">
2001      <div class="rich-text justify-items-center"><div class="prose prose-justify-center max-w-full"><div ><h2>Herbst. Dein Moment.</h2></div><div ><p>Die Blätter fallen – der Stil bleibt. Entdecke Hosen und Hemden für Damen und Herren.</p></div></div></div>
2002    </div>
2003  </div><style> #shopify-section-template--31587108553041__rich_text_HcNAkP .h2, #shopify-section-template--31587108553041__rich_text_HcNAkP :where(.prose h2) {font-size: var(--text-h1);} #shopify-section-template--31587108553041__rich_text_HcNAkP .section-spacing {padding-block-start: 12rem; padding-block-end: 12rem;} @media screen and (max-width: 1920px) {#shopify-section-template--31587108553041__rich_text_HcNAkP .section-spacing {padding-block-start: 8rem; padding-block-end: 8rem; }} @media screen and (max-width: 1280px) {#shopify-section-template--31587108553041__rich_text_HcNAkP .section-spacing {padding-block-start: 6rem; padding-block-end: 6rem; }} @media screen and (max-width: 699px) {#shopify-section-template--31587108553041__rich_text_HcNAkP .section-spacing {padding-block-start: 4rem; padding-block-end: 4rem; }} </style></section><section id="shopify-section-template--31587108553041__media_blocks_zdJXA9" class="shopify-section shopify-section--media-blocks"><style>
2004    #shopify-section-template--31587108553041__media_blocks_zdJXA9 {
2005      --media-blocks-grid: auto / auto-flow 78vw;
2006      --media-blocks-gap: calc(var(--container-gutter) / 2);
2007    }
2008
2009    @media screen and (min-width: 700px) {
2010      #shopify-section-template--31587108553041__media_blocks_zdJXA9 {
2011        --media-blocks-grid: auto / auto-flow 45vw;
2012      }
2013    }
2014
2015    @media screen and (min-width: 1000px) {
2016      #shopify-section-template--31587108553041__media_blocks_zdJXA9 {
2017        --media-blocks-grid: auto-flow / repeat(4, minmax(0, 1fr));
2018      }
2019    }
2020
2021    @media screen and (pointer: fine) {}
2022  </style><div  class="color-scheme color-scheme--scheme-1">
2023    <div class=" section-spacing">
2024      <div class="section-stack"><div class="media-blocks scroll-area bleed"><media-block class="h-full"><a href="/collections/damen-hosen" id="block-image_with_text_EqbVaL" class="media-blocks__item  @container/content-box color-scheme color-scheme--scheme-3" ><div class="content-box h-full min-h-auto"><div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=1800" alt="VIVID Longsleeve Damen weiß – Lässiges Herbst-Outfit mit beiger Hose im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=300 300w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=400 400w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=500 500w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=600 600w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=800 800w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&amp;width=1800 1800w" width="1800" height="2500" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 999px) 50vw, 25vw" class="size-full"></div><div class="placement-grid">
2025                      
2026                        <div class="align-self-end">
2027                          <div class="prose prose-justify-start"><p  class="h4" >Damen Hosen</p></div>
2028                        </div></div>
2029                  </div></a></media-block><media-block class="h-full"><a href="/collections/damen-hemden-und-blusen" id="block-image_with_text_cwddTV" class="media-blocks__item  @container/content-box color-scheme color-scheme--scheme-3" ><div class="content-box h-full min-h-auto"><div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=1800" alt="VIVID Hemd Damen navy – Slim Fit Langarmhemd mit beiger Hose an Backsteinmauer im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=300 300w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=400 400w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=500 500w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=600 600w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=800 800w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&amp;width=1800 1800w" width="1800" height="2500" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 999px) 50vw, 25vw" class="size-full"></div><div class="placement-grid">
2030                      
2031                        <div class="align-self-end">
2032                          <div class="prose prose-justify-start"><p  class="h4" >Damen Hemden</p></div>
2033                        </div></div>
2034                  </div></a></media-block><media-block class="h-full"><a href="/collections/herren-hosen" id="block-image_with_text_HjGKfD" class="media-blocks__item  @container/content-box color-scheme color-scheme--scheme-3" ><div class="content-box h-full min-h-auto"><div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=1800" alt="VIVID V-Neck Longsleeve Herren weiß – Lässiges Herbst-Outfit mit navy Hose auf Steinmauer im Stadtpark" srcset="//vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=300 300w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=400 400w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=500 500w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=600 600w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=800 800w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&amp;width=1800 1800w" width="1800" height="2500" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 999px) 50vw, 25vw" class="size-full"></div><div class="placement-grid">
2035                      
2036                        <div class="align-self-end">
2037                          <div class="prose prose-justify-start"><p  class="h4" >Herren Hosen</p></div>
2038                        </div></div>
2039                  </div></a></media-block><media-block class="h-full"><a href="/collections/herren-hemden" id="block-image_with_text_cN9QBe" class="media-blocks__item  @container/content-box color-scheme color-scheme--scheme-3" ><div class="content-box h-full min-h-auto"><div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=1800" alt="VIVID Hemd Herren navy – Slim Fit Langarmhemd mit beiger Hose an Backsteinmauer im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=300 300w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=400 400w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=500 500w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=600 600w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=800 800w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&amp;width=1800 1800w" width="1800" height="2500" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 999px) 50vw, 25vw" class="size-full"></div><div class="placement-grid">
2040                      
2041                        <div class="align-self-end">
2042                          <div class="prose prose-justify-start"><p  class="h4" >Herren Hemden</p></div>
2043                        </div></div>
2044                  </div></a></media-block></div>
2045      </div>
2046    </div>
2047  </div><style> #shopify-section-template--31587108553041__media_blocks_zdJXA9 .section-spacing {padding-block-end: 0rem;} </style></section><section id="shopify-section-template--31587108553041__rich_text_LDeFEE" class="shopify-section shopify-section--rich-text"><div class="color-scheme color-scheme--scheme-1">
2048    <div class="container section-spacing">
2049      <div class="rich-text justify-items-center"><div class="prose prose-justify-center max-w-full"><div ><h2>Strick. Das Herzstück des Herbstes.</h2></div><div ><p>Qualität, die man spürt. Styles, die überzeugen.</p></div></div></div>
2050    </div>
2051  </div><style> #shopify-section-template--31587108553041__rich_text_LDeFEE .h2, #shopify-section-template--31587108553041__rich_text_LDeFEE :where(.prose h2) {font-size: var(--text-h1);} #shopify-section-template--31587108553041__rich_text_LDeFEE .section-spacing {padding-block-start: 12rem; padding-block-end: 12rem;} @media screen and (max-width: 1920px) {#shopify-section-template--31587108553041__rich_text_LDeFEE .section-spacing {padding-block-start: 8rem; padding-block-end: 8rem; }} @media screen and (max-width: 1280px) {#shopify-section-template--31587108553041__rich_text_LDeFEE .section-spacing {padding-block-start: 6rem; padding-block-end: 6rem; }} @media screen and (max-width: 699px) {#shopify-section-template--31587108553041__rich_text_LDeFEE .section-spacing {padding-block-start: 4rem; padding-block-end: 4rem; }} </style></section><div id="shopify-section-template--31587108553041__text_with_media_KNRnUp" class="shopify-section shopify-section--text-with-media"><style>
2052  #shopify-section-template--31587108553041__text_with_media_KNRnUp {--section-split-grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);}
2053
2054  #shopify-section-template--31587108553041__text_with_media_KNRnUp + .shopify-section {
2055    --section-enable-padding-collapsing: 0; /* We turn off the padding collapsing on next section */
2056  }
2057</style>
2058
2059<div class="color-scheme color-scheme--scheme-53fce5d5-978a-4b25-86df-a0fe4096add0">
2060  <div class="section-split section-split--reverse"><div class="section-split__column section-split__column--image section-split__column--flushed">
2061      <div class="content-box h-full">
2062        <div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=2000" alt="VIVID V-Neck Pullover Damen grau und Herren schwarz – Paar-Outfit mit beiger Chino auf Steinmauer im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=200 200w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=300 300w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=400 400w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=500 500w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=600 600w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=800 800w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=1800 1800w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&amp;width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="(max-width: 699px) 100vw, 50vw"></div></div>
2063    </div><div class="section-split__column align-self-stretch">
2064        <div class="content-box min-h-full"><div class="placement-grid span-full">
2065            
2066              <div class="place-self-center-start prose prose-justify-start"><p id="shopify-block-heading_LVtNPk" class="h1" >Strick. Für die schönen Tage dazwischen.</p><div class="max-w-sm" ><p>Zeitlose Qualität, die wärmt – von der ersten kühlen Brise bis in den Winter.</p></div>
2067<a  class="button" href="/collections/damen-strick-kollektion" ><button-content class="button__content" up-text="Für Damen">Für Damen</button-content></a>
2068<a  class="button" href="/collections/herren-strick-kollektion" ><button-content class="button__content" up-text="Für Herren">Für Herren</button-content></a></div></div>
2069        </div>
2070      </div></div>
2071</div>
2072
2073<style> #shopify-section-template--31587108553041__text_with_media_KNRnUp .subheading, #shopify-section-template--31587108553041__text_with_media_KNRnUp .h1, #shopify-section-template--31587108553041__text_with_media_KNRnUp p {margin: 1rem;} #shopify-section-template--31587108553041__text_with_media_KNRnUp .subheading, #shopify-section-template--31587108553041__text_with_media_KNRnUp .h1 {padding-bottom: 1rem;} #shopify-section-template--31587108553041__text_with_media_KNRnUp .button {margin-left: 1rem;} #shopify-section-template--31587108553041__text_with_media_KNRnUp .prose {--prose-button-spacing: 3rem; margin-left: -1rem;} @media screen and (max-width: 1080px) {#shopify-section-template--31587108553041__text_with_media_KNRnUp .prose {--prose-button-spacing: 2rem; }} @media screen and (max-width: 999px) {#shopify-section-template--31587108553041__text_with_media_KNRnUp .section-split__column {margin-bottom: -2rem; }} @media screen and (max-width: 480px) {#shopify-section-template--31587108553041__text_with_media_KNRnUp .h1, #shopify-section-template--31587108553041__text_with_media_KNRnUp p, #shopify-section-template--31587108553041__text_with_media_KNRnUp .subheading {margin: 0.5rem; } #shopify-section-template--31587108553041__text_with_media_KNRnUp .button {margin-left: 0.5rem; } #shopify-section-template--31587108553041__text_with_media_KNRnUp .prose {margin-left: -0.5rem; }} </style></div><section id="shopify-section-template--31587108553041__rich_text_RdcDQH" class="shopify-section shopify-section--rich-text"><div class="color-scheme color-scheme--scheme-1">
2074    <div class="container section-spacing">
2075      <div class="rich-text justify-items-center"><div class="prose prose-justify-center max-w-full"><div ><h2>Das gewisse Etwas.</h2></div><div ><p>Für sie, für ihn, für alle. Entdecke die Herbstkollektion in deiner Kategorie.</p></div></div></div>
2076    </div>
2077  </div><style> #shopify-section-template--31587108553041__rich_text_RdcDQH .h2, #shopify-section-template--31587108553041__rich_text_RdcDQH :where(.prose h2) {font-size: var(--text-h1);} #shopify-section-template--31587108553041__rich_text_RdcDQH .section-spacing {padding-block-start: 12rem; padding-block-end: 12rem;} @media screen and (max-width: 1920px) {#shopify-section-template--31587108553041__rich_text_RdcDQH .section-spacing {padding-block-start: 8rem; padding-block-end: 8rem; }} @media screen and (max-width: 1280px) {#shopify-section-template--31587108553041__rich_text_RdcDQH .section-spacing {padding-block-start: 6rem; padding-block-end: 6rem; }} @media screen and (max-width: 699px) {#shopify-section-template--31587108553041__rich_text_RdcDQH .section-spacing {padding-block-start: 4rem; padding-block-end: 4rem; }} </style></section><section id="shopify-section-template--31587108553041__media_blocks_NJy7p9" class="shopify-section shopify-section--media-blocks"><style>
2078    #shopify-section-template--31587108553041__media_blocks_NJy7p9 {
2079      --media-blocks-grid: auto / auto-flow 78vw;
2080      --media-blocks-gap: calc(var(--container-gutter) / 2);
2081    }
2082
2083    @media screen and (min-width: 700px) {
2084      #shopify-section-template--31587108553041__media_blocks_NJy7p9 {
2085        --media-blocks-grid: auto / auto-flow 45vw;
2086      }
2087    }
2088
2089    @media screen and (min-width: 1000px) {
2090      #shopify-section-template--31587108553041__media_blocks_NJy7p9 {
2091        --media-blocks-grid: auto-flow / repeat(4, minmax(0, 1fr));
2092      }
2093    }
2094
2095    @media screen and (pointer: fine) {}
2096  </style><div  class="color-scheme color-scheme--scheme-1">
2097    <div class=" section-spacing">
2098      <div class="section-stack"><div class="media-blocks scroll-area bleed"><media-block class="h-full"><a href="/collections/damenbekleidung" id="block-image_with_text_pDccUd" class="media-blocks__item  @container/content-box color-scheme color-scheme--scheme-3" ><div class="content-box h-full min-h-auto"><div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=1800" alt="VIVID Blazer Damen navy – Elegantes Herbst-Outfit mit grauer Wide-Leg Hose im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=300 300w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=400 400w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=500 500w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=600 600w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=800 800w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&amp;width=1800 1800w" width="1800" height="2500" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 999px) 50vw, 25vw" class="size-full"></div><div class="placement-grid">
2099                      
2100                        <div class="align-self-end">
2101                          <div class="prose prose-justify-start"><p  class="h4" >Damen</p></div>
2102                        </div></div>
2103                  </div></a></media-block><media-block class="h-full"><a href="/collections/herrenbekleidung" id="block-image_with_text_efWXDd" class="media-blocks__item  @container/content-box color-scheme color-scheme--scheme-3" ><div class="content-box h-full min-h-auto"><div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=1800" alt="VIVID Half-Zip Sweatshirt Herren grau – Entspanntes Herbst-Outfit mit navy Hose auf Steinmauer im Stadtpark" srcset="//vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=300 300w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=400 400w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=500 500w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=600 600w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=800 800w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&amp;width=1800 1800w" width="1800" height="2500" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 999px) 50vw, 25vw" class="size-full"></div><div class="placement-grid">
2104                      
2105                        <div class="align-self-end">
2106                          <div class="prose prose-justify-start"><p  class="h4" >Herren</p></div>
2107                        </div></div>
2108                  </div></a></media-block><media-block class="h-full"><a href="/collections/unisexbekleidung" id="block-image_with_text_GyrqxE" class="media-blocks__item  @container/content-box color-scheme color-scheme--scheme-3" ><div class="content-box h-full min-h-auto"><div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=1800" alt="VIVID Rundhals-Pullover Damen und Herren navy – Paar-Outfit mit beiger Chino auf Steinmauer im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=300 300w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=400 400w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=500 500w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=600 600w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=800 800w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&amp;width=1800 1800w" width="1800" height="2500" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 999px) 50vw, 25vw" class="size-full"></div><div class="placement-grid">
2109                      
2110                        <div class="align-self-end">
2111                          <div class="prose prose-justify-start"><p  class="h4" >Unisex</p></div>
2112                        </div></div>
2113                  </div></a></media-block><media-block class="h-full"><a href="/collections/accessoires" id="block-image_with_text_ypthnV" class="media-blocks__item  @container/content-box color-scheme color-scheme--scheme-3" ><div class="content-box h-full min-h-auto"><div class="content-box__background-media"><img src="//vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=1800" alt="VIVID Rollkragen-Pullover Herren grau mit Flatcap und Damen weiß mit schwarzer Crossbody-Bag – Paar-Outfit beim Spaziergang im herbstlichen Stadtpark" srcset="//vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=300 300w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=400 400w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=500 500w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=600 600w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=800 800w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=1000 1000w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=1200 1200w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=1400 1400w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=1600 1600w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&amp;width=1800 1800w" width="1800" height="2500" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 999px) 50vw, 25vw" class="size-full"></div><div class="placement-grid">
2114                      
2115                        <div class="align-self-end">
2116                          <div class="prose prose-justify-start"><p  class="h4" >Accessoires</p></div>
2117                        </div></div>
2118                  </div></a></media-block></div>
2119      </div>
2120    </div>
2121  </div><style> #shopify-section-template--31587108553041__media_blocks_NJy7p9 .section-spacing {padding-block-end: 0rem;} </style></section><section id="shopify-section-template--31587108553041__multi_column_mtiXhT" class="shopify-section shopify-section--multi-column"><style>
2122    #shopify-section-template--31587108553041__multi_column_mtiXhT {
2123      
2124
2125      
2126
2127      --multi-column-grid: auto / auto-flow 78vw;
2128      --multi-column-column-count: 3;
2129      --multi-column-column-gap: 0px;
2130      --multi-column-row-gap: 0px;
2131    }
2132
2133    @media screen and (min-width: 700px) {
2134      #shopify-section-template--31587108553041__multi_column_mtiXhT {
2135        --multi-column-grid: auto / auto-flow 54vw;
2136      }
2137    }
2138
2139    @media screen and (min-width: 1000px) {
2140      #shopify-section-template--31587108553041__multi_column_mtiXhT {--multi-column-grid: auto-flow / repeat(3, minmax(0, 1fr));}
2141    }#shopify-section-template--31587108553041__multi_column_mtiXhT .multi-column__item:not(.color-scheme--scheme-1) {
2142      padding: var(--container-gutter);
2143    }
2144  </style>
2145
2146  <div class="color-scheme color-scheme--scheme-1">
2147    <div class="container section-spacing">
2148      <div class="section-stack">
2148<scroll-carousel id="template--31587108553041__multi_column_mtiXhT-carousel" class="multi-column  scroll-area snap-x bleed"><div class="multi-column__item color-scheme color-scheme--scheme-b8c4cb21-b8bb-4a3d-bc9c-9ce0a1973260 group snap-start" >
2149    <div class="prose prose-justify-left prose--compact"><h3 id="shopify-block-AYzJRRmNKRXZyS3lyb__heading_wMpgeE" class="h3" >Über uns</h3><div class="max-w-md" ><p>Entdecke die Geschichte hinter VIVID – eine Brand, die 2024 gegründet wurde, um hochwertige Essentials mit präziser Passform und vielfältiger Farbpalette zu schaffen. Wir glauben an zeitlose Styles, die deinen individuellen Look unterstreichen.</p></div>
2150<a  class="link subheading" href="/pages/uber-vivid" >Mehr Erfahren</a></div>
2151  </div><div class="multi-column__item color-scheme color-scheme--scheme-b8c4cb21-b8bb-4a3d-bc9c-9ce0a1973260 group snap-start" >
2152    <div class="prose prose-justify-left prose--compact"><h3 id="shopify-block-ATDNIUzJraGFEelhYM__heading_jz9YED" class="h3" >Nachhaltig</h3><div class="max-w-md" ><p>Nachhaltigkeit ist das Herzstück unserer Brand. Wir setzen auf hochwertige Materialien, faire Produktion und umweltbewusste Praktiken. Erfahre mehr über unser Engagement für eine bessere Zukunft.</p></div>
2153<a  class="link subheading" href="/pages/nachhaltigkeit" >Mehr Erfahren</a></div>
2154  </div><div class="multi-column__item color-scheme color-scheme--scheme-b8c4cb21-b8bb-4a3d-bc9c-9ce0a1973260 group snap-start" >
2155    <div class="prose prose-justify-left prose--compact"><h3 id="shopify-block-AbmUzVlhtR1Z1N3NIT__heading_ikz7W7" class="h3" >Look & Inspiration</h3><div class="max-w-md" ><p>Unsere Looks entstehen aus dem echten Leben, inspiriert von Menschen, die natürliche Materialien schätzen und Mode als Ausdruck von bewusstem Stil sehen. Wir setzen auf nachhaltige Stoffe, klare Designs und eine Farbpalette, die zur Natur zurückführt.</p></div>
2156<a  class="link subheading" href="https://vividstyles.de/collections/all" >Zu den Looks</a></div>
2157  </div></scroll-carousel>
2158      </div>
2159    </div>
2160  </div><style> #shopify-section-template--31587108553041__multi_column_mtiXhT .subheading {text-transform: none;} #shopify-section-template--31587108553041__multi_column_mtiXhT .section-spacing {padding-block-start: 12rem; padding-block-end: 12rem;} @media screen and (max-width: 1920px) {#shopify-section-template--31587108553041__multi_column_mtiXhT .section-spacing {padding-block-start: 8rem; padding-block-end: 8rem; }} @media screen and (max-width: 1280px) {#shopify-section-template--31587108553041__multi_column_mtiXhT .section-spacing {padding-block-start: 6rem; padding-block-end: 6rem; }} @media screen and (max-width: 699px) {#shopify-section-template--31587108553041__multi_column_mtiXhT .section-spacing {padding-block-start: 4rem; padding-block-end: 4rem; }} </style></section>
2161    </main><!-- BEGIN sections: footer-group -->
2162<section id="shopify-section-sections--31587118907729__rich_text_WGk46d" class="shopify-section shopify-section-group-footer-group shopify-section--rich-text"><div class="color-scheme color-scheme--scheme-5c030b57-36eb-4d13-b985-f832e9f3cd91">
2163    <div class="container section-spacing">
2164      <div class="rich-text justify-items-center"><div class="prose prose-justify-center max-w-full"><p id="shopify-block-heading_jGFtG7" class="h3 text-balance" >Auf dem neuesten Stand bleiben</p></div></div>
2165    </div>
2166  </div></section><section id="shopify-section-sections--31587118907729__newsletter_Qp4He8" class="shopify-section shopify-section-group-footer-group shopify-section--newsletter"><div class="color-scheme color-scheme--scheme-5c030b57-36eb-4d13-b985-f832e9f3cd91"><div class="container section-spacing"><div class="v-stack max-w-lg mx-auto gap-6 sm:gap-10">
2167      <div class="prose prose-justify-center"><h2  class="h7" >Melde dich bei unserem Newsletter an und erhalte <strong>10% Rabatt</strong> auf deine nächste Bestellung.</h2></div><div class="v-stack justify-self-center w-full md:max-w-sm gap-4"><form method="post" action="/contact#newsletter-form-sections--31587118907729__newsletter_Qp4He8" id="newsletter-form-sections--31587118907729__newsletter_Qp4He8" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><div class="input-with-connected-submit"><div class="form-control" ><input id="input--sections--31587118907729__newsletter_Qp4He8--contactemail" class="input " type="email" dir="ltr" name="contact[email]" 
2168  
2169  
2170  
2171  
2172  placeholder=" "
2173  autocomplete="email"
2174  
2175  enterkeyhint="send"
2176  required
2177  
2178  
2179  
2180><label for="input--sections--31587118907729__newsletter_Qp4He8--contactemail" class="floating-label ">E-Mail</label></div>
2181<button type="submit"  class="button" >
2182        <button-content class="button__content">Abonnieren<svg aria-hidden="true" focusable="false" width="10" class="icon icon-arrow-right"  part="icon" viewB
2182ox="0 0 10 10">
2183        <path stroke="currentColor" stroke-width="1.5" d="m4 1 4 4m0 0L4 9m4-4H0"/>
2184      </svg></button-content></button></div></form><p class="text-sm text-center text-subdued">Mit deiner Anmeldung stimmst du unseren <a href="/policies/privacy-policy" title="Privacy Policy">Datenschutzrichtlinien</a> zu.</p></div>
2185    </div></div></div>
2186
2187
2188<style> #shopify-section-sections--31587118907729__newsletter_Qp4He8 .h7 {font-family: "Univers Next", sans-serif; margin-top: -2rem; font-size: var(--text-h6);} </style></section><section id="shopify-section-sections--31587118907729__trust-icons" class="shopify-section shopify-section-group-footer-group shopify-section--trust-icons"><style>
2189    #shopify-section-sections--31587118907729__trust-icons {
2190      --trust-icons-item-count: 4;
2191    }
2192  </style>
2193
2194  <div class="color-scheme color-scheme--scheme-f72af67b-eb71-4be1-9bca-8bee2e07e12a">
2195    <div class="trust-icons"><scroll-carousel id="carousel-sections--31587118907729__trust-icons" class="trust-icons__carousel snap-x scroll-area bleed md:unbleed"><div class="trust-icons__item snap-center" role="group" aria-label="Element 1 von 4" >
2196            <div class="prose prose-justify-center prose--compact"><svg aria-hidden="true" focusable="false" width="20" class="shrink-0 icon icon-picto-email" style="--icon-mobile-max-width: 20px; --icon-max-width: 24px" viewBox="0 0 24 24">
2197        <path vector-effect="non-scaling-stroke" d="M1 3H23V21H1V3Z" fill="none" stroke="currentColor" stroke-width="1"/>
2198        <path vector-effect="non-scaling-stroke" d="M1 6L12 12L23 6" fill="none" stroke="currentColor" stroke-width="1"/>
2199      </svg><p class="subheading"><a href="/pages/kontaktformular" title="Kundenservice">Kontaktiere uns</a></p><p class="text-subdued">Antwort innerhalb von 48 Stunden</p></div>
2200          </div><div class="trust-icons__item snap-center" role="group" aria-label="Element 2 von 4" >
2201            <div class="prose prose-justify-center prose--compact"><svg aria-hidden="true" focusable="false" width="20" class="shrink-0 icon icon-picto-truck" style="--icon-mobile-max-width: 20px; --icon-max-width: 24px" viewBox="0 0 24 24">
2202        <path vector-effect="non-scaling-stroke" d="M4.05494 18.7851H0.999756V3H13.9998V6H20L23 12V18.7851H20" fill="none" stroke="currentColor" stroke-width="1"/>
2203        <path vector-effect="non-scaling-stroke" d="M9 18.7852H15" fill="none" stroke="currentColor" stroke-width="1"/>
2204        <path vector-effect="non-scaling-stroke" d="M23 12H13.9998V6" fill="none" stroke="currentColor" stroke-width="1"/>
2205        <path vector-effect="non-scaling-stroke" d="M4 18.5C4 19.163 4.26339 19.7989 4.73223 20.2678C5.20107 20.7366 5.83696 21 6.5 21C7.16304 21 7.79893 20.7366 8.26777 20.2678C8.73661 19.7989 9 19.163 9 18.5C9 17.837 8.73661 17.2011 8.26777 16.7322C7.79893 16.2634 7.16304 16 6.5 16C5.83696 16 5.20107 16.2634 4.73223 16.7322C4.26339 17.2011 4 17.837 4 18.5Z" fill="none" stroke="currentColor" stroke-width="1"/>
2206        <path vector-effect="non-scaling-stroke" d="M15 18.5C15 19.163 15.2634 19.7989 15.7322 20.2678C16.2011 20.7366 16.837 21 17.5 21C18.163 21 18.7989 20.7366 19.2678 20.2678C19.7366 19.7989 20 19.163 20 18.5C20 17.837 19.7366 17.2011 19.2678 16.7322C18.7989 16.2634 18.163 16 17.5 16C16.837 16 16.2011 16.2634 15.7322 16.7322C15.2634 17.2011 15 17.837 15 18.5Z" fill="none" stroke="currentColor" stroke-width="1"/>
2207      </svg><p class="subheading"><a href="/policies/shipping-policy" title="Shipping Policy">Lieferung</a></p><p class="text-subdued">Kostenloser Versand ab 75 Euro (DE)</p></div>
2208          </div><div class="trust-icons__item snap-center" role="group" aria-label="Element 3 von 4" >
2209            <div class="prose prose-justify-center prose--compact"><svg aria-hidden="true" focusable="false" width="20" class="shrink-0 icon icon-picto-store" style="--icon-mobile-max-width: 20px; --icon-max-width: 24px" viewBox="0 0 24 24">
2210        <path vector-effect="non-scaling-stroke" d="M21 5V10H3V5L5 1H19L21 5Z" fill="none" stroke="currentColor" stroke-width="1"/>
2211        <path vector-effect="non-scaling-stroke" d="M4 13V23H20V13" fill="none" stroke="currentColor" stroke-width="1"/>
2212        <path vector-effect="non-scaling-stroke" d="M13 23V13" fill="none" stroke="currentColor" stroke-width="1"/>
2213        <path vector-effect="non-scaling-stroke" d="M4 19H13" fill="none" stroke="currentColor" stroke-width="1"/>
2214      </svg><p class="subheading"><a href="https://vividstyles.de/collections/all" title="https://vividstyles.de/collections/all">Jederzeit Bestellen</a></p><p class="text-subdued">Online 24/7 geöffnet</p></div>
2215          </div><div class="trust-icons__item snap-center" role="group" aria-label="Element 4 von 4" >
2216            <div class="prose prose-justify-center prose--compact"><svg aria-hidden="true" focusable="false" width="20" class="shrink-0 icon icon-picto-secure" style="--icon-mobile-max-width: 20p
2216x; --icon-max-width: 24px" viewBox="0 0 24 24">
2217        <path vector-effect="non-scaling-stroke" d="M3 1V18L11.9999 22.86L21 18V1H3Z" fill="none" stroke="currentColor" stroke-width="1"/>
2218        <path vector-effect="non-scaling-stroke" d="M8 10.5H16V15.5H8V10.5Z" fill="none" stroke="currentColor" stroke-width="1"/>
2219        <path vector-effect="non-scaling-stroke" d="M9.5 10.5V7.50002C9.5 6.1193 10.6193 5 12 5C13.3807 5 14.5 6.1193 14.5 7.50002V10.5" fill="none" stroke="currentColor" stroke-width="1"/>
2220      </svg><p class="subheading">SICHERE BEZAHLUNG</p><p class="text-subdued">Deine Zahlungsinformationen werden sicher verarbeitet</p></div>
2221          </div></scroll-carousel><carousel-navigation class="scroll-marker-group scroll-marker-group--lines justify-self-center md:hidden" aria-controls="carousel-sections--31587118907729__trust-icons"><button class="scroll-marker tap-area tap-area--sm" aria-current="true">
2222              <span class="sr-only">Gehe zu Element 1</span>
2223            </button><button class="scroll-marker tap-area tap-area--sm" aria-current="false">
2224              <span class="sr-only">
2224Gehe zu Element 2</span>
2225            </button><button class="scroll-marker tap-area tap-area--sm" aria-current="false">
2226              <span class="sr-only">Gehe zu Element 3</span>
2227            </button><button class="scroll-marker tap-area tap-area--sm" aria-current="false">
2228              <span class="sr-only">Gehe zu Element 4</span>
2229            </button></carousel-navigation></div>
2230  </div>
2231<style> #shopify-section-sections--31587118907729__trust-icons .trust-icons__item {box-shadow: none;} #shopify-section-sections--31587118907729__trust-icons .trust-icons {border: none;} </style></section><section id="shopify-section-sections--31587118907729__blog_posts_M3NyHr" class="shopify-section shopify-section-group-footer-group shopify-section--blog-posts"><style>
2232    #shopify-section-sections--31587118907729__blog_posts_M3NyHr {--blog-post-list-grid: auto / auto-flow 73vw ;--blog-post-list-gap: 1.6rem 1.5rem;
2233      --blog-post-card-padding-inline: 0;
2234    }
2235
2236    @media screen and (min-width: 700px) {
2237      #shopify-section-sections--31587118907729__blog_posts_M3NyHr {--blog-post-list-grid: auto / auto-flow 60vw ;}
2238    }
2239
2240    @media screen and (min-width: 1000px) {
2241      #shopify-section-sections--31587118907729__blog_posts_M3NyHr {
2242        --blog-post-list-gap: 3rem var(--container-gutter);--blog-post-list-grid: auto / repeat(2, minmax(0, 1fr));}
2243    }
2244  </style>
2245
2246  <div class="color-scheme color-scheme--scheme-1">
2247    <div class="container section-spacing">
2248      <div class="section-stack"><div class="section-header justify-between"><h2  class="h3" >Der Blog: Tipps und Neuigkeiten</h2>
2249<a  class="align-self-center sm-max:hidden button button--outline" style="--button-text-color: var(--button-background-primary);" href="/blogs/news" ><button-content class="button__content" up-text="Alle anzeigen">Alle anzeigen</button-content></a></div><blog-post-list cell-selector=".blog-post-card" class="blog-post-list scroll-area bleed md:unbleed "><a href="/blogs/news/kann-man-ein-anzughemd-zur-jeans-tragen" class="blog-post-card blog-post-card--horizontal group snap-start" reveal-on-scroll="true" ><div class="blog-post-card__image-container overflow-hidden"><img src="//vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&amp;width=1200" alt="Anzughemd zur Jeans kombinieren – Outfit-Flatlay mit Accessoires von VIVID" srcset="//vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&amp;width=300 300w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&amp;width=400 400w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&amp;width=500 500w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&amp;width=600 600w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&amp;width=800 800w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&amp;width=1000 1000w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(max-width: 699px) 73vw, (max-width: 999px) 60vw, 25vw" class="w-full zoom-image group-hover:zoom"></div><div class="blog-post-card__content">
2250    <div class="prose prose--compact"><div class="meta-information subheading"><span class="shape shape--square"></span><span>Smart Casual</span><span>23. Jul 2026</span></div><span class="h5">Kann man ein Anzughemd zur Jeans tragen?</span></div>
2251  </div>
2252</a><a href="/blogs/news/capsule-wardrobe-guide-wie-du-mit-10-basics-von-casual-bis-business-perfekt-gekleidet-bist" class="blog-post-card blog-post-card--horizontal group snap-start" reveal-on-scroll="true" ><div class="blog-post-card__image-container overflow-hidden"><img src="//vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&amp;width=1200" alt="Capsule Wardrobe Guide: Drei zeitlose Outfits von Casual bis Business – zusammengestellt aus 10 hochwertigen Basics von VIVID" srcset="//vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&amp;width=300 300w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&amp;width=400 400w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&amp;width=500 500w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&amp;width=600 600w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&amp;width=800 800w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&amp;width=1000 1000w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(max-width: 699px) 73vw, (max-width: 999px) 60vw, 25vw" class="w-full zoom-image group-hover:zoom"></div><div class="blog-post-card__content">
2253    <div class="prose prose--compact"><div class="meta-information subheading"><span class="shape shape--square"></span><span>Capsule Wardrobe</span><span>2. Jun 2026</span></div><span class="h5">Capsule Wardrobe Guide: Wie du mit 10 Basics von Casual bis Business perfekt gekleidet bist</span></div>
2254  </div>
2255</a><a href="/blogs/news/vivid-eine-modemarke-die-vielfalt-neu-definiert-teil-1" class="blog-post-card blog-post-card--horizontal group snap-start" reveal-on-scroll="true" ><div class="blog-post-card__image-container overflow-hidden"><img src="//vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&amp;width=1200" alt="Eine Modemarke, die Vielfalt neu definiert Teil 1| VIVID Blog" srcset="//vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&amp;width=300 300w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&amp;width=400 400w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&amp;width=500 500w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&amp;width=600 600w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&amp;width=800 800w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&amp;width=1000 1000w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(max-width: 699px) 73vw, (max-width: 999px) 60vw, 25vw" class="w-full zoom-image group-hover:zoom"></div><div class="blog-post-card__content">
2256    <div class="prose prose--compact"><div class="meta-information subheading"><span class="shape shape--square"></span><span>
2256Marke</span><span>9. Dez 2025</span></div><span class="h5">VIVID - Eine Modemarke, die Vielfalt neu definiert Teil 1</span></div>
2257  </div>
2258</a><a href="/blogs/news/die-vorteile-von-sherpa-fleece-auf-einen-blick" class="blog-post-card blog-post-card--horizontal group snap-start" reveal-on-scroll="true" ><div class="blog-post-card__image-container overflow-hidden"><img src="//vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&amp;width=1200" alt="Die Vorteile von Sherpa Fleece auf einen Blick | VIVID Blog" srcset="//vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&amp;width=300 300w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&amp;width=400 400w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&amp;width=500 500w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&amp;width=600 600w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&amp;width=800 800w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&amp;width=1000 1000w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(max-width: 699px) 73vw, (max-width: 999px) 60vw, 25vw" class="w-full zoom-image group-hover:zoom"></div><div class="blog-post-card__content">
2259    <div class="prose prose--compact"><div class="meta-information subheading"><span class="shape shape--square"></span><span>Material</span><span>12. Nov 2025</span></div><span class="h5">Die Vorteile von Sherpa Fleece auf einen Blick</span></div>
2260  </div>
2261</a></blog-post-list>
2262<a  class="sm:hidden sm-max:w-full button button--outline" style="--button-text-color: var(--button-background-primary);" href="/blogs/news" ><button-content class="button__content" up-text="Alle anzeigen">Alle anzeigen</button-content></a></div>
2263    </div>
2264  </div><style> #shopify-section-sections--31587118907729__blog_posts_M3NyHr .button__content {background: #c4622d; border: #c4622d; color: #ffffff;} #shopify-section-sections--31587118907729__blog_posts_M3NyHr .button {background: #c4622d; border: #c4622d;} @media only screen and (min-width: 1000px) {#shopify-section-sections--31587118907729__blog_posts_M3NyHr .section-stack {row-gap: 5rem; }} </style></section><footer id="shopify-section-sections--31587118907729__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><div class="footer color-scheme color-scheme--scheme-1">
2265  <div class="container"><div class="footer__content"><div class="footer__block-list"><div class="footer__block footer__block--links footer__block--accordion-links" ><div class="v-stack gap-4.5 sm-max:hidden"><p class="subheading">Kundensupport</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
2266                            <a href="/pages/faq-und-hilfe" class="link-reversed link-tap-area">FAQ</a>
2267                          </li><li>
2268                            <a href="/pages/kontaktformular" class="link-reversed link-tap-area">Kontakt</a>
2269                          </li><li>
2270                            <a href="/policies/shipping-policy" class="link-reversed link-tap-area">Versand & Versandkosten</a>
2271                          </li><li>
2272                            <a href="/pages/retoure-ruckererstattung" class="link-reversed link-tap-area">Retoure & Rückerstattung</a>
2273                          </li><li>
2274                            <a href="https://account.vividstyles.de" class="link-reversed link-tap-area">Retourenportal</a>
2275                          </li><li>
2276                            <a href="/pages/loyalty-program" class="link-reversed link-tap-area">Bonusprogramm</a>
2277                          </li></ul></div><accordion-disclosure class="accordion   sm:hidden" >
2278  <details class="accordion__disclosure"  >
2279    <summary class="accordion__summary   subheading"><span>Kundensupport</span><svg aria-hidden="true" focusable="false" width="11" class="icon icon-accordion-small-arrow"  part="icon" fill="none" viewBox="0 0 11 7">
2280        <path stroke="currentColor" stroke-width="1.5" d="M10 1 5.5 5.5 1 1" />
2281      </svg></summary>
2282
2283    <div class="accordion__content "><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
2284                            <a href="/pages/faq-und-hilfe" class="link-reversed link-tap-area">FAQ</a>
2285                          </li><li>
2286                            <a href="/pages/kontaktformular" class="link-reversed link-tap-area">Kontakt</a>
2287                          </li><li>
2288                            <a href="/policies/shipping-policy" class="link-reversed link-tap-area">Versand & Versandkosten</a>
2289                          </li><li>
2290                            <a href="/pages/retoure-ruckererstattung" class="link-reversed link-tap-area">Retoure & Rückerstattung</a>
2291                          </li><li>
2292                            <a href="https://account.vividstyles.de" class="link-reversed link-tap-area">Retourenportal</a>
2293                          </li><li>
2294                            <a href="/pages/loyalty-program" class="link-reversed link-tap-area">Bonusprogramm</a>
2295                          </li></ul></div>
2296  </details>
2297</accordion-disclosure>
2298</div><div class="footer__block footer__block--links footer__block--accordion-links" ><div class="v-stack gap-4.5 sm-max:hidden"><p class="subheading">Informationen</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
2299                            <a href="/pages/uber-vivid" class="link-reversed link-tap-area">Über VIVID</a>
2300                          </li><li>
2301                            <a href="/pages/nachhaltigkeit" class="link-reversed link-tap-area">Nachhaltigkeit</a>
2302                          </li><li>
2303                            <a href="/blogs/news" class="link-reversed link-tap-area">Blog</a>
2304                          </li></ul></div><accordion-disclosure class="accordion   sm:hidden" >
2305  <details class="accordion__disclosure"  >
2306    <summary class="accordion__summary   subheading"><span>Informationen</span><svg aria-hidden="true" focusable="false" width="11" class="icon icon-accordion-small-arrow"  part="icon" fill="none" viewBox="0 0 11 7">
2307        <path stroke="currentColor" stroke-width="1.5" d="M10 1 5.5 5.5 1 1" />
2308      </svg></summary>
2309
2310    <div class="accordion__content "><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
2311                            <a href="/pages/uber-vivid" class="link-reversed link-tap-area">Über VIVID</a>
2312                          </li><li>
2313                            <a href="/pages/nachhaltigkeit" class="link-reversed link-tap-area">Nachhaltigkeit</a>
2314                          </li><li>
2315                            <a href="/blogs/news" class="link-reversed link-tap-area">Blog</a>
2316                          </li></ul></div>
2317  </details>
2318</accordion-disclosure>
2319</div><div class="footer__block footer__block--links footer__block--accordion-links" ><div class="v-stack gap-4.5 sm-max:hidden"><p class="subheading">Rechtliches</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
2320                            <a href="/policies/legal-notice" class="link-reversed link-tap-area">Impressum</a>
2321                          </li><li>
2322                            <a href="/policies/terms-of-service" class="link-reversed link-tap-area">AGB</a>
2323                          </li><li>
2324                            <a href="/policies/privacy-policy" class="link-reversed link-tap-area">Datenschutzerklärung</a>
2325                          </li><li>
2326                            <a href="/policies/refund-policy" class="link-reversed link-tap-area">Gesetzliches Widerrufsrecht</a>
2327                          </li><li>
2328                            <a href="https://vividstyles.de/?preview_privacy_banner=1" class="link-reversed link-tap-area">Cookie Einstellungen</a>
2329                          </li><li>
2330                            <a href="https://645a33-41.myshopify.com/pages/widerruf" class="link-reversed link-tap-area">Vertrag widerrufen</a>
2331                          </li></ul></div><accordion-disclosure class="accordion   sm:hidden" >
2332  <details class="accordion__disclosure"  >
2333    <summary class="accordion__summary   subheading"><span>Rechtliches</span><svg aria-hidden="true" focusable="false" width="11" class="icon icon-accordion-small-arrow"  part="icon" fill="none" viewBox="0 0 11 7">
2334        <path stroke="currentColor" stroke-width="1.5" d="M10 1 5.5 5.5 1 1" />
2335      </svg></summary>
2336
2337    <div class="accordion__content "><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
2338                            <a href="/policies/legal-notice" class="link-reversed link-tap-area">Impressum</a>
2339                          </li><li>
2340                            <a href="/policies/terms-of-service" class="link-reversed link-tap-area">AGB</a>
2341                          </li><li>
2342                            <a href="/policies/privacy-policy" class="link-reversed link-tap-area">Datenschutzerklärung</a>
2343                          </li><li>
2344                            <a href="/policies/refund-policy" class="link-reversed link-tap-area">Gesetzliches Widerrufsrecht</a>
2345                          </li><li>
2346                            <a href="https://vividstyles.de/?preview_privacy_banner=1" class="link-reversed link-tap-area">Cookie Einstellungen</a>
2347                          </li><li>
2348                            <a href="https://645a33-41.myshopify.com/pages/widerruf" class="link-reversed link-tap-area">Vertrag widerrufen</a>
2349                          </li></ul></div>
2350  </details>
2351</accordion-disclosure>
2352</div><div class="footer__block footer__block--links footer__block--accordion-links" ><div class="v-stack gap-4.5 sm-max:hidden"><p class="subheading">Kollektionen</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
2353                            <a href="/collections/damenbekleidung" class="link-reversed link-tap-area">Damen</a>
2354                          </li><li>
2355                            <a href="/collections/herrenbekleidung" class="link-reversed link-tap-area">Herren</a>
2356                          </li><li>
2357                            <a href="/collections/unisexbekleidung" class="link-reversed link-tap-area">Unisex</a>
2358                          </li><li>
2359                            <a href="/collections/accessoires" class="link-reversed link-tap-area">Accessoires</a>
2360                          </li></ul></div><accordion-disclosure class="accordion   sm:hidden" >
2361  <details class="accordion__disclosure"  >
2362    <summary class="accordion__summary   subheading"><span>Kollektionen</span><svg aria-hidden="true" focusable="false" width="11" class="icon icon-accordion-small-arrow"  part="icon" fill="none" viewBox="0 0 11 7">
2363        <path stroke="currentColor" stroke-width="1.5" d="M10 1 5.5 5.5 1 1" />
2364      </svg></summary>
2365
2366    <div class="accordion__content "><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
2367                            <a href="/collections/damenbekleidung" class="link-reversed link-tap-area">Damen</a>
2368                          </li><li>
2369                            <a href="/collections/herrenbekleidung" class="link-reversed link-tap-area">Herren</a>
2370                          </li><li>
2371                            <a href="/collections/unisexbekleidung" class="link-reversed link-tap-area">Unisex</a>
2372                          </li><li>
2373                            <a href="/collections/accessoires" class="link-reversed link-tap-area">Accessoires</a>
2374                          </li></ul></div>
2375  </details>
2376</accordion-disclosure>
2377</div><div class="footer__block footer__block--text " ><div class="v-stack gap-4.5"><p class="subheading">Über uns</p><div class="prose"><p>VIVID ist eine 2024 gegründete Brand für hochwertige Damen- und Herrenmode sowie ausgewählte Accessoires. Unser Anspruch ist es, perfekt sitzende Essentials mit einer der präzisesten Passformen am Markt und einer vielfältigen Farbpalette zu entwickeln. Bei uns findest du moderne, zeitlose Styles und Nuancen, die deine kreative Seite zum Ausdruck bringen und deinen individuellen Look unterstreichen.</p></div></div></div></div></div><hr class="separator full-bleed">
2378
2379    <div class="footer__aside"><ul class="social-media unstyled-list" role="list"><li class="social-media__item branding-colors--pinterest">
2380      <a href="https://de.pinterest.com/vivid_offiziell/" class="tap-area" target="_blank" rel="noopener" aria-label="Auf Pinterest folgen"><svg aria-hidden="true" focusable="false" width="24" class="icon icon-pinterest"  viewBox="0 0 24 24">
2381        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.765 2.401c3.59-.054 5.837 1.4 6.895 3.95.349.842.722 2.39.442 3.675-.112.512-.144 1.048-.295 1.53-.308.983-.708 1.853-1.238 2.603-.72 1.02-1.81 1.706-3.182 2.052-1.212.305-2.328-.152-2.976-.643-.206-.156-.483-.36-.56-.643h-.029c-.046.515-.244 1.062-.383 1.531-.193.65-.23 1.321-.472 1.929a12.345 12.345 0 0 1-.942 1.868c-.184.302-.692 1.335-1.061 1.347-.04-.078-.057-.108-.06-.245-.118-.19-.035-.508-.087-.766-.082-.4-.145-1.123-.06-1.53v-.643c.096-.442.092-.894.207-1.317.25-.92.39-1.895.648-2.848.249-.915.477-1.9
238116.678-2.847.045-.21-.21-.815-.265-1.041-.174-.713-.042-1.7.176-2.236.275-.674 1.08-1.703 2.122-1.439.838.212 1.371 1.118 1.09 2.266-.295 1.205-.677 2.284-.943 3.49-.068.311.05.641.118.827.248.672 1 1.324 2.004 1.072 1.52-.383 2.193-1.76 2.652-3.246.124-.402.109-.781.206-1.225.204-.935.118-2.331-.177-3.061-.472-1.17-1.353-1.92-2.563-2.328L12.707 4.3c-.56-.128-1.626.064-2.004.183-1.69.535-2.737 1.427-3.388 3.032-.222.546-.344 1.1-.383 1.868l-.03.276c.13.686.144 1.14.413 1.653.132.252.447.451.5.765.032.185-.104.464-.147.613-.065.224-.041.48-.147.673-.192.349-.714.087-.943-.061-1.192-.77-2.175-2.995-1.62-5.144.085-.332.09-.62.206-.919.723-1.844 1.802-2.978 3.359-3.95.583-.364 1.37-.544 2.092-.734l1.149-.154Z" fill="currentColor"/>
2382      </svg></a>
2383    </li></ul><div class="v-stack gap-3">
2384        <p class="text-sm">© 2026 - VIVID - no ordinary label.</p></div>
2385    </div>
2386  </div>
2387</div>
2388
2389<style> #shopify-section-sections--31587118907729__footer .subheading {color: #1c1c1c;} #shopify-section-sections--31587118907729__footer .v-stack {font-size: 0.85rem;} #shopify-section-sections--31587118907729__footer .accordion {--accordion-block-padding: 1.3rem;} #shopify-section-sections--31587118907729__footer .accordion {--accordion-block-padding: 1.5rem;} @media screen and (min-width: 1234px) {#shopify-section-sections--31587118907729__footer .footer__block {max-width: 24rem; }} @media screen and (max-width: 1233px) {#shopify-section-sections--31587118907729__footer .footer__block {max-width: 50rem; }} </style></footer><section id="shopify-section-sections--31587118907729__custom_liquid_wGi4zT" class="shopify-section shopify-section-group-footer-group shopify-section--custom-liquid"><div class="color-scheme color-scheme--scheme-1">
2390    <div class=" ">
2391      <div class="text-start"><hr style="margin: 0; border: none; border-top: 1px solid #e5e5e5;"></div>
2392    </div>
2393  </div>
2394</section><section id="shopify-section-sections--31587118907729__rich_text_3JY8CX" class="shopify-section shopify-section-group-footer-group shopify-section--rich-text"><div class="color-scheme color-scheme--scheme-1">
2395    <div class="container section-spacing">
2396      <div class="rich-text justify-items-center"><div class="prose prose-justify-center max-w-full"><div ><p><a href="/pages/barrierefreiheit" title="Barrierefreiheitserklärung">Barrierefreiheit</a> | <a href="#shopify-section-sections--27512858870097__newsletter_Qp4He8" title="#shopify-section-sections--27512858870097__newsletter_Qp4He8">Newsletter</a> | <a href="/policies/contact-information" title="Contact Information">Kontaktinformationen</a></p></div><div ><img src="//vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&amp;width=1064" alt="Akzeptierte Zahlungsmethoden: PayPal, Visa, Mastercard, AMEX, Klarna und weitere" srcset="//vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&amp;width=200 200w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&amp;width=300 300w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&amp;width=400 400w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&amp;width=500 500w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&amp;width=600 600w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&amp;width=800 800w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&amp;width=1000 1000w" width="1064" height="58" loading="lazy" sizes="(max-width: 699px) min(250px, 100vw), min(350px, 100vw)" class="constrained-image" style="margin-inline: auto; --image-max-width: 350px; --image-mobile-max-width: 250px"></div></div></div>
2397    </div>
2398  </div><style> #shopify-section-sections--31587118907729__rich_text_3JY8CX .section-spacing {padding-block-start: 1rem; padding-block-end: 1.5rem;} #shopify-section-sections--31587118907729__rich_text_3JY8CX p {font-size: 0.85rem;} </style></section>
2399<!-- END sections: footer-group --><x-toast class="toast">
2400      
2401    </x-toast>
2402  <style> .shopify-policy__body h3,h2 {font-size: 1.5rem;} .shopify-policy__body h4 {font-size: 1.1rem;} .product-card--bordered {outline: none;} .badge {font-size: 0.6875rem; letter-spacing: 0.18em; font-weight: 400;} @media screen and (max-width: 1080px) {.badge {font-size: 0.5rem; }} </style>
2403<div id="shopify-block-Ad0MxbEhwWVJ4QXZuR__15891388892413262111" class="shopify-block shopify-app-block">
2403<script>(function(){var n=window.fetch;try{var i=document.createElement('iframe');i.style.display='none';i.setAttribute('aria-hidden','true');(document.documentElement||document.body).appendChild(i);var w=i.contentWindow;if(w&&typeof w.fetch==='function'){n=function(){return w.fetch.apply(w,arguments)}}}catch(e){}window.honeyFetch=n})()</script>
2403
2404<div id="honeypop-localization" data-language="de"></div>
2405<div id="honeypop-customer" data-id=""></div>
2406<div id="honeypop-app" class="notranslate" translate="no"></div>
2406<script
2407src="https://cdn.shopify.com/extensions/01a0d8a2-637d-7041-ae1f-5dcd58dbe9e6/essential-loyalty-rewards-1369/assets/main-BdJ2yXdl.js"
2408defer="defer"
2409type="module"
2410crossorigin="anonymous"
2411></script>
2411<!-- BEGIN app snippet: honeypop-pp -->
2412<!-- END app snippet --><!-- BEGIN app snippet: honeypop-cp --><!-- END app snippet --><!-- BEGIN app snippet: honeypop-pc-config --><!-- END app snippet --></div><div id="shopify-block-AOHRXdEZzeDdKTlR4T__5043700557504102790" class="shopify-block shopify-app-block">
2413
2414
2415
2416<link href="//cdn.shopify.com/extensions/01a09fe0-0e31-77a1-850f-c67587d50cb7/eu-withdrawal-form-button-48/assets/widerruf.css?v=v24" rel="stylesheet" type="text/css" media="all" />
2417
2418<script
2419  src="https://cdn.shopify.com/extensions/01a09fe0-0e31-77a1-850f-c67587d50cb7/eu-withdrawal-form-button-48/assets/widerruf.js?v=v24"
2420  defer
2421  data-widerruf-proxy-url="https://vividstyles.de/apps/withdrawal"
2422  data-widerruf-shop="645a33-41.myshopify.com"
2423  data-widerruf-locale="de"
2424  data-widerruf-api-url="https://widerruf-button.fly.dev/api/withdrawal-form"
2425></script>
2425
2426
2427
2428</div><div id="shopify-block-AN01DZkI0T0tiMTYwW__3500920606369333595" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: panda-sc-variables -->
2429 
2430<script>
2431   
2432   let pandaSizeChartCollIds = [];
2433    let pandaSizeChartPageType = 'index';
2434    let pandaProductVariant =  null
2435   let pandaSizeChartProductJson = null
2436   let pandaSizeProductId =  null
2437  ;
2438</script>
2438<!-- END app snippet -->
2439</div><div id="shopify-block-ATHRTekZoSHNxMWpCV__15746506029051422284" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: raw_render -->
2440
2441<style>
2442    /* ============================================
2443   BASE & TYPOGRAPHY
2444   ============================================ */
2445
2446.h7 {
2447  font-size: var(--text-h6);
2448}
2449
2450a.h7.link-reversed {
2451  font-size: var(--text-h6);
2452}
2453
2454.quick-buy__info .h6,
2455.quick-buy__info .h7 {
2456  font-family: "Instrument Sans", sans-serif;
2457  font-weight: 500;
2458}
2459
2460safe-sticky.product-info h2.product-title.h4 {
2461  font-size: 1.75rem;
2462}
2463
2464.cart-offers .h6 {
2465  font-size: var(--text-h4);
2466}
2467
2468
2469/* ============================================
2470   LAYOUT & NAVIGATION
2471   ============================================ */
2472
2473.content-box__background-media.with-overlay::after {
2474  background: linear-gradient(to top, rgba(0,0,0,0.35), transparent 20%) !important;
2475  opacity: 1 !important;
2476}
2477
2478.mega-menu__navigation {
2479  max-width: 1600px;
2480  gap: 1.5rem clamp(1.5rem, 10vw, 10em);
2481}
2482
2483.shopify-policy__container {
2484  max-width: 70rem;
2485}
2486
2487.shopify-policy__body h2 {
2488  padding-top: 2rem;
2489}
2490
2491
2492/* ============================================
2493   BUTTONS
2494   ============================================ */
2495
2496.featured-collections-header .button__content,
2497.featured-collections-products .button__content {
2498  padding-left: 0rem;
2499  padding-right: 0rem;
2500}
2501
2502.featured-collections-header .button--outline,
2503.featured-collections-products .button--outline {
2504  border-color: transparent;
2505}
2506
2507.shopify-pc__banner__dialog button,
2508.shopify-pc__prefs__header-actions button {
2509  border-radius: 3rem;
2510}
2511
2512.shopify-payment-button__more-options {
2513  display: none;
2514}
2515
2516.essential-referral-modal-close button {
2517  background: #000000;
2518  border-radius: 50%;
2519  padding: 8px;
2520  border: none;
2521  cursor: pointer;
2522}
2523
2524
2525/* ============================================
2526   BADGES
2527   ============================================ */
2528
2529.badge {
2530  font-family: "Instrument Sans", sans-serif;
2531  border-radius: 5px;
2532  padding-left: 0.5rem;
2533}
2534
2535.badge.badge--custom.badge--bio,
2536.badge.badge--custom.badge--recycelbar {
2537  background: #5d6a4e;
2538}
2539
2540.badge.badge--custom.badge--vorbestellen {
2541  background: #023232;
2542}
2543
2544.badge.badge--custom.badge--auslaufartikel {
2545  background: #A0826D ;
2546}
2547
2548.badge.badge--on-sale {
2549  color: #ffffff;
2550}
2551
2552.badge.vertical-text {
2553  padding-top: 0.5rem;
2554}
2555
2556.badge.badge--custom.badge--recycelbar.vertical-text,
2557.badge.badge--custom.badge--bio.vertical-text {
2558  display: none;
2559}
2560
2561.text-on-sale {
2562  color: #C4714A;
2563}
2564
2565
2566/* ============================================
2567   PRODUCT CARDS & IMAGES
2568   ============================================ */
2569
2570.product-card__image {
2571  transition: opacity .0s cubic-bezier(.4,0,.2,1), transform .2s cubic-bezier(.4,0,.2,1);
2572}
2573
2574.pswp__item {
2575  background: #f2f2f2;
2576}
2577
2578
2579/* ============================================
2580   CART & OFFERS
2581   ============================================ */
2582
2583.cart-offers__item .content-box__background-media img,
2584.cart-offers .offer-item {
2585  border-radius: 1rem;
2586}
2587.cart-offers .h6 {
2588  font-size: 1.5rem;
2589  font-family: "Instrument Sans", sans-serif;
2590  font-style: italic;
2591}
2592
2593
2594/* ============================================
2595   PANDA SIZE CHART & RECOMMENDER
2596   ============================================ */
2597
2598.panda-sizeChart-btnCont button,
2599.panda-sizechart-float button {
2600  padding: 0 !important;
2601  text-transform: uppercase;
2602}
2603
2604.panda-recommender-icon svg,
2605.panda-size-button svg,
2606.panda-size-float-icon svg {
2607  margin-top: 0 !important;
2608}
2609
2610.panda-conversion-box {
2611  margin-top: 10px;
2612  margin-bottom: 20px !important;
2613}
2614
2615.panda-Header-center-popup .panda-center-title,
2616.panda-popup-header p {
2617  font-family: "Playfair Display", serif;
2618  font-weight: normal !important;
2619  text-transform: inherit;
2620  font-size: var(--text-h5);
2621  color: #000000;
2622  letter-spacing: var(--heading-letter-spacing);
2623}
2624
2625.panda-right-drawer .panda-left-drawer-cross-btn svg {
2626  margin-top: 15px;
2627}
2628
2629.panda-imageWithText-textBox h2 {
2630  font-family: "Playfair Display", serif;
2631  font-weight: normal !important;
2632}
2633
2634.panda-imageWithText-textBox,
2635.panda-imageWithText-imageDiv {
2636  margin: auto;
2637}
2638
2639#panda-table-div .panda-table-Item tr td,
2640.panda-table-Item thead th {
2641  border: 1px solid #F2F2F2 !important;
2642}
2643
2644.panda-popup-header {
2645  background: #ffffff;
2646  border-bottom: 1px solid #e8e8e8;
2647}
2648
2649.panda-left-drawer-cross-btn svg,
2650.panda-right-drawer .panda-left-drawer-cross-btn svg {
2651  background: #f2f2f2;
2652  padding: 8px;
2653}
2654
2655.panda-popup-header svg path {
2656  stroke: #000000 !important;
2657  stroke-width: 1;
2658}
2659
2660#panda-header-popup footer {
2661  border-top: none;
2662  background-color: #ffffff !important;
2663}
2664
2665.panda-table-Item-box th,
2666.panda-table-Item-box td {
2667  font-weight: 400 !important;
2668}
2669
2670.product-info {
2671    --product-block-item-margin: 1.25rem;
2672}
2673
2674.panda-size-button svg {
2675    width: 20px;
2676    height: 20px;
2677}
2678
2679
2680/* ============================================
2681   CHAT BUBBLE
2682   ============================================ */
2683
2684button._BubbleLauncher_kmyt1_1 {
2685  position: absolute !important;
2686  margin-bottom: 15px;
2687  background: transparent !important;
2688  box-shadow: none;
2689}
2690
2691._BubbleLauncher_kmyt1_1 span {
2692  font-size: 0.85rem;
2693}
2694
2695
2696/* ============================================
2697   WIDERRUF
2698   ============================================ */
2699
2700h2.widerruf-title {
2701font-size: 1.2rem;
2702font-family: "Univers Next", sans-serif;
2703}
2704
2705
2706/* ============================================
2707   ESSENTIAL LOYALTY SECTIONS
2708   ============================================ */
2709
2710.essential-ways-to-earn,
2711.essential-how-it-works,
2712.essential-ways-to-redeem,
2713.essential-referral {
2714  padding: 150px 0px;
2715}
2716
2717.essential-vip,
2718.essential-faq {
2719  padding: 150px 15px;
2720}
2721
2722.essential-hiw-activity-table-wrapper table thead,
2723.essential-vip-table-th-column-active,
2724.essential-vip-progress-bar-line-completed {
2725  background: #C4622D;
2726}
2727
2728
2729/* ============================================
2730   UTILITIES
2731   ============================================ */
2732
2733#shop-hcaptcha-badge-container {
2734  display: none !important;
2735}
2736
2737/* Linie NACH "Kontakt" (4. Element im Secondary Menü) */
2738.menu-drawer__panel-body > ul:last-of-type li:nth-child(7) {
2739  border-bottom: 1px solid #e5e5e5;
2740  padding-bottom: 22px;
2741  margin-bottom: 12px;
2742}
2743
2744/* ============================================
2745   MEDIA QUERIES
2746   ============================================ */
2747
2748/* Desktop Nav (min 1011px) */
2749@media screen and (min-width: 1011px) {
2750  .header__primary-nav {
2751    gap: .625rem 1.5rem;
2752  }
2753}
2754
2755/* Large Desktop (max 1920px) */
2756@media only screen and (max-width: 1920px) {
2757  .mega-menu__navigation {
2758    gap: 1.5rem clamp(1.5rem, 8vw, 8em);
2759  }
2760
2761  .essential-ways-to-earn,
2762  .essential-how-it-works,
2763  .essential-ways-to-redeem,
2764  .essential-referral {
2765    padding: 100px 0px;
2766  }
2767
2768  .essential-vip,
2769  .essential-faq {
2770    padding: 100px 15px;
2771  }
2772}
2773
2774/* Desktop to Tablet (1000px–1600px) */
2775@media (min-width: 1000px) and (max-width: 1600px) {
2776  .menu-promo {
2777    display: none;
2778  }
2779
2780  .mega-menu__navigation {
2781    margin-bottom: 2rem;
2782    padding-right: 1.5rem;
2783  }
2784}
2785
2786/* Medium Desktop (max 1280px) */
2787@media screen and (max-width: 1280px) {
2788  .essential-ways-to-earn,
2789  .essential-how-it-works,
2790  .essential-ways-to-redeem,
2791  .essential-referral {
2792    padding: 50px 0px;
2793  }
2794
2795  .essential-vip,
2796  .essential-faq {
2797    padding: 50px 15px;
2798  }
2799}
2800
2801/* Tablet (max 1168px) */
2802@media screen and (max-width: 1168px) {
2803  .mega-menu__navigation {
2804    gap: 1.5rem clamp(1.5rem, 5vw, 5rem);
2805  }
2806}
2807
2808/* Small Tablet / Nav (max 1010px) */
2809@media screen and (max-width: 1010px) {
2810  .header__primary-nav {
2811    gap: .625rem 1rem;
2812  }
2813}
2814
2815/* Desktop Scrollbar (min 1000px) */
2816@media only screen and (min-width: 1000px) {
2817  ::-webkit-scrollbar {
2818    width: 9px;
2819  }
2820  ::-webkit-scrollbar-track {
2821    background: #ffffff;
2822  }
2823  ::-webkit-scrollbar-thumb {
2824    background-color: #000000;
2825    border: 2px solid #fff;
2826  }
2827}
2828
2829/* Small Tablet (max 999px) */
2830@media screen and (max-width: 999px) {
2831  ._BubbleLauncher_kmyt1_1 {
2832    display: none !important;
2833  }
2834}
2835
2836/* Tablet to Mobile (max 768px) */
2837@media screen and (max-width: 768px) {
2838  .panda-imageWithText-textBox h2 {
2839    font-size: 1.2rem;
2840  }
2841}
2842
2843/* Desktop Content (min 700px) */
2844@media screen and (min-width: 700px) {
2845  .content-box .h2 {
2846    padding-bottom: 1rem;
2847  }
2848}
2849
2850/* Mobile (max 699px) */
2851@media screen and (max-width: 699px) {
2852  #panda-SizeChart-Btn.panda-size-btn span {
2853    font-size: 0.75rem !important;
2854  }
2855}
2856</style>
2857<script>
2858    
2859</script>
2859
2860
2861<!-- END app snippet -->
2862<!-- BEGIN app snippet: gtm -->
2862<script>
2863  window.mpa_mhcj = {"html_code":"","css_code":"\/* ============================================\n   BASE \u0026 TYPOGRAPHY\n   ============================================ *\/\n\n.h7 {\n  font-size: var(--text-h6);\n}\n\na.h7.link-reversed {\n  font-size: var(--text-h6);\n}\n\n.quick-buy__info .h6,\n.quick-buy__info .h7 {\n  font-family: \"Instrument Sans\", sans-serif;\n  font-weight: 500;\n}\n\nsafe-sticky.product-info h2.product-title.h4 {\n  font-size: 1.75rem;\n}\n\n.cart-offers .h6 {\n  font-size: var(--text-h4);\n}\n\n\n\/* ============================================\n   LAYOUT \u0026 NAVIGATION\n   ============================================ *\/\n\n.content-box__background-media.with-overlay::after {\n  background: linear-gradient(to top, rgba(0,0,0,0.35), transparent 20%) !important;\n  opacity: 1 !important;\n}\n\n.mega-menu__navigation {\n  max-width: 1600px;\n  gap: 1.5rem clamp(1.5rem, 10vw, 10em);\n}\n\n.shopify-policy__container {\n  max-width: 70rem;\n}\n\n.shopify-policy__body h2 {\n  padding-top: 2rem;\n}\n\n\n\/* ============================================\n   BUTTONS\n   ============================================ *\/\n\n.featured-collections-header .button__content,\n.featured-collections-products .button__content {\n  padding-left: 0rem;\n  padding-right: 0rem;\n}\n\n.featured-collections-header .button--outline,\n.featured-collections-products .button--outline {\n  border-color: transparent;\n}\n\n.shopify-pc__banner__dialog button,\n.shopify-pc__prefs__header-actions button {\n  border-radius: 3rem;\n}\n\n.shopify-payment-button__more-options {\n  display: none;\n}\n\n.essential-referral-modal-close button {\n  background: #000000;\n  border-radius: 50%;\n  padding: 8px;\n  border: none;\n  cursor: pointer;\n}\n\n\n\/* ============================================\n   BADGES\n   ============================================ *\/\n\n.badge {\n  font-family: \"Instrument Sans\", sans-serif;\n  border-radius: 5px;\n  padding-left: 0.5rem;\n}\n\n.badge.badge--custom.badge--bio,\n.badge.badge--custom.badge--recycelbar {\n  background: #5d6a4e;\n}\n\n.badge.badge--custom.badge--vorbestellen {\n  background: #023232;\n}\n\n.badge.badge--custom.badge--auslaufartikel {\n  background: #A0826D ;\n}\n\n.badge.badge--on-sale {\n  color: #ffffff;\n}\n\n.badge.vertical-text {\n  padding-top: 0.5rem;\n}\n\n.badge.badge--custom.badge--recycelbar.vertical-text,\n.badge.badge--custom.badge--bio.vertical-text {\n  display: none;\n}\n\n.text-on-sale {\n  color: #C4714A;\n}\n\n\n\/* ============================================\n   PRODUCT CARDS \u0026 IMAGES\n   ============================================ *\/\n\n.product-card__image {\n  transition: opacity .0s cubic-bezier(.4,0,.2,1), transform .2s cubic-bezier(.4,0,.2,1);\n}\n\n.pswp__item {\n  background: #f2f2f2;\n}\n\n\n\/* ============================================\n   CART \u0026 OFFERS\n   ============================================ *\/\n\n.cart-offers__item .content-box__background-media img,\n.cart-offers .offer-item {\n  border-radius: 1rem;\n}\n.cart-offers .h6 {\n  font-size: 1.5rem;\n  font-family: \"Instrument Sans\", sans-serif;\n  font-style: italic;\n}\n\n\n\/* ============================================\n   PANDA SIZE CHART \u0026 RECOMMENDER\n   ============================================ *\/\n\n.panda-sizeChart-btnCont button,\n.panda-sizechart-float button {\n  padding: 0 !important;\n  text-transform: uppercase;\n}\n\n.panda-recommender-icon svg,\n.panda-size-button svg,\n.panda-size-float-icon svg {\n  margin-top: 0 !important;\n}\n\n.panda-conversion-box {\n  margin-top: 10px;\n  margin-bottom: 20px !important;\n}\n\n.panda-Header-center-popup .panda-center-title,\n.panda-popup-header p {\n  font-family: \"Playfair Display\", serif;\n  font-weight: normal !important;\n  text-transform: inherit;\n  font-size: var(--text-h5);\n  color: #000000;\n  letter-spacing: var(--heading-letter-spacing);\n}\n\n.panda-right-drawer .panda-left-drawer-cross-btn svg {\n  margin-top: 15px;\n}\n\n.panda-imageWithText-textBox h2 {\n  font-family: \"Playfair Display\", serif;\n  font-weight: normal !important;\n}\n\n.panda-imageWithText-textBox,\n.panda-imageWithText-imageDiv {\n  margin: auto;\n}\n\n#panda-table-div .panda-table-Item tr td,\n.panda-table-Item thead th {\n  border: 1px solid #F2F2F2 !important;\n}\n\n.panda-popup-header {\n  background: #ffffff;\n  border-bottom: 1px solid #e8e8e8;\n}\n\n.panda-left-drawer-cross-btn svg,\n.panda-right-drawer .panda-left-drawer-cross-btn svg {\n  background: #f2f2f2;\n  padding: 8px;\n}\n\n.panda-popup-header svg path {\n  stroke: #000000 !important;\n  stroke-width: 1;\n}\n\n#panda-header-popup footer {\n  border-top: none;\n  background-color: #ffffff !important;\n}\n\n.panda-table-Item-box th,\n.panda-table-Item-box td {\n  font-weight: 400 !important;\n}\n\n.product-info {\n    --product-block-item-margin: 1.25rem;\n}
2863\n\n.panda-size-button svg {\n    width: 20px;\n    height: 20px;\n}\n\n\n\/* ============================================\n   CHAT BUBBLE\n   ============================================ *\/\n\nbutton._BubbleLauncher_kmyt1_1 {\n  position: absolute !important;\n  margin-bottom: 15px;\n  background: transparent !important;\n  box-shadow: none;\n}\n\n._BubbleLauncher_kmyt1_1 span {\n  font-size: 0.85rem;\n}\n\n\n\/* ============================================\n   WIDERRUF\n   ============================================ *\/\n\nh2.widerruf-title {\nfont-size: 1.2rem;\nfont-family: \"Univers Next\", sans-serif;\n}\n\n\n\/* ============================================\n   ESSENTIAL LOYALTY SECTIONS\n   ============================================ *\/\n\n.essential-ways-to-earn,\n.essential-how-it-works,\n.essential-ways-to-redeem,\n.essential-referral {\n  padding: 150px 0px;\n}\n\n.essential-vip,\n.essential-faq {\n  padding: 150px 15px;\n}\n\n.essential-hiw-activity-table-wrapper table thead,\n.essential-vip-table-th-column-active,\n.essential-vip-progress-bar-line-completed {\n  background: #C4622D;\n}\n\n\n\/* ============================================\n   UTILITIES\n   ============================================ *\/\n\n#shop-hcaptcha-badge-container {\n  display: none !important;\n}\n\n\/* Linie NACH \"Kontakt\" (4. Element im Secondary Menü) *\/\n.menu-drawer__panel-body \u003e ul:last-of-type li:nth-child(7) {\n  border-bottom: 1px solid #e5e5e5;\n  padding-bottom: 22px;\n  margin-bottom: 12px;\n}\n\n\/* ============================================\n   MEDIA QUERIES\n   ============================================ *\/\n\n\/* Desktop Nav (min 1011px) *\/\n@media screen and (min-width: 1011px) {\n  .header__primary-nav {\n    gap: .625rem 1.5rem;\n  }\n}\n\n\/* Large Desktop (max 1920px) *\/\n@media only screen and (max-width: 1920px) {\n  .mega-menu__navigation {\n    gap: 1.5rem clamp(1.5rem, 8vw, 8em);\n  }\n\n  .essential-ways-to-earn,\n  .essential-how-it-works,\n  .essential-ways-to-redeem,\n  .essential-referral {\n    padding: 100px 0px;\n  }\n\n  .essential-vip,\n  .essential-faq {\n    padding: 100px 15px;\n  }\n}\n\n\/* Desktop to Tablet (1000px–1600px) *\/\n@media (min-width: 1000px) and (max-width: 1600px) {\n  .menu-promo {\n    display: none;\n  }\n\n  .mega-menu__navigation {\n    margin-bottom: 2rem;\n    padding-right: 1.5rem;\n  }\n}\n\n\/* Medium Desktop (max 1280px) *\/\n@media screen and (max-width: 1280px) {\n  .essential-ways-to-earn,\n  .essential-how-it-works,\n  .essential-ways-to-redeem,\n  .essential-referral {\n    padding: 50px 0px;\n  }\n\n  .essential-vip,\n  .essential-faq {\n    padding: 50px 15px;\n  }\n}\n\n\/* Tablet (max 1168px) *\/\n@media screen and (max-width: 1168px) {\n  .mega-menu__navigation {\n    gap: 1.5rem clamp(1.5rem, 5vw, 5rem);\n  }\n}\n\n\/* Small Tablet \/ Nav (max 1010px) *\/\n@media screen and (max-width: 1010px) {\n  .header__primary-nav {\n    gap: .625rem 1rem;\n  }\n}\n\n\/* Desktop Scrollbar (min 1000px) *\/\n@media only screen and (min-width: 1000px) {\n  ::-webkit-scrollbar {\n    width: 9px;\n  }\n  ::-webkit-scrollbar-track {\n    background: #ffffff;\n  }\n  ::-webkit-scrollbar-thumb {\n    background-color: #000000;\n    border: 2px solid #fff;\n  }\n}\n\n\/* Small Tablet (max 999px) *\/\n@media screen and (max-width: 999px) {\n  ._BubbleLauncher_kmyt1_1 {\n    display: none !important;\n  }\n}\n\n\/* Tablet to Mobile (max 768px) *\/\n@media screen and (max-width: 768px) {\n  .panda-imageWithText-textBox h2 {\n    font-size: 1.2rem;\n  }\n}\n\n\/* Desktop Content (min 700px) *\/\n@media screen and (min-width: 700px) {\n  .content-box .h2 {\n    padding-bottom: 1rem;\n  }\n}\n\n\/* Mobile (max 699px) *\/\n@media screen and (max-width: 699px) {\n  #panda-SizeChart-Btn.panda-size-btn span {\n    font-size: 0.75rem !important;\n  }\n}","js_code":"","liquid_code":null}  
2864</script>
2864
2865<!-- Google Tag Manager -->
2866<template id="gtm-head">
2867  
2867<script>
vendor: 452 bytes, lines 2867-2879
2867
2868    (function(w, d, s, l, i) {
2869      w[l] = w[l] || [];
2870      w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
2871      var f = d.getElementsByTagName(s)[0],
2872        j = d.createElement(s),
2873        dl = l != 'dataLayer'
2874          ? '&l=' + l
2875          : '';
2876      j.async = true;
2877      j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
2878      f.parentNode.insertBefore(j, f);
2879    })(window, document, 'script', 'dataLayer', '
2879GTM-58PNRNRF
vendor: 6 bytes, lines 2879-2880
2879');
2880  
2880</script>
2880
2881</template>
2882<!-- End Google Tag Manager -->
2883<!-- Google Tag Manager (noscript) -->
2884<template id="gtm-body">
vendor: 81 bytes, lines 2884-2887
2884
2885  <noscript>
2886    <iframe
2887      src="https://www.googletagmanager.com/ns.html?id=
2887GTM-58PNRNRF
vendor: 106 bytes, lines 2887-2892
2887"
2888      height="0"
2889      width="0"
2890      style="display:none;visibility:hidden"></iframe>
2891  </noscript>
2892  
2892<!-- End Google Tag Manager (noscript) -->
2893</template>
2894<script>
2895  if(!window.mpa_melb_gtm_defined){
2896    document.head.appendChild(document.querySelector("#gtm-head").content.cloneNode(true));
2897    document.body.appendChild(document.querySelector("#gtm-body").content.cloneNode(true));
2898    window.mpa_melb_gtm_defined=true;
2899  }
2900</script>
2900<!-- END app snippet -->
2901
2902
2903</div>
2903<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
2903
2904</body>
2905</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.