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&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&width=220 220w, //vividstyles.de/cdn/shop/files/vivid_germany_2024_logo.svg?v=1787221495&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&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&width=220 220w, //vividstyles.de/cdn/shop/files/vivid_germany_2024_logo_w.svg?v=1787221660&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-d26.jpg?v=1785526193&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/strick-herbst-d26.jpg?v=1785526218&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-h26.jpg?v=1785528572&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/strick-herbst-h26.jpg?v=1785528476&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-u26.jpg?v=1785589740&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/huete-herbst-u26.jpg?v=1785593934&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/taschen-herbst-u26.jpg?v=1785593974&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/rucksaecke-herbst-u26.jpg?v=1785593985&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-d26.jpg?v=1785526193&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/strick-herbst-d26.jpg?v=1785526218&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-h26.jpg?v=1785528572&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/strick-herbst-h26.jpg?v=1785528476&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/westen-herbst-u26.jpg?v=1785589740&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/huete-herbst-u26.jpg?v=1785593934&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/taschen-herbst-u26.jpg?v=1785593974&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&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&width=420 420w, //vividstyles.de/cdn/shop/files/rucksaecke-herbst-u26.jpg?v=1785593985&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&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&width=200 200w, //vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&width=400 400w, //vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&width=600 600w, //vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&width=800 800w, //vividstyles.de/cdn/shop/files/newsletter-herbst.jpg?v=1785940656&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&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&width=200 200w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=300 300w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=400 400w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=500 500w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=600 600w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=800 800w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=1000 1000w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=1200 1200w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=1400 1400w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=1600 1600w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&width=1800 1800w, //vividstyles.de/cdn/shop/files/westen-herbst-26.jpg?v=1785427847&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&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&width=300 300w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&width=400 400w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&width=500 500w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&width=600 600w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&width=800 800w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&width=1000 1000w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&width=1200 1200w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&width=1400 1400w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&width=1600 1600w, //vividstyles.de/cdn/shop/files/damen-hosen-herbst-26.jpg?v=1785429700&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&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&width=300 300w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&width=400 400w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&width=500 500w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&width=600 600w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&width=800 800w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&width=1000 1000w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&width=1200 1200w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&width=1400 1400w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&width=1600 1600w, //vividstyles.de/cdn/shop/files/damen-hemden-herbst-26.jpg?v=1785441540&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&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&width=300 300w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&width=400 400w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&width=500 500w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&width=600 600w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&width=800 800w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&width=1000 1000w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&width=1200 1200w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&width=1400 1400w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&width=1600 1600w, //vividstyles.de/cdn/shop/files/herren-hosen-herbst-26.jpg?v=1785493837&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&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&width=300 300w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&width=400 400w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&width=500 500w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&width=600 600w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&width=800 800w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&width=1000 1000w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&width=1200 1200w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&width=1400 1400w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&width=1600 1600w, //vividstyles.de/cdn/shop/files/herren-hemden-herbst-26.jpg?v=1785443838&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&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&width=200 200w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=300 300w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=400 400w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=500 500w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=600 600w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=800 800w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=1000 1000w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=1200 1200w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=1400 1400w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=1600 1600w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&width=1800 1800w, //vividstyles.de/cdn/shop/files/strick-herbst-26.jpg?v=1785428386&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&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&width=300 300w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&width=400 400w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&width=500 500w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&width=600 600w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&width=800 800w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&width=1000 1000w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&width=1200 1200w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&width=1400 1400w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&width=1600 1600w, //vividstyles.de/cdn/shop/files/damen-herbst-26.jpg?v=1785515643&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&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&width=300 300w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&width=400 400w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&width=500 500w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&width=600 600w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&width=800 800w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&width=1000 1000w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&width=1200 1200w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&width=1400 1400w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&width=1600 1600w, //vividstyles.de/cdn/shop/files/herren-herbst-26.jpg?v=1785515451&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&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&width=300 300w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&width=400 400w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&width=500 500w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&width=600 600w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&width=800 800w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&width=1000 1000w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&width=1200 1200w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&width=1400 1400w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&width=1600 1600w, //vividstyles.de/cdn/shop/files/unisex-herbst-26.jpg?v=1785510618&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&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&width=300 300w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&width=400 400w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&width=500 500w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&width=600 600w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&width=800 800w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&width=1000 1000w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&width=1200 1200w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&width=1400 1400w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&width=1600 1600w, //vividstyles.de/cdn/shop/files/accessoires-herbst-26.jpg?v=1785501036&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&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&width=300 300w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&width=400 400w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&width=500 500w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&width=600 600w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&width=800 800w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&width=1000 1000w, //vividstyles.de/cdn/shop/articles/flat-lay--jeans-kombinieren_dafe38d5-0bfc-4e11-9935-94fe34a06262.jpg?v=1784798074&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&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&width=300 300w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&width=400 400w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&width=500 500w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&width=600 600w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&width=800 800w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&width=1000 1000w, //vividstyles.de/cdn/shop/articles/flat-lay_9582f74f-a612-44ab-b150-31b8281a5255.jpg?v=1784796860&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&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&width=300 300w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&width=400 400w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&width=500 500w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&width=600 600w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&width=800 800w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&width=1000 1000w, //vividstyles.de/cdn/shop/articles/vivid_no_ordinary_label_teil_1_5c469064-50ff-4672-aca3-dfa813d92b62.jpg?v=1765236490&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&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&width=300 300w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&width=400 400w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&width=500 500w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&width=600 600w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&width=800 800w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&width=1000 1000w, //vividstyles.de/cdn/shop/articles/sherpa-vorteile_2642913d-b06d-469d-8cc5-e20767653d47.jpg?v=1765023817&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&width=1064" alt="Akzeptierte Zahlungsmethoden: PayPal, Visa, Mastercard, AMEX, Klarna und weitere" srcset="//vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&width=200 200w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&width=300 300w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&width=400 400w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&width=500 500w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&width=600 600w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&width=800 800w, //vividstyles.de/cdn/shop/files/zahlungsicons-banner.svg?v=1789399145&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.