PageSourceSearch

https://www.versacommerce.de/blog

html versacommerce.de collected 2026-10-01 14:38:27 UTC 298,153 bytes, 3,683 lines download raw bytes

1<!doctype html>
2<html lang="de" class="screen-top" style="scroll-behavior: smooth;">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
8    
9<title>
10    
11    Blog
12</title>
13
14
15
16    <meta name="description" content="online marketing blogartikel ecommerce">
17
18
19
20
21    
22
23
24
25
26    
27
28
29
30
31    <link rel="canonical" href="https://www.versacommerce.de/blog">
32
33
34
35
36
37
38
39    
39<script type="application/ld+json" id="schema">
40        
41            {
42                "@context": "http://schema.org",
43                "@type": "Organization",
44                "name": "VersaCommerce Entwicklungs- Und Betriebsgesellschaft mbH",
45                "url": "https://v6-production.versacommerce.de/",
46                "logo": "https://www.versacommerce.de/blog/"
47            }
48        
49    </script>
49
50
51
52
53
54
55
56
57
58<meta property="og:site_name" content="VersaCommerce">
59<meta property="og:type" content="website">
60<meta property="og:locale" content="de_DE">
61
62    <meta property="og:title" content="Blog">
63
64
65    <meta property="og:description" content="online marketing blogartikel ecommerce">
66
67
68
69
70
71    
72        
72<script type="a0cdf1b8f5845f1d2769cf08-text/javascript">
vendor: 324 bytes, line 72
72(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
72GTM-W87NNV9
vendor: 3 bytes, line 72
72');
72</script>
72
73    
74
75    
76    
77
78    
79        <meta name="google-site-verification" content="-6HprUakh4s7pIpgPciUy3N4x8Qk29rH_KoI2dQtDkE" />
80    
81
82    
83
84    
85
86
87    
88
89    <style>
90        /*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e2e0df;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}
90[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
90dow);outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
90dow);outline:2px solid transparent;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}[x-cloak]{display:none!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(/fonts/Inter-Thin.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100;src:url(/fonts/Inter-ThinItalic.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(/fonts/Inter-ExtraLight.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:200;src:url(/fonts/Inter-ExtraLightItalic.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/fonts/Inter-Light.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:300;src:url(/fonts/Inter-LightItalic.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/Inter-Regular.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:400;src:url(/fonts/Inter-Italic.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/fonts/Inter-Medium.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:500;src:url(/fonts/Inter-MediumItalic.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/fonts/Inter-SemiBold.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:600;src:url(/fonts/Inter-SemiBoldItalic.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/Inter-Bold.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:700;src:url(/fonts/Inter-BoldItalic.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(/fonts/Inter-ExtraBold.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:800;src:url(/fonts/Inter-ExtraBoldItalic.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/fonts/Inter-Black.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:900;src:url(/fonts/Inter-BlackItalic.woff2?v=3.19) format("woff2")}@font-face{font-named-instance:"Regular";font-display:swap;font-family:Inter var;font-style:normal;font-weight:100 900;src:url(/fonts/Inter-roman.var.woff2?v=3.19) format("woff2")}@font-face{font-named-instance:"Italic";font-display:swap;font-family:Inter var;font-style:italic;font-weight:100 900;
90src:url(/fonts/Inter-italic.var.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(/fonts/Inter.var.woff2?v=3.19) format("woff2")}@font-face{font-named-instance:"Regular";font-display:swap;font-family:Inter var alt;font-style:normal;font-weight:100 900;src:url(/fonts/Inter-roman.var.woff2?v=3.19) format("woff2")}@font-face{font-named-instance:"Italic";font-display:swap;font-family:Inter var alt;font-style:italic;font-weight:100 900;src:url(/fonts/Inter-italic.var.woff2?v=3.19) format("woff2")}.prose{color:#262626;max-width:65ch}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:#262626;font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:#6e1e10;font-weight:400;text-decoration:underline}.prose :where(a):not(:where([class~=not-prose] *)):hover{color:#e42312}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#374151;
90--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where(video):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}
90.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose-base :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-lg{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-bottom:1.0909091em;margin-top:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose] *)){margin-bottom:1.6666667em;margin-top:1.6666667em;padding-left:1em}.prose-lg :where(h1):not(:where([class~=not-prose] *)){font-size:2.6666667em;line-height:1;margin-bottom:.8333333em;margin-top:0}.prose-lg :where(h2):not(:where([class~=not-prose] *)){font-size:1.6666667em;line-height:1.3333333;margin-bottom:1.0666667em;margin-top:1.8666667em}.prose-lg :where(h3):not(:where([class~=not-prose] *)){font-size:1.3333333em;line-height:1.5;margin-bottom:.6666667em;margin-top:1.6666667em}.prose-lg :where(h4):not(:where([class~=not-prose] *)){line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.7777778em}.prose-lg :where(img):not(:where([class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(video):not(:where([class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(figure):not(:where([class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-lg :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose] *)){border-radius:.375rem;font-size:.8888889em;line-height:1.75;margin-bottom:2em;margin-top:2em;padding:1em 1.5em}.prose-lg :where(ol):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose] *)){margin-bottom:.6666667em;margin-top:.6666667em}.prose-lg :where(ol>
90li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.8888889em;margin-top:.8888889em}.prose-lg :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-bottom:.8888889em;margin-top:.8888889em}.prose-lg :where(hr):not(:where([class~=not-prose] *)){margin-bottom:3.1111111em;margin-top:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}
90.prose-lg :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose] *)){padding-bottom:.75em;padding-left:.75em;padding-right:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.8em;margin-top:.8em}.prose-xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.8333333em;margin-top:.8333333em}.prose-2xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-indigo{--tw-prose-links:#4f46e5;--tw-prose-invert-links:#6366f1}.aspect-h-2{--tw-aspect-h:2}.aspect-h-3{--tw-aspect-h:3}.aspect-h-6{--tw-aspect-h:6}.aspect-h-7{--tw-aspect-h:7}.aspect-w-10{--tw-aspect-w:10;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.aspect-w-10>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.aspect-w-12{--tw-aspect-w:12;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.aspect-w-12>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.aspect-w-3{--tw-aspect-w:3;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.aspect-w-3>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.aspect-w-5{--tw-aspect-w:5;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.aspect-w-5>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.\!-bottom-8{bottom:-2rem!important}.-left-6{left:-1.5rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-12{bottom:3rem}.bottom-30vh{bottom:-30vh}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3\/4{left:75%}.left-60vw{left:60vw}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-1\/2{right:50%}.right-60vw{right:60vw}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-12{top:3rem}.top-20vh{top:-20vh}.top-8{top:2rem}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-1{grid-column:span 1/span 1}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}.float-right{float:right}.\!m-0{margin:0!important}.-m-3{margin:-.75rem}.m-0{margin:0}.m-auto{margin:auto}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-8{margin-left:-2rem;margin-right:-2rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.\!mb-0{margin-bottom:0!important}.\!mt-0{margin-top:0!important}.\!mt-4{margin-top:1rem!important}.-mb-10{margin-bottom:-2.5rem}.-mb-16{margin-bottom:-4rem}
90.-mb-20{margin-bottom:-5rem}.-ml-1{margin-left:-.25rem}.-ml-20{margin-left:-5rem}.-ml-3{margin-left:-.75rem}.-ml-4{margin-left:-1rem}.-ml-48{margin-left:-12rem}.-ml-8{margin-left:-2rem}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mr-20{margin-right:-5rem}.-mr-3{margin-right:-.75rem}.-mr-40{margin-right:-10rem}.-mr-48{margin-right:-12rem}.-mt-20{margin-top:-5rem}.-mt-32{margin-top:-8rem}.-mt-4{margin-top:-1rem}.-mt-6{margin-top:-1.5rem}.-mt-72{margin-top:-18rem}.-mt-8{margin-top:-2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.flow-root{display:flow-root}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0}.h-0\.5{height:.125rem}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-128{height:32rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\/4{height:75%}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-56{height:14rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-60vw{height:60vw}.h-64{height:16rem}.h-7{height:1.75rem}.h-70vw{height:70vw}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-full{height:100%}.h-px{height:1px}.max-h-12{max-height:3rem}.max-h-16{max-height:4rem}.max-h-48{max-height:12rem}.max-h-72{max-height:18rem}.min-h-100{min-height:100px}.min-h-1000{min-height:1000px}.min-h-1010{min-height:1010px}.min-h-1020{min-height:1020px}.min-h-1030{min-height:1030px}.min-h-1040{min-height:1040px}.min-h-1050{min-height:1050px}.min-h-1060{min-height:1060px}.min-h-1070{min-height:1070px}.min-h-1080{min-height:1080px}.min-h-1090{min-height:1090px}.min-h-110{min-height:110px}.min-h-120{min-height:120px}.min-h-130{min-height:130px}.min-h-140{min-height:140px}.min-h-150{min-height:150px}.min-h-160{min-height:160px}.min-h-170{min-height:170px}.min-h-180{min-height:180px}.min-h-190{min-height:190px}.min-h-200{min-height:200px}.min-h-210{min-height:210px}.min-h-220{min-height:220px}.min-h-230{min-height:230px}.min-h-240{min-height:240px}.min-h-250{min-height:250px}.min-h-260{min-height:260px}.min-h-270{min-height:270px}.min-h-280{min-height:280px}.min-h-290{min-height:290px}.min-h-300{min-height:300px}.min-h-310{min-height:310px}.min-h-320{min-height:320px}.min-h-330{min-height:330px}.min-h-340{min-height:340px}.min-h-350{min-height:350px}.min-h-360{min-height:360px}.min-h-370{min-height:370px}.min-h-380{min-height:380px}.min-h-390{min-height:390px}.min-h-40{min-height:40px}.min-h-400{min-height:300px}.min-h-410{min-height:410px}.min-h-420{min-height:420px}.min-h-430{min-height:430px}.min-h-440{min-height:440px}.min-h-450{min-height:450px}.min-h-460{min-height:460px}.min-h-470{min-height:470px}.min-h-480{min-height:480px}.min-h-490{min-height:490px}.min-h-500{min-height:500px}.min-h-510{min-height:510px}.min-h-520{min-height:520px}.min-h-530{min-height:530px}.min-h-540{min-height:540px}.min-h-550{min-height:550px}.min-h-560{min-height:560px}.min-h-570{min-height:570px}.min-h-580{min-height:580px}.min-h-590{min-height:590px}.min-h-60{min-height:60px}.min-h-600{min-height:600px}.min-h-610{min-height:610px}.min-h-620{min-height:620px}.min-h-630{min-height:630px}.min-h-640{min-height:640px}.min-h-650{min-height:650px}.min-h-660{min-height:660px}.min-h-670{min-height:670px}.min-h-680{min-height:680px}.min-h-690{min-height:690px}.min-h-700{min-height:700px}.min-h-710{min-height:710px}.min-h-720{min-height:720px}.min-h-730{min-height:730px}.min-h-740{min-height:740px}.min-h-750{min-height:750px}.min-h-760{min-height:760px}.min-h-770{min-height:770px}.min-h-780{min-height:780px}.min-h-790{min-height:790px}.min-h-80{min-height:80px}.min-h-800{min-height:800px}.min-h-810{min-height:810px}.min-h-820{min-height:820px}.min-h-830{min-height:830px}.min-h-840{min-height:840px}.min-h-850{min-height:850px}.min-h-860{min-height:860px}.min-h-870{min-height:870px}.min-h-880{min-height:880px}.min-h-890{min-height:890px}.min-h-900{min-height:900px}.min-h-910{min-height:910px}.min-h-920{min-height:920px}.min-h-930{min-height:930px}.min-h-940{min-height:940px}.min-h-950{min-height:950px}.min-h-960{min-height:960px}.min-h-970{min-height:970px}.min-h-980{min-height:980px}.min-h-990{min-height:990px}.w-0{width:0}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60vw{width:60vw}.w-64{width:16rem}.w-70vw{width:70vw}.w-8{width:2rem}.w-\[calc\(100\%\+3rem\)\]{width:calc(100% + 3rem)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-prose{max-width:65ch}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-fixed{table-layout:fixed}.origin-top{transform-origin:top}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-1\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/3{--tw-translate-x:-33.333333%}.-translate-x-1\/4{--tw-translate-x:-25%}.-translate-x-1\/4,.-translate-x-2\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-2\/3{--tw-translate-x:-66.666667%}.-translate-x-3{--tw-translate-x:-0.75rem}.-translate-x-3,.-translate-x-32{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-32{--tw-translate-x:-8rem}.-translate-x-8{--tw-translate-x:-2rem}.-translate-x-8,.-translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-0{--tw-translate-y:-0px}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-1\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/3{--tw-translate-y:-33.333333%}.-translate-y-1\/4{--tw-translate-y:-25%}.-translate-y-1\/4,.-translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-24{--tw-translate-y:-6rem}.-translate-y-24,.-translate-y-3\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-3\/4{--tw-translate-y:-75%}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.-translate-y-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-8{--tw-translate-y:-2rem}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-1\/3{--tw-translate-x:33.333333%}.translate-x-1\/3,.translate-x-1\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/4{--tw-translate-x:25%}.translate-x-32{--tw-translate-x:8rem}.translate-x-32,.translate-x-5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-6{--tw-translate-x:1.5rem}.translate-x-6,.translate-x-64{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-64{--tw-translate-x:16rem}.translate-x-80{--tw-translate-x:20rem}.translate-x-80,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-1{--tw-translate-y:0.25rem}.translate-y-1,.translate-y-1\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/3{--tw-translate-y:33.333333%}.translate-y-1\/4{--tw-translate-y:25%}.translate-y-12,.translate-y-1\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y:3rem}.translate-y-16{--tw-translate-y:4rem}.translate-y-16,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.translate-y-6{--tw-translate-y:1.5rem}
90.translate-y-6,.translate-y-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-px{--tw-translate-y:1px}.-rotate-180{--tw-rotate:-180deg}.-rotate-180,.-rotate-20{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-20{--tw-rotate:-20deg}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-20{--tw-rotate:20deg}.rotate-20,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem}.gap-y-20{row-gap:5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.-space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(-1px*var(--tw-space-y-reverse));margin-top:calc(-1px*(1 - var(--tw-space-y-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.5rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4rem*var(--tw-space-y-reverse));margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(2px*var(--tw-divide-y-reverse));border-top-width:calc(2px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 224 223/var(--tw-divide-opacity))}.divide-gray-300>
90:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(212 209 208/var(--tw-divide-opacity))}.divide-gray-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 240 239/var(--tw-divide-opacity))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-20\%{border-radius:20%}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-50\%{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-l-3xl{border-bottom-left-radius:1.5rem;border-top-left-radius:1.5rem}.rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.rounded-r-3xl{border-bottom-right-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl-2xl{border-bottom-left-radius:1rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-2xl{border-bottom-right-radius:1rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dotted{border-style:dotted}.border-gray-100{--tw-border-opacity:1;border-color:rgb(241 240 239/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(226 224 223/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(212 209 208/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(250 211 208/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(244 167 160/var(--tw-border-opacity))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(233 79 65/var(--tw-border-opacity))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(228 35 18/var(--tw-border-opacity))}.border-indigo-700{--tw-border-opacity:1;border-color:rgb(187 35 18/var(--tw-border-opacity))}.border-indigo-900{--tw-border-opacity:1;border-color:rgb(110 30 16/var(--tw-border-opacity))}.border-neutral-400{--tw-border-opacity:1;border-color:rgb(163 163 163/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-opacity-25{--tw-border-opacity:0.25}.\!bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(241 240 239/var(--tw-bg-opacity))!important}.\!bg-gray-300{--tw-bg-opacity:1!important;background-color:rgb(212 209 208/var(--tw-bg-opacity))!important}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(241 240 239/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(226 224 223/var(--tw-bg-opacity))}.bg-gray-200\/95{background-color:hsla(20,5%,88%,.95)}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(212 209 208/var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(241 240 239/var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(251 220 217/var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(250 211 208/var(--tw-bg-opacity))}.bg-indigo-200\/25{background-color:hsla(4,81%,90%,.25)}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(244 167 160/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(253 241 240/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(233 79 65/var(--tw-bg-opacity))}.bg-indigo-500\/60{background-color:rgba(233,79,65,.6)}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(228 35 18/var(--tw-bg-opacity))}.bg-indigo-700{--tw-bg-opacity:1;background-color:rgb(187 35 18/var(--tw-bg-opacity))}.bg-lime-600{--tw-bg-opacity:1;background-color:rgb(101 163 13/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-25{--tw-bg-opacity:0.25}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgba(52,211,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#e42312 var(--tw-gradient-from-position);--tw-gradient-to:rgba(228,35,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-indigo-600{--tw-gradient-to:rgba(228,35,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e42312 var(--tw-gradient-via-p
90osition),var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-bottom{background-position:bottom}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.object-left-top{-o-object-position:left top;object-position:left top}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.\!pb-0{padding-bottom:0!important}.\!pt-0{padding-top:0!important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-100pc{padding-bottom:100%}.pb-10pc{padding-bottom:10%}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-20pc{padding-bottom:20%}.pb-3{padding-bottom:.75rem}.pb-30pc{padding-bottom:30%}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-40pc{padding-bottom:40%}.pb-50pc{padding-bottom:50%}.pb-6{padding-bottom:1.5rem}.pb-60pc{padding-bottom:60%}.pb-64{padding-bottom:16rem}.pb-70pc{padding-bottom:70%}.pb-8{padding-bottom:2rem}.pb-80pc{padding-bottom:80%}.pb-90pc{padding-bottom:90%}.pb-full{padding-bottom:100%}.pl-0{padding-left:0}.pl-20{padding-left:5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-16{padding-right:4rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-64{padding-top:16rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.leading-10{line-height:2.5rem}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity))!important}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(241 240 239/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(226 224 223/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(212 209 208/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity:1;color:rgb(241 240 239/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity))}.text-indigo-100{--tw-text-opacity:1;color:rgb(251 220 217/var(--tw-text-opacity))}.text-indigo-200{--tw-text-opacity:1;color:rgb(250 211 208/var(--tw-text-opacity))}.text-indigo-300{--tw-text-opacity:1;color:rgb(244 167 160/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(239 123 113/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(233 79 65/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(228 35 18/var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity:1;color:rgb(187 35 18/var(--tw-text-opacity))}.text-indigo-800{--tw-text-opacity:1;color:rgb(148 34 18/var(--tw-text-opacity))}.text-indigo-900{--tw-text-opacity:1;color:rgb(110 30 16/var(--tw-text-opacity))}.text-lime-500{--tw-text-opacity:1;color:rgb(132 204 22/var(--tw-text-opacity))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity))}.text-neutral-800{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity))}.text-opacity-40{--tw-text-opacity:0.4}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.\!no-underline{text-decoration-line:none!important}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.opacity-0{opacity:0}
90.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
90dow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
90dow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-lg,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.glide{box-sizing:border-box;position:relative;width:100%}.glide *{box-sizing:inherit}.glide__slides,.glide__track{overflow:hidden}.glide__slides{backface-visibility:hidden;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0;position:relative;touch-action:pan-Y;transform-style:preserve-3d;white-space:nowrap;width:100%;will-change:transform}.glide__slide,.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide__slide{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex-shrink:0;height:100%;white-space:normal;width:100%}.glide__slide a{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide--rtl{direction:rtl}.glide__arrow{background-color:transparent;border:2px solid hsla(0,0%,100%,.5);border-radius:4px;box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:block;line-height:1;opacity:1;padding:9px 12px;position:absolute;text-shadow:0 .25em .5em rgba(0,0,0,.1);text-transform:uppercase;top:50%;transform:translateY(-50%);transition:opacity .15s ease,border .3s ease-in-out;z-index:2}.glide__arrow:focus{outline:none}.glide__arrow:hover{border-color:#fff}.glide__arrow--left{left:2em}.glide__arrow--right{right:2em}.glide__arrow--disabled{opacity:.33}.glide__bullets{bottom:2em;display:inline-flex;left:50%;list-style:none;position:absolute;transform:translateX(-50%);z-index:2}.glide__bullet{background-color:hsla(0,0%,100%,.5);border:2px solid transparent;border-radius:50%;box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);cursor:pointer;height:9px;line-height:0;margin:0 .25em;padding:0;transition:all .3s ease-in-out;width:9px}.glide__bullet:focus{outline:none}.glide__bullet:focus,.glide__bullet:hover{background-color:hsla(0,0%,100%,.5);border:2px solid #fff}.glide__bullet--active{background-color:#fff}.glide--swipeable{cursor:grab;cursor:-webkit-grab}.glide--dragging{cursor:grabbing;cursor:-webkit-grabbing}@media (min-width:640px){.sm\:aspect-h-1{--tw-aspect-h:1}.sm\:aspect-h-4{--tw-aspect-h:4}.sm\:aspect-h-7{--tw-aspect-h:7}.sm\:aspect-w-16{--tw-aspect-w:16;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.sm\:aspect-w-16>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.sm\:aspect-w-2{--tw-aspect-w:2;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.sm\:aspect-w-2>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.sm\:aspect-w-3{--tw-aspect-w:3;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.sm\:aspect-w-3>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}}@media (min-width:768px){.md\:aspect-h-1{--tw-aspect-h:1}.md\:aspect-w-2{--tw-aspect-w:2;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.md\:aspect-w-2>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}}@media (min-width:1024px){.lg\:aspect-w-1{--tw-aspect-w:1;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);position:relative}.lg\:aspect-w-1>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.lg\:aspect-none{padding-bottom:0;position:static}.lg\:aspect-none>*{bottom:auto;height:auto;left:auto;position:static;right:auto;top:auto;width:auto}}.hover\:scale-102:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:scale-102:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(212 209 208/var(--tw-border-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(241 240 239/var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(212 209 208/var(--tw-bg-opacity))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(241 240 239/var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity))}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(251 220 217/var(--tw-bg-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(250 211 208/var(--tw-bg-opacity))}.hover\:bg-indigo-400:hover{--tw-bg-opacity:1;background-color:rgb(239 123 113/var(--tw-bg-opacity))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(253 241 240/var(--tw-bg-opacity))}.hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgb(233 79 65/var(--tw-bg-opacity))}.hover\:bg-indigo-500\/70:hover{background-color:rgba(233,79,65,.7)}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(228 35 18/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(187 35 18/var(--tw-bg-opacity))}.hover\:bg-indigo-800:hover{--tw-bg-opacity:1;background-color:rgb(148 34 18/var(--tw-bg-opacity))}.hover\:bg-lime-700:hover{--tw-bg-opacity:1;background-color:rgb(77 124 15/var(--tw-bg-opacity))}.hover\:bg-opacity-70:hover{--tw-bg-opacity:0.7}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(226 224 223/var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(212 209 208/var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgb(233 79 65/var(--tw-text-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(228 35 18/var(--tw-text-opacity))}.hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(187 35 18/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-70:hover{opacity:.7}.focus\:z-10:focus{z-index:10}.focus\:border-gray-500:focus{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.focus\:border-indigo-300:focus{--tw-border-opacity:1;border-color:rgb(244 167 160/var(--tw-border-opacity))}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(233 79 65/var(--tw-border-opacity))}.focus\:border-indigo-700:focus{--tw-border-opacity:1;border-color:rgb(187 35 18/var(--tw-border-opacity))}.focus\:border-lime-500:focus{--tw-border-opacity:1;border-color:rgb(132 204 22/var(--tw-border-opacity))}.focus\:border-transparent:focus{border-color:transparent}.focus\:border-white:focus{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.focus\:placeholder-gray-400:focus::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.focus\:placeholder-gray-400:focus::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
90dow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(212 209 208/var(--tw-ring-opacity))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity))}.focus\:ring-green-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 150 105/var(--tw-ring-opacity))}.focus\:ring-indigo-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(244 167 160/var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(233 79 65/var(--tw-ring-opacity))}.focus\:ring-indigo-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(228 35 18/var(--tw-ring-opacity))}.focus\:ring-lime-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(132 204 22/var(--tw-ring-opacity))}.focus\:ring-red-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity))}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-gray-800:focus{--tw-ring-offset-color:#1f2937}.focus\:ring-offset-gray-900:focus{--tw-ring-offset-color:#111827}.focus\:ring-offset-green-50:focus{--tw-ring-offset-color:#ecfdf5}.focus\:ring-offset-indigo-600:focus{--tw-ring-offset-color:#e42312}.focus\:ring-offset-indigo-700:focus{--tw-ring-offset-color:#bb2312}.focus\:ring-offset-red-50:focus{--tw-ring-offset-color:#fef2f2}.group:hover .group-hover\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (min-width:640px){.sm\:absolute{position:absolute}.sm\:relative{position:relative}.sm\:inset-y-0{bottom:0;top:0}.sm\:top-0{top:0}.sm\:order-2{order:2}.sm\:order-3{order:3}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:-mb-24{margin-bottom:-6rem}.sm\:-mb-48{margin-bottom:-12rem}.sm\:-mr-2{margin-right:-.5rem}.sm\:-mt-32{margin-top:-8rem}.sm\:-mt-8{margin-top:-2rem}.sm\:ml-2{margin-left:.5rem}.sm\:ml-24{margin-left:6rem}.sm\:ml-3{margin-left:.75rem}.sm\:ml-4{margin-left:1rem}.sm\:ml-8{margin-left:2rem}.sm\:mt-0{margin-top:0}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-16{margin-top:4rem}.sm\:mt-24{margin-top:6rem}.sm\:mt-3{margin-top:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-5{margin-top:1.25rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:inline-grid{display:inline-grid}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-12{height:3rem}.sm\:h-2\/3{height:66.666667%}.sm\:h-20{height:5rem}.sm\:h-6{height:1.5rem}.sm\:h-72{height:18rem}.sm\:h-8{height:2rem}.sm\:h-full{height:100%}.sm\:h-screen{height:100vh}.sm\:w-12{width:3rem}.sm\:w-20{width:5rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-none{max-width:none}.sm\:max-w-xl{max-width:36rem}.sm\:max-w-xs{max-width:20rem}.sm\:flex-1{flex:1 1 0%}.sm\:shrink-0{flex-shrink:0}.sm\:-translate-x-1\/2{--tw-translate-x:-50%}.sm\:-translate-x-1\/2,.sm\:-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:-translate-y-1\/2{--tw-translate-y:-50%}.sm\:translate-x-1\/2{--tw-translate-x:50%}.sm\:translate-x-16,.sm\:translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-x-16{--tw-translate-x:4rem}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.sm\:scale-95,.sm\:transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-flow-col{grid-auto-flow:column}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}
90.sm\:items-baseline{align-items:baseline}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-12{gap:3rem}.sm\:gap-16{gap:4rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.sm\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.sm\:gap-y-10{row-gap:2.5rem}.sm\:gap-y-12{row-gap:3rem}.sm\:gap-y-8{row-gap:2rem}.sm\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.5rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.sm\:divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.sm\:divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 224 223/var(--tw-divide-opacity))}.sm\:overflow-hidden{overflow:hidden}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-sm{border-radius:.125rem}.sm\:border-0{border-width:0}.sm\:border-l{border-left-width:1px}.sm\:border-r{border-right-width:1px}.sm\:p-10{padding:2.5rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.sm\:py-12{padding-bottom:3rem;padding-top:3rem}.sm\:py-16{padding-bottom:4rem;padding-top:4rem}.sm\:py-20{padding-bottom:5rem;padding-top:5rem}.sm\:py-24{padding-bottom:6rem;padding-top:6rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:py-32{padding-bottom:8rem;padding-top:8rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.sm\:py-8{padding-bottom:2rem;padding-top:2rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pb-16{padding-bottom:4rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-24{padding-bottom:6rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pb-64{padding-bottom:16rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pl-1{padding-left:.25rem}.sm\:pl-12{padding-left:3rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pr-10{padding-right:2.5rem}.sm\:pr-2{padding-right:.5rem}.sm\:pr-6{padding-right:1.5rem}.sm\:pt-1{padding-top:.25rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-12{padding-top:3rem}.sm\:pt-16{padding-top:4rem}.sm\:pt-20{padding-top:5rem}.sm\:pt-24{padding-top:6rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-center{text-align:center}.sm\:align-middle{vertical-align:middle}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:leading-none{line-height:1}.sm\:tracking-tight{letter-spacing:-.025em}}@media (min-width:768px){.md\:static{position:static}.md\:absolute{position:absolute}.md\:inset-x-2{left:.5rem;right:.5rem}.md\:inset-y-0{bottom:0;top:0}.md\:left-0{left:0}.md\:right-0{right:0}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-start-2{grid-column-start:2}.md\:col-start-3{grid-column-start:3}.md\:col-start-4{grid-column-start:4}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:-ml-16{margin-left:-4rem}.md\:-mr-16{margin-right:-4rem}.md\:mb-0{margin-bottom:0}.md\:mb-2{margin-bottom:.5rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:ml-10{margin-left:2.5rem}.md\:ml-12{margin-left:3rem}.md\:ml-4{margin-left:1rem}.md\:ml-auto{margin-left:auto}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-14{margin-top:3.5rem}.md\:mt-16{margin-top:4rem}.md\:mt-5{margin-top:1.25rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:inline{display:inline}.md\:\!flex{display:flex!important}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-8{height:2rem}.md\:h-96{height:24rem}.md\:h-full{height:100%}.md\:min-h-100{min-height:100px}.md\:min-h-1000{min-height:1000px}.md\:min-h-1010{min-height:1010px}.md\:min-h-1020{min-height:1020px}.md\:min-h-1030{min-height:1030px}.md\:min-h-1040{min-height:1040px}.md\:min-h-1050{min-height:1050px}.md\:min-h-1060{min-height:1060px}
90.md\:min-h-1070{min-height:1070px}.md\:min-h-1080{min-height:1080px}.md\:min-h-1090{min-height:1090px}.md\:min-h-110{min-height:110px}.md\:min-h-120{min-height:120px}.md\:min-h-130{min-height:130px}.md\:min-h-140{min-height:140px}.md\:min-h-150{min-height:150px}.md\:min-h-160{min-height:160px}.md\:min-h-170{min-height:170px}.md\:min-h-180{min-height:180px}.md\:min-h-190{min-height:190px}.md\:min-h-200{min-height:200px}.md\:min-h-210{min-height:210px}.md\:min-h-220{min-height:220px}.md\:min-h-230{min-height:230px}.md\:min-h-240{min-height:240px}.md\:min-h-250{min-height:250px}.md\:min-h-260{min-height:260px}.md\:min-h-270{min-height:270px}.md\:min-h-280{min-height:280px}.md\:min-h-290{min-height:290px}.md\:min-h-300{min-height:300px}.md\:min-h-310{min-height:310px}.md\:min-h-320{min-height:320px}.md\:min-h-330{min-height:330px}.md\:min-h-340{min-height:340px}.md\:min-h-350{min-height:350px}.md\:min-h-360{min-height:360px}.md\:min-h-370{min-height:370px}.md\:min-h-380{min-height:380px}.md\:min-h-390{min-height:390px}.md\:min-h-40{min-height:40px}.md\:min-h-400{min-height:300px}.md\:min-h-410{min-height:410px}.md\:min-h-420{min-height:420px}.md\:min-h-430{min-height:430px}.md\:min-h-440{min-height:440px}.md\:min-h-450{min-height:450px}.md\:min-h-460{min-height:460px}.md\:min-h-470{min-height:470px}.md\:min-h-480{min-height:480px}.md\:min-h-490{min-height:490px}.md\:min-h-500{min-height:500px}.md\:min-h-510{min-height:510px}.md\:min-h-520{min-height:520px}.md\:min-h-530{min-height:530px}.md\:min-h-540{min-height:540px}.md\:min-h-550{min-height:550px}.md\:min-h-560{min-height:560px}.md\:min-h-570{min-height:570px}.md\:min-h-580{min-height:580px}.md\:min-h-590{min-height:590px}.md\:min-h-60{min-height:60px}.md\:min-h-600{min-height:600px}.md\:min-h-610{min-height:610px}.md\:min-h-620{min-height:620px}.md\:min-h-630{min-height:630px}.md\:min-h-640{min-height:640px}.md\:min-h-650{min-height:650px}.md\:min-h-660{min-height:660px}.md\:min-h-670{min-height:670px}.md\:min-h-680{min-height:680px}.md\:min-h-690{min-height:690px}.md\:min-h-700{min-height:700px}.md\:min-h-710{min-height:710px}.md\:min-h-720{min-height:720px}.md\:min-h-730{min-height:730px}.md\:min-h-740{min-height:740px}.md\:min-h-750{min-height:750px}.md\:min-h-760{min-height:760px}.md\:min-h-770{min-height:770px}.md\:min-h-780{min-height:780px}.md\:min-h-790{min-height:790px}.md\:min-h-80{min-height:80px}.md\:min-h-800{min-height:800px}.md\:min-h-810{min-height:810px}.md\:min-h-820{min-height:820px}.md\:min-h-830{min-height:830px}.md\:min-h-840{min-height:840px}.md\:min-h-850{min-height:850px}.md\:min-h-860{min-height:860px}.md\:min-h-870{min-height:870px}.md\:min-h-880{min-height:880px}.md\:min-h-890{min-height:890px}.md\:min-h-900{min-height:900px}.md\:min-h-910{min-height:910px}.md\:min-h-920{min-height:920px}.md\:min-h-930{min-height:930px}.md\:min-h-940{min-height:940px}.md\:min-h-950{min-height:950px}.md\:min-h-960{min-height:960px}.md\:min-h-970{min-height:970px}.md\:min-h-980{min-height:980px}.md\:min-h-990{min-height:990px}.md\:w-1\/2{width:50%}.md\:w-24{width:6rem}.md\:w-8{width:2rem}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:42rem}.md\:max-w-3xl{max-width:48rem}.md\:max-w-none{max-width:none}.md\:max-w-xl{max-width:36rem}.md\:flex-1{flex:1 1 0%}.md\:shrink-0{flex-shrink:0}.md\:flex-grow{flex-grow:1}.md\:-translate-y-1\/2{--tw-translate-y:-50%}.md\:-translate-y-1\/2,.md\:translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:translate-y-1\/2{--tw-translate-y:50%}.md\:auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}
90.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0}.md\:gap-10{gap:2.5rem}.md\:gap-8{gap:2rem}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-10{row-gap:2.5rem}.md\:gap-y-12{row-gap:3rem}.md\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.5rem*var(--tw-space-x-reverse))}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:self-center{align-self:center}.md\:border-0{border-width:0}.md\:border-b-2{border-bottom-width:2px}.md\:border-l{border-left-width:1px}.md\:border-r{border-right-width:1px}.md\:border-t-0{border-top-width:0}.md\:border-t-2{border-top-width:2px}.md\:border-gray-200{--tw-border-opacity:1;border-color:rgb(226 224 223/var(--tw-border-opacity))}.md\:border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.md\:border-indigo-700{--tw-border-opacity:1;border-color:rgb(187 35 18/var(--tw-border-opacity))}.md\:border-indigo-900{--tw-border-opacity:1;border-color:rgb(110 30 16/var(--tw-border-opacity))}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:p-2{padding:.5rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-0{padding-bottom:0;padding-top:0}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:py-16{padding-bottom:4rem;padding-top:4rem}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:py-48{padding-bottom:12rem;padding-top:12rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:pb-20{padding-bottom:5rem}.md\:pb-4{padding-bottom:1rem}.md\:pl-0{padding-left:0}.md\:pl-10{padding-left:2.5rem}.md\:pl-4{padding-left:1rem}.md\:pl-5{padding-left:1.25rem}.md\:pr-0{padding-right:0}.md\:pr-10{padding-right:2.5rem}.md\:pr-4{padding-right:1rem}.md\:pr-6{padding-right:1.5rem}.md\:pr-8{padding-right:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:font-medium{font-weight:500}.md\:text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.md\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
90--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.md\:hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(241 240 239/var(--tw-bg-opacity))}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:inset-0{inset:0}.lg\:inset-y-0{bottom:0;top:0}.lg\:-right-8{right:-2rem}.lg\:bottom-1\/2{bottom:50%}.lg\:left-0{left:0}.lg\:left-1\/2{left:50%}.lg\:left-80{left:20rem}.lg\:left-auto{left:auto}.lg\:right-0{right:0}.lg\:right-72{right:18rem}.lg\:right-auto{right:auto}.lg\:right-full{right:100%}.lg\:top-12{top:3rem}.lg\:top-auto{top:auto}.lg\:z-10{z-index:10}.lg\:order-none{order:0}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-3{grid-column-end:3}.lg\:col-end-6{grid-column-end:6}.lg\:col-end-8{grid-column-end:8}.lg\:row-start-1{grid-row-start:1}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-3{grid-row-end:3}.lg\:row-end-4{grid-row-end:4}.lg\:m-0{margin:0}.lg\:-my-8{margin-bottom:-2rem;margin-top:-2rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:my-4{margin-bottom:1rem;margin-top:1rem}.lg\:-mb-80{margin-bottom:-20rem}.lg\:-ml-4{margin-left:-1rem}.lg\:mb-16{margin-bottom:4rem}.lg\:mb-8{margin-bottom:2rem}.lg\:ml-0{margin-left:0}.lg\:ml-10{margin-left:2.5rem}.lg\:ml-2{margin-left:.5rem}.lg\:ml-4{margin-left:1rem}.lg\:ml-8{margin-left:2rem}.lg\:ml-auto{margin-left:auto}.lg\:mr-0{margin-right:0}.lg\:mr-auto{margin-right:auto}.lg\:mt-0{margin-top:0}.lg\:mt-10{margin-top:2.5rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-20{margin-top:5rem}.lg\:mt-24{margin-top:6rem}.lg\:mt-32{margin-top:8rem}.lg\:mt-4{margin-top:1rem}.lg\:mt-5{margin-top:1.25rem}.lg\:mt-6{margin-top:1.5rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-0{height:0}.lg\:h-10{height:2.5rem}.lg\:h-2\/3{height:66.666667%}.lg\:h-20{height:5rem}.lg\:h-24{height:6rem}.lg\:h-5{height:1.25rem}.lg\:h-8{height:2rem}.lg\:h-full{height:100%}.lg\:max-h-48{max-height:12rem}.lg\:max-h-96{max-height:24rem}.lg\:min-h-100{min-height:100px}.lg\:min-h-1000{min-height:1000px}.lg\:min-h-1010{min-height:1010px}.lg\:min-h-1020{min-height:1020px}.lg\:min-h-1030{min-height:1030px}.lg\:min-h-1040{min-height:1040px}.lg\:min-h-1050{min-height:1050px}.lg\:min-h-1060{min-height:1060px}.lg\:min-h-1070{min-height:1070px}.lg\:min-h-1080{min-height:1080px}.lg\:min-h-1090{min-height:1090px}.lg\:min-h-110{min-height:110px}.lg\:min-h-120{min-height:120px}.lg\:min-h-130{min-height:130px}.lg\:min-h-140{min-height:140px}.lg\:min-h-150{min-height:150px}.lg\:min-h-160{min-height:160px}.lg\:min-h-170{min-height:170px}.lg\:min-h-180{min-height:180px}.lg\:min-h-190{min-height:190px}.lg\:min-h-200{min-height:200px}.lg\:min-h-210{min-height:210px}.lg\:min-h-220{min-height:220px}.lg\:min-h-230{min-height:230px}.lg\:min-h-240{min-height:240px}.lg\:min-h-250{min-height:250px}.lg\:min-h-260{min-height:260px}.lg\:min-h-270{min-height:270px}.lg\:min-h-280{min-height:280px}.lg\:min-h-290{min-height:290px}.lg\:min-h-300{min-height:300px}.lg\:min-h-310{min-height:310px}.lg\:min-h-320{min-height:320px}.lg\:min-h-330{min-height:330px}.lg\:min-h-340{min-height:340px}.lg\:min-h-350{min-height:350px}.lg\:min-h-360{min-height:360px}.lg\:min-h-370{min-height:370px}.lg\:min-h-380{min-height:380px}.lg\:min-h-390{min-height:390px}.lg\:min-h-40{min-height:40px}.lg\:min-h-400{min-height:300px}.lg\:min-h-410{min-height:410px}.lg\:min-h-420{min-height:420px}.lg\:min-h-430{min-height:430px}.lg\:min-h-440{min-height:440px}.lg\:min-h-450{min-height:450px}.lg\:min-h-460{min-height:460px}.lg\:min-h-470{min-height:470px}.lg\:min-h-480{min-height:480px}.lg\:min-h-490{min-height:490px}.lg\:min-h-500{min-height:500px}.lg\:min-h-510{min-height:510px}.lg\:min-h-520{min-height:520px}.lg\:min-h-530{min-height:530px}.lg\:min-h-540{min-height:540px}.lg\:min-h-550{min-height:550px}.lg\:min-h-560{min-height:560px}.lg\:min-h-570{min-height:570px}.lg\:min-h-580{min-height:580px}.lg\:min-h-590{min-height:590px}.lg\:min-h-60{min-height:60px}.lg\:min-h-600{min-height:600px}.lg\:min-h-610{min-height:610px}.lg\:min-h-620{min-height:620px}.lg\:min-h-630{min-height:630px}.lg\:min-h-640{min-height:640px}.lg\:min-h-650{min-height:650px}.lg\:min-h-660{min-height:660px}.lg\:min-h-670{min-height:670px}.lg\:min-h-680{min-height:680px}.lg\:min-h-690{min-height:690px}.lg\:min-h-700{min-height:700px}.lg\:min-h-710{min-height:710px}.lg\:min-h-720{min-height:720px}.lg\:min-h-730{min-height:730px}.lg\:min-h-740{min-height:740px}.lg\:min-h-750{min-height:750px}.lg\:min-h-760{min-height:760px}.lg\:min-h-770{min-height:770px}.lg\:min-h-780{min-height:780px}.lg\:min-h-790{min-height:790px}.lg\:min-h-80{min-height:80px}.lg\:min-h-800{min-height:800px}.lg\:min-h-810{min-height:810px}.lg\:min-h-820{min-height:820px}.lg\:min-h-830{min-height:830px}.lg\:min-h-840{min-height:840px}.lg\:min-h-850{min-height:850px}.lg\:min-h-860{min-height:860px}.lg\:min-h-870{min-height:870px}.lg\:min-h-880{min-height:880px}.lg\:min-h-890{min-height:890px}.lg\:min-h-900{min-height:900px}.lg\:min-h-910{min-height:910px}.lg\:min-h-920{min-height:920px}.lg\:min-h-930{min-height:930px}.lg\:min-h-940{min-height:940px}.lg\:min-h-950{min-height:950px}.lg\:min-h-960{min-height:960px}.lg\:min-h-970{min-height:970px}.lg\:min-h-980{min-height:980px}.lg\:min-h-990{min-height:990px}.lg\:w-0{width:0}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-20{width:5rem}.lg\:w-24{width:6rem}.lg\:w-5{width:1.25rem}.lg\:w-72{width:18rem}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:w-screen{width:100vw}.lg\:max-w-2xl{max-width:42rem}.lg\:max-w-3xl{max-width:48rem}.lg\:max-w-4xl{max-width:56rem}.lg\:max-w-5xl{max-width:64rem}.lg\:max-w-7xl{max-width:80rem}.lg\:max-w-lg{max-width:32rem}.lg\:max-w-md{max-width:28rem}.lg\:max-w-none{max-width:none}.lg\:max-w-xl{max-width:36rem}.lg\:max-w-xs{max-width:20rem}.lg\:flex-1{flex:1 1 0%}.lg\:shrink-0{flex-shrink:0}.lg\:grow-0{flex-grow:0}.lg\:-translate-x-1\/2{--tw-translate-x:-50%}.lg\:-translate-x-1\/2,.lg\:-translate-x-3\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:-translate-x-3\/4{--tw-translate-x:-75%}.lg\:translate-x-1\/2{--tw-translate-x:50%}.lg\:translate-x-1\/2,.lg\:translate-x-2\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:translate-x-2\/3{--tw-translate-x:66.666667%}.lg\:translate-x-full{--tw-translate-x:100%}.lg\:translate-x-full,.lg\:translate-y-1\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:translate-y-1\/4{--tw-translate-y:25%}.lg\:translate-y-20{--tw-translate-y:5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-flow-row-dense{grid-auto-flow:row dense}.lg\:grid-flow-col-dense{grid-auto-flow:column dense}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-16{gap:4rem}.lg\:gap-24{gap:6rem}.lg\:gap-4{gap:1rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.lg\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:gap-y-0{row-gap:0}.lg\:gap-y-12{row-gap:3rem}.lg\:gap-y-16{row-gap:4rem}.lg\:gap-y-5{row-gap:1.25rem}.lg\:gap-y-8{row-gap:2rem}.lg\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2.5rem*var(--tw-space-x-reverse))}.lg\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.lg\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}
90.lg\:self-center{align-self:center}.lg\:overflow-hidden{overflow:hidden}.lg\:rounded-3xl{border-radius:1.5rem}.lg\:rounded-none{border-radius:0}.lg\:rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.lg\:rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.lg\:border-b-0{border-bottom-width:0}.lg\:bg-transparent{background-color:transparent}.lg\:p-0{padding:0}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:p-4{padding:1rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:py-12{padding-bottom:3rem;padding-top:3rem}.lg\:py-16{padding-bottom:4rem;padding-top:4rem}.lg\:py-20{padding-bottom:5rem;padding-top:5rem}.lg\:py-24{padding-bottom:6rem;padding-top:6rem}.lg\:py-32{padding-bottom:8rem;padding-top:8rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:py-48{padding-bottom:12rem;padding-top:12rem}.lg\:py-72{padding-bottom:18rem;padding-top:18rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}.lg\:pb-0{padding-bottom:0}.lg\:pb-12{padding-bottom:3rem}.lg\:pb-14{padding-bottom:3.5rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pb-20{padding-bottom:5rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-28{padding-bottom:7rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pb-8{padding-bottom:2rem}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-12{padding-left:3rem}.lg\:pl-16{padding-left:4rem}.lg\:pl-8{padding-left:2rem}.lg\:pr-0{padding-right:0}.lg\:pr-16{padding-right:4rem}.lg\:pr-72{padding-right:18rem}.lg\:pr-8{padding-right:2rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-24{padding-top:6rem}.lg\:pt-32{padding-top:8rem}.lg\:pt-8{padding-top:2rem}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1280px){.xl\:absolute{position:absolute}.xl\:relative{position:relative}.xl\:inset-0{inset:0}.xl\:inset-y-0{bottom:0;top:0}.xl\:bottom-auto{bottom:auto}.xl\:left-0{left:0}.xl\:right-0{right:0}.xl\:top-0{top:0}.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-start-1{grid-column-start:1}.xl\:col-start-2{grid-column-start:2}.xl\:mx-0{margin-left:0;margin-right:0}.xl\:-mr-20{margin-right:-5rem}.xl\:-mt-20{margin-top:-5rem}.xl\:ml-8{margin-left:2rem}.xl\:mt-0{margin-top:0}.xl\:mt-28{margin-top:7rem}.xl\:inline{display:inline}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:h-56{height:14rem}.xl\:h-80{height:20rem}.xl\:h-auto{height:auto}.xl\:h-full{height:100%}.xl\:min-h-100{min-height:100px}.xl\:min-h-1000{min-height:1000px}.xl\:min-h-1010{min-height:1010px}.xl\:min-h-1020{min-height:1020px}.xl\:min-h-1030{min-height:1030px}.xl\:min-h-1040{min-height:1040px}.xl\:min-h-1050{min-height:1050px}.xl\:min-h-1060{min-height:1060px}.xl\:min-h-1070{min-height:1070px}.xl\:min-h-1080{min-height:1080px}.xl\:min-h-1090{min-height:1090px}.xl\:min-h-110{min-height:110px}.xl\:min-h-120{min-height:120px}.xl\:min-h-130{min-height:130px}.xl\:min-h-140{min-height:140px}.xl\:min-h-150{min-height:150px}.xl\:min-h-160{min-height:160px}.xl\:min-h-170{min-height:170px}.xl\:min-h-180{min-height:180px}.xl\:min-h-190{min-height:190px}.xl\:min-h-200{min-height:200px}.xl\:min-h-210{min-height:210px}.xl\:min-h-220{min-height:220px}.xl\:min-h-230{min-height:230px}.xl\:min-h-240{min-height:240px}.xl\:min-h-250{min-height:250px}.xl\:min-h-260{min-height:260px}.xl\:min-h-270{min-height:270px}.xl\:min-h-280{min-height:280px}.xl\:min-h-290{min-height:290px}.xl\:min-h-300{min-height:300px}.xl\:min-h-310{min-height:310px}.xl\:min-h-320{min-height:320px}.xl\:min-h-330{min-height:330px}.xl\:min-h-340{min-height:340px}.xl\:min-h-350{min-height:350px}.xl\:min-h-360{min-height:360px}.xl\:min-h-370{min-height:370px}.xl\:min-h-380{min-height:380px}.xl\:min-h-390{min-height:390px}.xl\:min-h-40{min-height:40px}.xl\:min-h-400{min-height:300px}.xl\:min-h-410{min-height:410px}.xl\:min-h-420{min-height:420px}.xl\:min-h-430{min-height:430px}.xl\:min-h-440{min-height:440px}.xl\:min-h-450{min-height:450px}.xl\:min-h-460{min-height:460px}.xl\:min-h-470{min-height:470px}.xl\:min-h-480{min-height:480px}.xl\:min-h-490{min-height:490px}.xl\:min-h-500{min-height:500px}.xl\:min-h-510{min-height:510px}.xl\:min-h-520{min-height:520px}.xl\:min-h-530{min-height:530px}.xl\:min-h-540{min-height:540px}.xl\:min-h-550{min-height:550px}.xl\:min-h-560{min-height:560px}.xl\:min-h-570{min-height:570px}.xl\:min-h-580{min-height:580px}.xl\:min-h-590{min-height:590px}.xl\:min-h-60{min-height:60px}.xl\:min-h-600{min-height:600px}.xl\:min-h-610{min-height:610px}.xl\:min-h-620{min-height:620px}.xl\:min-h-630{min-height:630px}.xl\:min-h-640{min-height:640px}.xl\:min-h-650{min-height:650px}.xl\:min-h-660{min-height:660px}.xl\:min-h-670{min-height:670px}.xl\:min-h-680{min-height:680px}.xl\:min-h-690{min-height:690px}.xl\:min-h-700{min-height:700px}.xl\:min-h-710{min-height:710px}.xl\:min-h-720{min-height:720px}.xl\:min-h-730{min-height:730px}.xl\:min-h-740{min-height:740px}.xl\:min-h-750{min-height:750px}.xl\:min-h-760{min-height:760px}.xl\:min-h-770{min-height:770px}.xl\:min-h-780{min-height:780px}.xl\:min-h-790{min-height:790px}.xl\:min-h-80{min-height:80px}.xl\:min-h-800{min-height:800px}.xl\:min-h-810{min-height:810px}.xl\:min-h-820{min-height:820px}.xl\:min-h-830{min-height:830px}.xl\:min-h-840{min-height:840px}.xl\:min-h-850{min-height:850px}.xl\:min-h-860{min-height:860px}.xl\:min-h-870{min-height:870px}.xl\:min-h-880{min-height:880px}.xl\:min-h-890{min-height:890px}.xl\:min-h-900{min-height:900px}.xl\:min-h-910{min-height:910px}.xl\:min-h-920{min-height:920px}.xl\:min-h-930{min-height:930px}.xl\:min-h-940{min-height:940px}.xl\:min-h-950{min-height:950px}.xl\:min-h-960{min-height:960px}.xl\:min-h-970{min-height:970px}.xl\:min-h-980{min-height:980px}.xl\:min-h-990{min-height:990px}.xl\:w-0{width:0}.xl\:w-32{width:8rem}.xl\:w-56{width:14rem}.xl\:w-80{width:20rem}.xl\:max-w-none{max-width:none}.xl\:flex-1{flex:1 1 0%}.xl\:-translate-y-1\/2{--tw-translate-y:-50%}.xl\:-translate-y-1\/2,.xl\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.xl\:translate-y-0{--tw-translate-y:0px}.xl\:grid-flow-col-dense{grid-auto-flow:column dense}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}.xl\:gap-8{gap:2rem}.xl\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.xl\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.xl\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.xl\:p-10{padding:2.5rem}.xl\:p-6{padding:1.5rem}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}.xl\:px-20{padding-left:5rem;padding-right:5rem}.xl\:py-16{padding-bottom:4rem;padding-top:4rem}.xl\:py-20{padding-bottom:5rem;padding-top:5rem}.xl\:py-36{padding-bottom:9rem;padding-top:9rem}.xl\:pb-24{padding-bottom:6rem}.xl\:pb-32{padding-bottom:8rem}.xl\:pl-12{padding-left:3rem}.xl\:pr-12{padding-right:3rem}.xl\:pr-16{padding-right:4rem}.xl\:text-left{text-align:left}.xl\:text-center{text-align:center}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-base{font-size:1rem;line-height:1.5rem}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (max-width:768px){.md-max\:mb-4{margin-bottom:1rem}.md-max\:\!block{display:block!important}.md-max\:block{display:block}.md-max\:hidden{display:none}.md-max\:gap-4{gap:1rem}.md-max\:border-b-2{border-bottom-width:2px}.md-max\:border-t-2{border-top-width:2px}.md-max\:border-gray-200{--tw-border-opacity:1;border-color:rgb(226 224 223/var(--tw-border-opacity))}.md-max\:pb-4{padding-bottom:1rem}.md-max\:pt-4{padding-top:1rem}.md-max\:text-base{font-size:1rem;line-height:1.5rem}.md-max\:font-medium{font-weight:500}.md-max\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}}
91
92    </style>
93
94    
95    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
96    
97    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewB
97ox='0 0 500 500'%3E
98  %3Cg fill='none' fill-rule='evenodd'%3E
99    %3Cpath fill='%23F94335' d='M239.84195,494.302174 L239.820211,494.302174 C196.515863,493.084783 133.972385,486.497826 90.8419497,443.432609 C71.6245584,424.15 58.2984715,400.845652 51.2767323,374.15 L2.84194973,193.976087 C-0.788485054,181.171739 -0.940658967,174.15 2.38542799,169.758696 C5.71151495,165.367391 12.4506454,163.584783 25.6462976,163.584783 L33.2332541,163.584783 C57.8419497,163.584783 65.7984715,169.802174 71.9723845,193.802174 L116.58108,360.345652 C121.08108,376.997826 129.102819,391.693478 140.385428,404.041304 C164.168037,430.041304 203.950645,434.38913 239.754993,435.302174 C275.537602,434.38913 315.320211,430.041304 339.102819,404.041304 C350.385428,391.693478 358.407167,376.997826 362.928906,360.345652 L407.515863,193.91087 C413.689776,169.91087 421.624558,163.671739 446.168037,163.671739 L453.733254,163.671739 C466.972385,163.671739 473.711515,165.497826 477.015863,169.88913 C480.385428,174.302174 480.254993,181.302174 476.624558,194.084783 L428.211515,374.15 C421.189776,400.845652 407.885428,424.15 388.646298,443.432609 C345.537602,486.497826 283.08108,493.084783 239.84195,494.302174'/%3E
100    %3Cpath fill='%23F94335' d='M243.922385,164.304348 L235.574558,164.304348 C212.335428,164.304348 206.313689,158.304348 206.313689,135.065217 L206.313689,33.4130435 C206.313689,15 221.313689,-7.10542736e-14 239.748471,-7.10542736e-14 C258.161515,-7.10542736e-14 273.183254,15 273.183254,33.4130435 L273.183254,135.065217 C273.183254,158.304348 267.183254,164.304348 243.922385,164.304348'/%3E
101  %3C/g%3E
102%3C/svg%3E
103">
104    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f94335">
105    <link rel="manifest" href="/site.webmanifest">
106    <meta name="msapplication-TileColor" content="#f94335">
107    <meta name="theme-color" content="#f94335">
108    
108<script async defer data-domain="versacommerce.de" src="https://p.versacommerce.de/js/index.js" type="a0cdf1b8f5845f1d2769cf08-text/javascript"></script>
108
109</head>
110
111<body id="body" class="min-h-screen bg-white " @show-modal.window="showModal = !showModal" x-data="{ showModal: false, signupEmailValue: '' }">
vendor: 94 bytes, lines 111-114
111
112    
113        
114            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
114GTM-W87NNV9
vendor: 119 bytes, lines 114-119
114" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
115            
116        
117    
118    
119    
119<header>
120    <div class="relative">
121
122        <div class="bg-white"
123            x-data="{ mobileNavigationOpen: false, produktMenuOpen: false, hilfeServiceMenuOpen: false,   }">
124
125            <div class="relative z-20 shadow">
126
127                <div class="max-w-7xl mx-auto flex justify-between items-center px-4 py-5 sm:px-6 sm:py-4 lg:px-8 md:justify-start md:space-x-3 lg:space-x-10">
128
129                    <div>
130                        <a href="/" class="flex">
131                            <span class="sr-only">VersaCommerce</span>
132                            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-auto sm:h-8 lg:h-10" viewBox="0 0 846 302"><defs><style>.cls-1{fill:#e42314;}</style></defs><g id="Ebene_1" data-name="Ebene 1"><path d="M822.19,179.51c0,15.88-11.34,18.21-26.36,18.21-11.91,0-22.87-2.33-22.87-16.11,0-11.91,7.71-16.59,23.58-16.59h25.68ZM846,135.39c0-29.18-21.23-38.28-52.72-38.28A115.47,115.47,0,0,0,770,99c-6.52,1.16-8.5,3-8.5,10v3.26c0,7,1.64,8.87,8.5,7.46a127.33,127.33,0,0,1,24.49-2.1c16.58,0,27.52,3.26,27.52,17.75v11.34H796.51c-29.17,0-47.59,9.1-47.59,35.25,0,24.75,17,36,47.36,36,34.53,0,49.69-11.68,49.69-37.34ZM646,202.62c0,7.94,1.64,9.33,9.32,11.34a116.82,116.82,0,0,0,32,4c33.13,0,47.13-10.27,47.13-32.69,0-18.69-9.32-26.38-25-32.93l-27.07-11.68c-7.93-3.49-11-6.29-11-11.91,0-6.77,4.91-9.58,20.55-9.58a89,89,0,0,1,27.7,3.8c7.71,2.1,9.55,0,9.55-7.94v-2.84c0-7.94-1.87-9.33-9.81-11.68A90.08,90.08,0,0,0,692.37,97c-31.18,0-44.56,10.27-44.56,31.76,0,18.21,8.87,25.52,23.1,31.76l25.2,11.34c11.34,5.14,14.94,7.94,14.94,14,0,7.71-6.29,10-21.71,10a123.33,123.33,0,0,1-34-4.42c-7.71-1.88-9.32.22-9.32,8.16ZM601.21,140c0-13.3,3.75-20.53,20.07-20.53a31.83,31.83,0,0,1,4.68.23c7.94,1.16,9.81-.23,9.81-8.17v-3.26c0-7.94-1.87-10-9.81-11a31.83,31.83,0,0,0-4.68-.23c-30.1,0-44.1,15.17-44.1,41.31V205c0,8.5,2.1,10.49,10.49,10.49h3c8.5,0,10.51-2.1,10.51-10.49Zm-122,.94c0-15.88,9.55-23.11,27.07-23.11s27.55,7.23,27.55,23.11v5.84H479.19Zm77.24,4.42c0-32-17.26-48.21-49.46-48.21-39,0-51.82,21.47-51.82,50.65v20.3c0,35.67,18.65,49.85,57.4,49.85a115,115,0,0,0,30.33-3.74c7.71-2.1,9.55-3.52,9.55-11.35v-3.09c0-7.94-1.87-10-9.55-8.16a135.28,135.28,0,0,1-30.33,3.66c-23.55,0-33.36-6.78-33.36-23.82v-5.05H544c8.5,0,11-2.1,11.9-10.75a100.49,100.49,0,0,0,.46-10.26M361.1,109.93c-1.87-8.17-4.42-10.27-12.84-10.27h-3.48c-8.51,0-10,2.1-7.94,10.27l18.68,77c5.13,21.24,10.26,30.82,35.46,30.82S421.31,208,426.44,187l18.68-77c2.1-8.17.45-10.27-7.94-10.27h-3.51c-8.51,0-11,2.1-12.84,10.27l-18.2,75.88c-2.32,9.81-5.36,11.34-11.68,11.34s-9.32-1.65-11.68-11.34ZM804.37,262.8c0-7.87,4.79-11.47,13.55-11.47s13.77,3.6,13.77,11.47v2.81H804.4ZM843,265c0-15.85-8.5-24-24.74-24-19.47,0-25.9,10.65-25.9,25.1v10.07c0,17.7,9.32,24.76,28.68,24.76a57.88,57.88,0,0,0,15.16-1.86c3.85-1,4.79-1.74,4.79-5.62V292c0-3.93-.94-5-4.79-4.05A67.92,67.92,0,0,1,821,289.81c-11.79,0-16.69-3.35-16.69-11.81v-2.58h32.42c4.3,0,5.46-1,6-5.31.16-1.7.23-3.39.22-5.09m-96.8,11.69c0,16.08,8.5,24.29,27.4,24.29a37.55,37.55,0,0,0,9.44-1.16c3.85-.92,4.9-1.85,4.9-5.79v-1.37c0-3.94-.93-4.64-4.79-3.94a40.5,40.5,0,0,1-9,1c-11.34,0-16-3.23-16-13.41v-10.9c0-9.36,3.74-13.3,15.16-13.3a32.14,32.14,0,0,1,8.5,1.15c3.85,1.16,4.9,0,4.9-3.82V248c0-3.93-.82-4.86-4.67-5.79a33.31,33.31,0,0,0-9.1-1.15c-18.42,0-26.95,9.72-26.95,24.29Zm-20.41-14.33c0-6.61,1.87-10.18,10-10.18a18,18,0,0,1,2.32,0c4,.59,4.9,0,4.9-4v-1.68c0-3.94-.93-5-4.9-5.43a18,18,0,0,0-2.32,0c-15,0-22,7.53-22,20.49v33c0,4.16,1,5.2,5.24,5.2h1.5c4.2,0,5.25-1,5.25-5.2Zm-60.64.45c0-7.88,4.79-11.47,13.52-11.47s13.77,3.59,13.77,11.47v2.81H665.09ZM703.72,265c0-15.86-8.51-23.95-24.74-23.95-19.47,0-25.91,10.65-25.91,25.1v10.06c0,17.71,9.33,24.77,28.68,24.77a58.2,58.2,0,0,0,15.16-1.86c3.86-1,4.79-1.74,4.79-5.62V292c0-3.93-.93-5-4.79-4a67.85,67.85,0,0,1-15.16,1.86c-11.79,0-16.69-3.35-16.69-11.81v-2.61h32.42c4.31,0,5.47-1,5.95-5.31.16-1.7.24-3.39.23-5.09m-130.87-1.49c0-7.28,2.1-11.25,11.68-11.25s11.56,4,11.56,11.25v30.92c0,4.16,1.05,5.2,5.24,5.2h1.16c4.2,0,5.25-1,5.25-5.2V263.53c0-7.28,2.21-11.25,11.78-11.25s11.54,4,11.54,11.25v30.92c0,4.16,1,5.2,5.24,5.2h1.45c4.19,0,5.24-1,5.24-5.2V263.53c0-14.45-6.77-22.49-23.55-22.49-8.76,0-14.45,3.12-17.49,8.43-2.83-5.31-8.5-8.43-17.51-8.43-16.21,0-23.66,8.21-23.66,22.49v30.92c0,4.16,1,5.2,5.24,5.2h1.5c4.2,0,5.25-1,5.25-5.2Zm-93.52,0c0-7.28,2.1-11.25,11.68-11.25s11.56,4,11.56,11.25v30.92c0,4.16,1.05,5.2,5.24,5.2h1.17c4.19,0,5.24-1,5.24-5.2V263.53c0-7.28,2.21-11.25,11.79-11.25s11.56,4,11.56,11.25v30.92c0,4.16,1,5.2,5.24,5.2h1.53c4.2,0,5.24-1,5.24-5.2V263.53c0-14.45-6.77-22.49-23.57-22.49-8.76,0-14.46,3.12-17.49,8.43C505.63,244.16,500,241,491,241c-16.21,0-23.69,8.21-23.69,22.49v30.92c0,4.16,1,5.2,5.24,5.2H474c4.19,0,5.24-1,5.24-5.2ZM430.81,301c18.2,0,26.59-9.25,26.59-25v-9.87c0-16.19-7.71-25-26.59-25-18.3,0-26.83,9.14-26.83,25V276c0,16.19,7.82,25,26.83,25m14.6-25c0,9-2.69,13.77-14.6,13.77S416,285,416,276v-9.84c0-9,2.84-13.88,14.82-13.88s14.6,4.86,14.6,13.88Zm-89.24.7c0,16.08,8.5,24.29,27.4,24.29a38,38,0,0,0,9.44-1.15c3.85-.93,4.9-1.86,4.9-5.79v-1.38c0-3.94-.93-4.64-4.79-3.94a40.5,40.5,0,0,1-9,1c-11.34,0-16-3.23-16-13.4V265.47c0-9.36,3.74-13.3,15.16-13.3a32.14,32.14,0,0,1,8.5,1.15c3.85,1.16,4.9,0,4.9-3.82V248c0-3.93-.82-4.86-4.67-5.79a33.31,33.31,0,0,0-9.1-1.15c-18.42,0-26.95,9.72-26.95,24.29Z"/><path class="cls-1" d="M221.44,220.2A64.51,64.51,0,0,1,206.86,247c-13.76,15.07-36,18.59-60.77,19.18-24.81-.62-47-4.11-60.77-19.18A64.81,64.81,0,0,1,70.79,220.2L43.52,118.36C39.78,103.77,35,100,20.05,100H15.46c-15,0-17.9,3.75-13.73,18.36L31.15,228.54a92.29,92.29,0,0,0,24.1,42.25C79.23,294.85,113,301,146,302
132c32.82-.94,66.66-7,90.62-31.21a92.38,92.38,0,0,0,24.1-42.25l29.53-110.12c4.17-14.59,1.19-18.36-13.79-18.36h-4.44c-15,0-19.65,3.74-23.39,18.36Z"/><path class="cls-1" d="M166,82.29v-62a20,20,0,1,0-40,0v62c0,14.19,3.5,17.71,17.48,17.71h5c14,0,17.48-3.55,17.48-17.71"/></g></svg>
133                        </a>
134                    </div>
135
136                    <div class="-mr-2 -my-2 md:hidden">
137
138                        <button
139                            @click="mobileNavigationOpen = !mobileNavigationOpen"
140                            type="button"
141                            class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100">
142
143                            <span class="sr-only" x-text="mobileNavigationOpen ? 'Menü schließen': 'Menü öffnen'"></span>
144
145                            <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" x-show="!mobileNavigationOpen">
146                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
147                            </svg>
148
149                            <svg class="h-6 w-6" style="display: none;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" x-show="mobileNavigationOpen">
150                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
151                            </svg>
152
153                        </button>
154
155                    </div>
156
157                    <div class="bg-white absolute md:static border-2 border-gray-200 md:border-0 top-full md:static z-30 top-0 inset-x-0 p-6 md:p-2 transition origin-top-right md:flex-1 md:!flex md:items-center md:justify-between"
158                        x-description="Mobile menu, show/hide based on mobile menu state."
159                        x-show="mobileNavigationOpen"
160                        x-transition:enter="duration-200 ease-out"
161                        x-transition:enter-start="opacity-0 scale-95"
162                        x-transition:enter-end="opacity-100 scale-100"
163                        x-transition:leave="duration-100 ease-in"
164                        x-transition:leave-start="opacity-100 scale-100"
165                        x-transition:leave-end="opacity-0 scale-95"
166                        :class="{ 'block': mobileNavigationOpen }">
167
168                        <nav class="w-full sm:rounded-sm sm:shadown:lg md:flex md:justify-between md:space-x-3 lg:space-x-10">
169
170                            <ul class="md:flex md:space-x-3 lg:space-x-10 items-center">
171
172                                
173
174                                    <li class="mb-8 md:mb-0">
175
176    
177
178        <button x-on:click.away="produktMenuOpen = false"
179            @click="produktMenuOpen = !produktMenuOpen"
180            type="button"
181            class="md-max:mb-4 group bg-white inline-flex items-center"
182            title="Produkt">
183
184            <span class="text-sm lg:text-base whitespace-nowrap text-gray-500 hover:text-gray-900 font-medium">
185                Produkt
186            </span>
187
188            <svg class="md-max:hidden ml-1 lg:ml-2 h-4 w-4 lg:h-5 lg:w-5 text-gray-400 group-hover:text-gray-500 transform transition-transform duration-300"
189                    xmlns="http://www.w3.org/2000/svg"
190                    viewBox="0 0 20 20"
191                    fill="currentColor"
192                    aria-hidden="true"
193                    :class="produktMenuOpen ? 'rotate-180' : ''">
194                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
195            </svg>
196
197        </button>
198
199        <div x-description="'Produkt' flyout menu, show/hide based on flyout menu state."
200                x-show="produktMenuOpen"
201                x-cloak
202                x-transition:enter="transition ease-out duration-200"
203                x-transition:enter-start="opacity-0 -translate-y-4"
204                x-transition:enter-end="opacity-100 translate-y-0"
205                x-transition:leave="transition ease-in duration-150"
206                x-transition:leave-start="opacity-100 translate-y-0"
207                x-transition:leave-end="opacity-0 -translate-y-0"
208                class="md-max:!block md:absolute top-full md:border-t-2 md:border-gray-200 z-50 inset-x-0 transform translate-y-0 bg-white md:shadow-lg">
209
210                <div class="max-w-7xl mx-auto md:px-4 md:py-6 sm:gap-8 md:py-8 lg:px-8">
211
212                    <div class="md:grid md-max:gap-4 md:gap-10 lg:gap-16 md:grid-flow-col md:auto-cols-fr">
213
214                        
215
216                            <ul class="md:block md-max:border-gray-200 md-max:border-t-2 md-max:pt-4 md-max:pb-4">
217
218                                <li class="col-span-2 md:mb-4 md:border-b-2 border-gray-200">
219                                    <div class="flex items-center md:mb-6">
220                                        <span class="flex-none block h-5 w-5 md:h-8 md:w-8 text-indigo-500 mr-2">
221                                            
222                                                <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="h-full w-full fill-current text-indigo-500" version="1.1" id="mdi-cash-multiple" width="24" height="24" viewBox="0 0 24 24"><path d="M5,6H23V18H5V6M14,9A3,3 0 0,1 17,12A3,3 0 0,1 14,15A3,3 0 0,1 11,12A3,3 0 0,1 14,9M9,8A2,2 0 0,1 7,10V14A2,2 0 0,1 9,16H19A2,2 0 0,1 21,14V10A2,2 0 0,1 19,8H9M1,10H3V20H19V22H1V10Z"/></svg>
223                                            
224                                        </span>
225                                        <span class="text-base md:text-xl md:font-medium text-gray-500 md:text-gray-900">
226                                            Verkaufen
227                                        </span>
228                                    </div>
229                                </li>
230
231                                
232
233                                <li>
234
235                                    <a href="/omnichannel" title="Direkt zu Verkaufe überall" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
236                                        <span class="text-base font-medium">
237                                            Verkaufe überall
238                                        </span>
239                                        <br>
240                                        <small class="text-gray-500">Multi-Channel-Lösungen für Verkauf</small>
241                                    </a>
242
243                                </li>
244
245                                
246
247                                <li>
248
249                                    <a href="/online-shop/online-shop-erstellen" title="Direkt zu Online-Shop" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
250                                        <span class="text-base font-medium">
251                                            Online-Shop
252                                        </span>
253                                        <br>
254                                        <small class="text-gray-500">Einfache, schnelle Einrichtung deines Shops</small>
255                                    </a>
256
257                                </li>
258
259                                
260
261                                <li>
262
263                                    <a href="/kassensystem/ubersicht" title="Direkt zu Kassensystem" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
264                                        <span class="text-base font-medium">
265                                            Kassensystem
266                                        </span>
267                                        <br>
268                                        <small class="text-gray-500">Intuitive und zuverlässige Point-of-Sale Lösungen</small>
269                                    </a>
270
271                                </li>
272
273                                
274
275                                <li>
276
277                                    <a href="/facebook-instagram" title="Direkt zu Facebook & Instagram Shop" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
278                                        <span class="text-base font-medium">
279                                            Facebook & Instagram Shop
280                                        </span>
281                                        <br>
282                                        <small class="text-gray-500">Erreiche Kunden auf sozialen Medien</small>
283                                    </a>
284
285                                </li>
286
287                                
288
289                            </ul>
290
291                        
292
293                            <ul class="md:block md-max:border-gray-200 md-max:border-t-2 md-max:pt-4 md-max:pb-4">
294
295                                <li class="col-span-2 md:mb-4 md:border-b-2 border-gray-200">
296                                    <div class="flex items-center md:mb-6">
297                                        <span class="flex-none block h-5 w-5 md:h-8 md:w-8 text-indigo-500 mr-2">
298                                            
299                                                <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="h-full w-full fill-current " version="1.1" id="mdi-bullhorn" width="24" height="24" viewBox="0 0 24 24"><path d="M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z"/></svg>
300                                            
301                                        </span>
302                                        <span class="text-base md:text-xl md:font-medium text-gray-500 md:text-gray-900">
303                                            Vermarkten
304                                        </span>
305                                    </div>
306                                </li>
307
308                                
309
310                                <li>
311
312                                    <a href="/marketing" title="Direkt zu Vermarkte überall" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
313                                        <span class="text-base font-medium">
314                                            Vermarkte überall
315                                        </span>
316                                        <br>
317                                        <small class="text-gray-500">Effektives Marketing über diverse Kanäle</small>
318                                    </a>
319
320                                </li>
321
322                                
323
324                                <li>
325
326                                    <a href="/google/google-shopping" title="Direkt zu Google Shopping" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
327                                        <span class="text-base font-medium">
328                                            Google Shopping
329                                        </span>
330                                        <br>
331                                        <small class="text-gray-500">Präsentiere deine Produkte auf Google</small>
332                                    </a>
333
334                                </li>
335
336                                
337
338                                <li>
339
340                                    <a href="/google/google-shopping#local" title="Direkt zu Lokale Google Anzeigen" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
341                                        <span class="text-base font-medium">
342                                            Lokale Google Anzeigen
343                                        </span>
344                                        <br>
345                                        <small class="text-gray-500">Lokale Präsenz für dein Geschäft stärken</small>
346                                    </a>
347
348                                </li>
349
350                                
351
352                                <li>
353
354                                    <a href="/social-media-marketing" title="Direkt zu Social Media Anzeigen" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
355                                        <span class="text-base font-medium">
356                                            Social Media Anzeigen
357                                        </span>
358                                        <br>
359                                        <small class="text-gray-500">Beeindrucke mit effektiven Social Ads</small>
360                                    </a>
361
362                                </li>
363
364                                
365
366                            </ul>
367
368                        
369
370                            <ul class="md:block md-max:border-gray-200 md-max:border-t-2 md-max:pt-4 md-max:pb-4">
371
372                                <li class="col-span-2 md:mb-4 md:border-b-2 border-gray-200">
373                                    <div class="flex items-center md:mb-6">
374                                        <span class="flex-none block h-5 w-5 md:h-8 md:w-8 text-indigo-500 mr-2">
375                                            
376                                                <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="h-full w-full fill-current " version="1.1" id="mdi-paperclip" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z"/></svg>
377                                            
378                                        </span>
379                                        <span class="text-base md:text-xl md:font-medium text-gray-500 md:text-gray-900">
380                                            Verwalten
381                                        </span>
382                                    </div>
383                                </li>
384
385                                
386
387                                <li>
388
389                                    <a href="/plattform" title="Direkt zu Plattform" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
390                                        <span class="text-base font-medium">
391                                            Plattform
392                                        </span>
393                                        <br>
394                                        <small class="text-gray-500">Ein Ort für all deine Geschäftsprozesse</small>
395                                    </a>
396
397                                </li>
398
399                                
400
401                                <li>
402
403                                    <a href="/warenwirtschaft" title="Direkt zu Warenwirtschaft" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
404                                        <span class="text-base font-medium">
405                                            Warenwirtschaft
406                                        </span>
407                                        <br>
408                                        <small class="text-gray-500">Behalte deine Lagerbestände im Blick</small>
409                                    </a>
410
411                                </li>
412
413                                
414
415                                <li>
416
417                                    <a href="/apps" title="Direkt zu Unsere Schnittstellen" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
418                                        <span class="text-base font-medium">
419                                            Unsere Schnittstellen
420                                        </span>
421                                        <br>
422                                        <small class="text-gray-500">Nahtlose Integration mit vertrauten Tools</small>
423                                    </a>
424
425                                </li>
426
427                                
428
429                            </ul>
430
431                        
432
433                            <ul class="md:block md-max:border-gray-200 md-max:border-t-2 md-max:pt-4 md-max:pb-4">
434
435                                <li class="col-span-2 md:mb-4 md:border-b-2 border-gray-200">
436                                    <div class="flex items-center md:mb-6">
437                                        <span class="flex-none block h-5 w-5 md:h-8 md:w-8 text-indigo-500 mr-2">
438                                            
439                                                <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="h-full w-full fill-current " version="1.1" id="mdi-star-circle-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M8.58,17.25L9.5,13.36L6.5,10.78L10.45,10.41L12,6.8L13.55,10.45L17.5,10.78L14.5,13.36L15.42,17.25L12,15.19L8.58,17.25M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z"/></svg>
440                                            
441                                        </span>
442                                        <span class="text-base md:text-xl md:font-medium text-gray-500 md:text-gray-900">
443                                            Warum wir
444                                        </span>
445                                    </div>
446                                </li>
447
448                                
449
450                                <li>
451
452                                    <a href="/warum-versa" title="Direkt zu Was uns unterscheidet" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
453                                        <span class="text-base font-medium">
454                                            Was uns unterscheidet
455                                        </span>
456                                        <br>
457                                        <small class="text-gray-500">Mehr als Standard-Online-Shop Software</small>
458                                    </a>
459
460                                </li>
461
462                                
463
464                                <li>
465
466                                    <a href="/warum-versa/technologie" title="Direkt zu Unsere Technologie" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
467                                        <span class="text-base font-medium">
468                                            Unsere Technologie
469                                        </span>
470                                        <br>
471                                        <small class="text-gray-500">Fortschrittliche Lösungen für dein Geschäft</small>
472                                    </a>
473
474                                </li>
475
476                                
477
478                                <li>
479
480                                    <a href="/warum-versa/sicherheit" title="Direkt zu Sicherheit" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
481                                        <span class="text-base font-medium">
482                                            Sicherheit
483                                        </span>
484                                        <br>
485                                        <small class="text-gray-500">Dein Shop, geschützt und sicher</small>
486                                    </a>
487
488                                </li>
489
490                                
491
492                                <li>
493
494                                    <a href="/ueber-uns" title="Direkt zu Über uns" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
495                                        <span class="text-base font-medium">
496                                            Über uns
497                                        </span>
498                                        <br>
499                                        <small class="text-gray-500">Wir digitalisieren den Handel und gestalten E-Commerce.</small>
500                                    </a>
501
502                                </li>
503
504                                
505
506                                <li>
507
508                                    <a href="/jobs" title="Direkt zu Jobs" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
509                                        <span class="text-base font-medium">
510                                            Jobs
511                                        </span>
512                                        <br>
513                                        <small class="text-gray-500">Werde Teil unserer Mission</small>
514                                    </a>
515
516                                </li>
517
518                                
519
520                            </ul>
521
522                        
523
524                    </div>
525
526                </div>
527
528        </div>
529
530    
531
532</li>
533
534
535                                
536
537                                    <li class="mb-8 md:mb-0">
538
539    
540
541        <button x-on:click.away="hilfeServiceMenuOpen = false"
542            @click="hilfeServiceMenuOpen = !hilfeServiceMenuOpen"
543            type="button"
544            class="md-max:mb-4 group bg-white inline-flex items-center"
545            title="Hilfe & Service">
546
547            <span class="text-sm lg:text-base whitespace-nowrap text-gray-500 hover:text-gray-900 font-medium">
548                Hilfe & Service
549            </span>
550
551            <svg class="md-max:hidden ml-1 lg:ml-2 h-4 w-4 lg:h-5 lg:w-5 text-gray-400 group-hover:text-gray-500 transform transition-transform duration-300"
552                    xmlns="http://www.w3.org/2000/svg"
553                    viewBox="0 0 20 20"
554                    fill="currentColor"
555                    aria-hidden="true"
556                    :class="hilfeServiceMenuOpen ? 'rotate-180' : ''">
557                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
558            </svg>
559
560        </button>
561
562        <div x-description="'Hilfe & Service' flyout menu, show/hide based on flyout menu state."
563                x-show="hilfeServiceMenuOpen"
564                x-cloak
565                x-transition:enter="transition ease-out duration-200"
566                x-transition:enter-start="opacity-0 -translate-y-4"
567                x-transition:enter-end="opacity-100 translate-y-0"
568                x-transition:leave="transition ease-in duration-150"
569                x-transition:leave-start="opacity-100 translate-y-0"
570                x-transition:leave-end="opacity-0 -translate-y-0"
571                class="md-max:!block md:absolute top-full md:border-t-2 md:border-gray-200 z-50 inset-x-0 transform translate-y-0 bg-white md:shadow-lg">
572
573                <div class="max-w-7xl mx-auto md:px-4 md:py-6 sm:gap-8 md:py-8 lg:px-8">
574
575                    <div class="md:grid md-max:gap-4 md:gap-10 lg:gap-16 md:grid-flow-col md:auto-cols-fr">
576
577                        
578
579                            <ul class="md:block md-max:border-gray-200 md-max:border-t-2 md-max:pt-4 md-max:pb-4">
580
581                                <li class="col-span-2 md:mb-4 md:border-b-2 border-gray-200">
582                                    <div class="flex items-center md:mb-6">
583                                        <span class="flex-none block h-5 w-5 md:h-8 md:w-8 text-indigo-500 mr-2">
584                                            
585                                                <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="h-full w-full fill-current " version="1.1" id="mdi-book-open-blank-variant" width="24" height="24" viewBox="0 0 24 24"><path d="M21,5C19.89,4.65 18.67,4.5 17.5,4.5C15.55,4.5 13.45,4.9 12,6C10.55,4.9 8.45,4.5 6.5,4.5C4.55,4.5 2.45,4.9 1,6V20.65C1,20.9 1.25,21.15 1.5,21.15C1.6,21.15 1.65,21.1 1.75,21.1C3.1,20.45 5.05,20 6.5,20C8.45,20 10.55,20.4 12,21.5C13.35,20.65 15.8,20 17.5,20C19.15,20 20.85,20.3 22.25,21.05C22.35,21.1 22.4,21.1 22.5,21.1C22.75,21.1 23,20.85 23,20.6V6C22.4,5.55 21.75,5.25 21,5M21,18.5C19.9,18.15 18.7,18 17.5,18C15.8,18 13.35,18.65 12,19.5V8C13.35,7.15 15.8,6.5 17.5,6.5C18.7,6.5 19.9,6.65 21,7V18.5Z"/></svg>
586                                            
587                                        </span>
588                                        <span class="text-base md:text-xl md:font-medium text-gray-500 md:text-gray-900">
589                                            Hilfe
590                                        </span>
591                                    </div>
592                                </li>
593
594                                
595
596                                <li>
597
598                                    <a href="https://help.versacommerce.de/" title="Direkt zu Handbuch" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
599                                        <span class="text-base font-medium">
600                                            Handbuch
601                                        </span>
602                                        <br>
603                                        <small class="text-gray-500">Dein Leitfaden für unsere Plattform</small>
604                                    </a>
605
606                                </li>
607
608                                
609
610                                <li>
611
612                                    <a href="/glossar" title="Direkt zu Glossar" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
613                                        <span class="text-base font-medium">
614                                            Glossar
615                                        </span>
616                                        <br>
617                                        <small class="text-gray-500">Verstehe die E-Commerce-Sprache</small>
618                                    </a>
619
620                                </li>
621
622                                
623
624                            </ul>
625
626                        
627
628                            <ul class="md:block md-max:border-gray-200 md-max:border-t-2 md-max:pt-4 md-max:pb-4">
629
630                                <li class="col-span-2 md:mb-4 md:border-b-2 border-gray-200">
631                                    <div class="flex items-center md:mb-6">
632                                        <span class="flex-none block h-5 w-5 md:h-8 md:w-8 text-indigo-500 mr-2">
633                                            
634                                                <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="h-full w-full fill-current " version="1.1" id="mdi-face-agent" width="24" height="24" viewBox="0 0 24 24"><path d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z"/></svg>
635                                            
636                                        </span>
637                                        <span class="text-base md:text-xl md:font-medium text-gray-500 md:text-gray-900">
638                                            Service
639                                        </span>
640                                    </div>
641                                </li>
642
643                                
644
645                                <li>
646
647                                    <a href="/rueckruf-service" title="Direkt zu Kostenlose Beratung" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
648                                        <span class="text-base font-medium">
649                                            Kostenlose Beratung
650                                        </span>
651                                        <br>
652                                        <small class="text-gray-500">Antworten auf deine spezifischen Fragen</small>
653                                    </a>
654
655                                </li>
656
657                                
658
659                                <li>
660
661                                    <a href="/service" title="Direkt zu Service-Pakete" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
662                                        <span class="text-base font-medium">
663                                            Service-Pakete
664                                        </span>
665                                        <br>
666                                        <small class="text-gray-500">Maßgeschneiderte Unterstützung für dein Geschäft</small>
667                                    </a>
668
669                                </li>
670
671                                
672
673                            </ul>
674
675                        
676
677                            <ul class="md:block md-max:border-gray-200 md-max:border-t-2 md-max:pt-4 md-max:pb-4">
678
679                                <li class="col-span-2 md:mb-4 md:border-b-2 border-gray-200">
680                                    <div class="flex items-center md:mb-6">
681                                        <span class="flex-none block h-5 w-5 md:h-8 md:w-8 text-indigo-500 mr-2">
682                                            
683                                                <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="h-full w-full fill-current " version="1.1" id="mdi-newspaper" width="24" height="24" viewBox="0 0 24 24"><path d="M20,11H4V8H20M20,15H13V13H20M20,19H13V17H20M11,19H4V13H11M20.33,4.67L18.67,3L17,4.67L15.33,3L13.67,4.67L12,3L10.33,4.67L8.67,3L7,4.67L5.33,3L3.67,4.67L2,3
683V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V3L20.33,4.67Z"/></svg>
684                                            
685                                        </span>
686                                        <span class="text-base md:text-xl md:font-medium text-gray-500 md:text-gray-900">
687                                            Magazin
688                                        </span>
689                                    </div>
690                                </li>
691
692                                
693
694                                <li>
695
696                                    <a href="/blog" title="Direkt zu Startseite" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
697                                        <span class="text-base font-medium">
698                                            Startseite
699                                        </span>
700                                        <br>
701                                        <small class="text-gray-500">Die neuesten Beiträge aller Themen auf einen Blick</small>
702                                    </a>
703
704                                </li>
705
706                                
707
708                                <li>
709
710                                    <a href="/blog/topic/einzelhandel" title="Direkt zu Handel" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
711                                        <span class="text-base font-medium">
712                                            Handel
713                                        </span>
714                                        <br>
715                                        <small class="text-gray-500">Alles über dein Geschäft und den Einzelhandel</small>
716                                    </a>
717
718                                </li>
719
720                                
721
722                                <li>
723
724                                    <a href="/blog/topic/online-marketing" title="Direkt zu Marketing" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
725                                        <span class="text-base font-medium">
726                                            Marketing
727                                        </span>
728                                        <br>
729                                        <small class="text-gray-500">Instagram, Online-Marketing und viele Tipps findest du hier</small>
730                                    </a>
731
732                                </li>
733
734                                
735
736                                <li>
737
738                                    <a href="/blog/topic/online-shop-erstellen" title="Direkt zu Digitalisierung" class="block hover:text-indigo-600 mt-4 md:mt-0 md:hover:bg-gray-100 rounded md:p-4 ease-in transition">
739                                        <span class="text-base font-medium">
740                                            Digitalisierung
741                                        </span>
742                                        <br>
743                                        <small class="text-gray-500">So digitalisierst du dein Geschäft erfolgreich</small>
744                                    </a>
745
746                                </li>
747
748                                
749
750                            </ul>
751
752                        
753
754                    </div>
755
756                </div>
757
758        </div>
759
760    
761
762</li>
763
764
765                                
766
767                                    <li class="mb-8 md:mb-0">
768
769    
770
771        <a href="/preise" class="md-max:text-base md-max:font-medium md-max:text-black md-max:border-gray-200 md-max:border-b-2 md-max:block md-max:pb-4 md:text-sm lg:text-base whitespace-nowrap text-gray-500 hover:text-gray-900 font-medium" title="Direkt zu Preise">
772            Preise
773        </a>
774
775    
776
777</li>
778
779
780                                
781
782                            </ul>
783
784                            <ul class="md:flex md:space-x-3 lg:space-x-10 items-center">
785
786                                
787
788                                    <li class="mb-8 md:mb-0">
789
790    
791
792        <a href="https://app.versacommerce.de/admin/login" class="md-max:text-base md-max:font-medium md-max:text-black md-max:border-gray-200 md-max:border-b-2 md-max:block md-max:pb-4 md:text-sm lg:text-base whitespace-nowrap text-gray-500 hover:text-gray-900 font-medium" title="Direkt zu Login">
793            Login
794        </a>
795
796    
797
798</li>
799
800
801                                
802
803                                    <li class="mb-8 md:mb-0">
804
805    
806
807        
808
809            <a href="/preise" class="md-max:block px-2 lg:px-4 py-2 border border-transparent roun
809ded-md shadow-sm md-max:text-base text-sm lg:text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700 text-center text-sm lg:text-base whitespace-nowrap" title="Direkt zu Jetzt starten">
810                Jetzt starten
811            </a>
812
813        
814
815    
816
817</li>
818
819
820                                
821
822                            </ul>
823
824                        </nav>
825
826                    </div>
827
828                </div>
829
830            </div>
831
832        </div>
833
834    </div>
835</header>
836
837    
838    <div >
839
840    
841    <div class="" style="background-color: #f1f0ef" >
842    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-2 overflow-x-auto scroll-smooth">
843        <ul class="flex items-center">
844            <li>
845                <a href="/blog" class="inline-flex py-2 pr-4 mr-4 text-indigo-600 font-bold font-sm font-serif hover:underline border-r border-dotted border-gray-400">
846                    Magazin
847                </a>
848            </li>
849            <li>
850                <a href="/tags/news" class="inline-flex py-2 pr-4 mr-4 text-black text-xs hover:underline border-r border-dotted border-gray-400">
851                    News
852                </a>
853            </li>
854            
855            
856                <li>
857                    <a href="/blog/topic/einzelhandel" class="inline-flex py-2 pr-4 mr-4 text-black text-xs hover:underline">
858                        Handel
859                    </a>
860                </li>
861            
862                <li>
863                    <a href="/blog/topic/recht" class="inline-flex py-2 pr-4 mr-4 text-black text-xs hover:underline">
864                        Recht
865                    </a>
866                </li>
867            
868                <li>
869                    <a href="/blog/topic/online-marketing" class="inline-flex py-2 pr-4 mr-4 text-black text-xs hover:underline">
870                        Marketing
871                    </a>
872                </li>
873            
874                <li>
875                    <a href="/blog/topic/online-shop-erstellen" class="inline-flex py-2 pr-4 mr-4 text-black text-xs hover:underline">
876                        Digitalisierung
877                    </a>
878                </li>
879            
880            
881        </ul>
882    </div>
883</div>
884
885
886<div class="border-b " style="background-color: #FFFFFF" >
887    <div class="md:grid grid-cols-3 gap-8 md:gap-0 max-w-7xl mx-auto py-2 lg:py-4 px-4 sm:px-6 lg:px-8">
888        
889
890        
891        <div class="pb-2 pr-4 border-dotted border-gray-400   md:border-r ">
892    <a href="/blog/e-rechnung-seit-dem-01-januar-keine-panik" class="block" title="Die Pflicht zur E-Rechnung  ist da - keine Panik">
893        <span class="text-sm font-semibold text-black hover:opacity-70">
894            Die Pflicht zur E-Rechnung  ist da - keine Panik
895        </span>
896        <small class="text-xs mt-4 text-black opacity-50">
897            
898                Vor 577 Tagen
899            
900        </small>
901    </a>
902</div>
903
904        
905        <div class="pb-2 pr-4 border-dotted border-gray-400  md:pl-5   md:border-r ">
906    <a href="/blog/trends-die-jeder-einzelhaendlerin-kennen-sollten" class="block" title="Aktuelle Trends, die jeder lokale Händler kennen muss">
907        <span class="text-sm font-semibold text-black hover:opacity-70">
908            Aktuelle Trends, die jeder lokale Händler kennen muss
909        </span>
910        <small class="text-xs mt-4 text-black opacity-50">
911            
912                Vor 667 Tagen
913            
914        </small>
915    </a>
916</div>
917
918        
919        <div class="pb-2 pr-4 border-dotted border-gray-400  md:pl-5  ">
920    <a href="/blog/einzelhandel-in-der-innenstadt-zwischen-herausforderungen-und-moeglichkeiten" class="block" title="In der Innenstadt: Chancen für den Einzelhandel">
921        <span class="text-sm font-semibold text-black hover:opacity-70">
922            In der Innenstadt: Chancen für den Einzelhandel
923        </span>
924        <small class="text-xs mt-4 text-black opacity-50">
925            
926                Vor 671 Tagen
927            
928        </small>
929    </a>
930</div>
931
932        
933
934        
935    </div>
936</div>
937
938    
939
940    
941    <div class="pt-16 pb-20 lg:pt-16 lg:pb-28  ">
942        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
943            
944            <div class="mb-8 lg:mb-16 mx-auto md:grid gap-x-8 lg:gap-x-16 gap-y-8 lg:gap-y-8 grid-cols-1 md:grid-cols-3 card_type lg:max-w-none">
945                
946                
947                
948                
949                
950                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-16  col-span-1 md:col-span-3 " id="Artikel1">
951    <div class="flex-1 flex flex-col justify-between col-span-1">
952        <div class="flex-1">
953            
954            <p class="text-sm font-medium text-gray-600">
955                <a href="/blog/topic/online-marketing" class="hover:underline">
956                    Marketing
957                </a>
958            </p>
959            
960            <a href="/blog/optimismus-im-einzelhandel-weihnachtsgeschaeft-verspricht-umsatzsteigerungen" class="block mt-2" title="Optimismus im Einzelhandel: Weihnachtsgeschäft verspricht Umsatzsteigerungen">
961                <h2 class="text-2xl lg:text-3xl break-words font-bold text-indigo-600 hover:text-black  font-serif ">
962                    Optimismus im Einzelhandel: Weihnachtsgeschäft verspricht Umsatzsteigerungen
963                </h2>
964                <p class="mt-3 text-base text-gray-500">
965                    
966                    Entdecke, wie optimistische Einzelhändler die Weihnachtszeit nutzen, um ihre Umsätze zu steigern und welche Strategien dabei besonders erfolgreich sind. Erfahre mehr über Rabatte, Technologietrends und die Herausforderungen, denen sich die Branche stellen muss.
967                    
968                </p>
969                
970                
971                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
972                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
972<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
973                    2 Min
974                </div>
975                
976                
977            </a>
978        </div>
979    </div>
980    
981    <div class="shrink-0 col-span-2 overflow-hidden rounded-sm">
982        <a href="/blog/optimismus-im-einzelhandel-weihnachtsgeschaeft-verspricht-umsatzsteigerungen" title="Optimismus im Einzelhandel: Weihnachtsgeschäft verspricht Umsatzsteigerungen" class="relative">
983            <picture>
984                <source type="image/webp" srcset="/img/containers/blog/blog-optimismus-im-einzelhandel_-weihnachtsgeschaft-verspricht-umsatzsteigerungen-blog-beitrag.jpg/613a1368b146f7338017655504160f78/blog-optimismus-im-einzelhandel_-weihnachtsgeschaft-verspricht-umsatzsteigerungen-blog-beitrag.webp">
985                <img src="/img/containers/blog/blog-optimismus-im-einzelhandel_-weihnachtsgeschaft-verspricht-umsatzsteigerungen-blog-beitrag.jpg/dd19a522c540647bf0c2c79885243400/blog-optimismus-im-einzelhandel_-weihnachtsgeschaft-verspricht-umsatzsteigerungen-blog-beitrag.jpg" width="768" height="576" alt="" class="h-full w-full object-cover hover:scale-102 transition-all" loading="lazy">
986            </picture>
987
988            
989
990
991        </a>
992    </div>
993    
994</div>
995
996                
997                
998                
999                
1000                
1001                
1002                
1003                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel2">
1004    
1005    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1006        <a href="/blog/die-e-rechnung-ein-gewinn-fuer-den-e-commerce" title="Die E-Rechnung: Ein Gewinn für den E-Commerce" class="relative">
1007            <picture>
1008
1009                
1010
1011                    <source type="image/webp" srcset="/img/containers/blog/blog-die-e-rechnung_-ein-gewinn-fur-den-e-commerce-blog-beitrag-1749552614.jpg/dba7934277fa95878bc3869cf089472c/blog-die-e-rechnung_-ein-gewinn-fur-den-e-commerce-blog-beitrag-1749552614.webp">
1012                    <img src="/img/containers/blog/blog-die-e-rechnung_-ein-gewinn-fur-den-e-commerce-blog-beitrag-1749552614.jpg/1fb4046eb08fb685bde89dd508182287/blog-die-e-rechnung_-ein-gewinn-fur-den-e-commerce-blog-beitrag-1749552614.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1013
1014                
1015
1016                
1017
1018
1019            </picture>
1020        </a>
1021    </div>
1022    
1023    <div class="flex-1 flex flex-col justify-between">
1024        <div class="flex-1">
1025            
1026            <p class="text-sm font-medium text-indigo-600">
1027                <a href="/blog/topic/online-shop-erstellen" class="hover:underline">
1028                    Digitalisierung
1029                </a>
1030            </p>
1031            
1032            <a href="/blog/die-e-rechnung-ein-gewinn-fuer-den-e-commerce" class="block mt-2" title="Die E-Rechnung: Ein Gewinn für den E-Commerce">
1033                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1034                    Die E-Rechnung: Ein Gewinn für den E-Commerce
1035                </h2>
1036                <p class="mt-3 text-base text-gray-500">
1037
1038                    
1039
1040                    
1041                    Die Pflicht zur E-Rechnung ab 2025 im B2B-Bereich bietet zahlreiche Vorteile wie Kostensenkung und Effizienzsteigerung. Erfahre, wie du die E-Rechnung
1042                    
1043
1044                    
1045
1046                </p>
1047                
1048                
1049                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1050                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1051                    2 Min
1052                </div>
1053                
1054                
1055            </a>
1056        </div>
1057        
1058</div>
1059</div>
1060
1061                
1062                
1063                
1064                
1065                
1066                
1067                
1068                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel3">
1069    
1070    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1071        <a href="/blog/mit-google-mehr-erfolg-im-stationaeren-handel" title="Mit Google mehr Erfolg im stationären Handel" class="relative">
1072            <picture>
1073
1074                
1075
1076                    <source type="image/webp" srcset="/img/containers/blog/blog-mit-google-mehr-erfolg-im-stationaren-handel--blog-beitrag.jpg/4f5ece869b9b11b7330af3af96c91407/blog-mit-google-mehr-erfolg-im-stationaren-handel--blog-beitrag.webp">
1077                    <img src="/img/containers/blog/blog-mit-google-mehr-erfolg-im-stationaren-handel--blog-beitrag.jpg/101a5989a85faab5b3f04de22b7c7616/blog-mit-google-mehr-erfolg-im-stationaren-handel--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1078
1079                
1080
1081                
1082
1083
1084            </picture>
1085        </a>
1086    </div>
1087    
1088    <div class="flex-1 flex flex-col justify-between">
1089        <div class="flex-1">
1090            
1091            <p class="text-sm font-medium text-indigo-600">
1092                <a href="/blog/topic/einzelhandel" class="hover:underline">
1093                    Handel
1094                </a>
1095            </p>
1096            
1097            <a href="/blog/mit-google-mehr-erfolg-im-stationaeren-handel" class="block mt-2" title="Mit Google mehr Erfolg im stationären Handel">
1098                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1099                    Mit Google mehr Erfolg im stationären Handel
1100                </h2>
1101                <p class="mt-3 text-base text-gray-500">
1102
1103                    
1104
1105                    
1106                    Der Großteil der Nutzer, die die lokale Suche auf ihrem Mobilgerät eingestellt haben, ruft beim Unternehmen an oder kommt binnen eines Tages vorbei.
1107                    
1108
1109                    
1110
1111                </p>
1112                
1113                
1114                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1115                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
1115<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1116                    3 Min
1117                </div>
1118                
1119                
1120            </a>
1121        </div>
1122        
1123</div>
1124</div>
1125
1126                
1127                
1128                
1129                
1130                
1131                
1132                
1133                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel4">
1134    
1135    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1136        <a href="/blog/shoppingplattform-ade-6-gruende-warum-du-deinen-eigenen-webshop-brauchst" title="Von der Shopping-Plattform zum eigenen Online-Shop: 6 Vorteile für dein Geschäft" class="relative">
1137            <picture>
1138
1139                
1140
1141                    <source type="image/webp" srcset="/img/containers/blog/blog-von-der-shopping-plattform-zum-eigenen-online-shop_-6-vorteile-fur-dein-geschaft--blog-beitrag.jpg/92b9ff324dc2bddc32518742563b3a93/blog-von-der-shopping-plattform-zum-eigenen-online-shop_-6-vorteile-fur-dein-geschaft--blog-beitrag.webp">
1142                    <img src="/img/containers/blog/blog-von-der-shopping-plattform-zum-eigenen-online-shop_-6-vorteile-fur-dein-geschaft--blog-beitrag.jpg/59ea4a6bc6346f67125fb2fc92b5f3f6/blog-von-der-shopping-plattform-zum-eigenen-online-shop_-6-vorteile-fur-dein-geschaft--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1143
1144                
1145
1146                
1147
1148
1149            </picture>
1150        </a>
1151    </div>
1152    
1153    <div class="flex-1 flex flex-col justify-between">
1154        <div class="flex-1">
1155            
1156            <p class="text-sm font-medium text-indigo-600">
1157                <a href="/blog/topic/online-shop-erstellen" class="hover:underline">
1158                    Digitalisierung
1159                </a>
1160            </p>
1161            
1162            <a href="/blog/shoppingplattform-ade-6-gruende-warum-du-deinen-eigenen-webshop-brauchst" class="block mt-2" title="Von der Shopping-Plattform zum eigenen Online-Shop: 6 Vorteile für dein Geschäft">
1163                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1164                    Von der Shopping-Plattform zum eigenen Online-Shop: 6 Vorteile für dein Geschäft
1165                </h2>
1166                <p class="mt-3 text-base text-gray-500">
1167
1168                    
1169
1170                    
1171                    Egal ob du Selbstgemachtes oder klassische Waren verkaufst und deine Produkte sind auf Amazon und eBay der Renner? Dann ist jetzt der Zeitpunkt an den
1172                    
1173
1174                    
1175
1176                </p>
1177                
1178                
1179                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1180                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1181                    3 Min
1182                </div>
1183                
1184                
1185            </a>
1186        </div>
1187        
1188</div>
1189</div>
1190
1191                
1192                
1193                
1194                
1195                
1196                
1197                
1198                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1199    
1200    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1201        <a href="/blog/omnichannel-strategie-shop" title="Kanalübergreifend erfolgreich: Omnichannel-Strategie für deinen Shop" class="relative">
1202            <picture>
1203
1204                
1205
1206                    <source type="image/webp" srcset="/img/containers/blog/Blog-Kanalubergreifend-verkaufen-dank-Omnichannel.-Schritt-7---Blog-Beitrag.jpg/f5590bdf5b9dcf61ccce885f2da9830b/Blog-Kanalubergreifend-verkaufen-dank-Omnichannel.-Schritt-7---Blog-Beitrag.
1206webp">
1207                    <img src="/img/containers/blog/Blog-Kanalubergreifend-verkaufen-dank-Omnichannel.-Schritt-7---Blog-Beitrag.jpg/6b9e47370c2471e7921d03e432b0cff4/Blog-Kanalubergreifend-verkaufen-dank-Omnichannel.-Schritt-7---Blog-Beitrag.jpg" width="768" height="288" alt="Person mit Smartphone beim online-shopping in Modegeschäft. Omnichannel mit deinem Geschäft" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1208
1209                
1210
1211                
1212
1213
1214            </picture>
1215        </a>
1216    </div>
1217    
1218    <div class="flex-1 flex flex-col justify-between">
1219        <div class="flex-1">
1220            
1221            <p class="text-sm font-medium text-indigo-600">
1222                <a href="/blog/topic/erfolgreich-verkaufen" class="hover:underline">
1223                    Handel
1224                </a>
1225            </p>
1226            
1227            <a href="/blog/omnichannel-strategie-shop" class="block mt-2" title="Kanalübergreifend erfolgreich: Omnichannel-Strategie für deinen Shop">
1228                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1229                    Kanalübergreifend erfolgreich: Omnichannel-Strategie für deinen Shop
1230                </h2>
1231                <p class="mt-3 text-base text-gray-500">
1232
1233                    
1234
1235                    
1236                    Bring all deine Verkaufskanäle zusammen: Mit einer Omnichannel-Strategie! 7 wichtige Dinge, die du darüber wissen solltest, haben wir für dich
1237                    
1238
1239                    
1240
1241                </p>
1242                
1243                
1244                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1245                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1246                    6 Min
1247                </div>
1248                
1249                
1250            </a>
1251        </div>
1252        
1253</div>
1254</div>
1255
1256                
1257                
1258                
1259                
1260                
1261                
1262                
1263                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1264    
1265    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1266        <a href="/blog/online-shop-eroeffnen" title="Den Online-Shop in der Cloud eröffnen: Entspannt auf höchstem Niveau" class="relative">
1267            <picture>
1268
1269                
1270
1271                    <source type="image/webp" srcset="/img/containers/blog/Blog-Bild-Warum-Cloud-Shop-Blog-Beitrag.jpg/e81c08c40f55fdaf01ed5c823b85c608/Blog-Bild-Warum-Cloud-Shop-Blog-Beitrag.webp">
1272                    <img src="/img/containers/blog/Blog-Bild-Warum-Cloud-Shop-Blog-Beitrag.jpg/a8cfba88e85e59debf974d1d937bc782/Blog-Bild-Warum-Cloud-Shop-Blog-Beitrag.jpg" width="768" height="288" alt="Wolken am Himmel. Dein Online-Shop in der Cloud." class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1273
1274                
1275
1276                
1277
1278
1279            </picture>
1280        </a>
1281    </div>
1282    
1283    <div class="flex-1 flex flex-col justify-between">
1284        <div class="flex-1">
1285            
1286            <p class="text-sm font-medium text-indigo-600">
1287                <a href="/blog/topic/erfolgreich-verkaufen" class="hover:underline">
1288                    Handel
1289                </a>
1290            </p>
1291            
1292            <a href="/blog/online-shop-eroeffnen" class="block mt-2" title="Den Online-Shop in der Cloud eröffnen: Entspannt auf höchstem Niveau">
1293                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1294                    Den Online-Shop in der Cloud eröffnen: Entspannt auf höchstem Niveau
1295                </h2>
1296                <p class="mt-3 text-base text-gray-500">
1297
1298                    
1299
1300                    
1301                    Mit einem Online-Shop in der Cloud kannst du dich auf dein Kerngeschäft - das Verkaufen - konzentrieren. Wir haben 7 Vorteile zusammengefasst, warum
1302                    
1303
1304                    
1305
1306                </p>
1307                
1308                
1309                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1310                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
1310<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1311                    6 Min
1312                </div>
1313                
1314                
1315            </a>
1316        </div>
1317        
1318</div>
1319</div>
1320
1321                
1322                
1323                
1324                
1325                
1326                
1327                
1328                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1329    
1330    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1331        <a href="/blog/7-tipps-rund-um-alleinstellungsmerkmale-fuer-deinen-online-shop" title="7 Tipps rund um Alleinstellungsmerkmale für deinen Online-Shop" class="relative">
1332            <picture>
1333
1334                
1335
1336                    <source type="image/webp" srcset="/img/containers/blog/Blog-Bild-7-Alleinstellungsmerkmale-Blog-Beitrag.jpg/fe80793a6aa34a2290cd7827f423e8bf/Blog-Bild-7-Alleinstellungsmerkmale-Blog-Beitrag.webp">
1337                    <img src="/img/containers/blog/Blog-Bild-7-Alleinstellungsmerkmale-Blog-Beitrag.jpg/bccee76c6d5773ec58ee8d9fe9844d2d/Blog-Bild-7-Alleinstellungsmerkmale-Blog-Beitrag.jpg" width="768" height="288" alt="Mantel in Modegeschäft. 7 Alleinstellungsmerkmale für deinen Shop" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1338
1339                
1340
1341                
1342
1343
1344            </picture>
1345        </a>
1346    </div>
1347    
1348    <div class="flex-1 flex flex-col justify-between">
1349        <div class="flex-1">
1350            
1351            <p class="text-sm font-medium text-indigo-600">
1352                <a href="/blog/topic/erfolgreich-verkaufen" class="hover:underline">
1353                    Handel
1354                </a>
1355            </p>
1356            
1357            <a href="/blog/7-tipps-rund-um-alleinstellungsmerkmale-fuer-deinen-online-shop" class="block mt-2" title="7 Tipps rund um Alleinstellungsmerkmale für deinen Online-Shop">
1358                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1359                    7 Tipps rund um Alleinstellungsmerkmale für deinen Online-Shop
1360                </h2>
1361                <p class="mt-3 text-base text-gray-500">
1362
1363                    
1364
1365                    
1366                    Verkaufe nicht nur eine Flasche Wein oder einen Mantel: Verkaufe den Wein zu einem passenden Gericht oder den Mantel zu einem schönen Anlass und gib
1367                    
1368
1369                    
1370
1371                </p>
1372                
1373                
1374                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1375                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1376                    5 Min
1377                </div>
1378                
1379                
1380            </a>
1381        </div>
1382        
1383</div>
1384</div>
1385
1386                
1387                
1388                
1389                
1390                
1391                
1392                
1393                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1394    
1395    <div class="flex-1 flex flex-col justify-between">
1396        <div class="flex-1">
1397            
1398            <p class="text-sm font-medium text-indigo-600">
1399                <a href="/blog/topic/recht" class="hover:underline">
1400                    Recht
1401                </a>
1402            </p>
1403            
1404            <a href="/blog/steuertipps-fuer-shop-betreiber" class="block mt-2" title="Steuertipps von der Expertin – für Shop-Betreiber und die es werden wollen">
1405                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1406                    Steuertipps von der Expertin – für Shop-Betreiber und die es werden wollen
1407                </h2>
1408                <p class="mt-3 text-base text-gray-500">
1409
1410                    
1411
1412                    
1413                    Helen Dieckhöfer ist Steuerberater und war auch mal examinierter Wirtschaftsprüfer, sie ist aber auf eigenen Wunsch aktuell von der Bestellung zum Wirtschaftsprüfer beurlaubt. Nein, wir haben da keinen Fehler gemacht: Sie hat sich bei beiden Prüfungen für die konservative männliche Bezeichnung
1414                    
1415
1416                    
1417
1418                </p>
1419                
1420                
1421                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1422                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
1422<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1423                    9 Min
1424                </div>
1425                
1426                
1427            </a>
1428        </div>
1429        
1430</div>
1431</div>
1432
1433                
1434                
1435                
1436                
1437                
1438                
1439                
1440                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1441    
1442    <div class="flex-1 flex flex-col justify-between">
1443        <div class="flex-1">
1444            
1445            <p class="text-sm font-medium text-indigo-600">
1446                <a href="/blog/topic/tipps" class="hover:underline">
1447                    Handel
1448                </a>
1449            </p>
1450            
1451            <a href="/blog/burnout-vermeiden-als-haendler" class="block mt-2" title="Resilienz für Händler: 7 Tipps, um Burnout zu vermeiden">
1452                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1453                    Resilienz für Händler: 7 Tipps, um Burnout zu vermeiden
1454                </h2>
1455                <p class="mt-3 text-base text-gray-500">
1456
1457                    
1458
1459                    
1460                    Burnout schleicht sich hinterrücks an: Erst hast du immer zu viel zu tun, dann bist du so gestresst, dass auch freie Zeiten keine Linderung mehr bringen – und irgendwann stellst du fest, dass nichts mehr Spaß macht an diesem Shop und Business, die auf Herzblut laufen und davon abhängen, dass du
1461                    
1462
1463                    
1464
1465                </p>
1466                
1467                
1468                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1469                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1470                    6 Min
1471                </div>
1472                
1473                
1474            </a>
1475        </div>
1476        
1477</div>
1478</div>
1479
1480                
1481                
1482                
1483                
1484                
1485                
1486                
1487                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1488    
1489    <div class="flex-1 flex flex-col justify-between">
1490        <div class="flex-1">
1491            
1492            <p class="text-sm font-medium text-indigo-600">
1493                <a href="/blog/topic/tipps" class="hover:underline">
1494                    Handel
1495                </a>
1496            </p>
1497            
1498            <a href="/blog/17-tipps-fuer-e-commerce-beginner" class="block mt-2" title="17 Tipps für E-Commerce-Beginner">
1499                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1500                    17 Tipps für E-Commerce-Beginner
1501                </h2>
1502                <p class="mt-3 text-base text-gray-500">
1503
1504                    
1505
1506                    
1507                    Bist du schon mal in eine Bar oder ein Restaurant gekommen und hast einen Geldschein eingerahmt an der Wand hängen sehen? Wahrscheinlich war dies das erste selbstverdiente Geld des Unternehmers. Sein eigenes Denkmal. Seine Trophäe. So einen Bilderrahmen willst du auch? Kannst du haben: Wir zeigen
1508                    
1509
1510                    
1511
1512                </p>
1513                
1514                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1515                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
1515<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1516                    15 Min
1517                </div>
1518                
1519            </a>
1520        </div>
1521        
1522</div>
1523</div>
1524
1525                
1526                
1527                
1528                
1529            </div>
1530            
1531            <div class="mb-8 lg:mb-16 mx-auto md:grid gap-x-8 lg:gap-x-16 gap-y-8 lg:gap-y-8 grid-cols-1 md:grid-cols-3 card_type lg:max-w-none">
1532                
1533                <h2 class="font-bold text-gray-900 text-2xl col-span-full mb-8 md:mb-0  font-serif ">
1534                    Erfolgreiche Händler
1535                </h2>
1536                
1537                
1538                
1539                
1540                
1541                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-16  col-span-1 md:col-span-3 "">
1542    <div class="flex-1 flex flex-col justify-between col-span-1">
1543        <div class="flex-1">
1544            
1545            <p class="text-sm font-medium text-gray-600">
1546                <a href="/blog/topic/erfolgreiche-haendler" class="hover:underline">
1547                    Erfolgreiche Händler
1548                </a>
1549            </p>
1550            
1551            <a href="/blog/katlenburger-shop" class="block mt-2" title="Mit Liebe und Sorgfalt hergestellte feinste Fruchtweine aus der Katlenburger Kellerei">
1552                <h2 class="text-2xl lg:text-3xl break-words font-bold text-indigo-600 hover:text-black  font-serif ">
1553                    Mit Liebe und Sorgfalt hergestellte feinste Fruchtweine aus der Katlenburger Kellerei
1554                </h2>
1555                <p class="mt-3 text-base text-gray-500">
1556                    
1557                    Die seit der Gründung im Jahr 1925 familiengeführte Katlenburger Kellerei GmbH & Co. KG stellt vielfältige Weine aus aromatischen Fruchtsäften her: Erdbeere, Heidelbeere, Kirsche, Rhabarber und viele mehr. Das Sortiment von Europas größter Fruchtweinkellerei kann unter www.katlenburger-shop.de und
1558                    
1559                </p>
1560                
1561                
1562                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
1563                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
1564                    7 Min
1565                </div>
1566                
1567                
1568            </a>
1569        </div>
1570    </div>
1571    
1572    <div class="shrink-0 col-span-2 overflow-hidden rounded-sm">
1573        <a href="/blog/katlenburger-shop" title="Mit Liebe und Sorgfalt hergestellte feinste Fruchtweine aus der Katlenburger Kellerei" class="relative">
1574            <picture>
1575                <source type="image/webp" srcset="/img/containers/blog/versacommerce_blog_kathlenburger.jpg/173471ed59657ed3c1e981a6ca2a02d5/versacommerce_blog_kathlenburger.webp">
1576                <img src="/img/containers/blog/versacommerce_blog_kathlenburger.jpg/de2b352c234bd7a7e4b23c0399d409f4/versacommerce_blog_kathlenburger.jpg" width="768" height="576" alt="" class="h-full w-full object-cover hover:scale-102 transition-all" loading="lazy">
1577            </picture>
1578
1579            
1580
1581
1582        </a>
1583    </div>
1584    
1585</div>
1586
1587                
1588                
1589                
1590                
1591                
1592                <div class="col-span-3 grid grid-cols-1 md:grid-cols-3 gap-x-8 lg:gap-x-16 gap-y-8 lg:gap-y-8">
1593                    
1594                    
1595                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1596    
1597    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1598        <a href="/blog/interview-mit-himalayacrafts" title="Farbenpracht und Qualität: Der Himalayacrafts-Shop bietet Fairtrade Handwerk aus Nepal" class="relative">
1599            <picture>
1600
1601                
1602
1603                    <source type="image/webp" srcset="/img/containers/blog/2021_blog_titelbild_himalaya-crafts.jpg/0cc5f298a0a306c05de745f3d1e32d0e/2021_blog_titelbild_himalaya-crafts.webp">
1604                    <img src="/img/containers/blog/2021_blog_titelbild_himalaya-crafts.jpg/bd97c00056c5c73dd9b25a5739fee5e7/2021_blog_titelbild_himalaya-crafts.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1605
1606                
1607
1608                
1609
1610
1611            </picture>
1612        </a>
1613    </div>
1614    
1615    <div class="flex-1 flex flex-col justify-between">
1616        <div class="flex-1">
1617            
1618            <p class="text-sm font-medium text-indigo-600">
1619                <a href="/blog/topic/erfolgreiche-haendler" class="hover:underline">
1620                    Erfolgreiche Händler
1621                </a>
1622            </p>
1623            
1624            <a href="/blog/interview-mit-himalayacrafts" class="block mt-2" title="Farbenpracht und Qualität: Der Himalayacrafts-Shop bietet Fairtrade Handwerk aus Nepal">
1625                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1626                    Farbenpracht und Qualität: Der Himalayacrafts-Shop bietet Fairtrade Handwerk aus Nepal
1627                </h2>
1628                <p class="mt-3 text-base text-gray-500">
1629
1630                    
1631
1632                    
1633                    Namgel Sherpa aus Bonn verkauft online und offline Handwerkskunst, die von kleinen einheimischen Organisationen seines Heimatlandes hergestellt wird.
1634                    
1635
1636                    
1637
1638                </p>
1639                
1640                
1641                
1642            </a>
1643        </div>
1644        
1645</div>
1646</div>
1647
1648                    
1649                    
1650                    
1651                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1652    
1653    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1654        <a href="/blog/interview-mit-kampanyalar-teppiche" title="Unkompl
1654izierter Shop inklusive Technik und Design: Das perfekte Preis-Leistungsverhältnis" class="relative">
1655            <picture>
1656
1657                
1658
1659                    <source type="image/webp" srcset="/img/containers/blog/2021_blog_titelbild_Kampanyalar-Teppiche.jpg/b89b7d3454bea8308164cd8705f546f7/2021_blog_titelbild_Kampanyalar-Teppiche.webp">
1660                    <img src="/img/containers/blog/2021_blog_titelbild_Kampanyalar-Teppiche.jpg/e4f05c1334ceb99ec156996a7ec4cfa3/2021_blog_titelbild_Kampanyalar-Teppiche.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1661
1662                
1663
1664                
1665
1666
1667            </picture>
1668        </a>
1669    </div>
1670    
1671    <div class="flex-1 flex flex-col justify-between">
1672        <div class="flex-1">
1673            
1674            <p class="text-sm font-medium text-indigo-600">
1675                <a href="/blog/topic/erfolgreiche-haendler" class="hover:underline">
1676                    Erfolgreiche Händler
1677                </a>
1678            </p>
1679            
1680            <a href="/blog/interview-mit-kampanyalar-teppiche" class="block mt-2" title="Unkomplizierter Shop inklusive Technik und Design: Das perfekte Preis-Leistungsverhältnis">
1681                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1682                    Unkomplizierter Shop inklusive Technik und Design: Das perfekte Preis-Leistungsverhältnis
1683                </h2>
1684                <p class="mt-3 text-base text-gray-500">
1685
1686                    
1687
1688                    
1689                    Fatima und Harun Karaca fühlen sich gut aufgehoben und in familiärer Atmosphäre umfassend betreut durch das VersaCommerce Team.
1690                    
1691
1692                    
1693
1694                </p>
1695                
1696                
1697                
1698            </a>
1699        </div>
1700        
1701</div>
1702</div>
1703
1704                    
1705                    
1706                    
1707                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 "">
1708    
1709    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1710        <a href="/blog/interview-mit-yogabolster" title="Yogabolster.de - Erfolg durch Liebe zum Detail plus Fachwissen" class="relative">
1711            <picture>
1712
1713                
1714
1715                    <source type="image/webp" srcset="/img/containers/blog/2021_blog_titelbild_yogabolster.jpg/1325972feb0e799c22c7d4fdc271a549/2021_blog_titelbild_yogabolster.webp">
1716                    <img src="/img/containers/blog/2021_blog_titelbild_yogabolster.jpg/28c121cd3654a144acacf7d336b2e99f/2021_blog_titelbild_yogabolster.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1717
1718                
1719
1720                
1721
1722
1723            </picture>
1724        </a>
1725    </div>
1726    
1727    <div class="flex-1 flex flex-col justify-between">
1728        <div class="flex-1">
1729            
1730            <p class="text-sm font-medium text-indigo-600">
1731                <a href="/blog/topic/erfolgreiche-haendler" class="hover:underline">
1732                    Erfolgreiche Händler
1733                </a>
1734            </p>
1735            
1736            <a href="/blog/interview-mit-yogabolster" class="block mt-2" title="Yogabolster.de - Erfolg durch Liebe zum Detail plus Fachwissen">
1737                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1738                    Yogabolster.de - Erfolg durch Liebe zum Detail plus Fachwissen
1739                </h2>
1740                <p class="mt-3 text-base text-gray-500">
1741
1742                    
1743
1744                    
1745                    Ute Marek aus Hamburg ist seit 20 Jahren Yoga-Lehrerin. In Ihrem Online-Shop verkauft sie Yogabolster und Meditationskissen.
1746                    
1747
1748                    
1749
1750                </p>
1751                
1752                
1753                
1754            </a>
1755        </div>
1756        
1757</div>
1758</div>
1759
1760                    
1761                    
1762                </div>
1763                
1764                
1765            </div>
1766            
1767            <div class="mb-8 lg:mb-16 mx-auto md:grid gap-x-8 lg:gap-x-16 gap-y-8 lg:gap-y-8 grid-cols-1 md:grid-cols-3 card_type lg:max-w-none">
1768                
1769                <h2 class="font-bold text-gray-900 text-2xl col-span-full mb-8 md:mb-0  font-serif ">
1770                    Aus allen Rubriken
1771                </h2>
1772                
1773                
1774                
1775                
1776                
1777                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-2 "">
1778    
1779    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
1780        <a href="/blog/umsatzeinbruch-was-tun" title="Was tun, wenn deine Umsätze einbrechen?  7 Tipps für Shop-Betreiber" class="relative">
1781            <picture>
1782
1783                
1784
1785                
1786
1787                    <source type="image/webp" srcset="/img/containers/blog/versacommerce_blog_umsatzeinbruch.jpg/dc088742e39856e36254dbfc004322c7/versacommerce_blog_umsatzeinbruch.webp">
1788                    <img src="/img/containers/blog/versacommerce_blog_umsatzeinbruch.jpg/f5d659f9e9f1d22ae82a45e927678b04/versacommerce_blog_umsatzeinbruch.jpg" width="768" height="576" alt="" class="h-96 w-full object-cover hover:scale-102 transition-all" loading="lazy">
1789
1790                
1791
1792                
1793
1794                
1795
1796
1797            </picture>
1798        </a>
1799    </div>
1800    
1801    <div class="flex-1 flex flex-col justify-between">
1802        <div class="flex-1">
1803            
1804            <p class="text-sm font-medium text-indigo-600">
1805                <a href="/blog/topic/tipps" class="hover:underline">
1806                    Handel
1807                </a>
1808            </p>
1809            
1810            <a href="/blog/umsatzeinbruch-was-tun" class="block mt-2" title="Was tun, wenn deine Umsätze einbrechen?  7 Tipps für Shop-Betreiber">
1811                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
1812                    Was tun, wenn deine Umsätze einbrechen?  7 Tipps für Shop-Betreiber
1813                </h2>
1814                <p class="mt-3 text-base text-gray-500">
1815
1816                    
1817
1818                    
1819                    Manchmal läuft das Geschäft einfach nicht rund und du weißt nicht, was du tun könntest. Dann helfen unsere Tipps, mit denen du die Basics noch einmal
1820                    
1821
1822                    
1823
1824                </p>
1825                
1826                
1827                
1828            </a>
1829        </div>
1830        
1831</div>
1832</div>
1833
1834                
1835                
1836                
1837                
1838                
1839                <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Top-Artikel">
1840
1841    <strong class="block mb-6 text-indigo-600">
1842        Aktuell in anderen Ressorts
1843    </strong>
1844
1845    <ul>
1846        
1847        <li class="mb-6">
1848            <a href="/blog/barrierefreiheit-im-online-shop-was-du-jetzt-wissen-solltest" title="Barrierefreiheit im Online-Shop – Was du jetzt wissen solltest" class="flex items-center text-gray-600 hover:text-indigo-600 text-sm">
1849                <div class="text-2xl mr-4 opacity-40  font-serif ">1</div>
1850                <div>
1851                    <h2 class="inline">Barrierefreiheit im Online-Shop – Was du jetzt wissen solltest</h2>
1852                    <span class="opacity-60">(Recht)</span>
1853                    <span aria-hidden="true">&rarr;</span>
1854                </div>
1855            </a>
1856        </li>
1857        
1858        <li class="mb-6">
1859            <a href="/blog/e-rechnung-seit-dem-01-januar-keine-panik" title="Die Pflicht zur E-Rechnung  ist da - keine Panik" class="flex items-center text-gray-600 hover:text-indigo-600 text-sm">
1860                <div class="text-2xl mr-4 opacity-40  font-serif ">2</div>
1861                <div>
1862                    <h2 class="inline">Die Pflicht zur E-Rechnung  ist da - keine Panik</h2>
1863                    <span class="opacity-60">(Recht)</span>
1864                    <span aria-hidden="true">&rarr;</span>
1865                </div>
1866            </a>
1867        </li>
1868        
1869        <li class="mb-6">
1870            <a href="/blog/trends-die-jeder-einzelhaendlerin-kennen-sollten" title="Aktuelle Trends, die jeder lokale Händler kennen muss" class="flex items-center text-gray-600 hover:text-indigo-600 text-sm">
1871                <div class="text-2xl mr-4 opacity-40  font-serif ">3</div>
1872                <div>
1873                    <h2 class="inline">Aktuelle Trends, die jeder lokale Händler kennen muss</h2>
1874                    <span class="opacity-60">(Handel)</span>
1875                    <span aria-hidden="true">&rarr;</span>
1876                </div>
1877            </a>
1878        </li>
1879        
1880        <li class="mb-6">
1881            <a href="/blog/einzelhandel-in-der-innenstadt-zwischen-herausforderungen-und-moeglichkeiten" title="In der Innenstadt: Chancen für den Einzelhandel" class="flex items-center text-gray-600 hover:text-indigo-600 text-sm">
1882                <div class="text-2xl mr-4 opacity-40  font-serif ">4</div>
1883                <div>
1884                    <h2 class="inline">In der Innenstadt: Chancen für den Einzelhandel</h2>
1885                    <span class="opacity-60">(Handel)</span>
1886                    <span aria-hidden="true">&rarr;</span>
1887                </div>
1888            </a>
1889        </li>
1890        
1891        <li class="mb-6">
1892            <a href="/blog/die-bedeutung-von-klein-und-mittelstaedten-im-einzelhandel" title="Einzelhandel in kleinen Städten: Chancen, die du nutzen solltest" class="flex items-center text-gray-600 hover:text-indigo-600 text-sm">
1893                <div class="text-2xl mr-4 opacity-40  font-serif ">5</div>
1894                <div>
1895                    <h2 class="inline">Einzelhandel in kleinen Städten: Chancen, die du nutzen solltest</h2>
1896                    <span class="opacity-60">(Handel)</span>
1897                    <span aria-hidden="true">&rarr;</span>
1898                </div>
1899            </a>
1900        </li>
1901        
1902    </ul>
1903
1904</div>
1905
1906                
1907                
1908                
1909                <div class="col-span-3 grid grid-cols-1 md:grid-cols-3 gap-x-8 lg:gap-x-16 gap-y-8 lg:gap-y-8">
1910                    
1911                    
1912                    
1913                    
1914                    
1915                    
1916                    
1917                    
1918                    
1919                    
1920                    
1921                    
1922                    
1923                    
1924                    
1925                    
1926                    
1927                    
1928                    
1929                    
1930                    
1931                    
1932                    
1933                    
1934                    
1935                    
1936                    
1937                    
1938                    
1939                    
1940                    
1941                    
1942                    
1943                    
1944                    
1945                    
1946                    
1947                    
1948                    
1949                    
1950                    
1951                    
1952                    
1953                    
1954                    
1955                    
1956                    
1957                    
1958                    
1959                    
1960                    
1961                    
1962                    
1963                    
1964                    
1965                    
1966                    
1967                    
1968                    
1969                    
1970                    
1971                    
1972                    
1973                    
1974                    
1975                    
1976                    
1977                    
1978                    
1979                    
1980                    
1981                    
1982                    
1983                    
1984                    
1985                    
1986                    
1987                    
1988                    
1989                    
1990                    
1991                    
1992                    
1993                    
1994                    
1995                    
1996                    
1997                    
1998                    
1999                    
2000                    
2001                    
2002                    
2003                    
2004                    
2005                    
2006                    
2007                    
2008                    
2009                    
2010                    
2011                    
2012                    
2013                    
2014                    
2015                    
2016                    
2017                    
2018                    
2019                    
2020                    
2021                    
2022                    
2023                    
2024                    
2025                    
2026                    
2027                    
2028                    
2029                    
2030                    
2031                    
2032                    
2033                    
2034                    
2035                    
2036                    
2037                    
2038                    
2039                    
2040                    
2041                    
2042                    
2043                    
2044                    
2045                    
2046                    
2047                    
2048                    
2049                    
2050                    
2051                    
2052                    
2053                    
2054                    
2055                    
2056                    
2057                    
2058                    
2059                    
2060                    
2061                    
2062                    
2063                    
2064                    
2065                    
2066                    
2067                    
2068                    
2069                    
2070                    
2071                    
2072                    
2073                    
2074                    
2075                    
2076                    
2077                    
2078                    
2079                    
2080                    
2081                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2082    
2083    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2084        <a href="/blog/e-commerce-2024-sieben-trends-die-den-markt-antreiben-werden" title="E-Commerce 2024: Sieben Trends, die den Markt antreiben werden" class="relative">
2085            <picture>
2086
2087                
2088
2089                    <source type="image/webp" srcset="/img/containers/blog/bloge-commerce-2024_-sieben-trends,-die-den-markt-antreiben-werden--blog-beitrag.jpg/495135370081a9bbc37a23d9b0d0bf1f/bloge-commerce-2024_-sieben-trends,-die-den-markt-antreiben-werden--blog-beitrag.webp">
2090                    <img src="/img/containers/blog/bloge-commerce-2024_-sieben-trends,-die-den-markt-antreiben-werden--blog-beitrag.jpg/e6a83381f3d52c890517918247885a76/bloge-commerce-2024_-sieben-trends,-die-den-markt-antreiben-werden--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2091
2092                
2093
2094                
2095
2096
2097            </picture>
2098        </a>
2099    </div>
2100    
2101    <div class="flex-1 flex flex-col justify-between">
2102        <div class="flex-1">
2103            
2104            <p class="text-sm font-medium text-indigo-600">
2105                <a href="/blog/topic/erfolgreich-verkaufen" class="hover:underline">
2106                    Handel
2107                </a>
2108            </p>
2109            
2110            <a href="/blog/e-commerce-2024-sieben-trends-die-den-markt-antreiben-werden" class="block mt-2" title="E-Commerce 2024: Sieben Trends, die den Markt antreiben werden">
2111                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2112                    E-Commerce 2024: Sieben Trends, die den Markt antreiben werden
2113                </h2>
2114                <p class="mt-3 text-base text-gray-500">
2115
2116                    
2117
2118                    
2119                    Die digitale Landschaft des E-Commerce wird sich 2024 drastisch verändern, und fynax, die E-Commerce-Marke der ETL-Gruppe, hat sieben Schlüsseltrends
2120                    
2121
2122                    
2123
2124                </p>
2125                
2126                
2127                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2128                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
2128<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2129                    1 Min
2130                </div>
2131                
2132                
2133            </a>
2134        </div>
2135        
2136</div>
2137</div>
2138
2139                    
2140                    
2141                    
2142                    
2143                    
2144                    
2145                    
2146                    
2147                    
2148                    
2149                    
2150                    
2151                    
2152                    
2153                    
2154                    
2155                    
2156                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2157    
2158    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2159        <a href="/blog/was-ist-social-commerce" title="Was ist „Social Commerce“ überhaupt?" class="relative">
2160            <picture>
2161
2162                
2163
2164                    <source type="image/webp" srcset="/img/containers/blog/blog-was-ist-social-commerce-uberhaupt_--blog-beitrag-%281%29.jpg/f8e1e3a379dcee57b519b2f82e4b0f4f/blog-was-ist-social-commerce-uberhaupt_--blog-beitrag-%281%29.webp">
2165                    <img src="/img/containers/blog/blog-was-ist-social-commerce-uberhaupt_--blog-beitrag-%281%29.jpg/0cceb776dbb8ba0495702f44b4973643/blog-was-ist-social-commerce-uberhaupt_--blog-beitrag-%281%29.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2166
2167                
2168
2169                
2170
2171
2172            </picture>
2173        </a>
2174    </div>
2175    
2176    <div class="flex-1 flex flex-col justify-between">
2177        <div class="flex-1">
2178            
2179            <p class="text-sm font-medium text-indigo-600">
2180                <a href="/blog/topic/erfolgreich-verkaufen" class="hover:underline">
2181                    Handel
2182                </a>
2183            </p>
2184            
2185            <a href="/blog/was-ist-social-commerce" class="block mt-2" title="Was ist „Social Commerce“ überhaupt?">
2186                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2187                    Was ist „Social Commerce“ überhaupt?
2188                </h2>
2189                <p class="mt-3 text-base text-gray-500">
2190
2191                    
2192
2193                    
2194                    Social Commerce – was soll das sein? Social Commerce ist Handel, der direkt auf Social-Media-Plattformen und ähnlichen Netzwerken stattfindet – ohne
2195                    
2196
2197                    
2198
2199                </p>
2200                
2201                
2202                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2203                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2204                    7 Min
2205                </div>
2206                
2207                
2208            </a>
2209        </div>
2210        
2211</div>
2212</div>
2213
2214                    
2215                    
2216                    
2217                    
2218                    
2219                    
2220                    
2221                    
2222                    
2223                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2224    
2225    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2226        <a href="/blog/google-lia-gegen-das-lokale-einzelhandelssterben" title="Google LIA gegen das lokale Einzelhandelssterben" class="relative">
2227            <picture>
2228
2229                
2230
2231                    <source type="image/webp" srcset="/img/containers/blog/blog-google-lia-gegen-das-lokale-einzelhandelssterben--blog-beitrag.jpg/dc6de38694b8699de4bba978953c123c/blog-google-lia-gegen-das-lokale-einzelhandelssterben--blog-beitrag.webp">
2232                    <img src="/img/containers/blog/blog-google-lia-gegen-das-lokale-einzelhandelssterben--blog-beitrag.jpg/fc9b419910840d2744af6de79cc9c8b8/blog-google-lia-gegen-das-lokale-einzelhandelssterben--blog-beitrag.jpg" width="768" height="288" alt="Standortmarkierung auf Stadtkarte" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2233
2234                
2235
2236                
2237
2238
2239            </picture>
2240        </a>
2241    </div>
2242    
2243    <div class="flex-1 flex flex-col justify-between">
2244        <div class="flex-1">
2245            
2246            <p class="text-sm font-medium text-indigo-600">
2247                <a href="/blog/topic/einzelhandel" class="hover:underline">
2248                    Handel
2249                </a>
2250            </p>
2251            
2252            <a href="/blog/google-lia-gegen-das-lokale-einzelhandelssterben" class="block mt-2" title="Google LIA gegen das lokale Einzelhandelssterben">
2253                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2254                    Google LIA gegen das lokale Einzelhandelssterben
2255                </h2>
2256                <p class="mt-3 text-base text-gray-500">
2257
2258                    
2259
2260                    
2261                    64% der Einkäufe in lokalen Geschäften sind längst digital beeinflusst, das heißt, der Kunde hat sich schon im Voraus zum Produkt online informiert,
2262                    
2263
2264                    
2265
2266                </p>
2267                
2268                
2269                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2270                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
2270<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2271                    3 Min
2272                </div>
2273                
2274                
2275            </a>
2276        </div>
2277        
2278</div>
2279</div>
2280
2281                    
2282                    
2283                    
2284                    
2285                    
2286                    
2287                    
2288                    
2289                    
2290                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2291    
2292    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2293        <a href="/blog/mit-google-mehr-erfolg-im-stationaeren-handel" title="Mit Google mehr Erfolg im stationären Handel" class="relative">
2294            <picture>
2295
2296                
2297
2298                    <source type="image/webp" srcset="/img/containers/blog/blog-mit-google-mehr-erfolg-im-stationaren-handel--blog-beitrag.jpg/4f5ece869b9b11b7330af3af96c91407/blog-mit-google-mehr-erfolg-im-stationaren-handel--blog-beitrag.webp">
2299                    <img src="/img/containers/blog/blog-mit-google-mehr-erfolg-im-stationaren-handel--blog-beitrag.jpg/101a5989a85faab5b3f04de22b7c7616/blog-mit-google-mehr-erfolg-im-stationaren-handel--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2300
2301                
2302
2303                
2304
2305
2306            </picture>
2307        </a>
2308    </div>
2309    
2310    <div class="flex-1 flex flex-col justify-between">
2311        <div class="flex-1">
2312            
2313            <p class="text-sm font-medium text-indigo-600">
2314                <a href="/blog/topic/einzelhandel" class="hover:underline">
2315                    Handel
2316                </a>
2317            </p>
2318            
2319            <a href="/blog/mit-google-mehr-erfolg-im-stationaeren-handel" class="block mt-2" title="Mit Google mehr Erfolg im stationären Handel">
2320                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2321                    Mit Google mehr Erfolg im stationären Handel
2322                </h2>
2323                <p class="mt-3 text-base text-gray-500">
2324
2325                    
2326
2327                    
2328                    Der Großteil der Nutzer, die die lokale Suche auf ihrem Mobilgerät eingestellt haben, ruft beim Unternehmen an oder kommt binnen eines Tages vorbei.
2329                    
2330
2331                    
2332
2333                </p>
2334                
2335                
2336                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2337                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2338                    3 Min
2339                </div>
2340                
2341                
2342            </a>
2343        </div>
2344        
2345</div>
2346</div>
2347
2348                    
2349                    
2350                    
2351                    
2352                    
2353                    
2354                    
2355                    
2356                    
2357                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2358    
2359    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2360        <a href="/blog/social-media-feedback-knigge" title="Der kleine Feedback-Knigge für deinen Shop" class="relative">
2361            <picture>
2362
2363                
2364
2365                    <source type="image/webp" srcset="/img/containers/blog/blog-der-kleine-feedback-knigge-fur-deinen-shop--blog-beitrag.jpg/79491d7b9abbba5c5a18fbb949933df9/blog-der-kleine-feedback-knigge-fur-deinen-shop--blog-beitrag.webp">
2366                    <img src="/img/containers/blog/blog-der-kleine-feedback-knigge-fur-deinen-shop--blog-beitrag.jpg/f19eb334d037129f5e6b4d1fdf32874d/blog-der-kleine-feedback-knigge-fur-deinen-shop--blog-beitrag.jpg" width="768" height="288" alt="Daumen hoch, Feedback" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2367
2368                
2369
2370                
2371
2372
2373            </picture>
2374        </a>
2375    </div>
2376    
2377    <div class="flex-1 flex flex-col justify-between">
2378        <div class="flex-1">
2379            
2380            <p class="text-sm font-medium text-indigo-600">
2381                <a href="/blog/topic/tipps" class="hover:underline">
2382                    Handel
2383                </a>
2384            </p>
2385            
2386            <a href="/blog/social-media-feedback-knigge" class="block mt-2" title="Der kleine Feedback-Knigge für deinen Shop">
2387                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2388                    Der kleine Feedback-Knigge für deinen Shop
2389                </h2>
2390                <p class="mt-3 text-base text-gray-500">
2391
2392                    
2393
2394                    
2395                    Online hat jede Reaktion deiner Kunden das Potenzial, öffentlichkeitswirksam zu werden: Kommentare im Blog, Bewertungen und Interaktionen in de
2395n
2396                    
2397
2398                    
2399
2400                </p>
2401                
2402                
2403                
2404            </a>
2405        </div>
2406        
2407</div>
2408</div>
2409
2410                    
2411                    
2412                    
2413                    
2414                    
2415                    
2416                    
2417                    
2418                    
2419                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2420    
2421    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2422        <a href="/blog/social-media-monitoring-das-denken-deine-kunden-wirklich-ueber-dich" title="Social-Media-Monitoring: Das denken deine Kunden wirklich über dich" class="relative">
2423            <picture>
2424
2425                
2426
2427                    <source type="image/webp" srcset="/img/containers/blog/blog-social-media-monitoring_-das-denken-deine-kunden-wirklich-uber-dich--blog-beitrag.jpg/ffd0e0a622af988c45fd88f7861f2212/blog-social-media-monitoring_-das-denken-deine-kunden-wirklich-uber-dich--blog-beitrag.webp">
2428                    <img src="/img/containers/blog/blog-social-media-monitoring_-das-denken-deine-kunden-wirklich-uber-dich--blog-beitrag.jpg/97f7c73fcf11e5089cdc7dbe04c6a085/blog-social-media-monitoring_-das-denken-deine-kunden-wirklich-uber-dich--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2429
2430                
2431
2432                
2433
2434
2435            </picture>
2436        </a>
2437    </div>
2438    
2439    <div class="flex-1 flex flex-col justify-between">
2440        <div class="flex-1">
2441            
2442            <p class="text-sm font-medium text-indigo-600">
2443                <a href="/blog/topic/online-marketing" class="hover:underline">
2444                    Marketing
2445                </a>
2446            </p>
2447            
2448            <a href="/blog/social-media-monitoring-das-denken-deine-kunden-wirklich-ueber-dich" class="block mt-2" title="Social-Media-Monitoring: Das denken deine Kunden wirklich über dich">
2449                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2450                    Social-Media-Monitoring: Das denken deine Kunden wirklich über dich
2451                </h2>
2452                <p class="mt-3 text-base text-gray-500">
2453
2454                    
2455
2456                    
2457                    Du willst wissen, was deine Kunden über dich und deine Produkte denken? Um das herauszufinden, gibt es verschiedene Möglichkeiten. Du kannst sie
2458                    
2459
2460                    
2461
2462                </p>
2463                
2464                
2465                
2466            </a>
2467        </div>
2468        
2469</div>
2470</div>
2471
2472                    
2473                    
2474                    
2475                    
2476                    
2477                    
2478                    
2479                    
2480                    
2481                    
2482                    
2483                    
2484                    
2485                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2486    
2487    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2488        <a href="/blog/mehr-umsatz-im-online-shop" title="11 Online-Shop-Tipps, die den Umsatz steigern!" class="relative">
2489            <picture>
2490
2491                
2492
2493                    <source type="image/webp" srcset="/img/containers/blog/blog-11-online-shop-tipps,-die-den-umsatz-steigern!--blog-beitrag.jpg/09cb3999ba2ea6f6c26d4de4394fd562/blog-11-online-shop-tipps,-die-den-umsatz-steigern!--blog-beitrag.webp">
2494                    <img src="/img/containers/blog/blog-11-online-shop-tipps,-die-den-umsatz-steigern!--blog-beitrag.jpg/2087bd6849a2f50ce4cd99ed1ffbd436/blog-11-online-shop-tipps,-die-den-umsatz-steigern!--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2495
2496                
2497
2498                
2499
2500
2501            </picture>
2502        </a>
2503    </div>
2504    
2505    <div class="flex-1 flex flex-col justify-between">
2506        <div class="flex-1">
2507            
2508            <p class="text-sm font-medium text-indigo-600">
2509                <a href="/blog/topic/tipps" class="hover:underline">
2510                    Handel
2511                </a>
2512            </p>
2513            
2514            <a href="/blog/mehr-umsatz-im-online-shop" class="block mt-2" title="11 Online-Shop-Tipps, die den Umsatz steigern!">
2515                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2516                    11 Online-Shop-Tipps, die den Umsatz steigern!
2517                </h2>
2518                <p class="mt-3 text-base text-gray-500">
2519
2520                    
2521
2522                    
2523                    Du hast deinen Online-Shop realisiert? Super, die ersten Schritte im E-Commerce sind also gemeistert! Wir zeigen dir hier ein paar Griffe, wie du nun
2524                    
2525
2526                    
2527
2528                </p>
2529                
2530                
2531                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2532                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
2532<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2533                    5 Min
2534                </div>
2535                
2536                
2537            </a>
2538        </div>
2539        
2540</div>
2541</div>
2542
2543                    
2544                    
2545                    
2546                    
2547                    
2548                    
2549                    
2550                    
2551                    
2552                    
2553                    
2554                    
2555                    
2556                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2557    
2558    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2559        <a href="/blog/shop-marketing-weihnachtsgeschaeft" title="Shop-Marketing fürs erfolgreiche Weihnachtsgeschäft" class="relative">
2560            <picture>
2561
2562                
2563
2564                    <source type="image/webp" srcset="/img/containers/blog/blog-shop-marketing-furs-erfolgreiche-weihnachtsgeschaft--blog-beitrag.jpg/f37e2357a03f23d98b66a0459b5bb758/blog-shop-marketing-furs-erfolgreiche-weihnachtsgeschaft--blog-beitrag.webp">
2565                    <img src="/img/containers/blog/blog-shop-marketing-furs-erfolgreiche-weihnachtsgeschaft--blog-beitrag.jpg/041f27352ed0ae52ebbec91f197dc477/blog-shop-marketing-furs-erfolgreiche-weihnachtsgeschaft--blog-beitrag.jpg" width="768" height="288" alt="Weihnachtsgeschenke unter Weihnachtsbaum" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2566
2567                
2568
2569                
2570
2571
2572            </picture>
2573        </a>
2574    </div>
2575    
2576    <div class="flex-1 flex flex-col justify-between">
2577        <div class="flex-1">
2578            
2579            <p class="text-sm font-medium text-indigo-600">
2580                <a href="/blog/topic/online-marketing" class="hover:underline">
2581                    Marketing
2582                </a>
2583            </p>
2584            
2585            <a href="/blog/shop-marketing-weihnachtsgeschaeft" class="block mt-2" title="Shop-Marketing fürs erfolgreiche Weihnachtsgeschäft">
2586                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2587                    Shop-Marketing fürs erfolgreiche Weihnachtsgeschäft
2588                </h2>
2589                <p class="mt-3 text-base text-gray-500">
2590
2591                    
2592
2593                    
2594                    Shop-Marketing für Weihnachten – etwa jetzt schon? Nach dem Fest ist vor dem Fest. Ab jetzt bist du reif für die Weihnachtssaison und kannst mit
2595                    
2596
2597                    
2598
2599                </p>
2600                
2601                
2602                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2603                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2604                    6 Min
2605                </div>
2606                
2607                
2608            </a>
2609        </div>
2610        
2611</div>
2612</div>
2613
2614                    
2615                    
2616                    
2617                    
2618                    
2619                    
2620                    
2621                    
2622                    
2623                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2624    
2625    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2626        <a href="/blog/was-kunden-wollen-vertrauenswuerdiger-shop" title="Digitales Vertrauen aufbauen: Was deinen Kunden wichtig ist" class="relative">
2627            <picture>
2628
2629                
2630
2631                    <source type="image/webp" srcset="/img/containers/blog/blog-digitales-vertrauen-aufbauen_-was-deinen-ku
2631nden-wichtig-ist--blog-beitrag.jpg/e2a3907e116320ad4ce27cb554e2af4e/blog-digitales-vertrauen-aufbauen_-was-deinen-kunden-wichtig-ist--blog-beitrag.webp">
2632                    <img src="/img/containers/blog/blog-digitales-vertrauen-aufbauen_-was-deinen-kunden-wichtig-ist--blog-beitrag.jpg/6e5383a29ba304bf56bca0d583f1a3a3/blog-digitales-vertrauen-aufbauen_-was-deinen-kunden-wichtig-ist--blog-beitrag.jpg" width="768" height="288" alt="Mann lächelt Laptop an, sitzt auf Sofa" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2633
2634                
2635
2636                
2637
2638
2639            </picture>
2640        </a>
2641    </div>
2642    
2643    <div class="flex-1 flex flex-col justify-between">
2644        <div class="flex-1">
2645            
2646            <p class="text-sm font-medium text-indigo-600">
2647                <a href="/blog/topic/tipps" class="hover:underline">
2648                    Handel
2649                </a>
2650            </p>
2651            
2652            <a href="/blog/was-kunden-wollen-vertrauenswuerdiger-shop" class="block mt-2" title="Digitales Vertrauen aufbauen: Was deinen Kunden wichtig ist">
2653                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2654                    Digitales Vertrauen aufbauen: Was deinen Kunden wichtig ist
2655                </h2>
2656                <p class="mt-3 text-base text-gray-500">
2657
2658                    
2659
2660                    
2661                    Wusstest du, dass die meisten Käufer sich keinesfalls auf den ersten Klick in dein tolles Produkt vergucken und es dann kaufen – sondern rund 85 %
2662                    
2663
2664                    
2665
2666                </p>
2667                
2668                
2669                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2670                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2671                    7 Min
2672                </div>
2673                
2674                
2675            </a>
2676        </div>
2677        
2678</div>
2679</div>
2680
2681                    
2682                    
2683                    
2684                    
2685                    
2686                    
2687                    
2688                    
2689                    
2690                    
2691                    
2692                    
2693                    
2694                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2695    
2696    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2697        <a href="/blog/10-fehler-die-du-als-online-shop-betreiber-vermeiden-solltest" title="10 Fehler, die du als Online-Shop-Betreiber vermeiden solltest" class="relative">
2698            <picture>
2699
2700                
2701
2702                    <source type="image/webp" srcset="/img/containers/blog/blog-10-fehler,-die-du-als-online-shop-betreiber-vermeiden-solltest--blog-beitrag.jpg/02ce6bc987898240a69fa253f0f008c8/blog-10-fehler,-die-du-als-online-shop-betreiber-vermeiden-solltest--blog-beitrag.webp">
2703                    <img src="/img/containers/blog/blog-10-fehler,-die-du-als-online-shop-betreiber-vermeiden-solltest--blog-beitrag.jpg/f41a95f3f5525bf5215acbbc8db3237e/blog-10-fehler,-die-du-als-online-shop-betreiber-vermeiden-solltest--blog-beitrag.jpg" width="768" height="288" alt="Mann, der die Hände über dem Kopf zusammenschlägt" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2704
2705                
2706
2707                
2708
2709
2710            </picture>
2711        </a>
2712    </div>
2713    
2714    <div class="flex-1 flex flex-col justify-between">
2715        <div class="flex-1">
2716            
2717            <p class="text-sm font-medium text-indigo-600">
2718                <a href="/blog/topic/erfolgreich-verkaufen" class="hover:underline">
2719                    Handel
2720                </a>
2721            </p>
2722            
2723            <a href="/blog/10-fehler-die-du-als-online-shop-betreiber-vermeiden-solltest" class="block mt-2" title="10 Fehler, die du als Online-Shop-Betreiber vermeiden solltest">
2724                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2725                    10 Fehler, die du als Online-Shop-Betreiber vermeiden solltest
2726                </h2>
2727                <p class="mt-3 text-base text-gray-500">
2728
2729                    
2730
2731                    
2732                    Von Kundenbindung bis Lagerverwaltung: diese 10 Dinge solltest du beachten, wenn du einen erfolgreichen Online-Shop haben willst.
2733                    
2734
2735                    
2736
2737                </p>
2738                
2739                
2740                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2741                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
2741<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2742                    3 Min
2743                </div>
2744                
2745                
2746            </a>
2747        </div>
2748        
2749</div>
2750</div>
2751
2752                    
2753                    
2754                    
2755                    
2756                    
2757                    
2758                    
2759                    
2760                    
2761                    
2762                    
2763                    
2764                    
2765                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2766    
2767    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2768        <a href="/blog/instagram-collab" title="Instagram Collab-Posts: Jetzt wird's kuschelig!" class="relative">
2769            <picture>
2770
2771                
2772
2773                    <source type="image/webp" srcset="/img/containers/blog/blog-instagram-collab-posts_-jetzt-wird%27s-kuschelig!--blog-beitrag.jpg/e60527c359165b845d405af11382cc75/blog-instagram-collab-posts_-jetzt-wird%27s-kuschelig!--blog-beitrag.webp">
2774                    <img src="/img/containers/blog/blog-instagram-collab-posts_-jetzt-wird%27s-kuschelig!--blog-beitrag.jpg/2a2f3dfdad56feb7cdafc811ba41c865/blog-instagram-collab-posts_-jetzt-wird%27s-kuschelig!--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2775
2776                
2777
2778                
2779
2780
2781            </picture>
2782        </a>
2783    </div>
2784    
2785    <div class="flex-1 flex flex-col justify-between">
2786        <div class="flex-1">
2787            
2788            <p class="text-sm font-medium text-indigo-600">
2789                <a href="/blog/topic/online-marketing" class="hover:underline">
2790                    Marketing
2791                </a>
2792            </p>
2793            
2794            <a href="/blog/instagram-collab" class="block mt-2" title="Instagram Collab-Posts: Jetzt wird's kuschelig!">
2795                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2796                    Instagram Collab-Posts: Jetzt wird's kuschelig!
2797                </h2>
2798                <p class="mt-3 text-base text-gray-500">
2799
2800                    
2801
2802                    
2803                    Instagram ist immer wieder für neue Features gut –  seit dem Siegeszug der Reels scheint fast jede Woche eine neue Möglichkeit aufzutauchen. Die
2804                    
2805
2806                    
2807
2808                </p>
2809                
2810                
2811                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2812                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2813                    7 Min
2814                </div>
2815                
2816                
2817            </a>
2818        </div>
2819        
2820</div>
2821</div>
2822
2823                    
2824                    
2825                    
2826                    
2827                    
2828                    
2829                    
2830                    
2831                    
2832                    
2833                    
2834                    
2835                    
2836                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2837    
2838    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2839        <a href="/blog/local-seo-sieben-rankingfaktoren" title="Sichtbarkeit dank „Local-SEO“ – jede Kundenreise beginnt mit einer Suche" class="relative">
2840            <picture>
2841
2842                
2843
2844                    <source type="image/webp" srcset="/img/containers/blog/blog-sichtbarkeit-dank-local-seo--jede-kundenreise-beginnt-mit-einer-suche--blog-beitrag.jpg/8f53e4e99461d5e618d79bf25c67015d/blog-sichtbarkeit-dank-local-seo--jede-kundenreise-beginnt-mit-einer-suche--blog-beitrag.webp">
2845                    <img src="/img/containers/blog/blog-sichtbarkeit-dank-local-seo--jede-kundenreise-beginnt-mit-einer-suche--blog-beitrag.jpg/9c6d543fb45cc9fa84e8e462b2aae9f3/blog-sichtbarkeit-dank-local-seo--jede-kundenreise-beginnt-mit-einer-suche--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2846
2847                
2848
2849                
2850
2851
2852            </picture>
2853        </a>
2854    </div>
2855    
2856    <div class="flex-1 flex flex-col justify-between">
2857        <div class="flex-1">
2858            
2859            <p class="text-sm font-medium text-indigo-600">
2860                <a href="/blog/topic/online-marketing" class="hover:underline">
2861                    Marketing
2862                </a>
2863            </p>
2864            
2865            <a href="/blog/local-seo-sieben-rankingfaktoren" class="block mt-2" title="Sichtbarkeit dank „Local-SEO“ – jede Kundenreise beginnt mit einer Suche">
2866                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2867                    Sichtbarkeit dank „Local-SEO“ – jede Kundenreise beginnt mit einer Suche
2868                </h2>
2869                <p class="mt-3 text-base text-gray-500">
2870
2871                    
2872
2873                    
2874                    Damit du dort gefunden wirst, wo deine Zielgruppe mit ihrer Suche beginnt, haben wir die sieben wichtigsten Rankingfaktoren für Local-SEO-Maßnahmen
2875                    
2876
2877                    
2878
2879                </p>
2880                
2881                
2882                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2883                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
2883<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2884                    6 Min
2885                </div>
2886                
2887                
2888            </a>
2889        </div>
2890        
2891</div>
2892</div>
2893
2894                    
2895                    
2896                    
2897                    
2898                    
2899                    
2900                    
2901                    
2902                    
2903                    
2904                    
2905                    
2906                    
2907                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2908    
2909    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2910        <a href="/blog/kostensenkung-im-einzelhandel-5-bewaehrte-strategien-fuer-mehr-effizienz-und-wettbewerbsfaehigkeit" title="Kostensenkung im Einzelhandel: 5 bewährte Strategien für mehr Effizienz und Wettbewerbsfähigkeit" class="relative">
2911            <picture>
2912
2913                
2914
2915                    <source type="image/webp" srcset="/img/containers/blog/blog-kostensenkung-im-einzelhandel_-5-bewahrte-strategien-fur-mehr-effizienz-und-wettbewerbsfahigkeit--blog-beitrag.jpg/e03d639c84bddd9317c8bdacc616d3f1/blog-kostensenkung-im-einzelhandel_-5-bewahrte-strategien-fur-mehr-effizienz-und-wettbewerbsfahigkeit--blog-beitrag.webp">
2916                    <img src="/img/containers/blog/blog-kostensenkung-im-einzelhandel_-5-bewahrte-strategien-fur-mehr-effizienz-und-wettbewerbsfahigkeit--blog-beitrag.jpg/8f3b1ff301af2ce0c5b3a0a94916ff16/blog-kostensenkung-im-einzelhandel_-5-bewahrte-strategien-fur-mehr-effizienz-und-wettbewerbsfahigkeit--blog-beitrag.jpg" width="768" height="288" alt="Sinkender Graph im Schaufenster eines Geschäftes" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2917
2918                
2919
2920                
2921
2922
2923            </picture>
2924        </a>
2925    </div>
2926    
2927    <div class="flex-1 flex flex-col justify-between">
2928        <div class="flex-1">
2929            
2930            <p class="text-sm font-medium text-indigo-600">
2931                <a href="/blog/topic/erfolgreich-verkaufen" class="hover:underline">
2932                    Handel
2933                </a>
2934            </p>
2935            
2936            <a href="/blog/kostensenkung-im-einzelhandel-5-bewaehrte-strategien-fuer-mehr-effizienz-und-wettbewerbsfaehigkeit" class="block mt-2" title="Kostensenkung im Einzelhandel: 5 bewährte Strategien für mehr Effizienz und Wettbewerbsfähigkeit">
2937                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
2938                    Kostensenkung im Einzelhandel: 5 bewährte Strategien für mehr Effizienz und Wettbewerbsfähigkeit
2939                </h2>
2940                <p class="mt-3 text-base text-gray-500">
2941
2942                    
2943
2944                    
2945                    Hast du dich jemals gefragt, wie du die Kosten in deinem Einzelhandelsgeschäft senken und damit die Marge steigern kannst? In der heutigen
2946                    
2947
2948                    
2949
2950                </p>
2951                
2952                
2953                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
2954                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
2955                    7 Min
2956                </div>
2957                
2958                
2959            </a>
2960        </div>
2961        
2962</div>
2963</div>
2964
2965                    
2966                    
2967                    
2968                    
2969                    
2970                    
2971                    
2972                    
2973                    
2974                    
2975                    
2976                    
2977                    
2978                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
2979    
2980    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
2981        <a href="/blog/strategische-fehler-im-shop-marketing" title="Auch im Shop-Marketing gilt: One Size does not fit all" class="relative">
2982            <picture>
2983
2984                
2985
2986                    <source type="image/webp" srcset="/img/containers/blog/blog-auch-im-shop-marketing-gilt_-one-size-does-not-fit-all--blog-beitrag.jpg/d4b31cbf4cf23df7b2b208d5e7f0c376/blog-auch-im-shop-marketing-gilt_-one-size-does-not-fit-all--blog-beitrag.webp">
2987                    <img src="/img/containers/blog/blog-auch-im-shop-marketing-gilt_-one-size-does-not-fit-all--blog-beitrag.jpg/a33eb2e9b4258a9508dd315bb710e8fb/blog-auch-im-shop-marketing-gilt_-one-size-does-not-fit-all--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
2988
2989                
2990
2991                
2992
2993
2994            </picture>
2995        </a>
2996    </div>
2997    
2998    <div class="flex-1 flex flex-col justify-between">
2999        <div class="flex-1">
3000            
3001            <p class="text-sm font-medium text-indigo-600">
3002                <a href="/blog/topic/online-marketing" class="hover:underline">
3003                    Marketing
3004                </a>
3005            </p>
3006            
3007            <a href="/blog/strategische-fehler-im-shop-marketing" class="block mt-2" title="Auch im Shop-Marketing gilt: One Size does not fit all">
3008                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
3009                    Auch im Shop-Marketing gilt: One Size does not fit all
3010                </h2>
3011                <p class="mt-3 text-base text-gray-500">
3012
3013                    
3014
3015                    
3016                    Als Shop-Betreiber hast du zwar leider nicht automatisch einen sechsten Sinn fürs Marketing, du schaust dir die Läden und Online-Shops der anderen
3017                    
3018
3019                    
3020
3021                </p>
3022                
3023                
3024                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
3025                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24">
3025<path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
3026                    6:21 Min
3027                </div>
3028                
3029                
3030            </a>
3031        </div>
3032        
3033</div>
3034</div>
3035
3036                    
3037                    
3038                    
3039                    
3040                    
3041                    
3042                    
3043                    
3044                    
3045                    
3046                    
3047                    
3048                    
3049                    <div class="mb-8 md:mb-0 border-b-2 pb-8 border-dotted border-gray-300 flex flex-col overflow-hidden  col-span-1 md:col-span-1 " id="Artikel-alle-Rubriken">
3050    
3051    <div class="shrink-0 mb-2 overflow-hidden rounded-sm">
3052        <a href="/blog/influencer-marketing-fuer-online-shops" title="Influencer Marketing: Wenn Online-Promis deine Markenbotschafter werden" class="relative">
3053            <picture>
3054
3055                
3056
3057                    <source type="image/webp" srcset="/img/containers/blog/blog-influencer-marketing_-wenn-online-promis-deine-markenbotschafter-werden--blog-beitrag.jpg/0e6161e904760e6f51c7a92c8a379ece/blog-influencer-marketing_-wenn-online-promis-deine-markenbotschafter-werden--blog-beitrag.webp">
3058                    <img src="/img/containers/blog/blog-influencer-marketing_-wenn-online-promis-deine-markenbotschafter-werden--blog-beitrag.jpg/4abd72a0356f3dc73000338590d1226d/blog-influencer-marketing_-wenn-online-promis-deine-markenbotschafter-werden--blog-beitrag.jpg" width="768" height="288" alt="" class="h-48 w-full object-cover hover:scale-102 transition-all" loading="lazy">
3059
3060                
3061
3062                
3063
3064
3065            </picture>
3066        </a>
3067    </div>
3068    
3069    <div class="flex-1 flex flex-col justify-between">
3070        <div class="flex-1">
3071            
3072            <p class="text-sm font-medium text-indigo-600">
3073                <a href="/blog/topic/online-marketing" class="hover:underline">
3074                    Marketing
3075                </a>
3076            </p>
3077            
3078            <a href="/blog/influencer-marketing-fuer-online-shops" class="block mt-2" title="Influencer Marketing: Wenn Online-Promis deine Markenbotschafter werden">
3079                <h2 class="text-l font-semibold text-gray-900 hover:text-indigo-600  font-serif ">
3080                    Influencer Marketing: Wenn Online-Promis deine Markenbotschafter werden
3081                </h2>
3082                <p class="mt-3 text-base text-gray-500">
3083
3084                    
3085
3086                    
3087                    Influencer sind als Stars ihrer Social Media Kanäle wirksame Meinungsmacher und überzeugen mit Authentizität und Persönlichkeit – durch ihren starken
3088                    
3089
3090                    
3091
3092                </p>
3093                
3094                
3095                <div class="flex space-x-1 items-center text-sm mt-4 text-gray-400">
3096                    <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-4 h-4 fill-current mr-1" version="1.1" id="mdi-newspaper-variant-outline" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z"/></svg>
3097                    7 Min
3098                </div>
3099                
3100                
3101            </a>
3102        </div>
3103        
3104</div>
3105</div>
3106
3107                    
3108                    
3109                    
3110                </div>
3111                
3112                
3113            </div>
3114            
3115        </div>
3116    </div>
3117</div>
3118
3119    
3120    <footer class="bg-gray-200" aria-labelledby="footer-heading">
3121    <h2 id="footer-heading" class="sr-only">Footer</h2>
3122    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
3123        <div class="pb-8 xl:grid xl:grid-cols-4 xl:gap-8">
3124            <div class="grid grid-cols-2 gap-8 xl:col-span-4">
3125                <div class="md:grid md:grid-cols-2 md:gap-8">
3126                    <div>
3127                        <h3 class="text-sm font-semibold text-gray-500 tracking-wider up
3127percase">
3128                            Verkaufe überall
3129                        </h3>
3130                        <ul class="mt-4 space-y-4">
3131                            
3132                            <li>
3133                                <a href="/online-shop/online-shop-erstellen" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Online-Shop">
3134                                    Online-Shop
3135                                </a>
3136                            </li>
3137                            
3138                            <li>
3139                                <a href="/kassensystem/ubersicht" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Ladengeschäft">
3140                                    Ladengeschäft
3141                                </a>
3142                            </li>
3143                            
3144                            <li>
3145                                <a href="/ubersicht-widgets" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Webseiten">
3146                                    Webseiten
3147                                </a>
3148                            </li>
3149                            
3150                            <li>
3151                                <a href="/facebook-instagram" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Social Media">
3152                                    Social Media
3153                                </a>
3154                            </li>
3155                            
3156                            <li>
3157                                <a href="/facebook-instagram#messenger" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Messenger">
3158                                    Messenger
3159                                </a>
3160                            </li>
3161                            
3162                            <li>
3163                                <a href="/google/google-shopping" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Google">
3164                                    Google
3165                                </a>
3166                            </li>
3167                            
3168                            <li>
3169                                <a href="/omnichannel" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Omnichannel">
3170                                    Omnichannel
3171                                </a>
3172                            </li>
3173                            
3174                        </ul>
3175                    </div>
3176                    <div class="mt-12 md:mt-0">
3177                        <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">
3178                            Software für
3179                        </h3>
3180                        <ul class="mt-4 space-y-4">
3181                            
3182                            <li>
3183                                <a href="/use-case/e-commerce" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Onlinehandel">
3184                                    Onlinehandel
3185                                </a>
3186                            </li>
3187                            
3188                            <li>
3189                                <a href="/use-case/einzelhandel" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Einzelhandel">
3190                                    Einzelhandel
3191                                </a>
3192                            </li>
3193                            
3194                            <li>
3195                                <a href="/use-case/hersteller" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Hersteller">
3196                                    Hersteller
3197                                </a>
3198                            </li>
3199                            
3200                            <li>
3201                                <a href="/use-case/social-commerce" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Social Commerce">
3202                                    Social Commerce
3203                                </a>
3204                            </li>
3205                            
3206                            <li>
3207                                <a href="/warenwirtschaft" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Warenwirtschaft">
3208                                    Warenwirtschaft
3209                                </a>
3210                            </li>
3211                            
3212                            <li>
3213                                <a href="/warum-versa/technologie" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Digitalisierung">
3214                                    Digitalisierung
3215                                </a>
3216                            </li>
3217                            
3218                            <li>
3219                                <a href="/warum-versa/sicherheit" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Sicherheit">
3220                                    Sicherheit
3221                                </a>
3222                            </li>
3223                            
3224                        </ul>
3225                    </div>
3226                </div>
3227                <div class="md:grid md:grid-cols-2 md:gap-8">
3228                    <div>
3229                        <h3 class="text-sm font-semibold text-gray-500 tracking-wider up
3229percase">
3230                            Hilfe & Service
3231                        </h3>
3232                        <ul class="mt-4 space-y-4">
3233                            
3234                            <li>
3235                                <a href="/rueckruf-service" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Kontakt">
3236                                    Kontakt
3237                                </a>
3238                            </li>
3239                            
3240                            <li>
3241                                <a href="https://developer.versacommerce.de/" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Entwickler-Doku">
3242                                    Entwickler-Doku
3243                                </a>
3244                            </li>
3245                            
3246                            <li>
3247                                <a href="/rueckruf-service#webinars" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Kostenlose Webinare">
3248                                    Kostenlose Webinare
3249                                </a>
3250                            </li>
3251                            
3252                            <li>
3253                                <a href="https://help.versacommerce.de/" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Online Handbuch">
3254                                    Online Handbuch
3255                                </a>
3256                            </li>
3257                            
3258                            <li>
3259                                <a href="/glossar" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Glossar">
3260                                    Glossar
3261                                </a>
3262                            </li>
3263                            
3264                        </ul>
3265                    </div>
3266                    <div class="mt-12 md:mt-0">
3267                        <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">
3268                            Unternehmen
3269                        </h3>
3270                        <ul class="mt-4 space-y-4">
3271                            
3272                            <li>
3273                                <a href="/ueber-uns" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Über uns">
3274                                    Über uns
3275                                </a>
3276                            </li>
3277                            
3278                            <li>
3279                                <a href="/jobs" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Jobs">
3280                                    Jobs
3281                                </a>
3282                            </li>
3283                            
3284                            <li>
3285                                <a href="/legal/agb" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu AGB">
3286                                    AGB
3287                                </a>
3288                            </li>
3289                            
3290                            <li>
3291                                <a href="/legal/impressum" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Impressum">
3292                                    Impressum
3293                                </a>
3294                            </li>
3295                            
3296                            <li>
3297                                <a href="/legal/datenschutz" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Datenschutz">
3298                                    Datenschutz
3299                                </a>
3300                            </li>
3301                            
3302                            <li>
3303                                <a href="/legal/widerruf" class="text-base text-gray-500 hover:text-gray-900" title="Direkt zu Widerruf">
3304                                    Widerruf
3305                                </a>
3306                            </li>
3307                            
3308                        </ul>
3309                    </div>
3310                </div>
3311            </div>
3312        </div>
3313        <div class="border-t border-gray-400 pt-8 lg:flex lg:items-center lg:justify-between xl:mt-0">
3314            <div>
3315                <div class="mt-2 text-base text-gray-500 md:grid grid-cols-7 gap-8 items-center">
3316                    <a href="/" class="mb-4 md:mb-0 block col-span-1">
3317                        <span class="sr-only">VersaCommerce</span>
3318                        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-auto sm:h-8 lg:h-10" viewBox="0 0 846 302"><defs><style>.cls-1{fill:#e42314;}</style></defs><g id="Ebene_1" data-name="Ebene 1"><path d="M822.19,179.51c0,15.88-11.34,18.21-26.36,18.21-11.91,0-22.87-2.33-22.87-16.11,0-11.91,7.71-16.59,23.58-16.59h25.68ZM846,135.39c0-29.18-21.23-38.28-52.72-38.28A115.47,115.47,0,0,0,770,99c-6.52,1.16-8.5,3-8.5,10v3.26c0,7,1.64,8.87,8.5,7.46a127.33,127.33,0,0,1,24.49-2.1c16.58,0,27.52,3.26,27.52,17.75v11.34H796.51c-29.17,0-47.59,9.1-47.59,35.25,0,24.75,17,36,47.36,36,34.53,0,49.69-11.68,49.69-37.34ZM646,202.62c0,7.94,1.64,9.33,9.32,11.34a116.82,116.82,0,0,0,32,4c33.13,0,47.13-10.27,47.13-32.69,0-18.69-9.32-26.38-25-32.93l-27.07-11.68c-7.93-3.49-11-6.29-11-11.91,0-6.77,4.91-9.58,20.55-9.58a89,89,0,0,1,27.7,3.8c7.71,2.1,9.55,0,9.55-7.94v-2.84c0-7.94-1.87-9.33-9.81-11.68A90.08,90.08,0,0,0,692.37,97c-31.18,0-44.56,10.27-44.56,31.76,0,18.21,8.87,25.52,23.1,31.76l25.2,11.34c11.34,5.14,14.94,7.94,14.94,14,0,7.71-6.29,10-21.71,10a123.33,123.33,0,0,1-34-4.42c-7.71-1.88-9.32.22-9.32,8.16ZM601.21,140c0-13.3,3.75-20.53,20.07-20.53a31.83,31.83,0,0,1,4.68.23c7.94,1.16,9.81-.23,9.81-8.17v-3.26c0-7.94-1.87-10-9.81-11a31.83,31.83,0,0,0-4.68-.23c-30.1,0-44.1,15.17-44.1,41.31V205c0,8.5,2.1,10.49,10.49,10.49h3c8.5,0,10.51-2.1,10.51-10.49Zm-122,.94c0-15.88,9.55-23.11,27.07-23.11s27.55,7.23,27.55,23.11v5.84H479.19Zm77.24,4.42c0-32-17.26-48.21-49.46-48.21-39,0-51.82,21.47-51.82,50.65v20.3c0,35.67,18.65,49.85,57.4,49.85a115,115,0,0,0,30.33-3.74c7.71-2.1,9.55-3.52,9.55-11.35v-3.09c0-7.94-1.87-10-9.55-8.16a135.28,135.28,0,0,1-30.33,3.66c-23.55,0-33.36-6.78-33.36-23.82v-5.05H544c8.5,0,11-2.1,11.9-10.75a100.49,100.49,0,0,0,.46-10.26M361.1,109.93c-1.87-8.17-4.42-10.27-12.84-10.27h-3.48c-8.51,0-10,2.1-7.94,10.27l18.68,77c5.13,21.24,10.26,30.82,35.46,30.82S421.31,208,426.44,187l18.68-77c2.1-8.17.45-10.27-7.94-10.27h-3.51c-8.51,0-11,2.1-12.84,10.27l-18.2,75.88c-2.32,9.81-5.36,11.34-11.68,11.34s-9.32-1.65-11.68-11.34ZM804.37,262.8c0-7.87,4.79-11.47,13.55-11.47s13.77,3.6,13.77,11.47v2.81H804.4ZM843,265c0-15.85-8.5-24-24.74-24-19.47,0-25.9,10.65-25.9,25.1v10.07c0,17.7,9.32,24.76,28.68,24.76a57.88,57.88,0,0,0,15.16-1.86c3.85-1,4.79-1.74,4.79-5.62V292c0-3.93-.94-5-4.79-4.05A67.92,67.92,0,0,1,821,289.81c-11.79,0-16.69-3.35-16.69-11.81v-2.58h32.42c4.3,0,5.46-1,6-5.31.16-1.7.23-3.39.22-5.09m-96.8,11.69c0,16.08,8.5,24.29,27.4,24.29a37.55,37.55,0,0,0,9.44-1.16c3.85-.92,4.9-1.85,4.9-5.79v-1.37c0-3.94-.93-4.64-4.79-3.94a40.5,40.5,0,0,1-9,1c-11.34,0-16-3.23-16-13.41v-10.9c0-9.36,3.74-13.3,15.16-13.3a32.14,32.14,0,0,1,8.5,1.15c3.85,1.16,4.9,0,4.9-3.82V248c0-3.93-.82-4.86-4.67-5.79a33.31,33.31,0,0,0-9.1-1.15c-18.42,0-26.95,9.72-26.95,24.29Zm-20.41-14.33c0-6.61,1.87-10.18,10-10.18a18,18,0,0,1,2.32,0c4,.59,4.9,0,4.9-4v-1.68c0-3.94-.93-5-4.9-5.43a18,18,0,0,0-2.32,0c-15,0-22,7.53-22,20.49v33c0,4.16,1,5.2,5.24,5.2h1.5c4.2,0,5.25-1,5.25-5.2Zm-60.64.45c0-7.88,4.79-11.47,13.52-11.47s13.77,3.59,13.77,11.47v2.81H665.09ZM703.72,265c0-15.86-8.51-23.95-24.74-23.95-19.47,0-25.91,10.65-25.91,25.1v10.06c0,17.71,9.33,24.77,28.68,24.77a58.2,58.2,0,0,0,15.16-1.86c3.86-1,4.79-1.74,4.79-5.62V292c0-3.93-.93-5-4.79-4a67.85,67.85,0,0,1-15.16,1.86c-11.79,0-16.69-3.35-16.69-11.81v-2.61h32.42c4.31,0,5.47-1,5.95-5.31.16-1.7.24-3.39.23-5.09m-130.87-1.49c0-7.28,2.1-11.25,11.68-11.25s11.56,4,11.56,11.25v30.92c0,4.16,1.05,5.2,5.24,5.2h1.16c4.2,0,5.25-1,5.25-5.2V263.53c0-7.28,2.21-11.25,11.78-11.25s11.54,4,11.54,11.25v30.92c0,4.16,1,5.2,5.24,5.2h1.45c4.19,0,5.24-1,5.24-5.2V263.53c0-14.45-6.77-22.49-23.55-22.49-8.76,0-14.45,3.12-17.49,8.43-2.83-5.31-8.5-8.43-17.51-8.43-16.21,0-23.66,8.21-23.66,22.49v30.92c0,4.16,1,5.2,5.24,5.2h1.5c4.2,0,5.25-1,5.25-5.2Zm-93.52,0c0-7.28,2.1-11.25,11.68-11.25s11.56,4,11.56,11.25v30.92c0,4.16,1.05,5.2,5.24,5.2h1.17c4.19,0,5.24-1,5.24-5.2V263.53c0-7.28,2.21-11.25,11.79-11.25s11.56,4,11.56,11.25v30.92c0,4.16,1,5.2,5.24,5.2h1.53c4.2,0,5.24-1,5.24-5.2V263.53c0-14.45-6.77-22.49-23.57-22.49-8.76,0-14.46,3.12-17.49,8.43C505.63,244.16,500,241,491,241c-16.21,0-23.69,8.21-23.69,22.49v30.92c0,4.16,1,5.2,5.24,5.2H474c4.19,0,5.24-1,5.24-5.2ZM430.81,301c18.2,0,26.59-9.25,26.59-25v-9.87c0-16.19-7.71-25-26.59-25-18.3,0-26.83,9.14-26.83,25V276c0,16.19,7.82,25,26.83,25m14.6-25c0,9-2.69,13.77-14.6,13.77S416,285,416,276v-9.84c0-9,2.84-13.88,14.82-13.88s14.6,4.86,14.6,13.88Zm-89.24.7c0,16.08,8.5,24.29,27.4,24.29a38,38,0,0,0,9.44-1.15c3.85-.93,4.9-1.86,4.9-5.79v-1.38c0-3.94-.93-4.64-4.79-3.94a40.5,40.5,0,0,1-9,1c-11.34,0-16-3.23-16-13.4V265.47c0-9.36,3.74-13.3,15.16-13.3a32.14,32.14,0,0,1,8.5,1.15c3.85,1.16,4.9,0,4.9-3.82V248c0-3.93-.82-4.86-4.67-5.79a33.31,33.31,0,0,0-9.1-1.15c-18.42,0-26.95,9.72-26.95,24.29Z"/><path class="cls-1" d="M221.44,220.2A64.51,64.51,0,0,1,206.86,247c-13.76,15.07-36,18.59-60.77,19.18-24.81-.62-47-4.11-60.77-19.18A64.81,64.81,0,0,1,70.79,220.2L43.52,118.36C39.78,103.77,35,100,20.05,100H15.46c-15,0-17.9,3.75-13.73,18.36L31.15,228.54a92.29,92.29,0,0,0,24.1,42.25C79.23,294.85,113,301,146,302
3318c32.82-.94,66.66-7,90.62-31.21a92.38,92.38,0,0,0,24.1-42.25l29.53-110.12c4.17-14.59,1.19-18.36-13.79-18.36h-4.44c-15,0-19.65,3.74-23.39,18.36Z"/><path class="cls-1" d="M166,82.29v-62a20,20,0,1,0-40,0v62c0,14.19,3.5,17.71,17.48,17.71h5c14,0,17.48-3.55,17.48-17.71"/></g></svg>
3319                    </a>
3320                    <div class="col-span-5">
3321                        Wir digitalisieren den Handel: Online-Shop, Kassensystem und individuelle Beratung. VersaCommerce bringt Händler erfolgreich online.
3322                    </div>
3323                    <div class="justify-self-end mt-4 md:mt-0 w-24 md:w-24 col-span-1">
3324                        <a href="https://www.google.com/partners/agency?id=8512920941" target="_blank" class="block">
3325                            <img class="w-24 md:w-24 shrink-0" loading="lazy" src="https://www.gstatic.com/partners/badge/images/2021/PartnerBadgeClickable.svg" alt="Wir sind offizieller Google Partner">
3326                        </a>
3327                    </div>
3328                </div>
3329            </div>
3330        </div>
3331        <div class="mt-8 border-t border-gray-400 pt-8 md:flex md:items-center md:justify-between">
3332            <div class="flex space-x-6 md:order-2">
3333                <a href="https://www.facebook.com/versacommerce" class="text-gray-500 hover:text-gray-900">
3334                    <span class="sr-only">Facebook</span>
3335                    <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
3336                        <path fill-rule="evenodd"
3337                            d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987
3337h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
3338                            clip-rule="evenodd" />
3339                    </svg>
3340                </a>
3341
3342                <a href="https://www.instagram.com/versacommerce.de" class="text-gray-500 hover:text-gray-900">
3343                    <span class="sr-only">Instagram</span>
3344                    <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
3345                        <path fill-rule="evenodd"
3346                            d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
3347                            clip-rule="evenodd" />
3348                    </svg>
3349                </a>
3350
3351                <a href="https://twitter.com/versacommerce" class="text-gray-500 hover:text-gray-900">
3352                    <span class="sr-only">Twitter</span>
3353                    <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
3354                        <path
3355                            d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
3356                    </svg>
3357                </a>
3358
3359                <a href="https://www.linkedin.com/company/10366444" class="text-gray-500 hover:text-gray-900">
3360                    <span class="sr-only">LinkedIn</span>
3361                    <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 28 25" aria-hidden="true">
3362                        <path d="M.986 8.004h5.361v16.957H.987V8.004zm20.01-.163c-3.072 0-4.996 1.66-5.352 2.825V8.004H9.621c.078 1.414 0 16.957 0 16.957h6.023v-9.176c0-.51-.024-1.02.131-1.386.414-1.02 1.304-2.077 2.903-2.077 2.091 0 3.042 1.568 3.042 3.865v8.774h6.08v-9.428c0-5.253-2.994-7.692-6.805-7.692zM3.567 0C1.588 0 .293 1.269.293 2.944c0 1.643 1.258 2.94 3.198 2.94h.04c2.015 0 3.27-1.301 3.27-2.945C6.76 1.266 5.546 0 3.568 0z" fill-rule="evenodd"/>
3363                    </svg>
3364                </a>
3365
3366            </div>
3367
3368            <p class="mt-8 text-base text-gray-500 md:mt-0 md:order-1">
3369                &copy; 2026 VersaCommerce Entwicklungs- und Betriebsgesellschaft mbH. – Entwickelt mit viel ❤ in Hannover, Deutschland.
3370            </p>
3371
3372        </div>
3373
3374        <div class="mt-8 text-center">
3375
3376            
3377            
3378            
3379
3380        </div>
3381
3382    </div>
3383
3384</footer>
3385
3386    
3387
3388    
3388<script src="/js/site.js?id=bc1377a8b86d0a171bdb0947f384e72c" type="a0cdf1b8f5845f1d2769cf08-text/javascript"></script>
3388
3389    
3390
3391<script type="a0cdf1b8f5845f1d2769cf08-text/javascript">
3392  function getRootDomain() {
3393    return window.location.hostname.replace(/([a-zA-Z0-9]+.)/,"");
3394  }
3395
3396  function getReferrerDomain() {
3397    var matches = document.referrer.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
3398    return matches[1].replace(/([a-zA-Z0-9]+.)/,"");
3399  }
3400
3401  function getCookie(cname) {
3402    var name = cname + "=";
3403    var decodedCookie = decodeURIComponent(document.cookie);
3404    var ca = decodedCookie.split(';');
3405    for(var i = 0; i <ca.length; i++) {
3406      var c = ca[i];
3407      while (c.charAt(0) == ' ') {
3408        c = c.substring(1);
3409      }
3410      if (c.indexOf(name) == 0) {
3411        return c.substring(name.length, c.length);
3412      }
3413    }
3414    return "";
3415  }
3416
3417  function setCookie(name, value, domain, days){
3418    var date = new Date();
3419    date.setTime(date.getTime() + (days*24*60*60*1000));
3420    var expires = "; expires=" + date.toGMTString();
3421    var domain = ';domain=.' + domain + ';path=/';
3422    document.cookie = name + "=" + value + expires + domain;
3423  }
3424
3425
3426  document.addEventListener("DOMContentLoaded", function(event) {
3427
3428    (function(r) {
3429      var referrer      = (window.decodeURI)?window.decodeURI(document.referrer):document.referrer;
3430      var resource      = (window.decodeURI)?window.decodeURI(document.URL):document.URL;
3431      var match1        = new RegExp("[\\?&](utm_source|source|r|ref)=([^&#]*)", "gi").exec(resource);
3432      var match2        = new RegExp("[\\?&](utm_medium|medium)=([^&#]*)", "gi").exec(resource);
3433      var match3        = new RegExp("[\\?&](utm_campaign|campaign)=([^&#]*)", "gi").exec(resource);
3434      var match4        = new RegExp("[\\?&](utm_term|keywords)=([^&#]*)", "gi").exec(resource);
3435      var match5        = new RegExp("[\\?&](origin)=([^&#]*)", "gi").exec(resource);
3436      var gclid         = new RegExp("[\\?&](gclid)=([^&#]*)", "gi").exec(resource);
3437      var brand_search  = new RegExp("((google|yahoo|bing)(.*)&?q=([^&]*)versacommerce)", "gi").exec(referrer);
3438      var source_string = ''
3439
3440      // Check for Campaign
3441      if (match1) {
3442        var source_string = match1[2];
3443        if (match2) { source_string = source_string + " - " + match2[2]; }
3444        if (match3) { source_string = source_string + " - " + match3[2]; }
3445        if (match4) { source_string = source_string + " - " + match4[2]; }
3446      }
3447
3448      // Set origin, if found
3449      if (match5) { source_string = source_string + " - {" + match5[2] + "}"; }
3450
3451      // Set gclid, if found
3452      if (gclid) { source_string = source_string + " - (" + gclid[2] + ")"; }
3453
3454      // Check for brand search term 'versacommerce'
3455      if (source_string.length == 0) {
3456        if (brand_search && !brand_search.length == 0) {
3457          source_string = brand_search;
3458        }
3459      }
3460
3461      // Check for referrer, use only if it is from remote site
3462      if (source_string.length == 0) {
3463        if (referrer && referrer !== '') {
3464          if ( getRootDomain() != getReferrerDomain()) {
3465            source_string = referrer;
3466          }
3467        }
3468      }
3469
3470      if (source_string.length == 0) {
3471        source_string = "direct";
3472      }
3473
3474      // Check for Cookie source, if not present, try to set
3475      if (!getCookie('source')) {
3476        if (getCookie('_t')) {
3477          source_string = source_string + " [" + getCookie('_t') + "]";
3478        }
3479
3480        try {
3481          var coockieDomain = getRootDomain() || 'versacommerce.de';
3482          // $.cookie("source", source_string, {expires: 365, domain: coockieDomain, path: "/"});
3483          setCookie('source', source_string, coockieDomain, 365);
3484        } catch(e) {
3485        }
3486      } else {
3487        var source_string = getCookie('source');
3488        var uuid_match    = new RegExp("\\[(.*)\\]", "i").exec(source_string);
3489        if (!uuid_match) {
3490          if (getCookie('_t')) {
3491            source_string = source_string + " [" + getCookie('_t') + "]";
3492
3493            try {
3494              var coockieDomain = getRootDomain() || 'versacommerce.de';
3495              // $.cookie("source", source_string, {expires: 365, domain: coockieDomain, path: "/"});
3496              setCookie('source', source_string, coockieDomain, 365);
3497            } catch(e) {
3498            }
3499          }
3500        }
3501      }
3502    })(window.location.href);
3503
3504  });
3505</script>
3505
3506
3507
3508    <div aria-labelledby="modal-title" role="dialog" aria-modal="true" x-show="showModal" :class="{ 'fixed z-50 inset-0 overflow-y-auto': showModal }" x-cloak>
3509    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block">
3510
3511        <div :class="{ 'fixed inset-0 bg-gray-200/95 transition-opacity': showModal }" aria-hidden="true" x-show="showModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
3512            x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="showModal = false">
3513
3514            <div :class="{ 'absolute w-60vw h-60vw transform rotate-20 rounded-20% top-20vh left-60vw bg-gray-300': showModal }"></div>
3515            <div :class="{' absolute w-70vw h-70vw transform -rotate-20 rounded-50% bottom-30vh right-60vw bg-gray-300': showModal }"></div>
3516
3517        </div>
3518
3519        
3520        <span class="hidden sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
3521        <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all my-8 align-middle max-w-2xl w-full" x-show="showModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
3522            x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
3523
3524            <div class="hidden sm:block absolute top-0 right-0 pt-4 pr-4">
3525                <button type="button" class="bg-white rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" @click="showModal = false">
3526                    <span class="sr-only">Close</span>
3527                    <!-- Heroicon name: outline/x -->
3528                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
3529                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
3530                    </svg>
3531                </button>
3532            </div>
3533
3534            <div class="">
3535
3536                
3537
3538                <div class="flex flex-col justify-center p-4 lg:p-10 py-8 lg:py-20">
3539                    <span class="text-3xl font-extrabold tracking-tight mb-8">VersaCommerce kostenlos testen.</span>
3540
3541                    <form action="https://app.versacommerce.de/registration/new/trial" method="GET" class="js-signup-form">
3542                        <div class="mb-6">
3543                            <label for="email" class="block text-sm font-medium text-gray-700 sr-only">E-Mail-Adresse</label>
3544                            <div class="mt-2">
3545                                <input type="email"
3546                                    name="email"
3547                                    id="email"
3548                                    class="py-2 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-base border-gray-300 rounded-md"
3549                                    autocomplete="email"
3550                                    required
3551                                    placeholder="E-Mail-Adresse" :value="signupEmailValue">
3552                            </div>
3553                        </div>
3554                        <div class="mb-6">
3555                            <label for="password" class="block text-sm font-medium text-gray-700 sr-only">Passwort</label>
3556                            <div class="mt-2">
3557                                <input type="password"
3558                                    name="password"
3559                                    id="password"
3560                                    class="py-2 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-base border-gray-300 rounded-md"
3561                                    required
3562                                    placeholder="Passwort">
3563                            </div>
3564                        </div>
3565                        <div class="mb-6">
3566                            <label for="password" class="block text-sm font-medium text-gray-700 sr-only">Vorname und Nachname</label>
3567                            <div class="mt-2">
3568                                <input type="text"
3569                                    name="admin_full_name"
3570                                    id="admin_full_name"
3571                                    class="py-2 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-base border-gray-300 rounded-md"
3572                                    required
3573                                    placeholder="Vorname und Nachname">
3574                            </div>
3575                        </div>
3576                        <div x-data="form()">
3577                            <div class="mb-6">
3578                                <label for="shop_name" class="block text-sm font-medium text-gray-700 sr-only">Name des Shops</label>
3579                                <div class="mt-2">
3580                                    <input type="text"
3581                                        name="shop_name"
3582                                        id="shop_name"
3583                                        class="py-2 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-base border-gray-300 rounded-md"
3584                                        required
3585                                        placeholder="Name des Shops"
3586                                        x-bind:class="{'invalid':shop_name.errorMessage && shop_name.blurred}
3586" @input="input">
3587                                    <template x-if="shop_name_error">
3588                                        <div class="mt-2 text-sm text-red-600" x-text="shop_name_message"></div>
3589                                    </template>
3590                                </div>
3591                            </div>
3592                            <div class="mb-4">
3593                                <input type="hidden" name="uuid" value="">
3594                                <input type="hidden" name="click_id" value="">
3595                                <input type="hidden" name="source" value="">
3596                                <input type="hidden" name="utm_source" value="">
3597                                <input type="hidden" name="utm_campaign" value="">
3598                                <input type="hidden" name="utm_medium" value="">
3599                                <input type="hidden" name="as" value="1">
3600                                <input type="hidden" name="recipe" value="">
3601                                <button type="submit" class="block w-full md:px-2 lg:px-4 py-3 px-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-green-600 hover:bg-green-500 text-center" x-bind:disabled="shop_name_error">
3602                                    Eigenen Shop erstellen →
3603                                </button>
3604                                <small class="text-sm text-center text-gray-500 mt-4 block">
3605                                    Kein Risiko – keine Kreditkarte erforderlich.
3606                                </small>
3607                            </div>
3608                        </div>
3609                    </form>
3610
3611                    
3611<script type="a0cdf1b8f5845f1d2769cf08-text/javascript">
3612    window.form = () => {
3613        return {
3614            shop_name_error: null,
3615            shop_name_message: null,
3616            input: _.debounce(function(event) {
3617                let ele = event.target;
3618                if (ele.value != '') {
3619                    fetch('https://app.versacommerce.de/services/signup/check_availability.json?shop_name=' + ele.value)
3620                        .then(res => res.json())
3621                        .then(data => {
3622                            if (data.error == true) {
3623                                this.shop_name_error = true;
3624                                this.shop_name_message = data.message;
3625                            } else {
3626                                this.shop_name_error = false;
3627                            }
3628                        });
3629                } else {
3630                    this.shop_name_error = false;
3631                }
3632            }, 400),
3633        }
3634    }
3635
3636    window.signupEmailMarketing = () => {
3637        return {
3638            formData: {},
3639            signupEmailValue: null,
3640
3641            submitEmailMarketing() {
3642                this.formData.email = this.signupEmailValue,
3643                this.formData.utm_source = this.$refs.utm_source.value,
3644                this.formData.utm_medium = this.$refs.utm_medium.value,
3645                this.formData.utm_campaign = this.$refs.utm_campaign.value,
3646                fetch(this.$el.action, {
3647                    method: 'POST',
3648                    headers: {
3649                        'Content-Type': 'application/json'
3650                    },
3651                    body: JSON.stringify(this.formData)
3652                })
3653                .then(() => {
3654                    // Set signupEmailValue with the email value
3655                    document.getElementById('body').__x.$data.signupEmailValue = this.formData.email;
3656                    // Open the modal
3657                    this.$el.dispatchEvent(new CustomEvent('show-modal', {
3658                        bubbles: true
3659                    }))
3660                })
3661                .catch(() => {})
3662            }
3663        }
3664    }
3665</script>
3665
3666
3667
3668                </div>
3669
3670            </div>
3671        </div>
3672    </div>
3673</div>
vendor: 157 bytes, lines 3673-3680
3673
3674
3675    
3676
3677
3678
3679    
3680<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="a0cdf1b8f5845f1d2769cf08-|49" defer></script>
3680<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"dc9646229bc445e4996b266be3c6f0b1","r":1,"spa":2}' crossorigin="anonymous"></script>
3680
3681</body>
3682
3683</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.